@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.
Files changed (93) hide show
  1. package/README.md +38 -75
  2. package/dist/components/Controls/CheckBox/CheckBox.js +9 -9
  3. package/dist/components/Controls/Radio/Radio.js +10 -10
  4. package/dist/components/Controls/Switch/Switch.js +7 -7
  5. package/dist/package.json.d.ts +8 -9
  6. package/dist/package.json.js +1 -1
  7. package/dist/src/data-table/DataTableCounter.d.ts +1 -1
  8. package/dist/vanilla/Dropdown/Dropdown-css.js +3 -3
  9. package/dist/vanilla/Menu/Menu-css.js +5 -5
  10. package/dist/vanilla/Popover/Popover-css.js +5 -5
  11. package/dist/vanilla/Table/Table-css.js +5 -5
  12. package/dist/vanilla/Table/TableBody-css.js +3 -3
  13. package/dist/vanilla/Table/TableCell-css.js +5 -5
  14. package/dist/vanilla/Table/TableFooter-css.js +3 -3
  15. package/dist/vanilla/Table/TableHeader-css.js +3 -3
  16. package/dist/vanilla/Table/TableHeaderCell-css.js +7 -7
  17. package/dist/vanilla/Table/TableRow-css.js +4 -4
  18. package/dist/vanilla/Text/Text-css.js +3 -3
  19. package/dist/vanilla/Text/Text.js +15 -16
  20. package/dist/vanilla/Tooltip/Tooltip-css.js +7 -7
  21. package/dist/vanilla/assets/src/actions/ActionsContent.css.ts.vanilla-BFQ5ciJa.css +22 -0
  22. package/dist/vanilla/assets/src/avatar/{Avatar.css.ts.vanilla-B8YOpClT.css → Avatar.css.ts.vanilla-nHBa-4FV.css} +20 -20
  23. package/dist/vanilla/assets/src/avatar/AvatarGroup.css.ts.vanilla-Qp4XNVcQ.css +4 -0
  24. package/dist/vanilla/assets/src/button/{Button.css.ts.vanilla-CkqUCUdv.css → Button.css.ts.vanilla-Blcr4PkF.css} +5 -5
  25. package/dist/vanilla/assets/src/cover/Cover.css.ts.vanilla-89IgWwHy.css +35 -0
  26. package/dist/vanilla/assets/src/data-table/DataTableBody.css.ts.vanilla-fvsHH4uM.css +73 -0
  27. package/dist/vanilla/assets/src/data-table/{DataTableHeaderCell.css.ts.vanilla-BDyQQ7jY.css → DataTableHeaderCell.css.ts.vanilla-D23c4Ywb.css} +9 -9
  28. package/dist/vanilla/assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css +1 -0
  29. package/dist/vanilla/assets/src/nav/{Nav.css.ts.vanilla-Bl45Ose-.css → Nav.css.ts.vanilla-Dutsk2by.css} +12 -12
  30. package/dist/vanilla/assets/src/skeleton/Skeleton.css.ts.vanilla-CJrd3HK4.css +6 -0
  31. package/dist/vanilla/assets/src/sprinkles/{properties.css.ts.vanilla-BSZBeQXc.css → properties.css.ts.vanilla-C6TdO3Tq.css} +3361 -3361
  32. package/dist/vanilla/assets/src/tag-group/{TagGroup.css.ts.vanilla-dwPBJckz.css → TagGroup.css.ts.vanilla-Df_ehpcB.css} +12 -12
  33. package/dist/vanilla/assets/src/vanilla/Menu/{Menu.css.ts.vanilla-BiDs6aJg.css → Menu.css.ts.vanilla-CVpN1jhd.css} +5 -5
  34. package/dist/vanilla/assets/src/vanilla/Popover/{Popover.css.ts.vanilla-DC5-_J3d.css → Popover.css.ts.vanilla-BliQg-7B.css} +7 -7
  35. package/dist/vanilla/assets/src/vanilla/Table/{Table.css.ts.vanilla-lytm_tFZ.css → Table.css.ts.vanilla-DGNmEwZ1.css} +7 -7
  36. package/dist/vanilla/assets/src/vanilla/Table/TableBody.css.ts.vanilla-JTPKat5T.css +6 -0
  37. package/dist/vanilla/assets/src/vanilla/Table/{TableCell.css.ts.vanilla-C6cK2HG4.css → TableCell.css.ts.vanilla-B6ixJ8f9.css} +10 -10
  38. package/dist/vanilla/assets/src/vanilla/Table/{TableFooter.css.ts.vanilla-CiPokl7E.css → TableFooter.css.ts.vanilla-DouNXxnd.css} +4 -4
  39. package/dist/vanilla/assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbaYjp1H.css +8 -0
  40. package/dist/vanilla/assets/src/vanilla/Table/{TableHeaderCell.css.ts.vanilla-CFKYK8eI.css → TableHeaderCell.css.ts.vanilla-DgxMfERm.css} +9 -9
  41. package/dist/vanilla/assets/src/vanilla/Table/{TableRow.css.ts.vanilla-CFVaangZ.css → TableRow.css.ts.vanilla-pQwohxg9.css} +5 -5
  42. package/dist/vanilla/assets/src/vanilla/Text/{Text.css.ts.vanilla-Pi0pAZ7T.css → Text.css.ts.vanilla-CueqDxuT.css} +13 -13
  43. package/dist/vanilla/assets/src/vanilla/Tooltip/{Tooltip.css.ts.vanilla-sco5O5JH.css → Tooltip.css.ts.vanilla-vBSgUBg5.css} +13 -13
  44. package/dist/vanilla/index.d.ts +6 -8
  45. package/dist/vanilla/package.json.js +1 -1
  46. package/dist/vanilla/src/actions/ActionsContent-css.js +5 -5
  47. package/dist/vanilla/src/actions/ActionsRoot-css.js +3 -3
  48. package/dist/vanilla/src/avatar/Avatar-css.js +7 -7
  49. package/dist/vanilla/src/avatar/AvatarGroup-css.js +5 -5
  50. package/dist/vanilla/src/badge/Badge-css.js +7 -7
  51. package/dist/vanilla/src/button/Button-css.js +6 -6
  52. package/dist/vanilla/src/cover/Cover-css.js +3 -3
  53. package/dist/vanilla/src/data-table/DataTableBody-css.js +11 -11
  54. package/dist/vanilla/src/data-table/DataTableBody.js +8 -1
  55. package/dist/vanilla/src/data-table/DataTableCounter.js +1 -1
  56. package/dist/vanilla/src/data-table/DataTableHeaderCell-css.js +9 -9
  57. package/dist/vanilla/src/layers/layers-css.js +2 -2
  58. package/dist/vanilla/src/nav/Nav-css.js +12 -12
  59. package/dist/vanilla/src/skeleton/Skeleton-css.js +4 -4
  60. package/dist/vanilla/src/sprinkles/properties-css.js +5 -5
  61. package/dist/vanilla/src/tag-group/TagGroup-css.js +8 -8
  62. package/package.json +8 -9
  63. package/dist/vanilla/assets/src/actions/ActionsContent.css.ts.vanilla-BRor0njc.css +0 -22
  64. package/dist/vanilla/assets/src/badge/Badge.css.ts.vanilla-DBW4ApPP.css +0 -4
  65. package/dist/vanilla/assets/src/cover/Cover.css.ts.vanilla-BVCEjs0e.css +0 -35
  66. package/dist/vanilla/assets/src/data-table/DataTableBody.css.ts.vanilla-BzEq26dD.css +0 -73
  67. package/dist/vanilla/assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css +0 -1
  68. package/dist/vanilla/assets/src/skeleton/Skeleton.css.ts.vanilla-GmG3sJg2.css +0 -6
  69. package/dist/vanilla/assets/src/vanilla/Table/TableBody.css.ts.vanilla-Dy_Iita7.css +0 -6
  70. package/dist/vanilla/assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbAEIDI7.css +0 -8
  71. /package/dist/codemods/{codemods/avatarCodemod.d.ts → avatarCodemod.d.ts} +0 -0
  72. /package/dist/codemods/{codemods/buttonCodemod.d.ts → buttonCodemod.d.ts} +0 -0
  73. /package/dist/codemods/{codemods/checkboxCodemod.d.ts → checkboxCodemod.d.ts} +0 -0
  74. /package/dist/codemods/{codemods/chipCodemode.d.ts → chipCodemode.d.ts} +0 -0
  75. /package/dist/codemods/{codemods/drawerCodemod.d.ts → drawerCodemod.d.ts} +0 -0
  76. /package/dist/codemods/{codemods/filterCodemod.d.ts → filterCodemod.d.ts} +0 -0
  77. /package/dist/codemods/{codemods/globalsCodemod.d.ts → globalsCodemod.d.ts} +0 -0
  78. /package/dist/codemods/{codemods/iconButtonCodemod.d.ts → iconButtonCodemod.d.ts} +0 -0
  79. /package/dist/codemods/{codemods/iconCodemod.d.ts → iconCodemod.d.ts} +0 -0
  80. /package/dist/codemods/{codemods/loaderCodemod.d.ts → loaderCodemod.d.ts} +0 -0
  81. /package/dist/codemods/{codemods/menuCodemod.d.ts → menuCodemod.d.ts} +0 -0
  82. /package/dist/codemods/{codemods/notificationsCodemod.d.ts → notificationsCodemod.d.ts} +0 -0
  83. /package/dist/codemods/{codemods/paginationCodemod.d.ts → paginationCodemod.d.ts} +0 -0
  84. /package/dist/codemods/{codemods/radioCodemod.d.ts → radioCodemod.d.ts} +0 -0
  85. /package/dist/codemods/{codemods/radioGroupCodemod.d.ts → radioGroupCodemod.d.ts} +0 -0
  86. /package/dist/codemods/{codemods/searchCodemod.d.ts → searchCodemod.d.ts} +0 -0
  87. /package/dist/codemods/{codemods/selectCodemod.d.ts → selectCodemod.d.ts} +0 -0
  88. /package/dist/codemods/{codemods/switchCodemod.d.ts → switchCodemod.d.ts} +0 -0
  89. /package/dist/codemods/{codemods/tableCodemod.d.ts → tableCodemod.d.ts} +0 -0
  90. /package/dist/codemods/{codemods/textareaCodemod.d.ts → textareaCodemod.d.ts} +0 -0
  91. /package/dist/codemods/{codemods/textfieldCodemod.d.ts → textfieldCodemod.d.ts} +0 -0
  92. /package/dist/codemods/{codemods/tooltipCodemod.d.ts → tooltipCodemod.d.ts} +0 -0
  93. /package/dist/codemods/{codemods/unchangedIconsCodemod.d.ts → unchangedIconsCodemod.d.ts} +0 -0
