@vellira-ui/tokens 2.100.0 → 2.101.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.
Files changed (58) hide show
  1. package/README.md +88 -39
  2. package/css.d.ts +1 -0
  3. package/dist/css/tokens.css +1 -0
  4. package/dist/dark/semantic/focus.d.ts +1 -1
  5. package/dist/dark/semantic/focus.d.ts.map +1 -1
  6. package/dist/dark/semantic/focus.js +2 -1
  7. package/dist/dark/semantic/shadow.d.ts +5 -5
  8. package/dist/dark/semantic/shadow.d.ts.map +1 -1
  9. package/dist/dark/semantic/shadow.js +2 -7
  10. package/dist/dark/theme.d.ts +25 -24
  11. package/dist/dark/theme.d.ts.map +1 -1
  12. package/dist/effects/shadow-system.d.ts +181 -0
  13. package/dist/effects/shadow-system.d.ts.map +1 -0
  14. package/dist/effects/shadow-system.js +134 -0
  15. package/dist/generated/token-types.d.ts +4 -4
  16. package/dist/generated/token-types.d.ts.map +1 -1
  17. package/dist/generated/token-types.js +4 -0
  18. package/dist/highContrast/semantic/focus.d.ts +1 -1
  19. package/dist/highContrast/semantic/focus.d.ts.map +1 -1
  20. package/dist/highContrast/semantic/focus.js +2 -1
  21. package/dist/highContrast/semantic/shadow.d.ts +5 -5
  22. package/dist/highContrast/semantic/shadow.d.ts.map +1 -1
  23. package/dist/highContrast/semantic/shadow.js +2 -7
  24. package/dist/highContrast/theme.d.ts +25 -24
  25. package/dist/highContrast/theme.d.ts.map +1 -1
  26. package/dist/index.d.ts +30 -24
  27. package/dist/index.d.ts.map +1 -1
  28. package/dist/index.js +5 -0
  29. package/dist/light/semantic/focus.d.ts +1 -1
  30. package/dist/light/semantic/focus.d.ts.map +1 -1
  31. package/dist/light/semantic/focus.js +2 -1
  32. package/dist/light/semantic/shadow.d.ts +5 -5
  33. package/dist/light/semantic/shadow.d.ts.map +1 -1
  34. package/dist/light/semantic/shadow.js +2 -7
  35. package/dist/light/theme.d.ts +25 -24
  36. package/dist/light/theme.d.ts.map +1 -1
  37. package/dist/platform-output/component-token-intents.d.ts +4 -20
  38. package/dist/platform-output/component-token-intents.d.ts.map +1 -1
  39. package/dist/platform-output/component-token-intents.js +12 -12
  40. package/dist/platform-output/component-token-web-compatibility.d.ts +44 -3
  41. package/dist/platform-output/component-token-web-compatibility.d.ts.map +1 -1
  42. package/dist/platform-output/component-token-web-compatibility.js +44 -3
  43. package/dist/preservation/token-migrations.d.ts +6 -0
  44. package/dist/preservation/token-migrations.d.ts.map +1 -1
  45. package/dist/preservation/token-migrations.js +8 -0
  46. package/dist/public-api-policy.d.ts +30 -0
  47. package/dist/public-api-policy.d.ts.map +1 -0
  48. package/dist/public-api-policy.js +26 -0
  49. package/dist/token-architecture.d.ts +3 -3
  50. package/dist/token-architecture.d.ts.map +1 -1
  51. package/dist/token-architecture.js +7 -2
  52. package/dist/tokens/shadows.d.ts +24 -24
  53. package/dist/tokens/shadows.d.ts.map +1 -1
  54. package/dist/tokens/shadows.js +2 -27
  55. package/dist/tokens/typography.d.ts +2 -0
  56. package/dist/tokens/typography.d.ts.map +1 -1
  57. package/dist/tokens/typography.js +1 -0
  58. package/package.json +6 -2
