@baseline-ui/tokens 0.6.2 → 0.7.1

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 (5) hide show
  1. package/dist/index.d.mts +23 -9
  2. package/dist/index.d.ts +23 -9
  3. package/dist/index.js +5 -5
  4. package/dist/index.mjs +1 -1
  5. package/package.json +2 -2
package/dist/index.d.mts CHANGED
@@ -296,8 +296,8 @@ var color$1 = {
296
296
  strong: "#2b2e36"
297
297
  },
298
298
  overlay: {
299
- subtle: "lch(100 0 0 / 0.25)",
300
- medium: "lch(5.3 4.42 264 / 0.5)"
299
+ subtle: "rgb(100% 100% 100% / 0.25)",
300
+ medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
301
301
  },
302
302
  secondary: {
303
303
  subtle: "#f0f3f9",
@@ -316,14 +316,14 @@ var color$1 = {
316
316
  helper: "#606671",
317
317
  placeholder: "#717885",
318
318
  inverse: "#ffffff",
319
- disabled: "lch(18.9 5.62 272 / 0.5)"
319
+ disabled: "rgb(16.9% 18% 21.2% / 0.5)"
320
320
  },
321
321
  icon: {
322
322
  primary: "#2b2e36",
323
323
  secondary: "#606671",
324
324
  inverse: "#ffffff",
325
325
  interactive: "#4537de",
326
- disabled: "lch(18.9 5.62 272 / 0.5)"
326
+ disabled: "rgb(16.9% 18% 21.2% / 0.5)"
327
327
  },
328
328
  border: {
329
329
  subtle: "#f0f3f9",
@@ -608,8 +608,8 @@ var color = {
608
608
  strong: "#606671"
609
609
  },
610
610
  overlay: {
611
- subtle: "lch(100 0 0 / 0.25)",
612
- medium: "lch(5.3 4.42 264 / 0.5)"
611
+ subtle: "rgb(100% 100% 100% / 0.25)",
612
+ medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
613
613
  },
614
614
  positive: {
615
615
  subtle: "#f0f3f9",
@@ -623,14 +623,14 @@ var color = {
623
623
  helper: "#a9aeb7",
624
624
  placeholder: "#717885",
625
625
  inverse: "#2b2e36",
626
- disabled: "lch(100 0 0 / 0.5)"
626
+ disabled: "rgb(100% 100% 100% / 0.5)"
627
627
  },
628
628
  icon: {
629
629
  primary: "#ffffff",
630
630
  secondary: "#a9aeb7",
631
631
  inverse: "#2b2e36",
632
632
  interactive: "#a8bbf8",
633
- disabled: "lch(100 0 0 / 0.5)"
633
+ disabled: "rgb(100% 100% 100% / 0.5)"
634
634
  },
635
635
  border: {
636
636
  subtle: "#3d434e",
@@ -1434,6 +1434,20 @@ declare const themeVars: {
1434
1434
  };
1435
1435
  };
1436
1436
  };
1437
+ declare const layoutSprinkleValues: {
1438
+ readonly dialog: {
1439
+ readonly row: {
1440
+ readonly padding: {
1441
+ readonly vertical: {
1442
+ readonly lg: "lg";
1443
+ };
1444
+ readonly horizontal: {
1445
+ readonly lg: "lg";
1446
+ };
1447
+ };
1448
+ };
1449
+ };
1450
+ };
1437
1451
 
1438
1452
  declare const breakpoints: {
1439
1453
  mobile: number;
@@ -1602,4 +1616,4 @@ interface Sprinkles extends BaseSprinkles {
1602
1616
  }
1603
1617
  declare const sprinkles: Sprinkles;
1604
1618
 
1605
- export { type Breakpoint, Layers, type Sprinkles, type Theme, breakpoints, dark as darkTheme, light as lightTheme, queries, responsiveStyle, sprinkles, themeContract, themeVars };
1619
+ export { type Breakpoint, Layers, type Sprinkles, type Theme, breakpoints, dark as darkTheme, layoutSprinkleValues, light as lightTheme, queries, responsiveStyle, sprinkles, themeContract, themeVars };
package/dist/index.d.ts CHANGED
@@ -296,8 +296,8 @@ var color$1 = {
296
296
  strong: "#2b2e36"
297
297
  },
298
298
  overlay: {
299
- subtle: "lch(100 0 0 / 0.25)",
300
- medium: "lch(5.3 4.42 264 / 0.5)"
299
+ subtle: "rgb(100% 100% 100% / 0.25)",
300
+ medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
301
301
  },
302
302
  secondary: {
303
303
  subtle: "#f0f3f9",
@@ -316,14 +316,14 @@ var color$1 = {
316
316
  helper: "#606671",
317
317
  placeholder: "#717885",
318
318
  inverse: "#ffffff",
319
- disabled: "lch(18.9 5.62 272 / 0.5)"
319
+ disabled: "rgb(16.9% 18% 21.2% / 0.5)"
320
320
  },
321
321
  icon: {
322
322
  primary: "#2b2e36",
323
323
  secondary: "#606671",
324
324
  inverse: "#ffffff",
325
325
  interactive: "#4537de",
326
- disabled: "lch(18.9 5.62 272 / 0.5)"
326
+ disabled: "rgb(16.9% 18% 21.2% / 0.5)"
327
327
  },
328
328
  border: {
329
329
  subtle: "#f0f3f9",
@@ -608,8 +608,8 @@ var color = {
608
608
  strong: "#606671"
609
609
  },
610
610
  overlay: {
611
- subtle: "lch(100 0 0 / 0.25)",
612
- medium: "lch(5.3 4.42 264 / 0.5)"
611
+ subtle: "rgb(100% 100% 100% / 0.25)",
612
+ medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
613
613
  },
614
614
  positive: {
615
615
  subtle: "#f0f3f9",
@@ -623,14 +623,14 @@ var color = {
623
623
  helper: "#a9aeb7",
624
624
  placeholder: "#717885",
625
625
  inverse: "#2b2e36",
626
- disabled: "lch(100 0 0 / 0.5)"
626
+ disabled: "rgb(100% 100% 100% / 0.5)"
627
627
  },
628
628
  icon: {
629
629
  primary: "#ffffff",
630
630
  secondary: "#a9aeb7",
631
631
  inverse: "#2b2e36",
632
632
  interactive: "#a8bbf8",
633
- disabled: "lch(100 0 0 / 0.5)"
633
+ disabled: "rgb(100% 100% 100% / 0.5)"
634
634
  },
635
635
  border: {
636
636
  subtle: "#3d434e",
@@ -1434,6 +1434,20 @@ declare const themeVars: {
1434
1434
  };
1435
1435
  };
1436
1436
  };
1437
+ declare const layoutSprinkleValues: {
1438
+ readonly dialog: {
1439
+ readonly row: {
1440
+ readonly padding: {
1441
+ readonly vertical: {
1442
+ readonly lg: "lg";
1443
+ };
1444
+ readonly horizontal: {
1445
+ readonly lg: "lg";
1446
+ };
1447
+ };
1448
+ };
1449
+ };
1450
+ };
1437
1451
 
1438
1452
  declare const breakpoints: {
1439
1453
  mobile: number;
@@ -1602,4 +1616,4 @@ interface Sprinkles extends BaseSprinkles {
1602
1616
  }
1603
1617
  declare const sprinkles: Sprinkles;
1604
1618
 
1605
- export { type Breakpoint, Layers, type Sprinkles, type Theme, breakpoints, dark as darkTheme, light as lightTheme, queries, responsiveStyle, sprinkles, themeContract, themeVars };
1619
+ export { type Breakpoint, Layers, type Sprinkles, type Theme, breakpoints, dark as darkTheme, layoutSprinkleValues, light as lightTheme, queries, responsiveStyle, sprinkles, themeContract, themeVars };