@@ -1,62 +1,62 @@
1
- @layer ictinus._1w0ahcl;
2
- @layer ictinus._1w0ahcl {
3
- ._1ser8tt {
1
+ @layer ictinus._4ux1m;
2
+ @layer ictinus._4ux1m {
3
+ .el2trr {
4
4
  border-color: var(--ictinus-color-palette-primary-alt-contrast);
5
5
  }
6
- .bmcgxr {
6
+ .xr1k0k {
7
7
  border-color: var(--ictinus-color-palette-error-contrast);
8
8
  }
9
- ._1hthoyw {
9
+ .ac3g05 {
10
10
  border-color: var(--ictinus-color-palette-upsell-contrast);
11
11
  }
12
- ._166drwq {
12
+ ._13ifz5s {
13
13
  border-color: var(--ictinus-color-palette-success-contrast);
14
14
  }
15
- .n3jauj {
15
+ .s4ck92 {
16
16
  border-color: var(--ictinus-color-palette-warning-contrast);
17
17
  }
18
- ._1ems2oz .yp37gk:not(:first-child) {
18
+ ._1xtraau ._12ggcej:not(:first-child) {
19
19
  margin-left: -2px;
20
20
  }
21
- ._1ems2oz ._15vyxah:not(:first-child) {
21
+ ._1xtraau ._1dcmzml:not(:first-child) {
22
22
  margin-left: -4px;
23
23
  }
24
- ._1ems2oz .phsfam:not(:first-child) {
24
+ ._1xtraau .pq6d7h:not(:first-child) {
25
25
  margin-left: -6px;
26
26
  }
27
- ._1ems2oz ._1t03hq3:not(:first-child) {
27
+ ._1xtraau .zi7uwq:not(:first-child) {
28
28
  margin-left: -8px;
29
29
  }
30
- ._1ems2oz .w3ezxh:not(:first-child) {
30
+ ._1xtraau ._19uc3xr:not(:first-child) {
31
31
  margin-left: -12px;
32
32
  }
33
- ._1ems2oz ._1pm27z7:not(:first-child) {
33
+ ._1xtraau .zhuq2v:not(:first-child) {
34
34
  margin-left: -16px;
35
35
  }
36
- .fuoiwf {
36
+ ._1xwu9a9 {
37
37
  fill: currentColor;
38
38
  }
39
- .ybmtle {
39
+ ._1abqy9m {
40
40
  width: calc(var(--ictinus-sizing-5) * 0.8);
41
41
  height: calc(var(--ictinus-sizing-5) * 0.8);
42
42
  }
43
- ._1gbayy0 {
43
+ .mpdugl {
44
44
  width: calc(var(--ictinus-sizing-6) * 0.8);
45
45
  height: calc(var(--ictinus-sizing-6) * 0.8);
46
46
  }
47
- ._1c3wewz {
47
+ ._1uyj6jk {
48
48
  width: calc(var(--ictinus-sizing-8) * 0.8);
49
49
  height: calc(var(--ictinus-sizing-8) * 0.8);
50
50
  }
51
- .y14mgw {
51
+ .yuqrlj {
52
52
  width: calc(var(--ictinus-sizing-12) * 0.8);
53
53
  height: calc(var(--ictinus-sizing-12) * 0.8);
54
54
  }
55
- ._1pcqlew {
55
+ ._18zdgqy {
56
56
  width: calc(var(--ictinus-sizing-15) * 0.8);
57
57
  height: calc(var(--ictinus-sizing-15) * 0.8);
58
58
  }
59
- ._18pgw67 {
59
+ .llyr08 {
60
60
  width: calc(var(--ictinus-sizing-18) * 0.8);
61
61
  height: calc(var(--ictinus-sizing-18) * 0.8);
62
62
  }
@@ -0,0 +1,4 @@
1
+ @layer ictinus._4ux1m;
2
+ @layer ictinus._4ux1m {
3
+
4
+ }
@@ -1,12 +1,12 @@
1
- @layer ictinus._1w0ahcl;
2
- @layer ictinus._1w0ahcl {
3
- ._9pejcy[data-focus-visible] {
1
+ @layer ictinus._4ux1m;
2
+ @layer ictinus._4ux1m {
3
+ .i7rdvb[data-focus-visible] {
4
4
  outline: var(--ictinus-border-width-3) solid var(--ictinus-color-border-color-interactive-focused);
5
5
  }
6
- ._9pejcy[data-react-aria-pressable] {
6
+ .i7rdvb[data-react-aria-pressable] {
7
7
  touch-action: pan-x pan-y pinch-zoom;
8
8
  }
9
- .c6vnj4 {
9
+ ._1jwvu7d {
10
10
  left: 50%;
11
11
  top: 50%;
12
12
  transform: translate(-50%,-50%);
@@ -0,0 +1,35 @@
1
+ @layer ictinus;
2
+ @layer ictinus._4ux1m;
3
+ @layer ictinus {
4
+ .xyx9sl {
5
+ position: static;
6
+ }
7
+ .xyx9sl:focus-visible {
8
+ outline: none;
9
+ }
10
+ }
11
+ @layer ictinus._4ux1m {
12
+ ._1w5bdtg {
13
+ --_1k398ld: solid;
14
+ }
15
+ ._1w5bdtg::before {
16
+ content: "";
17
+ border-radius: var(--_1ew5gxg, inherit);
18
+ inset: 0;
19
+ position: absolute;
20
+ pointer-events: none;
21
+ }
22
+ ._1w5bdtg:focus-visible::before {
23
+ outline: 2px var(--_1k398ld) var(--ictinus-color-border-color-interactive-focused);
24
+ outline-offset: var(--_5ti1cd);
25
+ }
26
+ .j4zw8p {
27
+ --_5ti1cd: 1px;
28
+ }
29
+ .b3uosy {
30
+ --_5ti1cd: -2px;
31
+ }
32
+ .b3uosy:is(a) {
33
+ --_1k398ld: auto;
34
+ }
35
+ }
@@ -0,0 +1,73 @@
1
+ @property --_1g7czo {
2
+ syntax: "<color>";
3
+ inherits: false;
4
+ initial-value: transparent;
5
+ }
6
+ @layer ictinus._4ux1m;
7
+ @layer ictinus._4ux1m {
8
+ ._6b51us {
9
+ position: relative;
10
+ }
11
+ ._6b51us[data-scroll-timeline]::after {
12
+ background-image: linear-gradient(to left, var(--ictinus-color-transparent-4), transparent);
13
+ right: var(--ze86d);
14
+ }
15
+ ._6b51us[data-scroll-timeline]::before {
16
+ background-image: linear-gradient(to right, var(--ictinus-color-transparent-4), transparent);
17
+ left: var(--dsc83p);
18
+ }
19
+ [data-theme="dark"] ._6b51us[data-scroll-timeline]::before {
20
+ background-image: linear-gradient(to right, var(--ictinus-color-transparent-6), transparent);
21
+ border-left: 1px solid var(--ictinus-color-border-color-decorative-default);
22
+ }
23
+ [data-theme="dark"] ._6b51us[data-scroll-timeline]::after {
24
+ background-image: linear-gradient(to right, var(--ictinus-color-transparent-6), transparent);
25
+ border-right: 1px solid var(--ictinus-color-border-color-decorative-default);
26
+ }
27
+ ._6b51us[data-scroll-timeline]::before, ._6b51us[data-scroll-timeline]::after {
28
+ content: "";
29
+ display: block;
30
+ height: 100%;
31
+ opacity: 0;
32
+ pointer-events: none;
33
+ position: absolute;
34
+ top: 0;
35
+ transition: 0.3s opacity;
36
+ width: 16px;
37
+ z-index: 1;
38
+ }
39
+ ._6b51us[data-has-left-pinned][data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
40
+ opacity: 1;
41
+ }
42
+ ._6b51us[data-has-right-pinned][data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
43
+ opacity: 1;
44
+ }
45
+ ._1naon1 {
46
+ width: calc(1px * var(--_1d58b25));
47
+ background-image: linear-gradient(var(--_1g7czo), var(--_1g7czo));
48
+ transition: --_1g7czo 150ms ease;
49
+ }
50
+ [data-selectable] ._1r3kr0f[data-selected] ._1naon1 {
51
+ --_1g7czo: var(--ictinus-color-palette-tertiary-contrast);
52
+ }
53
+ ._1r03ou4 {
54
+ left: var(--_1tlrmfc);
55
+ }
56
+ .bk5jsa {
57
+ right: var(--_1tlrmfc);
58
+ }
59
+ .l9uut5 {
60
+ flex-grow: calc(var(--_1d58b25) / var(--_3jgo19));
61
+ }
62
+ ._1q3e92x {
63
+ flex-grow: calc(var(--_1d58b25) / var(--_3jgo19));
64
+ }
65
+ @media (hover: hover) {
66
+ [data-selectable] ._1r3kr0f:is(
67
+ :hover,
68
+ :has([data-state=open], [aria-expanded=true])
69
+ ) ._1naon1 {
70
+ --_1g7czo: var(--ictinus-color-palette-tertiary-muted);
71
+ }
72
+ }
73
+ }
@@ -1,23 +1,23 @@
1
- @layer ictinus._1w0ahcl;
2
- .xz4owy {
1
+ @layer ictinus._4ux1m;
2
+ .txpskw {
3
3
  color: var(--ictinus-color-text-default-primary);
4
4
  }
5
- @layer ictinus._1w0ahcl {
6
- ._9vleta {
5
+ @layer ictinus._4ux1m {
6
+ ._1g6zxuj {
7
7
  color: var(--ictinus-color-text-default-secondary);
8
8
  font-weight: var(--ictinus-weight-regular);
9
9
  }
10
- ._1shq774 {
10
+ ._5fny25 {
11
11
  grid-area: 1 / 1 / 2 / 2;
12
12
  transition: opacity;
13
13
  }
14
- ._1h6hov7 {
14
+ ._1w0eenk {
15
15
  opacity: 0;
16
16
  }
17
- ._1y0l50x {
17
+ .f8rz3l {
18
18
  opacity: 1;
19
19
  }
20
- .cyl7sp {
20
+ ._1r7go8g {
21
21
  border-left-width: 3px;
22
22
  cursor: col-resize;
23
23
  position: absolute;
@@ -28,7 +28,7 @@
28
28
  z-index: 15;
29
29
  }
30
30
  @media (hover: hover) {
31
- ._19ehv1g:hover ._9vleta {
31
+ ._1hk3awx:hover ._1g6zxuj {
32
32
  color: var(--ictinus-color-text-default-primary);
33
33
  font-weight: var(--ictinus-weight-medium);
34
34
  }
@@ -0,0 +1 @@
1
+ @layer ictinus, ictinus.theme, ictinus.reset, ictinus._4ux1m, ictinus.utilities;
@@ -1,6 +1,6 @@
1
- @layer ictinus._1w0ahcl;
2
- @layer ictinus._1w0ahcl {
3
- ._1g7s19o::before {
1
+ @layer ictinus._4ux1m;
2
+ @layer ictinus._4ux1m {
3
+ ._1mp4e15::before {
4
4
  content: "";
5
5
  position: absolute;
6
6
  top: 0;
@@ -8,32 +8,32 @@
8
8
  width: 2px;
9
9
  height: 100%;
10
10
  }
11
- ._1g7s19o:hover::before {
11
+ ._1mp4e15:hover::before {
12
12
  background-color: var(--ictinus-color-border-color-interactive-default);
13
13
  }
14
- ._1we1waa::before {
14
+ .o5zll0::before {
15
15
  content: unset;
16
16
  }
17
- .obgxhr::before {
17
+ ._13hq4nw::before {
18
18
  background-color: var(--ictinus-color-border-color-interactive-active);
19
19
  }
20
- .obgxhr:hover::before {
20
+ ._13hq4nw:hover::before {
21
21
  background-color: var(--ictinus-color-border-color-interactive-active);
22
22
  }
23
- ._1381i6x:focus-visible {
23
+ ._1g48f7:focus-visible {
24
24
  outline: var(--ictinus-border-width-3) solid var(--ictinus-color-border-color-interactive-focused);
25
25
  }
26
- ._11p5f98 {
26
+ ._1fq4898 {
27
27
  margin-top: -4px;
28
28
  }
29
- ._1mpru6q:focus-visible {
29
+ ._1o4ne1y:focus-visible {
30
30
  outline: var(--ictinus-border-width-3) solid var(--ictinus-color-border-color-interactive-focused);
31
31
  }
32
- ._1vbprs8 {
32
+ ._8pd36y {
33
33
  opacity: 0;
34
34
  }
35
35
  @media (hover: hover) {
36
- .pe7urd:hover ._1vbprs8 {
36
+ ._1c95bhc:hover ._8pd36y {
37
37
  opacity: 1;
38
38
  color: var(--ictinus-color-border-color-interactive-default);
39
39
  }
@@ -0,0 +1,6 @@
1
+ @layer ictinus._4ux1m;
2
+ @layer ictinus._4ux1m {
3
+ ._55y376:empty:before {
4
+ content: "\00a0";
5
+ }
6
+ }