@common-origin/design-system 2.21.0 → 2.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client.js +222 -206
- package/dist/client.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.d.mts +16 -4
- package/dist/components/atoms/Badge/Badge.d.ts +16 -4
- package/dist/components/atoms/Badge/Badge.mjs +4 -5
- package/dist/components/atoms/Badge/index.d.mts +1 -1
- package/dist/components/atoms/Badge/index.d.ts +1 -1
- package/dist/components/atoms/Button/Button.mjs +1 -1
- package/dist/components/atoms/CategoryLabel/CategoryLabel.d.mts +23 -8
- package/dist/components/atoms/CategoryLabel/CategoryLabel.d.ts +23 -8
- package/dist/components/atoms/CategoryLabel/CategoryLabel.mjs +31 -18
- package/dist/components/atoms/CategoryLabel/index.d.mts +1 -1
- package/dist/components/atoms/CategoryLabel/index.d.ts +1 -1
- package/dist/components/atoms/Chip/SuggestionChip.mjs +1 -1
- package/dist/components/atoms/Chip/shared/utils.mjs +1 -1
- package/dist/components/atoms/Chip/shared/utils.mjs.map +1 -1
- package/dist/components/atoms/Icon/Icon.mjs +1 -1
- package/dist/components/atoms/MoneyDisplay/MoneyDisplay.mjs +14 -60
- package/dist/components/atoms/StatusBadge/StatusBadge.d.mts +3 -2
- package/dist/components/atoms/StatusBadge/StatusBadge.d.ts +3 -2
- package/dist/components/atoms/StatusBadge/StatusBadge.mjs +1 -1
- package/dist/components/atoms/StatusBadge/StatusBadge.mjs.map +1 -1
- package/dist/components/atoms/StatusLabel/StatusLabel.d.mts +5 -2
- package/dist/components/atoms/StatusLabel/StatusLabel.d.ts +5 -2
- package/dist/components/atoms/StatusLabel/StatusLabel.mjs +5 -2
- package/dist/components/atoms/StatusLabel/StatusLabel.mjs.map +1 -1
- package/dist/components/atoms/StatusLabel/StatusLabelBase.d.mts +2 -2
- package/dist/components/atoms/StatusLabel/StatusLabelBase.d.ts +2 -2
- package/dist/components/atoms/StatusLabel/StatusLabelBase.mjs +19 -13
- package/dist/components/atoms/StatusLabel/StatusShape.d.mts +4 -0
- package/dist/components/atoms/StatusLabel/StatusShape.d.ts +4 -0
- package/dist/components/atoms/StatusLabel/StatusShape.mjs +31 -0
- package/dist/components/atoms/StatusLabel/StatusShape.mjs.map +1 -0
- package/dist/components/atoms/Typography/Typography.mjs +2 -2
- package/dist/components/molecules/AccountCard/AccountCard.mjs +21 -13
- package/dist/components/molecules/Alert/Alert.d.mts +4 -4
- package/dist/components/molecules/Alert/Alert.d.ts +4 -4
- package/dist/components/molecules/Alert/Alert.mjs +5 -4
- package/dist/components/molecules/CodeBlock/CodeBlock.mjs +1 -1
- package/dist/components/molecules/Dropdown/Dropdown.mjs +2 -2
- package/dist/components/molecules/InlineAlert/InlineAlert.mjs +15 -5
- package/dist/components/molecules/TabBar/TabBar.mjs +3 -3
- package/dist/components/molecules/TransactionListItem/TransactionListItem.d.mts +1 -1
- package/dist/components/molecules/TransactionListItem/TransactionListItem.d.ts +1 -1
- package/dist/components/molecules/TransactionListItem/TransactionListItem.mjs +15 -31
- package/dist/data.js +505 -295
- package/dist/data.js.map +1 -1
- package/dist/lib/statusShapes.d.mts +2 -0
- package/dist/lib/statusShapes.d.ts +2 -0
- package/dist/lib/statusShapes.mjs +16 -0
- package/dist/lib/statusShapes.mjs.map +1 -0
- package/dist/lib/styleUtils.mjs +2 -2
- package/dist/lib/styleUtils.mjs.map +1 -1
- package/dist/lib/tokenAliases.mjs +15 -10
- package/dist/lib/tokenAliases.mjs.map +1 -1
- package/dist/styles/icons.json +141 -0
- package/dist/styles/icons.json.mjs +153 -2
- package/dist/styles/icons.json.mjs.map +1 -1
- package/dist/styles/tokens.d.mts +412 -122
- package/dist/styles/tokens.d.ts +412 -122
- package/dist/styles/tokens.json +353 -294
- package/dist/styles/tokens.json.mjs +353 -294
- package/dist/styles/tokens.json.mjs.map +1 -1
- package/dist/tokens/index.js +353 -294
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/index.mjs +353 -294
- package/dist/tokens/index.mjs.map +1 -1
- package/dist/tokens/styles/tokens.d.mts +412 -122
- package/dist/tokens/styles/tokens.d.ts +412 -122
- package/dist/tokens.css +257 -212
- package/dist/types/icons.d.mts +1 -1
- package/dist/types/icons.d.ts +1 -1
- package/dist/types/icons.mjs.map +1 -1
- package/package.json +1 -1
package/dist/data.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n | 'add'\n | 'ai'\n | 'addRing'\n | 'arrowDown'\n | 'arrowLeft'\n | 'arrowRight'\n | 'arrowUp'\n | 'back'\n | 'bell'\n | 'cancel'\n | 'caret'\n | 'caretDown'\n | 'caretUp'\n | 'check'\n | 'checkRing'\n | 'close'\n | 'copy'\n | 'creditCard'\n | 'crossCircle'\n | 'directionRight'\n | 'directionUp'\n | 'edit'\n | 'export'\n | 'fileDocSearch'\n | 'filter'\n | 'info'\n | 'kebab'\n | 'lamp'\n | 'lineOut'\n | 'link'\n | 'meatballs'\n | 'menu'\n | 'message'\n | 'move'\n | 'mic'\n | 'order'\n | 'paper'\n | 'pause'\n | 'play'\n | 'playBack'\n | 'refresh'\n | 'remove'\n | 'search'\n | 'star'\n | 'starFilled'\n | 'stop'\n | 'table'\n | 'trash'\n | 'userBox'\n | 'view'\n | 'viewHide'\n | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n | 'action'\n | 'communication'\n | 'content'\n | 'feedback'\n | 'media'\n | 'navigation'\n | 'object'\n | 'status'\n | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n /** SVG path data */\n path: string\n /** Display name of the icon */\n name: string\n /** What the icon visually depicts */\n description: string\n /** Semantic category for grouping */\n category: IconCategory\n /** Alternative names and search terms */\n aliases: string[]\n /** When and why to use this icon */\n intent: string\n /** Whether the icon is typically decorative (true) or informative (false) */\n decorativeDefault: boolean\n /** Suggested accessible label when the icon conveys meaning */\n ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":"
|
|
1
|
+
{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n | 'add'\n | 'ai'\n | 'addRing'\n | 'arrowDown'\n | 'arrowLeft'\n | 'arrowRight'\n | 'arrowUp'\n | 'back'\n | 'bell'\n | 'cancel'\n | 'caret'\n | 'caretDown'\n | 'caretUp'\n | 'check'\n | 'checkRing'\n | 'close'\n | 'copy'\n | 'creditCard'\n | 'crossCircle'\n | 'directionRight'\n | 'directionUp'\n | 'edit'\n | 'export'\n | 'fileDocSearch'\n | 'filter'\n | 'info'\n | 'kebab'\n | 'lamp'\n | 'lineOut'\n | 'link'\n | 'meatballs'\n | 'menu'\n | 'message'\n | 'move'\n | 'mic'\n | 'order'\n | 'paper'\n | 'pause'\n | 'play'\n | 'playBack'\n | 'refresh'\n | 'remove'\n | 'search'\n | 'star'\n | 'starFilled'\n | 'statusCancelled'\n | 'statusError'\n | 'statusInProgress'\n | 'statusInfo'\n | 'statusNotStarted'\n | 'statusPending'\n | 'statusScheduled'\n | 'statusSerious'\n | 'statusSuccess'\n | 'statusWarning'\n | 'stop'\n | 'table'\n | 'trash'\n | 'userBox'\n | 'view'\n | 'viewHide'\n | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n | 'action'\n | 'communication'\n | 'content'\n | 'feedback'\n | 'media'\n | 'navigation'\n | 'object'\n | 'status'\n | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n /** SVG path data */\n path: string\n /** Display name of the icon */\n name: string\n /** What the icon visually depicts */\n description: string\n /** Semantic category for grouping */\n category: IconCategory\n /** Alternative names and search terms */\n aliases: string[]\n /** When and why to use this icon */\n intent: string\n /** Whether the icon is typically decorative (true) or informative (false) */\n decorativeDefault: boolean\n /** Suggested accessible label when the icon conveys meaning */\n ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAWC;;ACP9B;AACA;AACA;AAuGA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// Shape indicators for the six coloured statuses (decision 0045): filled silhouettes on the
|
|
3
|
+
// 24px grid, each the same outline as its status icon. Internal: they aren't public icons, so a
|
|
4
|
+
// bare shape can't be shown without its label. The shape indicator (#264) and the small
|
|
5
|
+
// StatusLabel and InlineAlert sizes render them at 12px or more, with a darker edge.
|
|
6
|
+
var statusShapes = {
|
|
7
|
+
error: 'M22.5 12L17.25 21.0933L6.75 21.0933L1.5 12L6.75 2.9067L17.25 2.9067Z',
|
|
8
|
+
serious: 'M12 2L22 12L12 22L2 12Z',
|
|
9
|
+
warning: 'M12 2.5L22 20.5L2 20.5Z',
|
|
10
|
+
success: 'M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2Z',
|
|
11
|
+
info: 'M7 2H17A5 5 0 0 1 22 7V17A5 5 0 0 1 17 22H7A5 5 0 0 1 2 17V7A5 5 0 0 1 7 2Z',
|
|
12
|
+
inProgress: 'M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM12 6A6 6 0 0 1 12 18Z'
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { statusShapes };
|
|
16
|
+
//# sourceMappingURL=statusShapes.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"statusShapes.mjs","sources":["../../src/lib/statusShapes.ts"],"sourcesContent":["// Shape indicators for the six coloured statuses (decision 0045): filled silhouettes on the\n// 24px grid, each the same outline as its status icon. Internal: they aren't public icons, so a\n// bare shape can't be shown without its label. The shape indicator (#264) and the small\n// StatusLabel and InlineAlert sizes render them at 12px or more, with a darker edge.\n\nexport type StatusShape = 'error' | 'serious' | 'warning' | 'success' | 'info' | 'inProgress'\n\nexport const statusShapes: Record<StatusShape, string> = {\n error: 'M22.5 12L17.25 21.0933L6.75 21.0933L1.5 12L6.75 2.9067L17.25 2.9067Z',\n serious: 'M12 2L22 12L12 22L2 12Z',\n warning: 'M12 2.5L22 20.5L2 20.5Z',\n success: 'M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2Z',\n info: 'M7 2H17A5 5 0 0 1 22 7V17A5 5 0 0 1 17 22H7A5 5 0 0 1 2 17V7A5 5 0 0 1 7 2Z',\n inProgress: 'M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM12 6A6 6 0 0 1 12 18Z',\n}\n"],"names":["statusShapes","error","serious","warning","success","info","inProgress"],"mappings":";AAAA;AACA;AACA;AACA;AAIO,IAAMA,YAAY,GAAgC;AACvDC,EAAAA,KAAK,EAAE,sEAAsE;AAC7EC,EAAAA,OAAO,EAAE,yBAAyB;AAClCC,EAAAA,OAAO,EAAE,yBAAyB;AAClCC,EAAAA,OAAO,EAAE,2CAA2C;AACpDC,EAAAA,IAAI,EAAE,6EAA6E;AACnFC,EAAAA,UAAU,EAAE,sGAAA;;;;;"}
|
package/dist/lib/styleUtils.mjs
CHANGED
|
@@ -88,11 +88,11 @@ var rowStates = {
|
|
|
88
88
|
},
|
|
89
89
|
hover: {
|
|
90
90
|
background: rowFill['accent-muted-hover'],
|
|
91
|
-
text: rowText
|
|
91
|
+
text: rowText.accent
|
|
92
92
|
},
|
|
93
93
|
pressed: {
|
|
94
94
|
background: rowFill['accent-muted-pressed'],
|
|
95
|
-
text: rowText
|
|
95
|
+
text: rowText.accent
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleUtils.mjs","sources":["../../src/lib/styleUtils.ts"],"sourcesContent":["import { css, keyframes } from 'styled-components'\nimport tokens from './cssTokens'\n\n// Breakpoints from the semantic tokens (decision 0014)\nexport const breakpoints = {\n xs: tokens.semantic.breakpoint.xs,\n sm: tokens.semantic.breakpoint.sm,\n md: tokens.semantic.breakpoint.md,\n lg: tokens.semantic.breakpoint.lg,\n xl: tokens.semantic.breakpoint.xl,\n '2xl': tokens.semantic.breakpoint['2xl'],\n}\n\n// Media query helpers\nexport const media = {\n xs: `@media (min-width: ${breakpoints.xs})`,\n sm: `@media (min-width: ${breakpoints.sm})`,\n md: `@media (min-width: ${breakpoints.md})`,\n lg: `@media (min-width: ${breakpoints.lg})`,\n xl: `@media (min-width: ${breakpoints.xl})`,\n '2xl': `@media (min-width: ${breakpoints['2xl']})`,\n}\n\n// Windows Contrast Themes and other forced-colours modes (decision 0038). The browser swaps in\n// the user's system colours, drops background colours and box-shadows, and keeps borders and\n// outlines. Inside this query, give a control that shows its edge with a fill alone a border,\n// and draw selected and checked states with system colours: ButtonText for control edges,\n// Highlight and HighlightText for selected and checked, GrayText for disabled, CanvasText for\n// content. Use forced-color-adjust: none only on a fill that carries state.\nexport const forcedColors = '@media (forced-colors: active)'\n\n/** A control's edge in forced colours, for a control that shows its edge with a fill alone. The\n * border follows the text colour the browser picks: ButtonText, LinkText, or GrayText when disabled. */\nexport const forcedColorsEdge = `${forcedColors} {\n border: ${tokens.semantic.border.width.thin} solid currentColor;\n}`\n\n// Wrap fallbacks for people who ask for less motion (decision 0005): movement becomes\n// an instant change or a simple fade. Colour and opacity transitions need no fallback.\nexport const reducedMotion = '@media (prefers-reduced-motion: reduce)'\n\n// No `from` keyframe: the fade starts from the element's current opacity, including a\n// still-running entrance, so closing mid-entrance doesn't jump back to fully visible.\nconst fadeOut = keyframes`\n to { opacity: 0; }\n`\n\n// Exit for overlays that unmount (use with usePresence). Append `exitAnimation` to each of\n// the element's `animation` declarations while it exits: the entrance stays in the list,\n// so it isn't restarted, and the fade runs on top of it. A fade is already the\n// reduced-motion form, so it needs no fallback of its own. While it fades, the backdrop\n// still catches clicks (so they can't reach the page behind it) and the panel is inert.\n// Exits accelerate: things leaving speed up as they go (decision 0037).\nexport const exitAnimation = css`, ${fadeOut} ${tokens.semantic.motion.duration.fast} ${tokens.semantic.motion.easing.accelerate} forwards`\n\n// Content for screen readers only. The 1px size and -1px margin are part of the standard\n// visually-hidden technique, not design values, so they aren't tokens.\nexport const visuallyHidden = css`\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n`\n\n// One interaction pattern for rows and items: list items, menu and listbox options, sidebars\n// (decision 0030). Unselected rows follow the naked Button's ladder; selected rows follow the\n// light-blue selected ladder, with the text darkening with its fill (decision 0016). Unselected\n// rows leave their text colour to the component, so a destructive row can stay red.\nconst { fill: rowFill, text: rowText } = tokens.semantic.color\n\nexport interface RowState {\n background: string\n text?: string\n}\n\nexport const rowStates: Record<'unselected' | 'selected', Record<'rest' | 'hover' | 'pressed', RowState>> = {\n unselected: {\n rest: { background: 'transparent' },\n hover: { background: rowFill.muted },\n pressed: { background: rowFill.default },\n },\n selected: {\n rest: { background: rowFill['accent-muted'], text: rowText.accent },\n hover: { background: rowFill['accent-muted-hover'], text: rowText['accent-hover'] },\n pressed: { background: rowFill['accent-muted-pressed'], text: rowText['accent-pressed'] },\n },\n}\n\nconst rowDeclarations = ({ background, text }: RowState, textSelector?: string) => {\n if (!text) return `background-color: ${background};`\n return textSelector\n ? `background-color: ${background};\\n ${textSelector} { color: ${text}; }`\n : `background-color: ${background};\\n color: ${text};`\n}\n\n/**\n * The background (and, when selected, text) of an interactive row in every state.\n * - `focused`: keyboard focus that isn't DOM focus, such as a listbox option under\n * aria-activedescendant. It shows the hover state.\n * - `disabled`: shows the resting state, with no hover or press.\n * - `textSelector`: a descendant to colour when the row's text isn't the row itself, for example\n * text set by Typography. Pass it without `&`.\n */\nexport const interactiveRow = ({\n selected = false,\n focused = false,\n disabled = false,\n textSelector,\n}: {\n selected?: boolean\n focused?: boolean\n disabled?: boolean\n textSelector?: string\n} = {}) => {\n const states = selected ? rowStates.selected : rowStates.unselected\n if (disabled) return `${rowDeclarations(states.rest, textSelector)}\\n${rowForcedColors({ selected, focused, disabled, textSelector })}`\n return `\n ${rowDeclarations(focused ? states.hover : states.rest, textSelector)}\n\n &:hover {\n ${rowDeclarations(states.hover, textSelector)}\n }\n\n &:active {\n ${rowDeclarations(states.pressed, textSelector)}\n }\n\n ${rowForcedColors({ selected, focused, disabled, textSelector })}\n`\n}\n\n// Rows in forced colours (decision 0038): fills are dropped, so a selected row takes the system\n// selection colours, and a hovered or keyboard-active row is outlined in Highlight.\nconst rowForcedColors = ({\n selected,\n focused,\n disabled,\n textSelector,\n}: {\n selected: boolean\n focused: boolean\n disabled: boolean\n textSelector?: string\n}) => {\n const text = (color: string) => (textSelector ? `color: ${color};\\n ${textSelector} { color: ${color}; }` : `color: ${color};`)\n const hover = `outline: ${tokens.semantic.border.width.thin} solid Highlight;\\n outline-offset: calc(-1 * ${tokens.semantic.border.width.thin});`\n // A row that doesn't respond (disabled, or not interactive at all) keeps its selection but has\n // no hover outline. Disabled text is the component's to colour: callers also pass this for\n // static rows, which must stay CanvasText.\n // A selected row keeps forced-color-adjust: auto: the browser keeps system colours an author\n // sets, so the row stays Highlight with HighlightText. Its descendants' own colours would be\n // forced to CanvasText, so they inherit HighlightText, and anything drawn with a fill inside\n // (a chip or tag as the row's badge) drops it and keeps its edge. The doubled class outranks\n // the descendants' own rules.\n return `${forcedColors} {\n ${selected ? `background-color: Highlight;\\n ${text('HighlightText')}\\n && * {\\n color: inherit;\\n background-color: transparent;\\n }` : ''}\n ${!disabled && focused ? hover : ''}\n ${disabled ? '' : `&:hover {\\n ${hover}\\n }`}\n }`\n}\n"],"names":["breakpoints","xs","tokens","semantic","breakpoint","sm","md","lg","xl","media","concat","forcedColors","forcedColorsEdge","border","width","thin","reducedMotion","fadeOut","keyframes","templateObject_1","__makeTemplateObject","exitAnimation","css","templateObject_2","motion","duration","fast","easing","accelerate","visuallyHidden","_a","color","rowFill","fill","rowText","text","rowStates","unselected","rest","background","hover","muted","pressed","selected","accent","rowDeclarations","textSelector","interactiveRow","_b","_c","_d","focused","_e","disabled","states","rowForcedColors"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styleUtils.mjs","sources":["../../src/lib/styleUtils.ts"],"sourcesContent":["import { css, keyframes } from 'styled-components'\nimport tokens from './cssTokens'\n\n// Breakpoints from the semantic tokens (decision 0014)\nexport const breakpoints = {\n xs: tokens.semantic.breakpoint.xs,\n sm: tokens.semantic.breakpoint.sm,\n md: tokens.semantic.breakpoint.md,\n lg: tokens.semantic.breakpoint.lg,\n xl: tokens.semantic.breakpoint.xl,\n '2xl': tokens.semantic.breakpoint['2xl'],\n}\n\n// Media query helpers\nexport const media = {\n xs: `@media (min-width: ${breakpoints.xs})`,\n sm: `@media (min-width: ${breakpoints.sm})`,\n md: `@media (min-width: ${breakpoints.md})`,\n lg: `@media (min-width: ${breakpoints.lg})`,\n xl: `@media (min-width: ${breakpoints.xl})`,\n '2xl': `@media (min-width: ${breakpoints['2xl']})`,\n}\n\n// Windows Contrast Themes and other forced-colours modes (decision 0038). The browser swaps in\n// the user's system colours, drops background colours and box-shadows, and keeps borders and\n// outlines. Inside this query, give a control that shows its edge with a fill alone a border,\n// and draw selected and checked states with system colours: ButtonText for control edges,\n// Highlight and HighlightText for selected and checked, GrayText for disabled, CanvasText for\n// content. Use forced-color-adjust: none only on a fill that carries state.\nexport const forcedColors = '@media (forced-colors: active)'\n\n/** A control's edge in forced colours, for a control that shows its edge with a fill alone. The\n * border follows the text colour the browser picks: ButtonText, LinkText, or GrayText when disabled. */\nexport const forcedColorsEdge = `${forcedColors} {\n border: ${tokens.semantic.border.width.thin} solid currentColor;\n}`\n\n// Wrap fallbacks for people who ask for less motion (decision 0005): movement becomes\n// an instant change or a simple fade. Colour and opacity transitions need no fallback.\nexport const reducedMotion = '@media (prefers-reduced-motion: reduce)'\n\n// No `from` keyframe: the fade starts from the element's current opacity, including a\n// still-running entrance, so closing mid-entrance doesn't jump back to fully visible.\nconst fadeOut = keyframes`\n to { opacity: 0; }\n`\n\n// Exit for overlays that unmount (use with usePresence). Append `exitAnimation` to each of\n// the element's `animation` declarations while it exits: the entrance stays in the list,\n// so it isn't restarted, and the fade runs on top of it. A fade is already the\n// reduced-motion form, so it needs no fallback of its own. While it fades, the backdrop\n// still catches clicks (so they can't reach the page behind it) and the panel is inert.\n// Exits accelerate: things leaving speed up as they go (decision 0037).\nexport const exitAnimation = css`, ${fadeOut} ${tokens.semantic.motion.duration.fast} ${tokens.semantic.motion.easing.accelerate} forwards`\n\n// Content for screen readers only. The 1px size and -1px margin are part of the standard\n// visually-hidden technique, not design values, so they aren't tokens.\nexport const visuallyHidden = css`\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n`\n\n// One interaction pattern for rows and items: list items, menu and listbox options, sidebars\n// (decision 0030). Unselected rows follow the naked Button's ladder; selected rows follow the\n// light-blue selected ladder, with the text darkening with its fill (decision 0016). Unselected\n// rows leave their text colour to the component, so a destructive row can stay red.\nconst { fill: rowFill, text: rowText } = tokens.semantic.color\n\nexport interface RowState {\n background: string\n text?: string\n}\n\nexport const rowStates: Record<'unselected' | 'selected', Record<'rest' | 'hover' | 'pressed', RowState>> = {\n unselected: {\n rest: { background: 'transparent' },\n hover: { background: rowFill.muted },\n pressed: { background: rowFill.default },\n },\n selected: {\n rest: { background: rowFill['accent-muted'], text: rowText.accent },\n hover: { background: rowFill['accent-muted-hover'], text: rowText.accent },\n pressed: { background: rowFill['accent-muted-pressed'], text: rowText.accent },\n },\n}\n\nconst rowDeclarations = ({ background, text }: RowState, textSelector?: string) => {\n if (!text) return `background-color: ${background};`\n return textSelector\n ? `background-color: ${background};\\n ${textSelector} { color: ${text}; }`\n : `background-color: ${background};\\n color: ${text};`\n}\n\n/**\n * The background (and, when selected, text) of an interactive row in every state.\n * - `focused`: keyboard focus that isn't DOM focus, such as a listbox option under\n * aria-activedescendant. It shows the hover state.\n * - `disabled`: shows the resting state, with no hover or press.\n * - `textSelector`: a descendant to colour when the row's text isn't the row itself, for example\n * text set by Typography. Pass it without `&`.\n */\nexport const interactiveRow = ({\n selected = false,\n focused = false,\n disabled = false,\n textSelector,\n}: {\n selected?: boolean\n focused?: boolean\n disabled?: boolean\n textSelector?: string\n} = {}) => {\n const states = selected ? rowStates.selected : rowStates.unselected\n if (disabled) return `${rowDeclarations(states.rest, textSelector)}\\n${rowForcedColors({ selected, focused, disabled, textSelector })}`\n return `\n ${rowDeclarations(focused ? states.hover : states.rest, textSelector)}\n\n &:hover {\n ${rowDeclarations(states.hover, textSelector)}\n }\n\n &:active {\n ${rowDeclarations(states.pressed, textSelector)}\n }\n\n ${rowForcedColors({ selected, focused, disabled, textSelector })}\n`\n}\n\n// Rows in forced colours (decision 0038): fills are dropped, so a selected row takes the system\n// selection colours, and a hovered or keyboard-active row is outlined in Highlight.\nconst rowForcedColors = ({\n selected,\n focused,\n disabled,\n textSelector,\n}: {\n selected: boolean\n focused: boolean\n disabled: boolean\n textSelector?: string\n}) => {\n const text = (color: string) => (textSelector ? `color: ${color};\\n ${textSelector} { color: ${color}; }` : `color: ${color};`)\n const hover = `outline: ${tokens.semantic.border.width.thin} solid Highlight;\\n outline-offset: calc(-1 * ${tokens.semantic.border.width.thin});`\n // A row that doesn't respond (disabled, or not interactive at all) keeps its selection but has\n // no hover outline. Disabled text is the component's to colour: callers also pass this for\n // static rows, which must stay CanvasText.\n // A selected row keeps forced-color-adjust: auto: the browser keeps system colours an author\n // sets, so the row stays Highlight with HighlightText. Its descendants' own colours would be\n // forced to CanvasText, so they inherit HighlightText, and anything drawn with a fill inside\n // (a chip or tag as the row's badge) drops it and keeps its edge. The doubled class outranks\n // the descendants' own rules.\n return `${forcedColors} {\n ${selected ? `background-color: Highlight;\\n ${text('HighlightText')}\\n && * {\\n color: inherit;\\n background-color: transparent;\\n }` : ''}\n ${!disabled && focused ? hover : ''}\n ${disabled ? '' : `&:hover {\\n ${hover}\\n }`}\n }`\n}\n"],"names":["breakpoints","xs","tokens","semantic","breakpoint","sm","md","lg","xl","media","concat","forcedColors","forcedColorsEdge","border","width","thin","reducedMotion","fadeOut","keyframes","templateObject_1","__makeTemplateObject","exitAnimation","css","templateObject_2","motion","duration","fast","easing","accelerate","visuallyHidden","_a","color","rowFill","fill","rowText","text","rowStates","unselected","rest","background","hover","muted","pressed","selected","accent","rowDeclarations","textSelector","interactiveRow","_b","_c","_d","focused","_e","disabled","states","rowForcedColors"],"mappings":"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"}
|
|
@@ -8,7 +8,8 @@ var semantic = tokens.semantic;
|
|
|
8
8
|
var color = semantic.color,
|
|
9
9
|
space = semantic.space,
|
|
10
10
|
radius = semantic.radius,
|
|
11
|
-
surface = semantic.surface
|
|
11
|
+
surface = semantic.surface,
|
|
12
|
+
opacity = semantic.opacity;
|
|
12
13
|
/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */
|
|
13
14
|
var spaceByLayoutKey = {
|
|
14
15
|
none: space[0],
|
|
@@ -49,8 +50,9 @@ var backgroundByKey = {
|
|
|
49
50
|
subtle: surface.raised,
|
|
50
51
|
overlay: surface.scrim,
|
|
51
52
|
emphasis: color.fill.emphasis,
|
|
52
|
-
|
|
53
|
-
'emphasis-
|
|
53
|
+
// A strong fill's states mix its content colour in at the state-layer opacity (decision 0048)
|
|
54
|
+
'emphasis-hover': "color-mix(in srgb, ".concat(color.fill.emphasis, ", ").concat(color.text.inverse, " calc(").concat(opacity.state.hover, " * 100%))"),
|
|
55
|
+
'emphasis-active': "color-mix(in srgb, ".concat(color.fill.emphasis, ", ").concat(color.text.inverse, " calc(").concat(opacity.state.pressed, " * 100%))"),
|
|
54
56
|
surface: color.fill.muted,
|
|
55
57
|
inverse: color.fill.inverse,
|
|
56
58
|
interactive: color.fill.accent,
|
|
@@ -81,21 +83,22 @@ var backgroundByKey = {
|
|
|
81
83
|
/** Box's `color` prop: text colours, old and new keys. */
|
|
82
84
|
var textColorByKey = {
|
|
83
85
|
"default": color.text["default"],
|
|
84
|
-
emphasis: color.text
|
|
86
|
+
emphasis: color.text["default"],
|
|
85
87
|
inverse: color.text.inverse,
|
|
86
88
|
disabled: color.text.disabled,
|
|
87
89
|
success: color.text.success,
|
|
88
90
|
warning: color.text.warning,
|
|
89
91
|
muted: color.text.muted,
|
|
90
92
|
accent: color.text.accent,
|
|
91
|
-
'accent-hover': color.text
|
|
92
|
-
'accent-pressed': color.text
|
|
93
|
+
'accent-hover': color.text.accent,
|
|
94
|
+
'accent-pressed': color.text.accent,
|
|
93
95
|
danger: color.text.danger,
|
|
96
|
+
serious: color.text.serious,
|
|
94
97
|
ai: color.text.ai,
|
|
95
98
|
subdued: color.text.muted,
|
|
96
99
|
interactive: color.text.accent,
|
|
97
|
-
'interactive-hover': color.text
|
|
98
|
-
'interactive-active': color.text
|
|
100
|
+
'interactive-hover': color.text.accent,
|
|
101
|
+
'interactive-active': color.text.accent,
|
|
99
102
|
error: color.text.danger
|
|
100
103
|
};
|
|
101
104
|
/** Box's border props: border colours, old and new keys. */
|
|
@@ -104,13 +107,15 @@ var borderColorByKey = {
|
|
|
104
107
|
success: color.border.success,
|
|
105
108
|
warning: color.border.warning,
|
|
106
109
|
none: color.border.none,
|
|
107
|
-
emphasis: color.border
|
|
110
|
+
emphasis: color.border["default"],
|
|
108
111
|
input: color.border.input,
|
|
109
112
|
'input-hover': color.border['input-hover'],
|
|
110
113
|
focus: color.border.focus,
|
|
111
114
|
accent: color.border.accent,
|
|
112
115
|
danger: color.border.danger,
|
|
113
|
-
|
|
116
|
+
serious: color.border.serious,
|
|
117
|
+
ai: color.border.ai,
|
|
118
|
+
subtle: color.border["default"],
|
|
114
119
|
control: color.border.input,
|
|
115
120
|
// `strong` split by use (0031); as a generic firm outline it is the hovered-input border
|
|
116
121
|
strong: color.border['input-hover'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokenAliases.mjs","sources":["../../src/lib/tokenAliases.ts"],"sourcesContent":["import tokens from './cssTokens'\nimport type { Tokens } from '../types/tokens'\n\n// Props whose values are token keys keep their published vocabulary in 2.x (P7), but read the\n// semantic grammar's names (decision 0031, #189). Each map covers every key the prop type allows,\n// so TypeScript fails here if a key is added without a mapping.\nconst { semantic } = tokens\nconst { color, space, radius, surface } = semantic\n\ntype Semantic = Tokens['semantic']\n\n/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */\nexport const spaceByLayoutKey: Record<keyof Semantic['spacing']['layout'], string> = {\n none: space[0],\n xs: space[100],\n sm: space[200],\n md: space[300],\n lg: space[400],\n xl: space[500],\n '2xl': space[600],\n '3xl': space[700],\n '4xl': space[800],\n '5xl': space[900],\n '6xl': space[1000],\n '7xl': space[1200],\n '8xl': space[1400],\n '9xl': space[1600],\n '10xl': space[2000],\n '11xl': space[2400],\n // A keyword, not a step: it stays until the keyword question is settled (0031)\n auto: semantic.spacing.layout.auto,\n}\n\n/** Box's `borderRadius` prop: the old radius keys, read from `radius`. */\nexport const radiusByKey: Record<keyof Semantic['border']['radius'], string> = {\n none: radius.none,\n xs: radius.xs,\n sm: radius.sm,\n md: radius.md,\n lg: radius.lg,\n xl: radius.xl,\n '2xl': radius['2xl'],\n '3xl': radius['3xl'],\n circle: radius.full,\n}\n\n/** Box's `bg` prop: the old background keys, read from `surface` and `color.fill`. */\nexport const backgroundByKey: Record<keyof Semantic['color']['background'], string> = {\n default: surface.base,\n page: surface.base,\n subtle: surface.raised,\n overlay: surface.scrim,\n emphasis: color.fill.emphasis,\n 'emphasis-hover': color.fill['emphasis-hover'],\n 'emphasis-active': color.fill['emphasis-pressed'],\n surface: color.fill.muted,\n inverse: color.fill.inverse,\n interactive: color.fill.accent,\n 'interactive-hover': color.fill['accent-hover'],\n 'interactive-active': color.fill['accent-pressed'],\n 'interactive-subtle': color.fill['accent-muted'],\n 'interactive-subtle-hover': color.fill['accent-muted-hover'],\n 'interactive-subtle-active': color.fill['accent-muted-pressed'],\n error: color.fill.danger,\n 'error-hover': color.fill['danger-hover'],\n 'error-active': color.fill['danger-pressed'],\n 'error-subtle': color.fill['danger-muted'],\n success: color.fill.success,\n 'success-subtle': color.fill['success-muted'],\n warning: color.fill.warning,\n 'warning-subtle': color.fill['warning-muted'],\n disabled: color.fill.disabled,\n neutral: color.fill.default,\n 'neutral-hover': color.fill['default-hover'],\n 'neutral-active': color.fill['default-pressed'],\n transparent: color.fill.none,\n 'hover-overlay': color.fill['none-hover'],\n 'active-overlay': color.fill['none-pressed'],\n 'inverse-overlay': color.fill['inverse-none-hover'],\n // Moved to the component tier (decision 0031 §6)\n progressTrack: tokens.component.track.background,\n}\n\n/** Box's `color` prop: text colours, old and new keys. */\nexport const textColorByKey: Record<keyof Semantic['color']['text'], string> = {\n default: color.text.default,\n emphasis: color.text.emphasis,\n inverse: color.text.inverse,\n disabled: color.text.disabled,\n success: color.text.success,\n warning: color.text.warning,\n muted: color.text.muted,\n accent: color.text.accent,\n 'accent-hover': color.text['accent-hover'],\n 'accent-pressed': color.text['accent-pressed'],\n danger: color.text.danger,\n ai: color.text.ai,\n subdued: color.text.muted,\n interactive: color.text.accent,\n 'interactive-hover': color.text['accent-hover'],\n 'interactive-active': color.text['accent-pressed'],\n error: color.text.danger,\n}\n\n/** Box's border props: border colours, old and new keys. */\nexport const borderColorByKey: Record<keyof Semantic['color']['border'], string> = {\n default: color.border.default,\n success: color.border.success,\n warning: color.border.warning,\n none: color.border.none,\n emphasis: color.border.emphasis,\n input: color.border.input,\n 'input-hover': color.border['input-hover'],\n focus: color.border.focus,\n accent: color.border.accent,\n danger: color.border.danger,\n subtle: color.border.emphasis,\n control: color.border.input,\n // `strong` split by use (0031); as a generic firm outline it is the hovered-input border\n strong: color.border['input-hover'],\n interactive: color.border.accent,\n error: color.border.danger,\n}\n"],"names":["semantic","tokens","color","space","radius","surface","spaceByLayoutKey","none","xs","sm","md","lg","xl","auto","spacing","layout","radiusByKey","circle","full","backgroundByKey","base","page","subtle","raised","overlay","scrim","emphasis","fill","muted","inverse","interactive","accent","error","danger","success","warning","disabled","neutral","transparent","progressTrack","component","track","background","textColorByKey","text","ai","subdued","borderColorByKey","border","input","focus","control","strong"],"mappings":";;;AAGA;AACA;AACA;AACQ,IAAAA,QAAQ,GAAKC,MAAM,CAAAD,QAAX,CAAA;AACR,IAAAE,KAAK,GAA6BF,QAAQ,MAArC;EAAEG,KAAK,GAAsBH,QAAQ,CAAAG,KAA9B;EAAEC,MAAM,GAAcJ,QAAQ,CAAtBI,MAAA;EAAEC,OAAO,GAAKL,QAAQ,QAAb,CAAA;AAIrC;AACO,IAAMM,gBAAgB,GAAwD;AACnFC,EAAAA,IAAI,EAAEJ,KAAK,CAAC,CAAC,CAAC;AACdK,EAAAA,EAAE,EAAEL,KAAK,CAAC,GAAG,CAAC;AACdM,EAAAA,EAAE,EAAEN,KAAK,CAAC,GAAG,CAAC;AACdO,EAAAA,EAAE,EAAEP,KAAK,CAAC,GAAG,CAAC;AACdQ,EAAAA,EAAE,EAAER,KAAK,CAAC,GAAG,CAAC;AACdS,EAAAA,EAAE,EAAET,KAAK,CAAC,GAAG,CAAC;AACd,EAAA,KAAK,EAAEA,KAAK,CAAC,GAAG,CAAC;AACjB,EAAA,KAAK,EAAEA,KAAK,CAAC,GAAG,CAAC;AACjB,EAAA,KAAK,EAAEA,KAAK,CAAC,GAAG,CAAC;AACjB,EAAA,KAAK,EAAEA,KAAK,CAAC,GAAG,CAAC;AACjB,EAAA,KAAK,EAAEA,KAAK,CAAC,IAAI,CAAC;AAClB,EAAA,KAAK,EAAEA,KAAK,CAAC,IAAI,CAAC;AAClB,EAAA,KAAK,EAAEA,KAAK,CAAC,IAAI,CAAC;AAClB,EAAA,KAAK,EAAEA,KAAK,CAAC,IAAI,CAAC;AAClB,EAAA,MAAM,EAAEA,KAAK,CAAC,IAAI,CAAC;AACnB,EAAA,MAAM,EAAEA,KAAK,CAAC,IAAI,CAAC;AACnB;AACAU,EAAAA,IAAI,EAAEb,QAAQ,CAACc,OAAO,CAACC,MAAM,CAACF,IAAAA;EAC/B;AAED;AACO,IAAMG,WAAW,GAAuD;EAC7ET,IAAI,EAAEH,MAAM,CAACG,IAAI;EACjBC,EAAE,EAAEJ,MAAM,CAACI,EAAE;EACbC,EAAE,EAAEL,MAAM,CAACK,EAAE;EACbC,EAAE,EAAEN,MAAM,CAACM,EAAE;EACbC,EAAE,EAAEP,MAAM,CAACO,EAAE;EACbC,EAAE,EAAER,MAAM,CAACQ,EAAE;AACb,EAAA,KAAK,EAAER,MAAM,CAAC,KAAK,CAAC;AACpB,EAAA,KAAK,EAAEA,MAAM,CAAC,KAAK,CAAC;EACpBa,MAAM,EAAEb,MAAM,CAACc,IAAAA;EAChB;AAED;AACO,IAAMC,eAAe,GAA0D;EACpF,SAASd,EAAAA,OAAO,CAACe,IAAI;EACrBC,IAAI,EAAEhB,OAAO,CAACe,IAAI;EAClBE,MAAM,EAAEjB,OAAO,CAACkB,MAAM;EACtBC,OAAO,EAAEnB,OAAO,CAACoB,KAAK;AACtBC,EAAAA,QAAQ,EAAExB,KAAK,CAACyB,IAAI,CAACD,QAAQ;AAC7B,EAAA,gBAAgB,EAAExB,KAAK,CAACyB,IAAI,CAAC,gBAAgB,CAAC;AAC9C,EAAA,iBAAiB,EAAEzB,KAAK,CAACyB,IAAI,CAAC,kBAAkB,CAAC;AACjDtB,EAAAA,OAAO,EAAEH,KAAK,CAACyB,IAAI,CAACC,KAAK;AACzBC,EAAAA,OAAO,EAAE3B,KAAK,CAACyB,IAAI,CAACE,OAAO;AAC3BC,EAAAA,WAAW,EAAE5B,KAAK,CAACyB,IAAI,CAACI,MAAM;AAC9B,EAAA,mBAAmB,EAAE7B,KAAK,CAACyB,IAAI,CAAC,cAAc,CAAC;AAC/C,EAAA,oBAAoB,EAAEzB,KAAK,CAACyB,IAAI,CAAC,gBAAgB,CAAC;AAClD,EAAA,oBAAoB,EAAEzB,KAAK,CAACyB,IAAI,CAAC,cAAc,CAAC;AAChD,EAAA,0BAA0B,EAAEzB,KAAK,CAACyB,IAAI,CAAC,oBAAoB,CAAC;AAC5D,EAAA,2BAA2B,EAAEzB,KAAK,CAACyB,IAAI,CAAC,sBAAsB,CAAC;AAC/DK,EAAAA,KAAK,EAAE9B,KAAK,CAACyB,IAAI,CAACM,MAAM;AACxB,EAAA,aAAa,EAAE/B,KAAK,CAACyB,IAAI,CAAC,cAAc,CAAC;AACzC,EAAA,cAAc,EAAEzB,KAAK,CAACyB,IAAI,CAAC,gBAAgB,CAAC;AAC5C,EAAA,cAAc,EAAEzB,KAAK,CAACyB,IAAI,CAAC,cAAc,CAAC;AAC1CO,EAAAA,OAAO,EAAEhC,KAAK,CAACyB,IAAI,CAACO,OAAO;AAC3B,EAAA,gBAAgB,EAAEhC,KAAK,CAACyB,IAAI,CAAC,eAAe,CAAC;AAC7CQ,EAAAA,OAAO,EAAEjC,KAAK,CAACyB,IAAI,CAACQ,OAAO;AAC3B,EAAA,gBAAgB,EAAEjC,KAAK,CAACyB,IAAI,CAAC,eAAe,CAAC;AAC7CS,EAAAA,QAAQ,EAAElC,KAAK,CAACyB,IAAI,CAACS,QAAQ;AAC7BC,EAAAA,OAAO,EAAEnC,KAAK,CAACyB,IAAI,CAAQ,SAAA,CAAA;AAC3B,EAAA,eAAe,EAAEzB,KAAK,CAACyB,IAAI,CAAC,eAAe,CAAC;AAC5C,EAAA,gBAAgB,EAAEzB,KAAK,CAACyB,IAAI,CAAC,iBAAiB,CAAC;AAC/CW,EAAAA,WAAW,EAAEpC,KAAK,CAACyB,IAAI,CAACpB,IAAI;AAC5B,EAAA,eAAe,EAAEL,KAAK,CAACyB,IAAI,CAAC,YAAY,CAAC;AACzC,EAAA,gBAAgB,EAAEzB,KAAK,CAACyB,IAAI,CAAC,cAAc,CAAC;AAC5C,EAAA,iBAAiB,EAAEzB,KAAK,CAACyB,IAAI,CAAC,oBAAoB,CAAC;AACnD;AACAY,EAAAA,aAAa,EAAEtC,MAAM,CAACuC,SAAS,CAACC,KAAK,CAACC,UAAAA;EACvC;AAED;AACO,IAAMC,cAAc,GAAoD;EAC7E,SAASzC,EAAAA,KAAK,CAAC0C,IAAI,CAAQ,SAAA,CAAA;AAC3BlB,EAAAA,QAAQ,EAAExB,KAAK,CAAC0C,IAAI,CAAClB,QAAQ;AAC7BG,EAAAA,OAAO,EAAE3B,KAAK,CAAC0C,IAAI,CAACf,OAAO;AAC3BO,EAAAA,QAAQ,EAAElC,KAAK,CAAC0C,IAAI,CAACR,QAAQ;AAC7BF,EAAAA,OAAO,EAAEhC,KAAK,CAAC0C,IAAI,CAACV,OAAO;AAC3BC,EAAAA,OAAO,EAAEjC,KAAK,CAAC0C,IAAI,CAACT,OAAO;AAC3BP,EAAAA,KAAK,EAAE1B,KAAK,CAAC0C,IAAI,CAAChB,KAAK;AACvBG,EAAAA,MAAM,EAAE7B,KAAK,CAAC0C,IAAI,CAACb,MAAM;AACzB,EAAA,cAAc,EAAE7B,KAAK,CAAC0C,IAAI,CAAC,cAAc,CAAC;AAC1C,EAAA,gBAAgB,EAAE1C,KAAK,CAAC0C,IAAI,CAAC,gBAAgB,CAAC;AAC9CX,EAAAA,MAAM,EAAE/B,KAAK,CAAC0C,IAAI,CAACX,MAAM;AACzBY,EAAAA,EAAE,EAAE3C,KAAK,CAAC0C,IAAI,CAACC,EAAE;AACjBC,EAAAA,OAAO,EAAE5C,KAAK,CAAC0C,IAAI,CAAChB,KAAK;AACzBE,EAAAA,WAAW,EAAE5B,KAAK,CAAC0C,IAAI,CAACb,MAAM;AAC9B,EAAA,mBAAmB,EAAE7B,KAAK,CAAC0C,IAAI,CAAC,cAAc,CAAC;AAC/C,EAAA,oBAAoB,EAAE1C,KAAK,CAAC0C,IAAI,CAAC,gBAAgB,CAAC;AAClDZ,EAAAA,KAAK,EAAE9B,KAAK,CAAC0C,IAAI,CAACX,MAAAA;EACnB;AAED;AACO,IAAMc,gBAAgB,GAAsD;EACjF,SAAS7C,EAAAA,KAAK,CAAC8C,MAAM,CAAQ,SAAA,CAAA;AAC7Bd,EAAAA,OAAO,EAAEhC,KAAK,CAAC8C,MAAM,CAACd,OAAO;AAC7BC,EAAAA,OAAO,EAAEjC,KAAK,CAAC8C,MAAM,CAACb,OAAO;AAC7B5B,EAAAA,IAAI,EAAEL,KAAK,CAAC8C,MAAM,CAACzC,IAAI;AACvBmB,EAAAA,QAAQ,EAAExB,KAAK,CAAC8C,MAAM,CAACtB,QAAQ;AAC/BuB,EAAAA,KAAK,EAAE/C,KAAK,CAAC8C,MAAM,CAACC,KAAK;AACzB,EAAA,aAAa,EAAE/C,KAAK,CAAC8C,MAAM,CAAC,aAAa,CAAC;AAC1CE,EAAAA,KAAK,EAAEhD,KAAK,CAAC8C,MAAM,CAACE,KAAK;AACzBnB,EAAAA,MAAM,EAAE7B,KAAK,CAAC8C,MAAM,CAACjB,MAAM;AAC3BE,EAAAA,MAAM,EAAE/B,KAAK,CAAC8C,MAAM,CAACf,MAAM;AAC3BX,EAAAA,MAAM,EAAEpB,KAAK,CAAC8C,MAAM,CAACtB,QAAQ;AAC7ByB,EAAAA,OAAO,EAAEjD,KAAK,CAAC8C,MAAM,CAACC,KAAK;AAC3B;AACAG,EAAAA,MAAM,EAAElD,KAAK,CAAC8C,MAAM,CAAC,aAAa,CAAC;AACnClB,EAAAA,WAAW,EAAE5B,KAAK,CAAC8C,MAAM,CAACjB,MAAM;AAChCC,EAAAA,KAAK,EAAE9B,KAAK,CAAC8C,MAAM,CAACf,MAAAA;;;;;"}
|
|
1
|
+
{"version":3,"file":"tokenAliases.mjs","sources":["../../src/lib/tokenAliases.ts"],"sourcesContent":["import tokens from './cssTokens'\nimport type { Tokens } from '../types/tokens'\n\n// Props whose values are token keys keep their published vocabulary in 2.x (P7), but read the\n// semantic grammar's names (decision 0031, #189). Each map covers every key the prop type allows,\n// so TypeScript fails here if a key is added without a mapping.\nconst { semantic } = tokens\nconst { color, space, radius, surface, opacity } = semantic\n\ntype Semantic = Tokens['semantic']\n\n/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */\nexport const spaceByLayoutKey: Record<keyof Semantic['spacing']['layout'], string> = {\n none: space[0],\n xs: space[100],\n sm: space[200],\n md: space[300],\n lg: space[400],\n xl: space[500],\n '2xl': space[600],\n '3xl': space[700],\n '4xl': space[800],\n '5xl': space[900],\n '6xl': space[1000],\n '7xl': space[1200],\n '8xl': space[1400],\n '9xl': space[1600],\n '10xl': space[2000],\n '11xl': space[2400],\n // A keyword, not a step: it stays until the keyword question is settled (0031)\n auto: semantic.spacing.layout.auto,\n}\n\n/** Box's `borderRadius` prop: the old radius keys, read from `radius`. */\nexport const radiusByKey: Record<keyof Semantic['border']['radius'], string> = {\n none: radius.none,\n xs: radius.xs,\n sm: radius.sm,\n md: radius.md,\n lg: radius.lg,\n xl: radius.xl,\n '2xl': radius['2xl'],\n '3xl': radius['3xl'],\n circle: radius.full,\n}\n\n/** Box's `bg` prop: the old background keys, read from `surface` and `color.fill`. */\nexport const backgroundByKey: Record<keyof Semantic['color']['background'], string> = {\n default: surface.base,\n page: surface.base,\n subtle: surface.raised,\n overlay: surface.scrim,\n emphasis: color.fill.emphasis,\n // A strong fill's states mix its content colour in at the state-layer opacity (decision 0048)\n 'emphasis-hover': `color-mix(in srgb, ${color.fill.emphasis}, ${color.text.inverse} calc(${opacity.state.hover} * 100%))`,\n 'emphasis-active': `color-mix(in srgb, ${color.fill.emphasis}, ${color.text.inverse} calc(${opacity.state.pressed} * 100%))`,\n surface: color.fill.muted,\n inverse: color.fill.inverse,\n interactive: color.fill.accent,\n 'interactive-hover': color.fill['accent-hover'],\n 'interactive-active': color.fill['accent-pressed'],\n 'interactive-subtle': color.fill['accent-muted'],\n 'interactive-subtle-hover': color.fill['accent-muted-hover'],\n 'interactive-subtle-active': color.fill['accent-muted-pressed'],\n error: color.fill.danger,\n 'error-hover': color.fill['danger-hover'],\n 'error-active': color.fill['danger-pressed'],\n 'error-subtle': color.fill['danger-muted'],\n success: color.fill.success,\n 'success-subtle': color.fill['success-muted'],\n warning: color.fill.warning,\n 'warning-subtle': color.fill['warning-muted'],\n disabled: color.fill.disabled,\n neutral: color.fill.default,\n 'neutral-hover': color.fill['default-hover'],\n 'neutral-active': color.fill['default-pressed'],\n transparent: color.fill.none,\n 'hover-overlay': color.fill['none-hover'],\n 'active-overlay': color.fill['none-pressed'],\n 'inverse-overlay': color.fill['inverse-none-hover'],\n // Moved to the component tier (decision 0031 §6)\n progressTrack: tokens.component.track.background,\n}\n\n/** Box's `color` prop: text colours, old and new keys. */\nexport const textColorByKey: Record<keyof Semantic['color']['text'], string> = {\n default: color.text.default,\n emphasis: color.text.default,\n inverse: color.text.inverse,\n disabled: color.text.disabled,\n success: color.text.success,\n warning: color.text.warning,\n muted: color.text.muted,\n accent: color.text.accent,\n 'accent-hover': color.text.accent,\n 'accent-pressed': color.text.accent,\n danger: color.text.danger,\n serious: color.text.serious,\n ai: color.text.ai,\n subdued: color.text.muted,\n interactive: color.text.accent,\n 'interactive-hover': color.text.accent,\n 'interactive-active': color.text.accent,\n error: color.text.danger,\n}\n\n/** Box's border props: border colours, old and new keys. */\nexport const borderColorByKey: Record<keyof Semantic['color']['border'], string> = {\n default: color.border.default,\n success: color.border.success,\n warning: color.border.warning,\n none: color.border.none,\n emphasis: color.border.default,\n input: color.border.input,\n 'input-hover': color.border['input-hover'],\n focus: color.border.focus,\n accent: color.border.accent,\n danger: color.border.danger,\n serious: color.border.serious,\n ai: color.border.ai,\n subtle: color.border.default,\n control: color.border.input,\n // `strong` split by use (0031); as a generic firm outline it is the hovered-input border\n strong: color.border['input-hover'],\n interactive: color.border.accent,\n error: color.border.danger,\n}\n"],"names":["semantic","tokens","color","space","radius","surface","opacity","spaceByLayoutKey","none","xs","sm","md","lg","xl","auto","spacing","layout","radiusByKey","circle","full","backgroundByKey","base","page","subtle","raised","overlay","scrim","emphasis","fill","concat","text","inverse","state","hover","pressed","muted","interactive","accent","error","danger","success","warning","disabled","neutral","transparent","progressTrack","component","track","background","textColorByKey","serious","ai","subdued","borderColorByKey","border","input","focus","control","strong"],"mappings":"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"}
|
package/dist/styles/icons.json
CHANGED
|
@@ -767,5 +767,146 @@
|
|
|
767
767
|
"intent": "Use to indicate that an element can be moved, dragged, or repositioned",
|
|
768
768
|
"decorativeDefault": false,
|
|
769
769
|
"ariaLabelDefault": "Move"
|
|
770
|
+
},
|
|
771
|
+
"statusError": {
|
|
772
|
+
"path": "M22.5 12L17.25 21.0933L6.75 21.0933L1.5 12L6.75 2.9067L17.25 2.9067ZM16.0953 4.9067L7.9047 4.9067L3.8094 12L7.9047 19.0933L16.0953 19.0933L20.1906 12ZM9.2071 7.7929L16.2071 14.7929L14.7929 16.2071L7.7929 9.2071ZM16.2071 9.2071L9.2071 16.2071L7.7929 14.7929L14.7929 7.7929Z",
|
|
773
|
+
"name": "statusError",
|
|
774
|
+
"description": "X inside a hexagon with a flat top edge",
|
|
775
|
+
"category": "status",
|
|
776
|
+
"aliases": [
|
|
777
|
+
"error",
|
|
778
|
+
"failed",
|
|
779
|
+
"blocked",
|
|
780
|
+
"danger"
|
|
781
|
+
],
|
|
782
|
+
"intent": "Use for the error status: failed or blocked, needs action now (decision 0045). Shows in the danger colour with a label",
|
|
783
|
+
"decorativeDefault": false,
|
|
784
|
+
"ariaLabelDefault": "Error"
|
|
785
|
+
},
|
|
786
|
+
"statusSerious": {
|
|
787
|
+
"path": "M12 2L22 12L12 22L2 12ZM4.8284 12L12 19.1716L19.1716 12L12 4.8284ZM13 7.5L13 13.75L11 13.75L11 7.5ZM12 15.25A1 1 0 1 1 12 17.25A1 1 0 1 1 12 15.25Z",
|
|
788
|
+
"name": "statusSerious",
|
|
789
|
+
"description": "Exclamation mark inside a diamond",
|
|
790
|
+
"category": "status",
|
|
791
|
+
"aliases": [
|
|
792
|
+
"serious",
|
|
793
|
+
"severe",
|
|
794
|
+
"critical-warning"
|
|
795
|
+
],
|
|
796
|
+
"intent": "Use for the serious status: will fail or cause harm without action (decision 0045). Shows in the serious colour with a label",
|
|
797
|
+
"decorativeDefault": false,
|
|
798
|
+
"ariaLabelDefault": "Serious"
|
|
799
|
+
},
|
|
800
|
+
"statusWarning": {
|
|
801
|
+
"path": "M12 2.5L22 20.5L2 20.5ZM5.399 18.5L18.601 18.5L12 6.6183ZM13 10.5L13 14.5L11 14.5L11 10.5ZM12 16A1 1 0 1 1 12 18A1 1 0 1 1 12 16Z",
|
|
802
|
+
"name": "statusWarning",
|
|
803
|
+
"description": "Exclamation mark inside a triangle",
|
|
804
|
+
"category": "status",
|
|
805
|
+
"aliases": [
|
|
806
|
+
"warning",
|
|
807
|
+
"caution",
|
|
808
|
+
"attention"
|
|
809
|
+
],
|
|
810
|
+
"intent": "Use for the warning status: needs attention, not blocking (decision 0045). Shows in the warning colour with a label",
|
|
811
|
+
"decorativeDefault": false,
|
|
812
|
+
"ariaLabelDefault": "Warning"
|
|
813
|
+
},
|
|
814
|
+
"statusSuccess": {
|
|
815
|
+
"path": "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM11.0674 16.4814L7.29297 12.707L8.70703 11.293L10.9326 13.5176L15.2314 8.35937L16.7686 9.64062L11.0674 16.4814Z",
|
|
816
|
+
"name": "statusSuccess",
|
|
817
|
+
"description": "Checkmark inside a circle",
|
|
818
|
+
"category": "status",
|
|
819
|
+
"aliases": [
|
|
820
|
+
"success",
|
|
821
|
+
"completed",
|
|
822
|
+
"done"
|
|
823
|
+
],
|
|
824
|
+
"intent": "Use for the success status: done as intended (decision 0045). Shows in the success colour with a label",
|
|
825
|
+
"decorativeDefault": false,
|
|
826
|
+
"ariaLabelDefault": "Success"
|
|
827
|
+
},
|
|
828
|
+
"statusInfo": {
|
|
829
|
+
"path": "M7 2H17A5 5 0 0 1 22 7V17A5 5 0 0 1 17 22H7A5 5 0 0 1 2 17V7A5 5 0 0 1 7 2ZM7 4A3 3 0 0 0 4 7V17A3 3 0 0 0 7 20H17A3 3 0 0 0 20 17V7A3 3 0 0 0 17 4ZM13 10L13 17L11 17L11 10ZM12 6.5A1 1 0 1 1 12 8.5A1 1 0 1 1 12 6.5Z",
|
|
830
|
+
"name": "statusInfo",
|
|
831
|
+
"description": "Letter i inside a rounded square",
|
|
832
|
+
"category": "status",
|
|
833
|
+
"aliases": [
|
|
834
|
+
"info",
|
|
835
|
+
"information",
|
|
836
|
+
"notice"
|
|
837
|
+
],
|
|
838
|
+
"intent": "Use for the info status: neutral information (decision 0045). Shows in the accent colour with a label",
|
|
839
|
+
"decorativeDefault": false,
|
|
840
|
+
"ariaLabelDefault": "Information"
|
|
841
|
+
},
|
|
842
|
+
"statusInProgress": {
|
|
843
|
+
"path": "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM12 6A6 6 0 0 1 12 18Z",
|
|
844
|
+
"name": "statusInProgress",
|
|
845
|
+
"description": "Circle with its right half filled",
|
|
846
|
+
"category": "status",
|
|
847
|
+
"aliases": [
|
|
848
|
+
"in progress",
|
|
849
|
+
"processing",
|
|
850
|
+
"running"
|
|
851
|
+
],
|
|
852
|
+
"intent": "Use for the in-progress status: running now (decision 0045). Shows in the accent colour with a label",
|
|
853
|
+
"decorativeDefault": false,
|
|
854
|
+
"ariaLabelDefault": "In progress"
|
|
855
|
+
},
|
|
856
|
+
"statusPending": {
|
|
857
|
+
"path": "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM13 6.5L13 13L11 13L11 6.5ZM11.8318 11.4531L16.1318 14.1531L15.0682 15.8469L10.7682 13.1469Z",
|
|
858
|
+
"name": "statusPending",
|
|
859
|
+
"description": "Clock face",
|
|
860
|
+
"category": "status",
|
|
861
|
+
"aliases": [
|
|
862
|
+
"pending",
|
|
863
|
+
"waiting",
|
|
864
|
+
"clock"
|
|
865
|
+
],
|
|
866
|
+
"intent": "Use for the pending status: waiting on someone or something else (decision 0045). Neutral colour, with a label",
|
|
867
|
+
"decorativeDefault": false,
|
|
868
|
+
"ariaLabelDefault": "Pending"
|
|
869
|
+
},
|
|
870
|
+
"statusScheduled": {
|
|
871
|
+
"path": "M6 4H18A3 3 0 0 1 21 7V18A3 3 0 0 1 18 21H6A3 3 0 0 1 3 18V7A3 3 0 0 1 6 4ZM6 6A1 1 0 0 0 5 7V18A1 1 0 0 0 6 19H18A1 1 0 0 0 19 18V7A1 1 0 0 0 18 6ZM4 9L20 9L20 11L4 11ZM9 2L9 6.5L7 6.5L7 2ZM17 2L17 6.5L15 6.5L15 2Z",
|
|
872
|
+
"name": "statusScheduled",
|
|
873
|
+
"description": "Calendar page",
|
|
874
|
+
"category": "status",
|
|
875
|
+
"aliases": [
|
|
876
|
+
"scheduled",
|
|
877
|
+
"calendar",
|
|
878
|
+
"planned"
|
|
879
|
+
],
|
|
880
|
+
"intent": "Use for the scheduled status: starts at a set time (decision 0045). Neutral colour, with a label",
|
|
881
|
+
"decorativeDefault": false,
|
|
882
|
+
"ariaLabelDefault": "Scheduled"
|
|
883
|
+
},
|
|
884
|
+
"statusNotStarted": {
|
|
885
|
+
"path": "M13.4781 2.1098A10 10 0 0 1 17.9482 3.9614L16.7586 5.5691A8 8 0 0 0 13.1825 4.0879ZM20.0386 6.0518A10 10 0 0 1 21.8902 10.5219L19.9121 10.8175A8 8 0 0 0 18.4309 7.2414ZM21.8902 13.4781A10 10 0 0 1 20.0386 17.9482L18.4309 16.7586A8 8 0 0 0 19.9121 13.1825ZM17.9482 20.0386A10 10 0 0 1 13.4781 21.8902L13.1825 19.9121A8 8 0 0 0 16.7586 18.4309ZM10.5219 21.8902A10 10 0 0 1 6.0518 20.0386L7.2414 18.4309A8 8 0 0 0 10.8175 19.9121ZM3.9614 17.9482A10 10 0 0 1 2.1098 13.4781L4.0879 13.1825A8 8 0 0 0 5.5691 16.7586ZM2.1098 10.5219A10 10 0 0 1 3.9614 6.0518L5.5691 7.2414A8 8 0 0 0 4.0879 10.8175ZM6.0518 3.9614A10 10 0 0 1 10.5219 2.1098L10.8175 4.0879A8 8 0 0 0 7.2414 5.5691Z",
|
|
886
|
+
"name": "statusNotStarted",
|
|
887
|
+
"description": "Dashed circle",
|
|
888
|
+
"category": "status",
|
|
889
|
+
"aliases": [
|
|
890
|
+
"not started",
|
|
891
|
+
"draft",
|
|
892
|
+
"to do"
|
|
893
|
+
],
|
|
894
|
+
"intent": "Use for the not-started status: exists but not begun or submitted, such as a draft (decision 0045). Neutral colour, with a label",
|
|
895
|
+
"decorativeDefault": false,
|
|
896
|
+
"ariaLabelDefault": "Not started"
|
|
897
|
+
},
|
|
898
|
+
"statusCancelled": {
|
|
899
|
+
"path": "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM6.3071 4.8929L19.1071 17.6929L17.6929 19.1071L4.8929 6.3071Z",
|
|
900
|
+
"name": "statusCancelled",
|
|
901
|
+
"description": "Circle with a diagonal line through it",
|
|
902
|
+
"category": "status",
|
|
903
|
+
"aliases": [
|
|
904
|
+
"cancelled",
|
|
905
|
+
"canceled",
|
|
906
|
+
"stopped"
|
|
907
|
+
],
|
|
908
|
+
"intent": "Use for the cancelled status: stopped on purpose (decision 0045). Neutral colour, with a label",
|
|
909
|
+
"decorativeDefault": false,
|
|
910
|
+
"ariaLabelDefault": "Cancelled"
|
|
770
911
|
}
|
|
771
912
|
}
|
|
@@ -753,6 +753,147 @@ var move = {
|
|
|
753
753
|
decorativeDefault: false,
|
|
754
754
|
ariaLabelDefault: "Move"
|
|
755
755
|
};
|
|
756
|
+
var statusError = {
|
|
757
|
+
path: "M22.5 12L17.25 21.0933L6.75 21.0933L1.5 12L6.75 2.9067L17.25 2.9067ZM16.0953 4.9067L7.9047 4.9067L3.8094 12L7.9047 19.0933L16.0953 19.0933L20.1906 12ZM9.2071 7.7929L16.2071 14.7929L14.7929 16.2071L7.7929 9.2071ZM16.2071 9.2071L9.2071 16.2071L7.7929 14.7929L14.7929 7.7929Z",
|
|
758
|
+
name: "statusError",
|
|
759
|
+
description: "X inside a hexagon with a flat top edge",
|
|
760
|
+
category: "status",
|
|
761
|
+
aliases: [
|
|
762
|
+
"error",
|
|
763
|
+
"failed",
|
|
764
|
+
"blocked",
|
|
765
|
+
"danger"
|
|
766
|
+
],
|
|
767
|
+
intent: "Use for the error status: failed or blocked, needs action now (decision 0045). Shows in the danger colour with a label",
|
|
768
|
+
decorativeDefault: false,
|
|
769
|
+
ariaLabelDefault: "Error"
|
|
770
|
+
};
|
|
771
|
+
var statusSerious = {
|
|
772
|
+
path: "M12 2L22 12L12 22L2 12ZM4.8284 12L12 19.1716L19.1716 12L12 4.8284ZM13 7.5L13 13.75L11 13.75L11 7.5ZM12 15.25A1 1 0 1 1 12 17.25A1 1 0 1 1 12 15.25Z",
|
|
773
|
+
name: "statusSerious",
|
|
774
|
+
description: "Exclamation mark inside a diamond",
|
|
775
|
+
category: "status",
|
|
776
|
+
aliases: [
|
|
777
|
+
"serious",
|
|
778
|
+
"severe",
|
|
779
|
+
"critical-warning"
|
|
780
|
+
],
|
|
781
|
+
intent: "Use for the serious status: will fail or cause harm without action (decision 0045). Shows in the serious colour with a label",
|
|
782
|
+
decorativeDefault: false,
|
|
783
|
+
ariaLabelDefault: "Serious"
|
|
784
|
+
};
|
|
785
|
+
var statusWarning = {
|
|
786
|
+
path: "M12 2.5L22 20.5L2 20.5ZM5.399 18.5L18.601 18.5L12 6.6183ZM13 10.5L13 14.5L11 14.5L11 10.5ZM12 16A1 1 0 1 1 12 18A1 1 0 1 1 12 16Z",
|
|
787
|
+
name: "statusWarning",
|
|
788
|
+
description: "Exclamation mark inside a triangle",
|
|
789
|
+
category: "status",
|
|
790
|
+
aliases: [
|
|
791
|
+
"warning",
|
|
792
|
+
"caution",
|
|
793
|
+
"attention"
|
|
794
|
+
],
|
|
795
|
+
intent: "Use for the warning status: needs attention, not blocking (decision 0045). Shows in the warning colour with a label",
|
|
796
|
+
decorativeDefault: false,
|
|
797
|
+
ariaLabelDefault: "Warning"
|
|
798
|
+
};
|
|
799
|
+
var statusSuccess = {
|
|
800
|
+
path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM11.0674 16.4814L7.29297 12.707L8.70703 11.293L10.9326 13.5176L15.2314 8.35937L16.7686 9.64062L11.0674 16.4814Z",
|
|
801
|
+
name: "statusSuccess",
|
|
802
|
+
description: "Checkmark inside a circle",
|
|
803
|
+
category: "status",
|
|
804
|
+
aliases: [
|
|
805
|
+
"success",
|
|
806
|
+
"completed",
|
|
807
|
+
"done"
|
|
808
|
+
],
|
|
809
|
+
intent: "Use for the success status: done as intended (decision 0045). Shows in the success colour with a label",
|
|
810
|
+
decorativeDefault: false,
|
|
811
|
+
ariaLabelDefault: "Success"
|
|
812
|
+
};
|
|
813
|
+
var statusInfo = {
|
|
814
|
+
path: "M7 2H17A5 5 0 0 1 22 7V17A5 5 0 0 1 17 22H7A5 5 0 0 1 2 17V7A5 5 0 0 1 7 2ZM7 4A3 3 0 0 0 4 7V17A3 3 0 0 0 7 20H17A3 3 0 0 0 20 17V7A3 3 0 0 0 17 4ZM13 10L13 17L11 17L11 10ZM12 6.5A1 1 0 1 1 12 8.5A1 1 0 1 1 12 6.5Z",
|
|
815
|
+
name: "statusInfo",
|
|
816
|
+
description: "Letter i inside a rounded square",
|
|
817
|
+
category: "status",
|
|
818
|
+
aliases: [
|
|
819
|
+
"info",
|
|
820
|
+
"information",
|
|
821
|
+
"notice"
|
|
822
|
+
],
|
|
823
|
+
intent: "Use for the info status: neutral information (decision 0045). Shows in the accent colour with a label",
|
|
824
|
+
decorativeDefault: false,
|
|
825
|
+
ariaLabelDefault: "Information"
|
|
826
|
+
};
|
|
827
|
+
var statusInProgress = {
|
|
828
|
+
path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM12 6A6 6 0 0 1 12 18Z",
|
|
829
|
+
name: "statusInProgress",
|
|
830
|
+
description: "Circle with its right half filled",
|
|
831
|
+
category: "status",
|
|
832
|
+
aliases: [
|
|
833
|
+
"in progress",
|
|
834
|
+
"processing",
|
|
835
|
+
"running"
|
|
836
|
+
],
|
|
837
|
+
intent: "Use for the in-progress status: running now (decision 0045). Shows in the accent colour with a label",
|
|
838
|
+
decorativeDefault: false,
|
|
839
|
+
ariaLabelDefault: "In progress"
|
|
840
|
+
};
|
|
841
|
+
var statusPending = {
|
|
842
|
+
path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM13 6.5L13 13L11 13L11 6.5ZM11.8318 11.4531L16.1318 14.1531L15.0682 15.8469L10.7682 13.1469Z",
|
|
843
|
+
name: "statusPending",
|
|
844
|
+
description: "Clock face",
|
|
845
|
+
category: "status",
|
|
846
|
+
aliases: [
|
|
847
|
+
"pending",
|
|
848
|
+
"waiting",
|
|
849
|
+
"clock"
|
|
850
|
+
],
|
|
851
|
+
intent: "Use for the pending status: waiting on someone or something else (decision 0045). Neutral colour, with a label",
|
|
852
|
+
decorativeDefault: false,
|
|
853
|
+
ariaLabelDefault: "Pending"
|
|
854
|
+
};
|
|
855
|
+
var statusScheduled = {
|
|
856
|
+
path: "M6 4H18A3 3 0 0 1 21 7V18A3 3 0 0 1 18 21H6A3 3 0 0 1 3 18V7A3 3 0 0 1 6 4ZM6 6A1 1 0 0 0 5 7V18A1 1 0 0 0 6 19H18A1 1 0 0 0 19 18V7A1 1 0 0 0 18 6ZM4 9L20 9L20 11L4 11ZM9 2L9 6.5L7 6.5L7 2ZM17 2L17 6.5L15 6.5L15 2Z",
|
|
857
|
+
name: "statusScheduled",
|
|
858
|
+
description: "Calendar page",
|
|
859
|
+
category: "status",
|
|
860
|
+
aliases: [
|
|
861
|
+
"scheduled",
|
|
862
|
+
"calendar",
|
|
863
|
+
"planned"
|
|
864
|
+
],
|
|
865
|
+
intent: "Use for the scheduled status: starts at a set time (decision 0045). Neutral colour, with a label",
|
|
866
|
+
decorativeDefault: false,
|
|
867
|
+
ariaLabelDefault: "Scheduled"
|
|
868
|
+
};
|
|
869
|
+
var statusNotStarted = {
|
|
870
|
+
path: "M13.4781 2.1098A10 10 0 0 1 17.9482 3.9614L16.7586 5.5691A8 8 0 0 0 13.1825 4.0879ZM20.0386 6.0518A10 10 0 0 1 21.8902 10.5219L19.9121 10.8175A8 8 0 0 0 18.4309 7.2414ZM21.8902 13.4781A10 10 0 0 1 20.0386 17.9482L18.4309 16.7586A8 8 0 0 0 19.9121 13.1825ZM17.9482 20.0386A10 10 0 0 1 13.4781 21.8902L13.1825 19.9121A8 8 0 0 0 16.7586 18.4309ZM10.5219 21.8902A10 10 0 0 1 6.0518 20.0386L7.2414 18.4309A8 8 0 0 0 10.8175 19.9121ZM3.9614 17.9482A10 10 0 0 1 2.1098 13.4781L4.0879 13.1825A8 8 0 0 0 5.5691 16.7586ZM2.1098 10.5219A10 10 0 0 1 3.9614 6.0518L5.5691 7.2414A8 8 0 0 0 4.0879 10.8175ZM6.0518 3.9614A10 10 0 0 1 10.5219 2.1098L10.8175 4.0879A8 8 0 0 0 7.2414 5.5691Z",
|
|
871
|
+
name: "statusNotStarted",
|
|
872
|
+
description: "Dashed circle",
|
|
873
|
+
category: "status",
|
|
874
|
+
aliases: [
|
|
875
|
+
"not started",
|
|
876
|
+
"draft",
|
|
877
|
+
"to do"
|
|
878
|
+
],
|
|
879
|
+
intent: "Use for the not-started status: exists but not begun or submitted, such as a draft (decision 0045). Neutral colour, with a label",
|
|
880
|
+
decorativeDefault: false,
|
|
881
|
+
ariaLabelDefault: "Not started"
|
|
882
|
+
};
|
|
883
|
+
var statusCancelled = {
|
|
884
|
+
path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM6.3071 4.8929L19.1071 17.6929L17.6929 19.1071L4.8929 6.3071Z",
|
|
885
|
+
name: "statusCancelled",
|
|
886
|
+
description: "Circle with a diagonal line through it",
|
|
887
|
+
category: "status",
|
|
888
|
+
aliases: [
|
|
889
|
+
"cancelled",
|
|
890
|
+
"canceled",
|
|
891
|
+
"stopped"
|
|
892
|
+
],
|
|
893
|
+
intent: "Use for the cancelled status: stopped on purpose (decision 0045). Neutral colour, with a label",
|
|
894
|
+
decorativeDefault: false,
|
|
895
|
+
ariaLabelDefault: "Cancelled"
|
|
896
|
+
};
|
|
756
897
|
var iconsJson = {
|
|
757
898
|
ai: ai,
|
|
758
899
|
add: add,
|
|
@@ -818,8 +959,18 @@ var iconsJson = {
|
|
|
818
959
|
meatballs: meatballs,
|
|
819
960
|
creditCard: creditCard,
|
|
820
961
|
wallet: wallet,
|
|
821
|
-
move: move
|
|
962
|
+
move: move,
|
|
963
|
+
statusError: statusError,
|
|
964
|
+
statusSerious: statusSerious,
|
|
965
|
+
statusWarning: statusWarning,
|
|
966
|
+
statusSuccess: statusSuccess,
|
|
967
|
+
statusInfo: statusInfo,
|
|
968
|
+
statusInProgress: statusInProgress,
|
|
969
|
+
statusPending: statusPending,
|
|
970
|
+
statusScheduled: statusScheduled,
|
|
971
|
+
statusNotStarted: statusNotStarted,
|
|
972
|
+
statusCancelled: statusCancelled
|
|
822
973
|
};
|
|
823
974
|
|
|
824
|
-
export { add, addRing, ai, arrowDown, arrowLeft, arrowRight, arrowUp, back, bell, cancel, caret, caretDown, caretUp, check, checkRing, close, copy, creditCard, crossCircle, iconsJson as default, directionRight, directionUp, edit, fileDocSearch, filter, info, kebab, lamp, lineOut, link, meatballs, menu, message, mic, move, order, paper, pause, play, playBack, refresh, remove, search, star, starFilled, stop, table, trash, userBox, view, viewHide, wallet };
|
|
975
|
+
export { add, addRing, ai, arrowDown, arrowLeft, arrowRight, arrowUp, back, bell, cancel, caret, caretDown, caretUp, check, checkRing, close, copy, creditCard, crossCircle, iconsJson as default, directionRight, directionUp, edit, fileDocSearch, filter, info, kebab, lamp, lineOut, link, meatballs, menu, message, mic, move, order, paper, pause, play, playBack, refresh, remove, search, star, starFilled, statusCancelled, statusError, statusInProgress, statusInfo, statusNotStarted, statusPending, statusScheduled, statusSerious, statusSuccess, statusWarning, stop, table, trash, userBox, view, viewHide, wallet };
|
|
825
976
|
//# sourceMappingURL=icons.json.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|