@stackoverflow/stacks 2.4.0 → 2.5.1

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 (104) hide show
  1. package/dist/css/stacks.css +24 -65
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/components/tag/tag.less +21 -68
  4. package/lib/exports/color-sets.less +4 -4
  5. package/package.json +10 -9
  6. package/lib/atomic/__snapshots__/color-new.less.test.ts.snap +0 -3015
  7. package/lib/atomic/__snapshots__/color.less.test.ts.snap +0 -3132
  8. package/lib/atomic/__snapshots__/misc.less.test.ts.snap +0 -893
  9. package/lib/atomic/__snapshots__/spacing.less.test.ts.snap +0 -1928
  10. package/lib/atomic/color.less.test.ts +0 -12
  11. package/lib/atomic/misc.less.test.ts +0 -12
  12. package/lib/atomic/spacing.less.test.ts +0 -12
  13. package/lib/components/activity-indicator/activity-indicator.a11y.test.ts +0 -13
  14. package/lib/components/activity-indicator/activity-indicator.visual.test.ts +0 -22
  15. package/lib/components/anchor/anchor.a11y.test.ts +0 -35
  16. package/lib/components/anchor/anchor.visual.test.ts +0 -47
  17. package/lib/components/avatar/avatar.a11y.test.ts +0 -35
  18. package/lib/components/avatar/avatar.visual.test.ts +0 -50
  19. package/lib/components/award-bling/award-bling.a11y.test.ts +0 -15
  20. package/lib/components/award-bling/award-bling.visual.test.ts +0 -24
  21. package/lib/components/badge/badge.a11y.test.ts +0 -143
  22. package/lib/components/badge/badge.visual.test.ts +0 -165
  23. package/lib/components/banner/banner.a11y.test.ts +0 -36
  24. package/lib/components/banner/banner.test.ts +0 -73
  25. package/lib/components/banner/banner.visual.test.ts +0 -36
  26. package/lib/components/block-link/block-link.a11y.test.ts +0 -57
  27. package/lib/components/block-link/block-link.visual.test.ts +0 -57
  28. package/lib/components/breadcrumbs/breadcrumbs.a11y.test.ts +0 -36
  29. package/lib/components/breadcrumbs/breadcrumbs.visual.test.ts +0 -36
  30. package/lib/components/button/button.a11y.test.ts +0 -21
  31. package/lib/components/button/button.test.setup.ts +0 -36
  32. package/lib/components/button/button.visual.test.ts +0 -18
  33. package/lib/components/button-group/button-group.a11y.test.ts +0 -12
  34. package/lib/components/button-group/button-group.test.setup.ts +0 -77
  35. package/lib/components/button-group/button-group.visual.test.ts +0 -7
  36. package/lib/components/card/card.a11y.test.ts +0 -12
  37. package/lib/components/card/card.visual.test.ts +0 -52
  38. package/lib/components/check-control/check-control.a11y.test.ts +0 -33
  39. package/lib/components/check-control/check-control.visual.test.ts +0 -36
  40. package/lib/components/check-group/check-group.a11y.test.ts +0 -49
  41. package/lib/components/check-group/check-group.visual.test.ts +0 -56
  42. package/lib/components/checkbox_radio/checkbox_radio.a11y.test.ts +0 -37
  43. package/lib/components/checkbox_radio/checkbox_radio.visual.test.ts +0 -33
  44. package/lib/components/code-block/code-block.a11y.test.ts +0 -27
  45. package/lib/components/code-block/code-block.visual.test.ts +0 -18
  46. package/lib/components/description/description.a11y.test.ts +0 -28
  47. package/lib/components/description/description.visual.test.ts +0 -28
  48. package/lib/components/empty-state/empty-state.a11y.test.ts +0 -16
  49. package/lib/components/empty-state/empty-state.visual.test.ts +0 -16
  50. package/lib/components/expandable/expandable.a11y.test.ts +0 -26
  51. package/lib/components/expandable/expandable.test.ts +0 -51
  52. package/lib/components/expandable/expandable.visual.test.ts +0 -26
  53. package/lib/components/input-fill/input-fill.a11y.test.ts +0 -21
  54. package/lib/components/input-fill/input-fill.visual.test.ts +0 -21
  55. package/lib/components/input-icon/input-icon.a11y.test.ts +0 -81
  56. package/lib/components/input-icon/input-icon.visual.test.ts +0 -92
  57. package/lib/components/input-message/input-message.a11y.test.ts +0 -57
  58. package/lib/components/input-message/input-message.visual.test.ts +0 -58
  59. package/lib/components/input_textarea/input_textarea.a11y.test.ts +0 -109
  60. package/lib/components/input_textarea/input_textarea.visual.test.ts +0 -95
  61. package/lib/components/label/label.a11y.test.ts +0 -47
  62. package/lib/components/label/label.visual.test.ts +0 -65
  63. package/lib/components/link/link.a11y.test.ts +0 -27
  64. package/lib/components/link/link.visual.test.ts +0 -31
  65. package/lib/components/link-preview/link-preview.a11y.test.ts +0 -47
  66. package/lib/components/link-preview/link-preview.visual.test.ts +0 -52
  67. package/lib/components/menu/menu.a11y.test.ts +0 -39
  68. package/lib/components/menu/menu.visual.test.ts +0 -39
  69. package/lib/components/modal/modal.a11y.test.ts +0 -41
  70. package/lib/components/modal/modal.test.ts +0 -155
  71. package/lib/components/modal/modal.visual.test.ts +0 -41
  72. package/lib/components/navigation/navigation.a11y.test.ts +0 -81
  73. package/lib/components/navigation/navigation.visual.test.ts +0 -98
  74. package/lib/components/notice/notice.a11y.test.ts +0 -16
  75. package/lib/components/notice/notice.visual.test.ts +0 -25
  76. package/lib/components/page-title/page-title.a11y.test.ts +0 -28
  77. package/lib/components/page-title/page-title.visual.test.ts +0 -58
  78. package/lib/components/pagination/pagination.a11y.test.ts +0 -21
  79. package/lib/components/pagination/pagination.visual.test.ts +0 -25
  80. package/lib/components/popover/tooltip.test.ts +0 -62
  81. package/lib/components/post-summary/post-summary.a11y.test.ts +0 -25
  82. package/lib/components/post-summary/post-summary.test.setup.ts +0 -435
  83. package/lib/components/post-summary/post-summary.visual.test.ts +0 -17
  84. package/lib/components/progress-bar/progress-bar.a11y.test.ts +0 -189
  85. package/lib/components/progress-bar/progress-bar.visual.test.ts +0 -188
  86. package/lib/components/select/select.a11y.test.ts +0 -72
  87. package/lib/components/select/select.visual.test.ts +0 -72
  88. package/lib/components/spinner/spinner.a11y.test.ts +0 -14
  89. package/lib/components/spinner/spinner.visual.test.ts +0 -40
  90. package/lib/components/table/table.a11y.test.ts +0 -112
  91. package/lib/components/table/table.test.ts +0 -366
  92. package/lib/components/table/table.visual.test.ts +0 -104
  93. package/lib/components/tag/tag.a11y.test.ts +0 -28
  94. package/lib/components/tag/tag.visual.test.ts +0 -43
  95. package/lib/components/toast/toast.a11y.test.ts +0 -29
  96. package/lib/components/toast/toast.test.ts +0 -64
  97. package/lib/components/toast/toast.visual.test.ts +0 -30
  98. package/lib/components/toggle-switch/toggle-switch.a11y.test.ts +0 -66
  99. package/lib/components/toggle-switch/toggle-switch.visual.test.ts +0 -70
  100. package/lib/components/topbar/topbar.visual.test.ts +0 -217
  101. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +0 -558
  102. package/lib/exports/__snapshots__/color.less.test.ts.snap +0 -819
  103. package/lib/exports/color-mixins.less.test.ts +0 -150
  104. package/lib/exports/color.less.test.ts +0 -12
