@bug-on/m3-expressive 1.3.6 → 1.3.7

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 (70) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/buttons.d.mts +3 -3
  3. package/dist/buttons.d.ts +3 -3
  4. package/dist/buttons.js +110 -91
  5. package/dist/buttons.js.map +1 -1
  6. package/dist/buttons.mjs +110 -91
  7. package/dist/buttons.mjs.map +1 -1
  8. package/dist/{core-Cckt8qEm.d.ts → core-DamhB5Yd.d.ts} +1 -1
  9. package/dist/{core-DDfG4pym.d.mts → core-Wsfqn9_N.d.mts} +1 -1
  10. package/dist/core.d.mts +2 -2
  11. package/dist/core.d.ts +2 -2
  12. package/dist/core.js +1 -1
  13. package/dist/core.js.map +1 -1
  14. package/dist/core.mjs +1 -1
  15. package/dist/core.mjs.map +1 -1
  16. package/dist/{fading-blur-mask--uZbBKLj.d.ts → fading-blur-mask-CX-bwjNU.d.mts} +6 -1
  17. package/dist/{fading-blur-mask--uZbBKLj.d.mts → fading-blur-mask-D57UMguz.d.ts} +6 -1
  18. package/dist/feedback.d.mts +17 -5
  19. package/dist/feedback.d.ts +17 -5
  20. package/dist/feedback.js +1 -1
  21. package/dist/feedback.js.map +1 -1
  22. package/dist/feedback.mjs +1 -1
  23. package/dist/feedback.mjs.map +1 -1
  24. package/dist/forms.d.mts +3 -3
  25. package/dist/forms.d.ts +3 -3
  26. package/dist/{icon-button-CxyJv7UV.d.mts → icon-button-BpX9_fwZ.d.mts} +1 -1
  27. package/dist/{icon-button-Di8VX6ou.d.ts → icon-button-DFXp9hze.d.ts} +1 -1
  28. package/dist/index.d.mts +9 -8
  29. package/dist/index.d.ts +9 -8
  30. package/dist/index.js +1098 -976
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.mjs +924 -802
  33. package/dist/index.mjs.map +1 -1
  34. package/dist/layout.d.mts +92 -23
  35. package/dist/layout.d.ts +92 -23
  36. package/dist/layout.js +118 -13
  37. package/dist/layout.js.map +1 -1
  38. package/dist/layout.mjs +118 -15
  39. package/dist/layout.mjs.map +1 -1
  40. package/dist/md3-xBl4wgND.d.mts +44 -0
  41. package/dist/md3-xBl4wgND.d.ts +44 -0
  42. package/dist/navigation.d.mts +4 -4
  43. package/dist/navigation.d.ts +4 -4
  44. package/dist/navigation.js +1 -1
  45. package/dist/navigation.js.map +1 -1
  46. package/dist/navigation.mjs +1 -1
  47. package/dist/navigation.mjs.map +1 -1
  48. package/dist/overlays.d.mts +4 -4
  49. package/dist/overlays.d.ts +4 -4
  50. package/dist/overlays.js +1 -1
  51. package/dist/overlays.js.map +1 -1
  52. package/dist/overlays.mjs +1 -1
  53. package/dist/overlays.mjs.map +1 -1
  54. package/dist/pickers.js +1 -1
  55. package/dist/pickers.js.map +1 -1
  56. package/dist/pickers.mjs +1 -1
  57. package/dist/pickers.mjs.map +1 -1
  58. package/dist/shapes.d.mts +9 -2
  59. package/dist/shapes.d.ts +9 -2
  60. package/dist/{side-sheet-modal-Cw4vemKx.d.ts → side-sheet-modal-BfdgYjd3.d.ts} +1 -1
  61. package/dist/{side-sheet-modal-BycxrabB.d.mts → side-sheet-modal-kLfHINFZ.d.mts} +1 -1
  62. package/dist/{split-button-trailing-uncheckable-CGzk7KcG.d.ts → split-button-trailing-uncheckable-BpyIlOdn.d.ts} +7 -3
  63. package/dist/{split-button-trailing-uncheckable-gAz6OAIi.d.mts → split-button-trailing-uncheckable-CpT8iPpr.d.mts} +7 -3
  64. package/dist/{text-field-C0VQLp8Y.d.ts → text-field-Ct-LT_2T.d.ts} +1 -1
  65. package/dist/{text-field-B1fLh5Sh.d.mts → text-field-D5xiGn-q.d.mts} +1 -1
  66. package/llms-full.txt +18 -3
  67. package/llms.txt +4 -1
  68. package/package.json +1 -1
  69. package/dist/md3-BQhRygSi.d.mts +0 -31
  70. package/dist/md3-BQhRygSi.d.ts +0 -31
