@bug-on/m3-expressive 1.2.7 → 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.
Files changed (54) 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 +10 -10
  5. package/dist/buttons.js.map +1 -1
  6. package/dist/buttons.mjs +10 -10
  7. package/dist/buttons.mjs.map +1 -1
  8. package/dist/{core-D4048_K5.d.mts → core-CAU8g2HY.d.mts} +1 -1
  9. package/dist/{core-Bc5Wj_pc.d.ts → core-DRrLnsnJ.d.ts} +1 -1
  10. package/dist/core.d.mts +2 -2
  11. package/dist/core.d.ts +2 -2
  12. package/dist/core.js +3 -3
  13. package/dist/core.js.map +1 -1
  14. package/dist/core.mjs +3 -3
  15. package/dist/core.mjs.map +1 -1
  16. package/dist/feedback.d.mts +8 -6
  17. package/dist/feedback.d.ts +8 -6
  18. package/dist/feedback.js +5 -5
  19. package/dist/feedback.js.map +1 -1
  20. package/dist/feedback.mjs +5 -5
  21. package/dist/feedback.mjs.map +1 -1
  22. package/dist/{icon-button-CSsDmuQC.d.mts → icon-button-CqdQBsRe.d.ts} +11 -5
  23. package/dist/{icon-button-CSsDmuQC.d.ts → icon-button-USJo7AqO.d.mts} +11 -5
  24. package/dist/index.d.mts +6 -6
  25. package/dist/index.d.ts +6 -6
  26. package/dist/index.js +291 -163
  27. package/dist/index.js.map +1 -1
  28. package/dist/index.mjs +291 -164
  29. package/dist/index.mjs.map +1 -1
  30. package/dist/layout.d.mts +1 -1
  31. package/dist/layout.d.ts +1 -1
  32. package/dist/layout.js +1 -33
  33. package/dist/layout.js.map +1 -1
  34. package/dist/layout.mjs +1 -33
  35. package/dist/layout.mjs.map +1 -1
  36. package/dist/{md3-Dty-Qcad.d.mts → md3-D0_Z7IXj.d.mts} +9 -1
  37. package/dist/{md3-Dty-Qcad.d.ts → md3-D0_Z7IXj.d.ts} +9 -1
  38. package/dist/navigation.d.mts +103 -33
  39. package/dist/navigation.d.ts +103 -33
  40. package/dist/navigation.js +287 -127
  41. package/dist/navigation.js.map +1 -1
  42. package/dist/navigation.mjs +288 -129
  43. package/dist/navigation.mjs.map +1 -1
  44. package/dist/overlays.js +3 -3
  45. package/dist/overlays.js.map +1 -1
  46. package/dist/overlays.mjs +3 -3
  47. package/dist/overlays.mjs.map +1 -1
  48. package/dist/pickers.js +3 -3
  49. package/dist/pickers.js.map +1 -1
  50. package/dist/pickers.mjs +3 -3
  51. package/dist/pickers.mjs.map +1 -1
  52. package/dist/{split-button-trailing-uncheckable-DPJL3bO6.d.mts → split-button-trailing-uncheckable-26qlZvKT.d.mts} +10 -7
  53. package/dist/{split-button-trailing-uncheckable--BhNTEJw.d.ts → split-button-trailing-uncheckable-CXUVrH64.d.ts} +10 -7
  54. package/package.json +1 -1
package/dist/buttons.mjs CHANGED
@@ -3068,9 +3068,9 @@ var TOGGLE_FAB_COLORS = {
3068
3068
  }
3069
3069
  };
3070
3070
  var TOGGLE_FAB_SIZES = {
3071
- baseline: { sizeClass: "h-14 w-14", initialRadius: 16, finalRadius: 28 },
3072
- medium: { sizeClass: "h-20 w-20", initialRadius: 20, finalRadius: 40 },
3073
- large: { sizeClass: "h-24 w-24", initialRadius: 28, finalRadius: 48 }
3071
+ sm: { sizeClass: "h-14 w-14", initialRadius: 16, finalRadius: 28 },
3072
+ md: { sizeClass: "h-20 w-20", initialRadius: 20, finalRadius: 40 },
3073
+ lg: { sizeClass: "h-24 w-24", initialRadius: 28, finalRadius: 48 }
3074
3074
  };