@@ -1 +1 @@
1
- {"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAE7F,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,kjMA2LrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,i51FA87DtB,CAAC;AAEX,eAAO,MAAM,cAAc,guDAiEjB,CAAC;AAEX,eAAO,MAAM,UAAU,4hqGA4yEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,05BAkDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,wmjFAovExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,08kFAkyEnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,uBAAuB,GAC/D,CAAC,GACD;IACE,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAE7F,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,kjMA2LrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,i51FA87DtB,CAAC;AAEX,eAAO,MAAM,cAAc,iwDAkEjB,CAAC;AAEX,eAAO,MAAM,UAAU,6jqGA6yEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,g7BAmDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,wmjFAovExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,g+kFAmyEnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,uBAAuB,GAC/D,CAAC,GACD;IACE,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}
@@ -2348,6 +2348,7 @@ export const baseTokenPaths = [
2348
2348
  'tokens.typography.size.xl',
2349
2349
  'tokens.typography.size.xs',
2350
2350
  'tokens.typography.size.xxl',
2351
+ 'tokens.typography.weight.bold',
2351
2352
  'tokens.typography.weight.light',
2352
2353
  'tokens.typography.weight.medium',
2353
2354
  'tokens.typography.weight.regular',
@@ -4697,6 +4698,7 @@ export const tokenPaths = [
4697
4698
  'tokens.typography.size.xl',
4698
4699
  'tokens.typography.size.xs',
4699
4700
  'tokens.typography.size.xxl',
4701
+ 'tokens.typography.weight.bold',
4700
4702
  'tokens.typography.weight.light',
4701
4703
  'tokens.typography.weight.medium',
4702
4704
  'tokens.typography.weight.regular',
@@ -4722,6 +4724,7 @@ export const baseCssVariableNames = [
4722
4724
  '--font-size-xl',
4723
4725
  '--font-size-xs',
4724
4726
  '--font-size-xxl',
4727
+ '--font-weight-bold',
4725
4728
  '--font-weight-light',
4726
4729
  '--font-weight-medium',
4727
4730
  '--font-weight-regular',
@@ -7845,6 +7848,7 @@ export const cssVariableNames = [
7845
7848
  '--font-size-xl',
7846
7849
  '--font-size-xs',
7847
7850
  '--font-size-xxl',
7851
+ '--font-weight-bold',
7848
7852
  '--font-weight-light',
7849
7853
  '--font-weight-medium',
7850
7854
  '--font-weight-regular',
@@ -2,7 +2,7 @@ export declare const focus: {
2
2
  readonly ring: {
3
3
  readonly color: "#FCD34D";
4
4
  readonly width: "2px";
5
- readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
5
+ readonly shadow: string;
6
6
  readonly offsetColor: "#000000";
7
7
  };
8
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC"}
1
+ {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/focus.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC"}
@@ -1,9 +1,10 @@
1
+ import { createFocusRingShadowToken } from '../../effects/shadow-system.js';
1
2
  import { colors } from '../../primitives/colors.js';
2
3
  export const focus = {
3
4
  ring: {
4
5
  color: colors.warning[300],
5
6
  width: '2px',
6
- shadow: '0 0 0 1px rgba(255, 255, 255, 0.28)',
7
+ shadow: createFocusRingShadowToken('high-contrast'),
7
8
  offsetColor: colors.mono[950],
8
9
  },
9
10
  };
@@ -1,8 +1,8 @@
1
1
  export declare const shadow: {
2
- readonly sm: "0 1px 2px rgba(0, 0, 0, 0.5)";
3
- readonly md: "0 4px 12px rgba(0, 0, 0, 0.6)";
4
- readonly lg: "0 12px 40px rgba(0, 0, 0, 0.7)";
5
- readonly xl: "0 20px 60px rgba(0, 0, 0, 0.8)";
6
- readonly inset: "inset 0 1px 0 rgba(255, 255, 255, 0.14)";
2
+ readonly sm: string;
3
+ readonly md: string;
4
+ readonly lg: string;
5
+ readonly xl: string;
6
+ readonly inset: string;
7
7
  };
8
8
  //# sourceMappingURL=shadow.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/shadow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}
1
+ {"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/shadow.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;CAA8C,CAAC"}
@@ -1,7 +1,2 @@
1
- export const shadow = {
2
- sm: '0 1px 2px rgba(0, 0, 0, 0.5)',
3
- md: '0 4px 12px rgba(0, 0, 0, 0.6)',
4
- lg: '0 12px 40px rgba(0, 0, 0, 0.7)',
5
- xl: '0 20px 60px rgba(0, 0, 0, 0.8)',
6
- inset: 'inset 0 1px 0 rgba(255, 255, 255, 0.14)',
7
- };
1
+ import { createSemanticShadowTokens } from '../../effects/shadow-system.js';
2
+ export const shadow = createSemanticShadowTokens('high-contrast');
@@ -152,30 +152,30 @@ export declare const highContrastTheme: {
152
152
  readonly full: 999;
153
153
  };
154
154
  readonly shadows: {
155
- readonly sm: {
156
- readonly x: 0;
157
- readonly y: 1;
158
- readonly blur: 3;
159
- readonly color: "#000000";
160
- readonly opacity: 0.04;
161
- readonly elevation: 1;
162
- };
163
- readonly md: {
164
- readonly x: 0;
165
- readonly y: 6;
166
- readonly blur: 16;
167
- readonly color: "#000000";
168
- readonly opacity: 0.08;
169
- readonly elevation: 4;
170
- };
171
- readonly lg: {
172
- readonly x: 0;
173
- readonly y: 12;
174
- readonly blur: 32;
175
- readonly color: "#000000";
176
- readonly opacity: 0.1;
177
- readonly elevation: 8;
178
- };
155
+ readonly sm: Readonly<{
156
+ x: number;
157
+ y: number;
158
+ blur: number;
159
+ color: string;
160
+ opacity: number;
161
+ elevation: number;
162
+ }>;
163
+ readonly md: Readonly<{
164
+ x: number;
165
+ y: number;
166
+ blur: number;
167
+ color: string;
168
+ opacity: number;
169
+ elevation: number;
170
+ }>;
171
+ readonly lg: Readonly<{
172
+ x: number;
173
+ y: number;
174
+ blur: number;
175
+ color: string;
176
+ opacity: number;
177
+ elevation: number;
178
+ }>;
179
179
  };
180
180
  readonly spacing: {
181
181
  readonly 0: 0;
@@ -213,6 +213,7 @@ export declare const highContrastTheme: {
213
213
  readonly regular: "400";
214
214
  readonly medium: "500";
215
215
  readonly semibold: "600";
216
+ readonly bold: "700";
216
217
  };
217
218
  readonly lineHeight: {
218
219
  readonly xs: 16;
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}
package/dist/index.d.ts CHANGED
@@ -9,6 +9,11 @@ export type { ControlSize } from './tokens/controlSizes.js';
9
9
  export { controlSizes } from './tokens/controlSizes.js';
10
10
  export type { FontWeight } from './tokens/typography.js';
11
11
  export { fontWeights } from './tokens/typography.js';
12
+ /**
13
+ * @deprecated Historical compatibility export. `theme` is a partial view of
14
+ * `darkTheme`, not a default/current theme contract. Use `darkTheme` directly.
15
+ * This alias is scheduled for removal in Vellira 3.0.0.
16
+ */
12
17
  export declare const theme: {
13
18
  readonly semantic: typeof import("./dark/semantic/index.js");
14
19
  readonly components: typeof import("./dark/components/index.js");
@@ -22,30 +27,30 @@ export declare const theme: {
22
27
  readonly full: 999;
23
28
  };
24
29
  readonly shadows: {
25
- readonly sm: {
26
- readonly x: 0;
27
- readonly y: 1;
28
- readonly blur: 3;
29
- readonly color: "#000000";
30
- readonly opacity: 0.04;
31
- readonly elevation: 1;
32
- };
33
- readonly md: {
34
- readonly x: 0;
35
- readonly y: 6;
36
- readonly blur: 16;
37
- readonly color: "#000000";
38
- readonly opacity: 0.08;
39
- readonly elevation: 4;
40
- };
41
- readonly lg: {
42
- readonly x: 0;
43
- readonly y: 12;
44
- readonly blur: 32;
45
- readonly color: "#000000";
46
- readonly opacity: 0.1;
47
- readonly elevation: 8;
48
- };
30
+ readonly sm: Readonly<{
31
+ x: number;
32
+ y: number;
33
+ blur: number;
34
+ color: string;
35
+ opacity: number;
36
+ elevation: number;
37
+ }>;
38
+ readonly md: Readonly<{
39
+ x: number;
40
+ y: number;
41
+ blur: number;
42
+ color: string;
43
+ opacity: number;
44
+ elevation: number;
45
+ }>;
46
+ readonly lg: Readonly<{
47
+ x: number;
48
+ y: number;
49
+ blur: number;
50
+ color: string;
51
+ opacity: number;
52
+ elevation: number;
53
+ }>;
49
54
  };
50
55
  readonly spacing: {
51
56
  readonly 0: 0;
@@ -83,6 +88,7 @@ export declare const theme: {
83
88
  readonly regular: "400";
84
89
  readonly medium: "500";
85
90
  readonly semibold: "600";
91
+ readonly bold: "700";
86
92
  };
87
93
  readonly lineHeight: {
88
94
  readonly xs: 16;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}
package/dist/index.js CHANGED
@@ -6,6 +6,11 @@ export { baseCssVariableNames, baseTokenPaths, colorTokenPaths, componentTokenPa
6
6
  export { overlay } from './primitives/overlay.js';
7
7
  export { controlSizes } from './tokens/controlSizes.js';
8
8
  export { fontWeights } from './tokens/typography.js';
9
+ /**
10
+ * @deprecated Historical compatibility export. `theme` is a partial view of
11
+ * `darkTheme`, not a default/current theme contract. Use `darkTheme` directly.
12
+ * This alias is scheduled for removal in Vellira 3.0.0.
13
+ */
9
14
  export const theme = {
10
15
  semantic: darkTheme.semantic,
11
16
  components: darkTheme.components,
@@ -2,7 +2,7 @@ export declare const focus: {
2
2
  readonly ring: {
3
3
  readonly color: "#5037C8";
4
4
  readonly width: "2px";
5
- readonly shadow: "0 0 8px rgba(99, 70, 232, 0.14)";
5
+ readonly shadow: string;
6
6
  readonly offsetColor: "#FFFFFF";
7
7
  };
8
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC"}
1
+ {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/focus.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC"}
@@ -1,9 +1,10 @@
1
+ import { createFocusRingShadowToken } from '../../effects/shadow-system.js';
1
2
  import { colors } from '../../primitives/colors.js';
2
3
  export const focus = {
3
4
  ring: {
4
5
  color: colors.primary[700],
5
6
  width: '2px',
6
- shadow: '0 0 8px rgba(99, 70, 232, 0.14)',
7
+ shadow: createFocusRingShadowToken('light'),
7
8
  offsetColor: colors.mono[50],
8
9
  },
9
10
  };
@@ -1,8 +1,8 @@
1
1
  export declare const shadow: {
2
- readonly sm: "0 1px 2px rgba(24, 21, 33, 0.08)";
3
- readonly md: "0 4px 12px rgba(24, 21, 33, 0.12)";
4
- readonly lg: "0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1)";
5
- readonly xl: "0 20px 60px rgba(24, 21, 33, 0.2), 0 4px 16px rgba(24, 21, 33, 0.14)";
6
- readonly inset: "inset 0 1px 0 rgba(255, 255, 255, 0.55)";
2
+ readonly sm: string;
3
+ readonly md: string;
4
+ readonly lg: string;
5
+ readonly xl: string;
6
+ readonly inset: string;
7
7
  };
8
8
  //# sourceMappingURL=shadow.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/shadow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}
1
+ {"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/shadow.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;CAAsC,CAAC"}
@@ -1,7 +1,2 @@
1
- export const shadow = {
2
- sm: '0 1px 2px rgba(24, 21, 33, 0.08)',
3
- md: '0 4px 12px rgba(24, 21, 33, 0.12)',
4
- lg: '0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1)',
5
- xl: '0 20px 60px rgba(24, 21, 33, 0.2), 0 4px 16px rgba(24, 21, 33, 0.14)',
6
- inset: 'inset 0 1px 0 rgba(255, 255, 255, 0.55)',
7
- };
1
+ import { createSemanticShadowTokens } from '../../effects/shadow-system.js';
2
+ export const shadow = createSemanticShadowTokens('light');
@@ -152,30 +152,30 @@ export declare const lightTheme: {
152
152
  readonly full: 999;
153
153
  };
154
154
  readonly shadows: {
155
- readonly sm: {
156
- readonly x: 0;
157
- readonly y: 1;
158
- readonly blur: 3;
159
- readonly color: "#000000";
160
- readonly opacity: 0.04;
161
- readonly elevation: 1;
162
- };
163
- readonly md: {
164
- readonly x: 0;
165
- readonly y: 6;
166
- readonly blur: 16;
167
- readonly color: "#000000";
168
- readonly opacity: 0.08;
169
- readonly elevation: 4;
170
- };
171
- readonly lg: {
172
- readonly x: 0;
173
- readonly y: 12;
174
- readonly blur: 32;
175
- readonly color: "#000000";
176
- readonly opacity: 0.1;
177
- readonly elevation: 8;
178
- };
155
+ readonly sm: Readonly<{
156
+ x: number;
157
+ y: number;
158
+ blur: number;
159
+ color: string;
160
+ opacity: number;
161
+ elevation: number;
162
+ }>;
163
+ readonly md: Readonly<{
164
+ x: number;
165
+ y: number;
166
+ blur: number;
167
+ color: string;
168
+ opacity: number;
169
+ elevation: number;
170
+ }>;
171
+ readonly lg: Readonly<{
172
+ x: number;
173
+ y: number;
174
+ blur: number;
175
+ color: string;
176
+ opacity: number;
177
+ elevation: number;
178
+ }>;
179
179
  };
180
180
  readonly spacing: {
181
181
  readonly 0: 0;
@@ -213,6 +213,7 @@ export declare const lightTheme: {
213
213
  readonly regular: "400";
214
214
  readonly medium: "500";
215
215
  readonly semibold: "600";
216
+ readonly bold: "700";
216
217
  };
217
218
  readonly lineHeight: {
218
219
  readonly xs: 16;
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/light/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYb,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/light/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYb,CAAC"}
@@ -1,5 +1,6 @@
1
+ import { type ElevationShadowLevel, type ReactNativeShadowOutput as CanonicalReactNativeShadowOutput, type ShadowThemeName } from '../effects/shadow-system.js';
1
2
  export declare const componentShadowLevels: readonly ["sm", "md", "lg", "xl"];
2
- export type ComponentShadowLevel = (typeof componentShadowLevels)[number];
3
+ export type ComponentShadowLevel = ElevationShadowLevel;
3
4
  export type ComponentElevationShadowIntent = Readonly<{
4
5
  kind: 'shadow';
5
6
  role: 'elevation';
@@ -19,14 +20,7 @@ export type ComponentViewportHeightIntent = Readonly<{
19
20
  ratio: number;
20
21
  }>;
21
22
  export type ComponentPlatformIntent = ComponentShadowIntent | ComponentViewportHeightIntent;
22
- export type ReactNativeShadowOutput = Readonly<{
23
- x: number;
24
- y: number;
25
- blur: number;
26
- color: string;
27
- opacity: number;
28
- elevation: number;
29
- }>;
23
+ export type ReactNativeShadowOutput = CanonicalReactNativeShadowOutput;
30
24
  export type ComponentPlatformOutputSources = Readonly<{
31
25
  web: {
32
26
  shadow: Readonly<Record<ComponentShadowLevel, string>>;
@@ -37,17 +31,7 @@ export type ComponentPlatformOutputSources = Readonly<{
37
31
  };
38
32
  }>;
39
33
  type ComponentOutputThemeSources = Readonly<{
40
- semantic: {
41
- focus: {
42
- ring: {
43
- shadow: string;
44
- };
45
- };
46
- shadow: Readonly<Record<ComponentShadowLevel, string>>;
47
- };
48
- tokens: {
49
- shadows: Readonly<Record<'sm' | 'md' | 'lg', ReactNativeShadowOutput>>;
50
- };
34
+ name: ShadowThemeName;
51
35
  }>;
52
36
  type WebAdaptedIntent<T> = T extends ComponentPlatformIntent ? string : never;
53
37
  type ReactNativeAdaptedIntent<T> = T extends ComponentElevationShadowIntent ? ReactNativeShadowOutput : T extends ComponentFocusRingShadowIntent | ComponentNoShadowIntent ? null : T extends ComponentViewportHeightIntent ? string : never;
@@ -1 +1 @@
1
- {"version":3,"file":"component-token-intents.d.ts","sourceRoot":"","sources":["../../src/platform-output/component-token-intents.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"component-token-intents.d.ts","sourceRoot":"","sources":["../../src/platform-output/component-token-intents.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EAEzB,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,qBAAqB,mCAAwB,CAAC;AAE3D,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,oBAAoB,CAAC;CAC7B,CAAC,CAAC;AAEH,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAC7B,8BAA8B,GAC9B,8BAA8B,GAC9B,uBAAuB,CAAC;AAE5B,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GACjC,qBAAqB,GAAG,6BAA6B,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG,gCAAgC,CAAC;AAEvE,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,GAAG,EAAE;QACH,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;QACvD,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QACX,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,CAAC,CAAC;KACzE,CAAC;CACH,CAAC,CAAC;AAEH,KAAK,2BAA2B,GAAG,QAAQ,CAAC;IAC1C,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC,CAAC;AAEH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC;AAE9E,KAAK,wBAAwB,CAAC,CAAC,IAAI,CAAC,SAAS,8BAA8B,GACvE,uBAAuB,GACvB,CAAC,SAAS,8BAA8B,GAAG,uBAAuB,GAChE,IAAI,GACJ,CAAC,SAAS,6BAA6B,GACrC,MAAM,GACN,KAAK,CAAC;AAEd,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,CAAC,SAAS,uBAAuB,GACjE,gBAAgB,CAAC,CAAC,CAAC,GACnB,CAAC,SAAS,SAAS,CAAC,MAAM,MAAM,CAAC,EAAE,GACjC,SAAS,kBAAkB,CAAC,MAAM,CAAC,EAAE,GACrC,CAAC,SAAS,MAAM,GACd;IAAE,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACrD,CAAC,CAAC;AAEV,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI,CAAC,SAAS,uBAAuB,GACzE,wBAAwB,CAAC,CAAC,CAAC,GAC3B,CAAC,SAAS,SAAS,CAAC,MAAM,MAAM,CAAC,EAAE,GACjC,SAAS,0BAA0B,CAAC,MAAM,CAAC,EAAE,GAC7C,CAAC,SAAS,MAAM,GACd;IAAE,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GAC7D,CAAC,CAAC;AAEV,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,oBAAoB,GAC1B,8BAA8B,CAEhC;AAED,wBAAgB,oCAAoC,IAAI,8BAA8B,CAErF;AAED,wBAAgB,6BAA6B,IAAI,uBAAuB,CAEvE;AAED,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,MAAM,GACZ,6BAA6B,CAQ/B;AAcD,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,uBAAuB,CA4BlC;AAED,wBAAgB,oCAAoC,CAClD,KAAK,EAAE,2BAA2B,GACjC,8BAA8B,CAsBhC;AASD,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,uBAAuB,EAC/B,OAAO,EAAE,8BAA8B,GACtC,MAAM,CAQR;AAED,wBAAgB,oCAAoC,CAClD,MAAM,EAAE,uBAAuB,EAC/B,OAAO,EAAE,8BAA8B,GACtC,MAAM,GAAG,uBAAuB,GAAG,IAAI,CAOzC;AA0BD,wBAAgB,0BAA0B,CAAC,CAAC,EAC1C,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,8BAA8B,GACtC,kBAAkB,CAAC,CAAC,CAAC,CAIvB;AAED,wBAAgB,kCAAkC,CAAC,CAAC,EAClD,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,8BAA8B,GACtC,0BAA0B,CAAC,CAAC,CAAC,CAI/B"}
@@ -1,4 +1,5 @@
1
- export const componentShadowLevels = ['sm', 'md', 'lg', 'xl'];
1
+ import { createFocusRingShadowToken, createSemanticShadowTokens, elevationShadowLevels, resolveReactNativeElevationShadow, } from '../effects/shadow-system.js';
2
+ export const componentShadowLevels = elevationShadowLevels;
2
3
  export function createComponentShadowIntent(level) {
3
4
  return { kind: 'shadow', role: 'elevation', level };
4
5
  }
@@ -41,24 +42,23 @@ export function isComponentPlatformIntent(value) {
41
42
  candidate.ratio <= 1);
42
43
  }
43
44
  export function createComponentPlatformOutputSources(theme) {
45
+ const shadow = createSemanticShadowTokens(theme.name);
44
46
  return {
45
47
  web: {
46
48
  shadow: {
47
- sm: theme.semantic.shadow.sm,
48
- md: theme.semantic.shadow.md,
49
- lg: theme.semantic.shadow.lg,
50
- xl: theme.semantic.shadow.xl,
49
+ sm: shadow.sm,
50
+ md: shadow.md,
51
+ lg: shadow.lg,
52
+ xl: shadow.xl,
51
53
  },
52
- focusRingShadow: theme.semantic.focus.ring.shadow,
54
+ focusRingShadow: createFocusRingShadowToken(theme.name),
53
55
  },
54
56
  reactNative: {
55
57
  shadow: {
56
- sm: theme.tokens.shadows.sm,
57
- md: theme.tokens.shadows.md,
58
- lg: theme.tokens.shadows.lg,
59
- // Preserve current native Modal output. #885 owns the later authority
60
- // decision for whether an independent structured xl shadow is needed.
61
- xl: theme.tokens.shadows.lg,
58
+ sm: resolveReactNativeElevationShadow('sm'),
59
+ md: resolveReactNativeElevationShadow('md'),
60
+ lg: resolveReactNativeElevationShadow('lg'),
61
+ xl: resolveReactNativeElevationShadow('xl'),
62
62
  },
63
63
  },
64
64
  };
@@ -1,32 +1,73 @@
1
1
  /**
2
- * Legacy Web output identities retained by #884 only for compatibility.
2
+ * Legacy Web output identities retained for bounded compatibility.
3
3
  *
4
- * These paths are not canonical component tokens. They exist after the
5
- * renderer-neutral component boundary and are intentionally revisited by #889.
4
+ * These paths are not canonical component tokens. #889 makes their lifecycle
5
+ * explicit: they remain generated aliases during Vellira 2.x and are scheduled
6
+ * for removal in 3.0.0. New consumers must use the canonical replacement.
6
7
  */
7
8
  export declare const componentTokenWebCompatibilityAliases: readonly [{
8
9
  readonly path: "components.modal.content.nativeMaxHeight";
9
10
  readonly variable: "--modal-content-native-max-height";
11
+ readonly replacementPath: "components.modal.content.maxHeight";
12
+ readonly replacementVariable: "--modal-content-max-height";
13
+ readonly migrationId: "884-remove-components-modal-content-nativeMaxHeight";
14
+ readonly issue: "#889";
15
+ readonly removeIn: "3.0.0";
10
16
  }, {
11
17
  readonly path: "components.popover.content.shadow.web";
12
18
  readonly variable: "--popover-content-shadow-web";
19
+ readonly replacementPath: "components.popover.content.shadow";
20
+ readonly replacementVariable: "--popover-content-shadow";
21
+ readonly migrationId: "884-popover-shadow-web-to-canonical-intent";
22
+ readonly issue: "#889";
23
+ readonly removeIn: "3.0.0";
13
24
  }, {
14
25
  readonly path: "components.popover.content.shadow.native.x";
15
26
  readonly variable: "--popover-content-shadow-native-x";
27
+ readonly replacementPath: "components.popover.content.shadow";
28
+ readonly replacementVariable: "--popover-content-shadow";
29
+ readonly migrationId: "884-remove-components-popover-content-shadow-native-x";
30
+ readonly issue: "#889";
31
+ readonly removeIn: "3.0.0";
16
32
  }, {
17
33
  readonly path: "components.popover.content.shadow.native.y";
18
34
  readonly variable: "--popover-content-shadow-native-y";
35
+ readonly replacementPath: "components.popover.content.shadow";
36
+ readonly replacementVariable: "--popover-content-shadow";
37
+ readonly migrationId: "884-remove-components-popover-content-shadow-native-y";
38
+ readonly issue: "#889";
39
+ readonly removeIn: "3.0.0";
19
40
  }, {
20
41
  readonly path: "components.popover.content.shadow.native.blur";
21
42
  readonly variable: "--popover-content-shadow-native-blur";
43
+ readonly replacementPath: "components.popover.content.shadow";
44
+ readonly replacementVariable: "--popover-content-shadow";
45
+ readonly migrationId: "884-remove-components-popover-content-shadow-native-blur";
46
+ readonly issue: "#889";
47
+ readonly removeIn: "3.0.0";
22
48
  }, {
23
49
  readonly path: "components.popover.content.shadow.native.color";
24
50
  readonly variable: "--popover-content-shadow-native-color";
51
+ readonly replacementPath: "components.popover.content.shadow";
52
+ readonly replacementVariable: "--popover-content-shadow";
53
+ readonly migrationId: "884-remove-components-popover-content-shadow-native-color";
54
+ readonly issue: "#889";
55
+ readonly removeIn: "3.0.0";
25
56
  }, {
26
57
  readonly path: "components.popover.content.shadow.native.opacity";
27
58
  readonly variable: "--popover-content-shadow-native-opacity";
59
+ readonly replacementPath: "components.popover.content.shadow";
60
+ readonly replacementVariable: "--popover-content-shadow";
61
+ readonly migrationId: "884-remove-components-popover-content-shadow-native-opacity";
62
+ readonly issue: "#889";
63
+ readonly removeIn: "3.0.0";
28
64
  }, {
29
65
  readonly path: "components.popover.content.shadow.native.elevation";
30
66
  readonly variable: "--popover-content-shadow-native-elevation";
67
+ readonly replacementPath: "components.popover.content.shadow";
68
+ readonly replacementVariable: "--popover-content-shadow";
69
+ readonly migrationId: "884-remove-components-popover-content-shadow-native-elevation";
70
+ readonly issue: "#889";
71
+ readonly removeIn: "3.0.0";
31
72
  }];
32
73
  //# sourceMappingURL=component-token-web-compatibility.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"component-token-web-compatibility.d.ts","sourceRoot":"","sources":["../../src/platform-output/component-token-web-compatibility.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;;EAiCxC,CAAC"}
1
+ {"version":3,"file":"component-token-web-compatibility.d.ts","sourceRoot":"","sources":["../../src/platform-output/component-token-web-compatibility.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0ExC,CAAC"}