@dmsi/wedgekit-react 0.0.15 → 0.0.17

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 (130) hide show
  1. package/dist/{chunk-SY3HT54E.js → chunk-3WTXVSHO.js} +1 -1
  2. package/dist/{chunk-UU3FA6LV.js → chunk-5TLFMKSR.js} +1 -1
  3. package/dist/{chunk-6ZY524ID.js → chunk-DBYSGYST.js} +7 -2
  4. package/dist/{chunk-TAW5ZZ4Z.js → chunk-GCPJH5R6.js} +5 -4
  5. package/dist/{chunk-TRUPPHBQ.js → chunk-KDEPZ6I7.js} +1 -1
  6. package/dist/{chunk-DKKYR6DS.js → chunk-N32PXOA5.js} +2 -2
  7. package/dist/{chunk-BWRHL2AG.js → chunk-OISE6NMA.js} +2 -2
  8. package/dist/{chunk-FY7PTP6E.js → chunk-OUTEIXV4.js} +16 -26
  9. package/dist/{chunk-KX3O6GJ6.js → chunk-RDLEIAQU.js} +11 -0
  10. package/dist/{chunk-4C66DLIJ.js → chunk-S7R37IUP.js} +1 -1
  11. package/dist/{chunk-KENSVWOY.js → chunk-T6HZARR7.js} +1 -1
  12. package/dist/{chunk-TYI74BSP.js → chunk-TJ44JJCB.js} +1 -1
  13. package/dist/{chunk-GTCSRHPF.js → chunk-TWP6YSFO.js} +1 -1
  14. package/dist/{chunk-K3IKUSZW.js → chunk-UIQ733QP.js} +1 -1
  15. package/dist/{chunk-XUIPGYP5.js → chunk-UK3WG7HQ.js} +13 -4
  16. package/dist/{chunk-BNHSAFMP.js → chunk-VELXLFMJ.js} +1 -1
  17. package/dist/{chunk-Q3FKEKIN.js → chunk-WIDBAFBU.js} +6 -1
  18. package/dist/{chunk-E5ALT5W7.js → chunk-YDREJNAS.js} +3 -3
  19. package/dist/{chunk-2G2E2JMA.js → chunk-YZQNTOIF.js} +4 -2
  20. package/dist/{chunk-TWZZB4WO.js → chunk-Z2LOGSGE.js} +3 -3
  21. package/dist/{chunk-5GOBP2JS.js → chunk-ZCBSLV7U.js} +1 -1
  22. package/dist/{chunk-27KIIUAR.js → chunk-ZFGGZXB6.js} +1 -1
  23. package/dist/components/Breadcrumbs.cjs +15 -3
  24. package/dist/components/Breadcrumbs.js +8 -5
  25. package/dist/components/Button.cjs +9 -0
  26. package/dist/components/Button.js +2 -2
  27. package/dist/components/CalendarRange.cjs +22 -21
  28. package/dist/components/CalendarRange.js +2 -2
  29. package/dist/components/Caption.cjs +9 -0
  30. package/dist/components/Caption.js +1 -1
  31. package/dist/components/Checkbox.cjs +9 -0
  32. package/dist/components/Checkbox.js +3 -3
  33. package/dist/components/ContentTab.cjs +9 -0
  34. package/dist/components/ContentTab.js +3 -3
  35. package/dist/components/ContentTabs.cjs +9 -0
  36. package/dist/components/ContentTabs.js +3 -3
  37. package/dist/components/DataGrid.cjs +12 -2
  38. package/dist/components/DataGrid.js +12 -12
  39. package/dist/components/DataGridCell.cjs +10 -1
  40. package/dist/components/DataGridCell.js +7 -7
  41. package/dist/components/DateInput.cjs +22 -21
  42. package/dist/components/DateInput.js +4 -4
  43. package/dist/components/DateRangeInput.cjs +22 -21
  44. package/dist/components/DateRangeInput.js +4 -4
  45. package/dist/components/Display.cjs +9 -0
  46. package/dist/components/Display.js +2 -2
  47. package/dist/components/FilterGroup.cjs +9 -0
  48. package/dist/components/FilterGroup.js +9 -9
  49. package/dist/components/Heading.cjs +9 -0
  50. package/dist/components/Heading.js +2 -2
  51. package/dist/components/Input.cjs +9 -0
  52. package/dist/components/Input.js +3 -3
  53. package/dist/components/InputGroup.cjs +9 -0
  54. package/dist/components/InputGroup.js +2 -2
  55. package/dist/components/Label.cjs +9 -0
  56. package/dist/components/Label.js +2 -2
  57. package/dist/components/Link.cjs +9 -0
  58. package/dist/components/Link.js +2 -2
  59. package/dist/components/MainBar.cjs +10 -1
  60. package/dist/components/MainBar.js +3 -2
  61. package/dist/components/MenuOption.cjs +9 -0
  62. package/dist/components/MenuOption.js +4 -4
  63. package/dist/components/MobileDataGrid.cjs +9 -0
  64. package/dist/components/MobileDataGrid.js +4 -4
  65. package/dist/components/Modal.cjs +26 -10
  66. package/dist/components/Modal.js +6 -6
  67. package/dist/components/ModalButtons.cjs +11 -1
  68. package/dist/components/ModalButtons.js +3 -3
  69. package/dist/components/ModalContent.cjs +131 -2
  70. package/dist/components/ModalContent.js +2 -1
  71. package/dist/components/ModalHeader.cjs +16 -2
  72. package/dist/components/ModalHeader.js +4 -4
  73. package/dist/components/NavigationTab.cjs +9 -0
  74. package/dist/components/NavigationTab.js +3 -3
  75. package/dist/components/NavigationTabs.cjs +9 -0
  76. package/dist/components/NavigationTabs.js +3 -3
  77. package/dist/components/Notification.cjs +9 -0
  78. package/dist/components/Notification.js +4 -4
  79. package/dist/components/OptionPill.cjs +9 -0
  80. package/dist/components/OptionPill.js +4 -4
  81. package/dist/components/Paragraph.cjs +9 -0
  82. package/dist/components/Paragraph.js +2 -2
  83. package/dist/components/Password.cjs +9 -0
  84. package/dist/components/Password.js +3 -3
  85. package/dist/components/ProjectBar.cjs +9 -0
  86. package/dist/components/ProjectBar.js +1 -1
  87. package/dist/components/Radio.cjs +12 -2
  88. package/dist/components/Radio.js +7 -5
  89. package/dist/components/Search.cjs +9 -0
  90. package/dist/components/Search.js +4 -4
  91. package/dist/components/Select.cjs +9 -0
  92. package/dist/components/Select.js +4 -4
  93. package/dist/components/SideMenuGroup.cjs +9 -0
  94. package/dist/components/SideMenuGroup.js +2 -2
  95. package/dist/components/SideMenuItem.cjs +9 -0
  96. package/dist/components/SideMenuItem.js +2 -2
  97. package/dist/components/StatusPill.cjs +13 -2
  98. package/dist/components/StatusPill.js +9 -4
  99. package/dist/components/Stepper.cjs +13 -1
  100. package/dist/components/Stepper.js +10 -5
  101. package/dist/components/Subheader.cjs +9 -0
  102. package/dist/components/Subheader.js +2 -2
  103. package/dist/components/Swatch.cjs +9 -0
  104. package/dist/components/Swatch.js +4 -4
  105. package/dist/components/Textarea.cjs +13 -8
  106. package/dist/components/Textarea.js +7 -9
  107. package/dist/components/Time.cjs +9 -0
  108. package/dist/components/Time.js +3 -3
  109. package/dist/components/Toast.cjs +14 -3
  110. package/dist/components/Toast.js +13 -7
  111. package/dist/components/Tooltip.cjs +11 -1
  112. package/dist/components/Tooltip.js +2 -2
  113. package/dist/components/TopBar.cjs +9 -0
  114. package/dist/components/TopBar.js +1 -1
  115. package/dist/index.css +23 -69
  116. package/package.json +1 -1
  117. package/src/classNames.ts +12 -0
  118. package/src/components/Breadcrumbs.tsx +6 -3
  119. package/src/components/CalendarRange.tsx +11 -21
  120. package/src/components/DataGridCell.tsx +2 -2
  121. package/src/components/MainBar.tsx +2 -1
  122. package/src/components/ModalButtons.tsx +3 -1
  123. package/src/components/ModalContent.tsx +3 -1
  124. package/src/components/ModalHeader.tsx +9 -2
  125. package/src/components/Radio.tsx +4 -3
  126. package/src/components/StatusPill.tsx +4 -1
  127. package/src/components/Stepper.tsx +5 -1
  128. package/src/components/Textarea.tsx +4 -9
  129. package/src/components/Toast.tsx +7 -3
  130. package/src/components/Tooltip.tsx +3 -2