package/dist/{fading-blur-mask--uZbBKLj.d.ts → fading-blur-mask-CX-bwjNU.d.mts} RENAMED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
+ import { a as MD3ColorToken } from './md3-xBl4wgND.mjs';
3
4
 
4
5
  /**
5
6
  * @file fading-blur-mask.types.ts
@@ -34,8 +35,12 @@ interface FadingBlurMaskProps {
34
35
  /**
35
36
  * Tint or background color overlay mixed into the blur.
36
37
  * Defaults to MD3 surface token `var(--md-sys-color-surface)`.
38
+ *
39
+ * @example
40
+ * color="var(--md-sys-color-surface)"
41
+ * color="var(--md-sys-color-surface-container)"
37
42
  */
38
- color?: string;
43
+ color?: MD3ColorToken;
39
44
  /** Additional CSS class names for styling. */
40
45
  className?: string;
41
46
  /** Custom inline styles. */
package/dist/{fading-blur-mask--uZbBKLj.d.mts → fading-blur-mask-D57UMguz.d.ts} RENAMED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
+ import { a as MD3ColorToken } from './md3-xBl4wgND.js';
3
4
 
4
5
  /**
5
6
  * @file fading-blur-mask.types.ts
@@ -34,8 +35,12 @@ interface FadingBlurMaskProps {
34
35
  /**
35
36
  * Tint or background color overlay mixed into the blur.
36
37
  * Defaults to MD3 surface token `var(--md-sys-color-surface)`.
38
+ *
39
+ * @example
40
+ * color="var(--md-sys-color-surface)"
41
+ * color="var(--md-sys-color-surface-container)"
37
42
  */
38
- color?: string;
43
+ color?: MD3ColorToken;
39
44
  /** Additional CSS class names for styling. */
40
45
  className?: string;
41
46
  /** Custom inline styles. */
package/dist/feedback.d.mts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React$1 from 'react';
3
+ import { a as MD3ColorToken } from './md3-xBl4wgND.mjs';
3
4
 
4
5
  type SafeHTMLSpanAttrs = Omit<React$1.HTMLAttributes<HTMLSpanElement>, "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop">;
5
6
  interface BadgeProps extends SafeHTMLSpanAttrs {
@@ -134,9 +135,9 @@ interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivEleme
134
135
  /**
135
136
  * Active indicator color override. Falls back to MD3 system color tokens.
136
137
  * Supports any valid CSS color value or CSS variable.
137
- * @example "#ff5722" | "var(--brand-color)"
138
+ * @example "var(--md-sys-color-primary)" | "var(--md-sys-color-tertiary)" | "#ff5722"
138
139
  */
139
- color?: string;
140
+ color?: MD3ColorToken;
140
141
  /**
141
142
  * Required accessible label describing what is loading.
142
143
  * @example "Loading news article"
@@ -176,13 +177,17 @@ interface ProgressBaseProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
176
177
  *
177
178
  * @example
178
179
  * color="var(--md-sys-color-primary)" // Custom design token
180
+ * color="var(--md-sys-color-tertiary)"
179
181
  */
180
- color?: string;
182
+ color?: MD3ColorToken;
181
183
  /**
182
184
  * Color of the track (inactive background portion).
183
185
  * Defaults to a surface-calculated tone or subtle opacity.
186
+ *
187
+ * @example
188
+ * trackColor="var(--md-sys-color-surface-variant)"
184
189
  */
185
- trackColor?: string;
190
+ trackColor?: MD3ColorToken;
186
191
  }
