@baseline-ui/tokens 0.37.0 → 0.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -180,8 +180,8 @@ declare const createLayerSprinkles: (layer: string) => ((props: {
180
180
  } & {
181
181
  color?: "text.primary" | "text.secondary" | "text.helper" | "text.placeholder" | "text.interactive.disabled" | "text.inverse" | "text.oninteractive" | "text.interactive.enabled" | "text.interactive.hovered" | "text.interactive.active" | "text.interactive.visited" | "icon.primary" | "icon.secondary" | "icon.interactive.disabled" | "icon.inverse" | "icon.oninteractive" | "icon.interactive.enabled" | "icon.interactive.hovered" | "icon.interactive.active" | "icon.interactive.visited" | "background.interactive.enabled" | "background.interactive.hovered" | "background.interactive.active" | "background.interactive.visited" | "background.interactive.disabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.default" | "focused.inset" | undefined;
182
182
  backgroundColor?: "background.interactive.enabled" | "background.interactive.hovered" | "background.interactive.active" | "background.interactive.visited" | "background.interactive.disabled" | "background.primary.subtle" | "background.primary.medium" | "background.primary.strong" | "background.secondary.subtle" | "background.secondary.medium" | "background.secondary.strong" | "background.inverse.subtle" | "background.inverse.medium" | "background.inverse.strong" | "background.overlay.subtle" | "background.overlay.medium" | "background.positive.subtle" | "background.positive.medium" | "background.positive.strong" | "border.positive.interactive.enabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.default" | "focused.inset" | undefined;
183
- borderColor?: "transparent" | "border.positive.interactive.enabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.default" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive.enabled" | "border.interactive.hovered" | "border.interactive.active" | "border.interactive.visited" | "border.interactive.disabled" | undefined;
184
- outlineColor?: "transparent" | "border.positive.interactive.enabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.default" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive.enabled" | "border.interactive.hovered" | "border.interactive.active" | "border.interactive.visited" | "border.interactive.disabled" | undefined;
183
+ borderColor?: "transparent" | "border.positive.interactive.enabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.default" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive.enabled" | "border.interactive.hovered" | "border.interactive.active" | "border.interactive.visited" | "border.interactive.disabled" | "border.positive.medium" | "border.positive.strong" | "border.positive.subtle" | undefined;
184
+ outlineColor?: "transparent" | "border.positive.interactive.enabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.default" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive.enabled" | "border.interactive.hovered" | "border.interactive.active" | "border.interactive.visited" | "border.interactive.disabled" | "border.positive.medium" | "border.positive.strong" | "border.positive.subtle" | undefined;
185
185
  } & {
186
186
  position?: ("fixed" | "absolute" | "relative" | {
187
187
  mobile?: "fixed" | "absolute" | "relative" | undefined;
@@ -354,6 +354,9 @@ declare const themeContract: {
354
354
  subtle: string;
355
355
  medium: string;
356
356
  strong: string;
357
+ interactive: {
358
+ enabled: string;
359
+ };
357
360
  };
358
361
  };
359
362
  text: {
@@ -400,6 +403,9 @@ declare const themeContract: {
400
403
  interactive: {
401
404
  enabled: string;
402
405
  };
406
+ subtle: string;
407
+ medium: string;
408
+ strong: string;
403
409
  };
404
410
  };
405
411
  };
@@ -679,6 +685,9 @@ declare const themeVars: {
679
685
  subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
680
686
  medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
681
687
  strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
688
+ interactive: {
689
+ enabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
690
+ };
682
691
  };
683
692
  };
684
693
  text: {
@@ -725,6 +734,9 @@ declare const themeVars: {
725
734
  interactive: {
726
735
  enabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
727
736
  };
737
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
738
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
739
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
728
740
  };
729
741
  };
730
742
  };
@@ -975,12 +987,6 @@ interface Border {
975
987
  interactive: Interactive;
976
988
  positive: Positive;
977
989
  }
978
- interface Positive {
979
- interactive: Interactive2;
980
- }
981
- interface Interactive2 {
982
- enabled: string;
983
- }
984
990
  interface Icon {
985
991
  primary: string;
986
992
  secondary: string;
@@ -1003,7 +1009,16 @@ interface Background {
1003
1009
  inverse: Primary;
1004
1010
  secondary: Primary;
1005
1011
  overlay: Overlay;
1006
- positive: Primary;
1012
+ positive: Positive;
1013
+ }
1014
+ interface Positive {
1015
+ subtle: string;
1016
+ medium: string;
1017
+ strong: string;
1018
+ interactive: Interactive2;
1019
+ }
1020
+ interface Interactive2 {
1021
+ enabled: string;
1007
1022
  }
1008
1023
  interface Overlay {
1009
1024
  subtle: string;
@@ -1247,7 +1262,10 @@ var color$4 = {
1247
1262
  positive: {
1248
1263
  subtle: "#ffffff",
1249
1264
  medium: "#f6f9fd",
1250
- strong: "#f0f3f9"
1265
+ strong: "#f0f3f9",
1266
+ interactive: {
1267
+ enabled: "#000000"
1268
+ }
1251
1269
  }
1252
1270
  },
1253
1271
  text: {
@@ -1293,7 +1311,10 @@ var color$4 = {
1293
1311
  positive: {
1294
1312
  interactive: {
1295
1313
  enabled: "#000000"
1296
- }
1314
+ },
1315
+ subtle: "#f0f3f9",
1316
+ medium: "#d7dce4",
1317
+ strong: "#a9aeb7"
1297
1318
  }
1298
1319
  }
1299
1320
  };
@@ -1578,7 +1599,10 @@ var color$3 = {
1578
1599
  positive: {
1579
1600
  subtle: "#ffffff",
1580
1601
  medium: "#f6f9fd",
1581
- strong: "#f0f3f9"
1602
+ strong: "#f0f3f9",
1603
+ interactive: {
1604
+ enabled: "#000000"
1605
+ }
1582
1606
  }
1583
1607
  },
1584
1608
  text: {
@@ -1624,7 +1648,10 @@ var color$3 = {
1624
1648
  positive: {
1625
1649
  interactive: {
1626
1650
  enabled: "#000000"
1627
- }
1651
+ },
1652
+ subtle: "#f0f3f9",
1653
+ medium: "#d7dce4",
1654
+ strong: "#a9aeb7"
1628
1655
  }
1629
1656
  }
1630
1657
  };
@@ -1851,26 +1878,26 @@ var color$2 = {
1851
1878
  support: {
1852
1879
  error: {
1853
1880
  subtler: "#ffddd7",
1854
- subtle: "#ffc0b6",
1881
+ subtle: "#fbb9ae",
1855
1882
  medium: "#cb4029",
1856
1883
  strong: "#672d23"
1857
1884
  },
1858
1885
  success: {
1859
1886
  subtler: "#d4ffdb",
1860
- subtle: "#97dba1",
1887
+ subtle: "#b4e8bd",
1861
1888
  medium: "#3b7d45",
1862
1889
  strong: "#2b412f"
1863
1890
  },
1864
1891
  warning: {
1865
1892
  subtler: "#ffefc8",
1866
- subtle: "#f0c968",
1893
+ subtle: "#f8df9f",
1867
1894
  medium: "#8d6b17",
1868
1895
  strong: "#5b481a"
1869
1896
  },
1870
1897
  info: {
1871
1898
  subtler: "#ffdef6",
1872
- subtle: "#de9dcc",
1873
- medium: "#885c7c",
1899
+ subtle: "#eec0e1",
1900
+ medium: "#a26190",
1874
1901
  strong: "#4f2b45"
1875
1902
  }
1876
1903
  },
@@ -1882,19 +1909,19 @@ var color$2 = {
1882
1909
  primary: {
1883
1910
  subtle: "#fafafa",
1884
1911
  medium: "#F2F2F2",
1885
- strong: "#eeeeee"
1912
+ strong: "#e5e4e3"
1886
1913
  },
1887
1914
  interactive: {
1888
1915
  enabled: "#de9dcc",
1889
- hovered: "#89597c",
1916
+ hovered: "#bf7fad",
1890
1917
  active: "#de9dcc",
1891
1918
  visited: "#de9dcc",
1892
1919
  disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
1893
1920
  },
1894
1921
  inverse: {
1895
- subtle: "#67594b",
1896
- medium: "#44403c",
1897
- strong: "1a1414"
1922
+ subtle: "#6d6965",
1923
+ medium: "#322e2e",
1924
+ strong: "#1a1414"
1898
1925
  },
1899
1926
  overlay: {
1900
1927
  subtle: "rgb(98% 98% 98% / 0.25)",
@@ -1902,26 +1929,29 @@ var color$2 = {
1902
1929
  interactive: "rgb(87.1% 61.6% 80% / 0.25)"
1903
1930
  },
1904
1931
  secondary: {
1905
- subtle: "#e2dbd9",
1906
- medium: "#c2b8ae",
1907
- strong: "#9f9790"
1932
+ subtle: "#d1d0cc",
1933
+ medium: "#b6b4ad",
1934
+ strong: "#a09d94"
1908
1935
  },
1909
1936
  positive: {
1910
1937
  subtle: "#fafafa",
1911
1938
  medium: "#f2f2f2",
1912
- strong: "#efebe7"
1939
+ strong: "#e5e4e3",
1940
+ interactive: {
1941
+ enabled: "#de9dcc"
1942
+ }
1913
1943
  }
1914
1944
  },
1915
1945
  text: {
1916
1946
  primary: "#1a1414",
1917
- secondary: "#67594b",
1918
- helper: "#67594b",
1919
- placeholder: "#9f9790",
1947
+ secondary: "#322e2e",
1948
+ helper: "#4a4646",
1949
+ placeholder: "#6d6965",
1920
1950
  inverse: "#fafafa",
1921
1951
  oninteractive: "#1a1414",
1922
1952
  interactive: {
1923
1953
  enabled: "#1a1414",
1924
- hovered: "#67594b",
1954
+ hovered: "#4a4646",
1925
1955
  active: "#1a1414",
1926
1956
  visited: "#1a1414",
1927
1957
  disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
@@ -1929,33 +1959,36 @@ var color$2 = {
1929
1959
  },
1930
1960
  icon: {
1931
1961
  primary: "#1a1414",
1932
- secondary: "#67594b",
1962
+ secondary: "#4a4646",
1933
1963
  inverse: "#fafafa",
1934
1964
  oninteractive: "#1a1414",
1935
1965
  interactive: {
1936
- enabled: "#1e794d",
1937
- hovered: "#6eb579",
1938
- active: "#1e794d",
1939
- visited: "#1e794d",
1966
+ enabled: "#a26190",
1967
+ hovered: "#de9dcc",
1968
+ active: "#a26190",
1969
+ visited: "#824974",
1940
1970
  disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
1941
1971
  }
1942
1972
  },
1943
1973
  border: {
1944
- subtle: "#efebe7",
1945
- medium: "#e2dbd9",
1946
- strong: "#c2b8ae",
1974
+ subtle: "#e5e4e3",
1975
+ medium: "#d1d0cc",
1976
+ strong: "#b6b4ad",
1947
1977
  inverse: "#1a1414",
1948
1978
  interactive: {
1949
- enabled: "#6eb579",
1950
- hovered: "#1e794d",
1951
- active: "#6eb579",
1952
- visited: "#6eb579",
1979
+ enabled: "#de9dcc",
1980
+ hovered: "#824974",
1981
+ active: "#de9dcc",
1982
+ visited: "#de9dcc",
1953
1983
  disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
1954
1984
  },
1955
1985
  positive: {
1956
1986
  interactive: {
1957
1987
  enabled: "#de9dcc"
1958
- }
1988
+ },
1989
+ subtle: "#e5e4e3",
1990
+ medium: "#d1d0cc",
1991
+ strong: "#b6b4ad"
1959
1992
  }
1960
1993
  }
1961
1994
  };
@@ -2223,7 +2256,7 @@ var color$1 = {
2223
2256
  disabled: "#a9aeb7"
2224
2257
  },
2225
2258
  inverse: {
2226
- subtle: "#717885",
2259
+ subtle: "#707785",
2227
2260
  medium: "#3d434e",
2228
2261
  strong: "#2b2e36"
2229
2262
  },
@@ -2240,14 +2273,17 @@ var color$1 = {
2240
2273
  positive: {
2241
2274
  subtle: "#ffffff",
2242
2275
  medium: "#f6f9fd",
2243
- strong: "#f0f3f9"
2276
+ strong: "#f0f3f9",
2277
+ interactive: {
2278
+ enabled: "#4537de"
2279
+ }
2244
2280
  }
2245
2281
  },
2246
2282
  text: {
2247
2283
  primary: "#2b2e36",
2248
2284
  secondary: "#4d525d",
2249
2285
  helper: "#606671",
2250
- placeholder: "#717885",
2286
+ placeholder: "#707785",
2251
2287
  inverse: "#ffffff",
2252
2288
  oninteractive: "#ffffff",
2253
2289
  interactive: {
@@ -2286,7 +2322,10 @@ var color$1 = {
2286
2322
  positive: {
2287
2323
  interactive: {
2288
2324
  enabled: "#4537de"
2289
- }
2325
+ },
2326
+ subtle: "#f0f3f9",
2327
+ medium: "#d7dce4",
2328
+ strong: "#a9aeb7"
2290
2329
  }
2291
2330
  }
2292
2331
  };
@@ -2554,7 +2593,7 @@ var color = {
2554
2593
  disabled: "#606671"
2555
2594
  },
2556
2595
  inverse: {
2557
- subtle: "#717885",
2596
+ subtle: "#707785",
2558
2597
  medium: "#f0f3f9",
2559
2598
  strong: "#ffffff"
2560
2599
  },
@@ -2571,14 +2610,17 @@ var color = {
2571
2610
  positive: {
2572
2611
  subtle: "#f0f3f9",
2573
2612
  medium: "#f6f9fd",
2574
- strong: "#ffffff"
2613
+ strong: "#ffffff",
2614
+ interactive: {
2615
+ enabled: "#4537de"
2616
+ }
2575
2617
  }
2576
2618
  },
2577
2619
  text: {
2578
2620
  primary: "#ffffff",
2579
2621
  secondary: "#d7dce4",
2580
2622
  helper: "#a9aeb7",
2581
- placeholder: "#717885",
2623
+ placeholder: "#a9aeb7",
2582
2624
  inverse: "#2b2e36",
2583
2625
  oninteractive: "#2b2e36",
2584
2626
  interactive: {
@@ -2617,7 +2659,10 @@ var color = {
2617
2659
  positive: {
2618
2660
  interactive: {
2619
2661
  enabled: "#4537de"
2620
- }
2662
+ },
2663
+ subtle: "#f0f3f9",
2664
+ medium: "#d7dce4",
2665
+ strong: "#a9aeb7"
2621
2666
  }
2622
2667
  }
2623
2668
  };
@@ -2913,6 +2958,9 @@ declare const themes: {
2913
2958
  subtle: string;
2914
2959
  medium: string;
2915
2960
  strong: string;
2961
+ interactive: {
2962
+ enabled: string;
2963
+ };
2916
2964
  };
2917
2965
  };
2918
2966
  text: {
@@ -2959,6 +3007,9 @@ declare const themes: {
2959
3007
  interactive: {
2960
3008
  enabled: string;
2961
3009
  };
3010
+ subtle: string;
3011
+ medium: string;
3012
+ strong: string;
2962
3013
  };
2963
3014
  };
2964
3015
  };
@@ -3237,6 +3288,9 @@ declare const themes: {
3237
3288
  subtle: string;
3238
3289
  medium: string;
3239
3290
  strong: string;
3291
+ interactive: {
3292
+ enabled: string;
3293
+ };
3240
3294
  };
3241
3295
  };