package/dist/components/Paragraph.cjs CHANGED
@@ -132,6 +132,9 @@ var componentGap = (0, import_clsx.default)(
132
132
  var paddingUsingComponentGap = (0, import_clsx.default)(
133
133
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
134
134
  );
135
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
136
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
137
+ );
135
138
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
136
139
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
137
140
  );
@@ -141,6 +144,9 @@ var componentPadding = (0, import_clsx.default)(
141
144
  var componentPaddingBottom = (0, import_clsx.default)(
142
145
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
143
146
  );
147
+ var componentPaddingX = (0, import_clsx.default)(
148
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
149
+ );
144
150
  var componentPaddingY = (0, import_clsx.default)(
145
151
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
146
152
  );
@@ -156,6 +162,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
156
162
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
157
163
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
158
164
  );
165
+ var layoutPaddding = (0, import_clsx.default)(
166
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
167
+ );
159
168
  var layoutPaddingBottom = (0, import_clsx.default)(
160
169
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
161
170
  );
package/dist/components/Paragraph.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Paragraph
3
- } from "../chunk-K3IKUSZW.js";
4
- import "../chunk-KX3O6GJ6.js";
3
+ } from "../chunk-UIQ733QP.js";
4
+ import "../chunk-RDLEIAQU.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
7
7
  Paragraph
