@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.
Files changed (37) hide show
  1. package/dist/App/index.d.ts +3 -0
  2. package/dist/App/index.js +12 -10
  3. package/dist/App/index.js.map +1 -1
  4. package/dist/Select/BaseSelect.js +2 -1
  5. package/dist/Select/BaseSelect.js.map +1 -1
  6. package/dist/aloudata-design.css +1 -1
  7. package/dist/index.d.ts +1 -1
  8. package/dist/index.js +3 -3
  9. package/dist/theme/contract/baselineResolvedTokenValueManifest.d.ts +22 -0
  10. package/dist/theme/contract/baselineResolvedTokenValueManifest.js +2 -0
  11. package/dist/theme/contract/darkResolvedTokenValueManifest.d.ts +5 -0
  12. package/dist/theme/contract/darkResolvedTokenValueManifest.js +2 -0
  13. package/dist/theme/contract/resolvedTokenValueManifest.d.ts +3 -0
  14. package/dist/theme/contract/resolvedTokenValueManifest.js +2 -0
  15. package/dist/theme/generator/baselineTokenValueDelivery.d.ts +21 -0
  16. package/dist/theme/generator/baselineTokenValueDelivery.js +2 -0
  17. package/dist/theme/index.d.ts +2 -2
  18. package/dist/theme/runtime/colorValueMode/dark.d.ts +1 -0
  19. package/dist/theme/runtime/colorValueMode/dark.js +2 -0
  20. package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.d.ts +3 -0
  21. package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js +125 -0
  22. package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js.map +1 -0
  23. package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.d.ts +3 -0
  24. package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js +125 -0
  25. package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js.map +1 -0
  26. package/dist/theme/runtime/colorValueMode/index.d.ts +2 -1
  27. package/dist/theme/runtime/colorValueMode/index.js +13 -7
  28. package/dist/theme/runtime/colorValueMode/index.js.map +1 -1
  29. package/dist/theme/runtime/colorValueMode/registry.d.ts +14 -5
  30. package/dist/theme/runtime/colorValueMode/registry.js +15 -8
  31. package/dist/theme/runtime/colorValueMode/registry.js.map +1 -1
  32. package/dist/theme/runtime/colorValueMode/v3.d.ts +1 -98
  33. package/dist/theme/runtime/colorValueMode/v3.js +2 -230
  34. package/dist/theme/runtime/initAldTheme.js +5 -0
  35. package/dist/theme/runtime/initAldTheme.js.map +1 -1
  36. package/package.json +6 -3
  37. package/dist/theme/runtime/colorValueMode/v3.js.map +0 -1
@@ -1,17 +1,27 @@
1
- import { aldV3ColorValueModeVars } from "./v3.js";
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
- vars: {}
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
- vars: aldV3ColorValueModeVars
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
- vars: { ...definition.vars }
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, createAldV3ColorValueModeVars, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, isAldColorValueMode };
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 { aldV3ColorValueModeVars } from './v3';\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 vars: AldThemeCssVars;\n}\n\nconst colorValueModeRegistry = {\n legacy: {\n mode: 'legacy',\n title: 'Legacy compatibility values',\n lifecycle: 'stable',\n vars: {},\n },\n v3: {\n mode: 'v3',\n title: 'ALD V3 values',\n lifecycle: 'stable',\n vars: aldV3ColorValueModeVars,\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 vars: { ...definition.vars },\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\nexport function createAldV3ColorValueModeVars(): AldThemeCssVars {\n return { ...aldV3ColorValueModeVars };\n}\n"],"mappings":";;AAeA,IAAM,yBAAyB;CAC7B,QAAQ;EACN,MAAM;EACN,OAAO;EACP,WAAW;EACX,MAAM,EAAE;EACT;CACD,IAAI;EACF,MAAM;EACN,OAAO;EACP,WAAW;EACX,MAAM;EACP;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,MAAM,EAAE,GAAG,WAAW,MAAM;EAC7B;;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;;AAG/E,SAAgB,gCAAiD;AAC/D,QAAO,EAAE,GAAG,yBAAyB"}
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
- import { AldThemeCssVars } from '../types';
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
- 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
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;AAChC,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}
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.21",
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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"}