@prom-ui/core 2.2.0 → 2.3.0

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 (189) hide show
  1. package/Avatar/cjs/style.development.css +85 -1
  2. package/Avatar/cjs/style.development.v2.css +85 -1
  3. package/Avatar/package.json +1 -1
  4. package/Backdrop/cjs/style.development.css +46 -1
  5. package/Backdrop/cjs/style.development.v2.css +46 -1
  6. package/Backdrop/package.json +1 -1
  7. package/Badge/cjs/style.development.css +85 -1
  8. package/Badge/cjs/style.development.v2.css +85 -1
  9. package/Badge/package.json +1 -1
  10. package/Body/cjs/style.development.css +865 -1
  11. package/Body/cjs/style.development.v2.css +865 -1
  12. package/Body/cjs/style.production.css +1 -1
  13. package/Body/cjs/style.production.v2.css +1 -1
  14. package/Body/index.d.ts +9 -8
  15. package/Body/package.json +1 -1
  16. package/BodyProvider/package.json +1 -1
  17. package/BodyScrollLock/cjs/style.development.css +15 -1
  18. package/BodyScrollLock/cjs/style.development.v2.css +15 -1
  19. package/BodyScrollLock/package.json +1 -1
  20. package/Box/cjs/style.development.css +17358 -1
  21. package/Box/cjs/style.development.v2.css +17358 -1
  22. package/Box/cjs/style.production.css +1 -1
  23. package/Box/cjs/style.production.v2.css +1 -1
  24. package/Box/index.d.ts +16 -15
  25. package/Box/package.json +1 -1
  26. package/Button/cjs/index.development.js +15 -15
  27. package/Button/cjs/index.development.v2.js +15 -15
  28. package/Button/cjs/index.production.js +1 -1
  29. package/Button/cjs/index.production.v2.js +1 -1
  30. package/Button/cjs/style.development.css +7552 -1
  31. package/Button/cjs/style.development.v2.css +7552 -1
  32. package/Button/cjs/style.production.css +1 -1
  33. package/Button/cjs/style.production.v2.css +1 -1
  34. package/Button/index.d.ts +11 -10
  35. package/Button/package.json +1 -1
  36. package/ButtonPageUp/cjs/style.development.css +5 -1
  37. package/ButtonPageUp/cjs/style.development.v2.css +5 -1
  38. package/ButtonPageUp/package.json +1 -1
  39. package/Checkbox/cjs/style.development.css +171 -1
  40. package/Checkbox/cjs/style.development.v2.css +171 -1
  41. package/Checkbox/cjs/style.production.css +1 -1
  42. package/Checkbox/cjs/style.production.v2.css +1 -1
  43. package/Checkbox/package.json +1 -1
  44. package/ColorScheme/cjs/style.development.css +3 -1
  45. package/ColorScheme/cjs/style.development.v2.css +3 -1
  46. package/ColorScheme/package.json +1 -1
  47. package/ContextMenu/cjs/style.development.css +32 -1
  48. package/ContextMenu/cjs/style.development.v2.css +32 -1
  49. package/ContextMenu/package.json +1 -1
  50. package/ErrorCatch/cjs/style.development.css +34 -1
  51. package/ErrorCatch/cjs/style.development.v2.css +34 -1
  52. package/ErrorCatch/package.json +1 -1
  53. package/Flex/cjs/style.development.css +786 -1
  54. package/Flex/cjs/style.development.v2.css +786 -1
  55. package/Flex/index.d.ts +11 -10
  56. package/Flex/package.json +1 -1
  57. package/Grid/cjs/style.development.css +7439 -1
  58. package/Grid/cjs/style.development.v2.css +7439 -1
  59. package/Grid/cjs/style.production.css +1 -1
  60. package/Grid/cjs/style.production.v2.css +1 -1
  61. package/Grid/index.d.ts +14 -13
  62. package/Grid/package.json +1 -1
  63. package/Icon/cjs/style.development.css +67 -1
  64. package/Icon/cjs/style.development.v2.css +67 -1
  65. package/Icon/package.json +1 -1
  66. package/Image/cjs/style.development.css +969 -1
  67. package/Image/cjs/style.development.v2.css +969 -1
  68. package/Image/cjs/style.production.css +1 -1
  69. package/Image/cjs/style.production.v2.css +1 -1
  70. package/Image/index.d.ts +11 -11
  71. package/Image/package.json +1 -1
  72. package/ImageEmoji/package.json +1 -1
  73. package/Input/cjs/style.development.css +322 -1
  74. package/Input/cjs/style.development.v2.css +322 -1
  75. package/Input/package.json +1 -1
  76. package/InputField/cjs/style.development.css +53 -1
  77. package/InputField/cjs/style.development.v2.css +53 -1
  78. package/InputField/package.json +1 -1
  79. package/KeyPress/package.json +1 -1
  80. package/Label/cjs/style.development.css +50 -1
  81. package/Label/cjs/style.development.v2.css +50 -1
  82. package/Label/package.json +1 -1
  83. package/Line/cjs/index.development.js +1 -1
  84. package/Line/cjs/index.development.v2.js +1 -1
  85. package/Line/cjs/index.production.js +1 -1
  86. package/Line/cjs/index.production.v2.js +1 -1
  87. package/Line/cjs/style.development.css +193 -1
  88. package/Line/cjs/style.development.v2.css +193 -1
  89. package/Line/cjs/style.production.css +1 -1
  90. package/Line/cjs/style.production.v2.css +1 -1
  91. package/Line/index.d.ts +5 -4
  92. package/Line/package.json +1 -1
  93. package/Link/cjs/style.development.css +476 -1
  94. package/Link/cjs/style.development.v2.css +476 -1
  95. package/Link/cjs/style.production.css +1 -1
  96. package/Link/cjs/style.production.v2.css +1 -1
  97. package/Link/index.d.ts +9 -9
  98. package/Link/package.json +1 -1
  99. package/List/cjs/style.development.css +528 -1
  100. package/List/cjs/style.development.v2.css +528 -1
  101. package/List/cjs/style.production.css +1 -1
  102. package/List/cjs/style.production.v2.css +1 -1
  103. package/List/index.d.ts +6 -6
  104. package/List/package.json +1 -1
  105. package/Media/package.json +1 -1
  106. package/Modal/cjs/style.development.css +85 -1
  107. package/Modal/cjs/style.development.v2.css +85 -1
  108. package/Modal/package.json +1 -1
  109. package/OutsideClick/package.json +1 -1
  110. package/Overlay/cjs/style.development.css +305 -1
  111. package/Overlay/cjs/style.development.v2.css +305 -1
  112. package/Overlay/package.json +1 -1
  113. package/PhotoGallery/cjs/style.development.css +368 -1
  114. package/PhotoGallery/cjs/style.development.v2.css +368 -1
  115. package/PhotoGallery/cjs/style.production.css +1 -1
  116. package/PhotoGallery/cjs/style.production.v2.css +1 -1
  117. package/PhotoGallery/package.json +1 -1
  118. package/Picture/cjs/style.development.css +2406 -1
  119. package/Picture/cjs/style.development.v2.css +2406 -1
  120. package/Picture/cjs/style.production.css +1 -1
  121. package/Picture/cjs/style.production.v2.css +1 -1
  122. package/Picture/index.d.ts +8 -7
  123. package/Picture/package.json +1 -1
  124. package/Portal/package.json +1 -1
  125. package/Progress/cjs/style.development.css +43 -1
  126. package/Progress/cjs/style.development.v2.css +43 -1
  127. package/Progress/package.json +1 -1
  128. package/QRCode/cjs/style.development.css +3 -1
  129. package/QRCode/cjs/style.development.v2.css +3 -1
  130. package/QRCode/package.json +1 -1
  131. package/Rating/cjs/style.development.css +10 -1
  132. package/Rating/cjs/style.development.v2.css +10 -1
  133. package/Rating/package.json +1 -1
  134. package/RatingSelect/cjs/style.development.css +145 -1
  135. package/RatingSelect/cjs/style.development.v2.css +145 -1
  136. package/RatingSelect/package.json +1 -1
  137. package/Scroll/cjs/style.development.css +228 -1
  138. package/Scroll/cjs/style.development.v2.css +228 -1
  139. package/Scroll/package.json +1 -1
  140. package/ScrollControls/cjs/style.development.css +57 -1
  141. package/ScrollControls/cjs/style.development.v2.css +57 -1
  142. package/ScrollControls/package.json +1 -1
  143. package/SimpleSlider/cjs/style.development.css +196 -1
  144. package/SimpleSlider/cjs/style.development.v2.css +196 -1
  145. package/SimpleSlider/cjs/style.production.css +1 -1
  146. package/SimpleSlider/cjs/style.production.v2.css +1 -1
  147. package/SimpleSlider/package.json +1 -1
  148. package/Skeleton/cjs/style.development.css +96 -1
  149. package/Skeleton/cjs/style.development.v2.css +96 -1
  150. package/Skeleton/package.json +1 -1
  151. package/SnackBar/cjs/style.development.css +161 -1
  152. package/SnackBar/cjs/style.development.v2.css +161 -1
  153. package/SnackBar/cjs/style.production.css +1 -1
  154. package/SnackBar/cjs/style.production.v2.css +1 -1
  155. package/SnackBar/package.json +1 -1
  156. package/Spinner/cjs/style.development.css +56 -1
  157. package/Spinner/cjs/style.development.v2.css +56 -1
  158. package/Spinner/package.json +1 -1
  159. package/Text/cjs/style.development.css +1450 -1
  160. package/Text/cjs/style.development.v2.css +1450 -1
  161. package/Text/cjs/style.production.css +1 -1
  162. package/Text/cjs/style.production.v2.css +1 -1
  163. package/Text/index.d.ts +11 -10
  164. package/Text/package.json +1 -1
  165. package/TextEmoji/package.json +1 -1
  166. package/Tooltip/cjs/style.development.css +146 -1
  167. package/Tooltip/cjs/style.development.v2.css +146 -1
  168. package/Tooltip/package.json +1 -1
  169. package/Tumbler/cjs/style.development.css +155 -1
  170. package/Tumbler/cjs/style.development.v2.css +155 -1
  171. package/Tumbler/cjs/style.production.css +1 -1
  172. package/Tumbler/cjs/style.production.v2.css +1 -1
  173. package/Tumbler/package.json +1 -1
  174. package/Viewport/package.json +1 -1
  175. package/evokit/index.d.ts +2 -2
  176. package/evokit/package.json +1 -1
  177. package/evokit/types.d.ts +3 -2
  178. package/package.json +2 -2
  179. package/useBrowserLayoutEffect/package.json +1 -1
  180. package/useDebounce/package.json +1 -1
  181. package/useForwardRef/package.json +1 -1
  182. package/useInView/package.json +1 -1
  183. package/useIsMounted/package.json +1 -1
  184. package/useKeyPress/package.json +1 -1
  185. package/useMedia/package.json +1 -1
  186. package/useOutsideClick/package.json +1 -1
  187. package/usePortal/package.json +1 -1
  188. package/useScrollPosition/package.json +1 -1
  189. package/useSnackBar/package.json +1 -1