package/dist/components/Password.cjs CHANGED
@@ -137,6 +137,9 @@ var componentGap = (0, import_clsx.default)(
137
137
  var paddingUsingComponentGap = (0, import_clsx.default)(
138
138
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
139
139
  );
140
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
141
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
142
+ );
140
143
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
141
144
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
142
145
  );
@@ -146,6 +149,9 @@ var componentPadding = (0, import_clsx.default)(
146
149
  var componentPaddingBottom = (0, import_clsx.default)(
147
150
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
148
151
  );
152
+ var componentPaddingX = (0, import_clsx.default)(
153
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
154
+ );
149
155
  var componentPaddingY = (0, import_clsx.default)(
150
156
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
151
157
  );
@@ -161,6 +167,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
161
167
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
162
168
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
163
169
  );
170
+ var layoutPaddding = (0, import_clsx.default)(
171
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
+ );
164
173
  var layoutPaddingBottom = (0, import_clsx.default)(
165
174
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
166
175
  );
package/dist/components/Password.js CHANGED
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-BWRHL2AG.js";
5
- import "../chunk-4C66DLIJ.js";
4
+ } from "../chunk-OISE6NMA.js";
5
+ import "../chunk-S7R37IUP.js";
6
6
  import {
7
7
  Icon
8
8
  } from "../chunk-IGQVA7SC.js";
9
- import "../chunk-KX3O6GJ6.js";
9
+ import "../chunk-RDLEIAQU.js";
10
10
  import {
11
11
  __objRest,
12
12
  __spreadProps,
package/dist/components/ProjectBar.cjs CHANGED
@@ -117,6 +117,9 @@ var componentGap = (0, import_clsx.default)(
117
117
  var paddingUsingComponentGap = (0, import_clsx.default)(
118
118
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
119
119
  );
120
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
121
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
122
+ );
120
123
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
121
124
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
122
125
  );
