@orfium/ictinus 5.46.1 → 5.46.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/README.md +38 -75
- package/dist/components/Controls/CheckBox/CheckBox.js +9 -9
- package/dist/components/Controls/Radio/Radio.js +10 -10
- package/dist/components/Controls/Switch/Switch.js +7 -7
- package/dist/package.json.d.ts +8 -9
- package/dist/package.json.js +1 -1
- package/dist/src/data-table/DataTableCounter.d.ts +1 -1
- package/dist/vanilla/Dropdown/Dropdown-css.js +3 -3
- package/dist/vanilla/Menu/Menu-css.js +5 -5
- package/dist/vanilla/Popover/Popover-css.js +5 -5
- package/dist/vanilla/Table/Table-css.js +5 -5
- package/dist/vanilla/Table/TableBody-css.js +3 -3
- package/dist/vanilla/Table/TableCell-css.js +5 -5
- package/dist/vanilla/Table/TableFooter-css.js +3 -3
- package/dist/vanilla/Table/TableHeader-css.js +3 -3
- package/dist/vanilla/Table/TableHeaderCell-css.js +7 -7
- package/dist/vanilla/Table/TableRow-css.js +4 -4
- package/dist/vanilla/Text/Text-css.js +3 -3
- package/dist/vanilla/Text/Text.js +15 -16
- package/dist/vanilla/Tooltip/Tooltip-css.js +7 -7
- package/dist/vanilla/assets/src/actions/ActionsContent.css.ts.vanilla-BFQ5ciJa.css +22 -0
- package/dist/vanilla/assets/src/avatar/{Avatar.css.ts.vanilla-B8YOpClT.css → Avatar.css.ts.vanilla-nHBa-4FV.css} +20 -20
- package/dist/vanilla/assets/src/avatar/AvatarGroup.css.ts.vanilla-Qp4XNVcQ.css +4 -0
- package/dist/vanilla/assets/src/button/{Button.css.ts.vanilla-CkqUCUdv.css → Button.css.ts.vanilla-Blcr4PkF.css} +5 -5
- package/dist/vanilla/assets/src/cover/Cover.css.ts.vanilla-89IgWwHy.css +35 -0
- package/dist/vanilla/assets/src/data-table/DataTableBody.css.ts.vanilla-fvsHH4uM.css +73 -0
- package/dist/vanilla/assets/src/data-table/{DataTableHeaderCell.css.ts.vanilla-BDyQQ7jY.css → DataTableHeaderCell.css.ts.vanilla-D23c4Ywb.css} +9 -9
- package/dist/vanilla/assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css +1 -0
- package/dist/vanilla/assets/src/nav/{Nav.css.ts.vanilla-Bl45Ose-.css → Nav.css.ts.vanilla-Dutsk2by.css} +12 -12
- package/dist/vanilla/assets/src/skeleton/Skeleton.css.ts.vanilla-CJrd3HK4.css +6 -0
- package/dist/vanilla/assets/src/sprinkles/{properties.css.ts.vanilla-BSZBeQXc.css → properties.css.ts.vanilla-C6TdO3Tq.css} +3361 -3361
- package/dist/vanilla/assets/src/tag-group/{TagGroup.css.ts.vanilla-dwPBJckz.css → TagGroup.css.ts.vanilla-Df_ehpcB.css} +12 -12
- package/dist/vanilla/assets/src/vanilla/Menu/{Menu.css.ts.vanilla-BiDs6aJg.css → Menu.css.ts.vanilla-CVpN1jhd.css} +5 -5
- package/dist/vanilla/assets/src/vanilla/Popover/{Popover.css.ts.vanilla-DC5-_J3d.css → Popover.css.ts.vanilla-BliQg-7B.css} +7 -7
- package/dist/vanilla/assets/src/vanilla/Table/{Table.css.ts.vanilla-lytm_tFZ.css → Table.css.ts.vanilla-DGNmEwZ1.css} +7 -7
- package/dist/vanilla/assets/src/vanilla/Table/TableBody.css.ts.vanilla-JTPKat5T.css +6 -0
- package/dist/vanilla/assets/src/vanilla/Table/{TableCell.css.ts.vanilla-C6cK2HG4.css → TableCell.css.ts.vanilla-B6ixJ8f9.css} +10 -10
- package/dist/vanilla/assets/src/vanilla/Table/{TableFooter.css.ts.vanilla-CiPokl7E.css → TableFooter.css.ts.vanilla-DouNXxnd.css} +4 -4
- package/dist/vanilla/assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbaYjp1H.css +8 -0
- package/dist/vanilla/assets/src/vanilla/Table/{TableHeaderCell.css.ts.vanilla-CFKYK8eI.css → TableHeaderCell.css.ts.vanilla-DgxMfERm.css} +9 -9
- package/dist/vanilla/assets/src/vanilla/Table/{TableRow.css.ts.vanilla-CFVaangZ.css → TableRow.css.ts.vanilla-pQwohxg9.css} +5 -5
- package/dist/vanilla/assets/src/vanilla/Text/{Text.css.ts.vanilla-Pi0pAZ7T.css → Text.css.ts.vanilla-CueqDxuT.css} +13 -13
- package/dist/vanilla/assets/src/vanilla/Tooltip/{Tooltip.css.ts.vanilla-sco5O5JH.css → Tooltip.css.ts.vanilla-vBSgUBg5.css} +13 -13
- package/dist/vanilla/index.d.ts +6 -8
- package/dist/vanilla/package.json.js +1 -1
- package/dist/vanilla/src/actions/ActionsContent-css.js +5 -5
- package/dist/vanilla/src/actions/ActionsRoot-css.js +3 -3
- package/dist/vanilla/src/avatar/Avatar-css.js +7 -7
- package/dist/vanilla/src/avatar/AvatarGroup-css.js +5 -5
- package/dist/vanilla/src/badge/Badge-css.js +7 -7
- package/dist/vanilla/src/button/Button-css.js +6 -6
- package/dist/vanilla/src/cover/Cover-css.js +3 -3
- package/dist/vanilla/src/data-table/DataTableBody-css.js +11 -11
- package/dist/vanilla/src/data-table/DataTableBody.js +8 -1
- package/dist/vanilla/src/data-table/DataTableCounter.js +1 -1
- package/dist/vanilla/src/data-table/DataTableHeaderCell-css.js +9 -9
- package/dist/vanilla/src/layers/layers-css.js +2 -2
- package/dist/vanilla/src/nav/Nav-css.js +12 -12
- package/dist/vanilla/src/skeleton/Skeleton-css.js +4 -4
- package/dist/vanilla/src/sprinkles/properties-css.js +5 -5
- package/dist/vanilla/src/tag-group/TagGroup-css.js +8 -8
- package/package.json +8 -9
- package/dist/vanilla/assets/src/actions/ActionsContent.css.ts.vanilla-BRor0njc.css +0 -22
- package/dist/vanilla/assets/src/badge/Badge.css.ts.vanilla-DBW4ApPP.css +0 -4
- package/dist/vanilla/assets/src/cover/Cover.css.ts.vanilla-BVCEjs0e.css +0 -35
- package/dist/vanilla/assets/src/data-table/DataTableBody.css.ts.vanilla-BzEq26dD.css +0 -73
- package/dist/vanilla/assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css +0 -1
- package/dist/vanilla/assets/src/skeleton/Skeleton.css.ts.vanilla-GmG3sJg2.css +0 -6
- package/dist/vanilla/assets/src/vanilla/Table/TableBody.css.ts.vanilla-Dy_Iita7.css +0 -6
- package/dist/vanilla/assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbAEIDI7.css +0 -8
- /package/dist/codemods/{codemods/avatarCodemod.d.ts → avatarCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/buttonCodemod.d.ts → buttonCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/checkboxCodemod.d.ts → checkboxCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/chipCodemode.d.ts → chipCodemode.d.ts} +0 -0
- /package/dist/codemods/{codemods/drawerCodemod.d.ts → drawerCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/filterCodemod.d.ts → filterCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/globalsCodemod.d.ts → globalsCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/iconButtonCodemod.d.ts → iconButtonCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/iconCodemod.d.ts → iconCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/loaderCodemod.d.ts → loaderCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/menuCodemod.d.ts → menuCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/notificationsCodemod.d.ts → notificationsCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/paginationCodemod.d.ts → paginationCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/radioCodemod.d.ts → radioCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/radioGroupCodemod.d.ts → radioGroupCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/searchCodemod.d.ts → searchCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/selectCodemod.d.ts → selectCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/switchCodemod.d.ts → switchCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/tableCodemod.d.ts → tableCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/textareaCodemod.d.ts → textareaCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/textfieldCodemod.d.ts → textfieldCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/tooltipCodemod.d.ts → tooltipCodemod.d.ts} +0 -0
- /package/dist/codemods/{codemods/unchangedIconsCodemod.d.ts → unchangedIconsCodemod.d.ts} +0 -0
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
@layer ictinus.
|
|
3
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
@layer ictinus._4ux1m {
|
|
3
|
+
._1asjc60 {
|
|
4
4
|
background-color: var(--ictinus-color-palette-secondary-base);
|
|
5
5
|
border-color: var(--ictinus-color-border-color-interactive-default);
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
._1asjc60[data-focus-visible] {
|
|
8
8
|
outline: var(--ictinus-border-width-3) solid var(--ictinus-color-border-color-interactive-focused);
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
._1asjc60[data-hovered] {
|
|
11
11
|
background-color: var(--ictinus-color-palette-secondary-muted);
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
._1asjc60[data-pressed] {
|
|
14
14
|
background-color: var(--ictinus-color-palette-secondary-contrast);
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._1asjc60[data-selected] {
|
|
17
17
|
background-color: var(--ictinus-color-palette-secondary-muted);
|
|
18
18
|
border-color: var(--ictinus-color-border-color-interactive-active);
|
|
19
19
|
}
|
|
20
|
-
.
|
|
20
|
+
._1asjc60[data-react-aria-pressable] {
|
|
21
21
|
touch-action: pan-x pan-y pinch-zoom;
|
|
22
22
|
}
|
|
23
|
-
.
|
|
23
|
+
._15crcrf {
|
|
24
24
|
outline: none;
|
|
25
25
|
}
|
|
26
|
-
.
|
|
26
|
+
.iv578f {
|
|
27
27
|
border: none;
|
|
28
28
|
background: none;
|
|
29
29
|
color: currentColor;
|
|
30
30
|
transition: background-color 250ms ease;
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.iv578f:hover {
|
|
33
33
|
background-color: var(--ictinus-color-palette-secondary-contrast);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
.iv578f[data-focus-visible] {
|
|
36
36
|
background-color: var(--ictinus-color-palette-secondary-contrast);
|
|
37
37
|
outline: var(--ictinus-border-width-2) solid var(--ictinus-color-border-color-interactive-focused);
|
|
38
38
|
outline-offset: 1px;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
@layer ictinus.
|
|
3
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
@layer ictinus._4ux1m {
|
|
3
|
+
.m324sn {
|
|
4
4
|
max-height: inherit;
|
|
5
5
|
overscroll-behavior: contain;
|
|
6
6
|
outline: none;
|
|
7
7
|
clip-path: inset(0 0 0 0 round calc(var(--ictinus-border-radius-2) - 0px));
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._3bewb2 {
|
|
10
10
|
background-color: var(--ictinus-color-background-default);
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._3bewb2[data-focused] {
|
|
13
13
|
background-color: var(--ictinus-color-background-alt);
|
|
14
14
|
}
|
|
15
15
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
@layer ictinus.
|
|
3
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
@layer ictinus._4ux1m {
|
|
3
|
+
._1jpp5od {
|
|
4
4
|
min-width: var(--trigger-width);
|
|
5
5
|
max-width: 20rem;
|
|
6
6
|
transform-origin: var(--trigger-anchor-point);
|
|
@@ -8,17 +8,17 @@
|
|
|
8
8
|
transition: transform;
|
|
9
9
|
box-shadow: var(--ictinus-box-shadow-1), 0 0 0 var(--ictinus-border-width-1) var(--ictinus-color-border-color-decorative-default);
|
|
10
10
|
}
|
|
11
|
-
.
|
|
11
|
+
.m8da6x {
|
|
12
12
|
display: block;
|
|
13
13
|
fill: var(--ictinus-color-background-inverted);
|
|
14
14
|
}
|
|
15
|
-
[data-placement=bottom] .
|
|
15
|
+
[data-placement=bottom] .m8da6x {
|
|
16
16
|
transform: rotate(180deg);
|
|
17
17
|
}
|
|
18
|
-
[data-placement=right] .
|
|
18
|
+
[data-placement=right] .m8da6x {
|
|
19
19
|
transform: rotate(90deg) translateY(-5px);
|
|
20
20
|
}
|
|
21
|
-
[data-placement=left] .
|
|
21
|
+
[data-placement=left] .m8da6x {
|
|
22
22
|
transform: rotate(-90deg) translateY(-5px);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
._7hptpy {
|
|
3
3
|
display: grid;
|
|
4
4
|
}
|
|
5
|
-
@layer ictinus.
|
|
6
|
-
.
|
|
5
|
+
@layer ictinus._4ux1m {
|
|
6
|
+
._1uqm1rf {
|
|
7
7
|
border-collapse: collapse;
|
|
8
8
|
border-color: inherit;
|
|
9
9
|
text-indent: 0;
|
|
10
10
|
caption-side: bottom;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._1g0pw5o {
|
|
13
13
|
height: 1px;
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
._1o4n57g {
|
|
16
16
|
isolation: isolate;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
._3i65d3 {
|
|
19
19
|
position: relative;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
@layer ictinus.
|
|
3
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
@layer ictinus._4ux1m {
|
|
3
|
+
.nhrv7z {
|
|
4
4
|
text-align: start;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._1s2ff2b {
|
|
7
7
|
position: relative;
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
.tfmcz2 {
|
|
10
10
|
position: sticky;
|
|
11
11
|
z-index: 10;
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
._1m98u89 {
|
|
14
14
|
box-shadow: 0 -1px 0 var(--ictinus-color-border-color-decorative-default);
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._1m98u89:has(+ :not([data-pinned])) {
|
|
17
17
|
border-right-width: 1px;
|
|
18
18
|
}
|
|
19
|
-
:not([data-pinned]) + .
|
|
19
|
+
:not([data-pinned]) + ._1m98u89 {
|
|
20
20
|
border-left-width: 1px;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
._1t4b4ah {
|
|
23
23
|
border-right-width: 1px;
|
|
24
24
|
}
|
|
25
|
-
[data-bordered]:last-child .
|
|
25
|
+
[data-bordered]:last-child ._1t4b4ah {
|
|
26
26
|
border-right-width: 0;
|
|
27
27
|
}
|
|
28
28
|
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
@layer ictinus.
|
|
3
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
@layer ictinus._4ux1m {
|
|
3
|
+
._1g4ei91 {
|
|
4
4
|
text-align: start;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._1vzmk6a {
|
|
7
7
|
position: relative;
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
.s2tr9v {
|
|
10
10
|
position: sticky;
|
|
11
11
|
z-index: 10;
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
.jxcabh {
|
|
14
14
|
border-bottom-width: 1px;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._1tn9fbh:not([data-pinned]) ._1r3kr0f:last-child .jxcabh {
|
|
17
17
|
border-bottom-width: 0;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
.smkpti {
|
|
20
20
|
border-right-width: 1px;
|
|
21
21
|
}
|
|
22
|
-
[data-bordered]:last-child .
|
|
22
|
+
[data-bordered]:last-child .smkpti {
|
|
23
23
|
border-right-width: 0;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
@layer ictinus.
|
|
3
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
@layer ictinus._4ux1m {
|
|
3
|
+
._1g0k45g {
|
|
4
4
|
position: relative;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._1g0k45g[data-focus-visible]:focus-visible {
|
|
7
7
|
outline: none;
|
|
8
8
|
z-index: 11;
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
._1g0k45g[data-focus-visible]:focus-visible::before {
|
|
11
11
|
content: "";
|
|
12
12
|
border: 2px solid var(--ictinus-color-border-color-interactive-active);
|
|
13
13
|
border-radius: var(--ictinus-border-radius-1);
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
.ajvpzf {
|
|
3
3
|
overflow: hidden;
|
|
4
4
|
}
|
|
5
|
-
.
|
|
5
|
+
._16je927 {
|
|
6
6
|
overflow: hidden;
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
.j4s2kh {
|
|
9
9
|
overflow: hidden;
|
|
10
10
|
}
|
|
11
|
-
.
|
|
11
|
+
._1ohuvs4 {
|
|
12
12
|
overflow: hidden;
|
|
13
13
|
}
|
|
14
|
-
.
|
|
14
|
+
._6wujju {
|
|
15
15
|
overflow: hidden;
|
|
16
16
|
white-space: nowrap;
|
|
17
17
|
}
|
|
18
|
-
@layer ictinus.
|
|
19
|
-
.
|
|
18
|
+
@layer ictinus._4ux1m {
|
|
19
|
+
.zly3cw {
|
|
20
20
|
text-overflow: ellipsis;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.ucggkd {
|
|
23
23
|
display: -webkit-box;
|
|
24
24
|
-webkit-box-orient: vertical;
|
|
25
25
|
}
|
|
26
|
-
.
|
|
26
|
+
._1yzs4dm {
|
|
27
27
|
-webkit-line-clamp: 1;
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
._1lp28s1 {
|
|
30
30
|
-webkit-line-clamp: 2;
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
._629uwx {
|
|
33
33
|
-webkit-line-clamp: 3;
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
.nbjy49 {
|
|
36
36
|
-webkit-line-clamp: 4;
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
@layer ictinus.
|
|
2
|
-
@layer ictinus.
|
|
3
|
-
.
|
|
1
|
+
@layer ictinus._4ux1m;
|
|
2
|
+
@layer ictinus._4ux1m {
|
|
3
|
+
.ss1zsp {
|
|
4
4
|
transform: translate3d(0, 0, 0);
|
|
5
5
|
transform-origin: var(--trigger-anchor-point);
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
._137jznu {
|
|
8
8
|
background: transparent;
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
._1met05v {
|
|
11
11
|
display: block;
|
|
12
12
|
fill: var(--ictinus-color-background-inverted);
|
|
13
13
|
}
|
|
14
|
-
[data-placement=bottom] .
|
|
14
|
+
[data-placement=bottom] ._1met05v {
|
|
15
15
|
transform: rotate(180deg);
|
|
16
16
|
}
|
|
17
|
-
[data-placement=right] .
|
|
17
|
+
[data-placement=right] ._1met05v {
|
|
18
18
|
transform: rotate(90deg) translateY(-5px);
|
|
19
19
|
}
|
|
20
|
-
[data-placement=left] .
|
|
20
|
+
[data-placement=left] ._1met05v {
|
|
21
21
|
transform: rotate(-90deg) translateY(-5px);
|
|
22
22
|
}
|
|
23
|
-
.
|
|
23
|
+
._1reqyxm {
|
|
24
24
|
display: block;
|
|
25
25
|
fill: var(--ictinus-color-background-alt);
|
|
26
26
|
}
|
|
27
|
-
[data-placement=bottom] .
|
|
27
|
+
[data-placement=bottom] ._1reqyxm {
|
|
28
28
|
transform: rotate(180deg);
|
|
29
29
|
}
|
|
30
|
-
[data-placement=right] .
|
|
30
|
+
[data-placement=right] ._1reqyxm {
|
|
31
31
|
transform: rotate(90deg) translateY(-5px);
|
|
32
32
|
}
|
|
33
|
-
[data-placement=left] .
|
|
33
|
+
[data-placement=left] ._1reqyxm {
|
|
34
34
|
transform: rotate(-90deg) translateY(-5px);
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
.j7nmlo {
|
|
37
37
|
fill: var(--ictinus-color-border-color-decorative-default);
|
|
38
38
|
}
|
|
39
39
|
}
|
package/dist/vanilla/index.d.ts
CHANGED
|
@@ -12009,12 +12009,7 @@ declare const simplePseudoMap: {
|
|
|
12009
12009
|
readonly ':visited': true;
|
|
12010
12010
|
};
|
|
12011
12011
|
type SimplePseudos = keyof typeof simplePseudoMap;
|
|
12012
|
-
|
|
12013
|
-
container?: string;
|
|
12014
|
-
containerType?: 'size' | 'inline-size' | (string & {});
|
|
12015
|
-
containerName?: string;
|
|
12016
|
-
}
|
|
12017
|
-
type CSSTypeProperties = Properties<number | (string & {})> & ContainerProperties;
|
|
12012
|
+
type CSSTypeProperties = Properties<number | (string & {})>;
|
|
12018
12013
|
type CSSProperties = {
|
|
12019
12014
|
[Property in keyof CSSTypeProperties]: CSSTypeProperties[Property] | CSSVarFunction | Array<CSSVarFunction | CSSTypeProperties[Property]>;
|
|
12020
12015
|
};
|
|
@@ -12036,7 +12031,10 @@ type MediaQueries<StyleType> = Query<'@media', StyleType>;
|
|
|
12036
12031
|
type FeatureQueries<StyleType> = Query<'@supports', StyleType>;
|
|
12037
12032
|
type ContainerQueries<StyleType> = Query<'@container', StyleType>;
|
|
12038
12033
|
type Layers<StyleType> = Query<'@layer', StyleType>;
|
|
12039
|
-
|
|
12034
|
+
type StartingStyle<StyleType> = {
|
|
12035
|
+
'@starting-style'?: Omit<StyleType, '@starting-style'>;
|
|
12036
|
+
};
|
|
12037
|
+
interface AllQueries<StyleType> extends MediaQueries<StyleType & AllQueries<StyleType>>, FeatureQueries<StyleType & AllQueries<StyleType>>, ContainerQueries<StyleType & AllQueries<StyleType>>, Layers<StyleType & AllQueries<StyleType>>, StartingStyle<StyleType> {
|
|
12040
12038
|
}
|
|
12041
12039
|
type WithQueries<StyleType> = StyleType & AllQueries<StyleType>;
|
|
12042
12040
|
interface SelectorMap {
|
|
@@ -13868,7 +13866,7 @@ type DataTableCheckboxProps = ComponentPropsWithoutRef<typeof CheckBox>;
|
|
|
13868
13866
|
declare const DataTableCheckbox: react.ForwardRefExoticComponent<any>;
|
|
13869
13867
|
|
|
13870
13868
|
type DataTableCounterProps = BoxProps<'div', {
|
|
13871
|
-
count?: number;
|
|
13869
|
+
count?: string | number;
|
|
13872
13870
|
loading?: boolean;
|
|
13873
13871
|
singular?: string;
|
|
13874
13872
|
plural?: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
2
|
import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
|
|
3
|
-
import './../../assets/src/sprinkles/properties.css.ts.vanilla-
|
|
4
|
-
import './../../assets/src/
|
|
5
|
-
import './../../assets/src/actions/ActionsContent.css.ts.vanilla-
|
|
3
|
+
import './../../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
|
|
4
|
+
import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Qp4XNVcQ.css';
|
|
5
|
+
import './../../assets/src/actions/ActionsContent.css.ts.vanilla-BFQ5ciJa.css';
|
|
6
6
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
7
7
|
|
|
8
|
-
var content = createRuntimeFn({defaultClassName:'
|
|
8
|
+
var content = createRuntimeFn({defaultClassName:'d28yzf _7laaef lywi2r _1zv0ga',variantClassNames:{visible:{always:'_1ercvru','if-needed':'_1p4sunk'}},defaultVariants:{},compoundVariants:[]});
|
|
9
9
|
|
|
10
10
|
export { content };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
2
|
-
import './../../assets/src/
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
|
+
import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Qp4XNVcQ.css';
|
|
3
3
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
4
4
|
|
|
5
|
-
var root = createRuntimeFn({defaultClassName:'
|
|
5
|
+
var root = createRuntimeFn({defaultClassName:'_9r42py _1l8637j',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
|
|
6
6
|
|
|
7
7
|
export { root };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
2
|
import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
|
|
3
|
-
import './../../assets/src/sprinkles/properties.css.ts.vanilla-
|
|
4
|
-
import './../../assets/src/
|
|
5
|
-
import './../../assets/src/avatar/Avatar.css.ts.vanilla-
|
|
3
|
+
import './../../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
|
|
4
|
+
import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Qp4XNVcQ.css';
|
|
5
|
+
import './../../assets/src/avatar/Avatar.css.ts.vanilla-nHBa-4FV.css';
|
|
6
6
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
7
7
|
|
|
8
|
-
var avatar = createRuntimeFn({defaultClassName:'
|
|
9
|
-
var icon = createRuntimeFn({defaultClassName:'
|
|
10
|
-
var image = '
|
|
8
|
+
var avatar = createRuntimeFn({defaultClassName:'_14vvul _2nl2s4 i8xpml _1pcjk1n _18b4ufr v0q06i g7uqw6 _11gx7pm d28yzf y6btmd zvf8om _1k6v7bp uofh6r _1ut6hja',variantClassNames:{colorScheme:{blue:'_1pwvmge b7ied9 el2trr',red:'hvrx7x _8ykznu xr1k0k',purple:'_18tf8yv _1kuwlxw ac3g05',teal:'gkuwx8 wzeq8a _13ifz5s',orange:'_1qrnnsk _70rbk2 s4ck92'},size:{'1':'_4wbe71 bbdtjg _165bswz _1f9b0w6 _1rw6uya _12ggcej','2':'nmwhkm c2pkd6 _10cwmju _1c372p upt0ix _1dcmzml','3':'su1gxg fu9f0j _1a7h6ig y6abv1 upt0ix pq6d7h','4':'_18d20k4 f2nvcl fdrsbj _1mhtif9 _1rw6uya zi7uwq','5':'_1lgjsx oj7eq1 sobdj4 g3jvv8 _1jo2dzo _19uc3xr','6':'_1wk97q3 _1ijkf8t tvkynu dlcsg7 _1jo2dzo zhuq2v'}},defaultVariants:{colorScheme:'blue',size:'1'},compoundVariants:[]});
|
|
9
|
+
var icon = createRuntimeFn({defaultClassName:'_12aujjn _1xwu9a9',variantClassNames:{size:{'1':'_1abqy9m','2':'mpdugl','3':'_1uyj6jk','4':'yuqrlj','5':'_18zdgqy','6':'llyr08'}},defaultVariants:{},compoundVariants:[]});
|
|
10
|
+
var image = '_1k6v7bp _1yhdwqa _1lt1opo aq9ffw';
|
|
11
11
|
|
|
12
12
|
export { avatar, icon, image };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
2
|
import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
|
|
3
|
-
import './../../assets/src/sprinkles/properties.css.ts.vanilla-
|
|
4
|
-
import './../../assets/src/
|
|
3
|
+
import './../../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
|
|
4
|
+
import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Qp4XNVcQ.css';
|
|
5
5
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
6
6
|
|
|
7
|
-
var avatarGroup = createRuntimeFn({defaultClassName:'
|
|
8
|
-
var className = '
|
|
7
|
+
var avatarGroup = createRuntimeFn({defaultClassName:'_1xtraau _7laaef d28yzf',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
|
|
8
|
+
var className = '_1xtraau';
|
|
9
9
|
|
|
10
10
|
export { avatarGroup, className };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
2
|
import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
|
|
3
|
-
import './../../assets/src/sprinkles/properties.css.ts.vanilla-
|
|
4
|
-
import './../../assets/src/
|
|
3
|
+
import './../../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
|
|
4
|
+
import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Qp4XNVcQ.css';
|
|
5
5
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
6
6
|
|
|
7
|
-
var badge = createRuntimeFn({defaultClassName:'
|
|
8
|
-
var badgeText = createRuntimeFn({defaultClassName:'
|
|
9
|
-
var codeBadge = createRuntimeFn({defaultClassName:'
|
|
10
|
-
var codeBadgeText = createRuntimeFn({defaultClassName:'
|
|
7
|
+
var badge = createRuntimeFn({defaultClassName:'l8benk rotnsk _1xqefei i8xpml _1pcjk1n _18b4ufr v0q06i g7uqw6 _11gx7pm d28yzf zvf8om _1y4jmm8 _5yhdmp',variantClassNames:{size:{normal:'c2pkd6 _1uxgqjw',small:'bbdtjg _1pl8xv3 wqwr5f'},colorScheme:{neutral:'_1hkuxmy _1cg06sp b7ied9',blue:'x212jk _1cg06sp b7ied9',red:'_1cyi988 _1tyj96k _8ykznu',purple:'_18rdpyd _11iv0d8 _1kuwlxw',teal:'_1c15s6i _19savoi wzeq8a',orange:'ycob12 skscs6 _70rbk2'}},defaultVariants:{size:'normal',colorScheme:'neutral'},compoundVariants:[]});
|
|
8
|
+
var badgeText = createRuntimeFn({defaultClassName:'_1mhgdb6',variantClassNames:{size:{normal:'rotnsk _1xqefei _1u33qls',small:'by7fyl'}},defaultVariants:{size:'normal'},compoundVariants:[]});
|
|
9
|
+
var codeBadge = createRuntimeFn({defaultClassName:'rotnsk _1xqefei g7uqw6 _11gx7pm d28yzf zvf8om tmcjcs _1y4jmm8 _5yhdmp',variantClassNames:{size:{normal:'c2pkd6 _1uxgqjw',small:'bbdtjg _1pl8xv3 wqwr5f'}},defaultVariants:{size:'normal'},compoundVariants:[]});
|
|
10
|
+
var codeBadgeText = createRuntimeFn({defaultClassName:'eawy6t',variantClassNames:{size:{normal:'rotnsk _1xqefei _11mgq85',small:'_9epvvc'}},defaultVariants:{size:'normal'},compoundVariants:[]});
|
|
11
11
|
|
|
12
12
|
export { badge, badgeText, codeBadge, codeBadgeText };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
2
|
import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
|
|
3
|
-
import './../../assets/src/sprinkles/properties.css.ts.vanilla-
|
|
4
|
-
import './../../assets/src/button/Button.css.ts.vanilla-
|
|
3
|
+
import './../../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
|
|
4
|
+
import './../../assets/src/button/Button.css.ts.vanilla-Blcr4PkF.css';
|
|
5
5
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
6
6
|
|
|
7
|
-
var button = createRuntimeFn({defaultClassName:'
|
|
8
|
-
var progress = '
|
|
9
|
-
var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'
|
|
7
|
+
var button = createRuntimeFn({defaultClassName:'g7uqw6 _11gx7pm d28yzf zvf8om _1uxgqjw fcsky8 _1ppoqv2 _1qdwq5s _1ut6hja _5yhdmp i7rdvb',variantClassNames:{variant:{primary:'_1kznzyv nl6cx0 _1wz63xw k9h2gz',secondary:'_1v15zez _1g55cfy ujllo0 b7ied9',tertiary:'_5signr _17y7zmu h9kco4 b7ied9',danger:'hvrx7x _1qw8hkp fvhd30 _8ykznu'},size:{normal:'navkhi _198vaa1 _1so65v',compact:'_1se25hk rotnsk _1xqefei'},iconOnly:{true:'_1uow0ge _1jdetf6 y6btmd'},circle:{true:'_1k6v7bp'},isPending:{true:'_1y4jmm8'},isDisabled:{true:'kiavwv gixjgp'}},defaultVariants:{},compoundVariants:[[{iconOnly:true,size:'normal'},'_1nto7oe'],[{iconOnly:true,size:'compact'},'_1enmr10'],[{isPending:true,variant:'primary'},'_1fp1a96 sb1gpx _1wz63xw'],[{isPending:true,variant:'secondary'},'tmcjcs ulu99b ujllo0'],[{isPending:true,variant:'tertiary'},'_1u82fgg gu7gpg h9kco4'],[{isPending:true,variant:'danger'},'_148iphj ovfnmz fvhd30'],[{isDisabled:true,variant:'primary'},'_1kznzyv _18mt3sf _1qzh3e9'],[{isDisabled:true,variant:'secondary'},'_1v15zez _12y41o2 _1l40cm8'],[{isDisabled:true,variant:'tertiary'},'_5signr _1r4fu31 _184i8a3'],[{isDisabled:true,variant:'danger'},'hvrx7x _1w2uuxs _1bcw0dx']]});
|
|
8
|
+
var progress = '_1xe3j4u _1jwvu7d';
|
|
9
|
+
var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'rotnsk _1xqefei _1u33qls',compact:'rotnsk _1xqefei by7fyl'},isPending:{true:'_18sam48'}},defaultVariants:{},compoundVariants:[]});
|
|
10
10
|
|
|
11
11
|
export { button, progress, text };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
2
|
-
import './../../assets/src/cover/Cover.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
|
+
import './../../assets/src/cover/Cover.css.ts.vanilla-89IgWwHy.css';
|
|
3
3
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
4
4
|
|
|
5
|
-
var cover = createRuntimeFn({defaultClassName:'
|
|
5
|
+
var cover = createRuntimeFn({defaultClassName:'_145j8dq',variantClassNames:{disabled:{false:'xyx9sl _1w5bdtg',true:'_1h6on2y'},inset:{false:'j4zw8p',true:'b3uosy'}},defaultVariants:{},compoundVariants:[]});
|
|
6
6
|
|
|
7
7
|
export { cover };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
|
|
2
2
|
import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
|
|
3
|
-
import './../../assets/src/sprinkles/properties.css.ts.vanilla-
|
|
4
|
-
import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-
|
|
5
|
-
import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-
|
|
3
|
+
import './../../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
|
|
4
|
+
import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-pQwohxg9.css';
|
|
5
|
+
import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-fvsHH4uM.css';
|
|
6
6
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
7
7
|
|
|
8
|
-
var cell = createRuntimeFn({defaultClassName:'
|
|
9
|
-
var cellOffsetVar = 'var(--
|
|
10
|
-
var cellSizeVar = 'var(--
|
|
11
|
-
var leftTotalSizeVar = 'var(--
|
|
12
|
-
var rightTotalSizeVar = 'var(--
|
|
13
|
-
var root = createRuntimeFn({defaultClassName:'
|
|
14
|
-
var totalSizeVar = 'var(--
|
|
8
|
+
var cell = createRuntimeFn({defaultClassName:'_1hkuxmy _17egifa _7laaef _1naon1',variantClassNames:{pinned:{left:'_1r03ou4',right:'bk5jsa'},resizable:{false:'l9uut5',true:'_1q3e92x'}},defaultVariants:{},compoundVariants:[]});
|
|
9
|
+
var cellOffsetVar = 'var(--_1tlrmfc)';
|
|
10
|
+
var cellSizeVar = 'var(--_1d58b25)';
|
|
11
|
+
var leftTotalSizeVar = 'var(--dsc83p)';
|
|
12
|
+
var rightTotalSizeVar = 'var(--ze86d)';
|
|
13
|
+
var root = createRuntimeFn({defaultClassName:'_14vvul _2nl2s4 _1uxgqjw _1tuq0g3 _7laaef _16q44a _6b51us',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
|
|
14
|
+
var totalSizeVar = 'var(--_3jgo19)';
|
|
15
15
|
|
|
16
16
|
export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };
|
|
@@ -68,7 +68,14 @@ const DataTableBody = forwardRef(
|
|
|
68
68
|
delete domRef.current.dataset.scrollTimeline;
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
|
-
useEffect(
|
|
71
|
+
useEffect(() => {
|
|
72
|
+
calculateScrollTimeline();
|
|
73
|
+
const node = scrollContainerRef.current;
|
|
74
|
+
if (!node) return;
|
|
75
|
+
const observer = new ResizeObserver(calculateScrollTimeline);
|
|
76
|
+
observer.observe(node);
|
|
77
|
+
return () => observer.disconnect();
|
|
78
|
+
}, []);
|
|
72
79
|
const centerColumns = table.getCenterVisibleLeafColumns();
|
|
73
80
|
const columnVirtualizer = useVirtualizer({
|
|
74
81
|
count: centerColumns.length,
|
|
@@ -19,7 +19,7 @@ function DataTableCounter({
|
|
|
19
19
|
const count = hasSelection ? selectedCount : totalCount;
|
|
20
20
|
const label = count === 1 ? singular : plural;
|
|
21
21
|
return /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", gap: "sm", ...props, children: loading ? /* @__PURE__ */ jsx(Skeleton, { w: "20" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
22
|
-
/* @__PURE__ */ jsx(Text, { typography: "label02", color: "active", children: count.toLocaleString() }),
|
|
22
|
+
/* @__PURE__ */ jsx(Text, { typography: "label02", color: "active", children: typeof count === "number" ? count.toLocaleString() : count }),
|
|
23
23
|
/* @__PURE__ */ jsx(Text, { typography: "label02", children: hasSelection ? `${label} selected` : label })
|
|
24
24
|
] }) });
|
|
25
25
|
}
|