@dmsi/wedgekit-react 0.0.1107 → 0.0.1109
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/components/CalendarRange.css +3 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +3 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +3 -0
- package/dist/components/DataGrid/PinnedColumns.css +3 -0
- package/dist/components/DataGrid/TableBody/LoadingCell.css +3 -0
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +3 -0
- package/dist/components/DataGrid/TableBody/index.css +3 -0
- package/dist/components/DataGrid/index.css +3 -0
- package/dist/components/DataGrid/utils.css +3 -0
- package/dist/components/DateInput.css +3 -0
- package/dist/components/DateRangeInput.css +3 -0
- package/dist/components/MainBar.cjs +3 -8
- package/dist/components/MainBar.js +3 -8
- package/dist/components/MobileDataGrid/ColumnList.css +3 -0
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +3 -0
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +3 -0
- package/dist/components/MobileDataGrid/index.css +3 -0
- package/dist/components/index.css +3 -0
- package/dist/index.css +3 -0
- package/package.json +1 -1
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -185,6 +185,7 @@ var MainBar = ({
|
|
|
185
185
|
mobileLeftContent: mobileLeft,
|
|
186
186
|
mobileRightContent: mobileRight,
|
|
187
187
|
footer = false,
|
|
188
|
+
compactMobile = false,
|
|
188
189
|
cart
|
|
189
190
|
}) => {
|
|
190
191
|
if (!left && !right) {
|
|
@@ -202,16 +203,10 @@ var MainBar = ({
|
|
|
202
203
|
"flex",
|
|
203
204
|
layoutGroupGap,
|
|
204
205
|
containerPaddingX,
|
|
205
|
-
footer ? containerPaddingY : componentPaddingYUsingComponentGap2xMobile
|
|
206
|
+
footer ? containerPaddingY : compactMobile ? "py-[calc((var(--spacing-mobile-component-gap)_+_8px)_/_2)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap" : componentPaddingYUsingComponentGap2xMobile
|
|
206
207
|
),
|
|
207
208
|
children: [
|
|
208
|
-
left && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
209
|
-
"div",
|
|
210
|
-
{
|
|
211
|
-
className: (0, import_clsx2.default)("hidden desktop:flex items-center", layoutGap),
|
|
212
|
-
children: left
|
|
213
|
-
}
|
|
214
|
-
),
|
|
209
|
+
left && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx2.default)("hidden desktop:flex items-center", layoutGap), children: left }),
|
|
215
210
|
(right || cart) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
216
211
|
"div",
|
|
217
212
|
{
|
|
@@ -18,6 +18,7 @@ var MainBar = ({
|
|
|
18
18
|
mobileLeftContent: mobileLeft,
|
|
19
19
|
mobileRightContent: mobileRight,
|
|
20
20
|
footer = false,
|
|
21
|
+
compactMobile = false,
|
|
21
22
|
cart
|
|
22
23
|
}) => {
|
|
23
24
|
if (!left && !right) {
|
|
@@ -35,16 +36,10 @@ var MainBar = ({
|
|
|
35
36
|
"flex",
|
|
36
37
|
layoutGroupGap,
|
|
37
38
|
containerPaddingX,
|
|
38
|
-
footer ? containerPaddingY : componentPaddingYUsingComponentGap2xMobile
|
|
39
|
+
footer ? containerPaddingY : compactMobile ? "py-[calc((var(--spacing-mobile-component-gap)_+_8px)_/_2)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap" : componentPaddingYUsingComponentGap2xMobile
|
|
39
40
|
),
|
|
40
41
|
children: [
|
|
41
|
-
left && /* @__PURE__ */ jsx(
|
|
42
|
-
"div",
|
|
43
|
-
{
|
|
44
|
-
className: clsx("hidden desktop:flex items-center", layoutGap),
|
|
45
|
-
children: left
|
|
46
|
-
}
|
|
47
|
-
),
|
|
42
|
+
left && /* @__PURE__ */ jsx("div", { className: clsx("hidden desktop:flex items-center", layoutGap), children: left }),
|
|
48
43
|
(right || cart) && /* @__PURE__ */ jsxs(
|
|
49
44
|
"div",
|
|
50
45
|
{
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
|
@@ -2106,6 +2106,9 @@
|
|
|
2106
2106
|
.py-\[15px\] {
|
|
2107
2107
|
padding-block: 15px;
|
|
2108
2108
|
}
|
|
2109
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2110
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2111
|
+
}
|
|
2109
2112
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2110
2113
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2111
2114
|
}
|
package/dist/index.css
CHANGED
|
@@ -2084,6 +2084,9 @@
|
|
|
2084
2084
|
.py-\[15px\] {
|
|
2085
2085
|
padding-block: 15px;
|
|
2086
2086
|
}
|
|
2087
|
+
.py-\[calc\(\(var\(--spacing-mobile-component-gap\)_\+_8px\)_\/_2\)\] {
|
|
2088
|
+
padding-block: calc((var(--spacing-mobile-component-gap) + 8px) / 2);
|
|
2089
|
+
}
|
|
2087
2090
|
.py-\[calc\(var\(--spacing-mobile-component-gap\)_\+_8px\)\] {
|
|
2088
2091
|
padding-block: calc(var(--spacing-mobile-component-gap) + 8px);
|
|
2089
2092
|
}
|