From 7498a5a41ca31f4eadd0b7ed46b06152e5718f5d Mon Sep 17 00:00:00 2001 From: Benjamin Leonard Date: Fri, 22 Mar 2024 14:38:45 +0000 Subject: [PATCH 1/2] Add responsive console icons --- icons/index.ts | 5 ++++ icons/react/MenuClose12Icon.tsx | 37 +++++++++++++++++++++++++++++ icons/react/MenuOpen12Icon.tsx | 37 +++++++++++++++++++++++++++++ icons/react/Monitoring16Icon.tsx | 37 +++++++++++++++++++++++++++++ icons/react/Monitoring24Icon.tsx | 37 +++++++++++++++++++++++++++++ icons/react/SignOut16Icon.tsx | 40 ++++++++++++++++++++++++++++++++ icons/react/index.ts | 5 ++++ icons/sprite.svg | 2 +- icons/svg/menu-close-12.svg | 1 + icons/svg/menu-open-12.svg | 1 + icons/svg/monitoring-16.svg | 1 + icons/svg/monitoring-24.svg | 1 + icons/svg/sign-out-16.svg | 1 + 13 files changed, 204 insertions(+), 1 deletion(-) create mode 100644 icons/react/MenuClose12Icon.tsx create mode 100644 icons/react/MenuOpen12Icon.tsx create mode 100644 icons/react/Monitoring16Icon.tsx create mode 100644 icons/react/Monitoring24Icon.tsx create mode 100644 icons/react/SignOut16Icon.tsx create mode 100644 icons/svg/menu-close-12.svg create mode 100644 icons/svg/menu-open-12.svg create mode 100644 icons/svg/monitoring-16.svg create mode 100644 icons/svg/monitoring-24.svg create mode 100644 icons/svg/sign-out-16.svg diff --git a/icons/index.ts b/icons/index.ts index 9b96e073..b30833d8 100644 --- a/icons/index.ts +++ b/icons/index.ts @@ -97,8 +97,12 @@ export type Icon = | { name: 'location'; size: 24 } | { name: 'logs'; size: 16 } | { name: 'logs'; size: 24 } + | { name: 'menu-close'; size: 12 } + | { name: 'menu-open'; size: 12 } | { name: 'metrics'; size: 16 } | { name: 'metrics'; size: 24 } + | { name: 'monitoring'; size: 16 } + | { name: 'monitoring'; size: 24 } | { name: 'more'; size: 12 } | { name: 'networking'; size: 16 } | { name: 'networking'; size: 24 } @@ -138,6 +142,7 @@ export type Icon = | { name: 'settings'; size: 16 } | { name: 'settings'; size: 24 } | { name: 'show'; size: 16 } + | { name: 'sign-out'; size: 16 } | { name: 'snapshots'; size: 16 } | { name: 'snapshots'; size: 24 } | { name: 'software-update'; size: 16 } diff --git a/icons/react/MenuClose12Icon.tsx b/icons/react/MenuClose12Icon.tsx new file mode 100644 index 00000000..72111159 --- /dev/null +++ b/icons/react/MenuClose12Icon.tsx @@ -0,0 +1,37 @@ +/* + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, you can obtain one at https://mozilla.org/MPL/2.0/. + * + * Copyright Oxide Computer Company + */ +import { SVGProps } from 'react' + +interface SVGRProps { + title?: string + titleId?: string +} +const MenuClose12Icon = ({ + title, + titleId, + ...props +}: SVGProps & SVGRProps) => ( + + {title ? {title} : null} + + +) +export default MenuClose12Icon diff --git a/icons/react/MenuOpen12Icon.tsx b/icons/react/MenuOpen12Icon.tsx new file mode 100644 index 00000000..1ead3d60 --- /dev/null +++ b/icons/react/MenuOpen12Icon.tsx @@ -0,0 +1,37 @@ +/* + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, you can obtain one at https://mozilla.org/MPL/2.0/. + * + * Copyright Oxide Computer Company + */ +import { SVGProps } from 'react' + +interface SVGRProps { + title?: string + titleId?: string +} +const MenuOpen12Icon = ({ + title, + titleId, + ...props +}: SVGProps & SVGRProps) => ( + + {title ? {title} : null} + + +) +export default MenuOpen12Icon diff --git a/icons/react/Monitoring16Icon.tsx b/icons/react/Monitoring16Icon.tsx new file mode 100644 index 00000000..687d74ec --- /dev/null +++ b/icons/react/Monitoring16Icon.tsx @@ -0,0 +1,37 @@ +/* + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, you can obtain one at https://mozilla.org/MPL/2.0/. + * + * Copyright Oxide Computer Company + */ +import { SVGProps } from 'react' + +interface SVGRProps { + title?: string + titleId?: string +} +const Monitoring16Icon = ({ + title, + titleId, + ...props +}: SVGProps & SVGRProps) => ( + + {title ? {title} : null} + + +) +export default Monitoring16Icon diff --git a/icons/react/Monitoring24Icon.tsx b/icons/react/Monitoring24Icon.tsx new file mode 100644 index 00000000..4370580c --- /dev/null +++ b/icons/react/Monitoring24Icon.tsx @@ -0,0 +1,37 @@ +/* + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, you can obtain one at https://mozilla.org/MPL/2.0/. + * + * Copyright Oxide Computer Company + */ +import { SVGProps } from 'react' + +interface SVGRProps { + title?: string + titleId?: string +} +const Monitoring24Icon = ({ + title, + titleId, + ...props +}: SVGProps & SVGRProps) => ( + + {title ? {title} : null} + + +) +export default Monitoring24Icon diff --git a/icons/react/SignOut16Icon.tsx b/icons/react/SignOut16Icon.tsx new file mode 100644 index 00000000..3d56f7cb --- /dev/null +++ b/icons/react/SignOut16Icon.tsx @@ -0,0 +1,40 @@ +/* + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, you can obtain one at https://mozilla.org/MPL/2.0/. + * + * Copyright Oxide Computer Company + */ +import { SVGProps } from 'react' + +interface SVGRProps { + title?: string + titleId?: string +} +const SignOut16Icon = ({ + title, + titleId, + ...props +}: SVGProps & SVGRProps) => ( + + {title ? {title} : null} + + + + + + +) +export default SignOut16Icon diff --git a/icons/react/index.ts b/icons/react/index.ts index 4b5bd739..6d045a8c 100644 --- a/icons/react/index.ts +++ b/icons/react/index.ts @@ -40,6 +40,7 @@ export { default as LoadBalancer24Icon } from './LoadBalancer24Icon.tsx' export { default as Location24Icon } from './Location24Icon.tsx' export { default as Logs24Icon } from './Logs24Icon.tsx' export { default as Metrics24Icon } from './Metrics24Icon.tsx' +export { default as Monitoring24Icon } from './Monitoring24Icon.tsx' export { default as Networking24Icon } from './Networking24Icon.tsx' export { default as Organization24Icon } from './Organization24Icon.tsx' export { default as Overview24Icon } from './Overview24Icon.tsx' @@ -100,6 +101,7 @@ export { default as Link16Icon } from './Link16Icon.tsx' export { default as LoadBalancer16Icon } from './LoadBalancer16Icon.tsx' export { default as Logs16Icon } from './Logs16Icon.tsx' export { default as Metrics16Icon } from './Metrics16Icon.tsx' +export { default as Monitoring16Icon } from './Monitoring16Icon.tsx' export { default as Networking16Icon } from './Networking16Icon.tsx' export { default as NewWindow16Icon } from './NewWindow16Icon.tsx' export { default as Notifications16Icon } from './Notifications16Icon.tsx' @@ -119,6 +121,7 @@ export { default as Security16Icon } from './Security16Icon.tsx' export { default as Servers16Icon } from './Servers16Icon.tsx' export { default as Settings16Icon } from './Settings16Icon.tsx' export { default as Show16Icon } from './Show16Icon.tsx' +export { default as SignOut16Icon } from './SignOut16Icon.tsx' export { default as Snapshots16Icon } from './Snapshots16Icon.tsx' export { default as SoftwareUpdate16Icon } from './SoftwareUpdate16Icon.tsx' export { default as Ssd16Icon } from './Ssd16Icon.tsx' @@ -144,6 +147,8 @@ export { default as Info12Icon } from './Info12Icon.tsx' export { default as Filter12Icon } from './Filter12Icon.tsx' export { default as Key12Icon } from './Key12Icon.tsx' export { default as Loader12Icon } from './Loader12Icon.tsx' +export { default as MenuOpen12Icon } from './MenuOpen12Icon.tsx' +export { default as MenuClose12Icon } from './MenuClose12Icon.tsx' export { default as More12Icon } from './More12Icon.tsx' export { default as NextArrow12Icon } from './NextArrow12Icon.tsx' export { default as PrevArrow12Icon } from './PrevArrow12Icon.tsx' diff --git a/icons/sprite.svg b/icons/sprite.svg index 872381e9..fd12c427 100644 --- a/icons/sprite.svg +++ b/icons/sprite.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/icons/svg/menu-close-12.svg b/icons/svg/menu-close-12.svg new file mode 100644 index 00000000..7aaea98e --- /dev/null +++ b/icons/svg/menu-close-12.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/svg/menu-open-12.svg b/icons/svg/menu-open-12.svg new file mode 100644 index 00000000..2f159638 --- /dev/null +++ b/icons/svg/menu-open-12.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/svg/monitoring-16.svg b/icons/svg/monitoring-16.svg new file mode 100644 index 00000000..edd48f5b --- /dev/null +++ b/icons/svg/monitoring-16.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/svg/monitoring-24.svg b/icons/svg/monitoring-24.svg new file mode 100644 index 00000000..98b60b5c --- /dev/null +++ b/icons/svg/monitoring-24.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/svg/sign-out-16.svg b/icons/svg/sign-out-16.svg new file mode 100644 index 00000000..0247d375 --- /dev/null +++ b/icons/svg/sign-out-16.svg @@ -0,0 +1 @@ + \ No newline at end of file From 12318cc306dcdf43cf09d61c514a4e02b19fbb1e Mon Sep 17 00:00:00 2001 From: Benjamin Leonard Date: Fri, 22 Mar 2024 14:53:03 +0000 Subject: [PATCH 2/2] Update close icon --- icons/react/MenuClose12Icon.tsx | 2 +- icons/sprite.svg | 2 +- icons/svg/menu-close-12.svg | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/icons/react/MenuClose12Icon.tsx b/icons/react/MenuClose12Icon.tsx index 72111159..af28548f 100644 --- a/icons/react/MenuClose12Icon.tsx +++ b/icons/react/MenuClose12Icon.tsx @@ -29,7 +29,7 @@ const MenuClose12Icon = ({ diff --git a/icons/sprite.svg b/icons/sprite.svg index fd12c427..5981c7c8 100644 --- a/icons/sprite.svg +++ b/icons/sprite.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/icons/svg/menu-close-12.svg b/icons/svg/menu-close-12.svg index 7aaea98e..0cd8afdc 100644 --- a/icons/svg/menu-close-12.svg +++ b/icons/svg/menu-close-12.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file