@@ -1 +1,145 @@
1
- .RatingSelect__root___8RSGF{display:inline-flex;vertical-align:top;font-size:1em;user-seelct:none;position:relative;-webkit-tap-highlight-color:transparent}.RatingSelect__label___FF3m3{transition:transform 100ms ease-in-out 0ms;transform-origin:center;color:var(--black-400);cursor:pointer}.RatingSelect__label___FF3m3:first-of-type{margin-left:-.125em}.RatingSelect__label___FF3m3:last-of-type{margin-right:-.125em}.RatingSelect__icon___1Zpyt{display:block;width:1.25em;height:1em;fill:currentColor;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:fill 100ms ease-in-out 0ms,color 100ms ease-in-out 0ms}.RatingSelect__input___25gdX{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.RatingSelect__input___25gdX:checked:nth-of-type(1)~.RatingSelect__label___FF3m3:nth-of-type(-n+1){color:var(--violet-500)}.RatingSelect__input___25gdX:checked:nth-of-type(1):disabled~.RatingSelect__label___FF3m3:nth-of-type(-n+1){color:var(--violet-200)}.RatingSelect__input___25gdX:checked:nth-of-type(2)~.RatingSelect__label___FF3m3:nth-of-type(-n+2){color:var(--violet-500)}.RatingSelect__input___25gdX:checked:nth-of-type(2):disabled~.RatingSelect__label___FF3m3:nth-of-type(-n+2){color:var(--violet-200)}.RatingSelect__input___25gdX:checked:nth-of-type(3)~.RatingSelect__label___FF3m3:nth-of-type(-n+3){color:var(--violet-500)}.RatingSelect__input___25gdX:checked:nth-of-type(3):disabled~.RatingSelect__label___FF3m3:nth-of-type(-n+3){color:var(--violet-200)}.RatingSelect__input___25gdX:checked:nth-of-type(4)~.RatingSelect__label___FF3m3:nth-of-type(-n+4){color:var(--violet-500)}.RatingSelect__input___25gdX:checked:nth-of-type(4):disabled~.RatingSelect__label___FF3m3:nth-of-type(-n+4){color:var(--violet-200)}.RatingSelect__input___25gdX:checked:nth-of-type(5)~.RatingSelect__label___FF3m3:nth-of-type(-n+5){color:var(--violet-500)}.RatingSelect__input___25gdX:checked:nth-of-type(5):disabled~.RatingSelect__label___FF3m3:nth-of-type(-n+5){color:var(--violet-200)}.RatingSelect__input___25gdX:disabled~.RatingSelect__label___FF3m3{pointer-events:none}.RatingSelect__input___25gdX:focus-visible:nth-of-type(1)~.RatingSelect__label___FF3m3:nth-of-type(1){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___25gdX:focus-visible:nth-of-type(2)~.RatingSelect__label___FF3m3:nth-of-type(2){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___25gdX:focus-visible:nth-of-type(3)~.RatingSelect__label___FF3m3:nth-of-type(3){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___25gdX:focus-visible:nth-of-type(4)~.RatingSelect__label___FF3m3:nth-of-type(4){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___25gdX:focus-visible:nth-of-type(5)~.RatingSelect__label___FF3m3:nth-of-type(5){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}@media (hover){.RatingSelect__hovered___DscdS:hover>.RatingSelect__input___25gdX:not(:disabled)~.RatingSelect__label___FF3m3{transform:scale(1)}.RatingSelect__hovered___DscdS:hover>.RatingSelect__input___25gdX:not(:disabled)~.RatingSelect__label___FF3m3:nth-of-type(n){color:var(--violet-500)}.RatingSelect__hovered___DscdS:hover>.RatingSelect__input___25gdX:not(:disabled)~.RatingSelect__label___FF3m3:hover{transform:scale(1.2)}.RatingSelect__hovered___DscdS:hover>.RatingSelect__input___25gdX:not(:disabled)~.RatingSelect__label___FF3m3:hover~.RatingSelect__label___FF3m3{color:var(--black-400)}}
1
+ .RatingSelect__root___8RSGF {
2
+ display: inline-flex;
3
+ vertical-align: top;
4
+ font-size: 1em;
5
+ user-seelct: none;
6
+ position: relative;
7
+ -webkit-tap-highlight-color: transparent;
8
+ }
9
+
10
+ .RatingSelect__label___FF3m3 {
11
+ transition: transform 100ms ease-in-out 0ms;
12
+ transform-origin: center;
13
+ color: var(--black-400);
14
+ cursor: pointer;
15
+ }
16
+
17
+ .RatingSelect__label___FF3m3:first-of-type {
18
+ margin-left: -0.125em;
19
+ }
20
+
21
+ .RatingSelect__label___FF3m3:last-of-type {
22
+ margin-right: -0.125em;
23
+ }
24
+
25
+ .RatingSelect__icon___1Zpyt {
26
+ display: block;
27
+ width: 1.25em;
28
+ height: 1em;
29
+ fill: currentColor;
30
+ flex-shrink: 0;
31
+ -webkit-user-select: none;
32
+ -moz-user-select: none;
33
+ user-select: none;
34
+ pointer-events: none;
35
+ transition:
36
+ fill 100ms ease-in-out 0ms,
37
+ color 100ms ease-in-out 0ms;
38
+ }
39
+
40
+ .RatingSelect__input___25gdX {
41
+ -webkit-appearance: none;
42
+ -moz-appearance: none;
43
+ appearance: none;
44
+ border: 0;
45
+ clip: rect(0 0 0 0);
46
+ height: 1px;
47
+ margin: -1px;
48
+ overflow: hidden;
49
+ padding: 0;
50
+ position: absolute;
51
+ white-space: nowrap;
52
+ width: 1px;
53
+ }
54
+
55
+ .RatingSelect__input___25gdX:checked:nth-of-type(1) ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 1) {
56
+ color: var(--violet-500);
57
+ }
58
+
59
+ .RatingSelect__input___25gdX:checked:nth-of-type(1):disabled ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 1) {
60
+ color: var(--violet-200);
61
+ }
62
+
63
+ .RatingSelect__input___25gdX:checked:nth-of-type(2) ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 2) {
64
+ color: var(--violet-500);
65
+ }
66
+
67
+ .RatingSelect__input___25gdX:checked:nth-of-type(2):disabled ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 2) {
68
+ color: var(--violet-200);
69
+ }
70
+
71
+ .RatingSelect__input___25gdX:checked:nth-of-type(3) ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 3) {
72
+ color: var(--violet-500);
73
+ }
74
+
75
+ .RatingSelect__input___25gdX:checked:nth-of-type(3):disabled ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 3) {
76
+ color: var(--violet-200);
77
+ }
78
+
79
+ .RatingSelect__input___25gdX:checked:nth-of-type(4) ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 4) {
80
+ color: var(--violet-500);
81
+ }
82
+
83
+ .RatingSelect__input___25gdX:checked:nth-of-type(4):disabled ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 4) {
84
+ color: var(--violet-200);
85
+ }
86
+
87
+ .RatingSelect__input___25gdX:checked:nth-of-type(5) ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 5) {
88
+ color: var(--violet-500);
89
+ }
90
+
91
+ .RatingSelect__input___25gdX:checked:nth-of-type(5):disabled ~ .RatingSelect__label___FF3m3:nth-of-type(-n + 5) {
92
+ color: var(--violet-200);
93
+ }
94
+
95
+ .RatingSelect__input___25gdX:disabled ~ .RatingSelect__label___FF3m3 {
96
+ pointer-events: none;
97
+ }
98
+
99
+ .RatingSelect__input___25gdX:focus-visible:nth-of-type(1) ~ .RatingSelect__label___FF3m3:nth-of-type(1) {
100
+ transform: scale(1.2);
101
+ outline: var(--pds-round-xxs) auto Highlight;
102
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
103
+ }
104
+
105
+ .RatingSelect__input___25gdX:focus-visible:nth-of-type(2) ~ .RatingSelect__label___FF3m3:nth-of-type(2) {
106
+ transform: scale(1.2);
107
+ outline: var(--pds-round-xxs) auto Highlight;
108
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
109
+ }
110
+
111
+ .RatingSelect__input___25gdX:focus-visible:nth-of-type(3) ~ .RatingSelect__label___FF3m3:nth-of-type(3) {
112
+ transform: scale(1.2);
113
+ outline: var(--pds-round-xxs) auto Highlight;
114
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
115
+ }
116
+
117
+ .RatingSelect__input___25gdX:focus-visible:nth-of-type(4) ~ .RatingSelect__label___FF3m3:nth-of-type(4) {
118
+ transform: scale(1.2);
119
+ outline: var(--pds-round-xxs) auto Highlight;
120
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
121
+ }
122
+
123
+ .RatingSelect__input___25gdX:focus-visible:nth-of-type(5) ~ .RatingSelect__label___FF3m3:nth-of-type(5) {
124
+ transform: scale(1.2);
125
+ outline: var(--pds-round-xxs) auto Highlight;
126
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
127
+ }
128
+
129
+ @media (hover) {
130
+ .RatingSelect__hovered___DscdS:hover > .RatingSelect__input___25gdX:not(:disabled) ~ .RatingSelect__label___FF3m3 {
131
+ transform: scale(1);
132
+ }
133
+
134
+ .RatingSelect__hovered___DscdS:hover > .RatingSelect__input___25gdX:not(:disabled) ~ .RatingSelect__label___FF3m3:nth-of-type(n) {
135
+ color: var(--violet-500);
136
+ }
137
+
138
+ .RatingSelect__hovered___DscdS:hover > .RatingSelect__input___25gdX:not(:disabled) ~ .RatingSelect__label___FF3m3:hover {
139
+ transform: scale(1.2);
140
+ }
141
+
142
+ .RatingSelect__hovered___DscdS:hover > .RatingSelect__input___25gdX:not(:disabled) ~ .RatingSelect__label___FF3m3:hover ~ .RatingSelect__label___FF3m3 {
143
+ color: var(--black-400);
144
+ }
145
+ }
@@ -1 +1,145 @@
1
- .RatingSelect__root___V-LdE{display:inline-flex;vertical-align:top;font-size:1em;user-seelct:none;position:relative;-webkit-tap-highlight-color:transparent}.RatingSelect__label___sgjOY{transition:transform 100ms ease-in-out 0ms;transform-origin:center;color:var(--black-400);cursor:pointer}.RatingSelect__label___sgjOY:first-of-type{margin-left:-.125em}.RatingSelect__label___sgjOY:last-of-type{margin-right:-.125em}.RatingSelect__icon___FTT2B{display:block;width:1.25em;height:1em;fill:currentColor;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:fill 100ms ease-in-out 0ms,color 100ms ease-in-out 0ms}.RatingSelect__input___DxUIq{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.RatingSelect__input___DxUIq:checked:nth-of-type(1)~.RatingSelect__label___sgjOY:nth-of-type(-n+1){color:var(--violet-500)}.RatingSelect__input___DxUIq:checked:nth-of-type(1):disabled~.RatingSelect__label___sgjOY:nth-of-type(-n+1){color:var(--violet-200)}.RatingSelect__input___DxUIq:checked:nth-of-type(2)~.RatingSelect__label___sgjOY:nth-of-type(-n+2){color:var(--violet-500)}.RatingSelect__input___DxUIq:checked:nth-of-type(2):disabled~.RatingSelect__label___sgjOY:nth-of-type(-n+2){color:var(--violet-200)}.RatingSelect__input___DxUIq:checked:nth-of-type(3)~.RatingSelect__label___sgjOY:nth-of-type(-n+3){color:var(--violet-500)}.RatingSelect__input___DxUIq:checked:nth-of-type(3):disabled~.RatingSelect__label___sgjOY:nth-of-type(-n+3){color:var(--violet-200)}.RatingSelect__input___DxUIq:checked:nth-of-type(4)~.RatingSelect__label___sgjOY:nth-of-type(-n+4){color:var(--violet-500)}.RatingSelect__input___DxUIq:checked:nth-of-type(4):disabled~.RatingSelect__label___sgjOY:nth-of-type(-n+4){color:var(--violet-200)}.RatingSelect__input___DxUIq:checked:nth-of-type(5)~.RatingSelect__label___sgjOY:nth-of-type(-n+5){color:var(--violet-500)}.RatingSelect__input___DxUIq:checked:nth-of-type(5):disabled~.RatingSelect__label___sgjOY:nth-of-type(-n+5){color:var(--violet-200)}.RatingSelect__input___DxUIq:disabled~.RatingSelect__label___sgjOY{pointer-events:none}.RatingSelect__input___DxUIq:focus-visible:nth-of-type(1)~.RatingSelect__label___sgjOY:nth-of-type(1){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___DxUIq:focus-visible:nth-of-type(2)~.RatingSelect__label___sgjOY:nth-of-type(2){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___DxUIq:focus-visible:nth-of-type(3)~.RatingSelect__label___sgjOY:nth-of-type(3){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___DxUIq:focus-visible:nth-of-type(4)~.RatingSelect__label___sgjOY:nth-of-type(4){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.RatingSelect__input___DxUIq:focus-visible:nth-of-type(5)~.RatingSelect__label___sgjOY:nth-of-type(5){transform:scale(1.2);outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}@media (hover){.RatingSelect__hovered___LD2kV:hover>.RatingSelect__input___DxUIq:not(:disabled)~.RatingSelect__label___sgjOY{transform:scale(1)}.RatingSelect__hovered___LD2kV:hover>.RatingSelect__input___DxUIq:not(:disabled)~.RatingSelect__label___sgjOY:nth-of-type(n){color:var(--violet-500)}.RatingSelect__hovered___LD2kV:hover>.RatingSelect__input___DxUIq:not(:disabled)~.RatingSelect__label___sgjOY:hover{transform:scale(1.2)}.RatingSelect__hovered___LD2kV:hover>.RatingSelect__input___DxUIq:not(:disabled)~.RatingSelect__label___sgjOY:hover~.RatingSelect__label___sgjOY{color:var(--black-400)}}
1
+ .RatingSelect__root___V-LdE {
2
+ display: inline-flex;
3
+ vertical-align: top;
4
+ font-size: 1em;
5
+ user-seelct: none;
6
+ position: relative;
7
+ -webkit-tap-highlight-color: transparent;
8
+ }
9
+
10
+ .RatingSelect__label___sgjOY {
11
+ transition: transform 100ms ease-in-out 0ms;
12
+ transform-origin: center;
13
+ color: var(--black-400);
14
+ cursor: pointer;
15
+ }
16
+
17
+ .RatingSelect__label___sgjOY:first-of-type {
18
+ margin-left: -0.125em;
19
+ }
20
+
21
+ .RatingSelect__label___sgjOY:last-of-type {
22
+ margin-right: -0.125em;
23
+ }
24
+
25
+ .RatingSelect__icon___FTT2B {
26
+ display: block;
27
+ width: 1.25em;
28
+ height: 1em;
29
+ fill: currentColor;
30
+ flex-shrink: 0;
31
+ -webkit-user-select: none;
32
+ -moz-user-select: none;
33
+ user-select: none;
34
+ pointer-events: none;
35
+ transition:
36
+ fill 100ms ease-in-out 0ms,
37
+ color 100ms ease-in-out 0ms;
38
+ }
39
+
40
+ .RatingSelect__input___DxUIq {
41
+ -webkit-appearance: none;
42
+ -moz-appearance: none;
43
+ appearance: none;
44
+ border: 0;
45
+ clip: rect(0 0 0 0);
46
+ height: 1px;
47
+ margin: -1px;
48
+ overflow: hidden;
49
+ padding: 0;
50
+ position: absolute;
51
+ white-space: nowrap;
52
+ width: 1px;
53
+ }
54
+
55
+ .RatingSelect__input___DxUIq:checked:nth-of-type(1) ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 1) {
56
+ color: var(--violet-500);
57
+ }
58
+
59
+ .RatingSelect__input___DxUIq:checked:nth-of-type(1):disabled ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 1) {
60
+ color: var(--violet-200);
61
+ }
62
+
63
+ .RatingSelect__input___DxUIq:checked:nth-of-type(2) ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 2) {
64
+ color: var(--violet-500);
65
+ }
66
+
67
+ .RatingSelect__input___DxUIq:checked:nth-of-type(2):disabled ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 2) {
68
+ color: var(--violet-200);
69
+ }
70
+
71
+ .RatingSelect__input___DxUIq:checked:nth-of-type(3) ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 3) {
72
+ color: var(--violet-500);
73
+ }
74
+
75
+ .RatingSelect__input___DxUIq:checked:nth-of-type(3):disabled ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 3) {
76
+ color: var(--violet-200);
77
+ }
78
+
79
+ .RatingSelect__input___DxUIq:checked:nth-of-type(4) ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 4) {
80
+ color: var(--violet-500);
81
+ }
82
+
83
+ .RatingSelect__input___DxUIq:checked:nth-of-type(4):disabled ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 4) {
84
+ color: var(--violet-200);
85
+ }
86
+
87
+ .RatingSelect__input___DxUIq:checked:nth-of-type(5) ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 5) {
88
+ color: var(--violet-500);
89
+ }
90
+
91
+ .RatingSelect__input___DxUIq:checked:nth-of-type(5):disabled ~ .RatingSelect__label___sgjOY:nth-of-type(-n + 5) {
92
+ color: var(--violet-200);
93
+ }
94
+
95
+ .RatingSelect__input___DxUIq:disabled ~ .RatingSelect__label___sgjOY {
96
+ pointer-events: none;
97
+ }
98
+
99
+ .RatingSelect__input___DxUIq:focus-visible:nth-of-type(1) ~ .RatingSelect__label___sgjOY:nth-of-type(1) {
100
+ transform: scale(1.2);
101
+ outline: var(--pds-round-xxs) auto Highlight;
102
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
103
+ }
104
+
105
+ .RatingSelect__input___DxUIq:focus-visible:nth-of-type(2) ~ .RatingSelect__label___sgjOY:nth-of-type(2) {
106
+ transform: scale(1.2);
107
+ outline: var(--pds-round-xxs) auto Highlight;
108
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
109
+ }
110
+
111
+ .RatingSelect__input___DxUIq:focus-visible:nth-of-type(3) ~ .RatingSelect__label___sgjOY:nth-of-type(3) {
112
+ transform: scale(1.2);
113
+ outline: var(--pds-round-xxs) auto Highlight;
114
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
115
+ }
116
+
117
+ .RatingSelect__input___DxUIq:focus-visible:nth-of-type(4) ~ .RatingSelect__label___sgjOY:nth-of-type(4) {
118
+ transform: scale(1.2);
119
+ outline: var(--pds-round-xxs) auto Highlight;
120
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
121
+ }
122
+
123
+ .RatingSelect__input___DxUIq:focus-visible:nth-of-type(5) ~ .RatingSelect__label___sgjOY:nth-of-type(5) {
124
+ transform: scale(1.2);
125
+ outline: var(--pds-round-xxs) auto Highlight;
126
+ outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
127
+ }
128
+
129
+ @media (hover) {
130
+ .RatingSelect__hovered___LD2kV:hover > .RatingSelect__input___DxUIq:not(:disabled) ~ .RatingSelect__label___sgjOY {
131
+ transform: scale(1);
132
+ }
133
+
134
+ .RatingSelect__hovered___LD2kV:hover > .RatingSelect__input___DxUIq:not(:disabled) ~ .RatingSelect__label___sgjOY:nth-of-type(n) {
135
+ color: var(--violet-500);
136
+ }
137
+
138
+ .RatingSelect__hovered___LD2kV:hover > .RatingSelect__input___DxUIq:not(:disabled) ~ .RatingSelect__label___sgjOY:hover {
139
+ transform: scale(1.2);
140
+ }
141
+
142
+ .RatingSelect__hovered___LD2kV:hover > .RatingSelect__input___DxUIq:not(:disabled) ~ .RatingSelect__label___sgjOY:hover ~ .RatingSelect__label___sgjOY {
143
+ color: var(--black-400);
144
+ }
145
+ }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/RatingSelect",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1 +1,228 @@
1
- .Scroll__ek-scroll___m6Vr5{display:flex;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;list-style:none;padding:0;margin:0;box-sizing:border-box}.Scroll__ek-scroll___m6Vr5::after,.Scroll__ek-scroll___m6Vr5::before{content:"";align-self:normal}.Scroll__ek-scroll__item___bfetG{margin:0;padding:0;flex:0 0 auto;box-sizing:border-box}.Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo{width:-moz-fit-content;width:fit-content}.Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl{width:-moz-max-content;width:max-content}.Scroll__ek-scroll_padding_xxs___9vZpV{scroll-padding-left:var(--pds-spacing-xxs);scroll-padding-right:var(--pds-spacing-xxs)}.Scroll__ek-scroll_padding_xxs___9vZpV::after,.Scroll__ek-scroll_padding_xxs___9vZpV::before{flex:0 0 var(--pds-spacing-xxs)}.Scroll__ek-scroll_padding_xs___L5kMA{scroll-padding-left:var(--pds-spacing-xs);scroll-padding-right:var(--pds-spacing-xs)}.Scroll__ek-scroll_padding_xs___L5kMA::after,.Scroll__ek-scroll_padding_xs___L5kMA::before{flex:0 0 var(--pds-spacing-xs)}.Scroll__ek-scroll_padding_s___Nr3Ig{scroll-padding-left:var(--pds-spacing-s);scroll-padding-right:var(--pds-spacing-s)}.Scroll__ek-scroll_padding_s___Nr3Ig::after,.Scroll__ek-scroll_padding_s___Nr3Ig::before{flex:0 0 var(--pds-spacing-s)}.Scroll__ek-scroll_padding_m___hcRCz{scroll-padding-left:var(--pds-spacing-m);scroll-padding-right:var(--pds-spacing-m)}.Scroll__ek-scroll_padding_m___hcRCz::after,.Scroll__ek-scroll_padding_m___hcRCz::before{flex:0 0 var(--pds-spacing-m)}.Scroll__ek-scroll_padding_l___SKeiS{scroll-padding-left:var(--pds-spacing-l);scroll-padding-right:var(--pds-spacing-l)}.Scroll__ek-scroll_padding_l___SKeiS::after,.Scroll__ek-scroll_padding_l___SKeiS::before{flex:0 0 var(--pds-spacing-l)}.Scroll__ek-scroll_padding_xl___MG4J-{scroll-padding-left:var(--pds-spacing-xl);scroll-padding-right:var(--pds-spacing-xl)}.Scroll__ek-scroll_padding_xl___MG4J-::after,.Scroll__ek-scroll_padding_xl___MG4J-::before{flex:0 0 var(--pds-spacing-xl)}.Scroll__ek-scroll_padding_xxl___m8ou2{scroll-padding-left:var(--pds-spacing-xxl);scroll-padding-right:var(--pds-spacing-xxl)}.Scroll__ek-scroll_padding_xxl___m8ou2::after,.Scroll__ek-scroll_padding_xxl___m8ou2::before{flex:0 0 var(--pds-spacing-xxl)}.Scroll__ek-scroll_padding_3xl___xy72W{scroll-padding-left:var(--pds-spacing-3xl);scroll-padding-right:var(--pds-spacing-3xl)}.Scroll__ek-scroll_padding_3xl___xy72W::after,.Scroll__ek-scroll_padding_3xl___xy72W::before{flex:0 0 var(--pds-spacing-3xl)}.Scroll__ek-scroll_padding_4xl___gzW-I{scroll-padding-left:var(--pds-spacing-4xl);scroll-padding-right:var(--pds-spacing-4xl)}.Scroll__ek-scroll_padding_4xl___gzW-I::after,.Scroll__ek-scroll_padding_4xl___gzW-I::before{flex:0 0 var(--pds-spacing-4xl)}.Scroll__ek-scroll_padding_5xl___JErmt{scroll-padding-left:var(--pds-spacing-5xl);scroll-padding-right:var(--pds-spacing-5xl)}.Scroll__ek-scroll_padding_5xl___JErmt::after,.Scroll__ek-scroll_padding_5xl___JErmt::before{flex:0 0 var(--pds-spacing-5xl)}.Scroll__ek-scroll_column_1___n5mTi>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/1);min-width:0}.Scroll__ek-scroll_column_2___GqdmF>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/2);min-width:0}.Scroll__ek-scroll_column_3___DKZCp>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/3);min-width:0}.Scroll__ek-scroll_column_4___-Nf-L>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/4);min-width:0}.Scroll__ek-scroll_column_5___OxDq->.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/5);min-width:0}.Scroll__ek-scroll_column_6___wP8Pu>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/6);min-width:0}.Scroll__ek-scroll_column_7___-ZDSB>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/7);min-width:0}.Scroll__ek-scroll_column_8___PnnsU>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/8);min-width:0}.Scroll__ek-scroll_column_9___DDqgb>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/9);min-width:0}.Scroll__ek-scroll_column_10___Hh-uZ>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/10);min-width:0}.Scroll__ek-scroll_gap_xxs___15vfK>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xxs)}.Scroll__ek-scroll_gap_xs___Kvr2J>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xs)}.Scroll__ek-scroll_gap_s___71-or>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-s)}.Scroll__ek-scroll_gap_m___glUvB>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-m)}.Scroll__ek-scroll_gap_l___pQC7Z>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-l)}.Scroll__ek-scroll_gap_xl___L1iAD>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xl)}.Scroll__ek-scroll_gap_xxl___wVNm->.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xxl)}.Scroll__ek-scroll_gap_3xl___4tQXK>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-3xl)}.Scroll__ek-scroll_gap_4xl___1-5dw>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-4xl)}.Scroll__ek-scroll_gap_5xl___ym2qM>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-5xl)}.Scroll__ek-scroll_bar_none___c1gVV{-ms-overflow-style:none;scrollbar-width:none}.Scroll__ek-scroll_bar_none___c1gVV::-webkit-scrollbar{display:none}.Scroll__ek-scroll_bar_auto___-TbaH{-ms-overflow-style:auto;scrollbar-width:auto}.Scroll__ek-scroll_bar_auto___-TbaH::-webkit-scrollbar{display:auto}.Scroll__ek-scroll_align_normal___zoDjM{align-items:normal}.Scroll__ek-scroll_align_start___4mACC{align-items:flex-start}.Scroll__ek-scroll_align_center___3PWHW{align-items:center}.Scroll__ek-scroll_align_end___AwLLA{align-items:flex-end}.Scroll__ek-scroll_snap-type_none___oG6uA{scroll-snap-type:none}.Scroll__ek-scroll_snap-type_mandatory___cHUdH{scroll-snap-type:x mandatory}.Scroll__ek-scroll_snap-type_proximity___-yfBi{scroll-snap-type:x proximity}.Scroll__ek-scroll_snap-align_none___oaQQp>.Scroll__ek-scroll__item___bfetG{scroll-snap-align:none}.Scroll__ek-scroll_snap-align_start___OOKij>.Scroll__ek-scroll__item___bfetG{scroll-snap-align:start}.Scroll__ek-scroll_snap-align_end___P1oSD>.Scroll__ek-scroll__item___bfetG{scroll-snap-align:end}.Scroll__ek-scroll_snap-align_center___wFIuW>.Scroll__ek-scroll__item___bfetG{scroll-snap-align:center}
1
+ .Scroll__ek-scroll___m6Vr5 {
2
+ display: flex;
3
+ flex-wrap: nowrap;
4
+ flex-direction: row;
5
+ overflow-x: auto;
6
+ overflow-y: hidden;
7
+ -webkit-overflow-scrolling: touch;
8
+ list-style: none;
9
+ padding: 0;
10
+ margin: 0;
11
+ box-sizing: border-box;
12
+ }
13
+ .Scroll__ek-scroll___m6Vr5::after,
14
+ .Scroll__ek-scroll___m6Vr5::before {
15
+ content: '';
16
+ align-self: normal;
17
+ }
18
+ .Scroll__ek-scroll__item___bfetG {
19
+ margin: 0;
20
+ padding: 0;
21
+ flex: 0 0 auto;
22
+ box-sizing: border-box;
23
+ }
24
+ .Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo {
25
+ width: -moz-fit-content;
26
+ width: fit-content;
27
+ }
28
+ .Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl {
29
+ width: -moz-max-content;
30
+ width: max-content;
31
+ }
32
+ .Scroll__ek-scroll_padding_xxs___9vZpV {
33
+ scroll-padding-left: var(--pds-spacing-xxs);
34
+ scroll-padding-right: var(--pds-spacing-xxs);
35
+ }
36
+ .Scroll__ek-scroll_padding_xxs___9vZpV::after,
37
+ .Scroll__ek-scroll_padding_xxs___9vZpV::before {
38
+ flex: 0 0 var(--pds-spacing-xxs);
39
+ }
40
+ .Scroll__ek-scroll_padding_xs___L5kMA {
41
+ scroll-padding-left: var(--pds-spacing-xs);
42
+ scroll-padding-right: var(--pds-spacing-xs);
43
+ }
44
+ .Scroll__ek-scroll_padding_xs___L5kMA::after,
45
+ .Scroll__ek-scroll_padding_xs___L5kMA::before {
46
+ flex: 0 0 var(--pds-spacing-xs);
47
+ }
48
+ .Scroll__ek-scroll_padding_s___Nr3Ig {
49
+ scroll-padding-left: var(--pds-spacing-s);
50
+ scroll-padding-right: var(--pds-spacing-s);
51
+ }
52
+ .Scroll__ek-scroll_padding_s___Nr3Ig::after,
53
+ .Scroll__ek-scroll_padding_s___Nr3Ig::before {
54
+ flex: 0 0 var(--pds-spacing-s);
55
+ }
56
+ .Scroll__ek-scroll_padding_m___hcRCz {
57
+ scroll-padding-left: var(--pds-spacing-m);
58
+ scroll-padding-right: var(--pds-spacing-m);
59
+ }
60
+ .Scroll__ek-scroll_padding_m___hcRCz::after,
61
+ .Scroll__ek-scroll_padding_m___hcRCz::before {
62
+ flex: 0 0 var(--pds-spacing-m);
63
+ }
64
+ .Scroll__ek-scroll_padding_l___SKeiS {
65
+ scroll-padding-left: var(--pds-spacing-l);
66
+ scroll-padding-right: var(--pds-spacing-l);
67
+ }
68
+ .Scroll__ek-scroll_padding_l___SKeiS::after,
69
+ .Scroll__ek-scroll_padding_l___SKeiS::before {
70
+ flex: 0 0 var(--pds-spacing-l);
71
+ }
72
+ .Scroll__ek-scroll_padding_xl___MG4J- {
73
+ scroll-padding-left: var(--pds-spacing-xl);
74
+ scroll-padding-right: var(--pds-spacing-xl);
75
+ }
76
+ .Scroll__ek-scroll_padding_xl___MG4J-::after,
77
+ .Scroll__ek-scroll_padding_xl___MG4J-::before {
78
+ flex: 0 0 var(--pds-spacing-xl);
79
+ }
80
+ .Scroll__ek-scroll_padding_xxl___m8ou2 {
81
+ scroll-padding-left: var(--pds-spacing-xxl);
82
+ scroll-padding-right: var(--pds-spacing-xxl);
83
+ }
84
+ .Scroll__ek-scroll_padding_xxl___m8ou2::after,
85
+ .Scroll__ek-scroll_padding_xxl___m8ou2::before {
86
+ flex: 0 0 var(--pds-spacing-xxl);
87
+ }
88
+ .Scroll__ek-scroll_padding_3xl___xy72W {
89
+ scroll-padding-left: var(--pds-spacing-3xl);
90
+ scroll-padding-right: var(--pds-spacing-3xl);
91
+ }
92
+ .Scroll__ek-scroll_padding_3xl___xy72W::after,
93
+ .Scroll__ek-scroll_padding_3xl___xy72W::before {
94
+ flex: 0 0 var(--pds-spacing-3xl);
95
+ }
96
+ .Scroll__ek-scroll_padding_4xl___gzW-I {
97
+ scroll-padding-left: var(--pds-spacing-4xl);
98
+ scroll-padding-right: var(--pds-spacing-4xl);
99
+ }
100
+ .Scroll__ek-scroll_padding_4xl___gzW-I::after,
101
+ .Scroll__ek-scroll_padding_4xl___gzW-I::before {
102
+ flex: 0 0 var(--pds-spacing-4xl);
103
+ }
104
+ .Scroll__ek-scroll_padding_5xl___JErmt {
105
+ scroll-padding-left: var(--pds-spacing-5xl);
106
+ scroll-padding-right: var(--pds-spacing-5xl);
107
+ }
108
+ .Scroll__ek-scroll_padding_5xl___JErmt::after,
109
+ .Scroll__ek-scroll_padding_5xl___JErmt::before {
110
+ flex: 0 0 var(--pds-spacing-5xl);
111
+ }
112
+ .Scroll__ek-scroll_column_1___n5mTi > .Scroll__ek-scroll__item___bfetG {
113
+ flex-basis: calc(100% / 1);
114
+ min-width: 0;
115
+ }
116
+ .Scroll__ek-scroll_column_2___GqdmF > .Scroll__ek-scroll__item___bfetG {
117
+ flex-basis: calc(100% / 2);
118
+ min-width: 0;
119
+ }
120
+ .Scroll__ek-scroll_column_3___DKZCp > .Scroll__ek-scroll__item___bfetG {
121
+ flex-basis: calc(100% / 3);
122
+ min-width: 0;
123
+ }
124
+ .Scroll__ek-scroll_column_4___-Nf-L > .Scroll__ek-scroll__item___bfetG {
125
+ flex-basis: calc(100% / 4);
126
+ min-width: 0;
127
+ }
128
+ .Scroll__ek-scroll_column_5___OxDq- > .Scroll__ek-scroll__item___bfetG {
129
+ flex-basis: calc(100% / 5);
130
+ min-width: 0;
131
+ }
132
+ .Scroll__ek-scroll_column_6___wP8Pu > .Scroll__ek-scroll__item___bfetG {
133
+ flex-basis: calc(100% / 6);
134
+ min-width: 0;
135
+ }
136
+ .Scroll__ek-scroll_column_7___-ZDSB > .Scroll__ek-scroll__item___bfetG {
137
+ flex-basis: calc(100% / 7);
138
+ min-width: 0;
139
+ }
140
+ .Scroll__ek-scroll_column_8___PnnsU > .Scroll__ek-scroll__item___bfetG {
141
+ flex-basis: calc(100% / 8);
142
+ min-width: 0;
143
+ }
144
+ .Scroll__ek-scroll_column_9___DDqgb > .Scroll__ek-scroll__item___bfetG {
145
+ flex-basis: calc(100% / 9);
146
+ min-width: 0;
147
+ }
148
+ .Scroll__ek-scroll_column_10___Hh-uZ > .Scroll__ek-scroll__item___bfetG {
149
+ flex-basis: calc(100% / 10);
150
+ min-width: 0;
151
+ }
152
+ .Scroll__ek-scroll_gap_xxs___15vfK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
153
+ margin-left: var(--pds-spacing-xxs);
154
+ }
155
+ .Scroll__ek-scroll_gap_xs___Kvr2J > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
156
+ margin-left: var(--pds-spacing-xs);
157
+ }
158
+ .Scroll__ek-scroll_gap_s___71-or > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
159
+ margin-left: var(--pds-spacing-s);
160
+ }
161
+ .Scroll__ek-scroll_gap_m___glUvB > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
162
+ margin-left: var(--pds-spacing-m);
163
+ }
164
+ .Scroll__ek-scroll_gap_l___pQC7Z > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
165
+ margin-left: var(--pds-spacing-l);
166
+ }
167
+ .Scroll__ek-scroll_gap_xl___L1iAD > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
168
+ margin-left: var(--pds-spacing-xl);
169
+ }
170
+ .Scroll__ek-scroll_gap_xxl___wVNm- > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
171
+ margin-left: var(--pds-spacing-xxl);
172
+ }
173
+ .Scroll__ek-scroll_gap_3xl___4tQXK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
174
+ margin-left: var(--pds-spacing-3xl);
175
+ }
176
+ .Scroll__ek-scroll_gap_4xl___1-5dw > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
177
+ margin-left: var(--pds-spacing-4xl);
178
+ }
179
+ .Scroll__ek-scroll_gap_5xl___ym2qM > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
180
+ margin-left: var(--pds-spacing-5xl);
181
+ }
182
+ .Scroll__ek-scroll_bar_none___c1gVV {
183
+ -ms-overflow-style: none; /* for Internet Explorer, Edge */
184
+ scrollbar-width: none; /* for Firefox */
185
+ }
186
+ .Scroll__ek-scroll_bar_none___c1gVV::-webkit-scrollbar {
187
+ display: none;
188
+ }
189
+ .Scroll__ek-scroll_bar_auto___-TbaH {
190
+ -ms-overflow-style: auto; /* for Internet Explorer, Edge */
191
+ scrollbar-width: auto; /* for Firefox */
192
+ }
193
+ .Scroll__ek-scroll_bar_auto___-TbaH::-webkit-scrollbar {
194
+ display: auto; /* stylelint-disable-line csstree/validator */
195
+ }
196
+ .Scroll__ek-scroll_align_normal___zoDjM {
197
+ align-items: normal;
198
+ }
199
+ .Scroll__ek-scroll_align_start___4mACC {
200
+ align-items: flex-start;
201
+ }
202
+ .Scroll__ek-scroll_align_center___3PWHW {
203
+ align-items: center;
204
+ }
205
+ .Scroll__ek-scroll_align_end___AwLLA {
206
+ align-items: flex-end;
207
+ }
208
+ .Scroll__ek-scroll_snap-type_none___oG6uA {
209
+ scroll-snap-type: none;
210
+ }
211
+ .Scroll__ek-scroll_snap-type_mandatory___cHUdH {
212
+ scroll-snap-type: x mandatory;
213
+ }
214
+ .Scroll__ek-scroll_snap-type_proximity___-yfBi {
215
+ scroll-snap-type: x proximity;
216
+ }
217
+ .Scroll__ek-scroll_snap-align_none___oaQQp > .Scroll__ek-scroll__item___bfetG {
218
+ scroll-snap-align: none;
219
+ }
220
+ .Scroll__ek-scroll_snap-align_start___OOKij > .Scroll__ek-scroll__item___bfetG {
221
+ scroll-snap-align: start;
222
+ }
223
+ .Scroll__ek-scroll_snap-align_end___P1oSD > .Scroll__ek-scroll__item___bfetG {
224
+ scroll-snap-align: end;
225
+ }
226
+ .Scroll__ek-scroll_snap-align_center___wFIuW > .Scroll__ek-scroll__item___bfetG {
227
+ scroll-snap-align: center;
228
+ }