187
192
  interface LinearProgressProps extends ProgressBaseProps {
188
193
  /** Variant classification for Linear progress bar layout. */
@@ -637,7 +642,14 @@ interface TooltipCaretProps {
637
642
  side: "top" | "bottom" | "left" | "right";
638
643
  width?: number;
639
644
  height?: number;
640
- color?: string;
645
+ /**
646
+ * Caret fill color.
647
+ *
648
+ * @example
649
+ * color="var(--md-sys-color-inverse-surface)"
650
+ * color="var(--md-sys-color-surface-container-highest)"
651
+ */
652
+ color?: MD3ColorToken;
641
653
  customPath?: string;
642
654
  className?: string;
643
655
  }
package/dist/feedback.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React$1 from 'react';
3
+ import { a as MD3ColorToken } from './md3-xBl4wgND.js';
3
4
 
4
5
  type SafeHTMLSpanAttrs = Omit<React$1.HTMLAttributes<HTMLSpanElement>, "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop">;
5
6
  interface BadgeProps extends SafeHTMLSpanAttrs {
@@ -134,9 +135,9 @@ interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivEleme
134
135
  /**
135
136
  * Active indicator color override. Falls back to MD3 system color tokens.
136
137
  * Supports any valid CSS color value or CSS variable.
137
- * @example "#ff5722" | "var(--brand-color)"
138
+ * @example "var(--md-sys-color-primary)" | "var(--md-sys-color-tertiary)" | "#ff5722"
138
139
  */
139
- color?: string;
140
+ color?: MD3ColorToken;
140
141
  /**
141
142
  * Required accessible label describing what is loading.
142
143
  * @example "Loading news article"
@@ -176,13 +177,17 @@ interface ProgressBaseProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
176
177
  *
177
178
  * @example
178
179
  * color="var(--md-sys-color-primary)" // Custom design token
180
+ * color="var(--md-sys-color-tertiary)"
179
181
  */
180
- color?: string;
182
+ color?: MD3ColorToken;
181
183
  /**
182
184
  * Color of the track (inactive background portion).
183
185
  * Defaults to a surface-calculated tone or subtle opacity.
186
+ *
187
+ * @example
188
+ * trackColor="var(--md-sys-color-surface-variant)"
184
189
  */
185
- trackColor?: string;
190
+ trackColor?: MD3ColorToken;
186
191
  }
187
192
  interface LinearProgressProps extends ProgressBaseProps {
188
193
  /** Variant classification for Linear progress bar layout. */
@@ -637,7 +642,14 @@ interface TooltipCaretProps {
637
642
  side: "top" | "bottom" | "left" | "right";
638
643
  width?: number;
639
644
  height?: number;
640
- color?: string;
645
+ /**
646
+ * Caret fill color.
647
+ *
648
+ * @example
649
+ * color="var(--md-sys-color-inverse-surface)"
650
+ * color="var(--md-sys-color-surface-container-highest)"
651
+ */
652
+ color?: MD3ColorToken;
641
653
  customPath?: string;
642
654
  className?: string;
643
655
  }
package/dist/feedback.js CHANGED
@@ -1501,7 +1501,7 @@ var WIDTH_SIZE_STYLES = {
1501
1501
  },
1502
1502
  sm: {
1503
1503
  default: "w-10",
1504
- narrow: "w-12",
1504
+ narrow: "w-10",
1505
1505
  wide: "w-[3.25rem]"
1506
1506
  },
1507
1507
  md: {