@bug-on/m3-expressive 1.2.3 → 1.2.5

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 (39) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +128 -41
  3. package/dist/buttons.d.mts +1 -1
  4. package/dist/buttons.d.ts +1 -1
  5. package/dist/buttons.js +33 -14
  6. package/dist/buttons.js.map +1 -1
  7. package/dist/buttons.mjs +33 -14
  8. package/dist/buttons.mjs.map +1 -1
  9. package/dist/forms.d.mts +2 -2
  10. package/dist/forms.d.ts +2 -2
  11. package/dist/index.d.mts +79 -7
  12. package/dist/index.d.ts +79 -7
  13. package/dist/index.js +6071 -5547
  14. package/dist/index.js.map +1 -1
  15. package/dist/index.mjs +5964 -5441
  16. package/dist/index.mjs.map +1 -1
  17. package/dist/layout.js +10 -7
  18. package/dist/layout.js.map +1 -1
  19. package/dist/layout.mjs +10 -7
  20. package/dist/layout.mjs.map +1 -1
  21. package/dist/md3-expressive-shapes-CPcfl_Hf.d.mts +498 -0
  22. package/dist/md3-expressive-shapes-CPcfl_Hf.d.ts +498 -0
  23. package/dist/navigation.d.mts +93 -20
  24. package/dist/navigation.d.ts +93 -20
  25. package/dist/navigation.js +2824 -561
  26. package/dist/navigation.js.map +1 -1
  27. package/dist/navigation.mjs +2815 -554
  28. package/dist/navigation.mjs.map +1 -1
  29. package/dist/overlays.d.mts +2 -2
  30. package/dist/overlays.d.ts +2 -2
  31. package/dist/shapes.d.mts +3 -498
  32. package/dist/shapes.d.ts +3 -498
  33. package/dist/{side-sheet-modal-Bd5Qqvp9.d.ts → side-sheet-modal-DdEZR6Vl.d.ts} +1 -1
  34. package/dist/{side-sheet-modal-64FGhDxL.d.mts → side-sheet-modal-Dgjt739k.d.mts} +1 -1
  35. package/dist/{split-button-trailing-uncheckable-C-qQlyZx.d.ts → split-button-trailing-uncheckable--BhNTEJw.d.ts} +10 -5
  36. package/dist/{split-button-trailing-uncheckable-DHJqNeq_.d.mts → split-button-trailing-uncheckable-DPJL3bO6.d.mts} +10 -5
  37. package/dist/{text-field-T4Rg-9Bw.d.mts → text-field-DWC7qOvp.d.mts} +128 -128
  38. package/dist/{text-field-T4Rg-9Bw.d.ts → text-field-DWC7qOvp.d.ts} +128 -128
  39. package/package.json +3 -3
package/dist/layout.js CHANGED
@@ -1287,6 +1287,7 @@ function TouchTarget() {
1287
1287
  }
1288
1288
  var BUTTON_SHAPE_MORPH_SPRING = FAST_SPATIAL_SPRING;
1289
1289
  var BUTTON_RADIUS_SPRING = FAST_EFFECTS_SPRING;
1290
+ var ROUND_SHAPE_RADIUS = 9999;
1290
1291
  var BUTTON_SIZE_TOKENS = {
1291
1292
  xs: {
1292
1293
  height: "2rem",
@@ -1305,7 +1306,7 @@ var BUTTON_SIZE_TOKENS = {
1305
1306
  // 12dp
1306
1307
  pressedShapeRadius: m3Tokens.cornerRadius.small,
1307
1308
  // 8dp
1308
- roundShapeRadius: 16
1309
+ roundShapeRadius: ROUND_SHAPE_RADIUS
1309
1310
  },
1310
1311
  sm: {
1311
1312
  height: "2.5rem",
@@ -1324,7 +1325,7 @@ var BUTTON_SIZE_TOKENS = {
1324
1325
  // 12dp
1325
1326
  pressedShapeRadius: m3Tokens.cornerRadius.small,
1326
1327
  // 8dp
1327
- roundShapeRadius: 20
1328
+ roundShapeRadius: ROUND_SHAPE_RADIUS
1328
1329
  },
1329
1330
  md: {
1330
1331
  height: "3.5rem",
@@ -1343,7 +1344,7 @@ var BUTTON_SIZE_TOKENS = {
1343
1344
  // 16dp
1344
1345
  pressedShapeRadius: m3Tokens.cornerRadius.medium,
1345
1346
  // 12dp
1346
- roundShapeRadius: 28
1347
+ roundShapeRadius: ROUND_SHAPE_RADIUS
1347
1348
  },
1348
1349
  lg: {
1349
1350
  height: "6rem",
@@ -1362,7 +1363,7 @@ var BUTTON_SIZE_TOKENS = {
1362
1363
  // 28dp
1363
1364
  pressedShapeRadius: m3Tokens.cornerRadius.large,
1364
1365
  // 16dp
1365
- roundShapeRadius: 48
1366
+ roundShapeRadius: ROUND_SHAPE_RADIUS
1366
1367
  },
1367
1368
  xl: {
1368
1369
  height: "8.5rem",
@@ -1381,7 +1382,7 @@ var BUTTON_SIZE_TOKENS = {
1381
1382
  // 28dp
1382
1383
  pressedShapeRadius: m3Tokens.cornerRadius.large,
1383
1384
  // 16dp
1384
- roundShapeRadius: 68
1385
+ roundShapeRadius: ROUND_SHAPE_RADIUS
1385
1386
  }
1386
1387
  };
1387
1388
  var BUTTON_TYPOGRAPHY_TOKENS = {
@@ -1518,6 +1519,7 @@ var ButtonComponent = React18__namespace.forwardRef(
1518
1519
  loading = false,
1519
1520
  loadingVariant = "loading-indicator",
1520
1521
  asChild = false,
1522
+ fullWidth = false,
1521
1523
  outlineWidth,
1522
1524
  children,
1523
1525
  onClick,
@@ -1540,6 +1542,7 @@ var ButtonComponent = React18__namespace.forwardRef(
1540
1542
  "loading",
1541
1543
  "loadingVariant",
1542
1544
  "asChild",
1545
+ "fullWidth",
1543
1546
  "outlineWidth",
1544
1547
  "children",
1545
1548
  "onClick",
@@ -1619,7 +1622,8 @@ var ButtonComponent = React18__namespace.forwardRef(
1619
1622
  [loading, onClick, onKeyDown]
1620
1623
  );
1621
1624
  const buttonClassName = cn(
1622
- "relative w-fit shrink-0 inline-flex flex-row items-center justify-center",
1625
+ "relative inline-flex flex-row items-center justify-center",
1626
+ fullWidth ? "w-full" : "w-fit shrink-0",
1623
1627
  "whitespace-nowrap select-none cursor-pointer",
1624
1628
  "transition-[background-color,color,border-color,box-shadow,opacity,filter] duration-200",
1625
1629
  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-m3-primary focus-visible:ring-offset-2",
@@ -1730,7 +1734,6 @@ var ButtonComponent = React18__namespace.forwardRef(
1730
1734
  react.m.button,
1731
1735
  __spreadProps(__spreadValues({
1732
1736
  ref,
1733
- layout: true,
1734
1737
  type: "button",
1735
1738
  "aria-pressed": isToggle ? isSelected : void 0,
1736
1739
  "aria-label": computedAriaLabel,