@@ -126,6 +129,9 @@ var componentPadding = (0, import_clsx.default)(
126
129
  var componentPaddingBottom = (0, import_clsx.default)(
127
130
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
128
131
  );
132
+ var componentPaddingX = (0, import_clsx.default)(
133
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
134
+ );
129
135
  var componentPaddingY = (0, import_clsx.default)(
130
136
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
131
137
  );
@@ -141,6 +147,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
141
147
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
142
148
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
143
149
  );
150
+ var layoutPaddding = (0, import_clsx.default)(
151
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
152
+ );
144
153
  var layoutPaddingBottom = (0, import_clsx.default)(
145
154
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
146
155
  );
package/dist/components/ProjectBar.js CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  layoutGap,
7
7
  layoutGroupGap,
8
8
  paddingYUsingLayoutGroupGap
9
- } from "../chunk-KX3O6GJ6.js";
9
+ } from "../chunk-RDLEIAQU.js";
10
10
  import {
11
11
  __spreadValues
12
12
  } from "../chunk-ORMEWXMH.js";
package/dist/components/Radio.cjs CHANGED
@@ -133,6 +133,9 @@ var componentGap = (0, import_clsx.default)(
133
133
  var paddingUsingComponentGap = (0, import_clsx.default)(
134
134
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
135
135
  );
136
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
137
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
138
+ );
136
139
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
137
140
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
138
141
  );
@@ -142,6 +145,9 @@ var componentPadding = (0, import_clsx.default)(
142
145
  var componentPaddingBottom = (0, import_clsx.default)(
143
146
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
144
147
  );
148
+ var componentPaddingX = (0, import_clsx.default)(
149
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
150
+ );
145
151
  var componentPaddingY = (0, import_clsx.default)(
146
152
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
147
153
  );
@@ -157,6 +163,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
157
163
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
158
164
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
159
165
  );
166
+ var layoutPaddding = (0, import_clsx.default)(
167
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
168
+ );
160
169
  var layoutPaddingBottom = (0, import_clsx.default)(
161
170
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
162
171
  );
@@ -265,7 +274,8 @@ var Radio = (_a) => {
265
274
  {
266
275
  htmlFor: radioId,
267
276
  className: (0, import_clsx3.default)(
268
- "flex items-center gap-desktop-component-gap",
277
+ "flex items-center",
278
+ componentGap,
269
279
  disabled ? "cursor-default" : "cursor-pointer",
270
280
  className
271
281
  ),
@@ -308,7 +318,7 @@ var Radio = (_a) => {
308
318
  }
309
319
  )
310
320
  ] }),
311
- label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Paragraph, { className: "px-mobile-component-gap", color: paragraphColor, children: label })
321
+ label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Paragraph, { padded: true, color: paragraphColor, children: label })
312
322
  ]
313
323
  }
314
324
  );
package/dist/components/Radio.js CHANGED
@@ -1,10 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Paragraph
4
- } from "../chunk-K3IKUSZW.js";
4
+ } from "../chunk-UIQ733QP.js";
5
5
  import {
6
- baseTransition
7
- } from "../chunk-KX3O6GJ6.js";
6
+ baseTransition,
7
+ componentGap
8
+ } from "../chunk-RDLEIAQU.js";
8
9
  import {
9
10
  __objRest,
10
11
  __spreadValues
@@ -48,7 +49,8 @@ var Radio = (_a) => {
48
49
  {
49
50
  htmlFor: radioId,
50
51
  className: clsx(
51
- "flex items-center gap-desktop-component-gap",
52
+ "flex items-center",
53
+ componentGap,
52
54
  disabled ? "cursor-default" : "cursor-pointer",
53
55
  className
54
56
  ),
@@ -91,7 +93,7 @@ var Radio = (_a) => {
91
93
  }
92
94
  )
93
95
  ] }),
