@common-origin/design-system 2.22.0 → 3.0.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/README.md +2 -2
- package/dist/client.js +218 -476
- package/dist/client.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.d.mts +5 -12
- package/dist/components/atoms/Badge/Badge.d.ts +5 -12
- package/dist/components/atoms/Badge/Badge.mjs +0 -7
- package/dist/components/atoms/Badge/index.d.mts +1 -1
- package/dist/components/atoms/Badge/index.d.ts +1 -1
- package/dist/components/atoms/Box/Box.d.mts +29 -17
- package/dist/components/atoms/Box/Box.d.ts +29 -17
- package/dist/components/atoms/Box/Box.mjs +8 -8
- package/dist/components/atoms/Button/Button.d.mts +1 -4
- package/dist/components/atoms/Button/Button.d.ts +1 -4
- package/dist/components/atoms/Button/Button.mjs +3 -10
- package/dist/components/atoms/CategoryLabel/CategoryLabel.d.mts +4 -12
- package/dist/components/atoms/CategoryLabel/CategoryLabel.d.ts +4 -12
- package/dist/components/atoms/CategoryLabel/CategoryLabel.mjs +5 -16
- package/dist/components/atoms/Chip/Chip.d.mts +8 -20
- package/dist/components/atoms/Chip/Chip.d.ts +8 -20
- package/dist/components/atoms/Chip/Chip.mjs +20 -46
- package/dist/components/atoms/Chip/Chip.mjs.map +1 -1
- package/dist/components/atoms/Chip/FilterChip.d.mts +22 -10
- package/dist/components/atoms/Chip/FilterChip.d.ts +22 -10
- package/dist/components/atoms/Chip/FilterChip.mjs +66 -6
- package/dist/components/atoms/Chip/FilterChip.mjs.map +1 -1
- package/dist/components/atoms/Chip/InputChip.mjs +4 -6
- package/dist/components/atoms/Chip/InputChip.mjs.map +1 -1
- package/dist/components/atoms/Chip/index.d.mts +0 -1
- package/dist/components/atoms/Chip/index.d.ts +0 -1
- package/dist/components/atoms/Chip/shared/types.d.mts +9 -19
- package/dist/components/atoms/Chip/shared/types.d.ts +9 -19
- package/dist/components/atoms/Chip/shared/utils.d.mts +3 -3
- package/dist/components/atoms/Chip/shared/utils.d.ts +3 -3
- package/dist/components/atoms/Chip/shared/utils.mjs +4 -8
- package/dist/components/atoms/Chip/shared/utils.mjs.map +1 -1
- package/dist/components/atoms/DateFormatter/DateFormatter.d.mts +2 -5
- package/dist/components/atoms/DateFormatter/DateFormatter.d.ts +2 -5
- package/dist/components/atoms/DateFormatter/DateFormatter.mjs +0 -1
- package/dist/components/atoms/StatusLabel/StatusLabel.mjs +1 -4
- package/dist/components/atoms/StatusLabel/StatusLabel.mjs.map +1 -1
- package/dist/components/atoms/StatusLabel/StatusLabelBase.d.mts +5 -7
- package/dist/components/atoms/StatusLabel/StatusLabelBase.d.ts +5 -7
- package/dist/components/atoms/StatusLabel/StatusLabelBase.mjs +10 -12
- package/dist/components/atoms/Tag/Tag.d.mts +2 -4
- package/dist/components/atoms/Tag/Tag.d.ts +2 -4
- package/dist/components/atoms/Tag/Tag.mjs +0 -24
- package/dist/components/atoms/index.d.mts +0 -2
- package/dist/components/atoms/index.d.ts +0 -2
- package/dist/components/layout/GridSystem/GridSystem.d.mts +23 -18
- package/dist/components/layout/GridSystem/GridSystem.d.ts +23 -18
- package/dist/components/layout/GridSystem/GridSystem.mjs +7 -5
- package/dist/components/molecules/AccountCard/AccountCard.mjs +1 -1
- package/dist/components/molecules/AgentInput/AgentInput.d.mts +5 -0
- package/dist/components/molecules/AgentInput/AgentInput.d.ts +5 -0
- package/dist/components/molecules/AgentInput/AgentInput.mjs +1 -1
- package/dist/components/molecules/Alert/Alert.d.mts +1 -9
- package/dist/components/molecules/Alert/Alert.d.ts +1 -9
- package/dist/components/molecules/Alert/Alert.mjs +13 -26
- package/dist/components/molecules/ChipGroup/ChipGroup.d.mts +0 -1
- package/dist/components/molecules/ChipGroup/ChipGroup.d.ts +0 -1
- package/dist/components/molecules/ChipGroup/ChipGroup.mjs +1 -6
- package/dist/components/molecules/DateGroup/DateGroup.d.mts +1 -2
- package/dist/components/molecules/DateGroup/DateGroup.d.ts +1 -2
- package/dist/components/molecules/Modal/Modal.d.mts +0 -1
- package/dist/components/molecules/Modal/Modal.d.ts +0 -1
- package/dist/components/molecules/TabBar/TabBar.d.mts +0 -13
- package/dist/components/molecules/TabBar/TabBar.d.ts +0 -13
- package/dist/components/molecules/TabBar/TabBar.mjs +2 -4
- package/dist/components/molecules/TabBar/index.d.mts +1 -1
- package/dist/components/molecules/TabBar/index.d.ts +1 -1
- package/dist/components/molecules/index.d.mts +0 -1
- package/dist/components/molecules/index.d.ts +0 -1
- package/dist/data.js +29 -571
- package/dist/data.js.map +1 -1
- package/dist/index.js +0 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -5
- package/dist/index.mjs.map +1 -1
- package/dist/lib/tokenAliases.d.mts +17 -8
- package/dist/lib/tokenAliases.d.ts +17 -8
- package/dist/lib/tokenAliases.mjs +46 -87
- package/dist/lib/tokenAliases.mjs.map +1 -1
- package/dist/styles/tokens.d.mts +7 -2043
- package/dist/styles/tokens.d.ts +7 -2043
- package/dist/styles/tokens.json +29 -571
- package/dist/styles/tokens.json.mjs +29 -571
- package/dist/styles/tokens.json.mjs.map +1 -1
- package/dist/tokens/index.js +29 -571
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/index.mjs +29 -571
- package/dist/tokens/index.mjs.map +1 -1
- package/dist/tokens/styles/tokens.d.mts +7 -2043
- package/dist/tokens/styles/tokens.d.ts +7 -2043
- package/dist/tokens.css +10 -481
- package/package.json +2 -2
- package/dist/components/atoms/CategoryBadge/CategoryBadge.d.mts +0 -29
- package/dist/components/atoms/CategoryBadge/CategoryBadge.d.ts +0 -29
- package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs +0 -29
- package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs.map +0 -1
- package/dist/components/atoms/CategoryBadge/index.d.mts +0 -2
- package/dist/components/atoms/CategoryBadge/index.d.ts +0 -2
- package/dist/components/atoms/Chip/BooleanChip.d.mts +0 -28
- package/dist/components/atoms/Chip/BooleanChip.d.ts +0 -28
- package/dist/components/atoms/Chip/BooleanChip.mjs +0 -76
- package/dist/components/atoms/Chip/BooleanChip.mjs.map +0 -1
- package/dist/components/atoms/StatusBadge/StatusBadge.d.mts +0 -24
- package/dist/components/atoms/StatusBadge/StatusBadge.d.ts +0 -24
- package/dist/components/atoms/StatusBadge/StatusBadge.mjs +0 -18
- package/dist/components/atoms/StatusBadge/StatusBadge.mjs.map +0 -1
- package/dist/components/atoms/StatusBadge/index.d.mts +0 -2
- package/dist/components/atoms/StatusBadge/index.d.ts +0 -2
- package/dist/components/molecules/PageTitle/PageTitle.d.mts +0 -21
- package/dist/components/molecules/PageTitle/PageTitle.d.ts +0 -21
- package/dist/components/molecules/PageTitle/PageTitle.mjs +0 -77
- package/dist/components/molecules/PageTitle/PageTitle.mjs.map +0 -1
- package/dist/components/molecules/PageTitle/index.d.mts +0 -1
- package/dist/components/molecules/PageTitle/index.d.ts +0 -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 | '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":"
|
|
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;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -17,13 +17,11 @@ exports.AgentInput = client.AgentInput;
|
|
|
17
17
|
exports.Alert = client.Alert;
|
|
18
18
|
exports.Avatar = client.Avatar;
|
|
19
19
|
exports.Badge = client.Badge;
|
|
20
|
-
exports.BooleanChip = client.BooleanChip;
|
|
21
20
|
exports.Box = client.Box;
|
|
22
21
|
exports.Breadcrumbs = client.Breadcrumbs;
|
|
23
22
|
exports.Button = client.Button;
|
|
24
23
|
exports.CardLarge = client.CardLarge;
|
|
25
24
|
exports.CardSmall = client.CardSmall;
|
|
26
|
-
exports.CategoryBadge = client.CategoryBadge;
|
|
27
25
|
exports.CategoryLabel = client.CategoryLabel;
|
|
28
26
|
exports.Checkbox = client.Checkbox;
|
|
29
27
|
exports.Chip = client.Chip;
|
|
@@ -43,13 +41,11 @@ exports.Icon = client.Icon;
|
|
|
43
41
|
exports.IconButton = client.IconButton;
|
|
44
42
|
exports.InlineAlert = client.InlineAlert;
|
|
45
43
|
exports.InputChip = client.InputChip;
|
|
46
|
-
exports.LegacyChip = client.LegacyChip;
|
|
47
44
|
exports.List = client.List;
|
|
48
45
|
exports.ListItem = client.ListItem;
|
|
49
46
|
exports.Modal = client.Modal;
|
|
50
47
|
exports.MoneyDisplay = client.MoneyDisplay;
|
|
51
48
|
exports.NumberInput = client.NumberInput;
|
|
52
|
-
exports.PageTitle = client.PageTitle;
|
|
53
49
|
exports.PasswordField = client.PasswordField;
|
|
54
50
|
exports.Picture = client.Picture;
|
|
55
51
|
exports.ProgressBar = client.ProgressBar;
|
|
@@ -58,7 +54,6 @@ exports.SearchField = client.SearchField;
|
|
|
58
54
|
exports.Sheet = client.Sheet;
|
|
59
55
|
exports.Slider = client.Slider;
|
|
60
56
|
exports.Stack = client.Stack;
|
|
61
|
-
exports.StatusBadge = client.StatusBadge;
|
|
62
57
|
exports.StatusLabel = client.StatusLabel;
|
|
63
58
|
exports.StyledInputBase = client.StyledInputBase;
|
|
64
59
|
exports.StyledTextAreaBase = client.StyledTextAreaBase;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.mjs
CHANGED
|
@@ -2,12 +2,10 @@ export { Avatar } from './components/atoms/Avatar/Avatar.mjs';
|
|
|
2
2
|
export { Badge } from './components/atoms/Badge/Badge.mjs';
|
|
3
3
|
export { Box } from './components/atoms/Box/Box.mjs';
|
|
4
4
|
export { Button } from './components/atoms/Button/Button.mjs';
|
|
5
|
-
export { CategoryBadge } from './components/atoms/CategoryBadge/CategoryBadge.mjs';
|
|
6
5
|
export { CategoryLabel } from './components/atoms/CategoryLabel/CategoryLabel.mjs';
|
|
7
|
-
export { Chip
|
|
6
|
+
export { Chip } from './components/atoms/Chip/Chip.mjs';
|
|
8
7
|
export { InputChip } from './components/atoms/Chip/InputChip.mjs';
|
|
9
8
|
export { FilterChip } from './components/atoms/Chip/FilterChip.mjs';
|
|
10
|
-
export { BooleanChip } from './components/atoms/Chip/BooleanChip.mjs';
|
|
11
9
|
export { SuggestionChip } from './components/atoms/Chip/SuggestionChip.mjs';
|
|
12
10
|
export { Container } from './components/atoms/Container/Container.mjs';
|
|
13
11
|
export { Picture } from './components/atoms/Picture/Picture.mjs';
|
|
@@ -18,7 +16,6 @@ export { MoneyDisplay } from './components/atoms/MoneyDisplay/MoneyDisplay.mjs';
|
|
|
18
16
|
export { ProgressBar } from './components/atoms/ProgressBar/ProgressBar.mjs';
|
|
19
17
|
export { Divider } from './components/atoms/Divider/Divider.mjs';
|
|
20
18
|
export { Stack } from './components/atoms/Stack/Stack.mjs';
|
|
21
|
-
export { StatusBadge } from './components/atoms/StatusBadge/StatusBadge.mjs';
|
|
22
19
|
export { StatusLabel } from './components/atoms/StatusLabel/StatusLabel.mjs';
|
|
23
20
|
export { Tag } from './components/atoms/Tag/Tag.mjs';
|
|
24
21
|
export { Typography } from './components/atoms/Typography/Typography.mjs';
|
|
@@ -42,7 +39,6 @@ export { List } from './components/molecules/List/List.mjs';
|
|
|
42
39
|
export { ListItem } from './components/molecules/List/ListItem.mjs';
|
|
43
40
|
export { Modal } from './components/molecules/Modal/Modal.mjs';
|
|
44
41
|
export { NumberInput } from './components/molecules/NumberInput/NumberInput.mjs';
|
|
45
|
-
export { PageTitle } from './components/molecules/PageTitle/PageTitle.mjs';
|
|
46
42
|
export { PasswordField } from './components/molecules/PasswordField/PasswordField.mjs';
|
|
47
43
|
export { SearchField } from './components/molecules/SearchField/SearchField.mjs';
|
|
48
44
|
export { Sheet } from './components/molecules/Sheet/Sheet.mjs';
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
import type { Tokens } from '../types/tokens.mjs';
|
|
2
2
|
type Semantic = Tokens['semantic'];
|
|
3
|
-
/** Box's spacing
|
|
4
|
-
export
|
|
5
|
-
/** Box's
|
|
6
|
-
export declare const
|
|
7
|
-
/** Box's `
|
|
8
|
-
export
|
|
9
|
-
/** Box's `
|
|
3
|
+
/** Box's spacing values (`p`, `m`, `gap`…), each a `space` step, plus `auto`. */
|
|
4
|
+
export type BoxSpace = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '10xl' | '11xl' | 'auto';
|
|
5
|
+
/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */
|
|
6
|
+
export declare const spaceByLayoutKey: Record<BoxSpace, string>;
|
|
7
|
+
/** Box's `borderRadius` values: the `radius` steps, with `circle` for `full`. */
|
|
8
|
+
export type BoxRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'circle';
|
|
9
|
+
/** Box's `borderRadius` prop, read from `radius`. */
|
|
10
|
+
export declare const radiusByKey: Record<BoxRadius, string>;
|
|
11
|
+
/**
|
|
12
|
+
* Box's `bg` values in the semantic grammar (decision 0031, #304): the token's path below
|
|
13
|
+
* `semantic`, such as `surface.raised` or `color.fill.muted`.
|
|
14
|
+
*/
|
|
15
|
+
export type BackgroundPath = `surface.${keyof Semantic['surface']}` | `color.fill.${keyof Semantic['color']['fill']}`;
|
|
16
|
+
/** Box's `bg` prop: the grammar's token paths, read from the token at that path. */
|
|
17
|
+
export declare const backgroundByPath: Record<BackgroundPath, string>;
|
|
18
|
+
/** Box's `color` prop: the text colours. */
|
|
10
19
|
export declare const textColorByKey: Record<keyof Semantic['color']['text'], string>;
|
|
11
|
-
/** Box's border props: border colours
|
|
20
|
+
/** Box's border props: the border colours. */
|
|
12
21
|
export declare const borderColorByKey: Record<keyof Semantic['color']['border'], string>;
|
|
13
22
|
export {};
|
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
import type { Tokens } from '../types/tokens';
|
|
2
2
|
type Semantic = Tokens['semantic'];
|
|
3
|
-
/** Box's spacing
|
|
4
|
-
export
|
|
5
|
-
/** Box's
|
|
6
|
-
export declare const
|
|
7
|
-
/** Box's `
|
|
8
|
-
export
|
|
9
|
-
/** Box's `
|
|
3
|
+
/** Box's spacing values (`p`, `m`, `gap`…), each a `space` step, plus `auto`. */
|
|
4
|
+
export type BoxSpace = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '10xl' | '11xl' | 'auto';
|
|
5
|
+
/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */
|
|
6
|
+
export declare const spaceByLayoutKey: Record<BoxSpace, string>;
|
|
7
|
+
/** Box's `borderRadius` values: the `radius` steps, with `circle` for `full`. */
|
|
8
|
+
export type BoxRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'circle';
|
|
9
|
+
/** Box's `borderRadius` prop, read from `radius`. */
|
|
10
|
+
export declare const radiusByKey: Record<BoxRadius, string>;
|
|
11
|
+
/**
|
|
12
|
+
* Box's `bg` values in the semantic grammar (decision 0031, #304): the token's path below
|
|
13
|
+
* `semantic`, such as `surface.raised` or `color.fill.muted`.
|
|
14
|
+
*/
|
|
15
|
+
export type BackgroundPath = `surface.${keyof Semantic['surface']}` | `color.fill.${keyof Semantic['color']['fill']}`;
|
|
16
|
+
/** Box's `bg` prop: the grammar's token paths, read from the token at that path. */
|
|
17
|
+
export declare const backgroundByPath: Record<BackgroundPath, string>;
|
|
18
|
+
/** Box's `color` prop: the text colours. */
|
|
10
19
|
export declare const textColorByKey: Record<keyof Semantic['color']['text'], string>;
|
|
11
|
-
/** Box's border props: border colours
|
|
20
|
+
/** Box's border props: the border colours. */
|
|
12
21
|
export declare const borderColorByKey: Record<keyof Semantic['color']['border'], string>;
|
|
13
22
|
export {};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import tokens from './cssTokens.mjs';
|
|
3
3
|
|
|
4
|
-
//
|
|
5
|
-
//
|
|
6
|
-
//
|
|
4
|
+
// Box's spacing and radius props keep their own names, which 3.0 decoupled from the removed
|
|
5
|
+
// spacing.layout and border.radius tokens (P7, #99), and read the semantic grammar's tokens
|
|
6
|
+
// (decision 0031). Each map covers every key the prop type allows, so TypeScript fails here if a
|
|
7
|
+
// key is added without a mapping.
|
|
7
8
|
var semantic = tokens.semantic;
|
|
8
9
|
var color = semantic.color,
|
|
9
10
|
space = semantic.space,
|
|
10
11
|
radius = semantic.radius,
|
|
11
|
-
surface = semantic.surface
|
|
12
|
-
|
|
13
|
-
/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */
|
|
12
|
+
surface = semantic.surface;
|
|
13
|
+
/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */
|
|
14
14
|
var spaceByLayoutKey = {
|
|
15
15
|
none: space[0],
|
|
16
16
|
xs: space[100],
|
|
@@ -28,10 +28,10 @@ var spaceByLayoutKey = {
|
|
|
28
28
|
'9xl': space[1600],
|
|
29
29
|
'10xl': space[2000],
|
|
30
30
|
'11xl': space[2400],
|
|
31
|
-
// A keyword, not a step
|
|
31
|
+
// A keyword, not a step (0031)
|
|
32
32
|
auto: semantic.spacing.layout.auto
|
|
33
33
|
};
|
|
34
|
-
/** Box's `borderRadius` prop
|
|
34
|
+
/** Box's `borderRadius` prop, read from `radius`. */
|
|
35
35
|
var radiusByKey = {
|
|
36
36
|
none: radius.none,
|
|
37
37
|
xs: radius.xs,
|
|
@@ -43,85 +43,44 @@ var radiusByKey = {
|
|
|
43
43
|
'3xl': radius['3xl'],
|
|
44
44
|
circle: radius.full
|
|
45
45
|
};
|
|
46
|
-
/** Box's `bg` prop: the
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
'
|
|
55
|
-
'
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'
|
|
62
|
-
'
|
|
63
|
-
'
|
|
64
|
-
|
|
65
|
-
'
|
|
66
|
-
'
|
|
67
|
-
'
|
|
68
|
-
|
|
69
|
-
'
|
|
70
|
-
|
|
71
|
-
'
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
'
|
|
75
|
-
'
|
|
76
|
-
|
|
77
|
-
'
|
|
78
|
-
'
|
|
79
|
-
'inverse-overlay': color.fill['inverse-none-hover'],
|
|
80
|
-
// Moved to the component tier (decision 0031 §6)
|
|
81
|
-
progressTrack: tokens.component.track.background
|
|
82
|
-
};
|
|
83
|
-
/** Box's `color` prop: text colours, old and new keys. */
|
|
84
|
-
var textColorByKey = {
|
|
85
|
-
"default": color.text["default"],
|
|
86
|
-
emphasis: color.text["default"],
|
|
87
|
-
inverse: color.text.inverse,
|
|
88
|
-
disabled: color.text.disabled,
|
|
89
|
-
success: color.text.success,
|
|
90
|
-
warning: color.text.warning,
|
|
91
|
-
muted: color.text.muted,
|
|
92
|
-
accent: color.text.accent,
|
|
93
|
-
'accent-hover': color.text.accent,
|
|
94
|
-
'accent-pressed': color.text.accent,
|
|
95
|
-
danger: color.text.danger,
|
|
96
|
-
serious: color.text.serious,
|
|
97
|
-
ai: color.text.ai,
|
|
98
|
-
subdued: color.text.muted,
|
|
99
|
-
interactive: color.text.accent,
|
|
100
|
-
'interactive-hover': color.text.accent,
|
|
101
|
-
'interactive-active': color.text.accent,
|
|
102
|
-
error: color.text.danger
|
|
103
|
-
};
|
|
104
|
-
/** Box's border props: border colours, old and new keys. */
|
|
105
|
-
var borderColorByKey = {
|
|
106
|
-
"default": color.border["default"],
|
|
107
|
-
success: color.border.success,
|
|
108
|
-
warning: color.border.warning,
|
|
109
|
-
none: color.border.none,
|
|
110
|
-
emphasis: color.border["default"],
|
|
111
|
-
input: color.border.input,
|
|
112
|
-
'input-hover': color.border['input-hover'],
|
|
113
|
-
focus: color.border.focus,
|
|
114
|
-
accent: color.border.accent,
|
|
115
|
-
danger: color.border.danger,
|
|
116
|
-
serious: color.border.serious,
|
|
117
|
-
ai: color.border.ai,
|
|
118
|
-
subtle: color.border["default"],
|
|
119
|
-
control: color.border.input,
|
|
120
|
-
// `strong` split by use (0031); as a generic firm outline it is the hovered-input border
|
|
121
|
-
strong: color.border['input-hover'],
|
|
122
|
-
interactive: color.border.accent,
|
|
123
|
-
error: color.border.danger
|
|
46
|
+
/** Box's `bg` prop: the grammar's token paths, read from the token at that path. */
|
|
47
|
+
var backgroundByPath = {
|
|
48
|
+
'surface.base': surface.base,
|
|
49
|
+
'surface.raised': surface.raised,
|
|
50
|
+
'surface.scrim': surface.scrim,
|
|
51
|
+
'color.fill.emphasis': color.fill.emphasis,
|
|
52
|
+
'color.fill.muted': color.fill.muted,
|
|
53
|
+
'color.fill.inverse': color.fill.inverse,
|
|
54
|
+
'color.fill.accent': color.fill.accent,
|
|
55
|
+
'color.fill.accent-hover': color.fill['accent-hover'],
|
|
56
|
+
'color.fill.accent-pressed': color.fill['accent-pressed'],
|
|
57
|
+
'color.fill.accent-muted': color.fill['accent-muted'],
|
|
58
|
+
'color.fill.accent-muted-hover': color.fill['accent-muted-hover'],
|
|
59
|
+
'color.fill.accent-muted-pressed': color.fill['accent-muted-pressed'],
|
|
60
|
+
'color.fill.danger': color.fill.danger,
|
|
61
|
+
'color.fill.danger-hover': color.fill['danger-hover'],
|
|
62
|
+
'color.fill.danger-pressed': color.fill['danger-pressed'],
|
|
63
|
+
'color.fill.danger-muted': color.fill['danger-muted'],
|
|
64
|
+
'color.fill.success': color.fill.success,
|
|
65
|
+
'color.fill.success-muted': color.fill['success-muted'],
|
|
66
|
+
'color.fill.warning': color.fill.warning,
|
|
67
|
+
'color.fill.warning-muted': color.fill['warning-muted'],
|
|
68
|
+
'color.fill.serious': color.fill.serious,
|
|
69
|
+
'color.fill.serious-muted': color.fill['serious-muted'],
|
|
70
|
+
'color.fill.ai-muted': color.fill['ai-muted'],
|
|
71
|
+
'color.fill.disabled': color.fill.disabled,
|
|
72
|
+
'color.fill.default': color.fill["default"],
|
|
73
|
+
'color.fill.default-hover': color.fill['default-hover'],
|
|
74
|
+
'color.fill.default-pressed': color.fill['default-pressed'],
|
|
75
|
+
'color.fill.none': color.fill.none,
|
|
76
|
+
'color.fill.none-hover': color.fill['none-hover'],
|
|
77
|
+
'color.fill.none-pressed': color.fill['none-pressed'],
|
|
78
|
+
'color.fill.inverse-none-hover': color.fill['inverse-none-hover']
|
|
124
79
|
};
|
|
80
|
+
/** Box's `color` prop: the text colours. */
|
|
81
|
+
var textColorByKey = color.text;
|
|
82
|
+
/** Box's border props: the border colours. */
|
|
83
|
+
var borderColorByKey = color.border;
|
|
125
84
|
|
|
126
|
-
export {
|
|
85
|
+
export { backgroundByPath, borderColorByKey, radiusByKey, spaceByLayoutKey, textColorByKey };
|
|
127
86
|
//# sourceMappingURL=tokenAliases.mjs.map
|
|
@@ -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, 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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"}
|
|
1
|
+
{"version":3,"file":"tokenAliases.mjs","sources":["../../src/lib/tokenAliases.ts"],"sourcesContent":["import tokens from './cssTokens'\nimport type { Tokens } from '../types/tokens'\n\n// Box's spacing and radius props keep their own names, which 3.0 decoupled from the removed\n// spacing.layout and border.radius tokens (P7, #99), and read the semantic grammar's tokens\n// (decision 0031). Each map covers every key the prop type allows, so TypeScript fails here if a\n// 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 values (`p`, `m`, `gap`…), each a `space` step, plus `auto`. */\nexport type BoxSpace =\n | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '10xl' | '11xl'\n | 'auto'\n\n/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */\nexport const spaceByLayoutKey: Record<BoxSpace, 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 (0031)\n auto: semantic.spacing.layout.auto,\n}\n\n/** Box's `borderRadius` values: the `radius` steps, with `circle` for `full`. */\nexport type BoxRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'circle'\n\n/** Box's `borderRadius` prop, read from `radius`. */\nexport const radiusByKey: Record<BoxRadius, 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/**\n * Box's `bg` values in the semantic grammar (decision 0031, #304): the token's path below\n * `semantic`, such as `surface.raised` or `color.fill.muted`.\n */\nexport type BackgroundPath =\n | `surface.${keyof Semantic['surface']}`\n | `color.fill.${keyof Semantic['color']['fill']}`\n\n/** Box's `bg` prop: the grammar's token paths, read from the token at that path. */\nexport const backgroundByPath: Record<BackgroundPath, string> = {\n 'surface.base': surface.base,\n 'surface.raised': surface.raised,\n 'surface.scrim': surface.scrim,\n 'color.fill.emphasis': color.fill.emphasis,\n 'color.fill.muted': color.fill.muted,\n 'color.fill.inverse': color.fill.inverse,\n 'color.fill.accent': color.fill.accent,\n 'color.fill.accent-hover': color.fill['accent-hover'],\n 'color.fill.accent-pressed': color.fill['accent-pressed'],\n 'color.fill.accent-muted': color.fill['accent-muted'],\n 'color.fill.accent-muted-hover': color.fill['accent-muted-hover'],\n 'color.fill.accent-muted-pressed': color.fill['accent-muted-pressed'],\n 'color.fill.danger': color.fill.danger,\n 'color.fill.danger-hover': color.fill['danger-hover'],\n 'color.fill.danger-pressed': color.fill['danger-pressed'],\n 'color.fill.danger-muted': color.fill['danger-muted'],\n 'color.fill.success': color.fill.success,\n 'color.fill.success-muted': color.fill['success-muted'],\n 'color.fill.warning': color.fill.warning,\n 'color.fill.warning-muted': color.fill['warning-muted'],\n 'color.fill.serious': color.fill.serious,\n 'color.fill.serious-muted': color.fill['serious-muted'],\n 'color.fill.ai-muted': color.fill['ai-muted'],\n 'color.fill.disabled': color.fill.disabled,\n 'color.fill.default': color.fill.default,\n 'color.fill.default-hover': color.fill['default-hover'],\n 'color.fill.default-pressed': color.fill['default-pressed'],\n 'color.fill.none': color.fill.none,\n 'color.fill.none-hover': color.fill['none-hover'],\n 'color.fill.none-pressed': color.fill['none-pressed'],\n 'color.fill.inverse-none-hover': color.fill['inverse-none-hover'],\n}\n\n/** Box's `color` prop: the text colours. */\nexport const textColorByKey: Record<keyof Semantic['color']['text'], string> = color.text\n\n/** Box's border props: the border colours. */\nexport const borderColorByKey: Record<keyof Semantic['color']['border'], string> = color.border\n"],"names":["semantic","tokens","color","space","radius","surface","spaceByLayoutKey","none","xs","sm","md","lg","xl","auto","spacing","layout","radiusByKey","circle","full","backgroundByPath","base","raised","scrim","fill","emphasis","muted","inverse","accent","danger","success","warning","serious","disabled","textColorByKey","text","borderColorByKey","border"],"mappings":"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"}
|