@common-origin/design-system 2.16.0 → 2.18.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.
@@ -6,8 +6,13 @@ export interface BadgeProps {
6
6
  count?: number;
7
7
  /** Maximum number to display before showing "99+" */
8
8
  max?: number;
9
- /** Visual variant of the badge */
10
- variant?: 'default' | 'primary' | 'error' | 'warning' | 'success';
9
+ /**
10
+ * Visual variant of the badge. `accent` is the blue highlight. `primary` is a deprecated alias
11
+ * for `accent`, because Button's `primary` is near-black (decision 0029). It keeps working
12
+ * until it is removed in 3.0.
13
+ * @default 'default'
14
+ */
15
+ variant?: 'default' | 'accent' | 'primary' | 'error' | 'warning' | 'success';
11
16
  /** Show only a dot indicator instead of count */
12
17
  dot?: boolean;
13
18
  /** Screen reader label for the badge */
@@ -1,11 +1,21 @@
1
1
  import React from 'react';
2
+ /**
3
+ * How DateFormatter shows a date. `'relative'` is deprecated: it has always behaved exactly like
4
+ * `'smart'`, so use `'smart'`. It keeps working until it is removed in 3.0 (#82).
5
+ */
2
6
  export type DateFormatMode = 'absolute' | 'relative' | 'smart';
3
7
  export interface DateFormatterProps {
4
8
  /** ISO date string to format */
5
9
  dateString: string;
6
10
  /** Format pattern (defaults to 'yyyy') */
7
11
  formatString?: string;
8
- /** Date formatting mode: 'absolute' uses formatString, 'relative' shows "Today"/"Yesterday", 'smart' combines both */
12
+ /**
13
+ * `'absolute'` always uses `formatString`. `'smart'` shows "Today", "Yesterday" or the day name
14
+ * for dates this week, and formats older dates with `formatString`.
15
+ * `'relative'` is deprecated: it behaves exactly like `'smart'`, so use `'smart'`. It keeps
16
+ * working until it is removed in 3.0 (#82).
17
+ * @default 'absolute'
18
+ */
9
19
  mode?: DateFormatMode;
10
20
  /** Optional data-testid for testing */
11
21
  'data-testid'?: string;
@@ -5,6 +5,17 @@ export interface IconProps {
5
5
  name: IconName;
6
6
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
7
7
  iconColor?: 'default' | 'emphasis' | 'subdued' | 'disabled' | 'inverse' | 'interactive' | 'error' | 'success' | 'warning' | 'inherit';
8
+ /**
9
+ * Makes the icon meaningful: it's announced as an image with this name. Without `aria-label`
10
+ * or `title`, the icon is decorative and hidden from assistive technology (#85). Use a
11
+ * human-readable name, never the internal icon name; `icons.json`'s `ariaLabelDefault` is a
12
+ * starting point.
13
+ */
14
+ 'aria-label'?: string;
15
+ /**
16
+ * Like `aria-label`, and also shown as a tooltip. `aria-label` wins if both are given.
17
+ */
18
+ title?: string;
8
19
  'data-testid'?: string;
9
20
  }
10
21
  export declare const Icon: FC<IconProps>;
@@ -4,7 +4,7 @@ export interface ProgressBarProps {
4
4
  value: number;
5
5
  /** Orientation of the progress bar */
6
6
  variant?: 'horizontal' | 'vertical';
7
- /** Color variant for the progress bar */
7
+ /** Fill colour: `default` is near-black (`background.emphasis`); `success` and `error` use their status colours */
8
8
  color?: 'success' | 'error' | 'default';
9
9
  /** Height size for horizontal progress bar (default: md) */
10
10
  height?: 'sm' | 'md' | 'lg' | 'xl';
@@ -5,7 +5,10 @@ export interface TagProps {
5
5
  */
6
6
  children: React.ReactNode;
7
7
  /**
8
- * Visual variant of the tag based on semantic meaning
8
+ * Visual variant. Tag is neutral metadata: use `default`, or `emphasis` (near-black) to make a
9
+ * tag stand out. `success`, `warning` and `error` are deprecated (status belongs to
10
+ * `StatusLabel`), and so is `interactive` (a blue fill on a static label is decoration).
11
+ * They keep working until they are removed in 3.0 (decision 0029).
9
12
  * @default 'default'
10
13
  */
11
14
  variant?: 'default' | 'interactive' | 'success' | 'warning' | 'error' | 'emphasis';
@@ -5,7 +5,10 @@ export interface DateGroupProps {
5
5
  date: Date | string;
6
6
  /** Children to render under the date header (typically transactions) */
7
7
  children: React.ReactNode;
8
- /** Format mode for date display */
8
+ /**
9
+ * Format mode for the date header, passed to DateFormatter's `mode`. `'relative'` is
10
+ * deprecated: it behaves exactly like `'smart'`, so use `'smart'` (#82).
11
+ */
9
12
  format?: DateFormatMode;
10
13
  /** Whether to show total amount for this date group */
11
14
  showTotal?: boolean;
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { type ListSpacing } from './ListContext';
2
3
  export interface ListProps {
3
4
  /**
4
5
  * ListItem components
@@ -10,10 +11,10 @@ export interface ListProps {
10
11
  */
11
12
  dividers?: boolean;
12
13
  /**
13
- * Vertical spacing between items
14
+ * Density of the list's items: their padding. A ListItem's own `spacing` overrides it (#77).
14
15
  * @default 'comfortable'
15
16
  */
16
- spacing?: 'compact' | 'comfortable';
17
+ spacing?: ListSpacing;
17
18
  /**
18
19
  * Additional CSS class name
19
20
  */
@@ -0,0 +1,6 @@
1
+ export type ListSpacing = 'compact' | 'comfortable';
2
+ /**
3
+ * The spacing a List gives its items (#77). A ListItem without its own `spacing` uses it; outside
4
+ * a List it's `comfortable`. Internal: not exported from the package.
5
+ */
6
+ export declare const ListSpacingContext: import("react").Context<ListSpacing>;
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { type ListSpacing } from './ListContext';
2
3
  export interface ListItemProps {
3
4
  /**
4
5
  * Main text/content
@@ -56,10 +57,10 @@ export interface ListItemProps {
56
57
  */
57
58
  destructive?: boolean;
58
59
  /**
59
- * Spacing variant from parent List
60
- * @default 'comfortable'
60
+ * Density of this item. Defaults to the parent List's `spacing`, or `comfortable` outside a
61
+ * List; set it to override the List for this item (#77).
61
62
  */
62
- spacing?: 'compact' | 'comfortable';
63
+ spacing?: ListSpacing;
63
64
  /**
64
65
  * Expanded content (shown when expanded=true)
65
66
  */
@@ -95,6 +96,6 @@ export interface ListItemProps {
95
96
  onKeyDown?: (e: React.KeyboardEvent) => void;
96
97
  }
97
98
  export declare const ListItem: {
98
- ({ primary, secondary, badge, icon, expandable, expanded, onToggle, interactive, onClick, disabled, selected, destructive, spacing, children, className, "data-testid": dataTestId, role: customRole, "aria-selected": ariaSelected, id, tabIndex: customTabIndex, onKeyDown: customOnKeyDown, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
99
+ ({ primary, secondary, badge, icon, expandable, expanded, onToggle, interactive, onClick, disabled, selected, destructive, spacing: spacingProp, children, className, "data-testid": dataTestId, role: customRole, "aria-selected": ariaSelected, id, tabIndex: customTabIndex, onKeyDown: customOnKeyDown, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
99
100
  displayName: string;
100
101
  };
package/dist/data.esm.js CHANGED
@@ -1026,7 +1026,7 @@ var semantic = {
1026
1026
  color: {
1027
1027
  text: {
1028
1028
  "default": "#212529",
1029
- emphasis: "#343a40",
1029
+ emphasis: "#16191C",
1030
1030
  subdued: "#495057",
1031
1031
  inverse: "#ffffff",
1032
1032
  disabled: "#adb5bd",
@@ -1084,7 +1084,7 @@ var semantic = {
1084
1084
  },
1085
1085
  icon: {
1086
1086
  "default": "#212529",
1087
- emphasis: "#343a40",
1087
+ emphasis: "#16191C",
1088
1088
  subdued: "#6c757d",
1089
1089
  disabled: "#adb5bd",
1090
1090
  inverse: "#ffffff",
@@ -1105,27 +1105,35 @@ var semantic = {
1105
1105
  },
1106
1106
  category: {
1107
1107
  blue: "#3892F3",
1108
+ "blue-strong": "#0265DC",
1108
1109
  "blue-emphasis": "#0265DC",
1109
1110
  "blue-subtle": "#E0F2FF",
1110
1111
  purple: "#AD5FE8",
1112
+ "purple-strong": "#7E2EBD",
1111
1113
  "purple-emphasis": "#7E2EBD",
1112
1114
  "purple-subtle": "#F9F0FF",
1113
1115
  pink: "#FF42AB",
1116
+ "pink-strong": "#DC007B",
1114
1117
  "pink-emphasis": "#DC007B",
1115
1118
  "pink-subtle": "#FFEFF9",
1116
1119
  yellow: "#D39700",
1120
+ "yellow-strong": "#9D6C00",
1117
1121
  "yellow-emphasis": "#9D6C00",
1118
1122
  "yellow-subtle": "#FFF3D6",
1119
1123
  green: "#15A46E",
1124
+ "green-strong": "#007A4D",
1120
1125
  "green-emphasis": "#007A4D",
1121
1126
  "green-subtle": "#CEF8E0",
1122
1127
  red: "#F75C46",
1128
+ "red-strong": "#D31510",
1123
1129
  "red-emphasis": "#D31510",
1124
1130
  "red-subtle": "#FFEBE7",
1125
1131
  orange: "#E46F00",
1132
+ "orange-strong": "#B14C00",
1126
1133
  "orange-emphasis": "#B14C00",
1127
1134
  "orange-subtle": "#FFECCC",
1128
1135
  gray: "#495057",
1136
+ "gray-strong": "#212529",
1129
1137
  "gray-emphasis": "#212529",
1130
1138
  "gray-subtle": "#e9ecef",
1131
1139
  "blue-text": "#0265DC",
@@ -1 +1 @@
1
- {"version":3,"file":"data.esm.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof 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 | '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 | '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;"}
1
+ {"version":3,"file":"data.esm.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof 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 | '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 | '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;"}
package/dist/data.js CHANGED
@@ -1028,7 +1028,7 @@ var semantic = {
1028
1028
  color: {
1029
1029
  text: {
1030
1030
  "default": "#212529",
1031
- emphasis: "#343a40",
1031
+ emphasis: "#16191C",
1032
1032
  subdued: "#495057",
1033
1033
  inverse: "#ffffff",
1034
1034
  disabled: "#adb5bd",
@@ -1086,7 +1086,7 @@ var semantic = {
1086
1086
  },
1087
1087
  icon: {
1088
1088
  "default": "#212529",
1089
- emphasis: "#343a40",
1089
+ emphasis: "#16191C",
1090
1090
  subdued: "#6c757d",
1091
1091
  disabled: "#adb5bd",
1092
1092
  inverse: "#ffffff",
@@ -1107,27 +1107,35 @@ var semantic = {
1107
1107
  },
1108
1108
  category: {
1109
1109
  blue: "#3892F3",
1110
+ "blue-strong": "#0265DC",
1110
1111
  "blue-emphasis": "#0265DC",
1111
1112
  "blue-subtle": "#E0F2FF",
1112
1113
  purple: "#AD5FE8",
1114
+ "purple-strong": "#7E2EBD",
1113
1115
  "purple-emphasis": "#7E2EBD",
1114
1116
  "purple-subtle": "#F9F0FF",
1115
1117
  pink: "#FF42AB",
1118
+ "pink-strong": "#DC007B",
1116
1119
  "pink-emphasis": "#DC007B",
1117
1120
  "pink-subtle": "#FFEFF9",
1118
1121
  yellow: "#D39700",
1122
+ "yellow-strong": "#9D6C00",
1119
1123
  "yellow-emphasis": "#9D6C00",
1120
1124
  "yellow-subtle": "#FFF3D6",
1121
1125
  green: "#15A46E",
1126
+ "green-strong": "#007A4D",
1122
1127
  "green-emphasis": "#007A4D",
1123
1128
  "green-subtle": "#CEF8E0",
1124
1129
  red: "#F75C46",
1130
+ "red-strong": "#D31510",
1125
1131
  "red-emphasis": "#D31510",
1126
1132
  "red-subtle": "#FFEBE7",
1127
1133
  orange: "#E46F00",
1134
+ "orange-strong": "#B14C00",
1128
1135
  "orange-emphasis": "#B14C00",
1129
1136
  "orange-subtle": "#FFECCC",
1130
1137
  gray: "#495057",
1138
+ "gray-strong": "#212529",
1131
1139
  "gray-emphasis": "#212529",
1132
1140
  "gray-subtle": "#e9ecef",
1133
1141
  "blue-text": "#0265DC",
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'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof 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 | '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 | '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}
1
+ {"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof 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 | '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 | '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}
@@ -1027,7 +1027,7 @@
1027
1027
  "color": {
1028
1028
  "text": {
1029
1029
  "default": "#212529",
1030
- "emphasis": "#343a40",
1030
+ "emphasis": "#16191C",
1031
1031
  "subdued": "#495057",
1032
1032
  "inverse": "#ffffff",
1033
1033
  "disabled": "#adb5bd",
@@ -1085,7 +1085,7 @@
1085
1085
  },
1086
1086
  "icon": {
1087
1087
  "default": "#212529",
1088
- "emphasis": "#343a40",
1088
+ "emphasis": "#16191C",
1089
1089
  "subdued": "#6c757d",
1090
1090
  "disabled": "#adb5bd",
1091
1091
  "inverse": "#ffffff",
@@ -1106,27 +1106,35 @@
1106
1106
  },
1107
1107
  "category": {
1108
1108
  "blue": "#3892F3",
1109
+ "blue-strong": "#0265DC",
1109
1110
  "blue-emphasis": "#0265DC",
1110
1111
  "blue-subtle": "#E0F2FF",
1111
1112
  "purple": "#AD5FE8",
1113
+ "purple-strong": "#7E2EBD",
1112
1114
  "purple-emphasis": "#7E2EBD",
1113
1115
  "purple-subtle": "#F9F0FF",
1114
1116
  "pink": "#FF42AB",
1117
+ "pink-strong": "#DC007B",
1115
1118
  "pink-emphasis": "#DC007B",
1116
1119
  "pink-subtle": "#FFEFF9",
1117
1120
  "yellow": "#D39700",
1121
+ "yellow-strong": "#9D6C00",
1118
1122
  "yellow-emphasis": "#9D6C00",
1119
1123
  "yellow-subtle": "#FFF3D6",
1120
1124
  "green": "#15A46E",
1125
+ "green-strong": "#007A4D",
1121
1126
  "green-emphasis": "#007A4D",
1122
1127
  "green-subtle": "#CEF8E0",
1123
1128
  "red": "#F75C46",
1129
+ "red-strong": "#D31510",
1124
1130
  "red-emphasis": "#D31510",
1125
1131
  "red-subtle": "#FFEBE7",
1126
1132
  "orange": "#E46F00",
1133
+ "orange-strong": "#B14C00",
1127
1134
  "orange-emphasis": "#B14C00",
1128
1135
  "orange-subtle": "#FFECCC",
1129
1136
  "gray": "#495057",
1137
+ "gray-strong": "#212529",
1130
1138
  "gray-emphasis": "#212529",
1131
1139
  "gray-subtle": "#e9ecef",
1132
1140
  "blue-text": "#0265DC",
@@ -1026,7 +1026,7 @@ var semantic = {
1026
1026
  color: {
1027
1027
  text: {
1028
1028
  "default": "#212529",
1029
- emphasis: "#343a40",
1029
+ emphasis: "#16191C",
1030
1030
  subdued: "#495057",
1031
1031
  inverse: "#ffffff",
1032
1032
  disabled: "#adb5bd",
@@ -1084,7 +1084,7 @@ var semantic = {
1084
1084
  },
1085
1085
  icon: {
1086
1086
  "default": "#212529",
1087
- emphasis: "#343a40",
1087
+ emphasis: "#16191C",
1088
1088
  subdued: "#6c757d",
1089
1089
  disabled: "#adb5bd",
1090
1090
  inverse: "#ffffff",
@@ -1105,27 +1105,35 @@ var semantic = {
1105
1105
  },
1106
1106
  category: {
1107
1107
  blue: "#3892F3",
1108
+ "blue-strong": "#0265DC",
1108
1109
  "blue-emphasis": "#0265DC",
1109
1110
  "blue-subtle": "#E0F2FF",
1110
1111
  purple: "#AD5FE8",
1112
+ "purple-strong": "#7E2EBD",
1111
1113
  "purple-emphasis": "#7E2EBD",
1112
1114
  "purple-subtle": "#F9F0FF",
1113
1115
  pink: "#FF42AB",
1116
+ "pink-strong": "#DC007B",
1114
1117
  "pink-emphasis": "#DC007B",
1115
1118
  "pink-subtle": "#FFEFF9",
1116
1119
  yellow: "#D39700",
1120
+ "yellow-strong": "#9D6C00",
1117
1121
  "yellow-emphasis": "#9D6C00",
1118
1122
  "yellow-subtle": "#FFF3D6",
1119
1123
  green: "#15A46E",
1124
+ "green-strong": "#007A4D",
1120
1125
  "green-emphasis": "#007A4D",
1121
1126
  "green-subtle": "#CEF8E0",
1122
1127
  red: "#F75C46",
1128
+ "red-strong": "#D31510",
1123
1129
  "red-emphasis": "#D31510",
1124
1130
  "red-subtle": "#FFEBE7",
1125
1131
  orange: "#E46F00",
1132
+ "orange-strong": "#B14C00",
1126
1133
  "orange-emphasis": "#B14C00",
1127
1134
  "orange-subtle": "#FFECCC",
1128
1135
  gray: "#495057",
1136
+ "gray-strong": "#212529",
1129
1137
  "gray-emphasis": "#212529",
1130
1138
  "gray-subtle": "#e9ecef",
1131
1139
  "blue-text": "#0265DC",
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;"}
@@ -1030,7 +1030,7 @@ var semantic = {
1030
1030
  color: {
1031
1031
  text: {
1032
1032
  "default": "#212529",
1033
- emphasis: "#343a40",
1033
+ emphasis: "#16191C",
1034
1034
  subdued: "#495057",
1035
1035
  inverse: "#ffffff",
1036
1036
  disabled: "#adb5bd",
@@ -1088,7 +1088,7 @@ var semantic = {
1088
1088
  },
1089
1089
  icon: {
1090
1090
  "default": "#212529",
1091
- emphasis: "#343a40",
1091
+ emphasis: "#16191C",
1092
1092
  subdued: "#6c757d",
1093
1093
  disabled: "#adb5bd",
1094
1094
  inverse: "#ffffff",
@@ -1109,27 +1109,35 @@ var semantic = {
1109
1109
  },
1110
1110
  category: {
1111
1111
  blue: "#3892F3",
1112
+ "blue-strong": "#0265DC",
1112
1113
  "blue-emphasis": "#0265DC",
1113
1114
  "blue-subtle": "#E0F2FF",
1114
1115
  purple: "#AD5FE8",
1116
+ "purple-strong": "#7E2EBD",
1115
1117
  "purple-emphasis": "#7E2EBD",
1116
1118
  "purple-subtle": "#F9F0FF",
1117
1119
  pink: "#FF42AB",
1120
+ "pink-strong": "#DC007B",
1118
1121
  "pink-emphasis": "#DC007B",
1119
1122
  "pink-subtle": "#FFEFF9",
1120
1123
  yellow: "#D39700",
1124
+ "yellow-strong": "#9D6C00",
1121
1125
  "yellow-emphasis": "#9D6C00",
1122
1126
  "yellow-subtle": "#FFF3D6",
1123
1127
  green: "#15A46E",
1128
+ "green-strong": "#007A4D",
1124
1129
  "green-emphasis": "#007A4D",
1125
1130
  "green-subtle": "#CEF8E0",
1126
1131
  red: "#F75C46",
1132
+ "red-strong": "#D31510",
1127
1133
  "red-emphasis": "#D31510",
1128
1134
  "red-subtle": "#FFEBE7",
1129
1135
  orange: "#E46F00",
1136
+ "orange-strong": "#B14C00",
1130
1137
  "orange-emphasis": "#B14C00",
1131
1138
  "orange-subtle": "#FFECCC",
1132
1139
  gray: "#495057",
1140
+ "gray-strong": "#212529",
1133
1141
  "gray-emphasis": "#212529",
1134
1142
  "gray-subtle": "#e9ecef",
1135
1143
  "blue-text": "#0265DC",
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;;"}
@@ -1106,27 +1106,35 @@ export declare const tokens: {
1106
1106
  };
1107
1107
  category: {
1108
1108
  blue: string;
1109
+ "blue-strong": string;
1109
1110
  "blue-emphasis": string;
1110
1111
  "blue-subtle": string;
1111
1112
  purple: string;
1113
+ "purple-strong": string;
1112
1114
  "purple-emphasis": string;
1113
1115
  "purple-subtle": string;
1114
1116
  pink: string;
1117
+ "pink-strong": string;
1115
1118
  "pink-emphasis": string;
1116
1119
  "pink-subtle": string;
1117
1120
  yellow: string;
1121
+ "yellow-strong": string;
1118
1122
  "yellow-emphasis": string;
1119
1123
  "yellow-subtle": string;
1120
1124
  green: string;
1125
+ "green-strong": string;
1121
1126
  "green-emphasis": string;
1122
1127
  "green-subtle": string;
1123
1128
  red: string;
1129
+ "red-strong": string;
1124
1130
  "red-emphasis": string;
1125
1131
  "red-subtle": string;
1126
1132
  orange: string;
1133
+ "orange-strong": string;
1127
1134
  "orange-emphasis": string;
1128
1135
  "orange-subtle": string;
1129
1136
  gray: string;
1137
+ "gray-strong": string;
1130
1138
  "gray-emphasis": string;
1131
1139
  "gray-subtle": string;
1132
1140
  "blue-text": string;