94
- label && /* @__PURE__ */ jsx(Paragraph, { className: "px-mobile-component-gap", color: paragraphColor, children: label })
96
+ label && /* @__PURE__ */ jsx(Paragraph, { padded: true, color: paragraphColor, children: label })
95
97
  ]
96
98
  }
97
99
  );
package/dist/components/Search.cjs CHANGED
@@ -137,6 +137,9 @@ var componentGap = (0, import_clsx.default)(
137
137
  var paddingUsingComponentGap = (0, import_clsx.default)(
138
138
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
139
139
  );
140
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
141
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
142
+ );
140
143
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
141
144
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
142
145
  );
@@ -146,6 +149,9 @@ var componentPadding = (0, import_clsx.default)(
146
149
  var componentPaddingBottom = (0, import_clsx.default)(
147
150
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
148
151
  );
152
+ var componentPaddingX = (0, import_clsx.default)(
153
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
154
+ );
149
155
  var componentPaddingY = (0, import_clsx.default)(
150
156
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
151
157
  );
@@ -161,6 +167,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
161
167
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
162
168
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
163
169
  );
170
+ var layoutPaddding = (0, import_clsx.default)(
171
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
+ );
164
173
  var layoutPaddingBottom = (0, import_clsx.default)(
165
174
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
166
175
  );
package/dist/components/Search.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Search
4
- } from "../chunk-GTCSRHPF.js";
5
- import "../chunk-BWRHL2AG.js";
6
- import "../chunk-4C66DLIJ.js";
4
+ } from "../chunk-TWP6YSFO.js";
5
+ import "../chunk-OISE6NMA.js";
6
+ import "../chunk-S7R37IUP.js";
7
7
  import "../chunk-IGQVA7SC.js";
8
- import "../chunk-KX3O6GJ6.js";
8
+ import "../chunk-RDLEIAQU.js";
9
9
  import "../chunk-ORMEWXMH.js";
10
10
  export {
11
11
  Search
package/dist/components/Select.cjs CHANGED
@@ -137,6 +137,9 @@ var componentGap = (0, import_clsx.default)(
137
137
  var paddingUsingComponentGap = (0, import_clsx.default)(
138
138
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
139
139
  );
140
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
141
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
142
+ );
140
143
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
141
144
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
142
145
  );
@@ -146,6 +149,9 @@ var componentPadding = (0, import_clsx.default)(
146
149
  var componentPaddingBottom = (0, import_clsx.default)(
147
150
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
148
151
  );
152
+ var componentPaddingX = (0, import_clsx.default)(
153
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
154
+ );
149
155
  var componentPaddingY = (0, import_clsx.default)(
150
156
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
151
157
  );
@@ -161,6 +167,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
161
167
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
162
168
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
163
169
  );
170
+ var layoutPaddding = (0, import_clsx.default)(
171
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
+ );
164
173
  var layoutPaddingBottom = (0, import_clsx.default)(
165
174
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
166
175
  );
package/dist/components/Select.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Select
4
- } from "../chunk-TRUPPHBQ.js";
5
- import "../chunk-BWRHL2AG.js";
6
- import "../chunk-4C66DLIJ.js";
4
+ } from "../chunk-KDEPZ6I7.js";
5
+ import "../chunk-OISE6NMA.js";
6
+ import "../chunk-S7R37IUP.js";
7
7
  import "../chunk-IGQVA7SC.js";
8
- import "../chunk-KX3O6GJ6.js";
8
+ import "../chunk-RDLEIAQU.js";
9
9
  import "../chunk-ORMEWXMH.js";
10
10
  export {
11
11
  Select
package/dist/components/SideMenuGroup.cjs CHANGED
@@ -137,6 +137,9 @@ var componentGap = (0, import_clsx.default)(
137
137
  var paddingUsingComponentGap = (0, import_clsx.default)(
138
138
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
139
139
  );
140
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
141
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
142
+ );
140
143
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
141
144
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
142
145
  );
