@aloudata/aloudata-design 3.0.17 → 3.0.18-beta.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 +63 -59
- package/dist/Alert/index.js +1 -1
- package/dist/Alert/index.js.map +1 -1
- package/dist/Avatar/component/Avatar/index.js +2 -2
- package/dist/Avatar/component/Avatar/index.js.map +1 -1
- package/dist/Avatar/component/Avatar/type.js +3 -3
- package/dist/Avatar/component/Avatar/type.js.map +1 -1
- package/dist/Badge/index.js +5 -5
- package/dist/Badge/index.js.map +1 -1
- package/dist/Breadcrumb/index.js +4 -4
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Button/index.js +8 -8
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/index.js +1 -1
- package/dist/Card/index.js.map +1 -1
- package/dist/Checkbox/index.js +3 -3
- package/dist/Checkbox/index.js.map +1 -1
- package/dist/Collapse/index.js +1 -1
- package/dist/Collapse/index.js.map +1 -1
- package/dist/ColorPicker/ComplexColorPicker/ColorAlphaInput.js +1 -1
- package/dist/ColorPicker/ComplexColorPicker/ColorAlphaInput.js.map +1 -1
- package/dist/ColorPicker/ComplexColorPicker/ColorHsbInput.js +1 -1
- package/dist/ColorPicker/ComplexColorPicker/ColorHsbInput.js.map +1 -1
- package/dist/ColorPicker/ComplexColorPicker/ColorRgbInput.js +1 -1
- package/dist/ColorPicker/ComplexColorPicker/ColorRgbInput.js.map +1 -1
- package/dist/ColorPicker/ComplexColorPicker/index.js +2 -2
- package/dist/ColorPicker/ComplexColorPicker/index.js.map +1 -1
- package/dist/ColorPicker/index.js +11 -11
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/ColorPicker/util.d.ts +1 -1
- package/dist/ColorPicker/util.js.map +1 -1
- package/dist/DataPreviewTable/components/Body/Cell.js +2 -2
- package/dist/DataPreviewTable/components/Body/Cell.js.map +1 -1
- package/dist/DataPreviewTable/components/Body/index.js +1 -1
- package/dist/DataPreviewTable/components/Body/index.js.map +1 -1
- package/dist/DataPreviewTable/components/DragBar/index.js +1 -1
- package/dist/DataPreviewTable/components/DragBar/index.js.map +1 -1
- package/dist/DataPreviewTable/components/Header/index.js +3 -3
- package/dist/DataPreviewTable/components/Header/index.js.map +1 -1
- package/dist/DataPreviewTable/index.js +1 -1
- package/dist/DataPreviewTable/index.js.map +1 -1
- package/dist/Divider/index.js +1 -1
- package/dist/Divider/index.js.map +1 -1
- package/dist/Drawer/index.js +3 -3
- package/dist/Drawer/index.js.map +1 -1
- package/dist/Empty/image/Data.js +16 -16
- package/dist/Empty/image/Data.js.map +1 -1
- package/dist/Empty/image/User.js +16 -16
- package/dist/Empty/image/User.js.map +1 -1
- package/dist/Empty/image/WorkBook.js +17 -17
- package/dist/Empty/image/WorkBook.js.map +1 -1
- package/dist/Form/index.js +3 -3
- package/dist/Form/index.js.map +1 -1
- package/dist/Icon/components/SortAscendingOrderColor.js +1 -1
- package/dist/Icon/components/SortAscendingOrderColor.js.map +1 -1
- package/dist/Icon/components/SortDescendingOrderColor.js +1 -1
- package/dist/Icon/components/SortDescendingOrderColor.js.map +1 -1
- package/dist/Icon/components/User.js +2 -2
- package/dist/Icon/components/User.js.map +1 -1
- package/dist/Icon/components/UserGroup.js +2 -2
- package/dist/Icon/components/UserGroup.js.map +1 -1
- package/dist/Input/components/Input/index.js +3 -3
- package/dist/Input/components/Input/index.js.map +1 -1
- package/dist/Input/components/TextArea/index.js +3 -3
- package/dist/Input/components/TextArea/index.js.map +1 -1
- package/dist/InputNumber/index.js +4 -4
- package/dist/InputNumber/index.js.map +1 -1
- package/dist/LogicTree/components/LogicItem/index.js +2 -2
- package/dist/LogicTree/components/LogicItem/index.js.map +1 -1
- package/dist/MemberPicker/components/SelectedMemberTags.js +1 -1
- package/dist/MemberPicker/components/SelectedMemberTags.js.map +1 -1
- package/dist/Modal/index.js +8 -8
- package/dist/Modal/index.js.map +1 -1
- package/dist/Popconfirm/index.js +1 -1
- package/dist/Popconfirm/index.js.map +1 -1
- package/dist/Popover/index.js +2 -2
- package/dist/Popover/index.js.map +1 -1
- package/dist/Progress/index.js +1 -1
- package/dist/Progress/index.js.map +1 -1
- package/dist/RenameInput/index.js +4 -4
- package/dist/RenameInput/index.js.map +1 -1
- package/dist/Result/index.js +4 -4
- package/dist/Result/index.js.map +1 -1
- package/dist/Select/components/Suffix.js +3 -3
- package/dist/Select/components/Suffix.js.map +1 -1
- package/dist/Slider/index.js +4 -4
- package/dist/Slider/index.js.map +1 -1
- package/dist/Spin/CustomIcon/index.js +2 -2
- package/dist/Spin/CustomIcon/index.js.map +1 -1
- package/dist/StatusLight/index.js +15 -15
- package/dist/StatusLight/index.js.map +1 -1
- package/dist/Steps/components/CustomDot/index.js +9 -2
- package/dist/Steps/components/CustomDot/index.js.map +1 -0
- package/dist/Steps/components/ProcessIcon/index.d.ts +2 -1
- package/dist/Steps/components/ProcessIcon/index.js +33 -12
- package/dist/Steps/components/ProcessIcon/index.js.map +1 -1
- package/dist/Steps/index.js +67 -49
- package/dist/Steps/index.js.map +1 -1
- package/dist/Switch/index.js +3 -3
- package/dist/Switch/index.js.map +1 -1
- package/dist/Table/components/Header.js +3 -3
- package/dist/Table/components/Header.js.map +1 -1
- package/dist/Tabs/index.js +9 -9
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tag/index.js +11 -11
- package/dist/Tag/index.js.map +1 -1
- package/dist/TextLink/index.js +2 -2
- package/dist/TextLink/index.js.map +1 -1
- package/dist/Tooltip/index.js +3 -3
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Tour/index.js +1 -1
- package/dist/Tour/index.js.map +1 -1
- package/dist/Tree/Tree2.js +2 -2
- package/dist/Tree/Tree2.js.map +1 -1
- package/dist/Typography/index.js +1 -1
- package/dist/Typography/index.js.map +1 -1
- package/dist/User/index.js +1 -1
- package/dist/User/index.js.map +1 -1
- package/dist/Watermark/index.js +2 -1
- package/dist/Watermark/index.js.map +1 -1
- package/dist/aloudata-design.css +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +11 -5
- package/dist/message/index.js +1 -1
- package/dist/message/index.js.map +1 -1
- package/dist/notification/index.js +5 -5
- package/dist/notification/index.js.map +1 -1
- package/dist/theme/contract/shadowGeneratorSpecification.d.ts +37 -0
- package/dist/theme/contract/tokenCssBridge.d.ts +60 -0
- package/dist/theme/contract/tokenCssBridge.js +2 -0
- package/dist/theme/contract/tokenOutputContract.d.ts +35 -0
- package/dist/theme/contract/tokenOutputContract.js +198 -0
- package/dist/theme/contract/tokenOutputContract.js.map +1 -0
- package/dist/theme/generator/acceptedColorValues.d.ts +97 -0
- package/dist/theme/generator/acceptedColorValues.js +2 -0
- package/dist/theme/generator/cssArtifactEmitter.d.ts +62 -0
- package/dist/theme/generator/cssArtifactEmitter.js +2 -0
- package/dist/theme/generator/generator.d.ts +41 -0
- package/dist/theme/generator/generator.js +2 -0
- package/dist/theme/generator/generatorDiff.d.ts +53 -0
- package/dist/theme/generator/generatorDiff.js +2 -0
- package/dist/theme/generator/generatorEmitter.d.ts +73 -0
- package/dist/theme/generator/generatorEmitter.js +2 -0
- package/dist/theme/generator/generatorMappingStrategy.d.ts +43 -0
- package/dist/theme/generator/generatorMappingStrategy.js +2 -0
- package/dist/theme/generator/generatorOutputSchema.d.ts +80 -0
- package/dist/theme/generator/generatorOutputSchema.js +2 -0
- package/dist/theme/generator/minimalAcceptedColorValues.d.ts +27 -0
- package/dist/theme/generator/minimalAcceptedColorValues.js +2 -0
- package/dist/theme/generator/valueResolver.d.ts +64 -0
- package/dist/theme/generator/valueResolver.js +2 -0
- package/dist/theme/governance/migrationMappingRegistry.d.ts +22 -0
- package/dist/theme/governance/migrationMappingRegistry.js +459 -0
- package/dist/theme/governance/migrationMappingRegistry.js.map +1 -0
- package/dist/theme/governance/reviewGate.d.ts +33 -0
- package/dist/theme/governance/reviewGate.js +116 -0
- package/dist/theme/governance/reviewGate.js.map +1 -0
- package/dist/theme/governance/validateMigrationMapping.d.ts +50 -0
- package/dist/theme/governance/validateMigrationMapping.js +157 -0
- package/dist/theme/governance/validateMigrationMapping.js.map +1 -0
- package/dist/theme/index.d.ts +16 -5
- package/dist/theme/index.js +10 -4
- package/dist/theme/runtime/colorValueMode/index.d.ts +5 -0
- package/dist/theme/runtime/colorValueMode/index.js +49 -0
- package/dist/theme/runtime/colorValueMode/index.js.map +1 -0
- package/dist/theme/runtime/colorValueMode/registry.d.ts +29 -0
- package/dist/theme/runtime/colorValueMode/registry.js +39 -0
- package/dist/theme/runtime/colorValueMode/registry.js.map +1 -0
- package/dist/theme/runtime/colorValueMode/v3.d.ts +98 -0
- package/dist/theme/runtime/colorValueMode/v3.js +230 -0
- package/dist/theme/runtime/colorValueMode/v3.js.map +1 -0
- package/dist/theme/runtime/colorValueMode.d.ts +2 -0
- package/dist/theme/{createTheme.js → runtime/createTheme.js} +1 -1
- package/dist/theme/runtime/createTheme.js.map +1 -0
- package/dist/theme/{defaultTheme.js → runtime/defaultTheme.js} +1 -1
- package/dist/theme/runtime/defaultTheme.js.map +1 -0
- package/dist/theme/{initAldTheme.js → runtime/initAldTheme.js} +1 -1
- package/dist/theme/runtime/initAldTheme.js.map +1 -0
- package/dist/theme/runtime/integrationController.d.ts +26 -0
- package/dist/theme/runtime/integrationController.js +2 -0
- package/dist/theme/runtime/runtimeAdapter.d.ts +31 -0
- package/dist/theme/runtime/runtimeAdapter.js +2 -0
- package/dist/theme/{themeToCssVars.js → runtime/themeToCssVars.js} +1 -1
- package/dist/theme/runtime/themeToCssVars.js.map +1 -0
- package/dist/theme/{tokenMap.js → runtime/tokenMap.js} +1 -1
- package/dist/theme/runtime/tokenMap.js.map +1 -0
- package/dist/theme/runtime/types.js +2 -0
- package/package.json +1 -1
- package/dist/theme/createTheme.js.map +0 -1
- package/dist/theme/defaultTheme.js.map +0 -1
- package/dist/theme/initAldTheme.js.map +0 -1
- package/dist/theme/themeToCssVars.js.map +0 -1
- package/dist/theme/tokenMap.js.map +0 -1
- /package/dist/theme/{types.js → contract/shadowGeneratorSpecification.js} +0 -0
- /package/dist/theme/{createTheme.d.ts → runtime/createTheme.d.ts} +0 -0
- /package/dist/theme/{defaultTheme.d.ts → runtime/defaultTheme.d.ts} +0 -0
- /package/dist/theme/{initAldTheme.d.ts → runtime/initAldTheme.d.ts} +0 -0
- /package/dist/theme/{themeToCssVars.d.ts → runtime/themeToCssVars.d.ts} +0 -0
- /package/dist/theme/{tokenMap.d.ts → runtime/tokenMap.d.ts} +0 -0
- /package/dist/theme/{types.d.ts → runtime/types.d.ts} +0 -0
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
var palette = {
|
|
2
|
+
neutral: {
|
|
3
|
+
0: "#FDFEFF",
|
|
4
|
+
25: "#F6F9FB",
|
|
5
|
+
50: "#EEF1F5",
|
|
6
|
+
100: "#E3E7EC",
|
|
7
|
+
200: "#D1D6DC",
|
|
8
|
+
300: "#B4B9C1",
|
|
9
|
+
400: "#8D939B",
|
|
10
|
+
500: "#6D747C",
|
|
11
|
+
600: "#484F58",
|
|
12
|
+
700: "#313740",
|
|
13
|
+
800: "#1D232C",
|
|
14
|
+
900: "#12181F",
|
|
15
|
+
950: "#060A10",
|
|
16
|
+
1e3: "#010103"
|
|
17
|
+
},
|
|
18
|
+
brand: {
|
|
19
|
+
50: "#F4F8FF",
|
|
20
|
+
100: "#E7F0FF",
|
|
21
|
+
200: "#C7DBFA",
|
|
22
|
+
300: "#94B7F2",
|
|
23
|
+
400: "#6B96E8",
|
|
24
|
+
500: "#4A79DE",
|
|
25
|
+
600: "#3162D4",
|
|
26
|
+
700: "#284FAF",
|
|
27
|
+
800: "#223F8C",
|
|
28
|
+
900: "#1B336D",
|
|
29
|
+
950: "#14244A"
|
|
30
|
+
},
|
|
31
|
+
blue: {
|
|
32
|
+
50: "#F2F8FF",
|
|
33
|
+
100: "#E1F0FF",
|
|
34
|
+
200: "#BFE0FF",
|
|
35
|
+
300: "#8EC8F6",
|
|
36
|
+
400: "#56A9E9",
|
|
37
|
+
500: "#2D8BD6",
|
|
38
|
+
600: "#1F72B6",
|
|
39
|
+
700: "#1B5C95",
|
|
40
|
+
800: "#1A4774",
|
|
41
|
+
900: "#173A5E",
|
|
42
|
+
950: "#0F243D"
|
|
43
|
+
},
|
|
44
|
+
green: {
|
|
45
|
+
50: "#F2FBF7",
|
|
46
|
+
100: "#E3F7ED",
|
|
47
|
+
200: "#C2EBD7",
|
|
48
|
+
300: "#91D8B6",
|
|
49
|
+
400: "#5FC08F",
|
|
50
|
+
500: "#35A873",
|
|
51
|
+
600: "#25895D",
|
|
52
|
+
700: "#1F6F4D",
|
|
53
|
+
800: "#1A583F",
|
|
54
|
+
900: "#154633",
|
|
55
|
+
950: "#0D2B20"
|
|
56
|
+
},
|
|
57
|
+
yellow: {
|
|
58
|
+
50: "#FFFBEB",
|
|
59
|
+
100: "#FFF4C2",
|
|
60
|
+
200: "#FFE68A",
|
|
61
|
+
300: "#F8CF48",
|
|
62
|
+
400: "#E9B323",
|
|
63
|
+
500: "#C89313",
|
|
64
|
+
600: "#9F710E",
|
|
65
|
+
700: "#7E590F",
|
|
66
|
+
800: "#64460F",
|
|
67
|
+
900: "#4B340C",
|
|
68
|
+
950: "#2F2108"
|
|
69
|
+
},
|
|
70
|
+
orange: {
|
|
71
|
+
50: "#FFF7ED",
|
|
72
|
+
100: "#FFEAD2",
|
|
73
|
+
200: "#FFD0A3",
|
|
74
|
+
300: "#FFB06B",
|
|
75
|
+
400: "#F28D3A",
|
|
76
|
+
500: "#D46F1F",
|
|
77
|
+
600: "#B25516",
|
|
78
|
+
700: "#8F4215",
|
|
79
|
+
800: "#713516",
|
|
80
|
+
900: "#572A14",
|
|
81
|
+
950: "#34180B"
|
|
82
|
+
},
|
|
83
|
+
red: {
|
|
84
|
+
50: "#FFF5F5",
|
|
85
|
+
100: "#FFE5E7",
|
|
86
|
+
200: "#FFC9D0",
|
|
87
|
+
300: "#F59AA7",
|
|
88
|
+
400: "#E86A7A",
|
|
89
|
+
500: "#D54355",
|
|
90
|
+
600: "#B93243",
|
|
91
|
+
700: "#982838",
|
|
92
|
+
800: "#7A2130",
|
|
93
|
+
900: "#611B28",
|
|
94
|
+
950: "#3B1018"
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
var aldV3ColorValueModeVars = {
|
|
98
|
+
"--content-primary": palette.neutral[800],
|
|
99
|
+
"--content-secondary": palette.neutral[600],
|
|
100
|
+
"--content-tertiary": palette.neutral[500],
|
|
101
|
+
"--content-disabled": palette.neutral[400],
|
|
102
|
+
"--content-inverted-primary": palette.neutral[0],
|
|
103
|
+
"--content-inverted-secondary": palette.neutral[200],
|
|
104
|
+
"--content-inverted-tertiary": palette.neutral[400],
|
|
105
|
+
"--content-inverted-disabled": palette.neutral[600],
|
|
106
|
+
"--content-informative-primary": palette.blue[700],
|
|
107
|
+
"--content-informative-secondary": palette.blue[600],
|
|
108
|
+
"--content-positive-primary": palette.green[700],
|
|
109
|
+
"--content-positive-secondary": palette.green[600],
|
|
110
|
+
"--content-warning-primary": palette.orange[700],
|
|
111
|
+
"--content-warning-secondary": palette.orange[600],
|
|
112
|
+
"--content-negative-primary": palette.red[700],
|
|
113
|
+
"--content-negative-secondary": palette.red[600],
|
|
114
|
+
"--content-brand-primary": palette.brand[900],
|
|
115
|
+
"--content-brand-secondary": palette.brand[600],
|
|
116
|
+
"--border-default": palette.neutral[200],
|
|
117
|
+
"--border-default-alpha": "color-mix(in srgb, #1D232C 12%, transparent)",
|
|
118
|
+
"--border-inverted": palette.neutral[0],
|
|
119
|
+
"--border-neutral-strong": palette.neutral[600],
|
|
120
|
+
"--border-neutral-subtle": palette.neutral[200],
|
|
121
|
+
"--border-informative-strong": palette.blue[600],
|
|
122
|
+
"--border-informative-subtle": palette.blue[200],
|
|
123
|
+
"--border-positive-strong": palette.green[600],
|
|
124
|
+
"--border-positive-subtle": palette.green[200],
|
|
125
|
+
"--border-warning-strong": palette.orange[600],
|
|
126
|
+
"--border-warning-subtle": palette.yellow[200],
|
|
127
|
+
"--border-negative-strong": palette.red[600],
|
|
128
|
+
"--border-negative-subtle": palette.red[200],
|
|
129
|
+
"--border-brand-strong": palette.brand[600],
|
|
130
|
+
"--border-brand-subtle": palette.brand[200],
|
|
131
|
+
"--background-default": palette.neutral[0],
|
|
132
|
+
"--background-inverted": palette.neutral[900],
|
|
133
|
+
"--background-neutral-hard": palette.neutral[800],
|
|
134
|
+
"--background-neutral-strong": palette.neutral[600],
|
|
135
|
+
"--background-neutral-muted": palette.neutral[200],
|
|
136
|
+
"--background-neutral-on-subtle": palette.neutral[100],
|
|
137
|
+
"--background-neutral-subtle": palette.neutral[25],
|
|
138
|
+
"--background-neutral-surface": palette.neutral[0],
|
|
139
|
+
"--background-informative-strong": palette.blue[600],
|
|
140
|
+
"--background-informative-muted": palette.blue[100],
|
|
141
|
+
"--background-informative-on-subtle": palette.blue[50],
|
|
142
|
+
"--background-informative-subtle": palette.blue[50],
|
|
143
|
+
"--background-informative-surface": palette.blue[50],
|
|
144
|
+
"--background-positive-strong": palette.green[600],
|
|
145
|
+
"--background-positive-muted": palette.green[100],
|
|
146
|
+
"--background-positive-on-subtle": palette.green[50],
|
|
147
|
+
"--background-positive-subtle": palette.green[50],
|
|
148
|
+
"--background-positive-surface": palette.green[50],
|
|
149
|
+
"--background-warning-strong": palette.orange[600],
|
|
150
|
+
"--background-warning-muted": palette.yellow[100],
|
|
151
|
+
"--background-warning-on-subtle": palette.yellow[50],
|
|
152
|
+
"--background-warning-subtle": palette.yellow[50],
|
|
153
|
+
"--background-warning-surface": palette.yellow[50],
|
|
154
|
+
"--background-negative-strong": palette.red[600],
|
|
155
|
+
"--background-negative-muted": palette.red[100],
|
|
156
|
+
"--background-negative-on-subtle": palette.red[50],
|
|
157
|
+
"--background-negative-subtle": palette.red[50],
|
|
158
|
+
"--background-negative-surface": palette.red[50],
|
|
159
|
+
"--background-brand-strong": palette.brand[600],
|
|
160
|
+
"--background-brand-muted": palette.brand[100],
|
|
161
|
+
"--background-brand-on-subtle": palette.brand[50],
|
|
162
|
+
"--background-brand-subtle": palette.brand[50],
|
|
163
|
+
"--background-brand-surface": palette.brand[50],
|
|
164
|
+
"--action-primary-normal": palette.brand[600],
|
|
165
|
+
"--action-primary-hover": palette.brand[700],
|
|
166
|
+
"--action-primary-active": palette.brand[800],
|
|
167
|
+
"--action-primary-selected": palette.brand[700],
|
|
168
|
+
"--action-primary-subtle-normal": palette.brand[50],
|
|
169
|
+
"--action-primary-subtle-hover": palette.brand[100],
|
|
170
|
+
"--action-primary-subtle-active": palette.brand[200],
|
|
171
|
+
"--action-primary-subtle-selected": palette.brand[100],
|
|
172
|
+
"--action-neutral-normal": palette.neutral[700],
|
|
173
|
+
"--action-neutral-hover": palette.neutral[800],
|
|
174
|
+
"--action-neutral-active": palette.neutral[900],
|
|
175
|
+
"--action-neutral-selected": palette.neutral[800],
|
|
176
|
+
"--action-neutral-subtle-normal": palette.neutral[50],
|
|
177
|
+
"--action-neutral-subtle-hover": palette.neutral[100],
|
|
178
|
+
"--action-neutral-subtle-active": palette.neutral[200],
|
|
179
|
+
"--action-neutral-subtle-selected": palette.neutral[100],
|
|
180
|
+
"--action-success-normal": palette.green[600],
|
|
181
|
+
"--action-success-hover": palette.green[700],
|
|
182
|
+
"--action-success-active": palette.green[800],
|
|
183
|
+
"--action-success-selected": palette.green[700],
|
|
184
|
+
"--action-success-subtle-normal": palette.green[50],
|
|
185
|
+
"--action-success-subtle-hover": palette.green[100],
|
|
186
|
+
"--action-success-subtle-active": palette.green[200],
|
|
187
|
+
"--action-success-subtle-selected": palette.green[100],
|
|
188
|
+
"--action-destructive-normal": palette.red[600],
|
|
189
|
+
"--action-destructive-hover": palette.red[700],
|
|
190
|
+
"--action-destructive-active": palette.red[800],
|
|
191
|
+
"--action-destructive-selected": palette.red[700],
|
|
192
|
+
"--action-destructive-subtle-normal": palette.red[50],
|
|
193
|
+
"--action-destructive-subtle-hover": palette.red[100],
|
|
194
|
+
"--action-destructive-subtle-active": palette.red[200],
|
|
195
|
+
"--action-destructive-subtle-selected": palette.red[100],
|
|
196
|
+
"--action-ghost-normal": "transparent",
|
|
197
|
+
"--action-ghost-hover": palette.neutral[50],
|
|
198
|
+
"--action-ghost-active": palette.neutral[100],
|
|
199
|
+
"--action-ghost-selected": palette.neutral[50],
|
|
200
|
+
"--action-ghost-inverted-hover": "color-mix(in srgb, #FDFEFF 8%, transparent)",
|
|
201
|
+
"--action-ghost-inverted-active": "color-mix(in srgb, #FDFEFF 10%, transparent)",
|
|
202
|
+
"--action-ghost-inverted-selected": "color-mix(in srgb, #FDFEFF 8%, transparent)",
|
|
203
|
+
"--action-ghost-destructive-hover": palette.red[50],
|
|
204
|
+
"--action-ghost-destructive-active": palette.red[100],
|
|
205
|
+
"--action-ghost-destructive-selected": palette.red[50],
|
|
206
|
+
"--action-outline-normal": palette.neutral[300],
|
|
207
|
+
"--action-outline-hover": palette.neutral[400],
|
|
208
|
+
"--action-outline-active": palette.neutral[500],
|
|
209
|
+
"--action-outline-selected": palette.neutral[400],
|
|
210
|
+
"--action-inverted-normal": palette.neutral[0],
|
|
211
|
+
"--action-inverted-hover": palette.neutral[50],
|
|
212
|
+
"--action-inverted-active": palette.neutral[100],
|
|
213
|
+
"--action-inverted-selected": palette.neutral[50],
|
|
214
|
+
"--action-reverse-inverted-normal": "color-mix(in srgb, #12181F 86%, transparent)",
|
|
215
|
+
"--action-reverse-inverted-hover": "color-mix(in srgb, #12181F 56%, transparent)",
|
|
216
|
+
"--action-reverse-inverted-active": "color-mix(in srgb, #12181F 40%, transparent)",
|
|
217
|
+
"--action-reverse-inverted-selected": "color-mix(in srgb, #12181F 56%, transparent)",
|
|
218
|
+
"--elevation-bottom-bottom-sm": "0 1px 2px 0 rgba(27 36 44 / 0.12)",
|
|
219
|
+
"--elevation-bottom-bottom-md": "0 2px 8px -1px rgba(27 36 44 / 0.08), 0 2px 2px -1px rgba(27 36 44 / 0.04)",
|
|
220
|
+
"--elevation-bottom-bottom-lg": "0 8px 16px -2px rgba(27 36 44 / 0.12), 0 2px 2px -1px rgba(27 35 44 / 0.04)",
|
|
221
|
+
"--elevation-bottom-bottom-xl": "0 16px 24px -6px rgba(27 36 44 / 0.16), 0 2px 2px -1px rgba(27 36 44 / 0.04)",
|
|
222
|
+
"--elevation-top-top-sm": "0 -1px 2px 0 rgba(27 36 44 / 0.12)",
|
|
223
|
+
"--elevation-top-top-md": "0 -2px 8px -1px rgba(27 36 44 / 0.08), 0 -2px 2px -1px rgba(27 36 44 / 0.04)",
|
|
224
|
+
"--elevation-top-top-lg": "0 -8px 16px -2px rgba(27 36 44 / 0.12), 0 -2px 2px -1px rgba(27 35 44 / 0.04)",
|
|
225
|
+
"--elevation-top-top-xl": "0 -16px 24px -6px rgba(27 36 44 / 0.16), 0 -2px 2px -1px rgba(27 36 44 / 0.04)"
|
|
226
|
+
};
|
|
227
|
+
//#endregion
|
|
228
|
+
export { aldV3ColorValueModeVars };
|
|
229
|
+
|
|
230
|
+
//# sourceMappingURL=v3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v3.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/v3.ts"],"sourcesContent":["import type { AldThemeCssVars } from '../types';\n\nexport const aldV3ColorValueModePalette = {\n neutral: {\n 0: '#FDFEFF',\n 25: '#F6F9FB',\n 50: '#EEF1F5',\n 100: '#E3E7EC',\n 200: '#D1D6DC',\n 300: '#B4B9C1',\n 400: '#8D939B',\n 500: '#6D747C',\n 600: '#484F58',\n 700: '#313740',\n 800: '#1D232C',\n 900: '#12181F',\n 950: '#060A10',\n 1000: '#010103',\n },\n brand: {\n 50: '#F4F8FF',\n 100: '#E7F0FF',\n 200: '#C7DBFA',\n 300: '#94B7F2',\n 400: '#6B96E8',\n 500: '#4A79DE',\n 600: '#3162D4',\n 700: '#284FAF',\n 800: '#223F8C',\n 900: '#1B336D',\n 950: '#14244A',\n },\n blue: {\n 50: '#F2F8FF',\n 100: '#E1F0FF',\n 200: '#BFE0FF',\n 300: '#8EC8F6',\n 400: '#56A9E9',\n 500: '#2D8BD6',\n 600: '#1F72B6',\n 700: '#1B5C95',\n 800: '#1A4774',\n 900: '#173A5E',\n 950: '#0F243D',\n },\n green: {\n 50: '#F2FBF7',\n 100: '#E3F7ED',\n 200: '#C2EBD7',\n 300: '#91D8B6',\n 400: '#5FC08F',\n 500: '#35A873',\n 600: '#25895D',\n 700: '#1F6F4D',\n 800: '#1A583F',\n 900: '#154633',\n 950: '#0D2B20',\n },\n yellow: {\n 50: '#FFFBEB',\n 100: '#FFF4C2',\n 200: '#FFE68A',\n 300: '#F8CF48',\n 400: '#E9B323',\n 500: '#C89313',\n 600: '#9F710E',\n 700: '#7E590F',\n 800: '#64460F',\n 900: '#4B340C',\n 950: '#2F2108',\n },\n orange: {\n 50: '#FFF7ED',\n 100: '#FFEAD2',\n 200: '#FFD0A3',\n 300: '#FFB06B',\n 400: '#F28D3A',\n 500: '#D46F1F',\n 600: '#B25516',\n 700: '#8F4215',\n 800: '#713516',\n 900: '#572A14',\n 950: '#34180B',\n },\n red: {\n 50: '#FFF5F5',\n 100: '#FFE5E7',\n 200: '#FFC9D0',\n 300: '#F59AA7',\n 400: '#E86A7A',\n 500: '#D54355',\n 600: '#B93243',\n 700: '#982838',\n 800: '#7A2130',\n 900: '#611B28',\n 950: '#3B1018',\n },\n} as const;\n\nconst palette = aldV3ColorValueModePalette;\n\nexport const aldV3ColorValueModeVars: AldThemeCssVars = {\n '--content-primary': palette.neutral[800],\n '--content-secondary': palette.neutral[600],\n '--content-tertiary': palette.neutral[500],\n '--content-disabled': palette.neutral[400],\n '--content-inverted-primary': palette.neutral[0],\n '--content-inverted-secondary': palette.neutral[200],\n '--content-inverted-tertiary': palette.neutral[400],\n '--content-inverted-disabled': palette.neutral[600],\n '--content-informative-primary': palette.blue[700],\n '--content-informative-secondary': palette.blue[600],\n '--content-positive-primary': palette.green[700],\n '--content-positive-secondary': palette.green[600],\n '--content-warning-primary': palette.orange[700],\n '--content-warning-secondary': palette.orange[600],\n '--content-negative-primary': palette.red[700],\n '--content-negative-secondary': palette.red[600],\n '--content-brand-primary': palette.brand[900],\n '--content-brand-secondary': palette.brand[600],\n\n '--border-default': palette.neutral[200],\n '--border-default-alpha': 'color-mix(in srgb, #1D232C 12%, transparent)',\n '--border-inverted': palette.neutral[0],\n '--border-neutral-strong': palette.neutral[600],\n '--border-neutral-subtle': palette.neutral[200],\n '--border-informative-strong': palette.blue[600],\n '--border-informative-subtle': palette.blue[200],\n '--border-positive-strong': palette.green[600],\n '--border-positive-subtle': palette.green[200],\n '--border-warning-strong': palette.orange[600],\n '--border-warning-subtle': palette.yellow[200],\n '--border-negative-strong': palette.red[600],\n '--border-negative-subtle': palette.red[200],\n '--border-brand-strong': palette.brand[600],\n '--border-brand-subtle': palette.brand[200],\n\n '--background-default': palette.neutral[0],\n '--background-inverted': palette.neutral[900],\n '--background-neutral-hard': palette.neutral[800],\n '--background-neutral-strong': palette.neutral[600],\n '--background-neutral-muted': palette.neutral[200],\n '--background-neutral-on-subtle': palette.neutral[100],\n '--background-neutral-subtle': palette.neutral[25],\n '--background-neutral-surface': palette.neutral[0],\n '--background-informative-strong': palette.blue[600],\n '--background-informative-muted': palette.blue[100],\n '--background-informative-on-subtle': palette.blue[50],\n '--background-informative-subtle': palette.blue[50],\n '--background-informative-surface': palette.blue[50],\n '--background-positive-strong': palette.green[600],\n '--background-positive-muted': palette.green[100],\n '--background-positive-on-subtle': palette.green[50],\n '--background-positive-subtle': palette.green[50],\n '--background-positive-surface': palette.green[50],\n '--background-warning-strong': palette.orange[600],\n '--background-warning-muted': palette.yellow[100],\n '--background-warning-on-subtle': palette.yellow[50],\n '--background-warning-subtle': palette.yellow[50],\n '--background-warning-surface': palette.yellow[50],\n '--background-negative-strong': palette.red[600],\n '--background-negative-muted': palette.red[100],\n '--background-negative-on-subtle': palette.red[50],\n '--background-negative-subtle': palette.red[50],\n '--background-negative-surface': palette.red[50],\n '--background-brand-strong': palette.brand[600],\n '--background-brand-muted': palette.brand[100],\n '--background-brand-on-subtle': palette.brand[50],\n '--background-brand-subtle': palette.brand[50],\n '--background-brand-surface': palette.brand[50],\n\n '--action-primary-normal': palette.brand[600],\n '--action-primary-hover': palette.brand[700],\n '--action-primary-active': palette.brand[800],\n '--action-primary-selected': palette.brand[700],\n '--action-primary-subtle-normal': palette.brand[50],\n '--action-primary-subtle-hover': palette.brand[100],\n '--action-primary-subtle-active': palette.brand[200],\n '--action-primary-subtle-selected': palette.brand[100],\n '--action-neutral-normal': palette.neutral[700],\n '--action-neutral-hover': palette.neutral[800],\n '--action-neutral-active': palette.neutral[900],\n '--action-neutral-selected': palette.neutral[800],\n '--action-neutral-subtle-normal': palette.neutral[50],\n '--action-neutral-subtle-hover': palette.neutral[100],\n '--action-neutral-subtle-active': palette.neutral[200],\n '--action-neutral-subtle-selected': palette.neutral[100],\n '--action-success-normal': palette.green[600],\n '--action-success-hover': palette.green[700],\n '--action-success-active': palette.green[800],\n '--action-success-selected': palette.green[700],\n '--action-success-subtle-normal': palette.green[50],\n '--action-success-subtle-hover': palette.green[100],\n '--action-success-subtle-active': palette.green[200],\n '--action-success-subtle-selected': palette.green[100],\n '--action-destructive-normal': palette.red[600],\n '--action-destructive-hover': palette.red[700],\n '--action-destructive-active': palette.red[800],\n '--action-destructive-selected': palette.red[700],\n '--action-destructive-subtle-normal': palette.red[50],\n '--action-destructive-subtle-hover': palette.red[100],\n '--action-destructive-subtle-active': palette.red[200],\n '--action-destructive-subtle-selected': palette.red[100],\n '--action-ghost-normal': 'transparent',\n '--action-ghost-hover': palette.neutral[50],\n '--action-ghost-active': palette.neutral[100],\n '--action-ghost-selected': palette.neutral[50],\n '--action-ghost-inverted-hover':\n 'color-mix(in srgb, #FDFEFF 8%, transparent)',\n '--action-ghost-inverted-active':\n 'color-mix(in srgb, #FDFEFF 10%, transparent)',\n '--action-ghost-inverted-selected':\n 'color-mix(in srgb, #FDFEFF 8%, transparent)',\n '--action-ghost-destructive-hover': palette.red[50],\n '--action-ghost-destructive-active': palette.red[100],\n '--action-ghost-destructive-selected': palette.red[50],\n '--action-outline-normal': palette.neutral[300],\n '--action-outline-hover': palette.neutral[400],\n '--action-outline-active': palette.neutral[500],\n '--action-outline-selected': palette.neutral[400],\n '--action-inverted-normal': palette.neutral[0],\n '--action-inverted-hover': palette.neutral[50],\n '--action-inverted-active': palette.neutral[100],\n '--action-inverted-selected': palette.neutral[50],\n '--action-reverse-inverted-normal':\n 'color-mix(in srgb, #12181F 86%, transparent)',\n '--action-reverse-inverted-hover':\n 'color-mix(in srgb, #12181F 56%, transparent)',\n '--action-reverse-inverted-active':\n 'color-mix(in srgb, #12181F 40%, transparent)',\n '--action-reverse-inverted-selected':\n 'color-mix(in srgb, #12181F 56%, transparent)',\n\n '--elevation-bottom-bottom-sm': '0 1px 2px 0 rgba(27 36 44 / 0.12)',\n '--elevation-bottom-bottom-md':\n '0 2px 8px -1px rgba(27 36 44 / 0.08), 0 2px 2px -1px rgba(27 36 44 / 0.04)',\n '--elevation-bottom-bottom-lg':\n '0 8px 16px -2px rgba(27 36 44 / 0.12), 0 2px 2px -1px rgba(27 35 44 / 0.04)',\n '--elevation-bottom-bottom-xl':\n '0 16px 24px -6px rgba(27 36 44 / 0.16), 0 2px 2px -1px rgba(27 36 44 / 0.04)',\n '--elevation-top-top-sm': '0 -1px 2px 0 rgba(27 36 44 / 0.12)',\n '--elevation-top-top-md':\n '0 -2px 8px -1px rgba(27 36 44 / 0.08), 0 -2px 2px -1px rgba(27 36 44 / 0.04)',\n '--elevation-top-top-lg':\n '0 -8px 16px -2px rgba(27 36 44 / 0.12), 0 -2px 2px -1px rgba(27 35 44 / 0.04)',\n '--elevation-top-top-xl':\n '0 -16px 24px -6px rgba(27 36 44 / 0.16), 0 -2px 2px -1px rgba(27 36 44 / 0.04)',\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTheme.js","names":[],"sources":["../../../src/theme/runtime/createTheme.ts"],"sourcesContent":["import { defaultTheme } from './defaultTheme';\nimport type { AldThemeConfig, AldThemeToken, ResolvedAldTheme } from './types';\n\nconst colorTokenKeys: Array<\n keyof Pick<\n AldThemeToken,\n | 'colorPrimary'\n | 'colorSuccess'\n | 'colorWarning'\n | 'colorError'\n | 'colorInfo'\n | 'colorTextBase'\n | 'colorBgBase'\n | 'colorBorderBase'\n >\n> = [\n 'colorPrimary',\n 'colorSuccess',\n 'colorWarning',\n 'colorError',\n 'colorInfo',\n 'colorTextBase',\n 'colorBgBase',\n 'colorBorderBase',\n];\n\nfunction normalizeThemeId(id?: string) {\n if (!id) return defaultTheme.id;\n return /^[A-Za-z0-9_-]+$/.test(id) ? id : 'tenant-theme';\n}\n\nfunction isHexColor(value: unknown): value is string {\n return (\n typeof value === 'string' && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value)\n );\n}\n\nfunction isSafeRadius(value: unknown): value is number | string {\n if (typeof value === 'number') return Number.isFinite(value) && value >= 0;\n return (\n typeof value === 'string' && /^\\d+(\\.\\d+)?(px|rem|em|%)$/.test(value.trim())\n );\n}\n\nfunction sanitizeToken(token: AldThemeConfig['token']): AldThemeToken {\n const next: AldThemeToken = {};\n\n for (const key of colorTokenKeys) {\n const value = token?.[key];\n if (isHexColor(value)) {\n next[key] = value;\n }\n }\n\n const borderRadius = token?.borderRadius;\n if (isSafeRadius(borderRadius)) {\n next.borderRadius = borderRadius;\n }\n\n return next;\n}\n\nexport function createTheme(config: AldThemeConfig = {}): ResolvedAldTheme {\n return {\n id: normalizeThemeId(config.id),\n token: {\n ...defaultTheme.token,\n ...sanitizeToken(config.token),\n },\n };\n}\n"],"mappings":";;AAGA,IAAM,iBAYF;CACF;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,iBAAiB,IAAa;AACrC,KAAI,CAAC,GAAI,QAAO,aAAa;AAC7B,QAAO,mBAAmB,KAAK,GAAG,GAAG,KAAK;;AAG5C,SAAS,WAAW,OAAiC;AACnD,QACE,OAAO,UAAU,YAAY,gCAAgC,KAAK,MAAM;;AAI5E,SAAS,aAAa,OAA0C;AAC9D,KAAI,OAAO,UAAU,SAAU,QAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AACzE,QACE,OAAO,UAAU,YAAY,6BAA6B,KAAK,MAAM,MAAM,CAAC;;AAIhF,SAAS,cAAc,OAA+C;CACpE,MAAM,OAAsB,EAAE;AAE9B,MAAK,MAAM,OAAO,gBAAgB;EAChC,MAAM,QAAQ,QAAQ;AACtB,MAAI,WAAW,MAAM,CACnB,MAAK,OAAO;;CAIhB,MAAM,eAAe,OAAO;AAC5B,KAAI,aAAa,aAAa,CAC5B,MAAK,eAAe;AAGtB,QAAO;;AAGT,SAAgB,YAAY,SAAyB,EAAE,EAAoB;AACzE,QAAO;EACL,IAAI,iBAAiB,OAAO,GAAG;EAC/B,OAAO;GACL,GAAG,aAAa;GAChB,GAAG,cAAc,OAAO,MAAM;GAC/B;EACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultTheme.js","names":[],"sources":["../../../src/theme/runtime/defaultTheme.ts"],"sourcesContent":["import type { ResolvedAldTheme } from './types';\n\nexport const defaultTheme: ResolvedAldTheme = {\n id: 'default',\n token: {\n colorPrimary: '#3062D4',\n colorSuccess: '#1D7C4D',\n colorWarning: '#F59638',\n colorError: '#CF3F3F',\n colorInfo: '#3062D4',\n colorTextBase: '#272E35',\n colorBgBase: '#FFFFFF',\n colorBorderBase: '#EAEDF0',\n borderRadius: 6,\n },\n};\n"],"mappings":";AAEA,IAAa,eAAiC;CAC5C,IAAI;CACJ,OAAO;EACL,cAAc;EACd,cAAc;EACd,cAAc;EACd,YAAY;EACZ,WAAW;EACX,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,cAAc;EACf;CACF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createTheme } from "./createTheme.js";
|
|
2
2
|
import { themeDataAttribute, themeStyleElementId } from "./tokenMap.js";
|
|
3
3
|
import { themeToCssVars } from "./themeToCssVars.js";
|
|
4
|
-
//#region src/theme/initAldTheme.ts
|
|
4
|
+
//#region src/theme/runtime/initAldTheme.ts
|
|
5
5
|
function escapeCssString(value) {
|
|
6
6
|
return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
|
|
7
7
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initAldTheme.js","names":[],"sources":["../../../src/theme/runtime/initAldTheme.ts"],"sourcesContent":["import { createTheme } from './createTheme';\nimport { themeDataAttribute, themeStyleElementId } from './tokenMap';\nimport { themeToCssVars } from './themeToCssVars';\nimport type { AldThemeConfig, ResolvedAldTheme } from './types';\n\nfunction escapeCssString(value: string) {\n return value.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"');\n}\n\nfunction createThemeCss(theme: ResolvedAldTheme) {\n const vars = themeToCssVars(theme);\n const body = Object.entries(vars)\n .map(([name, value]) => ` ${name}: ${value};`)\n .join('\\n');\n\n return `:root[${themeDataAttribute}=\"${escapeCssString(\n theme.id,\n )}\"] {\\n${body}\\n}\\n`;\n}\n\nexport function initAldTheme(config: AldThemeConfig | ResolvedAldTheme): void {\n if (typeof document === 'undefined') return;\n\n const theme = createTheme(config);\n const style = document.createElement('style');\n\n style.id = themeStyleElementId;\n style.textContent = createThemeCss(theme);\n\n document.getElementById(themeStyleElementId)?.remove();\n document.head.appendChild(style);\n document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,SAAS,gBAAgB,OAAe;AACtC,QAAO,MAAM,QAAQ,OAAO,OAAO,CAAC,QAAQ,MAAM,OAAM;;AAG1D,SAAS,eAAe,OAAyB;CAC/C,MAAM,OAAO,eAAe,MAAM;CAClC,MAAM,OAAO,OAAO,QAAQ,KAAK,CAC9B,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,SAAS,mBAAmB,IAAI,gBACrC,MAAM,GACP,CAAC,QAAQ,KAAK;;AAGjB,SAAgB,aAAa,QAAiD;AAC5E,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,QAAQ,YAAY,OAAO;CACjC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAE7C,OAAM,KAAK;AACX,OAAM,cAAc,eAAe,MAAM;AAEzC,UAAS,eAAe,oBAAoB,EAAE,QAAQ;AACtD,UAAS,KAAK,YAAY,MAAM;AAChC,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CssArtifact } from '../generator/cssArtifactEmitter';
|
|
2
|
+
import { RuntimeAdapterResult } from './runtimeAdapter.js';
|
|
3
|
+
export interface ColorPipelineIntegrationConfig {
|
|
4
|
+
enableNewColorPipeline: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface ColorPipelineIntegrationInput {
|
|
7
|
+
artifact: CssArtifact | null;
|
|
8
|
+
config?: ColorPipelineIntegrationConfig;
|
|
9
|
+
}
|
|
10
|
+
export interface ColorPipelineIntegrationResult {
|
|
11
|
+
valid: boolean;
|
|
12
|
+
enableNewColorPipeline: boolean;
|
|
13
|
+
activePipeline: 'legacy' | 'new-color-pipeline';
|
|
14
|
+
cssText: string | null;
|
|
15
|
+
adapter: RuntimeAdapterResult;
|
|
16
|
+
rollback: {
|
|
17
|
+
available: true;
|
|
18
|
+
target: 'legacy';
|
|
19
|
+
};
|
|
20
|
+
metadata: {
|
|
21
|
+
controllerStage: 'phase-3-final-controlled-integration';
|
|
22
|
+
defaultEnabled: false;
|
|
23
|
+
runtimeInjected: false;
|
|
24
|
+
} & Readonly<Record<string, unknown>>;
|
|
25
|
+
}
|
|
26
|
+
export declare function createColorPipelineIntegration({ artifact, config, }: ColorPipelineIntegrationInput): ColorPipelineIntegrationResult;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { CssArtifact } from '../generator/cssArtifactEmitter';
|
|
2
|
+
export type RuntimeAdapterMode = 'legacy' | 'css-artifact';
|
|
3
|
+
export interface RuntimeAdapterOptions {
|
|
4
|
+
mode?: RuntimeAdapterMode;
|
|
5
|
+
}
|
|
6
|
+
export type RuntimeAdapterIssueCode = 'missing-css-artifact' | 'invalid-css-artifact';
|
|
7
|
+
export interface RuntimeAdapterIssue {
|
|
8
|
+
code: RuntimeAdapterIssueCode;
|
|
9
|
+
severity: 'error' | 'warning';
|
|
10
|
+
message: string;
|
|
11
|
+
}
|
|
12
|
+
export interface RuntimeAdapterResult {
|
|
13
|
+
valid: boolean;
|
|
14
|
+
mode: RuntimeAdapterMode;
|
|
15
|
+
active: boolean;
|
|
16
|
+
cssText: string | null;
|
|
17
|
+
artifact: CssArtifact | null;
|
|
18
|
+
errors: readonly RuntimeAdapterIssue[];
|
|
19
|
+
warnings: readonly RuntimeAdapterIssue[];
|
|
20
|
+
metadata: {
|
|
21
|
+
source: 'CssArtifact';
|
|
22
|
+
adapterStage: 'phase-3-final-runtime-adapter';
|
|
23
|
+
legacyRuntimePreserved: true;
|
|
24
|
+
runtimeInjected: false;
|
|
25
|
+
} & Readonly<Record<string, unknown>>;
|
|
26
|
+
}
|
|
27
|
+
export interface CreateRuntimeAdapterInput {
|
|
28
|
+
artifact: CssArtifact | null;
|
|
29
|
+
options?: RuntimeAdapterOptions;
|
|
30
|
+
}
|
|
31
|
+
export declare function createRuntimeCssArtifactAdapter({ artifact, options, }: CreateRuntimeAdapterInput): RuntimeAdapterResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeToCssVars.js","names":[],"sources":["../../../src/theme/runtime/themeToCssVars.ts"],"sourcesContent":["import { assignVars, radiusVarNames } from './tokenMap';\nimport type { AldThemeCssVars, ResolvedAldTheme } from './types';\n\ntype Rgb = [number, number, number];\n\nconst tonalStops = {\n 950: 0.68,\n 900: 0.52,\n 800: 0.36,\n 700: 0.18,\n 600: 0,\n 500: 0.2,\n 400: 0.38,\n 300: 0.56,\n 200: 0.72,\n 100: 0.84,\n 50: 0.92,\n 25: 0.96,\n 0: 0.98,\n} as const;\n\nfunction clampChannel(value: number) {\n return Math.max(0, Math.min(255, Math.round(value)));\n}\n\nfunction parseHexColor(color: string): Rgb | null {\n const normalized = color.trim();\n const match = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n if (!match) return null;\n const hex =\n match[1].length === 3\n ? match[1]\n .split('')\n .map((char) => char + char)\n .join('')\n : match[1];\n return [\n Number.parseInt(hex.slice(0, 2), 16),\n Number.parseInt(hex.slice(2, 4), 16),\n Number.parseInt(hex.slice(4, 6), 16),\n ];\n}\n\nfunction rgbToHex(rgb: Rgb) {\n return `#${rgb\n .map((channel) => clampChannel(channel).toString(16).padStart(2, '0'))\n .join('')}`;\n}\n\nfunction normalizeColor(color: string) {\n const rgb = parseHexColor(color);\n return rgb ? rgbToHex(rgb) : color.trim();\n}\n\nfunction mix(from: Rgb, to: Rgb, amount: number): Rgb {\n return [\n from[0] + (to[0] - from[0]) * amount,\n from[1] + (to[1] - from[1]) * amount,\n from[2] + (to[2] - from[2]) * amount,\n ];\n}\n\nfunction createPaletteVars(\n prefix: string,\n baseColor: string,\n globalPrefix?: string,\n globalZeroName?: `--${string}`,\n): AldThemeCssVars {\n const baseRgb = parseHexColor(baseColor);\n const base = normalizeColor(baseColor);\n\n if (!baseRgb) {\n return {\n [`--semantic-${prefix}-600`]: base,\n };\n }\n\n const vars: AldThemeCssVars = {};\n for (const [stop, amount] of Object.entries(tonalStops)) {\n const target: Rgb = Number(stop) > 600 ? [0, 0, 0] : [255, 255, 255];\n const value =\n stop === '600' ? base : rgbToHex(mix(baseRgb, target, amount));\n vars[`--semantic-${prefix}-${stop}`] = value;\n if (globalPrefix) {\n vars[`--${globalPrefix}-${stop}`] = value;\n }\n }\n if (globalZeroName && vars[`--semantic-${prefix}-0`]) {\n vars[globalZeroName] = vars[`--semantic-${prefix}-0`];\n }\n return vars;\n}\n\nfunction radiusToCssValue(value: number | string) {\n return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars {\n const { token } = theme;\n const vars: AldThemeCssVars = {};\n\n assignVars(\n vars,\n createPaletteVars(\n 'brand',\n token.colorPrimary,\n 'global-blue',\n '--global-blue-blue-0',\n ),\n );\n assignVars(vars, createPaletteVars('informative', token.colorInfo));\n assignVars(\n vars,\n createPaletteVars(\n 'positive',\n token.colorSuccess,\n 'global-green',\n '--global-green-green-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars(\n 'warning',\n token.colorWarning,\n 'global-orange',\n '--global-orange-orange-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars('negative', token.colorError, 'global-red'),\n );\n\n const textBase = normalizeColor(token.colorTextBase);\n const bgBase = normalizeColor(token.colorBgBase);\n const borderBase = normalizeColor(token.colorBorderBase);\n const radius = radiusToCssValue(token.borderRadius);\n\n assignVars(vars, {\n '--content-primary': textBase,\n '--alias-colors-text-strong': textBase,\n '--alias-colors-text-default': textBase,\n '--background-default': bgBase,\n '--background-neutral-surface': bgBase,\n '--border-default': borderBase,\n '--border-default-alpha': borderBase,\n '--action-primary-normal': 'var(--semantic-brand-600)',\n '--action-primary-hover': 'var(--semantic-brand-800)',\n '--action-primary-active': 'var(--semantic-brand-900)',\n '--action-primary-selected': 'var(--semantic-brand-800)',\n '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--alias-colors-text-selected': 'var(--semantic-brand-900)',\n '--alias-colors-text-brand': 'var(--semantic-brand-600)',\n '--alias-colors-text-danger': 'var(--semantic-negative-600)',\n '--alias-colors-text-warning': 'var(--semantic-warning-600)',\n '--alias-colors-text-success': 'var(--semantic-positive-600)',\n '--alias-colors-text-information': 'var(--semantic-informative-600)',\n '--alias-colors-icon-selected': 'var(--semantic-brand-600)',\n '--alias-colors-icon-brand': 'var(--semantic-brand-600)',\n '--alias-colors-icon-danger': 'var(--semantic-negative-600)',\n '--alias-colors-icon-warning': 'var(--semantic-warning-600)',\n '--alias-colors-icon-success': 'var(--semantic-positive-600)',\n '--alias-colors-icon-information': 'var(--semantic-informative-600)',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--alias-colors-border-selected': 'var(--semantic-brand-600)',\n '--alias-colors-border-brand': 'var(--semantic-brand-600)',\n '--alias-colors-border-danger': 'var(--semantic-negative-600)',\n '--alias-colors-border-warning': 'var(--semantic-warning-600)',\n '--alias-colors-border-success': 'var(--semantic-positive-600)',\n '--alias-colors-border-information': 'var(--semantic-informative-600)',\n '--alias-colors-bg-selected-default': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-hover': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-press': 'var(--semantic-brand-300)',\n '--alias-colors-bg-selected-strong-default': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-hover': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-press': 'var(--semantic-brand-900)',\n '--background-brand-strong': 'var(--semantic-brand-600)',\n '--background-brand-muted': 'var(--semantic-brand-200)',\n '--background-brand-subtle': 'var(--semantic-brand-25)',\n '--semantic-informative-informative-0': 'var(--semantic-informative-0)',\n '--interaction-default-normal': 'var(--semantic-brand-600)',\n '--interaction-default-hover': 'var(--semantic-brand-800)',\n '--interaction-default-active': 'var(--semantic-brand-900)',\n '--interaction-border-normal': 'var(--semantic-brand-400)',\n '--interaction-border-hover': 'var(--semantic-brand-500)',\n '--interaction-border-active': 'var(--semantic-brand-700)',\n '--interaction-border-selected': 'var(--semantic-brand-600)',\n });\n\n for (const varName of radiusVarNames) {\n vars[varName] = radius;\n }\n\n return vars;\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokenMap.js","names":[],"sources":["../../../src/theme/runtime/tokenMap.ts"],"sourcesContent":["import type { AldThemeCssVars } from './types';\n\nexport const themeStyleElementId = 'ald-theme-runtime';\nexport const themeDataAttribute = 'data-ald-theme';\n\nexport const radiusVarNames = [\n '--alias-radius-75',\n '--alias-radius-100',\n] as const;\n\nexport function assignVars(\n target: AldThemeCssVars,\n vars: AldThemeCssVars,\n): AldThemeCssVars {\n Object.assign(target, vars);\n return target;\n}\n"],"mappings":";AAEA,IAAa,sBAAsB;AACnC,IAAa,qBAAqB;AAElC,IAAa,iBAAiB,CAC5B,qBACA,qBACD;AAED,SAAgB,WACd,QACA,MACiB;AACjB,QAAO,OAAO,QAAQ,KAAK;AAC3B,QAAO"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createTheme.js","names":[],"sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { defaultTheme } from './defaultTheme';\nimport type { AldThemeConfig, AldThemeToken, ResolvedAldTheme } from './types';\n\nconst colorTokenKeys: Array<\n keyof Pick<\n AldThemeToken,\n | 'colorPrimary'\n | 'colorSuccess'\n | 'colorWarning'\n | 'colorError'\n | 'colorInfo'\n | 'colorTextBase'\n | 'colorBgBase'\n | 'colorBorderBase'\n >\n> = [\n 'colorPrimary',\n 'colorSuccess',\n 'colorWarning',\n 'colorError',\n 'colorInfo',\n 'colorTextBase',\n 'colorBgBase',\n 'colorBorderBase',\n];\n\nfunction normalizeThemeId(id?: string) {\n if (!id) return defaultTheme.id;\n return /^[A-Za-z0-9_-]+$/.test(id) ? id : 'tenant-theme';\n}\n\nfunction isHexColor(value: unknown): value is string {\n return (\n typeof value === 'string' && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value)\n );\n}\n\nfunction isSafeRadius(value: unknown): value is number | string {\n if (typeof value === 'number') return Number.isFinite(value) && value >= 0;\n return (\n typeof value === 'string' && /^\\d+(\\.\\d+)?(px|rem|em|%)$/.test(value.trim())\n );\n}\n\nfunction sanitizeToken(token: AldThemeConfig['token']): AldThemeToken {\n const next: AldThemeToken = {};\n\n for (const key of colorTokenKeys) {\n const value = token?.[key];\n if (isHexColor(value)) {\n next[key] = value;\n }\n }\n\n const borderRadius = token?.borderRadius;\n if (isSafeRadius(borderRadius)) {\n next.borderRadius = borderRadius;\n }\n\n return next;\n}\n\nexport function createTheme(config: AldThemeConfig = {}): ResolvedAldTheme {\n return {\n id: normalizeThemeId(config.id),\n token: {\n ...defaultTheme.token,\n ...sanitizeToken(config.token),\n },\n };\n}\n"],"mappings":";;AAGA,IAAM,iBAYF;CACF;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,iBAAiB,IAAa;AACrC,KAAI,CAAC,GAAI,QAAO,aAAa;AAC7B,QAAO,mBAAmB,KAAK,GAAG,GAAG,KAAK;;AAG5C,SAAS,WAAW,OAAiC;AACnD,QACE,OAAO,UAAU,YAAY,gCAAgC,KAAK,MAAM;;AAI5E,SAAS,aAAa,OAA0C;AAC9D,KAAI,OAAO,UAAU,SAAU,QAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AACzE,QACE,OAAO,UAAU,YAAY,6BAA6B,KAAK,MAAM,MAAM,CAAC;;AAIhF,SAAS,cAAc,OAA+C;CACpE,MAAM,OAAsB,EAAE;AAE9B,MAAK,MAAM,OAAO,gBAAgB;EAChC,MAAM,QAAQ,QAAQ;AACtB,MAAI,WAAW,MAAM,CACnB,MAAK,OAAO;;CAIhB,MAAM,eAAe,OAAO;AAC5B,KAAI,aAAa,aAAa,CAC5B,MAAK,eAAe;AAGtB,QAAO;;AAGT,SAAgB,YAAY,SAAyB,EAAE,EAAoB;AACzE,QAAO;EACL,IAAI,iBAAiB,OAAO,GAAG;EAC/B,OAAO;GACL,GAAG,aAAa;GAChB,GAAG,cAAc,OAAO,MAAM;GAC/B;EACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.js","names":[],"sources":["../../src/theme/defaultTheme.ts"],"sourcesContent":["import type { ResolvedAldTheme } from './types';\n\nexport const defaultTheme: ResolvedAldTheme = {\n id: 'default',\n token: {\n colorPrimary: '#3062D4',\n colorSuccess: '#1D7C4D',\n colorWarning: '#F59638',\n colorError: '#CF3F3F',\n colorInfo: '#3062D4',\n colorTextBase: '#272E35',\n colorBgBase: '#FFFFFF',\n colorBorderBase: '#EAEDF0',\n borderRadius: 6,\n },\n};\n"],"mappings":";AAEA,IAAa,eAAiC;CAC5C,IAAI;CACJ,OAAO;EACL,cAAc;EACd,cAAc;EACd,cAAc;EACd,YAAY;EACZ,WAAW;EACX,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,cAAc;EACf;CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"initAldTheme.js","names":[],"sources":["../../src/theme/initAldTheme.ts"],"sourcesContent":["import { createTheme } from './createTheme';\nimport { themeDataAttribute, themeStyleElementId } from './tokenMap';\nimport { themeToCssVars } from './themeToCssVars';\nimport type { AldThemeConfig, ResolvedAldTheme } from './types';\n\nfunction escapeCssString(value: string) {\n return value.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"');\n}\n\nfunction createThemeCss(theme: ResolvedAldTheme) {\n const vars = themeToCssVars(theme);\n const body = Object.entries(vars)\n .map(([name, value]) => ` ${name}: ${value};`)\n .join('\\n');\n\n return `:root[${themeDataAttribute}=\"${escapeCssString(\n theme.id,\n )}\"] {\\n${body}\\n}\\n`;\n}\n\nexport function initAldTheme(config: AldThemeConfig | ResolvedAldTheme): void {\n if (typeof document === 'undefined') return;\n\n const theme = createTheme(config);\n const style = document.createElement('style');\n\n style.id = themeStyleElementId;\n style.textContent = createThemeCss(theme);\n\n document.getElementById(themeStyleElementId)?.remove();\n document.head.appendChild(style);\n document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,SAAS,gBAAgB,OAAe;AACtC,QAAO,MAAM,QAAQ,OAAO,OAAO,CAAC,QAAQ,MAAM,OAAM;;AAG1D,SAAS,eAAe,OAAyB;CAC/C,MAAM,OAAO,eAAe,MAAM;CAClC,MAAM,OAAO,OAAO,QAAQ,KAAK,CAC9B,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,SAAS,mBAAmB,IAAI,gBACrC,MAAM,GACP,CAAC,QAAQ,KAAK;;AAGjB,SAAgB,aAAa,QAAiD;AAC5E,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,QAAQ,YAAY,OAAO;CACjC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAE7C,OAAM,KAAK;AACX,OAAM,cAAc,eAAe,MAAM;AAEzC,UAAS,eAAe,oBAAoB,EAAE,QAAQ;AACtD,UAAS,KAAK,YAAY,MAAM;AAChC,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeToCssVars.js","names":[],"sources":["../../src/theme/themeToCssVars.ts"],"sourcesContent":["import { assignVars, radiusVarNames } from './tokenMap';\nimport type { AldThemeCssVars, ResolvedAldTheme } from './types';\n\ntype Rgb = [number, number, number];\n\nconst tonalStops = {\n 950: 0.68,\n 900: 0.52,\n 800: 0.36,\n 700: 0.18,\n 600: 0,\n 500: 0.2,\n 400: 0.38,\n 300: 0.56,\n 200: 0.72,\n 100: 0.84,\n 50: 0.92,\n 25: 0.96,\n 0: 0.98,\n} as const;\n\nfunction clampChannel(value: number) {\n return Math.max(0, Math.min(255, Math.round(value)));\n}\n\nfunction parseHexColor(color: string): Rgb | null {\n const normalized = color.trim();\n const match = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n if (!match) return null;\n const hex =\n match[1].length === 3\n ? match[1]\n .split('')\n .map((char) => char + char)\n .join('')\n : match[1];\n return [\n Number.parseInt(hex.slice(0, 2), 16),\n Number.parseInt(hex.slice(2, 4), 16),\n Number.parseInt(hex.slice(4, 6), 16),\n ];\n}\n\nfunction rgbToHex(rgb: Rgb) {\n return `#${rgb\n .map((channel) => clampChannel(channel).toString(16).padStart(2, '0'))\n .join('')}`;\n}\n\nfunction normalizeColor(color: string) {\n const rgb = parseHexColor(color);\n return rgb ? rgbToHex(rgb) : color.trim();\n}\n\nfunction mix(from: Rgb, to: Rgb, amount: number): Rgb {\n return [\n from[0] + (to[0] - from[0]) * amount,\n from[1] + (to[1] - from[1]) * amount,\n from[2] + (to[2] - from[2]) * amount,\n ];\n}\n\nfunction createPaletteVars(\n prefix: string,\n baseColor: string,\n globalPrefix?: string,\n globalZeroName?: `--${string}`,\n): AldThemeCssVars {\n const baseRgb = parseHexColor(baseColor);\n const base = normalizeColor(baseColor);\n\n if (!baseRgb) {\n return {\n [`--semantic-${prefix}-600`]: base,\n };\n }\n\n const vars: AldThemeCssVars = {};\n for (const [stop, amount] of Object.entries(tonalStops)) {\n const target: Rgb = Number(stop) > 600 ? [0, 0, 0] : [255, 255, 255];\n const value =\n stop === '600' ? base : rgbToHex(mix(baseRgb, target, amount));\n vars[`--semantic-${prefix}-${stop}`] = value;\n if (globalPrefix) {\n vars[`--${globalPrefix}-${stop}`] = value;\n }\n }\n if (globalZeroName && vars[`--semantic-${prefix}-0`]) {\n vars[globalZeroName] = vars[`--semantic-${prefix}-0`];\n }\n return vars;\n}\n\nfunction radiusToCssValue(value: number | string) {\n return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars {\n const { token } = theme;\n const vars: AldThemeCssVars = {};\n\n assignVars(\n vars,\n createPaletteVars(\n 'brand',\n token.colorPrimary,\n 'global-blue',\n '--global-blue-blue-0',\n ),\n );\n assignVars(vars, createPaletteVars('informative', token.colorInfo));\n assignVars(\n vars,\n createPaletteVars(\n 'positive',\n token.colorSuccess,\n 'global-green',\n '--global-green-green-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars(\n 'warning',\n token.colorWarning,\n 'global-orange',\n '--global-orange-orange-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars('negative', token.colorError, 'global-red'),\n );\n\n const textBase = normalizeColor(token.colorTextBase);\n const bgBase = normalizeColor(token.colorBgBase);\n const borderBase = normalizeColor(token.colorBorderBase);\n const radius = radiusToCssValue(token.borderRadius);\n\n assignVars(vars, {\n '--content-primary': textBase,\n '--alias-colors-text-strong': textBase,\n '--alias-colors-text-default': textBase,\n '--background-default': bgBase,\n '--background-neutral-surface': bgBase,\n '--border-default': borderBase,\n '--border-default-alpha': borderBase,\n '--action-primary-normal': 'var(--semantic-brand-600)',\n '--action-primary-hover': 'var(--semantic-brand-800)',\n '--action-primary-active': 'var(--semantic-brand-900)',\n '--action-primary-selected': 'var(--semantic-brand-800)',\n '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--alias-colors-text-selected': 'var(--semantic-brand-900)',\n '--alias-colors-text-brand': 'var(--semantic-brand-600)',\n '--alias-colors-text-danger': 'var(--semantic-negative-600)',\n '--alias-colors-text-warning': 'var(--semantic-warning-600)',\n '--alias-colors-text-success': 'var(--semantic-positive-600)',\n '--alias-colors-text-information': 'var(--semantic-informative-600)',\n '--alias-colors-icon-selected': 'var(--semantic-brand-600)',\n '--alias-colors-icon-brand': 'var(--semantic-brand-600)',\n '--alias-colors-icon-danger': 'var(--semantic-negative-600)',\n '--alias-colors-icon-warning': 'var(--semantic-warning-600)',\n '--alias-colors-icon-success': 'var(--semantic-positive-600)',\n '--alias-colors-icon-information': 'var(--semantic-informative-600)',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--alias-colors-border-selected': 'var(--semantic-brand-600)',\n '--alias-colors-border-brand': 'var(--semantic-brand-600)',\n '--alias-colors-border-danger': 'var(--semantic-negative-600)',\n '--alias-colors-border-warning': 'var(--semantic-warning-600)',\n '--alias-colors-border-success': 'var(--semantic-positive-600)',\n '--alias-colors-border-information': 'var(--semantic-informative-600)',\n '--alias-colors-bg-selected-default': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-hover': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-press': 'var(--semantic-brand-300)',\n '--alias-colors-bg-selected-strong-default': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-hover': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-press': 'var(--semantic-brand-900)',\n '--background-brand-strong': 'var(--semantic-brand-600)',\n '--background-brand-muted': 'var(--semantic-brand-200)',\n '--background-brand-subtle': 'var(--semantic-brand-25)',\n '--semantic-informative-informative-0': 'var(--semantic-informative-0)',\n '--interaction-default-normal': 'var(--semantic-brand-600)',\n '--interaction-default-hover': 'var(--semantic-brand-800)',\n '--interaction-default-active': 'var(--semantic-brand-900)',\n '--interaction-border-normal': 'var(--semantic-brand-400)',\n '--interaction-border-hover': 'var(--semantic-brand-500)',\n '--interaction-border-active': 'var(--semantic-brand-700)',\n '--interaction-border-selected': 'var(--semantic-brand-600)',\n });\n\n for (const varName of radiusVarNames) {\n vars[varName] = radius;\n }\n\n return vars;\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokenMap.js","names":[],"sources":["../../src/theme/tokenMap.ts"],"sourcesContent":["import type { AldThemeCssVars } from './types';\n\nexport const themeStyleElementId = 'ald-theme-runtime';\nexport const themeDataAttribute = 'data-ald-theme';\n\nexport const radiusVarNames = [\n '--alias-radius-75',\n '--alias-radius-100',\n] as const;\n\nexport function assignVars(\n target: AldThemeCssVars,\n vars: AldThemeCssVars,\n): AldThemeCssVars {\n Object.assign(target, vars);\n return target;\n}\n"],"mappings":";AAEA,IAAa,sBAAsB;AACnC,IAAa,qBAAqB;AAElC,IAAa,iBAAiB,CAC5B,qBACA,qBACD;AAED,SAAgB,WACd,QACA,MACiB;AACjB,QAAO,OAAO,QAAQ,KAAK;AAC3B,QAAO"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|