@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.
- package/dist/client.esm.js +168 -125
- package/dist/client.esm.js.map +1 -1
- package/dist/client.js +167 -124
- package/dist/client.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.d.ts +7 -2
- package/dist/components/atoms/DateFormatter/DateFormatter.d.ts +11 -1
- package/dist/components/atoms/Icon/Icon.d.ts +11 -0
- package/dist/components/atoms/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/components/atoms/Tag/Tag.d.ts +4 -1
- package/dist/components/molecules/DateGroup/DateGroup.d.ts +4 -1
- package/dist/components/molecules/List/List.d.ts +3 -2
- package/dist/components/molecules/List/ListContext.d.ts +6 -0
- package/dist/components/molecules/List/ListItem.d.ts +5 -4
- package/dist/data.esm.js +10 -2
- package/dist/data.esm.js.map +1 -1
- package/dist/data.js +10 -2
- package/dist/data.js.map +1 -1
- package/dist/styles/tokens.json +10 -2
- package/dist/tokens/index.esm.js +10 -2
- package/dist/tokens/index.esm.js.map +1 -1
- package/dist/tokens/index.js +10 -2
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/types/tokens.d.ts +8 -0
- package/dist/tokens.css +19 -11
- package/dist/types/tokens.d.ts +8 -0
- package/package.json +1 -1
|
@@ -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
|
-
/**
|
|
10
|
-
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
|
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
|
-
/**
|
|
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
|
-
*
|
|
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?:
|
|
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
|
-
*
|
|
60
|
-
*
|
|
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?:
|
|
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: "#
|
|
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: "#
|
|
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",
|
package/dist/data.esm.js.map
CHANGED
|
@@ -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":"
|
|
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: "#
|
|
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: "#
|
|
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":"
|
|
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;;;;;;;"}
|
package/dist/styles/tokens.json
CHANGED
|
@@ -1027,7 +1027,7 @@
|
|
|
1027
1027
|
"color": {
|
|
1028
1028
|
"text": {
|
|
1029
1029
|
"default": "#212529",
|
|
1030
|
-
"emphasis": "#
|
|
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": "#
|
|
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",
|
package/dist/tokens/index.esm.js
CHANGED
|
@@ -1026,7 +1026,7 @@ var semantic = {
|
|
|
1026
1026
|
color: {
|
|
1027
1027
|
text: {
|
|
1028
1028
|
"default": "#212529",
|
|
1029
|
-
emphasis: "#
|
|
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: "#
|
|
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":"
|
|
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;;;;"}
|
package/dist/tokens/index.js
CHANGED
|
@@ -1030,7 +1030,7 @@ var semantic = {
|
|
|
1030
1030
|
color: {
|
|
1031
1031
|
text: {
|
|
1032
1032
|
"default": "#212529",
|
|
1033
|
-
emphasis: "#
|
|
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: "#
|
|
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",
|
package/dist/tokens/index.js.map
CHANGED
|
@@ -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":"
|
|
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;
|