@@ -146,6 +149,9 @@ var componentPadding = (0, import_clsx.default)(
146
149
  var componentPaddingBottom = (0, import_clsx.default)(
147
150
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
148
151
  );
152
+ var componentPaddingX = (0, import_clsx.default)(
153
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
154
+ );
149
155
  var componentPaddingY = (0, import_clsx.default)(
150
156
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
151
157
  );
@@ -161,6 +167,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
161
167
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
162
168
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
163
169
  );
170
+ var layoutPaddding = (0, import_clsx.default)(
171
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
172
+ );
164
173
  var layoutPaddingBottom = (0, import_clsx.default)(
165
174
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
166
175
  );
package/dist/components/SideMenuGroup.js CHANGED
@@ -4,13 +4,13 @@ import {
4
4
  } from "../chunk-U42SKNR6.js";
5
5
  import {
6
6
  Label
7
- } from "../chunk-4C66DLIJ.js";
7
+ } from "../chunk-S7R37IUP.js";
8
8
  import {
9
9
  Icon
10
10
  } from "../chunk-IGQVA7SC.js";
11
11
  import {
12
12
  baseTransition
13
- } from "../chunk-KX3O6GJ6.js";
13
+ } from "../chunk-RDLEIAQU.js";
14
14
  import {
15
15
  __spreadProps,
16
16
  __spreadValues
package/dist/components/SideMenuItem.cjs CHANGED
@@ -132,6 +132,9 @@ var componentGap = (0, import_clsx.default)(
132
132
  var paddingUsingComponentGap = (0, import_clsx.default)(
133
133
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
134
134
  );
135
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
136
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
137
+ );
135
138
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
136
139
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
137
140
  );
@@ -141,6 +144,9 @@ var componentPadding = (0, import_clsx.default)(
141
144
  var componentPaddingBottom = (0, import_clsx.default)(
142
145
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
143
146
  );
147
+ var componentPaddingX = (0, import_clsx.default)(
148
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
149
+ );
144
150
  var componentPaddingY = (0, import_clsx.default)(
145
151
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
146
152
  );
@@ -156,6 +162,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
156
162
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
157
163
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
158
164
  );
165
+ var layoutPaddding = (0, import_clsx.default)(
166
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
167
+ );
159
168
  var layoutPaddingBottom = (0, import_clsx.default)(
160
169
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
161
170
  );
package/dist/components/SideMenuItem.js CHANGED
@@ -3,11 +3,11 @@ import {
3
3
  } from "../chunk-U42SKNR6.js";
4
4
  import {
5
5
  Paragraph
6
- } from "../chunk-K3IKUSZW.js";
6
+ } from "../chunk-UIQ733QP.js";
7
7
  import {
8
8
  baseTransition,
9
9
  componentPaddingMinus2pxBorder
10
- } from "../chunk-KX3O6GJ6.js";
10
+ } from "../chunk-RDLEIAQU.js";
11
11
  import "../chunk-ORMEWXMH.js";
12
12
 
13
13
  // src/components/SideMenuItem.tsx
package/dist/components/StatusPill.cjs CHANGED
@@ -134,6 +134,9 @@ var componentGap = (0, import_clsx.default)(
134
134
  var paddingUsingComponentGap = (0, import_clsx.default)(
135
135
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
136
136
  );
137
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
138
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
139
+ );
137
140
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
138
141
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
139
142
  );
@@ -143,6 +146,9 @@ var componentPadding = (0, import_clsx.default)(
143
146
  var componentPaddingBottom = (0, import_clsx.default)(
144
147
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
145
148
  );
149
+ var componentPaddingX = (0, import_clsx.default)(
150
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
151
+ );
146
152
  var componentPaddingY = (0, import_clsx.default)(
147
153
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
148
154
  );
@@ -158,6 +164,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
158
164
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
159
165
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
160
166
  );
167
+ var layoutPaddding = (0, import_clsx.default)(
168
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
169
+ );
161
170
  var layoutPaddingBottom = (0, import_clsx.default)(
162
171
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
163
172
  );
