@bug-on/m3-expressive 1.2.6 → 1.3.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/CHANGELOG.md +12 -0
- package/dist/buttons.d.mts +3 -3
- package/dist/buttons.d.ts +3 -3
- package/dist/buttons.js +230 -82
- package/dist/buttons.js.map +1 -1
- package/dist/buttons.mjs +231 -83
- package/dist/buttons.mjs.map +1 -1
- package/dist/{core-D4048_K5.d.mts → core-CAU8g2HY.d.mts} +1 -1
- package/dist/{core-Bc5Wj_pc.d.ts → core-DRrLnsnJ.d.ts} +1 -1
- package/dist/core.d.mts +2 -2
- package/dist/core.d.ts +2 -2
- package/dist/core.js +300 -152
- package/dist/core.js.map +1 -1
- package/dist/core.mjs +283 -135
- package/dist/core.mjs.map +1 -1
- package/dist/feedback.d.mts +40 -6
- package/dist/feedback.d.ts +40 -6
- package/dist/feedback.js +313 -165
- package/dist/feedback.js.map +1 -1
- package/dist/feedback.mjs +291 -143
- package/dist/feedback.mjs.map +1 -1
- package/dist/{icon-button-CSsDmuQC.d.mts → icon-button-CqdQBsRe.d.ts} +11 -5
- package/dist/{icon-button-CSsDmuQC.d.ts → icon-button-USJo7AqO.d.mts} +11 -5
- package/dist/index.d.mts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.js +511 -235
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +511 -236
- package/dist/index.mjs.map +1 -1
- package/dist/layout.d.mts +1 -1
- package/dist/layout.d.ts +1 -1
- package/dist/layout.js +221 -105
- package/dist/layout.js.map +1 -1
- package/dist/layout.mjs +222 -106
- package/dist/layout.mjs.map +1 -1
- package/dist/{md3-Dty-Qcad.d.mts → md3-D0_Z7IXj.d.mts} +9 -1
- package/dist/{md3-Dty-Qcad.d.ts → md3-D0_Z7IXj.d.ts} +9 -1
- package/dist/navigation.d.mts +103 -33
- package/dist/navigation.d.ts +103 -33
- package/dist/navigation.js +507 -199
- package/dist/navigation.js.map +1 -1
- package/dist/navigation.mjs +508 -201
- package/dist/navigation.mjs.map +1 -1
- package/dist/overlays.js +354 -206
- package/dist/overlays.js.map +1 -1
- package/dist/overlays.mjs +317 -169
- package/dist/overlays.mjs.map +1 -1
- package/dist/pickers.js +362 -214
- package/dist/pickers.js.map +1 -1
- package/dist/pickers.mjs +330 -182
- package/dist/pickers.mjs.map +1 -1
- package/dist/{split-button-trailing-uncheckable-DPJL3bO6.d.mts → split-button-trailing-uncheckable-26qlZvKT.d.mts} +10 -7
- package/dist/{split-button-trailing-uncheckable--BhNTEJw.d.ts → split-button-trailing-uncheckable-CXUVrH64.d.ts} +10 -7
- package/package.json +1 -1
package/dist/feedback.d.mts
CHANGED
|
@@ -46,12 +46,14 @@ interface BadgedBoxProps {
|
|
|
46
46
|
*/
|
|
47
47
|
className?: string;
|
|
48
48
|
/**
|
|
49
|
-
|
|
50
|
-
*
|
|
51
|
-
* - `'
|
|
49
|
+
/**
|
|
50
|
+
* Explicitly override size detection for badge positioning per MD3 specification.
|
|
51
|
+
* - `'sm'` → Small badge (dot): BadgeOffset = 6dp → translate(50%, -50%)
|
|
52
|
+
* - `'lg'` → Large badge (text): HOffset=12dp/VOffset=14dp → translate(35%, -35%)
|
|
52
53
|
* When omitted, BadgedBox auto-detects by inspecting `badge` children prop.
|
|
54
|
+
* @default auto-detected
|
|
53
55
|
*/
|
|
54
|
-
|
|
56
|
+
size?: "sm" | "lg";
|
|
55
57
|
}
|
|
56
58
|
/**
|
|
57
59
|
* MD3 Expressive Badge — dynamic status indicator.
|
|
@@ -84,7 +86,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
|
|
|
84
86
|
* → translate(35%, -35%)
|
|
85
87
|
*
|
|
86
88
|
* Auto-detects badge size by inspecting the badge element's children prop,
|
|
87
|
-
* or accepts an explicit `
|
|
89
|
+
* or accepts an explicit `size` override.
|
|
88
90
|
*
|
|
89
91
|
* @example
|
|
90
92
|
* ```tsx
|
|
@@ -99,7 +101,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
|
|
|
99
101
|
* </BadgedBox>
|
|
100
102
|
* ```
|
|
101
103
|
*/
|
|
102
|
-
declare function BadgedBox({ badge, children, className,
|
|
104
|
+
declare function BadgedBox({ badge, children, className, size, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
|
|
103
105
|
|
|
104
106
|
interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
105
107
|
/**
|
|
@@ -291,6 +293,38 @@ interface CircularProgressProps extends ProgressBaseProps {
|
|
|
291
293
|
* Speed multiplier for Indeterminate circular crawler rotation.
|
|
292
294
|
*/
|
|
293
295
|
crawlerSpeed?: number;
|
|
296
|
+
/**
|
|
297
|
+
* Controls track visibility in Indeterminate mode.
|
|
298
|
+
* - `true`: Track is always visible behind the active indicator.
|
|
299
|
+
* - `false`: Track is hidden (transparent).
|
|
300
|
+
* - `"auto"`: Follows M3 defaults — hidden for `flat`, visible for `wavy`.
|
|
301
|
+
*
|
|
302
|
+
* @default "auto"
|
|
303
|
+
*/
|
|
304
|
+
showTrack?: boolean | "auto";
|
|
305
|
+
/**
|
|
306
|
+
* Minimum arc fraction for indeterminate animation (0–1).
|
|
307
|
+
* Controls how small the arc gets at its shortest point.
|
|
308
|
+
*
|
|
309
|
+
* @default 0.1 (matching M3 Kotlin)
|
|
310
|
+
*/
|
|
311
|
+
minProgress?: number;
|
|
312
|
+
/**
|
|
313
|
+
* Maximum arc fraction for indeterminate animation (0–1).
|
|
314
|
+
* Controls how large the arc gets at its longest point.
|
|
315
|
+
*
|
|
316
|
+
* @default 0.8 (matching M3 Kotlin)
|
|
317
|
+
*/
|
|
318
|
+
maxProgress?: number;
|
|
319
|
+
/**
|
|
320
|
+
* Amplitude range for wavy indeterminate mode as `[min, max]`.
|
|
321
|
+
* The amplitude modulates between these values based on the arc length.
|
|
322
|
+
* - When arc is short → amplitude approaches `min` (flatter).
|
|
323
|
+
* - When arc is long → amplitude approaches `max` (wavier).
|
|
324
|
+
*
|
|
325
|
+
* @default [0, effectiveAmplitude] (matching Kotlin: flat when short, full wave when long)
|
|
326
|
+
*/
|
|
327
|
+
amplitudeRange?: [number, number];
|
|
294
328
|
}
|
|
295
329
|
type ProgressIndicatorProps = LinearProgressProps | CircularProgressProps;
|
|
296
330
|
|
package/dist/feedback.d.ts
CHANGED
|
@@ -46,12 +46,14 @@ interface BadgedBoxProps {
|
|
|
46
46
|
*/
|
|
47
47
|
className?: string;
|
|
48
48
|
/**
|
|
49
|
-
|
|
50
|
-
*
|
|
51
|
-
* - `'
|
|
49
|
+
/**
|
|
50
|
+
* Explicitly override size detection for badge positioning per MD3 specification.
|
|
51
|
+
* - `'sm'` → Small badge (dot): BadgeOffset = 6dp → translate(50%, -50%)
|
|
52
|
+
* - `'lg'` → Large badge (text): HOffset=12dp/VOffset=14dp → translate(35%, -35%)
|
|
52
53
|
* When omitted, BadgedBox auto-detects by inspecting `badge` children prop.
|
|
54
|
+
* @default auto-detected
|
|
53
55
|
*/
|
|
54
|
-
|
|
56
|
+
size?: "sm" | "lg";
|
|
55
57
|
}
|
|
56
58
|
/**
|
|
57
59
|
* MD3 Expressive Badge — dynamic status indicator.
|
|
@@ -84,7 +86,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
|
|
|
84
86
|
* → translate(35%, -35%)
|
|
85
87
|
*
|
|
86
88
|
* Auto-detects badge size by inspecting the badge element's children prop,
|
|
87
|
-
* or accepts an explicit `
|
|
89
|
+
* or accepts an explicit `size` override.
|
|
88
90
|
*
|
|
89
91
|
* @example
|
|
90
92
|
* ```tsx
|
|
@@ -99,7 +101,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
|
|
|
99
101
|
* </BadgedBox>
|
|
100
102
|
* ```
|
|
101
103
|
*/
|
|
102
|
-
declare function BadgedBox({ badge, children, className,
|
|
104
|
+
declare function BadgedBox({ badge, children, className, size, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
|
|
103
105
|
|
|
104
106
|
interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
105
107
|
/**
|
|
@@ -291,6 +293,38 @@ interface CircularProgressProps extends ProgressBaseProps {
|
|
|
291
293
|
* Speed multiplier for Indeterminate circular crawler rotation.
|
|
292
294
|
*/
|
|
293
295
|
crawlerSpeed?: number;
|
|
296
|
+
/**
|
|
297
|
+
* Controls track visibility in Indeterminate mode.
|
|
298
|
+
* - `true`: Track is always visible behind the active indicator.
|
|
299
|
+
* - `false`: Track is hidden (transparent).
|
|
300
|
+
* - `"auto"`: Follows M3 defaults — hidden for `flat`, visible for `wavy`.
|
|
301
|
+
*
|
|
302
|
+
* @default "auto"
|
|
303
|
+
*/
|
|
304
|
+
showTrack?: boolean | "auto";
|
|
305
|
+
/**
|
|
306
|
+
* Minimum arc fraction for indeterminate animation (0–1).
|
|
307
|
+
* Controls how small the arc gets at its shortest point.
|
|
308
|
+
*
|
|
309
|
+
* @default 0.1 (matching M3 Kotlin)
|
|
310
|
+
*/
|
|
311
|
+
minProgress?: number;
|
|
312
|
+
/**
|
|
313
|
+
* Maximum arc fraction for indeterminate animation (0–1).
|
|
314
|
+
* Controls how large the arc gets at its longest point.
|
|
315
|
+
*
|
|
316
|
+
* @default 0.8 (matching M3 Kotlin)
|
|
317
|
+
*/
|
|
318
|
+
maxProgress?: number;
|
|
319
|
+
/**
|
|
320
|
+
* Amplitude range for wavy indeterminate mode as `[min, max]`.
|
|
321
|
+
* The amplitude modulates between these values based on the arc length.
|
|
322
|
+
* - When arc is short → amplitude approaches `min` (flatter).
|
|
323
|
+
* - When arc is long → amplitude approaches `max` (wavier).
|
|
324
|
+
*
|
|
325
|
+
* @default [0, effectiveAmplitude] (matching Kotlin: flat when short, full wave when long)
|
|
326
|
+
*/
|
|
327
|
+
amplitudeRange?: [number, number];
|
|
294
328
|
}
|
|
295
329
|
type ProgressIndicatorProps = LinearProgressProps | CircularProgressProps;
|
|
296
330
|
|