@aloudata/aloudata-design 3.0.21 → 3.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App/index.d.ts +3 -0
- package/dist/App/index.js +12 -10
- package/dist/App/index.js.map +1 -1
- package/dist/Select/BaseSelect.js +2 -1
- package/dist/Select/BaseSelect.js.map +1 -1
- package/dist/aloudata-design.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -3
- package/dist/theme/contract/baselineResolvedTokenValueManifest.d.ts +22 -0
- package/dist/theme/contract/baselineResolvedTokenValueManifest.js +2 -0
- package/dist/theme/contract/darkResolvedTokenValueManifest.d.ts +5 -0
- package/dist/theme/contract/darkResolvedTokenValueManifest.js +2 -0
- package/dist/theme/contract/resolvedTokenValueManifest.d.ts +3 -0
- package/dist/theme/contract/resolvedTokenValueManifest.js +2 -0
- package/dist/theme/generator/baselineTokenValueDelivery.d.ts +21 -0
- package/dist/theme/generator/baselineTokenValueDelivery.js +2 -0
- package/dist/theme/index.d.ts +2 -2
- package/dist/theme/runtime/colorValueMode/dark.d.ts +1 -0
- package/dist/theme/runtime/colorValueMode/dark.js +2 -0
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.d.ts +3 -0
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js +125 -0
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js.map +1 -0
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.d.ts +3 -0
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js +125 -0
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js.map +1 -0
- package/dist/theme/runtime/colorValueMode/index.d.ts +2 -1
- package/dist/theme/runtime/colorValueMode/index.js +13 -7
- package/dist/theme/runtime/colorValueMode/index.js.map +1 -1
- package/dist/theme/runtime/colorValueMode/registry.d.ts +14 -5
- package/dist/theme/runtime/colorValueMode/registry.js +15 -8
- package/dist/theme/runtime/colorValueMode/registry.js.map +1 -1
- package/dist/theme/runtime/colorValueMode/v3.d.ts +1 -98
- package/dist/theme/runtime/colorValueMode/v3.js +2 -230
- package/dist/theme/runtime/initAldTheme.js +5 -0
- package/dist/theme/runtime/initAldTheme.js.map +1 -1
- package/package.json +6 -3
- package/dist/theme/runtime/colorValueMode/v3.js.map +0 -1
|
@@ -1,17 +1,27 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { aldV3BaselineDeclarations } from "./generated/v3BaselineDeclarations.js";
|
|
2
|
+
import { aldDarkBaselineDeclarations } from "./generated/darkBaselineDeclarations.js";
|
|
2
3
|
//#region src/theme/runtime/colorValueMode/registry.ts
|
|
3
4
|
var colorValueModeRegistry = {
|
|
4
5
|
legacy: {
|
|
5
6
|
mode: "legacy",
|
|
6
7
|
title: "Legacy compatibility values",
|
|
7
8
|
lifecycle: "stable",
|
|
8
|
-
|
|
9
|
+
selector: ":root[data-ald-color-value-mode=\"legacy\"]",
|
|
10
|
+
declarations: {}
|
|
9
11
|
},
|
|
10
12
|
v3: {
|
|
11
13
|
mode: "v3",
|
|
12
14
|
title: "ALD V3 values",
|
|
13
15
|
lifecycle: "stable",
|
|
14
|
-
|
|
16
|
+
selector: ":root[data-ald-color-value-mode=\"v3\"]",
|
|
17
|
+
declarations: aldV3BaselineDeclarations
|
|
18
|
+
},
|
|
19
|
+
dark: {
|
|
20
|
+
mode: "dark",
|
|
21
|
+
title: "ALD Dark values",
|
|
22
|
+
lifecycle: "stable",
|
|
23
|
+
selector: ":root[data-ald-color-value-mode=\"dark\"]",
|
|
24
|
+
declarations: aldDarkBaselineDeclarations
|
|
15
25
|
}
|
|
16
26
|
};
|
|
17
27
|
var aldColorValueModes = Object.freeze(Object.keys(colorValueModeRegistry));
|
|
@@ -21,7 +31,7 @@ function isAldColorValueMode(value) {
|
|
|
21
31
|
function copyDefinition(definition) {
|
|
22
32
|
return {
|
|
23
33
|
...definition,
|
|
24
|
-
|
|
34
|
+
declarations: { ...definition.declarations }
|
|
25
35
|
};
|
|
26
36
|
}
|
|
27
37
|
function getAldColorValueModeDefinition(mode) {
|
|
@@ -30,10 +40,7 @@ function getAldColorValueModeDefinition(mode) {
|
|
|
30
40
|
function getAldColorValueModeDefinitions() {
|
|
31
41
|
return aldColorValueModes.map((mode) => getAldColorValueModeDefinition(mode));
|
|
32
42
|
}
|
|
33
|
-
function createAldV3ColorValueModeVars() {
|
|
34
|
-
return { ...aldV3ColorValueModeVars };
|
|
35
|
-
}
|
|
36
43
|
//#endregion
|
|
37
|
-
export { aldColorValueModes,
|
|
44
|
+
export { aldColorValueModes, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, isAldColorValueMode };
|
|
38
45
|
|
|
39
46
|
//# sourceMappingURL=registry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registry.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/registry.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"registry.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/registry.ts"],"sourcesContent":["import { aldV3BaselineDeclarations } from './generated/v3BaselineDeclarations';\nimport { aldDarkBaselineDeclarations } from './generated/darkBaselineDeclarations';\nimport type { AldThemeCssVars } from '../types';\n\nexport type AldColorValueModeLifecycle =\n | 'stable'\n | 'experimental'\n | 'deprecated';\n\nexport interface AldColorValueModeDefinition<Mode extends string = string> {\n mode: Mode;\n title: string;\n lifecycle: AldColorValueModeLifecycle;\n selector: string;\n declarations: AldThemeCssVars;\n}\n\nconst colorValueModeRegistry = {\n legacy: {\n mode: 'legacy',\n title: 'Legacy compatibility values',\n lifecycle: 'stable',\n selector: ':root[data-ald-color-value-mode=\"legacy\"]',\n declarations: {},\n },\n v3: {\n mode: 'v3',\n title: 'ALD V3 values',\n lifecycle: 'stable',\n selector: ':root[data-ald-color-value-mode=\"v3\"]',\n declarations: aldV3BaselineDeclarations,\n },\n dark: {\n mode: 'dark',\n title: 'ALD Dark values',\n lifecycle: 'stable',\n selector: ':root[data-ald-color-value-mode=\"dark\"]',\n declarations: aldDarkBaselineDeclarations,\n },\n} as const satisfies Record<string, AldColorValueModeDefinition>;\n\nexport type AldColorValueMode = keyof typeof colorValueModeRegistry;\n\nexport const aldColorValueModes = Object.freeze(\n Object.keys(colorValueModeRegistry) as AldColorValueMode[],\n);\n\nexport function isAldColorValueMode(\n value: unknown,\n): value is AldColorValueMode {\n return (\n typeof value === 'string' &&\n Object.prototype.hasOwnProperty.call(colorValueModeRegistry, value)\n );\n}\n\nfunction copyDefinition(\n definition: AldColorValueModeDefinition<AldColorValueMode>,\n): AldColorValueModeDefinition<AldColorValueMode> {\n return {\n ...definition,\n declarations: { ...definition.declarations },\n };\n}\n\nexport function getAldColorValueModeDefinition(\n mode: unknown,\n): AldColorValueModeDefinition<AldColorValueMode> {\n const normalizedMode = isAldColorValueMode(mode) ? mode : 'legacy';\n\n return copyDefinition(\n colorValueModeRegistry[\n normalizedMode\n ] as AldColorValueModeDefinition<AldColorValueMode>,\n );\n}\n\nexport function getAldColorValueModeDefinitions(): Array<\n AldColorValueModeDefinition<AldColorValueMode>\n> {\n return aldColorValueModes.map((mode) => getAldColorValueModeDefinition(mode));\n}\n"],"mappings":";;;AAiBA,IAAM,yBAAyB;CAC7B,QAAQ;EACN,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc,EAAE;EACjB;CACD,IAAI;EACF,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;CACD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;CACF;AAID,IAAa,qBAAqB,OAAO,OACvC,OAAO,KAAK,uBAAuB,CACpC;AAED,SAAgB,oBACd,OAC4B;AAC5B,QACE,OAAO,UAAU,YACjB,OAAO,UAAU,eAAe,KAAK,wBAAwB,MAAM;;AAIvE,SAAS,eACP,YACgD;AAChD,QAAO;EACL,GAAG;EACH,cAAc,EAAE,GAAG,WAAW,cAAc;EAC7C;;AAGH,SAAgB,+BACd,MACgD;AAGhD,QAAO,eACL,uBAHqB,oBAAoB,KAAK,GAAG,OAAO,UAMzD;;AAGH,SAAgB,kCAEd;AACA,QAAO,mBAAmB,KAAK,SAAS,+BAA+B,KAAK,CAAC"}
|
|
@@ -1,98 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const aldV3ColorValueModePalette: {
|
|
3
|
-
readonly neutral: {
|
|
4
|
-
readonly 0: "#FDFEFF";
|
|
5
|
-
readonly 25: "#F6F9FB";
|
|
6
|
-
readonly 50: "#EEF1F5";
|
|
7
|
-
readonly 100: "#E3E7EC";
|
|
8
|
-
readonly 200: "#D1D6DC";
|
|
9
|
-
readonly 300: "#B4B9C1";
|
|
10
|
-
readonly 400: "#8D939B";
|
|
11
|
-
readonly 500: "#6D747C";
|
|
12
|
-
readonly 600: "#484F58";
|
|
13
|
-
readonly 700: "#313740";
|
|
14
|
-
readonly 800: "#1D232C";
|
|
15
|
-
readonly 900: "#12181F";
|
|
16
|
-
readonly 950: "#060A10";
|
|
17
|
-
readonly 1000: "#010103";
|
|
18
|
-
};
|
|
19
|
-
readonly brand: {
|
|
20
|
-
readonly 50: "#F4F8FF";
|
|
21
|
-
readonly 100: "#E7F0FF";
|
|
22
|
-
readonly 200: "#C7DBFA";
|
|
23
|
-
readonly 300: "#94B7F2";
|
|
24
|
-
readonly 400: "#6B96E8";
|
|
25
|
-
readonly 500: "#4A79DE";
|
|
26
|
-
readonly 600: "#3162D4";
|
|
27
|
-
readonly 700: "#284FAF";
|
|
28
|
-
readonly 800: "#223F8C";
|
|
29
|
-
readonly 900: "#1B336D";
|
|
30
|
-
readonly 950: "#14244A";
|
|
31
|
-
};
|
|
32
|
-
readonly blue: {
|
|
33
|
-
readonly 50: "#F2F8FF";
|
|
34
|
-
readonly 100: "#E1F0FF";
|
|
35
|
-
readonly 200: "#BFE0FF";
|
|
36
|
-
readonly 300: "#8EC8F6";
|
|
37
|
-
readonly 400: "#56A9E9";
|
|
38
|
-
readonly 500: "#2D8BD6";
|
|
39
|
-
readonly 600: "#1F72B6";
|
|
40
|
-
readonly 700: "#1B5C95";
|
|
41
|
-
readonly 800: "#1A4774";
|
|
42
|
-
readonly 900: "#173A5E";
|
|
43
|
-
readonly 950: "#0F243D";
|
|
44
|
-
};
|
|
45
|
-
readonly green: {
|
|
46
|
-
readonly 50: "#F2FBF7";
|
|
47
|
-
readonly 100: "#E3F7ED";
|
|
48
|
-
readonly 200: "#C2EBD7";
|
|
49
|
-
readonly 300: "#91D8B6";
|
|
50
|
-
readonly 400: "#5FC08F";
|
|
51
|
-
readonly 500: "#35A873";
|
|
52
|
-
readonly 600: "#25895D";
|
|
53
|
-
readonly 700: "#1F6F4D";
|
|
54
|
-
readonly 800: "#1A583F";
|
|
55
|
-
readonly 900: "#154633";
|
|
56
|
-
readonly 950: "#0D2B20";
|
|
57
|
-
};
|
|
58
|
-
readonly yellow: {
|
|
59
|
-
readonly 50: "#FFFBEB";
|
|
60
|
-
readonly 100: "#FFF4C2";
|
|
61
|
-
readonly 200: "#FFE68A";
|
|
62
|
-
readonly 300: "#F8CF48";
|
|
63
|
-
readonly 400: "#E9B323";
|
|
64
|
-
readonly 500: "#C89313";
|
|
65
|
-
readonly 600: "#9F710E";
|
|
66
|
-
readonly 700: "#7E590F";
|
|
67
|
-
readonly 800: "#64460F";
|
|
68
|
-
readonly 900: "#4B340C";
|
|
69
|
-
readonly 950: "#2F2108";
|
|
70
|
-
};
|
|
71
|
-
readonly orange: {
|
|
72
|
-
readonly 50: "#FFF7ED";
|
|
73
|
-
readonly 100: "#FFEAD2";
|
|
74
|
-
readonly 200: "#FFD0A3";
|
|
75
|
-
readonly 300: "#FFB06B";
|
|
76
|
-
readonly 400: "#F28D3A";
|
|
77
|
-
readonly 500: "#D46F1F";
|
|
78
|
-
readonly 600: "#B25516";
|
|
79
|
-
readonly 700: "#8F4215";
|
|
80
|
-
readonly 800: "#713516";
|
|
81
|
-
readonly 900: "#572A14";
|
|
82
|
-
readonly 950: "#34180B";
|
|
83
|
-
};
|
|
84
|
-
readonly red: {
|
|
85
|
-
readonly 50: "#FFF5F5";
|
|
86
|
-
readonly 100: "#FFE5E7";
|
|
87
|
-
readonly 200: "#FFC9D0";
|
|
88
|
-
readonly 300: "#F59AA7";
|
|
89
|
-
readonly 400: "#E86A7A";
|
|
90
|
-
readonly 500: "#D54355";
|
|
91
|
-
readonly 600: "#B93243";
|
|
92
|
-
readonly 700: "#982838";
|
|
93
|
-
readonly 800: "#7A2130";
|
|
94
|
-
readonly 900: "#611B28";
|
|
95
|
-
readonly 950: "#3B1018";
|
|
96
|
-
};
|
|
97
|
-
};
|
|
98
|
-
export declare const aldV3ColorValueModeVars: AldThemeCssVars;
|
|
1
|
+
export { aldV3BaselineDeclarations as aldV3ColorValueModeVars } from './generated/v3BaselineDeclarations.js';
|
|
@@ -1,230 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
|
1
|
+
// type-only module stub
|
|
2
|
+
export {};
|
|
@@ -2,6 +2,8 @@ import { createTheme } from "./createTheme.js";
|
|
|
2
2
|
import { themeDataAttribute, themeStyleElementId } from "./tokenMap.js";
|
|
3
3
|
import { themeToCssVars } from "./themeToCssVars.js";
|
|
4
4
|
//#region src/theme/runtime/initAldTheme.ts
|
|
5
|
+
var colorValueModeStyleElementId = "ald-color-value-mode-runtime";
|
|
6
|
+
var colorValueModeDataAttribute = "data-ald-color-value-mode";
|
|
5
7
|
function escapeCssString(value) {
|
|
6
8
|
return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
|
|
7
9
|
}
|
|
@@ -18,6 +20,9 @@ function initAldTheme(config) {
|
|
|
18
20
|
style.textContent = createThemeCss(theme);
|
|
19
21
|
document.getElementById(themeStyleElementId)?.remove();
|
|
20
22
|
document.head.appendChild(style);
|
|
23
|
+
const colorValueModeStyle = document.getElementById(colorValueModeStyleElementId);
|
|
24
|
+
if (colorValueModeStyle?.getAttribute(colorValueModeDataAttribute) === "dark") document.head.appendChild(colorValueModeStyle);
|
|
25
|
+
else if (colorValueModeStyle) document.head.insertBefore(colorValueModeStyle, style);
|
|
21
26
|
document.documentElement.setAttribute(themeDataAttribute, theme.id);
|
|
22
27
|
}
|
|
23
28
|
//#endregion
|
|
@@ -1 +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;
|
|
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\nconst colorValueModeStyleElementId = 'ald-color-value-mode-runtime';\nconst colorValueModeDataAttribute = 'data-ald-color-value-mode';\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\n const colorValueModeStyle = document.getElementById(\n colorValueModeStyleElementId,\n );\n if (\n colorValueModeStyle?.getAttribute(colorValueModeDataAttribute) === 'dark'\n ) {\n document.head.appendChild(colorValueModeStyle);\n } else if (colorValueModeStyle) {\n document.head.insertBefore(colorValueModeStyle, style);\n }\n\n document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,IAAM,+BAA+B;AACrC,IAAM,8BAA8B;AAEpC,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;CAEhC,MAAM,sBAAsB,SAAS,eACnC,6BACD;AACD,KACE,qBAAqB,aAAa,4BAA4B,KAAK,OAEnE,UAAS,KAAK,YAAY,oBAAoB;UACrC,oBACT,UAAS,KAAK,aAAa,qBAAqB,MAAM;AAGxD,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aloudata/aloudata-design",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.22",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dist"
|
|
29
29
|
],
|
|
30
30
|
"scripts": {
|
|
31
|
-
"build": "vite build",
|
|
31
|
+
"build": "npm run tokens:check && vite build && npm run tokens:validate-dist",
|
|
32
32
|
"build:watch": "vite build --watch",
|
|
33
33
|
"cmt": "npx zx ./scripts/createComponentTemplate.mjs",
|
|
34
34
|
"coverage": "vitest run --coverage.enabled",
|
|
@@ -49,7 +49,10 @@
|
|
|
49
49
|
"release:stable": "npm version $(node -p \"require('./package.json').version.split('-')[0]\") -m \"chore: bump version to %s\" && npm publish --access public",
|
|
50
50
|
"start": "npm run dev",
|
|
51
51
|
"test": "vitest",
|
|
52
|
-
"test:storybook": "test-storybook"
|
|
52
|
+
"test:storybook": "test-storybook",
|
|
53
|
+
"tokens:check": "vite-node scripts/checkBaselineTokenValues.ts",
|
|
54
|
+
"tokens:generate": "vite-node scripts/generateBaselineTokenValues.ts",
|
|
55
|
+
"tokens:validate-dist": "vite-node scripts/validateBaselineTokenValuesDist.ts"
|
|
53
56
|
},
|
|
54
57
|
"lint-staged": {
|
|
55
58
|
"*.{md,json}": [
|
|
@@ -1 +0,0 @@
|
|
|
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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"}
|