@@ -250,9 +259,11 @@ var StatusPill = (_a) => {
250
259
  "div",
251
260
  __spreadProps(__spreadValues({}, props), {
252
261
  className: (0, import_clsx3.default)(
253
- "px-desktop-component-padding py-desktop-compact-component-padding rounded flex items-center",
262
+ "rounded flex items-center",
254
263
  textColor,
255
- backgroundColor
264
+ backgroundColor,
265
+ paddingXUsingLayoutGroupGap,
266
+ componentPaddingYUsingComponentGap
256
267
  ),
257
268
  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Label, { children })
258
269
  })
package/dist/components/StatusPill.js CHANGED
@@ -1,7 +1,10 @@
1
1
  import {
2
2
  Label
3
- } from "../chunk-4C66DLIJ.js";
4
- import "../chunk-KX3O6GJ6.js";
3
+ } from "../chunk-S7R37IUP.js";
4
+ import {
5
+ componentPaddingYUsingComponentGap,
6
+ paddingXUsingLayoutGroupGap
7
+ } from "../chunk-RDLEIAQU.js";
5
8
  import {
6
9
  __objRest,
7
10
  __spreadProps,
@@ -38,9 +41,11 @@ var StatusPill = (_a) => {
38
41
  "div",
39
42
  __spreadProps(__spreadValues({}, props), {
40
43
  className: clsx(
41
- "px-desktop-component-padding py-desktop-compact-component-padding rounded flex items-center",
44
+ "rounded flex items-center",
42
45
  textColor,
43
- backgroundColor
46
+ backgroundColor,
47
+ paddingXUsingLayoutGroupGap,
48
+ componentPaddingYUsingComponentGap
44
49
  ),
45
50
  children: /* @__PURE__ */ jsx(Label, { children })
46
51
  })
package/dist/components/Stepper.cjs CHANGED
@@ -135,6 +135,9 @@ var componentGap = (0, import_clsx.default)(
135
135
  var paddingUsingComponentGap = (0, import_clsx.default)(
136
136
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
137
137
  );
138
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
139
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
140
+ );
138
141
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
139
142
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
140
143
  );
@@ -144,6 +147,9 @@ var componentPadding = (0, import_clsx.default)(
144
147
  var componentPaddingBottom = (0, import_clsx.default)(
145
148
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
146
149
  );
150
+ var componentPaddingX = (0, import_clsx.default)(
151
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
152
+ );
147
153
  var componentPaddingY = (0, import_clsx.default)(
148
154
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
149
155
  );
@@ -159,6 +165,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
159
165
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
160
166
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
161
167
  );
168
+ var layoutPaddding = (0, import_clsx.default)(
169
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
170
+ );
162
171
  var layoutPaddingBottom = (0, import_clsx.default)(
163
172
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
164
173
  );
@@ -822,7 +831,10 @@ var Stepper = (_a) => {
822
831
  setValue((prevVal) => prevVal - 1);
823
832
  onDecrease == null ? void 0 : onDecrease();
824
833
  }
825
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-desktop-component-gap", children: [
834
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_clsx6.default)(
835
+ "flex items-center",
836
+ componentGap
837
+ ), children: [
826
838
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
827
839
  Button,
828
840
  {
package/dist/components/Stepper.js CHANGED
@@ -1,15 +1,17 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-BWRHL2AG.js";
5
- import "../chunk-4C66DLIJ.js";
4
+ } from "../chunk-OISE6NMA.js";
5
+ import "../chunk-S7R37IUP.js";
6
6
  import {
7
7
  Button
8
- } from "../chunk-KENSVWOY.js";
8
+ } from "../chunk-T6HZARR7.js";
9
9
  import {
10
10
  Icon
11
11
  } from "../chunk-IGQVA7SC.js";
