diff --git a/gatsby-config.js b/gatsby-config.js index af05a3e937c..0f22031db3c 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -12,6 +12,7 @@ module.exports = { flags: { PRESERVE_WEBPACK_CACHE: true, FAST_DEV: true, + FAST_REFRESH: true, }, plugins: [ { diff --git a/package.json b/package.json index 7bf00f926b0..a42c576bd73 100644 --- a/package.json +++ b/package.json @@ -62,14 +62,15 @@ "fuse.js": "^6.4.1", "gatsby": "^2.19.8", "gatsby-image": "^2.4.15", - "gatsby-theme-carbon": "^1.29.1", + "gatsby-theme-carbon": "^1.29.2", "lodash-es": "^4.17.15", "markdown-it": "^9.0.1", "nanoid": "^2.1.11", "prettier-config-carbon": "^0.6.0", "prop-types": "^15.7.2", - "react": "^16.8.6", + "react": "^17.0.2", "react-copy-to-clipboard": "^5.0.1", + "react-dom": "^17.0.2", "react-live": "^2.2.1", "use-media": "^1.4.0" }, @@ -109,7 +110,6 @@ "node-fetch": "^3.0.0-beta.9", "prettier": "^2.0.2", "prismjs": "^1.17.1", - "react-dom": "^16.12.0", "react-ga": "^2.6.0", "use-resize-observer": "^4.0.0" }, diff --git a/src/components/ColorPalette/ColorPalette.js b/src/components/ColorPalette/ColorPalette.js index 3a66dffb2dc..3ec70391c46 100644 --- a/src/components/ColorPalette/ColorPalette.js +++ b/src/components/ColorPalette/ColorPalette.js @@ -19,6 +19,11 @@ import { alertLight, alertDark, } from '../../data/data-visualization/palettes'; +import { + statusDark, + statusLight, + statusExtendedColors, +} from '../../data/status-indicators/palettes.js'; import ColorPaletteColor from './ColorPaletteColor'; import PalettesContainer from './PalettesContainer'; import { @@ -33,7 +38,13 @@ import { sequentialContainer, } from './ColorPalette.module.scss'; -const ColorPalette = ({ type, isMono, isDiverging }) => { +const ColorPalette = ({ + type, + isMono, + isDiverging, + twoColumn, + shouldShowControls = true, +}) => { // STATES const [continuous, setContinuous] = useState(false); const [dark, setDark] = useState(false); @@ -48,6 +59,7 @@ const ColorPalette = ({ type, isMono, isDiverging }) => { const fourColor = dark ? fourColorDark : fourColorLight; const fiveColor = dark ? fiveColorDark : fiveColorLight; const alertColor = dark ? alertDark : alertLight; + const statusColor = dark ? statusDark : statusLight; // SET RENDERED COLORS const [colorGroup, setColorGroup] = useState(oneColor); // used to render type === "grouped" colors @@ -59,6 +71,10 @@ const ColorPalette = ({ type, isMono, isDiverging }) => { colors = categorical; } else if (type === 'alert') { colors = alertColor; + } else if (type === 'status') { + colors = statusColor; + } else if (type === 'status-extended') { + colors = statusExtendedColors; } // DROPDOWN STUFF @@ -152,32 +168,34 @@ const ColorPalette = ({ type, isMono, isDiverging }) => { return (
-
- - - - - {type === 'grouped' && ( - - )} -
+ {shouldShowControls && ( +
+ + + + + {type === 'grouped' && ( + + )} +
+ )} {type === 'grouped' && ( @@ -186,6 +204,7 @@ const ColorPalette = ({ type, isMono, isDiverging }) => {
Option {index + 1}
{i.map((j, jIndex) => ( { )} - {(type === 'categorical' || type === 'alert') && ( - + {(type === 'categorical' || type === 'alert' || type === 'status') && ( + {colors.map((i, index) => ( {
{colors.map((i, index) => (
Option {index + 1}
{i.data.map((j, jIndex) => ( + ))} + + ))} +
+ )} + + {type === 'status-extended' && ( +
+ {colors.map((i, index) => ( + + {i.data.map((j, jIndex) => ( + { const paletteContainerClassNames = cx(palettesContainer, { [sequential]: color, @@ -30,7 +30,7 @@ const PalettesContainer = ({ [gradientTeal]: color === 'teal' && continuous, [gradientCyan]: color === 'cyan' && continuous, [gradientTealOnly]: color === 'teal-only' && continuous, - [alertContainer]: type === 'alert', + [alertContainer]: twoColumn, }); return ( diff --git a/src/components/StatusIndicatorTable/StatusIndicator.module.scss b/src/components/StatusIndicatorTable/StatusIndicator.module.scss new file mode 100644 index 00000000000..73399749f83 --- /dev/null +++ b/src/components/StatusIndicatorTable/StatusIndicator.module.scss @@ -0,0 +1,94 @@ +.iconWrapper { + display: flex; + height: 100%; +} + +.iconGroup { + padding: 1rem; + display: flex; + width: 50%; +} + +.iconGroup.isDark { + background-color: $carbon--gray-100; + position: relative; +} + +// Covers the top border of the dark cells with appropriate border color +.iconGroup.isDark::before { + content: ''; + position: absolute; + left: 0px; + top: -1px; + width: 100%; + height: 1px; + display: block; + background-color: #393939; +} + +.icon { + background: transparent !important; + min-width: 20px; + height: 20px; +} + +.icon.glyph { + min-width: 16px; + height: 16px; +} + +.icon:first-child { + margin-right: 8px; +} + +.table { + background: white; + height: 1px; + overflow: hidden; + width: 100%; +} + +.table .cell, +.table .headerCell { + padding: 1rem; + vertical-align: top; + color: $text-01; +} + +.table :is(.cell) { + color: var(--cds-text-01); + border-collapse: collapse; +} + +.table .cell:first-child { + padding: 0; + padding-left: 0 !important; + height: 100%; +} + +.descriptionCell { + min-width: 240px; +} + +.statusIndicatorRow { + height: 100%; + border-bottom: 1px solid #dcdcdc; +} + +.statusIndicatorRow:last-child { + border-bottom: none; +} + +@media (max-width: 600px) { + .statusIndicatorTableWrapper { + margin-right: -1rem; + margin-left: -1rem; + overflow: scroll; + } + .iconGroup { + width: 100%; + } + .iconGroup.isDark { + display: none; + } +} diff --git a/src/components/StatusIndicatorTable/StatusIndicatorRow.js b/src/components/StatusIndicatorTable/StatusIndicatorRow.js new file mode 100644 index 00000000000..9c77f728b26 --- /dev/null +++ b/src/components/StatusIndicatorTable/StatusIndicatorRow.js @@ -0,0 +1,91 @@ +import React from 'react'; +import cx from 'classnames'; +import { StructuredListRow, StructuredListCell } from 'carbon-components-react'; +import { + icon, + iconGroup, + iconWrapper, + isDark, + glyph, + statusIndicatorRow, + descriptionCell, + cell, +} from './StatusIndicator.module.scss'; + +export const StatusIcon = ({ attention, theme, fileName, isGlyph }) => { + const path = `/status-icons/${attention}/${theme}/${fileName}.svg`; + const size = isGlyph ? '16' : '20'; + return ( + + ); +}; + +export const StatusIconWrapper = ({ children }) => ( +
{children}
+); + +export const StatusIconGroup = ({ theme = 'light', children, attention }) => { + const className = cx(iconGroup, { + [isDark]: theme === 'dark', + }); + return ( +
+ {React.Children.map(children, (child) => + React.cloneElement(child, { theme, attention }) + )} +
+ ); +}; + +const StatusIndicatorRow = ({ + attention, + fileNames, + name, + token, + description, + usage, +}) => { + const isGlyph = attention === 'glyph'; + return ( + + + + + {fileNames.map((fileName) => ( + + ))} + + + {fileNames.map((fileName) => ( + + ))} + + + + {name} + {token} + + {description} +
+ {usage ? Used for: {usage} : null} + + + ); +}; + +export default StatusIndicatorRow; diff --git a/src/components/StatusIndicatorTable/StatusIndicatorTable.js b/src/components/StatusIndicatorTable/StatusIndicatorTable.js new file mode 100644 index 00000000000..2e09cac038f --- /dev/null +++ b/src/components/StatusIndicatorTable/StatusIndicatorTable.js @@ -0,0 +1,51 @@ +import React from 'react'; +import { + StructuredListWrapper, + StructuredListHead, + StructuredListBody, + StructuredListRow, + StructuredListCell, +} from 'carbon-components-react'; +import yaml from '../../data/status-indicators/status-indicators.yaml'; +import StatusIndicatorRow from './StatusIndicatorRow'; +import { + table, + statusIndicatorTableWrapper, + headerCell, +} from './StatusIndicator.module.scss'; + +// TODO: Organize styles, add the rest of the yaml +const StatusIndicatorTable = ({ attention }) => ( +
+ + + + + Icon + + + Name + + + Token + + + Description & usage + + + + + {yaml[attention].map((indicator, i) => ( + + ))} + + + +
+); + +export default StatusIndicatorTable; diff --git a/src/components/StatusIndicatorTable/index.js b/src/components/StatusIndicatorTable/index.js new file mode 100644 index 00000000000..2cc5ea569d0 --- /dev/null +++ b/src/components/StatusIndicatorTable/index.js @@ -0,0 +1,3 @@ +import StatusIndicatorTable from './StatusIndicatorTable'; + +export default StatusIndicatorTable; diff --git a/src/data/nav-items.yaml b/src/data/nav-items.yaml index 4d00441184a..2d563c14be5 100644 --- a/src/data/nav-items.yaml +++ b/src/data/nav-items.yaml @@ -198,8 +198,8 @@ path: /patterns/overflow-content/ - title: Search path: /patterns/search-pattern/ - # - title: Status indicators - # path: /patterns/status-indicator-pattern/ + - title: Status indicators + path: /patterns/status-indicator-pattern/ - title: Text toolbar path: /patterns/text-toolbar-pattern/ - title: Community assets diff --git a/src/data/status-indicators/palettes.js b/src/data/status-indicators/palettes.js new file mode 100644 index 00000000000..5ee7bfde7ae --- /dev/null +++ b/src/data/status-indicators/palettes.js @@ -0,0 +1,176 @@ +export const statusLight = [ + { + name: 'Red 60', + hex: 'da1e28', + light: true, + }, + { + name: 'Green 60', + hex: '198038', + light: true, + }, + { + name: 'Orange 50', + hex: 'eb6200', + light: false, + }, + { name: 'Blue 60', hex: '0f62fe', light: true }, + { + name: 'Yellow 30', + hex: 'f1c21b', + light: false, + }, + { name: 'Purple 60', hex: '8a3ffc', light: true }, + { + name: 'Gray 30', + hex: '6f6f6f', + light: true, + }, +]; + +export const statusDark = [ + { + name: 'Red 50', + hex: 'fa4d56', + light: false, + }, + { + name: 'Green 50', + hex: '24a148', + light: false, + }, + { + name: 'Orange 40', + hex: 'ff832b', + light: false, + }, + { name: 'Blue 50', hex: '4589ff', light: false }, + { + name: 'Yellow 30', + hex: 'f1c21b', + light: false, + }, + { name: 'Purple 50', hex: 'a56eff', light: false }, + { + name: 'Gray 70', + hex: 'c6c6c6', + light: false, + }, +]; + +const statusExtendedOne = [ + { + name: 'Yellow 10', + hex: 'fcf4d6', + light: false, + }, + { + name: 'Yellow 20', + hex: 'fddc69', + light: false, + }, + { + name: 'Yellow 30', + hex: 'f1c21b', + light: false, + }, + { + name: 'Yellow 40', + hex: 'd2a106', + light: false, + }, + { + name: 'Yellow 50', + hex: 'b28600', + light: false, + }, + { + name: 'Yellow 60', + hex: '8e6a00', + light: true, + }, + { + name: 'Yellow 70', + hex: '684e00', + light: true, + }, + { + name: 'Yellow 80', + hex: '483700', + light: true, + }, + { + name: 'Yellow 90', + hex: '302400', + light: true, + }, + { + name: 'Yellow 100', + hex: '1c1500', + light: true, + }, +]; + +const statusExtendedTwo = [ + { + name: 'Orange 10', + hex: 'fff2e8', + light: false, + }, + { + name: 'Orange 20', + hex: 'ffd9be', + light: false, + }, + { + name: 'Orange 30', + hex: 'ffb784', + light: false, + }, + { + name: 'Orange 40', + hex: 'ff832b', + light: false, + }, + { + name: 'Orange 50', + hex: 'eb6200', + light: false, + }, + { + name: 'Orange 60', + hex: 'ba4e00', + light: true, + }, + { + name: 'Orange 70', + hex: '8a3800', + light: true, + }, + { + name: 'Orange 80', + hex: '5e2900', + light: true, + }, + { + name: 'Orange 90', + hex: '3e1a00', + light: true, + }, + { + name: 'Orange 100', + hex: '231000', + light: true, + }, +]; + +export const statusExtendedColors = [ + { + color: 'red', + data: statusExtendedOne, + }, + { + color: 'teal', + data: statusExtendedTwo, + }, +]; diff --git a/src/data/status-indicators/status-indicators.yaml b/src/data/status-indicators/status-indicators.yaml new file mode 100644 index 00000000000..a0140b8c11d --- /dev/null +++ b/src/data/status-indicators/status-indicators.yaml @@ -0,0 +1,215 @@ +high: + - name: Critical + token: $support-01 + description: Indicates a severe event that needs immediate attention; + usage: critical situations, emergencies, urgent alerts + fileNames: + - critical-filled + - critical-outline + - name: Warning + fileNames: + - warning-filled + - warning-outline + token: $support-01 + description: + Indicates an error (often inline) that needs immediate attention; + usage: warnings, errors, alerts, failure + - name: Warning alt + fileNames: + - warning-hex-filled + - warning-hex-outline + token: $support-01 + description: Carries the same meaning as 'Warning' + - name: Misuse + fileNames: + - misuse-filled + - misuse-outline + token: $support-01 + description: + Indicates unavailability, an incorrect use case (especially in usage + guidance) or a run that has been cancelled; + usage: incorrect usage, unavailability, cancellation + - name: Caution major + fileNames: + - caution-major-filled + - caution-major-outline + token: $support-caution-major + description: + Indicates a threshold has been breached; alerts a user before a critical + event is triggered (only used in conjunction with ‘Caution’); + usage: major caution, serious situations, critical instability + - name: Caution minor + fileNames: + - caution-filled + - caution-outline + token: $support-03, Yellow 60 (light-theme outline) + description: + Indicates the existence of a non-service affecting fault condition + requiring corrective action to prevent a more serious fault; + usage: minor caution, prevention, instability +medium: + - name: Undefined + fileNames: + - undefined-filled + - undefined-outline + token: Purple 60, Purple 50 + description: + Indicates a value that is outside of an acceptable range or formatted + incorrectly; + usage: experimental work, outliers + - name: Checkmark + fileNames: + - checkmark-circle-green-filled + - checkmark-circle-green-outline + token: $support-02 + description: + Indicates stability or the clearing of one or more reported alarms; + implies no issues are present; + usage: success, completion, stability, active states + - name: Checkmark alt + fileNames: + - checkmark + token: $support-02 + description: + Carries the same meaning as 'Checkmark' but is more often used in data + tables and confined spaces + - name: Checkmark + fileNames: + - checkmark-circle-blue-filled + - checkmark-circle-blue-outline + token: $support-04 + description: + Indicates success at the end of a process (usually used as an interactive + state within Carbon components, hence the color change); + usage: success, completion + - name: In progress + fileNames: + - inprogress + token: $support-04 + description: + Indicates a process has started but has not finished running (icon will be + replaced by ‘checkmark’ or ‘warning’ icon when the status of the job is + changed); + usage: unfinished, running processes + - name: Incomplete + fileNames: + - incomplete + token: $support-04 + description: + Indicates a job has started but is not yet finished (icon appears in + Carbon’s Progress Indicator component); + usage: incomplete tasks + - name: Not started + fileNames: + - circle-dash + token: $support-04 + description: + Indicates that a job or step (in Carbon’s progress indicator) has not yet + been started; + usage: upstarted tasks or disabled processes + - name: Pending + fileNames: + - pending-filled + - pending-outline + token: $icon-02 + description: + Indicates a job has started but can not be scheduled due to insufficient + resources; + usage: indefinite holds +low: + - name: Unknown + token: $icon-02 + description: Indicates that the status of an object is unknown; + usage: unknown, undefined status + fileNames: + - unknown-filled + - unknown-outline + - name: Help + token: $icon-02 + description: Indicates additional support or FAQ content is available; + usage: help, guidance, exceptions + fileNames: + - help-filled + - help-outline + - name: Information + token: $support-04 + description: Indicates additional (non-essential) information is available; + usage: additional information, exceptions + fileNames: + - information-circle-filled + - information-circle-outline + - name: Information alt + token: $support-04 + description: Carries the same meaning as ‘Information’ + fileNames: + - information-square-filled + - information-square-outline +glyph: + - name: Critical + token: $support-01 + description: Indicates a severe event that needs immediate attention; + usage: critical situations, emergencies urgent alerts + fileNames: + - critical + - name: Warning + token: $support-01 + description: Indicates an error that needs immediate attention; + usage: warnings, errors, failure, deprecation, cancellation + fileNames: + - warning + - name: Caution major + token: Orange 50, Orange 40 + description: + Indicates a breach before a critical event is triggered (only use in + conjunction with ‘Caution’); + usage: major caution, serious situations, critical instability + fileNames: + - caution-major + - name: Caution minor + token: $support-03, Yellow 60 (Light-theme stroke) + description: + Indicates a non-service affecting fault condition requiring corrective + action to prevent a more serious fault; + usage: minor caution, prevention, instability + fileNames: + - caution + - name: Stable + token: $support-02 + description: + Indicates stability or the clearing of one or more reported alarms; + implies no issues are present + usage: success, completion, stability, active states + fileNames: + - circle-fill + - name: Undefined + token: $support-undefined + description: + Indicates a value that is outside of an acceptable range or formatted + incorrectly; + usage: experimental work, outliers + fileNames: + - undefined + - name: Information + token: $support-04 + description: + Indicates additional information is available (can be used adaptively if a + gap arises); + usage: additional information, wild card + fileNames: + - square-fill + - name: Incomplete + token: $support-04 + description: + Indicates a process has started but not finished running or a user task is + unfinished; + usage: unfinished, running processes + fileNames: + - incomplete + - name: Draft + token: $icon-02 + description: + Indicates that a job has not been started, draft status of a job or a + disabled process; + usage: unstarted tasks, drafts, disabled processes + fileNames: + - circle-stroke diff --git a/src/gatsby-theme-carbon/templates/Homepage.js b/src/gatsby-theme-carbon/templates/Homepage.js index 22f4dc040a9..cfedf47eccf 100644 --- a/src/gatsby-theme-carbon/templates/Homepage.js +++ b/src/gatsby-theme-carbon/templates/Homepage.js @@ -61,7 +61,7 @@ const customProps = { ), FirstCallout: ( + ## Gradient use diff --git a/src/pages/patterns/status-indicator-pattern/images/badge-status-with-number.jpg b/src/pages/patterns/status-indicator-pattern/images/badge-status-with-number.jpg new file mode 100644 index 00000000000..f225a7e5506 Binary files /dev/null and b/src/pages/patterns/status-indicator-pattern/images/badge-status-with-number.jpg differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png index d33da7ef98d..d321bceb751 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg new file mode 100644 index 00000000000..acec6845633 Binary files /dev/null and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.png deleted file mode 100644 index 1f4f7839054..00000000000 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.png and /dev/null differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg new file mode 100644 index 00000000000..ff03fd378a5 Binary files /dev/null and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png deleted file mode 100644 index 74ef574e94d..00000000000 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png and /dev/null differ diff --git a/src/pages/patterns/status-indicator-pattern/index.mdx b/src/pages/patterns/status-indicator-pattern/index.mdx index a1c1998bd03..fe8778a876c 100644 --- a/src/pages/patterns/status-indicator-pattern/index.mdx +++ b/src/pages/patterns/status-indicator-pattern/index.mdx @@ -6,6 +6,8 @@ description: assess and identify status and respond accordingly. --- +import StatusIndicatorTable from 'components/StatusIndicatorTable'; + Status indicators are an important method of communicating severity level @@ -32,12 +34,10 @@ and identify status and respond accordingly. An indicator highlights a page element and informs the user of something that needs the user’s attention. Often, the indicator will denote that there has been -a change to a particular item. - -They are frequently used to signal validation errors or notifications, changes, -or updates. They can also be used on their own. Indicators are visual cues -intended to attract the user's attention to a piece of content or UI element -that is dynamic in nature. +a change to a particular item. They are frequently used to signal validation +errors or notifications, changes, or updates. They can also be used on their +own. Indicators are visual cues intended to attract the user's attention to a +piece of content or UI element that is dynamic in nature. In this pattern we explore: @@ -78,7 +78,7 @@ an irregularity in the system, something malfunctioned, or a user needs to confirm a potentially destructive action. Some examples include alerts, exceptions, confirmations, and errors. -{INSERT HIGH ATTENTION TABLE HERE} + ### Medium attention @@ -86,7 +86,7 @@ Use these indicators when no immediate user action is required or to provide feedback to a user action. Some examples include acknowledgements and progress indicators. -{INSERT MEDIUM ATTENTION TABLE HERE} + ### Low attention @@ -95,7 +95,7 @@ signify that something has changed since the last interaction. Some examples include tooltip triggers that offer explanatory or added information, and passive notifications. -{INSERT LOW ATTENTION TABLE HERE} + ## Ingredients @@ -195,7 +195,7 @@ information and workflow progress. We’ve also included gray and purple to add more depth to the system. Gray indicates drafts or jobs that haven’t been started, and purple indicates outliers or undefined statuses. - + #### Extended status palettes @@ -205,7 +205,7 @@ the v2 color release (that is, it’s not in ASE, Sketch kit palettes, and so on because it’s for very selective use in data visualizations and certain status indicators. Do not use this palette in any other manner in your layouts. -{Insert extended yellow and orange palette component} + ## Variants @@ -313,12 +313,12 @@ is good practice to clarify the status intention in the text label. -![Aligned status indicator icons.](images/status_indicator_5.png) +![Aligned status indicator icons.](images/status_indicator_5.jpg) -![Misaligned status indicator icons](images/status_indicator_6.png) +![Misaligned status indicator icons](images/status_indicator_6.jpg) @@ -349,6 +349,18 @@ Numbers are used in conjunction with a badge status when a count of new or updated items is available and it's important for the user to know the number of updates. +Badge status numbers can only be used in conjunction with the large icon button +because with anything smaller, the icon gets covered. In very rare cases badge +number may exceed two digits. + + + + +![Four icons with badges that included numbers ranging from one to three digits. The last badge has a plus.](./images/badge-status-with-number.jpg) + + + + #### Badge status without number A badge indicator with no number is used when a new notification is available @@ -371,7 +383,7 @@ you would use an outline is to ensure contrast accessibility for yellows. The table below is a first pass at establishing a standard lexicon for symbol indicators within IBM product. -{INSERT SYMBOL STATUS TABLE HERE} + #### Type pairing and alignment @@ -587,5 +599,5 @@ limitations. WCAG 2.1 success criterion 2.2.3 (AAA) ## Feedback Help us improve this pattern by providing feedback, asking questions, and -leaving any other comments -on [GitHub](https://github.com/carbon-design-system/carbon-website/issues/new?assignees=&labels=feedback&template=feedback.md). +leaving any other comments on +[GitHub](https://github.com/carbon-design-system/carbon-website/issues/new?assignees=&labels=feedback&template=feedback.md). diff --git a/static/status-icons/glyph/dark/caution-major.svg b/static/status-icons/glyph/dark/caution-major.svg new file mode 100644 index 00000000000..d00e986489b --- /dev/null +++ b/static/status-icons/glyph/dark/caution-major.svg @@ -0,0 +1,10 @@ + + + glyph--caution-inverted + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/caution.svg b/static/status-icons/glyph/dark/caution.svg new file mode 100644 index 00000000000..2f8b4e1ebbc --- /dev/null +++ b/static/status-icons/glyph/dark/caution.svg @@ -0,0 +1,11 @@ + + + glyph--caution + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/circle-fill.svg b/static/status-icons/glyph/dark/circle-fill.svg new file mode 100644 index 00000000000..85cfe07116e --- /dev/null +++ b/static/status-icons/glyph/dark/circle-fill.svg @@ -0,0 +1,10 @@ + + + glyph--circle-fill + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/circle-stroke.svg b/static/status-icons/glyph/dark/circle-stroke.svg new file mode 100644 index 00000000000..a8970525299 --- /dev/null +++ b/static/status-icons/glyph/dark/circle-stroke.svg @@ -0,0 +1,10 @@ + + + glyph--circle-stroke + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/critical.svg b/static/status-icons/glyph/dark/critical.svg new file mode 100644 index 00000000000..9fbee46212b --- /dev/null +++ b/static/status-icons/glyph/dark/critical.svg @@ -0,0 +1,11 @@ + + + glyph--critical + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/incomplete.svg b/static/status-icons/glyph/dark/incomplete.svg new file mode 100644 index 00000000000..d8bbae2cee9 --- /dev/null +++ b/static/status-icons/glyph/dark/incomplete.svg @@ -0,0 +1,10 @@ + + + glyph--incomplete + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/square-fill.svg b/static/status-icons/glyph/dark/square-fill.svg new file mode 100644 index 00000000000..1bb72ec6896 --- /dev/null +++ b/static/status-icons/glyph/dark/square-fill.svg @@ -0,0 +1,10 @@ + + + glyph--square-fill + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/undefined.svg b/static/status-icons/glyph/dark/undefined.svg new file mode 100644 index 00000000000..28d85e275f0 --- /dev/null +++ b/static/status-icons/glyph/dark/undefined.svg @@ -0,0 +1,13 @@ + + + glyph--undefined + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/dark/warning.svg b/static/status-icons/glyph/dark/warning.svg new file mode 100644 index 00000000000..a1bff12157d --- /dev/null +++ b/static/status-icons/glyph/dark/warning.svg @@ -0,0 +1,13 @@ + + + glyph--warning + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/caution-major.svg b/static/status-icons/glyph/light/caution-major.svg new file mode 100644 index 00000000000..a2d2b471b5d --- /dev/null +++ b/static/status-icons/glyph/light/caution-major.svg @@ -0,0 +1,10 @@ + + + glyph--caution-inverted + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/caution.svg b/static/status-icons/glyph/light/caution.svg new file mode 100644 index 00000000000..8a9583e521b --- /dev/null +++ b/static/status-icons/glyph/light/caution.svg @@ -0,0 +1,11 @@ + + + glyph--caution + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/circle-fill.svg b/static/status-icons/glyph/light/circle-fill.svg new file mode 100644 index 00000000000..604633198f8 --- /dev/null +++ b/static/status-icons/glyph/light/circle-fill.svg @@ -0,0 +1,11 @@ + + + glyph--circle-fill + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/circle-stroke.svg b/static/status-icons/glyph/light/circle-stroke.svg new file mode 100644 index 00000000000..a652c25bbef --- /dev/null +++ b/static/status-icons/glyph/light/circle-stroke.svg @@ -0,0 +1,10 @@ + + + glyph--circle-stroke + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/critical.svg b/static/status-icons/glyph/light/critical.svg new file mode 100644 index 00000000000..914d60c0fe9 --- /dev/null +++ b/static/status-icons/glyph/light/critical.svg @@ -0,0 +1,11 @@ + + + glyph--critical + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/incomplete.svg b/static/status-icons/glyph/light/incomplete.svg new file mode 100644 index 00000000000..a45221c620e --- /dev/null +++ b/static/status-icons/glyph/light/incomplete.svg @@ -0,0 +1,10 @@ + + + glyph--incomplete + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/square-fill.svg b/static/status-icons/glyph/light/square-fill.svg new file mode 100644 index 00000000000..d393b0a0561 --- /dev/null +++ b/static/status-icons/glyph/light/square-fill.svg @@ -0,0 +1,10 @@ + + + glyph--square-fill + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/undefined.svg b/static/status-icons/glyph/light/undefined.svg new file mode 100644 index 00000000000..07e042ccd3d --- /dev/null +++ b/static/status-icons/glyph/light/undefined.svg @@ -0,0 +1,13 @@ + + + glyph--undefined + + + + + + + \ No newline at end of file diff --git a/static/status-icons/glyph/light/warning.svg b/static/status-icons/glyph/light/warning.svg new file mode 100644 index 00000000000..5b23cd0bb4d --- /dev/null +++ b/static/status-icons/glyph/light/warning.svg @@ -0,0 +1,13 @@ + + + glyph--warning + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/caution-filled.svg b/static/status-icons/high/dark/caution-filled.svg new file mode 100644 index 00000000000..54f00039a6f --- /dev/null +++ b/static/status-icons/high/dark/caution-filled.svg @@ -0,0 +1,11 @@ + + + warning--alt--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/caution-major-filled.svg b/static/status-icons/high/dark/caution-major-filled.svg new file mode 100644 index 00000000000..ff95de227e3 --- /dev/null +++ b/static/status-icons/high/dark/caution-major-filled.svg @@ -0,0 +1,11 @@ + + + warning--alt-inverted--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/caution-major-outline.svg b/static/status-icons/high/dark/caution-major-outline.svg new file mode 100644 index 00000000000..dbcc45b4741 --- /dev/null +++ b/static/status-icons/high/dark/caution-major-outline.svg @@ -0,0 +1,12 @@ + + + warning--alt-inverted + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/caution-outline.svg b/static/status-icons/high/dark/caution-outline.svg new file mode 100644 index 00000000000..a78b1454e11 --- /dev/null +++ b/static/status-icons/high/dark/caution-outline.svg @@ -0,0 +1,12 @@ + + + warning--alt + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/critical-filled.svg b/static/status-icons/high/dark/critical-filled.svg new file mode 100644 index 00000000000..1c924d5e8a8 --- /dev/null +++ b/static/status-icons/high/dark/critical-filled.svg @@ -0,0 +1,11 @@ + + + error--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/critical-outline.svg b/static/status-icons/high/dark/critical-outline.svg new file mode 100644 index 00000000000..a6c7c108cdd --- /dev/null +++ b/static/status-icons/high/dark/critical-outline.svg @@ -0,0 +1,14 @@ + + + error + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/misuse-filled.svg b/static/status-icons/high/dark/misuse-filled.svg new file mode 100644 index 00000000000..eb22f363958 --- /dev/null +++ b/static/status-icons/high/dark/misuse-filled.svg @@ -0,0 +1,19 @@ + + + status_indicator_1 copy 71 + + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/misuse-outline.svg b/static/status-icons/high/dark/misuse-outline.svg new file mode 100644 index 00000000000..91c99e49bb0 --- /dev/null +++ b/static/status-icons/high/dark/misuse-outline.svg @@ -0,0 +1,15 @@ + + + misuse--outline (1) + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/warning-filled.svg b/static/status-icons/high/dark/warning-filled.svg new file mode 100644 index 00000000000..03592f7fbde --- /dev/null +++ b/static/status-icons/high/dark/warning-filled.svg @@ -0,0 +1,11 @@ + + + warning--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/warning-hex-filled.svg b/static/status-icons/high/dark/warning-hex-filled.svg new file mode 100644 index 00000000000..4f64a0bc84c --- /dev/null +++ b/static/status-icons/high/dark/warning-hex-filled.svg @@ -0,0 +1,11 @@ + + + warning--hex--filled (1) + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/warning-hex-outline.svg b/static/status-icons/high/dark/warning-hex-outline.svg new file mode 100644 index 00000000000..756b80383ac --- /dev/null +++ b/static/status-icons/high/dark/warning-hex-outline.svg @@ -0,0 +1,16 @@ + + + warning--hex (2) + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/dark/warning-outline.svg b/static/status-icons/high/dark/warning-outline.svg new file mode 100644 index 00000000000..12005a95fc4 --- /dev/null +++ b/static/status-icons/high/dark/warning-outline.svg @@ -0,0 +1,16 @@ + + + warning + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/caution-filled.svg b/static/status-icons/high/light/caution-filled.svg new file mode 100644 index 00000000000..54f00039a6f --- /dev/null +++ b/static/status-icons/high/light/caution-filled.svg @@ -0,0 +1,11 @@ + + + warning--alt--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/caution-major-filled.svg b/static/status-icons/high/light/caution-major-filled.svg new file mode 100644 index 00000000000..9a3f8fc6e59 --- /dev/null +++ b/static/status-icons/high/light/caution-major-filled.svg @@ -0,0 +1,11 @@ + + + warning--alt-inverted--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/caution-major-outline.svg b/static/status-icons/high/light/caution-major-outline.svg new file mode 100644 index 00000000000..0050aa7c68e --- /dev/null +++ b/static/status-icons/high/light/caution-major-outline.svg @@ -0,0 +1,12 @@ + + + status_indicator_1 copy 55 + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/caution-outline.svg b/static/status-icons/high/light/caution-outline.svg new file mode 100644 index 00000000000..31fd8ce66b7 --- /dev/null +++ b/static/status-icons/high/light/caution-outline.svg @@ -0,0 +1,12 @@ + + + warning--alt + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/critical-filled.svg b/static/status-icons/high/light/critical-filled.svg new file mode 100644 index 00000000000..f4a5e99beb2 --- /dev/null +++ b/static/status-icons/high/light/critical-filled.svg @@ -0,0 +1,11 @@ + + + error--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/critical-outline.svg b/static/status-icons/high/light/critical-outline.svg new file mode 100644 index 00000000000..765335bc749 --- /dev/null +++ b/static/status-icons/high/light/critical-outline.svg @@ -0,0 +1,14 @@ + + + status_indicator_1 copy 51 + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/misuse-filled.svg b/static/status-icons/high/light/misuse-filled.svg new file mode 100644 index 00000000000..022ae149ca7 --- /dev/null +++ b/static/status-icons/high/light/misuse-filled.svg @@ -0,0 +1,11 @@ + + + misuse + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/misuse-outline.svg b/static/status-icons/high/light/misuse-outline.svg new file mode 100644 index 00000000000..2d843e88356 --- /dev/null +++ b/static/status-icons/high/light/misuse-outline.svg @@ -0,0 +1,11 @@ + + + misuse--outline (1) + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/warning-filled.svg b/static/status-icons/high/light/warning-filled.svg new file mode 100644 index 00000000000..e06408b5d4c --- /dev/null +++ b/static/status-icons/high/light/warning-filled.svg @@ -0,0 +1,11 @@ + + + warning--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/warning-hex-filled.svg b/static/status-icons/high/light/warning-hex-filled.svg new file mode 100644 index 00000000000..c23a1e50f11 --- /dev/null +++ b/static/status-icons/high/light/warning-hex-filled.svg @@ -0,0 +1,11 @@ + + + warning--hex--filled (1) + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/warning-hex-outline.svg b/static/status-icons/high/light/warning-hex-outline.svg new file mode 100644 index 00000000000..31e8c7a0c97 --- /dev/null +++ b/static/status-icons/high/light/warning-hex-outline.svg @@ -0,0 +1,12 @@ + + + status_indicator_1 copy 53 + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/high/light/warning-outline.svg b/static/status-icons/high/light/warning-outline.svg new file mode 100644 index 00000000000..15063dc07b4 --- /dev/null +++ b/static/status-icons/high/light/warning-outline.svg @@ -0,0 +1,12 @@ + + + warning + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/help-filled.svg b/static/status-icons/low/dark/help-filled.svg new file mode 100644 index 00000000000..a93acd133ec --- /dev/null +++ b/static/status-icons/low/dark/help-filled.svg @@ -0,0 +1,18 @@ + + + Group + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/help-outline.svg b/static/status-icons/low/dark/help-outline.svg new file mode 100644 index 00000000000..9629b86f4ad --- /dev/null +++ b/static/status-icons/low/dark/help-outline.svg @@ -0,0 +1,16 @@ + + + help + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/information-circle-filled.svg b/static/status-icons/low/dark/information-circle-filled.svg new file mode 100644 index 00000000000..f860a8dc2e3 --- /dev/null +++ b/static/status-icons/low/dark/information-circle-filled.svg @@ -0,0 +1,19 @@ + + + Group + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/information-circle-outline.svg b/static/status-icons/low/dark/information-circle-outline.svg new file mode 100644 index 00000000000..008491448cf --- /dev/null +++ b/static/status-icons/low/dark/information-circle-outline.svg @@ -0,0 +1,19 @@ + + + information + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/information-square-filled.svg b/static/status-icons/low/dark/information-square-filled.svg new file mode 100644 index 00000000000..2d1661e799f --- /dev/null +++ b/static/status-icons/low/dark/information-square-filled.svg @@ -0,0 +1,18 @@ + + + Group + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/information-square-outline.svg b/static/status-icons/low/dark/information-square-outline.svg new file mode 100644 index 00000000000..6a6a8963153 --- /dev/null +++ b/static/status-icons/low/dark/information-square-outline.svg @@ -0,0 +1,19 @@ + + + information--square + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/unknown-filled.svg b/static/status-icons/low/dark/unknown-filled.svg new file mode 100644 index 00000000000..ebe1a78d5b0 --- /dev/null +++ b/static/status-icons/low/dark/unknown-filled.svg @@ -0,0 +1,17 @@ + + + status_indicator_1 copy 66 + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/dark/unknown-outline.svg b/static/status-icons/low/dark/unknown-outline.svg new file mode 100644 index 00000000000..2a4258f1fd0 --- /dev/null +++ b/static/status-icons/low/dark/unknown-outline.svg @@ -0,0 +1,17 @@ + + + unknown (1) + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/help-filled.svg b/static/status-icons/low/light/help-filled.svg new file mode 100644 index 00000000000..af85d798202 --- /dev/null +++ b/static/status-icons/low/light/help-filled.svg @@ -0,0 +1,16 @@ + + + status_indicator_1 copy 42 + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/help-outline.svg b/static/status-icons/low/light/help-outline.svg new file mode 100644 index 00000000000..b7d34de7226 --- /dev/null +++ b/static/status-icons/low/light/help-outline.svg @@ -0,0 +1,18 @@ + + + help + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/information-circle-filled.svg b/static/status-icons/low/light/information-circle-filled.svg new file mode 100644 index 00000000000..6aaec0438ca --- /dev/null +++ b/static/status-icons/low/light/information-circle-filled.svg @@ -0,0 +1,16 @@ + + + information--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/information-circle-outline.svg b/static/status-icons/low/light/information-circle-outline.svg new file mode 100644 index 00000000000..273f63685d4 --- /dev/null +++ b/static/status-icons/low/light/information-circle-outline.svg @@ -0,0 +1,19 @@ + + + status_indicator_1 copy 58 + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/information-square-filled.svg b/static/status-icons/low/light/information-square-filled.svg new file mode 100644 index 00000000000..2403c37cd1b --- /dev/null +++ b/static/status-icons/low/light/information-square-filled.svg @@ -0,0 +1,16 @@ + + + information--square--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/information-square-outline.svg b/static/status-icons/low/light/information-square-outline.svg new file mode 100644 index 00000000000..11852337487 --- /dev/null +++ b/static/status-icons/low/light/information-square-outline.svg @@ -0,0 +1,19 @@ + + + information--square + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/unknown-filled.svg b/static/status-icons/low/light/unknown-filled.svg new file mode 100644 index 00000000000..9dea19ec7ce --- /dev/null +++ b/static/status-icons/low/light/unknown-filled.svg @@ -0,0 +1,16 @@ + + + unknown--filled (1) + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/low/light/unknown-outline.svg b/static/status-icons/low/light/unknown-outline.svg new file mode 100644 index 00000000000..b660e07c686 --- /dev/null +++ b/static/status-icons/low/light/unknown-outline.svg @@ -0,0 +1,17 @@ + + + unknown (1) + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/checkmark-circle-blue-filled.svg b/static/status-icons/medium/dark/checkmark-circle-blue-filled.svg new file mode 100644 index 00000000000..6ecb5c271f0 --- /dev/null +++ b/static/status-icons/medium/dark/checkmark-circle-blue-filled.svg @@ -0,0 +1,16 @@ + + + Checkmark + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/checkmark-circle-blue-outline.svg b/static/status-icons/medium/dark/checkmark-circle-blue-outline.svg new file mode 100644 index 00000000000..34b0b6d6cca --- /dev/null +++ b/static/status-icons/medium/dark/checkmark-circle-blue-outline.svg @@ -0,0 +1,16 @@ + + + checkmark--outline + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/checkmark-circle-green-filled.svg b/static/status-icons/medium/dark/checkmark-circle-green-filled.svg new file mode 100644 index 00000000000..d1df47c9e51 --- /dev/null +++ b/static/status-icons/medium/dark/checkmark-circle-green-filled.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/static/status-icons/medium/dark/checkmark-circle-green-outline.svg b/static/status-icons/medium/dark/checkmark-circle-green-outline.svg new file mode 100644 index 00000000000..5d933298149 --- /dev/null +++ b/static/status-icons/medium/dark/checkmark-circle-green-outline.svg @@ -0,0 +1,18 @@ + + + checkmark--outline + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/checkmark.svg b/static/status-icons/medium/dark/checkmark.svg new file mode 100644 index 00000000000..9dc175082ec --- /dev/null +++ b/static/status-icons/medium/dark/checkmark.svg @@ -0,0 +1,10 @@ + + + checkmark + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/circle-dash.svg b/static/status-icons/medium/dark/circle-dash.svg new file mode 100644 index 00000000000..39f230c786b --- /dev/null +++ b/static/status-icons/medium/dark/circle-dash.svg @@ -0,0 +1,42 @@ + + + circle-dash + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/incomplete.svg b/static/status-icons/medium/dark/incomplete.svg new file mode 100644 index 00000000000..0d6e4169d1e --- /dev/null +++ b/static/status-icons/medium/dark/incomplete.svg @@ -0,0 +1,23 @@ + + + incomplete + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/inprogress.svg b/static/status-icons/medium/dark/inprogress.svg new file mode 100644 index 00000000000..0331602300a --- /dev/null +++ b/static/status-icons/medium/dark/inprogress.svg @@ -0,0 +1,15 @@ + + + in-progress + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/pending-filled.svg b/static/status-icons/medium/dark/pending-filled.svg new file mode 100644 index 00000000000..a15bbff6964 --- /dev/null +++ b/static/status-icons/medium/dark/pending-filled.svg @@ -0,0 +1,19 @@ + + + Group + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/pending-outline.svg b/static/status-icons/medium/dark/pending-outline.svg new file mode 100644 index 00000000000..a572d10dc0e --- /dev/null +++ b/static/status-icons/medium/dark/pending-outline.svg @@ -0,0 +1,16 @@ + + + pending (1) + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/undefined-filled.svg b/static/status-icons/medium/dark/undefined-filled.svg new file mode 100644 index 00000000000..ed5475cddc2 --- /dev/null +++ b/static/status-icons/medium/dark/undefined-filled.svg @@ -0,0 +1,16 @@ + + + Group + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/dark/undefined-outline.svg b/static/status-icons/medium/dark/undefined-outline.svg new file mode 100644 index 00000000000..682c4d582bb --- /dev/null +++ b/static/status-icons/medium/dark/undefined-outline.svg @@ -0,0 +1,12 @@ + + + status_indicator_1 copy 92 + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/checkmark-circle-blue-filled.svg b/static/status-icons/medium/light/checkmark-circle-blue-filled.svg new file mode 100644 index 00000000000..b93a546174f --- /dev/null +++ b/static/status-icons/medium/light/checkmark-circle-blue-filled.svg @@ -0,0 +1,16 @@ + + + status_indicator_1 copy 35 + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/checkmark-circle-blue-outline.svg b/static/status-icons/medium/light/checkmark-circle-blue-outline.svg new file mode 100644 index 00000000000..e2f8ec17aa2 --- /dev/null +++ b/static/status-icons/medium/light/checkmark-circle-blue-outline.svg @@ -0,0 +1,16 @@ + + + status_indicator_1 copy 49 + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/checkmark-circle-green-filled.svg b/static/status-icons/medium/light/checkmark-circle-green-filled.svg new file mode 100644 index 00000000000..4c4eca20d83 --- /dev/null +++ b/static/status-icons/medium/light/checkmark-circle-green-filled.svg @@ -0,0 +1,15 @@ + + + status_indicator_1 copy 33 + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/checkmark-circle-green-outline.svg b/static/status-icons/medium/light/checkmark-circle-green-outline.svg new file mode 100644 index 00000000000..a9b2346a0cc --- /dev/null +++ b/static/status-icons/medium/light/checkmark-circle-green-outline.svg @@ -0,0 +1,16 @@ + + + status_indicator_1 copy 47 + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/checkmark.svg b/static/status-icons/medium/light/checkmark.svg new file mode 100644 index 00000000000..3d5a9842102 --- /dev/null +++ b/static/status-icons/medium/light/checkmark.svg @@ -0,0 +1,10 @@ + + + checkmark + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/circle-dash.svg b/static/status-icons/medium/light/circle-dash.svg new file mode 100644 index 00000000000..0d6ac2ccd9f --- /dev/null +++ b/static/status-icons/medium/light/circle-dash.svg @@ -0,0 +1,40 @@ + + + circle-dash + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/incomplete.svg b/static/status-icons/medium/light/incomplete.svg new file mode 100644 index 00000000000..cbc051f6fd7 --- /dev/null +++ b/static/status-icons/medium/light/incomplete.svg @@ -0,0 +1,23 @@ + + + incomplete + + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/inprogress.svg b/static/status-icons/medium/light/inprogress.svg new file mode 100644 index 00000000000..f966b42639e --- /dev/null +++ b/static/status-icons/medium/light/inprogress.svg @@ -0,0 +1,11 @@ + + + in-progress + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/pending-filled.svg b/static/status-icons/medium/light/pending-filled.svg new file mode 100644 index 00000000000..9f911d860e5 --- /dev/null +++ b/static/status-icons/medium/light/pending-filled.svg @@ -0,0 +1,14 @@ + + + pending--filled + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/pending-outline.svg b/static/status-icons/medium/light/pending-outline.svg new file mode 100644 index 00000000000..dc954312b6a --- /dev/null +++ b/static/status-icons/medium/light/pending-outline.svg @@ -0,0 +1,14 @@ + + + pending (1) + + + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/undefined-filled.svg b/static/status-icons/medium/light/undefined-filled.svg new file mode 100644 index 00000000000..a15e1d1cbb3 --- /dev/null +++ b/static/status-icons/medium/light/undefined-filled.svg @@ -0,0 +1,12 @@ + + + undefined--filled + + + + + + \ No newline at end of file diff --git a/static/status-icons/medium/light/undefined-outline.svg b/static/status-icons/medium/light/undefined-outline.svg new file mode 100644 index 00000000000..187ed4d5211 --- /dev/null +++ b/static/status-icons/medium/light/undefined-outline.svg @@ -0,0 +1,12 @@ + + + status_indicator_1 copy 60 + + + + + + \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 99071d4cfdd..6a6f0ac6631 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8574,10 +8574,10 @@ gatsby-telemetry@^1.6.0, gatsby-telemetry@^1.9.0: node-fetch "^2.6.1" uuid "3.4.0" -gatsby-theme-carbon@^1.29.1: - version "1.29.1" - resolved "https://registry.npmjs.org/gatsby-theme-carbon/-/gatsby-theme-carbon-1.29.1.tgz#4ad3e3d09ae168841e6487529183509acb3e3527" - integrity sha512-E83s+vnZSPySemrbtc5bH18cNJgkgwv4dKkAK2UpmWNRbQ1fJiLW/EyNx46uDs+Eb4DLapdlSHyUQzp9v8dtSw== +gatsby-theme-carbon@^1.29.2: + version "1.29.2" + resolved "https://registry.npmjs.org/gatsby-theme-carbon/-/gatsby-theme-carbon-1.29.2.tgz#d638b0379755cfe00de6fd0605baa7daafbbdc2c" + integrity sha512-F5WZZ8L+PRziZdD0qBP0IbbGF/sCFQ4C5l5KsiXU+R9C6LM9quZjVYGia6Zj0qAmtu7rM3CGP8qYdF9IosUwaQ== dependencies: "@babel/core" "^7.10.4" "@carbon/elements" "^10.32.0" @@ -14511,15 +14511,14 @@ react-dev-utils@^4.2.3: strip-ansi "3.0.1" text-table "0.2.0" -react-dom@^16.12.0: - version "16.14.0" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.14.0.tgz#7ad838ec29a777fb3c75c3a190f661cf92ab8b89" - integrity sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw== +react-dom@^17.0.2: + version "17.0.2" + resolved "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23" + integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA== dependencies: loose-envify "^1.1.0" object-assign "^4.1.1" - prop-types "^15.6.2" - scheduler "^0.19.1" + scheduler "^0.20.2" react-error-overlay@^3.0.0: version "3.0.0" @@ -14633,14 +14632,13 @@ react-use@^15.3.4: ts-easing "^0.2.0" tslib "^2.0.0" -react@^16.8.6: - version "16.14.0" - resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d" - integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g== +react@^17.0.2: + version "17.0.2" + resolved "https://registry.npmjs.org/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037" + integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA== dependencies: loose-envify "^1.1.0" object-assign "^4.1.1" - prop-types "^15.6.2" read-pkg-up@^1.0.1: version "1.0.1" @@ -15470,10 +15468,10 @@ sax@>=0.6.0, sax@^1.2.4, sax@~1.2.4: resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw== -scheduler@^0.19.1: - version "0.19.1" - resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196" - integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA== +scheduler@^0.20.2: + version "0.20.2" + resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91" + integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ== dependencies: loose-envify "^1.1.0" object-assign "^4.1.1"