3242
3296
  text: {
@@ -3283,6 +3337,9 @@ declare const themes: {
3283
3337
  interactive: {
3284
3338
  enabled: string;
3285
3339
  };
3340
+ subtle: string;
3341
+ medium: string;
3342
+ strong: string;
3286
3343
  };
3287
3344
  };
3288
3345
  };
@@ -3563,6 +3620,9 @@ declare const themes: {
3563
3620
  subtle: string;
3564
3621
  medium: string;
3565
3622
  strong: string;
3623
+ interactive: {
3624
+ enabled: string;
3625
+ };
3566
3626
  };
3567
3627
  };
3568
3628
  text: {
@@ -3609,6 +3669,9 @@ declare const themes: {
3609
3669
  interactive: {
3610
3670
  enabled: string;
3611
3671
  };
3672
+ subtle: string;
3673
+ medium: string;
3674
+ strong: string;
3612
3675
  };
3613
3676
  };
3614
3677
  };
@@ -3887,6 +3950,9 @@ declare const themes: {
3887
3950
  subtle: string;
3888
3951
  medium: string;
3889
3952
  strong: string;
3953
+ interactive: {
3954
+ enabled: string;
3955
+ };
3890
3956
  };
3891
3957
  };
3892
3958
  text: {
@@ -3933,6 +3999,9 @@ declare const themes: {
3933
3999
  interactive: {
3934
4000
  enabled: string;
3935
4001
  };
4002
+ subtle: string;
4003
+ medium: string;
4004
+ strong: string;
3936
4005
  };
3937
4006
  };
3938
4007
  };
@@ -4213,6 +4282,9 @@ declare const themes: {
4213
4282
  subtle: string;
4214
4283
  medium: string;
4215
4284
  strong: string;
4285
+ interactive: {
4286
+ enabled: string;
4287
+ };
4216
4288
  };
4217
4289
  };
4218
4290
  text: {
@@ -4259,6 +4331,9 @@ declare const themes: {
4259
4331
  interactive: {
4260
4332
  enabled: string;
4261
4333
  };
4334
+ subtle: string;
4335
+ medium: string;
4336
+ strong: string;
4262
4337
  };
4263
4338
  };
4264
4339
  };
@@ -4537,6 +4612,9 @@ declare const themes: {
4537
4612
  subtle: string;
4538
4613
  medium: string;
4539
4614
  strong: string;
4615
+ interactive: {
4616
+ enabled: string;
4617
+ };
4540
4618
  };
4541
4619
  };
4542
4620
  text: {
@@ -4583,6 +4661,9 @@ declare const themes: {
4583
4661
  interactive: {
4584
4662
  enabled: string;
4585
4663
  };
4664
+ subtle: string;
4665
+ medium: string;
4666
+ strong: string;
4586
4667
  };
4587
4668
  };
4588
4669
  };