@orfium/ictinus 5.42.2 → 5.42.3
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/.turbo/turbo-build.log +15 -15
- package/CHANGELOG.md +6 -0
- package/dist/_virtual/index8.js +2 -2
- package/dist/_virtual/index9.js +2 -2
- package/dist/components/Table/components/TTitle/TTitle.js +1 -1
- package/dist/node_modules/is-bigint/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/node_modules/is-weakset/index.js +1 -1
- package/dist/src/components/Table/components/TTitle/TTitle.d.ts +1 -1
- package/dist/src/components/Table/types.d.ts +1 -1
- package/dist/vanilla/index.d.ts +212 -212
- package/dist/vanilla/package.json.js +1 -1
- package/package.json +1 -1
- package/src/components/Table/components/TTitle/TTitle.tsx +7 -7
- package/src/components/Table/types.ts +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
|
|
2
|
-
> @orfium/ictinus@5.42.
|
|
2
|
+
> @orfium/ictinus@5.42.3 build /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
|
|
3
3
|
> pnpm build:main && pnpm build:codemods && pnpm build:vanilla
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
> @orfium/ictinus@5.42.
|
|
6
|
+
> @orfium/ictinus@5.42.3 build:main /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
|
|
7
7
|
> vite build --mode production
|
|
8
8
|
|
|
9
9
|
production /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
|
|
@@ -41,6 +41,7 @@ computing gzip size...
|
|
|
41
41
|
[2mdist/[22m[36m_virtual/ariaDpubRoles.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
42
42
|
[2mdist/[22m[36m_virtual/ariaGraphicsRoles.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
43
43
|
[2mdist/[22m[36m_virtual/escapeHTML.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
44
|
+
[2mdist/[22m[36m_virtual/iteratorProxy.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
44
45
|
[2mdist/[22m[36m_virtual/commandRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
45
46
|
[2mdist/[22m[36m_virtual/compositeRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
46
47
|
[2mdist/[22m[36m_virtual/inputRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
@@ -53,7 +54,6 @@ computing gzip size...
|
|
|
53
54
|
[2mdist/[22m[36m_virtual/structureRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
54
55
|
[2mdist/[22m[36m_virtual/widgetRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
55
56
|
[2mdist/[22m[36m_virtual/windowRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
56
|
-
[2mdist/[22m[36m_virtual/iteratorProxy.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
57
57
|
[2mdist/[22m[36m_virtual/alertRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
58
58
|
[2mdist/[22m[36m_virtual/alertdialogRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
59
59
|
[2mdist/[22m[36m_virtual/applicationRole.js [39m[1m[2m 0.04 kB[22m[1m[22m[2m │ gzip: 0.06 kB[22m
|
|
@@ -265,8 +265,8 @@ computing gzip size...
|
|
|
265
265
|
[2mdist/[22m[36mnode_modules/has-bigints/index.js [39m[1m[2m 0.29 kB[22m[1m[22m[2m │ gzip: 0.17 kB[22m
|
|
266
266
|
[2mdist/[22m[36mhooks/useEscape.js [39m[1m[2m 0.29 kB[22m[1m[22m[2m │ gzip: 0.19 kB[22m
|
|
267
267
|
[2mdist/[22m[36mhooks/useCombinedRefs.js [39m[1m[2m 0.29 kB[22m[1m[22m[2m │ gzip: 0.20 kB[22m
|
|
268
|
-
[2mdist/[22m[36mcomponents/Icon/assets/usersAndStatus/statusIndicator.svg.js [39m[1m[2m 0.30 kB[22m[1m[22m[2m │ gzip: 0.23 kB[22m
|
|
269
268
|
[2mdist/[22m[36mcomponents/Controls/ControlLabel/ControlHelpText.js [39m[1m[2m 0.30 kB[22m[1m[22m[2m │ gzip: 0.24 kB[22m
|
|
269
|
+
[2mdist/[22m[36mcomponents/Icon/assets/usersAndStatus/statusIndicator.svg.js [39m[1m[2m 0.30 kB[22m[1m[22m[2m │ gzip: 0.23 kB[22m
|
|
270
270
|
[2mdist/[22m[36mcomponents/Chart/Wrapper.js [39m[1m[2m 0.30 kB[22m[1m[22m[2m │ gzip: 0.21 kB[22m
|
|
271
271
|
[2mdist/[22m[36mcomponents/Tabs/components/TabsContainer/TabsContainer.style.js [39m[1m[2m 0.31 kB[22m[1m[22m[2m │ gzip: 0.22 kB[22m
|
|
272
272
|
[2mdist/[22m[36mcomponents/TableV4/components/TableCell/utils.js [39m[1m[2m 0.31 kB[22m[1m[22m[2m │ gzip: 0.23 kB[22m
|
|
@@ -472,8 +472,8 @@ computing gzip size...
|
|
|
472
472
|
[2mdist/[22m[36mnode_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/contentinfoRole.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.45 kB[22m
|
|
473
473
|
[2mdist/[22m[36mnode_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/documentRole.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.44 kB[22m
|
|
474
474
|
[2mdist/[22m[36mcomponents/Icon/assets/basicActions/sort.svg.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.41 kB[22m
|
|
475
|
-
[2mdist/[22m[36mcomponents/Notification/subcomponents/NotificationActionsArea/NotificationActionsArea.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.39 kB[22m
|
|
476
475
|
[2mdist/[22m[36mnode_modules/is-weakset/index.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.37 kB[22m
|
|
476
|
+
[2mdist/[22m[36mcomponents/Notification/subcomponents/NotificationActionsArea/NotificationActionsArea.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.39 kB[22m
|
|
477
477
|
[2mdist/[22m[36mnode_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/dpub/docExampleRole.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.43 kB[22m
|
|
478
478
|
[2mdist/[22m[36mcomponents/Icon/assets/navigation/chevronRight.svg.js [39m[1m[2m 0.82 kB[22m[1m[22m[2m │ gzip: 0.48 kB[22m
|
|
479
479
|
[2mdist/[22m[36mnode_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/tableRole.js [39m[1m[2m 0.82 kB[22m[1m[22m[2m │ gzip: 0.45 kB[22m
|
|
@@ -679,8 +679,8 @@ computing gzip size...
|
|
|
679
679
|
[2mdist/[22m[36mcomponents/Notification/subcomponents/CompactNotification/CompactNotification.style.js [39m[1m[2m 1.32 kB[22m[1m[22m[2m │ gzip: 0.55 kB[22m
|
|
680
680
|
[2mdist/[22m[36mcomponents/Notification/Snackbar/Snackbar.style.js [39m[1m[2m 1.32 kB[22m[1m[22m[2m │ gzip: 0.62 kB[22m
|
|
681
681
|
[2mdist/[22m[36mcomponents/Icon/assets/toggledActions/pair.svg.js [39m[1m[2m 1.33 kB[22m[1m[22m[2m │ gzip: 0.68 kB[22m
|
|
682
|
-
[2mdist/[22m[36mcomponents/Icon/assets/generic/mail.svg.js [39m[1m[2m 1.33 kB[22m[1m[22m[2m │ gzip: 0.71 kB[22m
|
|
683
682
|
[2mdist/[22m[36mcomponents/DropdownButton/DropdownButton.style.js [39m[1m[2m 1.33 kB[22m[1m[22m[2m │ gzip: 0.60 kB[22m
|
|
683
|
+
[2mdist/[22m[36mcomponents/Icon/assets/generic/mail.svg.js [39m[1m[2m 1.33 kB[22m[1m[22m[2m │ gzip: 0.71 kB[22m
|
|
684
684
|
[2mdist/[22m[36mcomponents/Notification/Notification.style.js [39m[1m[2m 1.33 kB[22m[1m[22m[2m │ gzip: 0.61 kB[22m
|
|
685
685
|
[2mdist/[22m[36mcomponents/TextInputBase/TextInputBase.js [39m[1m[2m 1.33 kB[22m[1m[22m[2m │ gzip: 0.63 kB[22m
|
|
686
686
|
[2mdist/[22m[36mnode_modules/is-regex/index.js [39m[1m[2m 1.33 kB[22m[1m[22m[2m │ gzip: 0.57 kB[22m
|
|
@@ -721,10 +721,10 @@ computing gzip size...
|
|
|
721
721
|
[2mdist/[22m[36mcomponents/Link/Link.style.js [39m[1m[2m 1.47 kB[22m[1m[22m[2m │ gzip: 0.65 kB[22m
|
|
722
722
|
[2mdist/[22m[36mcomponents/Icon/assets/toggledActions/lock.svg.js [39m[1m[2m 1.47 kB[22m[1m[22m[2m │ gzip: 0.73 kB[22m
|
|
723
723
|
[2mdist/[22m[36mcomponents/Icon/assets/basicActions/undo.svg.js [39m[1m[2m 1.48 kB[22m[1m[22m[2m │ gzip: 0.77 kB[22m
|
|
724
|
-
[2mdist/[22m[36mcomponents/Table/components/TTitle/TTitle.js [39m[1m[2m 1.48 kB[22m[1m[22m[2m │ gzip: 0.67 kB[22m
|
|
725
724
|
[2mdist/[22m[36mcomponents/Icon/assets/musicBusiness/concert.svg.js [39m[1m[2m 1.48 kB[22m[1m[22m[2m │ gzip: 0.76 kB[22m
|
|
726
725
|
[2mdist/[22m[36mcomponents/Slider/components/SliderMark/SliderMark.style.js [39m[1m[2m 1.48 kB[22m[1m[22m[2m │ gzip: 0.64 kB[22m
|
|
727
726
|
[2mdist/[22m[36mcomponents/Filter/components/FilterButton/FilterButton.style.js [39m[1m[2m 1.48 kB[22m[1m[22m[2m │ gzip: 0.69 kB[22m
|
|
727
|
+
[2mdist/[22m[36mcomponents/Table/components/TTitle/TTitle.js [39m[1m[2m 1.49 kB[22m[1m[22m[2m │ gzip: 0.68 kB[22m
|
|
728
728
|
[2mdist/[22m[36mcomponents/Tag/hooks/useGetTagUtils.js [39m[1m[2m 1.49 kB[22m[1m[22m[2m │ gzip: 0.68 kB[22m
|
|
729
729
|
[2mdist/[22m[36mcomponents/Icon/assets/basicActions/redo.svg.js [39m[1m[2m 1.49 kB[22m[1m[22m[2m │ gzip: 0.77 kB[22m
|
|
730
730
|
[2mdist/[22m[36mcomponents/Icon/assets/usersAndStatus/pending.svg.js [39m[1m[2m 1.50 kB[22m[1m[22m[2m │ gzip: 0.79 kB[22m
|
|
@@ -910,11 +910,11 @@ computing gzip size...
|
|
|
910
910
|
[2mdist/[22m[36mindex.js [39m[1m[2m 13.47 kB[22m[1m[22m[2m │ gzip: 3.24 kB[22m
|
|
911
911
|
[2mdist/[22m[36mnode_modules/@testing-library/react/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js [39m[1m[2m 55.14 kB[22m[1m[22m[2m │ gzip: 13.99 kB[22m
|
|
912
912
|
[2mdist/[22m[36msprinkles/properties.css.js [39m[1m[2m115.00 kB[22m[1m[22m[2m │ gzip: 14.50 kB[22m
|
|
913
|
-
[vite:dts] Declaration files built in
|
|
913
|
+
[vite:dts] Declaration files built in 10731ms.
|
|
914
914
|
|
|
915
|
-
[32m✓ built in
|
|
915
|
+
[32m✓ built in 15.58s[39m
|
|
916
916
|
|
|
917
|
-
> @orfium/ictinus@5.42.
|
|
917
|
+
> @orfium/ictinus@5.42.3 build:codemods /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
|
|
918
918
|
> vite build --config vite.codemods.config.ts
|
|
919
919
|
|
|
920
920
|
[36mvite v7.1.6 [32mbuilding for production...[36m[39m
|
|
@@ -947,16 +947,16 @@ computing gzip size...
|
|
|
947
947
|
[2mdist/codemods/[22m[36mdrawerCodemod.cjs [39m[1m[2m1.07 kB[22m[1m[22m[2m │ gzip: 0.42 kB[22m
|
|
948
948
|
[2mdist/codemods/[22m[36munchangedIconsCodemod.cjs [39m[1m[2m1.12 kB[22m[1m[22m[2m │ gzip: 0.56 kB[22m
|
|
949
949
|
[2mdist/codemods/[22m[36mglobalsCodemod.cjs [39m[1m[2m7.12 kB[22m[1m[22m[2m │ gzip: 1.12 kB[22m
|
|
950
|
-
[vite:dts] Declaration files built in
|
|
950
|
+
[vite:dts] Declaration files built in 815ms.
|
|
951
951
|
|
|
952
|
-
[32m✓ built in 1.
|
|
952
|
+
[32m✓ built in 1.00s[39m
|
|
953
953
|
|
|
954
|
-
> @orfium/ictinus@5.42.
|
|
954
|
+
> @orfium/ictinus@5.42.3 build:vanilla /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
|
|
955
955
|
> rm -rf dist/vanilla && NODE_ENV=production rollup -c
|
|
956
956
|
|
|
957
957
|
[36m
|
|
958
958
|
[1m./src/vanilla/index.ts[22m → [1mdist/vanilla[22m...[39m
|
|
959
|
-
[32mcreated [1mdist/vanilla[22m in [1m1.
|
|
959
|
+
[32mcreated [1mdist/vanilla[22m in [1m1.1s[22m[39m
|
|
960
960
|
[36m
|
|
961
961
|
[1m./src/vanilla/index.ts[22m → [1mdist/vanilla[22m...[39m
|
|
962
|
-
[32mcreated [1mdist/vanilla[22m in [
|
|
962
|
+
[32mcreated [1mdist/vanilla[22m in [1m4.1s[22m[39m
|
package/CHANGELOG.md
CHANGED
package/dist/_virtual/index8.js
CHANGED
package/dist/_virtual/index9.js
CHANGED
|
@@ -18,7 +18,7 @@ const w = ({
|
|
|
18
18
|
rowSelection: c,
|
|
19
19
|
bulkActions: u,
|
|
20
20
|
defaultAction: v
|
|
21
|
-
} = d ?? {}, t = a === "interactive" && c, o = t ? Object.keys(c).length : l ? h : 0, b = t || l, y = t && o > 0, _ = T(() => /* @__PURE__ */ e("div", { "data-testid": `${i}_title`, children: [
|
|
21
|
+
} = d ?? {}, t = a === "interactive" && c, o = t ? Object.keys(c).length : l ? h : 0, b = t || l, y = t && Number(o) > 0, _ = T(() => /* @__PURE__ */ e("div", { "data-testid": `${i}_title`, children: [
|
|
22
22
|
/* @__PURE__ */ n(r, { type: "active", variant: "label02", "data-testid": `${i}_title_items_count`, children: o }),
|
|
23
23
|
/* @__PURE__ */ e(r, { variant: "label02", children: [
|
|
24
24
|
" items ",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as e } from "../../_virtual/
|
|
1
|
+
import { __module as e } from "../../_virtual/index8.js";
|
|
2
2
|
import { __require as l } from "../call-bound/index.js";
|
|
3
3
|
import { __require as y } from "../has-symbols/index.js";
|
|
4
4
|
import { __require as b } from "../safe-regex-test/index.js";
|
|
@@ -5,7 +5,7 @@ type Props = Pick<TableProps<any>, 'columnsConfig' | 'columns' | 'rowsConfig' |
|
|
|
5
5
|
/** Element that that serves as the positioning boundary of the ColumnChooser Menu */
|
|
6
6
|
containerRef: React.MutableRefObject<any>;
|
|
7
7
|
/** Number of rows */
|
|
8
|
-
rowsCount?: number;
|
|
8
|
+
rowsCount?: number | string;
|
|
9
9
|
} & TestProps;
|
|
10
10
|
declare const _default: React.NamedExoticComponent<React.PropsWithChildren<Props>>;
|
|
11
11
|
export default _default;
|
|
@@ -72,7 +72,7 @@ export type RowsConfig = {
|
|
|
72
72
|
/** Whether a rows counter should be displayed, regardless of row selection functionality */
|
|
73
73
|
hasRowsCount?: boolean;
|
|
74
74
|
/** The number of rows counter that will be displayed. If no number is provided it will default to the number of rows in the table */
|
|
75
|
-
rowsCount?: number;
|
|
75
|
+
rowsCount?: number | string;
|
|
76
76
|
/** State which indicated which rows are selected */
|
|
77
77
|
rowSelection?: RowSelectionState;
|
|
78
78
|
/** Callback for row selection state change */
|
package/dist/vanilla/index.d.ts
CHANGED
|
@@ -17,8 +17,8 @@ declare const sprinkles: ((props: {
|
|
|
17
17
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
18
18
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
19
19
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
20
|
-
overflowX?: "
|
|
21
|
-
overflowY?: "
|
|
20
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
21
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
22
22
|
userSelect?: "none" | "all";
|
|
23
23
|
touchAction?: "none" | "manipulation";
|
|
24
24
|
fontFamily?: "sans" | "mono";
|
|
@@ -42,7 +42,7 @@ declare const sprinkles: ((props: {
|
|
|
42
42
|
transitionDuration?: "150ms" | "200ms";
|
|
43
43
|
whiteSpace?: "nowrap";
|
|
44
44
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
45
|
-
overflow?: "
|
|
45
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
46
46
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
47
47
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
48
48
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -51,23 +51,23 @@ declare const sprinkles: ((props: {
|
|
|
51
51
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
52
52
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
53
53
|
} & {
|
|
54
|
-
alignItems?: "
|
|
55
|
-
base?: "
|
|
56
|
-
md?: "
|
|
57
|
-
lg?: "
|
|
58
|
-
xl?: "
|
|
59
|
-
};
|
|
60
|
-
alignSelf?: "
|
|
61
|
-
base?: "
|
|
62
|
-
md?: "
|
|
63
|
-
lg?: "
|
|
64
|
-
xl?: "
|
|
65
|
-
};
|
|
66
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
67
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
68
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
69
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
70
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
54
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
55
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
56
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
57
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
58
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
59
|
+
};
|
|
60
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
61
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
62
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
63
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
64
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
65
|
+
};
|
|
66
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
67
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
68
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
69
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
70
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
71
71
|
};
|
|
72
72
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
73
73
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -413,7 +413,7 @@ declare const sprinkles: ((props: {
|
|
|
413
413
|
hover?: "transparent" | "default" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "alt" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
|
|
414
414
|
};
|
|
415
415
|
}) => string) & {
|
|
416
|
-
properties: Set<"size" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "
|
|
416
|
+
properties: Set<"color" | "maxHeight" | "p" | "size" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "isolation" | "justifyContent" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "outlineColor" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "textAlign" | "textTransform" | "touchAction" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "visibility" | "whiteSpace" | "width" | "wordBreak" | "wordWrap" | "zIndex" | "border" | "borderColor" | "borderRadius" | "borderStyle" | "flex" | "gap" | "margin" | "overflow" | "padding" | "textDecoration" | "gridGap" | "typography" | "shadow" | "rounded" | "roundedT" | "roundedB" | "roundedL" | "roundedR" | "z" | "maxH" | "maxW" | "w" | "h" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "borderB" | "borderL" | "borderR" | "borderT" | "bg">;
|
|
417
417
|
};
|
|
418
418
|
type Sprinkles = Parameters<typeof sprinkles>[0];
|
|
419
419
|
|
|
@@ -436,8 +436,8 @@ declare const Box: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
436
436
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
437
437
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
438
438
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
439
|
-
overflowX?: "
|
|
440
|
-
overflowY?: "
|
|
439
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
440
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
441
441
|
userSelect?: "none" | "all";
|
|
442
442
|
touchAction?: "none" | "manipulation";
|
|
443
443
|
fontFamily?: "sans" | "mono";
|
|
@@ -461,7 +461,7 @@ declare const Box: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
461
461
|
transitionDuration?: "150ms" | "200ms";
|
|
462
462
|
whiteSpace?: "nowrap";
|
|
463
463
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
464
|
-
overflow?: "
|
|
464
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
465
465
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
466
466
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
467
467
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -470,23 +470,23 @@ declare const Box: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
470
470
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
471
471
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
472
472
|
} & {
|
|
473
|
-
alignItems?: "
|
|
474
|
-
base?: "
|
|
475
|
-
md?: "
|
|
476
|
-
lg?: "
|
|
477
|
-
xl?: "
|
|
478
|
-
};
|
|
479
|
-
alignSelf?: "
|
|
480
|
-
base?: "
|
|
481
|
-
md?: "
|
|
482
|
-
lg?: "
|
|
483
|
-
xl?: "
|
|
484
|
-
};
|
|
485
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
486
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
487
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
488
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
489
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
473
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
474
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
475
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
476
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
477
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
478
|
+
};
|
|
479
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
480
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
481
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
482
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
483
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
484
|
+
};
|
|
485
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
486
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
487
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
488
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
489
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
490
490
|
};
|
|
491
491
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
492
492
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -834,11 +834,11 @@ declare const Box: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
834
834
|
} & {
|
|
835
835
|
asChild?: boolean;
|
|
836
836
|
className?: string;
|
|
837
|
-
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "
|
|
837
|
+
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & react.RefAttributes<HTMLDivElement>>;
|
|
838
838
|
|
|
839
839
|
declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
|
|
840
|
-
boxProps: Pick<S, ("size" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "
|
|
841
|
-
restProps: Omit<S, "size" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "
|
|
840
|
+
boxProps: Pick<S, ("className" | "color" | "maxHeight" | "p" | "size" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "isolation" | "justifyContent" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "outlineColor" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "textAlign" | "textTransform" | "touchAction" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "visibility" | "whiteSpace" | "width" | "wordBreak" | "wordWrap" | "zIndex" | "border" | "borderColor" | "borderRadius" | "borderStyle" | "flex" | "gap" | "margin" | "overflow" | "padding" | "textDecoration" | "gridGap" | "typography" | "shadow" | "rounded" | "roundedT" | "roundedB" | "roundedL" | "roundedR" | "z" | "maxH" | "maxW" | "w" | "h" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "borderB" | "borderL" | "borderR" | "borderT" | "bg" | "styles") & keyof S>;
|
|
841
|
+
restProps: Omit<S, "className" | "color" | "maxHeight" | "p" | "size" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "isolation" | "justifyContent" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "outlineColor" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "textAlign" | "textTransform" | "touchAction" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "visibility" | "whiteSpace" | "width" | "wordBreak" | "wordWrap" | "zIndex" | "border" | "borderColor" | "borderRadius" | "borderStyle" | "flex" | "gap" | "margin" | "overflow" | "padding" | "textDecoration" | "gridGap" | "typography" | "shadow" | "rounded" | "roundedT" | "roundedB" | "roundedL" | "roundedR" | "z" | "maxH" | "maxW" | "w" | "h" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "borderB" | "borderL" | "borderR" | "borderT" | "bg" | "styles">;
|
|
842
842
|
};
|
|
843
843
|
|
|
844
844
|
declare const Dialog: ({ role, className, ...props }: ComponentProps<typeof Dialog$1>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -959,8 +959,8 @@ declare const Table: react.ForwardRefExoticComponent<{
|
|
|
959
959
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
960
960
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
961
961
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
962
|
-
overflowX?: "
|
|
963
|
-
overflowY?: "
|
|
962
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
963
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
964
964
|
userSelect?: "none" | "all";
|
|
965
965
|
touchAction?: "none" | "manipulation";
|
|
966
966
|
fontFamily?: "sans" | "mono";
|
|
@@ -984,7 +984,7 @@ declare const Table: react.ForwardRefExoticComponent<{
|
|
|
984
984
|
transitionDuration?: "150ms" | "200ms";
|
|
985
985
|
whiteSpace?: "nowrap";
|
|
986
986
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
987
|
-
overflow?: "
|
|
987
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
988
988
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
989
989
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
990
990
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -993,23 +993,23 @@ declare const Table: react.ForwardRefExoticComponent<{
|
|
|
993
993
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
994
994
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
995
995
|
} & {
|
|
996
|
-
alignItems?: "
|
|
997
|
-
base?: "
|
|
998
|
-
md?: "
|
|
999
|
-
lg?: "
|
|
1000
|
-
xl?: "
|
|
1001
|
-
};
|
|
1002
|
-
alignSelf?: "
|
|
1003
|
-
base?: "
|
|
1004
|
-
md?: "
|
|
1005
|
-
lg?: "
|
|
1006
|
-
xl?: "
|
|
1007
|
-
};
|
|
1008
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1009
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1010
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1011
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1012
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
996
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
997
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
998
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
999
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1000
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1001
|
+
};
|
|
1002
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
1003
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1004
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1005
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1006
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1007
|
+
};
|
|
1008
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
1009
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1010
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1011
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1012
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1013
1013
|
};
|
|
1014
1014
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
1015
1015
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -1357,7 +1357,7 @@ declare const Table: react.ForwardRefExoticComponent<{
|
|
|
1357
1357
|
} & {
|
|
1358
1358
|
asChild?: boolean;
|
|
1359
1359
|
className?: string;
|
|
1360
|
-
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "
|
|
1360
|
+
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "className" | "color" | "width" | "border"> & react.RefAttributes<HTMLDivElement>>;
|
|
1361
1361
|
|
|
1362
1362
|
type TableBodyProps = BoxProps<'tbody'>;
|
|
1363
1363
|
declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
@@ -1370,8 +1370,8 @@ declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
1370
1370
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
1371
1371
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
1372
1372
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
1373
|
-
overflowX?: "
|
|
1374
|
-
overflowY?: "
|
|
1373
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
1374
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
1375
1375
|
userSelect?: "none" | "all";
|
|
1376
1376
|
touchAction?: "none" | "manipulation";
|
|
1377
1377
|
fontFamily?: "sans" | "mono";
|
|
@@ -1395,7 +1395,7 @@ declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
1395
1395
|
transitionDuration?: "150ms" | "200ms";
|
|
1396
1396
|
whiteSpace?: "nowrap";
|
|
1397
1397
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
1398
|
-
overflow?: "
|
|
1398
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
1399
1399
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
1400
1400
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
1401
1401
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -1404,23 +1404,23 @@ declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
1404
1404
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
1405
1405
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
1406
1406
|
} & {
|
|
1407
|
-
alignItems?: "
|
|
1408
|
-
base?: "
|
|
1409
|
-
md?: "
|
|
1410
|
-
lg?: "
|
|
1411
|
-
xl?: "
|
|
1412
|
-
};
|
|
1413
|
-
alignSelf?: "
|
|
1414
|
-
base?: "
|
|
1415
|
-
md?: "
|
|
1416
|
-
lg?: "
|
|
1417
|
-
xl?: "
|
|
1418
|
-
};
|
|
1419
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1420
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1421
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1422
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1423
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1407
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
1408
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1409
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1410
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1411
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1412
|
+
};
|
|
1413
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
1414
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1415
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1416
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1417
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1418
|
+
};
|
|
1419
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
1420
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1421
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1422
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1423
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1424
1424
|
};
|
|
1425
1425
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
1426
1426
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -1768,7 +1768,7 @@ declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
1768
1768
|
} & {
|
|
1769
1769
|
asChild?: boolean;
|
|
1770
1770
|
className?: string;
|
|
1771
|
-
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "
|
|
1771
|
+
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "className" | "color"> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
1772
1772
|
|
|
1773
1773
|
declare const cell$1: _vanilla_extract_recipes.RuntimeFn<{
|
|
1774
1774
|
pinned: {
|
|
@@ -1804,8 +1804,8 @@ declare const TableCell: react.ForwardRefExoticComponent<{
|
|
|
1804
1804
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
1805
1805
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
1806
1806
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
1807
|
-
overflowX?: "
|
|
1808
|
-
overflowY?: "
|
|
1807
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
1808
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
1809
1809
|
userSelect?: "none" | "all";
|
|
1810
1810
|
touchAction?: "none" | "manipulation";
|
|
1811
1811
|
fontFamily?: "sans" | "mono";
|
|
@@ -1829,7 +1829,7 @@ declare const TableCell: react.ForwardRefExoticComponent<{
|
|
|
1829
1829
|
transitionDuration?: "150ms" | "200ms";
|
|
1830
1830
|
whiteSpace?: "nowrap";
|
|
1831
1831
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
1832
|
-
overflow?: "
|
|
1832
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
1833
1833
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
1834
1834
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
1835
1835
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -1838,23 +1838,23 @@ declare const TableCell: react.ForwardRefExoticComponent<{
|
|
|
1838
1838
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
1839
1839
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
1840
1840
|
} & {
|
|
1841
|
-
alignItems?: "
|
|
1842
|
-
base?: "
|
|
1843
|
-
md?: "
|
|
1844
|
-
lg?: "
|
|
1845
|
-
xl?: "
|
|
1846
|
-
};
|
|
1847
|
-
alignSelf?: "
|
|
1848
|
-
base?: "
|
|
1849
|
-
md?: "
|
|
1850
|
-
lg?: "
|
|
1851
|
-
xl?: "
|
|
1852
|
-
};
|
|
1853
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1854
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1855
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1856
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1857
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
1841
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
1842
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1843
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1844
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1845
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1846
|
+
};
|
|
1847
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
1848
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1849
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1850
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1851
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
1852
|
+
};
|
|
1853
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
1854
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1855
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1856
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1857
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1858
1858
|
};
|
|
1859
1859
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
1860
1860
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -2202,7 +2202,7 @@ declare const TableCell: react.ForwardRefExoticComponent<{
|
|
|
2202
2202
|
} & {
|
|
2203
2203
|
asChild?: boolean;
|
|
2204
2204
|
className?: string;
|
|
2205
|
-
}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "
|
|
2205
|
+
}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "className" | "color" | "height" | "width"> & react.RefAttributes<HTMLTableCellElement>>;
|
|
2206
2206
|
|
|
2207
2207
|
declare const footer: _vanilla_extract_recipes.RuntimeFn<{
|
|
2208
2208
|
pinned: {
|
|
@@ -2225,8 +2225,8 @@ declare const TableFooter: react.ForwardRefExoticComponent<{
|
|
|
2225
2225
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
2226
2226
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
2227
2227
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
2228
|
-
overflowX?: "
|
|
2229
|
-
overflowY?: "
|
|
2228
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
2229
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
2230
2230
|
userSelect?: "none" | "all";
|
|
2231
2231
|
touchAction?: "none" | "manipulation";
|
|
2232
2232
|
fontFamily?: "sans" | "mono";
|
|
@@ -2250,7 +2250,7 @@ declare const TableFooter: react.ForwardRefExoticComponent<{
|
|
|
2250
2250
|
transitionDuration?: "150ms" | "200ms";
|
|
2251
2251
|
whiteSpace?: "nowrap";
|
|
2252
2252
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
2253
|
-
overflow?: "
|
|
2253
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
2254
2254
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
2255
2255
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
2256
2256
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -2259,23 +2259,23 @@ declare const TableFooter: react.ForwardRefExoticComponent<{
|
|
|
2259
2259
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
2260
2260
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
2261
2261
|
} & {
|
|
2262
|
-
alignItems?: "
|
|
2263
|
-
base?: "
|
|
2264
|
-
md?: "
|
|
2265
|
-
lg?: "
|
|
2266
|
-
xl?: "
|
|
2267
|
-
};
|
|
2268
|
-
alignSelf?: "
|
|
2269
|
-
base?: "
|
|
2270
|
-
md?: "
|
|
2271
|
-
lg?: "
|
|
2272
|
-
xl?: "
|
|
2273
|
-
};
|
|
2274
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2275
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2276
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2277
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2278
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2262
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
2263
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2264
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2265
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2266
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2267
|
+
};
|
|
2268
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
2269
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2270
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2271
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2272
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2273
|
+
};
|
|
2274
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
2275
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2276
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2277
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2278
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2279
2279
|
};
|
|
2280
2280
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
2281
2281
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -2623,7 +2623,7 @@ declare const TableFooter: react.ForwardRefExoticComponent<{
|
|
|
2623
2623
|
} & {
|
|
2624
2624
|
asChild?: boolean;
|
|
2625
2625
|
className?: string;
|
|
2626
|
-
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "
|
|
2626
|
+
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "className" | "color"> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
2627
2627
|
|
|
2628
2628
|
declare const header: _vanilla_extract_recipes.RuntimeFn<{
|
|
2629
2629
|
pinned: {
|
|
@@ -2646,8 +2646,8 @@ declare const TableHeader: react.ForwardRefExoticComponent<{
|
|
|
2646
2646
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
2647
2647
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
2648
2648
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
2649
|
-
overflowX?: "
|
|
2650
|
-
overflowY?: "
|
|
2649
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
2650
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
2651
2651
|
userSelect?: "none" | "all";
|
|
2652
2652
|
touchAction?: "none" | "manipulation";
|
|
2653
2653
|
fontFamily?: "sans" | "mono";
|
|
@@ -2671,7 +2671,7 @@ declare const TableHeader: react.ForwardRefExoticComponent<{
|
|
|
2671
2671
|
transitionDuration?: "150ms" | "200ms";
|
|
2672
2672
|
whiteSpace?: "nowrap";
|
|
2673
2673
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
2674
|
-
overflow?: "
|
|
2674
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
2675
2675
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
2676
2676
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
2677
2677
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -2680,23 +2680,23 @@ declare const TableHeader: react.ForwardRefExoticComponent<{
|
|
|
2680
2680
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
2681
2681
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
2682
2682
|
} & {
|
|
2683
|
-
alignItems?: "
|
|
2684
|
-
base?: "
|
|
2685
|
-
md?: "
|
|
2686
|
-
lg?: "
|
|
2687
|
-
xl?: "
|
|
2688
|
-
};
|
|
2689
|
-
alignSelf?: "
|
|
2690
|
-
base?: "
|
|
2691
|
-
md?: "
|
|
2692
|
-
lg?: "
|
|
2693
|
-
xl?: "
|
|
2694
|
-
};
|
|
2695
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2696
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2697
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2698
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2699
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
2683
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
2684
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2685
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2686
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2687
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2688
|
+
};
|
|
2689
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
2690
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2691
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2692
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2693
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
2694
|
+
};
|
|
2695
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
2696
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2697
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2698
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2699
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
2700
2700
|
};
|
|
2701
2701
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
2702
2702
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -3044,7 +3044,7 @@ declare const TableHeader: react.ForwardRefExoticComponent<{
|
|
|
3044
3044
|
} & {
|
|
3045
3045
|
asChild?: boolean;
|
|
3046
3046
|
className?: string;
|
|
3047
|
-
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "
|
|
3047
|
+
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "className" | "color"> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
3048
3048
|
|
|
3049
3049
|
declare const cell: _vanilla_extract_recipes.RuntimeFn<{
|
|
3050
3050
|
pinned: {
|
|
@@ -3080,8 +3080,8 @@ declare const TableHeaderCell: react.ForwardRefExoticComponent<{
|
|
|
3080
3080
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3081
3081
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
3082
3082
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
3083
|
-
overflowX?: "
|
|
3084
|
-
overflowY?: "
|
|
3083
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
3084
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
3085
3085
|
userSelect?: "none" | "all";
|
|
3086
3086
|
touchAction?: "none" | "manipulation";
|
|
3087
3087
|
fontFamily?: "sans" | "mono";
|
|
@@ -3105,7 +3105,7 @@ declare const TableHeaderCell: react.ForwardRefExoticComponent<{
|
|
|
3105
3105
|
transitionDuration?: "150ms" | "200ms";
|
|
3106
3106
|
whiteSpace?: "nowrap";
|
|
3107
3107
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
3108
|
-
overflow?: "
|
|
3108
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
3109
3109
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
3110
3110
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3111
3111
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -3114,23 +3114,23 @@ declare const TableHeaderCell: react.ForwardRefExoticComponent<{
|
|
|
3114
3114
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3115
3115
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
3116
3116
|
} & {
|
|
3117
|
-
alignItems?: "
|
|
3118
|
-
base?: "
|
|
3119
|
-
md?: "
|
|
3120
|
-
lg?: "
|
|
3121
|
-
xl?: "
|
|
3122
|
-
};
|
|
3123
|
-
alignSelf?: "
|
|
3124
|
-
base?: "
|
|
3125
|
-
md?: "
|
|
3126
|
-
lg?: "
|
|
3127
|
-
xl?: "
|
|
3128
|
-
};
|
|
3129
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3130
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3131
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3132
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3133
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3117
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
3118
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3119
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3120
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3121
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3122
|
+
};
|
|
3123
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
3124
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3125
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3126
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3127
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3128
|
+
};
|
|
3129
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
3130
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3131
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3132
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3133
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3134
3134
|
};
|
|
3135
3135
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
3136
3136
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -3478,7 +3478,7 @@ declare const TableHeaderCell: react.ForwardRefExoticComponent<{
|
|
|
3478
3478
|
} & {
|
|
3479
3479
|
asChild?: boolean;
|
|
3480
3480
|
className?: string;
|
|
3481
|
-
}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "
|
|
3481
|
+
}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "className" | "color"> & react.RefAttributes<HTMLTableCellElement>>;
|
|
3482
3482
|
|
|
3483
3483
|
type TableRowProps = BoxProps<'tr'>;
|
|
3484
3484
|
declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
@@ -3491,8 +3491,8 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
3491
3491
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3492
3492
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
3493
3493
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
3494
|
-
overflowX?: "
|
|
3495
|
-
overflowY?: "
|
|
3494
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
3495
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
3496
3496
|
userSelect?: "none" | "all";
|
|
3497
3497
|
touchAction?: "none" | "manipulation";
|
|
3498
3498
|
fontFamily?: "sans" | "mono";
|
|
@@ -3516,7 +3516,7 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
3516
3516
|
transitionDuration?: "150ms" | "200ms";
|
|
3517
3517
|
whiteSpace?: "nowrap";
|
|
3518
3518
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
3519
|
-
overflow?: "
|
|
3519
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
3520
3520
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
3521
3521
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3522
3522
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -3525,23 +3525,23 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
3525
3525
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3526
3526
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
3527
3527
|
} & {
|
|
3528
|
-
alignItems?: "
|
|
3529
|
-
base?: "
|
|
3530
|
-
md?: "
|
|
3531
|
-
lg?: "
|
|
3532
|
-
xl?: "
|
|
3533
|
-
};
|
|
3534
|
-
alignSelf?: "
|
|
3535
|
-
base?: "
|
|
3536
|
-
md?: "
|
|
3537
|
-
lg?: "
|
|
3538
|
-
xl?: "
|
|
3539
|
-
};
|
|
3540
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3541
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3542
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3543
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3544
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3528
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
3529
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3530
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3531
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3532
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3533
|
+
};
|
|
3534
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
3535
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3536
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3537
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3538
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3539
|
+
};
|
|
3540
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
3541
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3542
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3543
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3544
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3545
3545
|
};
|
|
3546
3546
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
3547
3547
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -3889,7 +3889,7 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
|
|
|
3889
3889
|
} & {
|
|
3890
3890
|
asChild?: boolean;
|
|
3891
3891
|
className?: string;
|
|
3892
|
-
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "
|
|
3892
|
+
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "className" | "color"> & react.RefAttributes<HTMLTableRowElement>>;
|
|
3893
3893
|
|
|
3894
3894
|
declare const text: _vanilla_extract_recipes.RuntimeFn<{
|
|
3895
3895
|
/**
|
|
@@ -3936,8 +3936,8 @@ declare const Text: react.ForwardRefExoticComponent<Omit<{
|
|
|
3936
3936
|
borderBottomRightRadius?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3937
3937
|
boxShadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
3938
3938
|
cursor?: "default" | "not-allowed" | "pointer";
|
|
3939
|
-
overflowX?: "
|
|
3940
|
-
overflowY?: "
|
|
3939
|
+
overflowX?: "hidden" | "auto" | "visible";
|
|
3940
|
+
overflowY?: "hidden" | "auto" | "visible";
|
|
3941
3941
|
userSelect?: "none" | "all";
|
|
3942
3942
|
touchAction?: "none" | "manipulation";
|
|
3943
3943
|
fontFamily?: "sans" | "mono";
|
|
@@ -3961,7 +3961,7 @@ declare const Text: react.ForwardRefExoticComponent<Omit<{
|
|
|
3961
3961
|
transitionDuration?: "150ms" | "200ms";
|
|
3962
3962
|
whiteSpace?: "nowrap";
|
|
3963
3963
|
zIndex?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
3964
|
-
overflow?: "
|
|
3964
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
3965
3965
|
shadow?: "0" | "1" | "2" | "3" | "4" | "5";
|
|
3966
3966
|
rounded?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3967
3967
|
roundedT?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
@@ -3970,23 +3970,23 @@ declare const Text: react.ForwardRefExoticComponent<Omit<{
|
|
|
3970
3970
|
roundedR?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
|
|
3971
3971
|
z?: "auto" | "0" | "10" | "20" | "30" | "40" | "50" | "75" | "100";
|
|
3972
3972
|
} & {
|
|
3973
|
-
alignItems?: "
|
|
3974
|
-
base?: "
|
|
3975
|
-
md?: "
|
|
3976
|
-
lg?: "
|
|
3977
|
-
xl?: "
|
|
3978
|
-
};
|
|
3979
|
-
alignSelf?: "
|
|
3980
|
-
base?: "
|
|
3981
|
-
md?: "
|
|
3982
|
-
lg?: "
|
|
3983
|
-
xl?: "
|
|
3984
|
-
};
|
|
3985
|
-
justifyContent?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3986
|
-
base?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3987
|
-
md?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3988
|
-
lg?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3989
|
-
xl?: "unset" | "space-around" | "space-between" | "space-evenly" | "
|
|
3973
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
3974
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3975
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3976
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3977
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3978
|
+
};
|
|
3979
|
+
alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
3980
|
+
base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3981
|
+
md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3982
|
+
lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3983
|
+
xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
|
|
3984
|
+
};
|
|
3985
|
+
justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
|
|
3986
|
+
base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3987
|
+
md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3988
|
+
lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3989
|
+
xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
3990
3990
|
};
|
|
3991
3991
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
|
|
3992
3992
|
base?: "nowrap" | "wrap" | "wrap-reverse";
|
|
@@ -4334,7 +4334,7 @@ declare const Text: react.ForwardRefExoticComponent<Omit<{
|
|
|
4334
4334
|
} & {
|
|
4335
4335
|
asChild?: boolean;
|
|
4336
4336
|
className?: string;
|
|
4337
|
-
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "
|
|
4337
|
+
}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "className" | "color"> & react.RefAttributes<HTMLSpanElement>>;
|
|
4338
4338
|
|
|
4339
4339
|
type ColorScheme = 'light' | 'dark';
|
|
4340
4340
|
type ThemeContextValue = {
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import isEqual from 'react-fast-compare';
|
|
3
3
|
|
|
4
|
-
import ColumnChooser from './components/ColumnChooser';
|
|
5
|
-
import { actionsContent, titleContent, tTitleContainer } from './TTitle.style';
|
|
6
4
|
import type { TableProps } from 'components/Table/types';
|
|
7
5
|
import Typography from 'components/Typography';
|
|
6
|
+
import ColumnChooser from './components/ColumnChooser';
|
|
7
|
+
import { actionsContent, titleContent, tTitleContainer } from './TTitle.style';
|
|
8
8
|
|
|
9
9
|
import type { TestProps } from '~/utils/types';
|
|
10
10
|
|
|
@@ -12,7 +12,7 @@ type Props = Pick<TableProps<any>, 'columnsConfig' | 'columns' | 'rowsConfig' |
|
|
|
12
12
|
/** Element that that serves as the positioning boundary of the ColumnChooser Menu */
|
|
13
13
|
containerRef: React.MutableRefObject<any>;
|
|
14
14
|
/** Number of rows */
|
|
15
|
-
rowsCount?: number;
|
|
15
|
+
rowsCount?: number | string;
|
|
16
16
|
} & TestProps;
|
|
17
17
|
|
|
18
18
|
const TTitle: React.FCC<Props> = ({
|
|
@@ -31,17 +31,17 @@ const TTitle: React.FCC<Props> = ({
|
|
|
31
31
|
const itemsToDisplay = isSelectable
|
|
32
32
|
? Object.keys(rowSelection).length
|
|
33
33
|
: hasRowsCount
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
? rowsCount
|
|
35
|
+
: 0;
|
|
36
36
|
|
|
37
37
|
const hasTitle = isSelectable || hasRowsCount;
|
|
38
|
-
const hasVisibleActions = isSelectable && itemsToDisplay > 0;
|
|
38
|
+
const hasVisibleActions = isSelectable && Number(itemsToDisplay) > 0;
|
|
39
39
|
|
|
40
40
|
const title = useMemo(
|
|
41
41
|
() => (
|
|
42
42
|
<div data-testid={`${dataTestPrefixId}_title`}>
|
|
43
43
|
<Typography
|
|
44
|
-
type=
|
|
44
|
+
type="active"
|
|
45
45
|
variant="label02"
|
|
46
46
|
data-testid={`${dataTestPrefixId}_title_items_count`}
|
|
47
47
|
>
|
|
@@ -102,7 +102,7 @@ export type RowsConfig = {
|
|
|
102
102
|
/** Whether a rows counter should be displayed, regardless of row selection functionality */
|
|
103
103
|
hasRowsCount?: boolean;
|
|
104
104
|
/** The number of rows counter that will be displayed. If no number is provided it will default to the number of rows in the table */
|
|
105
|
-
rowsCount?: number;
|
|
105
|
+
rowsCount?: number | string;
|
|
106
106
|
/** State which indicated which rows are selected */
|
|
107
107
|
rowSelection?: RowSelectionState;
|
|
108
108
|
/** Callback for row selection state change */
|