12
- import "../chunk-KX3O6GJ6.js";
12
+ import {
13
+ componentGap
14
+ } from "../chunk-RDLEIAQU.js";
13
15
  import {
14
16
  __objRest,
15
17
  __spreadProps,
@@ -43,7 +45,10 @@ var Stepper = (_a) => {
43
45
  setValue((prevVal) => prevVal - 1);
44
46
  onDecrease == null ? void 0 : onDecrease();
45
47
  }
46
- return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-desktop-component-gap", children: [
48
+ return /* @__PURE__ */ jsxs("div", { className: clsx(
49
+ "flex items-center",
50
+ componentGap
51
+ ), children: [
47
52
  /* @__PURE__ */ jsx(
48
53
  Button,
49
54
  {
package/dist/components/Subheader.cjs CHANGED
@@ -132,6 +132,9 @@ var componentGap = (0, import_clsx.default)(
132
132
  var paddingUsingComponentGap = (0, import_clsx.default)(
133
133
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
134
134
  );
135
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
136
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
137
+ );
135
138
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
136
139
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
137
140
  );
@@ -141,6 +144,9 @@ var componentPadding = (0, import_clsx.default)(
141
144
  var componentPaddingBottom = (0, import_clsx.default)(
142
145
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
143
146
  );
147
+ var componentPaddingX = (0, import_clsx.default)(
148
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
149
+ );
144
150
  var componentPaddingY = (0, import_clsx.default)(
145
151
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
146
152
  );
@@ -156,6 +162,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
156
162
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
157
163
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
158
164
  );
165
+ var layoutPaddding = (0, import_clsx.default)(
166
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
167
+ );
159
168
  var layoutPaddingBottom = (0, import_clsx.default)(
160
169
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
161
170
  );
package/dist/components/Subheader.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Subheader
3
- } from "../chunk-5GOBP2JS.js";
4
- import "../chunk-KX3O6GJ6.js";
3
+ } from "../chunk-ZCBSLV7U.js";
4
+ import "../chunk-RDLEIAQU.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
7
7
  Subheader
package/dist/components/Swatch.cjs CHANGED
@@ -135,6 +135,9 @@ var componentGap = (0, import_clsx.default)(
135
135
  var paddingUsingComponentGap = (0, import_clsx.default)(
136
136
  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
137
137
  );
138
+ var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
139
+ "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
140
+ );
138
141
  var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
139
142
  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
140
143
  );
@@ -144,6 +147,9 @@ var componentPadding = (0, import_clsx.default)(
144
147
  var componentPaddingBottom = (0, import_clsx.default)(
145
148
  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
146
149
  );
150
+ var componentPaddingX = (0, import_clsx.default)(
151
+ "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
152
+ );
147
153
  var componentPaddingY = (0, import_clsx.default)(
148
154
  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
149
155
  );
@@ -159,6 +165,9 @@ var componentPaddingMinusBorder = (0, import_clsx.default)(
159
165
  var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
160
166
  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
161
167
  );
168
+ var layoutPaddding = (0, import_clsx.default)(
169
+ "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
170
+ );
162
171
  var layoutPaddingBottom = (0, import_clsx.default)(
163
172
  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
164
173
  );
package/dist/components/Swatch.js CHANGED
@@ -3,17 +3,17 @@ import {
3
3
  } from "../chunk-U42SKNR6.js";
4
4
  import {
5
5
  Display1
6
- } from "../chunk-27KIIUAR.js";
6
+ } from "../chunk-ZFGGZXB6.js";
7
7
  import {
8
8
  Heading2,
9
9
  Heading3
10
- } from "../chunk-TYI74BSP.js";
10
+ } from "../chunk-TJ44JJCB.js";
11
11
  import {
12
12
  Paragraph
13
- } from "../chunk-K3IKUSZW.js";
13
+ } from "../chunk-UIQ733QP.js";
14
14
  import {
15
15
  typography
16
- } from "../chunk-KX3O6GJ6.js";
16
+ } from "../chunk-RDLEIAQU.js";
17
17
  import "../chunk-ORMEWXMH.js";
18
18
 
19
19
  // src/components/Swatch.tsx