@ag2/weave 0.6.0-direction-d.2 → 0.7.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/CHANGELOG.md +239 -0
- package/dist/components/activity-group/ActivityGroup.css.d.ts +2 -0
- package/dist/components/activity-group/ActivityGroup.d.ts +6 -0
- package/dist/components/activity-group/index.d.ts +1 -0
- package/dist/components/activity-row/ActivityRow.css.d.ts +47 -0
- package/dist/components/activity-row/ActivityRow.d.ts +18 -0
- package/dist/components/activity-row/index.d.ts +1 -0
- package/dist/components/agent-tag/AgentGlyph.d.ts +1 -10
- package/dist/components/agent-tag/PeopleGlyph.d.ts +1 -7
- package/dist/components/agent-tag/SkillGlyph.d.ts +1 -7
- package/dist/components/avatar/Avatar.css.d.ts +0 -25
- package/dist/components/avatar/Avatar.d.ts +1 -2
- package/dist/components/badge/Badge.css.d.ts +25 -2
- package/dist/components/badge/Badge.d.ts +2 -2
- package/dist/components/box/Box.css.d.ts +0 -9
- package/dist/components/box/Box.d.ts +7 -7
- package/dist/components/button/Button.css.d.ts +15 -3
- package/dist/components/button/Button.d.ts +2 -2
- package/dist/components/checkbox/Checkbox.d.ts +1 -2
- package/dist/components/chip/Chip.css.d.ts +8 -3
- package/dist/components/chip/Chip.d.ts +2 -2
- package/dist/components/compose-icon/ComposeIcon.d.ts +1 -2
- package/dist/components/day-header/DayHeader.css.d.ts +1 -0
- package/dist/components/day-header/DayHeader.d.ts +4 -0
- package/dist/components/day-header/index.d.ts +1 -0
- package/dist/components/dialog/Dialog.d.ts +1 -1
- package/dist/components/empty-state/EmptyState.css.d.ts +1 -0
- package/dist/components/empty-state/EmptyState.d.ts +10 -0
- package/dist/components/empty-state/index.d.ts +1 -0
- package/dist/components/header/Header.d.ts +1 -1
- package/dist/components/icon/Icon.css.d.ts +44 -8
- package/dist/components/icon/Icon.d.ts +1 -1
- package/dist/components/icon/Icons.d.ts +157 -3
- package/dist/components/icon/iconMetrics.d.ts +1 -0
- package/dist/components/icon-button/IconButton.css.d.ts +7 -15
- package/dist/components/icon-button/IconButton.d.ts +3 -3
- package/dist/components/index.d.ts +8 -31
- package/dist/components/input/Input.css.d.ts +9 -2
- package/dist/components/input/Input.d.ts +2 -2
- package/dist/components/line/Line.css.d.ts +3 -0
- package/dist/components/line/Line.d.ts +1 -1
- package/dist/components/menu/Menu.d.ts +1 -1
- package/dist/components/menu/MenuItem.css.d.ts +6 -2
- package/dist/components/menu/MenuItem.d.ts +2 -2
- package/dist/components/modal/Modal.d.ts +1 -1
- package/dist/components/page/Page.d.ts +11 -8
- package/dist/components/page/style.css.d.ts +7 -2
- package/dist/components/pop-out/PopOut.css.d.ts +0 -1
- package/dist/components/progress-bar/ProgressBar.css.d.ts +0 -2
- package/dist/components/progress-bar/ProgressBar.d.ts +2 -2
- package/dist/components/radio-button/RadioButton.d.ts +1 -1
- package/dist/components/scroll/Scroll.d.ts +2 -2
- package/dist/components/segmented-control/SegmentedControl.css.d.ts +2 -0
- package/dist/components/segmented-control/SegmentedControl.d.ts +11 -0
- package/dist/components/segmented-control/index.d.ts +1 -0
- package/dist/components/selectionKeyboard.d.ts +2 -0
- package/dist/components/sequence-card/SequenceCard.d.ts +9 -9
- package/dist/components/sequence-card/style.css.d.ts +2 -18
- package/dist/components/sidebar/Sidebar.css.d.ts +2 -2
- package/dist/components/sidebar/SidebarItem.d.ts +1 -2
- package/dist/components/spinner/Spinner.css.d.ts +0 -5
- package/dist/components/spinner/Spinner.d.ts +1 -2
- package/dist/components/stacked-avatar/StackedAvatar.d.ts +1 -1
- package/dist/components/switch/Switch.d.ts +1 -1
- package/dist/components/tab/Tab.css.d.ts +1 -0
- package/dist/components/tab/Tab.d.ts +7 -0
- package/dist/components/tab/index.d.ts +1 -0
- package/dist/components/tab-bar/TabBar.css.d.ts +1 -0
- package/dist/components/tab-bar/TabBar.d.ts +4 -9
- package/dist/components/tab-bar/TabBarContext.d.ts +1 -0
- package/dist/components/text/Text.css.d.ts +0 -15
- package/dist/components/text/Text.d.ts +1 -1
- package/dist/components/text-area/TextArea.css.d.ts +12 -2
- package/dist/components/text-area/TextArea.d.ts +2 -2
- package/dist/components/toggle-chip/ToggleChip.css.d.ts +1 -0
- package/dist/components/toggle-chip/ToggleChip.d.ts +8 -0
- package/dist/components/toggle-chip/index.d.ts +1 -0
- package/dist/components/tooltip/Tooltip.css.d.ts +0 -2
- package/dist/components/tooltip/Tooltip.d.ts +2 -2
- package/dist/components/tooltip/index.d.ts +0 -1
- package/dist/components/typing-indicator/TypingIndicator.css.d.ts +0 -7
- package/dist/components/unread-badge/UnreadBadge.css.d.ts +1 -1
- package/dist/components/unread-badge/UnreadBadge.d.ts +2 -7
- package/dist/components/variant.css.d.ts +0 -2
- package/dist/current/Icon.d.ts +5 -17
- package/dist/current/palette.d.ts +21 -56
- package/dist/current/theme.css.d.ts +0 -47
- package/dist/index.js +6416 -4901
- package/dist/index.js.map +1 -1
- package/dist/style.css +2166 -2191
- package/dist/styles/ContainerColor.css.d.ts +1 -1
- package/dist/theme/brand.d.ts +7 -0
- package/dist/theme/color.css.d.ts +156 -1
- package/dist/theme/colorValue.d.ts +2 -0
- package/dist/theme/config.css.d.ts +0 -23
- package/dist/theme/dark.css.d.ts +1 -0
- package/dist/theme/identity.d.ts +9 -0
- package/dist/theme/index.d.ts +6 -1
- package/dist/theme/neutralScale.d.ts +25 -0
- package/dist/theme/palette.d.ts +330 -0
- package/dist/theme/semantic.d.ts +959 -0
- package/dist/theme/systemRecipes.d.ts +9 -0
- package/package.json +78 -12
- package/DIRECTION_D_PREVIEW.json +0 -6
- package/MATERIAL-SYMBOLS-LICENSE.txt +0 -202
- package/dist/components/activity-card/ActivityCard.d.ts +0 -26
- package/dist/components/activity-card/index.d.ts +0 -1
- package/dist/components/banner/Banner.d.ts +0 -14
- package/dist/components/banner/index.d.ts +0 -1
- package/dist/components/button-group/ButtonGroup.css.d.ts +0 -2
- package/dist/components/button-group/ButtonGroup.d.ts +0 -16
- package/dist/components/button-group/index.d.ts +0 -1
- package/dist/components/call/Call.css.d.ts +0 -18
- package/dist/components/call/Call.d.ts +0 -46
- package/dist/components/call/CallMicrophoneButton.d.ts +0 -15
- package/dist/components/call/index.d.ts +0 -2
- package/dist/components/card/Card.css.d.ts +0 -2
- package/dist/components/card/Card.d.ts +0 -32
- package/dist/components/card/index.d.ts +0 -1
- package/dist/components/composer/Composer.css.d.ts +0 -22
- package/dist/components/composer/Composer.d.ts +0 -41
- package/dist/components/composer/index.d.ts +0 -1
- package/dist/components/content-card/ContentCard.css.d.ts +0 -3
- package/dist/components/content-card/ContentCard.d.ts +0 -37
- package/dist/components/content-card/index.d.ts +0 -1
- package/dist/components/date-time/DateTime.d.ts +0 -17
- package/dist/components/date-time/index.d.ts +0 -1
- package/dist/components/dialog-frame/DialogFrame.css.d.ts +0 -2
- package/dist/components/dialog-frame/DialogFrame.d.ts +0 -17
- package/dist/components/dialog-frame/index.d.ts +0 -1
- package/dist/components/dock/Dock.css.d.ts +0 -5
- package/dist/components/dock/Dock.d.ts +0 -14
- package/dist/components/dock/index.d.ts +0 -1
- package/dist/components/file-attachment/FileAttachment.css.d.ts +0 -1
- package/dist/components/file-attachment/FileAttachment.d.ts +0 -10
- package/dist/components/file-attachment/index.d.ts +0 -1
- package/dist/components/floating-toolbar/FloatingToolbar.css.d.ts +0 -1
- package/dist/components/floating-toolbar/FloatingToolbar.d.ts +0 -14
- package/dist/components/floating-toolbar/index.d.ts +0 -1
- package/dist/components/folder-field/FolderField.d.ts +0 -12
- package/dist/components/folder-field/index.d.ts +0 -1
- package/dist/components/identity/Identity.css.d.ts +0 -32
- package/dist/components/identity/Identity.d.ts +0 -58
- package/dist/components/identity/IdentityLists.d.ts +0 -22
- package/dist/components/identity/index.d.ts +0 -2
- package/dist/components/list-row/ListRow.css.d.ts +0 -2
- package/dist/components/list-row/ListRow.d.ts +0 -11
- package/dist/components/list-row/index.d.ts +0 -1
- package/dist/components/menu-button/MenuButton.css.d.ts +0 -1
- package/dist/components/menu-button/MenuButton.d.ts +0 -31
- package/dist/components/menu-button/index.d.ts +0 -1
- package/dist/components/motion/Motion.css.d.ts +0 -3
- package/dist/components/motion/Motion.d.ts +0 -9
- package/dist/components/motion/index.d.ts +0 -1
- package/dist/components/nav/Nav.css.d.ts +0 -31
- package/dist/components/nav/Nav.d.ts +0 -52
- package/dist/components/nav/index.d.ts +0 -1
- package/dist/components/page-state/EmptyState.d.ts +0 -12
- package/dist/components/page-state/ErrorState.d.ts +0 -9
- package/dist/components/page-state/LoadingState.d.ts +0 -5
- package/dist/components/page-state/PageState.css.d.ts +0 -3
- package/dist/components/page-state/PageTitleHeader.d.ts +0 -13
- package/dist/components/page-state/index.d.ts +0 -4
- package/dist/components/password-input/PasswordInput.d.ts +0 -7
- package/dist/components/password-input/index.d.ts +0 -1
- package/dist/components/person-avatar/PersonAvatar.d.ts +0 -6
- package/dist/components/person-avatar/index.d.ts +0 -1
- package/dist/components/pill/Pill.d.ts +0 -11
- package/dist/components/pill/index.d.ts +0 -1
- package/dist/components/power/Power.css.d.ts +0 -1
- package/dist/components/power/Power.d.ts +0 -24
- package/dist/components/power/index.d.ts +0 -1
- package/dist/components/presence/Presence.css.d.ts +0 -39
- package/dist/components/presence/Presence.d.ts +0 -20
- package/dist/components/presence/index.d.ts +0 -1
- package/dist/components/select/Select.css.d.ts +0 -3
- package/dist/components/select/Select.d.ts +0 -21
- package/dist/components/select/index.d.ts +0 -1
- package/dist/components/settings-shell/SettingsShell.css.d.ts +0 -6
- package/dist/components/settings-shell/SettingsShell.d.ts +0 -31
- package/dist/components/settings-shell/index.d.ts +0 -1
- package/dist/components/skeleton/Skeleton.css.d.ts +0 -28
- package/dist/components/skeleton/Skeleton.d.ts +0 -10
- package/dist/components/skeleton/index.d.ts +0 -1
- package/dist/components/split-button/SplitButton.css.d.ts +0 -4
- package/dist/components/split-button/SplitButton.d.ts +0 -16
- package/dist/components/split-button/index.d.ts +0 -1
- package/dist/components/timeline/Timeline.css.d.ts +0 -24
- package/dist/components/timeline/Timeline.d.ts +0 -51
- package/dist/components/timeline/index.d.ts +0 -1
- package/dist/components/tooltip/Hint.d.ts +0 -13
- package/dist/components/wavy-progress/WavyProgress.css.d.ts +0 -3
- package/dist/components/wavy-progress/WavyProgress.d.ts +0 -8
- package/dist/components/wavy-progress/index.d.ts +0 -1
- package/dist/theme/review.css.d.ts +0 -115
- package/dist/utils/rovingFocus.d.ts +0 -3
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComplexStyleRule } from "@vanilla-extract/css";
|
|
2
2
|
import { RecipeVariants } from "@vanilla-extract/recipes";
|
|
3
|
-
export declare const containerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
3
|
export declare const ContainerColor: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
5
4
|
variant: {
|
|
6
5
|
Background: ComplexStyleRule;
|
|
@@ -8,6 +7,7 @@ export declare const ContainerColor: import("@vanilla-extract/recipes").RuntimeF
|
|
|
8
7
|
SurfaceVariant: ComplexStyleRule;
|
|
9
8
|
Primary: ComplexStyleRule;
|
|
10
9
|
Secondary: ComplexStyleRule;
|
|
10
|
+
Info: ComplexStyleRule;
|
|
11
11
|
Success: ComplexStyleRule;
|
|
12
12
|
Warning: ComplexStyleRule;
|
|
13
13
|
Critical: ComplexStyleRule;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { colorScale } from "./palette";
|
|
2
|
+
import { identityFamilies } from "./identity";
|
|
3
|
+
/** Choose a brand family for an existing category hue without inventing a new ramp. */
|
|
4
|
+
export declare const brandFamilyForHue: (hue: number) => (typeof identityFamilies)[number];
|
|
5
|
+
/** Fixed artwork/renderer tones. Product chrome should consume the semantic contract. */
|
|
6
|
+
export declare const brandTone: (hue: number, step?: keyof typeof colorScale.Blue) => string;
|
|
7
|
+
export declare const brandToneHex: (hue: number, step?: keyof typeof colorScale.Blue) => string;
|
|
@@ -1,4 +1,81 @@
|
|
|
1
1
|
export declare const color: {
|
|
2
|
+
Identity: {
|
|
3
|
+
OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
|
+
Yellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
+
Green: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
+
Mint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
|
+
Blue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8
|
+
Indigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
+
Wine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
+
Red: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
|
+
Orange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
+
Brown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
|
+
Pink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
+
Peach: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
+
Ochre: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
|
+
};
|
|
17
|
+
IdentityFill: {
|
|
18
|
+
Yellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
19
|
+
Green: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20
|
+
Mint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
|
+
Blue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
+
Indigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
|
+
Wine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
|
+
Red: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
|
+
Orange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
+
Brown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
+
Pink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
+
Peach: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
29
|
+
Ochre: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
30
|
+
};
|
|
31
|
+
IdentityTint: {
|
|
32
|
+
Yellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
33
|
+
Green: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
|
+
Mint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
35
|
+
Blue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
36
|
+
Indigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
37
|
+
Wine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
38
|
+
Red: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
39
|
+
Orange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
40
|
+
Brown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
41
|
+
Pink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
+
Peach: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
+
Ochre: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
|
+
};
|
|
45
|
+
Media: {
|
|
46
|
+
Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
|
+
Raised: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
|
+
Elevated: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
+
Text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
|
+
TextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
|
+
TextQuiet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
+
Line: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
53
|
+
Success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
|
+
Warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
|
+
Critical: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
|
+
Action: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
57
|
+
ActionFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
58
|
+
OnActionFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
|
+
CriticalFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
|
+
OnCriticalFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
|
+
};
|
|
62
|
+
Syntax: {
|
|
63
|
+
Comment: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
|
+
Punctuation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
|
+
Property: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
|
+
Selector: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
|
+
String: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
|
+
Operator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
|
+
Keyword: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
+
Function: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
|
+
Variable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
72
|
+
Number: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
73
|
+
};
|
|
74
|
+
Reason: {
|
|
75
|
+
you: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
+
agent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
77
|
+
participant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
78
|
+
};
|
|
2
79
|
Background: {
|
|
3
80
|
Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
81
|
ContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -20,7 +97,21 @@ export declare const color: {
|
|
|
20
97
|
ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
98
|
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
99
|
};
|
|
100
|
+
Destructive: {
|
|
101
|
+
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
102
|
+
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
103
|
+
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
104
|
+
OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
105
|
+
};
|
|
106
|
+
Action: {
|
|
107
|
+
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
108
|
+
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
109
|
+
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
110
|
+
OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
111
|
+
};
|
|
23
112
|
Primary: {
|
|
113
|
+
ContainerSubtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
114
|
+
TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
115
|
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
116
|
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
117
|
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -45,6 +136,10 @@ export declare const color: {
|
|
|
45
136
|
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
137
|
};
|
|
47
138
|
Success: {
|
|
139
|
+
TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
140
|
+
TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
141
|
+
TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
142
|
+
OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
143
|
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
144
|
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
145
|
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -57,6 +152,10 @@ export declare const color: {
|
|
|
57
152
|
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
58
153
|
};
|
|
59
154
|
Warning: {
|
|
155
|
+
TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
156
|
+
TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
157
|
+
TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
158
|
+
OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
159
|
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
160
|
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
161
|
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -69,6 +168,38 @@ export declare const color: {
|
|
|
69
168
|
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
169
|
};
|
|
71
170
|
Critical: {
|
|
171
|
+
TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
172
|
+
TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
173
|
+
TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
174
|
+
OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
|
+
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
176
|
+
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
177
|
+
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
178
|
+
MainLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
179
|
+
OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
180
|
+
Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
181
|
+
ContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
182
|
+
ContainerActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
183
|
+
ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
184
|
+
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
185
|
+
};
|
|
186
|
+
Info: {
|
|
187
|
+
TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
188
|
+
TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
189
|
+
TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
190
|
+
OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
191
|
+
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
192
|
+
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
193
|
+
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
194
|
+
MainLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
195
|
+
OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
196
|
+
Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
197
|
+
ContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
198
|
+
ContainerActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
199
|
+
ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
200
|
+
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
201
|
+
};
|
|
202
|
+
Accent: {
|
|
72
203
|
Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
73
204
|
MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
205
|
MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -80,11 +211,35 @@ export declare const color: {
|
|
|
80
211
|
ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
81
212
|
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
213
|
};
|
|
214
|
+
Highlight: {
|
|
215
|
+
Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
216
|
+
OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
217
|
+
Overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
218
|
+
};
|
|
219
|
+
Control: {
|
|
220
|
+
DisabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
221
|
+
DisabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
222
|
+
};
|
|
83
223
|
Other: {
|
|
84
224
|
FocusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
225
|
Shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
226
|
Overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
87
227
|
};
|
|
228
|
+
Text: {
|
|
229
|
+
Disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
230
|
+
Primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
231
|
+
Secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
232
|
+
Link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
233
|
+
Quiet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
234
|
+
};
|
|
235
|
+
Border: {
|
|
236
|
+
Focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
237
|
+
Subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
238
|
+
};
|
|
239
|
+
};
|
|
240
|
+
export declare const reason: {
|
|
241
|
+
you: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
242
|
+
agent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
243
|
+
participant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
244
|
};
|
|
89
245
|
export declare const lightTheme: string;
|
|
90
|
-
export declare const darkTheme: string;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
export declare const configClass: string, config: {
|
|
2
2
|
font: {
|
|
3
3
|
Inter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
|
-
Manrope: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
-
GeistMono: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
4
|
};
|
|
7
5
|
fontSize: {
|
|
8
6
|
D400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -20,7 +18,6 @@ export declare const configClass: string, config: {
|
|
|
20
18
|
B400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
19
|
B300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
20
|
L400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
|
-
LabelMono: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
21
|
O400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
22
|
C400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
23
|
};
|
|
@@ -40,7 +37,6 @@ export declare const configClass: string, config: {
|
|
|
40
37
|
B400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
41
38
|
B300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
39
|
L400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
-
LabelMono: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
40
|
O400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
41
|
C400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
42
|
};
|
|
@@ -60,7 +56,6 @@ export declare const configClass: string, config: {
|
|
|
60
56
|
B400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
57
|
B300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
58
|
L400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
63
|
-
LabelMono: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
59
|
O400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
60
|
C400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
61
|
};
|
|
@@ -77,24 +72,19 @@ export declare const configClass: string, config: {
|
|
|
77
72
|
};
|
|
78
73
|
space: {
|
|
79
74
|
S0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
80
|
-
S50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
81
75
|
S100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
76
|
S200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
83
|
-
S250: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
77
|
S300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
78
|
S400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
79
|
S500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
87
80
|
S600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
81
|
S700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
89
|
-
S800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
90
82
|
};
|
|
91
83
|
radii: {
|
|
92
84
|
R0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
93
85
|
R300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
94
86
|
R400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
95
87
|
R500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
96
|
-
R600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
97
|
-
R700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
98
88
|
Round: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
99
89
|
Pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
100
90
|
};
|
|
@@ -118,8 +108,6 @@ export declare const configClass: string, config: {
|
|
|
118
108
|
E200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
119
109
|
E300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
120
110
|
E400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
121
|
-
Hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
122
|
-
Floating: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
123
111
|
};
|
|
124
112
|
size: {
|
|
125
113
|
XInherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -140,17 +128,6 @@ export declare const configClass: string, config: {
|
|
|
140
128
|
ModalDrawerWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
141
129
|
};
|
|
142
130
|
transition: {};
|
|
143
|
-
easing: {
|
|
144
|
-
Spring: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
145
|
-
Standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
146
|
-
};
|
|
147
|
-
duration: {
|
|
148
|
-
D100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
149
|
-
D200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
150
|
-
D300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
151
|
-
D400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
152
|
-
D500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
153
|
-
};
|
|
154
131
|
opacity: {
|
|
155
132
|
P500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
156
133
|
P400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const darkTheme: string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** Stable hash slots, with brand-derived text, glyph and initial backgrounds. */
|
|
2
|
+
export declare const identityFamilies: readonly ["Yellow", "Green", "Mint", "Blue", "Indigo", "Wine", "Red", "Orange", "Brown", "Pink", "Peach", "Ochre"];
|
|
3
|
+
export declare const identityValues: Record<"dark" | "light", {
|
|
4
|
+
ink: string;
|
|
5
|
+
fill: string;
|
|
6
|
+
onFill: string;
|
|
7
|
+
tint: string;
|
|
8
|
+
onTint: string;
|
|
9
|
+
}[]>;
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
export * from "./color.css";
|
|
2
2
|
export * from "./config.css";
|
|
3
|
-
export * from "./review.css";
|
|
4
3
|
export * from "./vars.css";
|
|
5
4
|
export * from "./util";
|
|
5
|
+
export * from "./dark.css";
|
|
6
|
+
export * from "./palette";
|
|
7
|
+
export * from "./semantic";
|
|
8
|
+
export * from "./identity";
|
|
9
|
+
export * from "./colorValue";
|
|
10
|
+
export * from "./brand";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** Existing approved neutral assignments, including the three exact brand anchors. */
|
|
2
|
+
export declare const neutralScale: {
|
|
3
|
+
readonly 0: "oklch(1 0 0)";
|
|
4
|
+
readonly 50: "oklch(0.967153 0.000000 89.876)";
|
|
5
|
+
readonly 75: "oklch(0.9460765 0.000952 67.691)";
|
|
6
|
+
readonly 100: "oklch(0.925000 0.001904 67.691)";
|
|
7
|
+
readonly 200: "oklch(0.890000 0.003485 67.691)";
|
|
8
|
+
readonly 250: "oklch(0.850000 0.005292 67.691)";
|
|
9
|
+
readonly 300: "oklch(0.810000 0.007099 67.691)";
|
|
10
|
+
readonly 400: "oklch(0.766227 0.009077 67.691)";
|
|
11
|
+
readonly 500: "oklch(0.700000 0.008363 67.691)";
|
|
12
|
+
readonly 550: "oklch(0.600000 0.007286 67.691)";
|
|
13
|
+
readonly 575: "oklch(0.535000 0.006585 67.691)";
|
|
14
|
+
readonly 600: "oklch(0.500000 0.006208 67.691)";
|
|
15
|
+
readonly 650: "oklch(0.470000 0.005885 67.691)";
|
|
16
|
+
readonly 700: "oklch(0.420000 0.005347 67.691)";
|
|
17
|
+
readonly 750: "oklch(0.370000 0.004808 67.691)";
|
|
18
|
+
readonly 800: "oklch(0.320000 0.004269 67.691)";
|
|
19
|
+
readonly 825: "oklch(0.3075 0.0041345 67.691)";
|
|
20
|
+
readonly 900: "oklch(0.270000 0.003731 67.691)";
|
|
21
|
+
readonly 925: "oklch(0.240000 0.003407 67.691)";
|
|
22
|
+
readonly 950: "oklch(0.215704 0.003146 17.401)";
|
|
23
|
+
readonly 1000: "oklch(0.170000 0.003146 67.691)";
|
|
24
|
+
readonly 1100: "oklch(0 0 0)";
|
|
25
|
+
};
|