3075
3075
  var MENU_ITEM_STYLES = {
3076
3076
  padding: "ps-4 pe-6",
@@ -3157,7 +3157,7 @@ var ToggleFABComponent = React16.forwardRef(
3157
3157
  onToggle,
3158
3158
  icon,
3159
3159
  colorVariant = "primary",
3160
- fabSize = "baseline",
3160
+ size = "sm",
3161
3161
  className,
3162
3162
  id,
3163
3163
  "aria-label": ariaLabel,
@@ -3166,7 +3166,7 @@ var ToggleFABComponent = React16.forwardRef(
3166
3166
  var _a, _b;
3167
3167
  const prefersReduced = useReducedMotion();
3168
3168
  const colors = (_a = TOGGLE_FAB_COLORS[colorVariant]) != null ? _a : TOGGLE_FAB_COLORS.primary;
3169
- const sizeTokens = (_b = TOGGLE_FAB_SIZES[fabSize]) != null ? _b : TOGGLE_FAB_SIZES.baseline;
3169
+ const sizeTokens = (_b = TOGGLE_FAB_SIZES[size]) != null ? _b : TOGGLE_FAB_SIZES.sm;
3170
3170
  const springConfig = prefersReduced ? SPRING_REDUCED : SPRING_NORMAL;
3171
3171
  const checkedProgress = useSpring(expanded ? 1 : 0, springConfig);
3172
3172
  React16.useEffect(() => {
@@ -3336,7 +3336,7 @@ function FABMenu({
3336
3336
  onToggle,
3337
3337
  items,
3338
3338
  colorVariant = "primary",
3339
- fabSize = "baseline",
3339
+ size = "sm",
3340
3340
  alignment = "end",
3341
3341
  className,
3342
3342
  closeOnBackdropClick = true,
@@ -3487,7 +3487,7 @@ function FABMenu({
3487
3487
  expanded,
3488
3488
  onToggle,
3489
3489
  colorVariant,
3490
- fabSize,
3490
+ size,
3491
3491
  "aria-label": ariaLabel != null ? ariaLabel : expanded ? "Close actions menu" : "Open actions menu",
3492
3492
  "aria-controls": menuId,
3493
3493
  icon: defaultFabIcon
@@ -3631,7 +3631,7 @@ var IconButtonComponent = React16.forwardRef(
3631
3631
  variant = "default",
3632
3632
  colorStyle = "standard",
3633
3633
  size = "sm",
3634
- widthVariant = "default",
3634
+ width = "default",
3635
3635
  shape = "round",
3636
3636
  selected,
3637
3637
  selectedIcon,
@@ -3649,7 +3649,7 @@ var IconButtonComponent = React16.forwardRef(
3649
3649
  "variant",
3650
3650
  "colorStyle",
3651
3651
  "size",
3652
- "widthVariant",
3652
+ "width",
3653
3653
  "shape",
3654
3654
  "selected",
3655
3655
  "selectedIcon",
@@ -3694,7 +3694,7 @@ var IconButtonComponent = React16.forwardRef(
3694
3694
  const iconPx = iconSize != null ? iconSize : defaultIconPx;
3695
3695
  const isCustomSize = iconSize != null && iconSize !== "inherit";
3696
3696
  const heightClass = (_c = SIZE_HEIGHT_STYLES[size]) != null ? _c : SIZE_HEIGHT_STYLES.sm;
3697
- const widthClass = (_e = ((_d = WIDTH_SIZE_STYLES[size]) != null ? _d : WIDTH_SIZE_STYLES.sm)[widthVariant]) != null ? _e : WIDTH_SIZE_STYLES.sm.default;
3697
+ const widthClass = (_e = ((_d = WIDTH_SIZE_STYLES[size]) != null ? _d : WIDTH_SIZE_STYLES.sm)[width]) != null ? _e : WIDTH_SIZE_STYLES.sm.default;
3698
3698
  const needsTouchTarget = size === "xs" || size === "sm";
3699
3699
  const { ripples, onPointerDown, removeRipple } = useRippleState({
3700
3700
  disabled: loading