@@ -1,893 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`atomic: misc > should output all atomic css classes 1`] = `
4
- ".d-block {
5
- display: block !important;
6
- }
7
-
8
- .d-flex {
9
- display: flex !important;
10
- }
11
-
12
- .d-inline-flex {
13
- display: inline-flex !important;
14
- }
15
-
16
- .d-grid {
17
- display: grid !important;
18
- }
19
-
20
- .d-inline-grid {
21
- display: inline-grid !important;
22
- }
23
-
24
- .d-inline {
25
- display: inline !important;
26
- }
27
-
28
- .d-inline-block {
29
- display: inline-block !important;
30
- }
31
-
32
- .d-table {
33
- display: table !important;
34
- }
35
-
36
- .d-table-cell {
37
- display: table-cell !important;
38
- }
39
-
40
- .d-none {
41
- display: none !important;
42
- }
43
-
44
- .d-unset {
45
- display: unset !important;
46
- }
47
-
48
- .bg-bottom {
49
- background-position: bottom !important;
50
- }
51
-
52
- .bg-center {
53
- background-position: center !important;
54
- }
55
-
56
- .bg-left {
57
- background-position: left !important;
58
- }
59
-
60
- .bg-left-bottom {
61
- background-position: left bottom !important;
62
- }
63
-
64
- .bg-left-top {
65
- background-position: left top !important;
66
- }
67
-
68
- .bg-right {
69
- background-position: right !important;
70
- }
71
-
72
- .bg-right-bottom {
73
- background-position: right bottom !important;
74
- }
75
-
76
- .bg-right-top {
77
- background-position: right top !important;
78
- }
79
-
80
- .bg-top {
81
- background-position: top !important;
82
- }
83
-
84
- .bg-repeat {
85
- background-repeat: repeat !important;
86
- }
87
-
88
- .bg-no-repeat {
89
- background-repeat: no-repeat !important;
90
- }
91
-
92
- .bg-repeat-x {
93
- background-repeat: repeat-x !important;
94
- }
95
-
96
- .bg-repeat-y {
97
- background-repeat: repeat-y !important;
98
- }
99
-
100
- .bg-auto {
101
- background-size: auto !important;
102
- }
103
-
104
- .bg-cover {
105
- background-size: cover !important;
106
- }
107
-
108
- .bg-contain {
109
- background-size: contain !important;
110
- }
111
-
112
- .bg-fixed {
113
- background-attachment: fixed !important;
114
- }
115
-
116
- .bg-local {
117
- background-attachment: local !important;
118
- }
119
-
120
- .bg-scroll {
121
- background-attachment: scroll !important;
122
- }
123
-
124
- .bg-image-none {
125
- background-image: none !important;
126
- }
127
-
128
- .bg-confetti-animated {
129
- background-repeat: repeat-x;
130
- background-position: top -10px center;
131
- background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
132
- }
133
-
134
- @media (prefers-reduced-motion) {
135
- .bg-confetti-animated {
136
- background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
137
- }
138
- }
139
-
140
- .bg-confetti-static {
141
- background-repeat: repeat-x;
142
- background-position: top -10px center;
143
- background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
144
- }
145
-
146
- .focus,
147
- .f\\:focus:focus,
148
- .f\\:focus:focus-within {
149
- box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
150
- outline: var(--su-static2) solid transparent !important;
151
- }
152
-
153
- .focus-inset,
154
- .f\\:focus-inset:focus,
155
- .f\\:focus-inset:focus-within {
156
- box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
157
- outline: var(--su-static2) solid transparent !important;
158
- }
159
-
160
- .focus-bordered,
161
- .f\\:focus-bordered:focus,
162
- .f\\:focus-bordered:focus-within {
163
- border-color: var(--focus-neutral) !important;
164
- box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);
165
- outline: var(--su-static2) solid transparent !important;
166
- }
167
-
168
- .focus-inset-bordered,
169
- .f\\:focus-inset-bordered:focus,
170
- .f\\:focus-inset-bordered:focus-within {
171
- border-color: var(--focus-theme) !important;
172
- box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
173
- outline: var(--su-static2) solid transparent !important;
174
- }
175
-
176
- .of-contain {
177
- object-fit: contain !important;
178
- }
179
-
180
- .of-cover {
181
- object-fit: cover !important;
182
- }
183
-
184
- .of-fill {
185
- object-fit: fill !important;
186
- }
187
-
188
- .of-none {
189
- object-fit: none !important;
190
- }
191
-
192
- .of-scale-down {
193
- object-fit: scale-down !important;
194
- }
195
-
196
- .op-center {
197
- object-position: center !important;
198
- }
199
-
200
- .c-auto {
201
- cursor: auto !important;
202
- }
203
-
204
- .c-default {
205
- cursor: default !important;
206
- }
207
-
208
- .c-pointer {
209
- cursor: pointer !important;
210
- }
211
-
212
- .c-text {
213
- cursor: text !important;
214
- }
215
-
216
- .c-wait {
217
- cursor: wait !important;
218
- }
219
-
220
- .c-move {
221
- cursor: move !important;
222
- }
223
-
224
- .c-not-allowed {
225
- cursor: not-allowed !important;
226
- }
227
-
228
- .c-help {
229
- cursor: help !important;
230
- }
231
-
232
- .pe-auto {
233
- pointer-events: auto !important;
234
- }
235
-
236
- .pe-none {
237
- pointer-events: none !important;
238
- }
239
-
240
- .us-auto {
241
- -webkit-user-select: auto !important;
242
- -moz-user-select: auto !important;
243
- -ms-user-select: auto !important;
244
- user-select: auto !important;
245
- }
246
-
247
- .us-none {
248
- -webkit-user-select: none !important;
249
- -moz-user-select: none !important;
250
- -ms-user-select: none !important;
251
- user-select: none !important;
252
- }
253
-
254
- .ud-auto {
255
- -webkit-user-drag: auto !important;
256
- -moz-user-drag: auto !important;
257
- -ms-user-drag: auto !important;
258
- }
259
-
260
- .ud-none {
261
- -webkit-user-drag: none !important;
262
- -moz-user-drag: none !important;
263
- -ms-user-drag: none !important;
264
- }
265
-
266
- .v-visible {
267
- visibility: visible !important;
268
- }
269
-
270
- .v-hidden {
271
- visibility: hidden !important;
272
- }
273
-
274
- .v-visible-sr {
275
- border: 0;
276
- clip: rect(var(--su-static1), var(--su-static1), var(--su-static1), var(--su-static1));
277
- clip-path: inset(50%);
278
- height: var(--su-static1);
279
- margin: calc(var(--su-static1) * -1);
280
- overflow: hidden;
281
- padding: 0;
282
- position: absolute;
283
- width: var(--su-static1);
284
- overflow-wrap: normal;
285
- }
286
-
287
- .float-left {
288
- float: left !important;
289
- }
290
-
291
- .float-right {
292
- float: right !important;
293
- }
294
-
295
- .float-none {
296
- float: none !important;
297
- }
298
-
299
- .clearfix:before,
300
- .clearfix:after {
301
- content: "";
302
- display: table;
303
- }
304
-
305
- .clearfix:after {
306
- clear: both;
307
- }
308
-
309
- .clear-left {
310
- clear: left !important;
311
- }
312
-
313
- .clear-right {
314
- clear: right !important;
315
- }
316
-
317
- .clear-both {
318
- clear: both !important;
319
- }
320
-
321
- .clear-none {
322
- clear: none !important;
323
- }
324
-
325
- .box-content {
326
- box-sizing: content-box !important;
327
- }
328
-
329
- .box-border {
330
- box-sizing: border-box !important;
331
- }
332
-
333
- .box-unset {
334
- box-sizing: unset !important;
335
- }
336
-
337
- .va-baseline {
338
- vertical-align: baseline !important;
339
- }
340
-
341
- .va-bottom {
342
- vertical-align: bottom !important;
343
- }
344
-
345
- .va-middle {
346
- vertical-align: middle !important;
347
- }
348
-
349
- .va-sub {
350
- vertical-align: sub !important;
351
- }
352
-
353
- .va-super {
354
- vertical-align: super !important;
355
- }
356
-
357
- .va-text-bottom {
358
- vertical-align: text-bottom !important;
359
- }
360
-
361
- .va-text-top {
362
- vertical-align: text-top !important;
363
- }
364
-
365
- .va-top {
366
- vertical-align: top !important;
367
- }
368
-
369
- .va-unset {
370
- vertical-align: unset !important;
371
- }
372
-
373
- .ps-absolute {
374
- position: absolute !important;
375
- }
376
-
377
- .ps-fixed {
378
- position: fixed !important;
379
- }
380
-
381
- .ps-relative {
382
- position: relative !important;
383
- }
384
-
385
- .ps-static {
386
- position: static !important;
387
- }
388
-
389
- .ps-sticky {
390
- position: sticky !important;
391
- }
392
-
393
- .ps-unset {
394
- position: unset !important;
395
- }
396
-
397
- .overflow-auto {
398
- overflow: auto !important;
399
- scrollbar-color: var(--scrollbar) transparent;
400
- }
401
-
402
- .overflow-auto::-webkit-scrollbar {
403
- width: calc(var(--su-static12) - var(--su-static2));
404
- height: calc(var(--su-static12) - var(--su-static2));
405
- background-color: transparent;
406
- }
407
-
408
- .overflow-auto::-webkit-scrollbar-track {
409
- border-radius: calc(var(--su-static12) - var(--su-static2));
410
- background-color: transparent;
411
- }
412
-
413
- .overflow-auto::-webkit-scrollbar-thumb {
414
- border-radius: calc(var(--su-static12) - var(--su-static2));
415
- background-color: var(--scrollbar);
416
- }
417
-
418
- .overflow-auto::-webkit-scrollbar-corner {
419
- background-color: transparent;
420
- border-color: transparent;
421
- }
422
-
423
- .overflow-x-auto {
424
- overflow-x: auto !important;
425
- scrollbar-color: var(--scrollbar) transparent;
426
- }
427
-
428
- .overflow-x-auto::-webkit-scrollbar {
429
- width: calc(var(--su-static12) - var(--su-static2));
430
- height: calc(var(--su-static12) - var(--su-static2));
431
- background-color: transparent;
432
- }
433
-
434
- .overflow-x-auto::-webkit-scrollbar-track {
435
- border-radius: calc(var(--su-static12) - var(--su-static2));
436
- background-color: transparent;
437
- }
438
-
439
- .overflow-x-auto::-webkit-scrollbar-thumb {
440
- border-radius: calc(var(--su-static12) - var(--su-static2));
441
- background-color: var(--scrollbar);
442
- }
443
-
444
- .overflow-x-auto::-webkit-scrollbar-corner {
445
- background-color: transparent;
446
- border-color: transparent;
447
- }
448
-
449
- .overflow-y-auto {
450
- overflow-y: auto !important;
451
- scrollbar-color: var(--scrollbar) transparent;
452
- }
453
-
454
- .overflow-y-auto::-webkit-scrollbar {
455
- width: calc(var(--su-static12) - var(--su-static2));
456
- height: calc(var(--su-static12) - var(--su-static2));
457
- background-color: transparent;
458
- }
459
-
460
- .overflow-y-auto::-webkit-scrollbar-track {
461
- border-radius: calc(var(--su-static12) - var(--su-static2));
462
- background-color: transparent;
463
- }
464
-
465
- .overflow-y-auto::-webkit-scrollbar-thumb {
466
- border-radius: calc(var(--su-static12) - var(--su-static2));
467
- background-color: var(--scrollbar);
468
- }
469
-
470
- .overflow-y-auto::-webkit-scrollbar-corner {
471
- background-color: transparent;
472
- border-color: transparent;
473
- }
474
-
475
- .overflow-hidden {
476
- overflow: hidden !important;
477
- scrollbar-color: var(--scrollbar) transparent;
478
- }
479
-
480
- .overflow-hidden::-webkit-scrollbar {
481
- width: calc(var(--su-static12) - var(--su-static2));
482
- height: calc(var(--su-static12) - var(--su-static2));
483
- background-color: transparent;
484
- }
485
-
486
- .overflow-hidden::-webkit-scrollbar-track {
487
- border-radius: calc(var(--su-static12) - var(--su-static2));
488
- background-color: transparent;
489
- }
490
-
491
- .overflow-hidden::-webkit-scrollbar-thumb {
492
- border-radius: calc(var(--su-static12) - var(--su-static2));
493
- background-color: var(--scrollbar);
494
- }
495
-
496
- .overflow-hidden::-webkit-scrollbar-corner {
497
- background-color: transparent;
498
- border-color: transparent;
499
- }
500
-
501
- .overflow-x-hidden {
502
- overflow-x: hidden !important;
503
- scrollbar-color: var(--scrollbar) transparent;
504
- }
505
-
506
- .overflow-x-hidden::-webkit-scrollbar {
507
- width: calc(var(--su-static12) - var(--su-static2));
508
- height: calc(var(--su-static12) - var(--su-static2));
509
- background-color: transparent;
510
- }
511
-
512
- .overflow-x-hidden::-webkit-scrollbar-track {
513
- border-radius: calc(var(--su-static12) - var(--su-static2));
514
- background-color: transparent;
515
- }
516
-
517
- .overflow-x-hidden::-webkit-scrollbar-thumb {
518
- border-radius: calc(var(--su-static12) - var(--su-static2));
519
- background-color: var(--scrollbar);
520
- }
521
-
522
- .overflow-x-hidden::-webkit-scrollbar-corner {
523
- background-color: transparent;
524
- border-color: transparent;
525
- }
526
-
527
- .overflow-y-hidden {
528
- overflow-y: hidden !important;
529
- scrollbar-color: var(--scrollbar) transparent;
530
- }
531
-
532
- .overflow-y-hidden::-webkit-scrollbar {
533
- width: calc(var(--su-static12) - var(--su-static2));
534
- height: calc(var(--su-static12) - var(--su-static2));
535
- background-color: transparent;
536
- }
537
-
538
- .overflow-y-hidden::-webkit-scrollbar-track {
539
- border-radius: calc(var(--su-static12) - var(--su-static2));
540
- background-color: transparent;
541
- }
542
-
543
- .overflow-y-hidden::-webkit-scrollbar-thumb {
544
- border-radius: calc(var(--su-static12) - var(--su-static2));
545
- background-color: var(--scrollbar);
546
- }
547
-
548
- .overflow-y-hidden::-webkit-scrollbar-corner {
549
- background-color: transparent;
550
- border-color: transparent;
551
- }
552
-
553
- .overflow-scroll {
554
- overflow: scroll !important;
555
- scrollbar-color: var(--scrollbar) transparent;
556
- }
557
-
558
- .overflow-scroll::-webkit-scrollbar {
559
- width: calc(var(--su-static12) - var(--su-static2));
560
- height: calc(var(--su-static12) - var(--su-static2));
561
- background-color: transparent;
562
- }
563
-
564
- .overflow-scroll::-webkit-scrollbar-track {
565
- border-radius: calc(var(--su-static12) - var(--su-static2));
566
- background-color: transparent;
567
- }
568
-
569
- .overflow-scroll::-webkit-scrollbar-thumb {
570
- border-radius: calc(var(--su-static12) - var(--su-static2));
571
- background-color: var(--scrollbar);
572
- }
573
-
574
- .overflow-scroll::-webkit-scrollbar-corner {
575
- background-color: transparent;
576
- border-color: transparent;
577
- }
578
-
579
- .overflow-x-scroll {
580
- overflow-x: scroll !important;
581
- scrollbar-color: var(--scrollbar) transparent;
582
- }
583
-
584
- .overflow-x-scroll::-webkit-scrollbar {
585
- width: calc(var(--su-static12) - var(--su-static2));
586
- height: calc(var(--su-static12) - var(--su-static2));
587
- background-color: transparent;
588
- }
589
-
590
- .overflow-x-scroll::-webkit-scrollbar-track {
591
- border-radius: calc(var(--su-static12) - var(--su-static2));
592
- background-color: transparent;
593
- }
594
-
595
- .overflow-x-scroll::-webkit-scrollbar-thumb {
596
- border-radius: calc(var(--su-static12) - var(--su-static2));
597
- background-color: var(--scrollbar);
598
- }
599
-
600
- .overflow-x-scroll::-webkit-scrollbar-corner {
601
- background-color: transparent;
602
- border-color: transparent;
603
- }
604
-
605
- .overflow-y-scroll {
606
- overflow-y: scroll !important;
607
- scrollbar-color: var(--scrollbar) transparent;
608
- }
609
-
610
- .overflow-y-scroll::-webkit-scrollbar {
611
- width: calc(var(--su-static12) - var(--su-static2));
612
- height: calc(var(--su-static12) - var(--su-static2));
613
- background-color: transparent;
614
- }
615
-
616
- .overflow-y-scroll::-webkit-scrollbar-track {
617
- border-radius: calc(var(--su-static12) - var(--su-static2));
618
- background-color: transparent;
619
- }
620
-
621
- .overflow-y-scroll::-webkit-scrollbar-thumb {
622
- border-radius: calc(var(--su-static12) - var(--su-static2));
623
- background-color: var(--scrollbar);
624
- }
625
-
626
- .overflow-y-scroll::-webkit-scrollbar-corner {
627
- background-color: transparent;
628
- border-color: transparent;
629
- }
630
-
631
- .overflow-visible {
632
- overflow: visible !important;
633
- }
634
-
635
- .o0 {
636
- opacity: 0 !important;
637
- }
638
-
639
- .h\\:o0:hover {
640
- opacity: 0 !important;
641
- }
642
-
643
- .o5 {
644
- opacity: 0.05 !important;
645
- }
646
-
647
- .h\\:o5:hover {
648
- opacity: 0.05 !important;
649
- }
650
-
651
- .o10 {
652
- opacity: 0.1 !important;
653
- }
654
-
655
- .o20 {
656
- opacity: 0.2 !important;
657
- }
658
-
659
- .o30 {
660
- opacity: 0.3 !important;
661
- }
662
-
663
- .o40 {
664
- opacity: 0.4 !important;
665
- }
666
-
667
- .o50 {
668
- opacity: 0.5 !important;
669
- }
670
-
671
- .h\\:o50:hover {
672
- opacity: 0.5 !important;
673
- }
674
-
675
- .o60 {
676
- opacity: 0.6 !important;
677
- }
678
-
679
- .o70 {
680
- opacity: 0.7 !important;
681
- }
682
-
683
- .o80 {
684
- opacity: 0.8 !important;
685
- }
686
-
687
- .h\\:o80:hover {
688
- opacity: 0.8 !important;
689
- }
690
-
691
- .o90 {
692
- opacity: 0.9 !important;
693
- }
694
-
695
- .o100 {
696
- opacity: 1 !important;
697
- }
698
-
699
- .h\\:o100:hover {
700
- opacity: 1 !important;
701
- }
702
-
703
- .f\\:o100:focus,
704
- .f\\:o100:focus-within {
705
- opacity: 1 !important;
706
- }
707
-
708
- .z-hide {
709
- z-index: var(--zi-hide) !important;
710
- }
711
-
712
- .z-base {
713
- z-index: var(--zi-base) !important;
714
- }
715
-
716
- .z-active {
717
- z-index: var(--zi-active) !important;
718
- }
719
-
720
- .z-selected {
721
- z-index: var(--zi-selected) !important;
722
- }
723
-
724
- .z-dropdown {
725
- z-index: var(--zi-dropdown) !important;
726
- }
727
-
728
- .z-popover {
729
- z-index: var(--zi-popovers) !important;
730
- }
731
-
732
- .z-tooltip {
733
- z-index: var(--zi-tooltips) !important;
734
- }
735
-
736
- .z-banner {
737
- z-index: var(--zi-banners) !important;
738
- }
739
-
740
- .z-nav {
741
- z-index: var(--zi-navigation) !important;
742
- }
743
-
744
- .z-nav-fixed {
745
- z-index: var(--zi-navigation-fixed) !important;
746
- }
747
-
748
- .z-modal {
749
- z-index: var(--zi-modals) !important;
750
- }
751
-
752
- .z-modal-bg {
753
- z-index: var(--zi-modals-background) !important;
754
- }
755
-
756
- .outline-none {
757
- outline: 0 !important;
758
- }
759
-
760
- .outline-ring {
761
- outline: solid var(--su-static4) var(--translucent-secondary);
762
- }
763
-
764
- .f\\:outline-ring:focus,
765
- .f\\:outline-ring:focus-within {
766
- outline: solid var(--su-static4) var(--translucent-secondary);
767
- }
768
-
769
- .fill-current {
770
- fill: currentColor !important;
771
- }
772
-
773
- .stroke-current {
774
- stroke: currentColor !important;
775
- }
776
-
777
- .bs-none {
778
- box-shadow: none !important;
779
- }
780
-
781
- .bs-sm {
782
- box-shadow: var(--bs-sm) !important;
783
- }
784
-
785
- .h\\:bs-sm:hover {
786
- box-shadow: var(--bs-sm) !important;
787
- }
788
-
789
- .bs-md {
790
- box-shadow: var(--bs-md) !important;
791
- }
792
-
793
- .h\\:bs-md:hover {
794
- box-shadow: var(--bs-md) !important;
795
- }
796
-
797
- .bs-lg {
798
- box-shadow: var(--bs-lg) !important;
799
- }
800
-
801
- .h\\:bs-lg:hover {
802
- box-shadow: var(--bs-lg) !important;
803
- }
804
-
805
- .bs-xl {
806
- box-shadow: var(--bs-xl) !important;
807
- }
808
-
809
- .bs-ring {
810
- box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
811
- }
812
-
813
- .h\\:bs-ring:hover {
814
- box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
815
- }
816
-
817
- .f\\:bs-ring:focus,
818
- .f\\:bs-ring:focus-within {
819
- box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
820
- }
821
-
822
- .bs-sm.bs-hover:hover {
823
- box-shadow: 0 var(--su-static2) var(--su-static8) hsl(210, 8%, 95%) !important;
824
- }
825
-
826
- .bs-md.bs-hover:hover {
827
- box-shadow: 0 var(--su-static4) var(--su-static8) hsl(210, 8%, 85%) !important;
828
- }
829
-
830
- .bs-lg.bs-hover:hover {
831
- box-shadow: 0 var(--su-static4) var(--su-static12) hsla(210, 8%, 68%, 0.7) !important;
832
- }
833
-
834
- .bs-i-sm.bs-hover:hover {
835
- box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 9%, 75%, 0.75) !important;
836
- }
837
-
838
- .bs-i-md.bs-hover:hover {
839
- box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 8%, 68%, 0.8) !important;
840
- }
841
-
842
- .bs-i-lg.bs-hover:hover {
843
- box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 hsl(210, 8%, 68%) !important;
844
- }
845
-
846
- .t {
847
- transition-duration: var(--transition-time);
848
- transition-property: all;
849
- transition-timing-function: var(--te-ease-in);
850
- transition-delay: 0s;
851
- }
852
-
853
- .t-slow {
854
- transition-duration: 0.25s !important;
855
- }
856
-
857
- .t-fast {
858
- transition-duration: 0.05s !important;
859
- }
860
-
861
- .t-unset {
862
- transition-property: none !important;
863
- }
864
-
865
- .t-bg {
866
- transition-property: background-color !important;
867
- }
868
-
869
- .t-opacity {
870
- transition-property: opacity !important;
871
- }
872
-
873
- .t-shadow {
874
- transition-property: box-shadow !important;
875
- }
876
-
877
- .t-delay {
878
- transition-delay: 0.25s !important;
879
- }
880
-
881
- .t-delay-unset {
882
- transition-delay: 0s !important;
883
- }
884
-
885
- .tl-fixed {
886
- table-layout: fixed !important;
887
- }
888
-
889
- .tl-auto {
890
- table-layout: auto !important;
891
- }
892
- "
893
- `;