@dmsi/wedgekit-react 0.0.415 → 0.0.418
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/dist/chunk-3HBYDOYE.js +114 -0
- package/dist/{chunk-JIMJIJOF.js → chunk-5TGP5EFM.js} +2 -2
- package/dist/{chunk-2HMCS25C.js → chunk-6LHBY2IH.js} +1 -1
- package/dist/{chunk-6I5LZ2ZC.js → chunk-7AXHAWJX.js} +3 -3
- package/dist/{chunk-MQX7GFLX.js → chunk-CANJ2YPW.js} +24 -6
- package/dist/{chunk-QQ5G773N.js → chunk-DCLNAUC4.js} +1 -1
- package/dist/{chunk-GB4ZTUQV.js → chunk-DTW7JCBR.js} +36 -0
- package/dist/chunk-ESCNCQGI.js +9 -0
- package/dist/chunk-IFHMGICR.js +66 -0
- package/dist/{chunk-ZHZIIVJN.js → chunk-IMOIZFJZ.js} +5 -5
- package/dist/chunk-KBJZUVLM.js +65 -0
- package/dist/{chunk-AA6GE3TH.js → chunk-LUPHOXAQ.js} +1 -1
- package/dist/{chunk-44TDIHUP.js → chunk-P3MIP2FD.js} +1 -1
- package/dist/{chunk-7ULLUUVJ.js → chunk-PQWWVBSR.js} +1 -1
- package/dist/{chunk-ERW5DEIO.js → chunk-RQLWSLVE.js} +1 -1
- package/dist/{chunk-BK7SPR6Y.js → chunk-TQIKP534.js} +4 -4
- package/dist/chunk-TYAQWVIM.js +159 -0
- package/dist/{chunk-KZZKQLKF.js → chunk-W55J2KJZ.js} +1 -1
- package/dist/chunk-Y2GK27RX.js +79 -0
- package/dist/components/Accordion.cjs +74 -2
- package/dist/components/Accordion.js +3 -3
- package/dist/components/CalendarRange.cjs +231 -53
- package/dist/components/CalendarRange.css +169 -65
- package/dist/components/CalendarRange.js +24 -16
- package/dist/components/Card.cjs +38 -2
- package/dist/components/Card.js +1 -1
- package/dist/components/CompactImagesPreview.cjs +59 -5
- package/dist/components/CompactImagesPreview.js +2 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +189 -11
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +169 -65
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +24 -16
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +198 -20
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +169 -65
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +24 -16
- package/dist/components/DataGrid/PinnedColumns.cjs +214 -36
- package/dist/components/DataGrid/PinnedColumns.css +169 -65
- package/dist/components/DataGrid/PinnedColumns.js +24 -16
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +190 -12
- package/dist/components/DataGrid/TableBody/LoadingCell.css +169 -65
- package/dist/components/DataGrid/TableBody/LoadingCell.js +24 -16
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +196 -18
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +169 -65
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +24 -16
- package/dist/components/DataGrid/TableBody/index.cjs +211 -33
- package/dist/components/DataGrid/TableBody/index.css +169 -65
- package/dist/components/DataGrid/TableBody/index.js +24 -16
- package/dist/components/DataGrid/index.cjs +300 -122
- package/dist/components/DataGrid/index.css +169 -65
- package/dist/components/DataGrid/index.js +24 -16
- package/dist/components/DataGrid/utils.cjs +190 -12
- package/dist/components/DataGrid/utils.css +169 -65
- package/dist/components/DataGrid/utils.js +24 -16
- package/dist/components/DateInput.cjs +250 -72
- package/dist/components/DateInput.css +169 -65
- package/dist/components/DateInput.js +24 -16
- package/dist/components/DateRangeInput.cjs +250 -72
- package/dist/components/DateRangeInput.css +169 -65
- package/dist/components/DateRangeInput.js +24 -16
- package/dist/components/Grid.cjs +81 -76
- package/dist/components/Grid.js +1 -1
- package/dist/components/ListGroup.cjs +553 -0
- package/dist/components/ListGroup.js +11 -0
- package/dist/components/MobileDataGrid/ColumnList.cjs +36 -0
- package/dist/components/MobileDataGrid/ColumnList.js +3 -3
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +197 -19
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +169 -65
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +24 -16
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.cjs +36 -0
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +2 -2
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +241 -27
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +169 -65
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +24 -16
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs +36 -0
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +36 -0
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
- package/dist/components/MobileDataGrid/index.cjs +743 -529
- package/dist/components/MobileDataGrid/index.css +169 -65
- package/dist/components/MobileDataGrid/index.js +24 -16
- package/dist/components/Modal.js +2 -2
- package/dist/components/Notification.cjs +36 -0
- package/dist/components/Notification.js +1 -1
- package/dist/components/PDFViewer/PDFElement.cjs +36 -0
- package/dist/components/PDFViewer/PDFElement.js +2 -2
- package/dist/components/PDFViewer/PDFNavigation.cjs +36 -0
- package/dist/components/PDFViewer/PDFNavigation.js +2 -2
- package/dist/components/PDFViewer/index.cjs +36 -0
- package/dist/components/PDFViewer/index.js +8 -111
- package/dist/components/Pagination.cjs +427 -0
- package/dist/components/Pagination.js +10 -0
- package/dist/components/ProductImagePreview/index.cjs +139 -127
- package/dist/components/ProductImagePreview/index.js +4 -4
- package/dist/components/SideMenuGroup.cjs +36 -0
- package/dist/components/SideMenuGroup.js +1 -1
- package/dist/components/SideMenuItem.cjs +36 -0
- package/dist/components/SideMenuItem.js +1 -1
- package/dist/components/SimpleTable.cjs +36 -0
- package/dist/components/SimpleTable.js +2 -2
- package/dist/components/SkeletonParagraph.js +3 -6
- package/dist/components/Stack.cjs +36 -0
- package/dist/components/Stack.js +1 -1
- package/dist/components/Swatch.cjs +36 -0
- package/dist/components/Swatch.js +1 -1
- package/dist/components/Time.cjs +36 -0
- package/dist/components/Time.js +1 -1
- package/dist/components/Tooltip.cjs +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Upload.cjs +36 -0
- package/dist/components/Upload.js +1 -1
- package/dist/components/index.cjs +694 -131
- package/dist/components/index.css +169 -65
- package/dist/components/index.js +37 -17
- package/dist/index.css +169 -65
- package/package.json +1 -1
- package/src/components/Card.tsx +60 -2
- package/src/components/CompactImagesPreview.tsx +54 -30
- package/src/components/Grid.tsx +59 -91
- package/src/components/ListGroup.tsx +82 -0
- package/src/components/Pagination.tsx +182 -0
- package/src/components/Stack.tsx +76 -0
- package/src/components/Tooltip.tsx +4 -3
- package/src/components/index.ts +4 -0
- package/dist/chunk-ER6RCOH3.js +0 -97
- package/dist/chunk-EZCH4PQS.js +0 -29
- package/dist/{chunk-D6YCMQPO.js → chunk-SBCFBHNG.js} +3 -3
|
@@ -230,6 +230,10 @@ var Stack = (_a) => {
|
|
|
230
230
|
padding,
|
|
231
231
|
paddingX,
|
|
232
232
|
paddingY,
|
|
233
|
+
paddingBottom,
|
|
234
|
+
paddingTop,
|
|
235
|
+
paddingLeft,
|
|
236
|
+
paddingRight,
|
|
233
237
|
margin,
|
|
234
238
|
marginX,
|
|
235
239
|
marginY,
|
|
@@ -245,6 +249,10 @@ var Stack = (_a) => {
|
|
|
245
249
|
height,
|
|
246
250
|
maxHeight,
|
|
247
251
|
borderColor,
|
|
252
|
+
borderTopColor,
|
|
253
|
+
borderRightColor,
|
|
254
|
+
borderBottomColor,
|
|
255
|
+
borderLeftColor,
|
|
248
256
|
backgroundColor,
|
|
249
257
|
sizing = "none",
|
|
250
258
|
overflowY = "inherit",
|
|
@@ -270,6 +278,10 @@ var Stack = (_a) => {
|
|
|
270
278
|
"padding",
|
|
271
279
|
"paddingX",
|
|
272
280
|
"paddingY",
|
|
281
|
+
"paddingBottom",
|
|
282
|
+
"paddingTop",
|
|
283
|
+
"paddingLeft",
|
|
284
|
+
"paddingRight",
|
|
273
285
|
"margin",
|
|
274
286
|
"marginX",
|
|
275
287
|
"marginY",
|
|
@@ -285,6 +297,10 @@ var Stack = (_a) => {
|
|
|
285
297
|
"height",
|
|
286
298
|
"maxHeight",
|
|
287
299
|
"borderColor",
|
|
300
|
+
"borderTopColor",
|
|
301
|
+
"borderRightColor",
|
|
302
|
+
"borderBottomColor",
|
|
303
|
+
"borderLeftColor",
|
|
288
304
|
"backgroundColor",
|
|
289
305
|
"sizing",
|
|
290
306
|
"overflowY",
|
|
@@ -320,6 +336,10 @@ var Stack = (_a) => {
|
|
|
320
336
|
width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
|
|
321
337
|
minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
|
|
322
338
|
border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
|
|
339
|
+
borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
|
|
340
|
+
borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
|
|
341
|
+
borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
|
|
342
|
+
borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
|
|
323
343
|
backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
|
|
324
344
|
flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
|
|
325
345
|
flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
|
|
@@ -359,6 +379,22 @@ var Stack = (_a) => {
|
|
|
359
379
|
paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
|
|
360
380
|
paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
|
|
361
381
|
paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
|
|
382
|
+
paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
|
|
383
|
+
paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
|
|
384
|
+
paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
|
|
385
|
+
paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
|
|
386
|
+
paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
|
|
387
|
+
paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
|
|
388
|
+
paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
|
|
389
|
+
paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
|
|
390
|
+
paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
|
|
391
|
+
paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
|
|
392
|
+
paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
|
|
393
|
+
paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
|
|
394
|
+
paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
|
|
395
|
+
paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
|
|
396
|
+
paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
|
|
397
|
+
paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
|
|
362
398
|
margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
|
|
363
399
|
marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
|
|
364
400
|
marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
|
|
@@ -281,6 +281,10 @@ var Stack = (_a) => {
|
|
|
281
281
|
padding,
|
|
282
282
|
paddingX,
|
|
283
283
|
paddingY,
|
|
284
|
+
paddingBottom,
|
|
285
|
+
paddingTop,
|
|
286
|
+
paddingLeft,
|
|
287
|
+
paddingRight,
|
|
284
288
|
margin,
|
|
285
289
|
marginX,
|
|
286
290
|
marginY,
|
|
@@ -296,6 +300,10 @@ var Stack = (_a) => {
|
|
|
296
300
|
height,
|
|
297
301
|
maxHeight,
|
|
298
302
|
borderColor,
|
|
303
|
+
borderTopColor,
|
|
304
|
+
borderRightColor,
|
|
305
|
+
borderBottomColor,
|
|
306
|
+
borderLeftColor,
|
|
299
307
|
backgroundColor,
|
|
300
308
|
sizing = "none",
|
|
301
309
|
overflowY = "inherit",
|
|
@@ -321,6 +329,10 @@ var Stack = (_a) => {
|
|
|
321
329
|
"padding",
|
|
322
330
|
"paddingX",
|
|
323
331
|
"paddingY",
|
|
332
|
+
"paddingBottom",
|
|
333
|
+
"paddingTop",
|
|
334
|
+
"paddingLeft",
|
|
335
|
+
"paddingRight",
|
|
324
336
|
"margin",
|
|
325
337
|
"marginX",
|
|
326
338
|
"marginY",
|
|
@@ -336,6 +348,10 @@ var Stack = (_a) => {
|
|
|
336
348
|
"height",
|
|
337
349
|
"maxHeight",
|
|
338
350
|
"borderColor",
|
|
351
|
+
"borderTopColor",
|
|
352
|
+
"borderRightColor",
|
|
353
|
+
"borderBottomColor",
|
|
354
|
+
"borderLeftColor",
|
|
339
355
|
"backgroundColor",
|
|
340
356
|
"sizing",
|
|
341
357
|
"overflowY",
|
|
@@ -371,6 +387,10 @@ var Stack = (_a) => {
|
|
|
371
387
|
width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
|
|
372
388
|
minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
|
|
373
389
|
border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
|
|
390
|
+
borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
|
|
391
|
+
borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
|
|
392
|
+
borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
|
|
393
|
+
borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
|
|
374
394
|
backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
|
|
375
395
|
flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
|
|
376
396
|
flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
|
|
@@ -410,6 +430,22 @@ var Stack = (_a) => {
|
|
|
410
430
|
paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
|
|
411
431
|
paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
|
|
412
432
|
paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
|
|
433
|
+
paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
|
|
434
|
+
paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
|
|
435
|
+
paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
|
|
436
|
+
paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
|
|
437
|
+
paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
|
|
438
|
+
paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
|
|
439
|
+
paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
|
|
440
|
+
paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
|
|
441
|
+
paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
|
|
442
|
+
paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
|
|
443
|
+
paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
|
|
444
|
+
paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
|
|
445
|
+
paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
|
|
446
|
+
paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
|
|
447
|
+
paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
|
|
448
|
+
paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
|
|
413
449
|
margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
|
|
414
450
|
marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
|
|
415
451
|
marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SimpleTable
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-PQWWVBSR.js";
|
|
4
4
|
import "../chunk-FA7IFW66.js";
|
|
5
|
-
import "../chunk-
|
|
5
|
+
import "../chunk-DTW7JCBR.js";
|
|
6
6
|
import "../chunk-6CTCHYIS.js";
|
|
7
7
|
import "../chunk-ORMEWXMH.js";
|
|
8
8
|
export {
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SkeletonParagraph
|
|
3
|
+
} from "../chunk-ESCNCQGI.js";
|
|
1
4
|
import "../chunk-ORMEWXMH.js";
|
|
2
|
-
|
|
3
|
-
// src/components/SkeletonParagraph.tsx
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
function SkeletonParagraph() {
|
|
6
|
-
return /* @__PURE__ */ jsx("div", { className: "h-[24px] bg-gradient-to-r from-neutral-100 to-[#f7f7f7] w-full rounded-xs min-w-32 " });
|
|
7
|
-
}
|
|
8
5
|
export {
|
|
9
6
|
SkeletonParagraph
|
|
10
7
|
};
|
|
@@ -229,6 +229,10 @@ var Stack = (_a) => {
|
|
|
229
229
|
padding,
|
|
230
230
|
paddingX,
|
|
231
231
|
paddingY,
|
|
232
|
+
paddingBottom,
|
|
233
|
+
paddingTop,
|
|
234
|
+
paddingLeft,
|
|
235
|
+
paddingRight,
|
|
232
236
|
margin,
|
|
233
237
|
marginX,
|
|
234
238
|
marginY,
|
|
@@ -244,6 +248,10 @@ var Stack = (_a) => {
|
|
|
244
248
|
height,
|
|
245
249
|
maxHeight,
|
|
246
250
|
borderColor,
|
|
251
|
+
borderTopColor,
|
|
252
|
+
borderRightColor,
|
|
253
|
+
borderBottomColor,
|
|
254
|
+
borderLeftColor,
|
|
247
255
|
backgroundColor,
|
|
248
256
|
sizing = "none",
|
|
249
257
|
overflowY = "inherit",
|
|
@@ -269,6 +277,10 @@ var Stack = (_a) => {
|
|
|
269
277
|
"padding",
|
|
270
278
|
"paddingX",
|
|
271
279
|
"paddingY",
|
|
280
|
+
"paddingBottom",
|
|
281
|
+
"paddingTop",
|
|
282
|
+
"paddingLeft",
|
|
283
|
+
"paddingRight",
|
|
272
284
|
"margin",
|
|
273
285
|
"marginX",
|
|
274
286
|
"marginY",
|
|
@@ -284,6 +296,10 @@ var Stack = (_a) => {
|
|
|
284
296
|
"height",
|
|
285
297
|
"maxHeight",
|
|
286
298
|
"borderColor",
|
|
299
|
+
"borderTopColor",
|
|
300
|
+
"borderRightColor",
|
|
301
|
+
"borderBottomColor",
|
|
302
|
+
"borderLeftColor",
|
|
287
303
|
"backgroundColor",
|
|
288
304
|
"sizing",
|
|
289
305
|
"overflowY",
|
|
@@ -319,6 +335,10 @@ var Stack = (_a) => {
|
|
|
319
335
|
width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
|
|
320
336
|
minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
|
|
321
337
|
border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
|
|
338
|
+
borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
|
|
339
|
+
borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
|
|
340
|
+
borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
|
|
341
|
+
borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
|
|
322
342
|
backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
|
|
323
343
|
flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
|
|
324
344
|
flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
|
|
@@ -358,6 +378,22 @@ var Stack = (_a) => {
|
|
|
358
378
|
paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
|
|
359
379
|
paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
|
|
360
380
|
paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
|
|
381
|
+
paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
|
|
382
|
+
paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
|
|
383
|
+
paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
|
|
384
|
+
paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
|
|
385
|
+
paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
|
|
386
|
+
paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
|
|
387
|
+
paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
|
|
388
|
+
paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
|
|
389
|
+
paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
|
|
390
|
+
paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
|
|
391
|
+
paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
|
|
392
|
+
paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
|
|
393
|
+
paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
|
|
394
|
+
paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
|
|
395
|
+
paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
|
|
396
|
+
paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
|
|
361
397
|
margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
|
|
362
398
|
marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
|
|
363
399
|
marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
|
package/dist/components/Stack.js
CHANGED
|
@@ -283,6 +283,10 @@ var Stack = (_a) => {
|
|
|
283
283
|
padding,
|
|
284
284
|
paddingX,
|
|
285
285
|
paddingY,
|
|
286
|
+
paddingBottom,
|
|
287
|
+
paddingTop,
|
|
288
|
+
paddingLeft,
|
|
289
|
+
paddingRight,
|
|
286
290
|
margin,
|
|
287
291
|
marginX,
|
|
288
292
|
marginY,
|
|
@@ -298,6 +302,10 @@ var Stack = (_a) => {
|
|
|
298
302
|
height,
|
|
299
303
|
maxHeight,
|
|
300
304
|
borderColor,
|
|
305
|
+
borderTopColor,
|
|
306
|
+
borderRightColor,
|
|
307
|
+
borderBottomColor,
|
|
308
|
+
borderLeftColor,
|
|
301
309
|
backgroundColor,
|
|
302
310
|
sizing = "none",
|
|
303
311
|
overflowY = "inherit",
|
|
@@ -323,6 +331,10 @@ var Stack = (_a) => {
|
|
|
323
331
|
"padding",
|
|
324
332
|
"paddingX",
|
|
325
333
|
"paddingY",
|
|
334
|
+
"paddingBottom",
|
|
335
|
+
"paddingTop",
|
|
336
|
+
"paddingLeft",
|
|
337
|
+
"paddingRight",
|
|
326
338
|
"margin",
|
|
327
339
|
"marginX",
|
|
328
340
|
"marginY",
|
|
@@ -338,6 +350,10 @@ var Stack = (_a) => {
|
|
|
338
350
|
"height",
|
|
339
351
|
"maxHeight",
|
|
340
352
|
"borderColor",
|
|
353
|
+
"borderTopColor",
|
|
354
|
+
"borderRightColor",
|
|
355
|
+
"borderBottomColor",
|
|
356
|
+
"borderLeftColor",
|
|
341
357
|
"backgroundColor",
|
|
342
358
|
"sizing",
|
|
343
359
|
"overflowY",
|
|
@@ -373,6 +389,10 @@ var Stack = (_a) => {
|
|
|
373
389
|
width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
|
|
374
390
|
minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
|
|
375
391
|
border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
|
|
392
|
+
borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
|
|
393
|
+
borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
|
|
394
|
+
borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
|
|
395
|
+
borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
|
|
376
396
|
backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
|
|
377
397
|
flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
|
|
378
398
|
flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
|
|
@@ -412,6 +432,22 @@ var Stack = (_a) => {
|
|
|
412
432
|
paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
|
|
413
433
|
paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
|
|
414
434
|
paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
|
|
435
|
+
paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
|
|
436
|
+
paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
|
|
437
|
+
paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
|
|
438
|
+
paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
|
|
439
|
+
paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
|
|
440
|
+
paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
|
|
441
|
+
paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
|
|
442
|
+
paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
|
|
443
|
+
paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
|
|
444
|
+
paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
|
|
445
|
+
paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
|
|
446
|
+
paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
|
|
447
|
+
paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
|
|
448
|
+
paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
|
|
449
|
+
paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
|
|
450
|
+
paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
|
|
415
451
|
margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
|
|
416
452
|
marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
|
|
417
453
|
marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
|
package/dist/components/Time.cjs
CHANGED
|
@@ -776,6 +776,10 @@ var Stack = (_a) => {
|
|
|
776
776
|
padding,
|
|
777
777
|
paddingX,
|
|
778
778
|
paddingY,
|
|
779
|
+
paddingBottom,
|
|
780
|
+
paddingTop,
|
|
781
|
+
paddingLeft,
|
|
782
|
+
paddingRight,
|
|
779
783
|
margin,
|
|
780
784
|
marginX,
|
|
781
785
|
marginY,
|
|
@@ -791,6 +795,10 @@ var Stack = (_a) => {
|
|
|
791
795
|
height,
|
|
792
796
|
maxHeight,
|
|
793
797
|
borderColor,
|
|
798
|
+
borderTopColor,
|
|
799
|
+
borderRightColor,
|
|
800
|
+
borderBottomColor,
|
|
801
|
+
borderLeftColor,
|
|
794
802
|
backgroundColor,
|
|
795
803
|
sizing = "none",
|
|
796
804
|
overflowY = "inherit",
|
|
@@ -816,6 +824,10 @@ var Stack = (_a) => {
|
|
|
816
824
|
"padding",
|
|
817
825
|
"paddingX",
|
|
818
826
|
"paddingY",
|
|
827
|
+
"paddingBottom",
|
|
828
|
+
"paddingTop",
|
|
829
|
+
"paddingLeft",
|
|
830
|
+
"paddingRight",
|
|
819
831
|
"margin",
|
|
820
832
|
"marginX",
|
|
821
833
|
"marginY",
|
|
@@ -831,6 +843,10 @@ var Stack = (_a) => {
|
|
|
831
843
|
"height",
|
|
832
844
|
"maxHeight",
|
|
833
845
|
"borderColor",
|
|
846
|
+
"borderTopColor",
|
|
847
|
+
"borderRightColor",
|
|
848
|
+
"borderBottomColor",
|
|
849
|
+
"borderLeftColor",
|
|
834
850
|
"backgroundColor",
|
|
835
851
|
"sizing",
|
|
836
852
|
"overflowY",
|
|
@@ -866,6 +882,10 @@ var Stack = (_a) => {
|
|
|
866
882
|
width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
|
|
867
883
|
minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
|
|
868
884
|
border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
|
|
885
|
+
borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
|
|
886
|
+
borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
|
|
887
|
+
borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
|
|
888
|
+
borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
|
|
869
889
|
backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
|
|
870
890
|
flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
|
|
871
891
|
flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
|
|
@@ -905,6 +925,22 @@ var Stack = (_a) => {
|
|
|
905
925
|
paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
|
|
906
926
|
paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
|
|
907
927
|
paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
|
|
928
|
+
paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
|
|
929
|
+
paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
|
|
930
|
+
paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
|
|
931
|
+
paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
|
|
932
|
+
paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
|
|
933
|
+
paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
|
|
934
|
+
paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
|
|
935
|
+
paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
|
|
936
|
+
paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
|
|
937
|
+
paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
|
|
938
|
+
paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
|
|
939
|
+
paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
|
|
940
|
+
paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
|
|
941
|
+
paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
|
|
942
|
+
paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
|
|
943
|
+
paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
|
|
908
944
|
margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
|
|
909
945
|
marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
|
|
910
946
|
marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
|
package/dist/components/Time.js
CHANGED
|
@@ -243,7 +243,7 @@ var Tooltip = ({
|
|
|
243
243
|
id,
|
|
244
244
|
"data-testid": testid,
|
|
245
245
|
ref,
|
|
246
|
-
className: "relative inline-grid grid-cols-[auto_1fr] items-center",
|
|
246
|
+
className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
|
|
247
247
|
onMouseEnter: handleMouseEnter,
|
|
248
248
|
onMouseLeave: handleMouseLeave,
|
|
249
249
|
children: [
|
|
@@ -457,6 +457,10 @@ var Stack = (_a) => {
|
|
|
457
457
|
padding,
|
|
458
458
|
paddingX,
|
|
459
459
|
paddingY,
|
|
460
|
+
paddingBottom,
|
|
461
|
+
paddingTop,
|
|
462
|
+
paddingLeft,
|
|
463
|
+
paddingRight,
|
|
460
464
|
margin,
|
|
461
465
|
marginX,
|
|
462
466
|
marginY,
|
|
@@ -472,6 +476,10 @@ var Stack = (_a) => {
|
|
|
472
476
|
height,
|
|
473
477
|
maxHeight,
|
|
474
478
|
borderColor,
|
|
479
|
+
borderTopColor,
|
|
480
|
+
borderRightColor,
|
|
481
|
+
borderBottomColor,
|
|
482
|
+
borderLeftColor,
|
|
475
483
|
backgroundColor,
|
|
476
484
|
sizing = "none",
|
|
477
485
|
overflowY = "inherit",
|
|
@@ -497,6 +505,10 @@ var Stack = (_a) => {
|
|
|
497
505
|
"padding",
|
|
498
506
|
"paddingX",
|
|
499
507
|
"paddingY",
|
|
508
|
+
"paddingBottom",
|
|
509
|
+
"paddingTop",
|
|
510
|
+
"paddingLeft",
|
|
511
|
+
"paddingRight",
|
|
500
512
|
"margin",
|
|
501
513
|
"marginX",
|
|
502
514
|
"marginY",
|
|
@@ -512,6 +524,10 @@ var Stack = (_a) => {
|
|
|
512
524
|
"height",
|
|
513
525
|
"maxHeight",
|
|
514
526
|
"borderColor",
|
|
527
|
+
"borderTopColor",
|
|
528
|
+
"borderRightColor",
|
|
529
|
+
"borderBottomColor",
|
|
530
|
+
"borderLeftColor",
|
|
515
531
|
"backgroundColor",
|
|
516
532
|
"sizing",
|
|
517
533
|
"overflowY",
|
|
@@ -547,6 +563,10 @@ var Stack = (_a) => {
|
|
|
547
563
|
width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
|
|
548
564
|
minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
|
|
549
565
|
border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
|
|
566
|
+
borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
|
|
567
|
+
borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
|
|
568
|
+
borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
|
|
569
|
+
borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
|
|
550
570
|
backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
|
|
551
571
|
flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
|
|
552
572
|
flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
|
|
@@ -586,6 +606,22 @@ var Stack = (_a) => {
|
|
|
586
606
|
paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
|
|
587
607
|
paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
|
|
588
608
|
paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
|
|
609
|
+
paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
|
|
610
|
+
paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
|
|
611
|
+
paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
|
|
612
|
+
paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
|
|
613
|
+
paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
|
|
614
|
+
paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
|
|
615
|
+
paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
|
|
616
|
+
paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
|
|
617
|
+
paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
|
|
618
|
+
paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
|
|
619
|
+
paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
|
|
620
|
+
paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
|
|
621
|
+
paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
|
|
622
|
+
paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
|
|
623
|
+
paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
|
|
624
|
+
paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
|
|
589
625
|
margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
|
|
590
626
|
marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
|
|
591
627
|
marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
|