@itwin/itwinui-css 0.63.0 → 1.0.0-dev.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 (243) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +1 -4
  3. package/css/alert.css +263 -145
  4. package/css/all.css +5470 -6944
  5. package/css/anchor.css +0 -4
  6. package/css/{user-icon.css → avatar.css} +52 -72
  7. package/css/badge.css +1 -1
  8. package/css/blockquote.css +2 -5
  9. package/css/breadcrumbs.css +68 -135
  10. package/css/button.css +237 -348
  11. package/css/carousel.css +10 -17
  12. package/css/checkbox.css +152 -0
  13. package/css/code.css +3 -10
  14. package/css/color-picker.css +9 -47
  15. package/css/date-picker.css +1 -60
  16. package/css/dialog.css +11 -13
  17. package/css/expandable-block.css +8 -55
  18. package/css/fieldset.css +2 -7
  19. package/css/file-upload.css +6 -36
  20. package/css/footer.css +2 -10
  21. package/css/global.css +73 -128
  22. package/css/header.css +318 -403
  23. package/css/information-panel.css +13 -22
  24. package/css/input.css +170 -0
  25. package/css/keyboard.css +1 -5
  26. package/css/location-marker.css +8 -13
  27. package/css/menu.css +14 -23
  28. package/css/non-ideal-state.css +5 -5
  29. package/css/progress-indicator.css +11 -99
  30. package/css/radio-tile.css +56 -74
  31. package/css/radio.css +159 -0
  32. package/css/select.css +236 -0
  33. package/css/side-navigation.css +15 -40
  34. package/css/skip-to-content.css +2 -5
  35. package/css/slider.css +11 -70
  36. package/css/stepper.css +141 -0
  37. package/css/surface.css +0 -1
  38. package/css/table.css +266 -353
  39. package/css/tabs.css +22 -58
  40. package/css/tag.css +8 -26
  41. package/css/text.css +7 -9
  42. package/css/tile.css +119 -231
  43. package/css/time-picker.css +3 -15
  44. package/css/{toast-notification.css → toast.css} +14 -54
  45. package/css/toggle-switch.css +17 -64
  46. package/css/tooltip.css +0 -3
  47. package/css/tree.css +9 -35
  48. package/css/utils.css +669 -0
  49. package/css/workflow-diagram.css +67 -0
  50. package/package.json +7 -10
  51. package/css/icon.css +0 -177
  52. package/css/inputs.css +0 -1339
  53. package/css/notification-marker.css +0 -293
  54. package/css/popover.css +0 -14
  55. package/css/reset-global-styles.css +0 -50
  56. package/css/wizard.css +0 -190
  57. package/scss/alert/alert.scss +0 -83
  58. package/scss/alert/classes.scss +0 -13
  59. package/scss/alert/index.scss +0 -3
  60. package/scss/anchor/anchor.scss +0 -3
  61. package/scss/anchor/classes.scss +0 -11
  62. package/scss/anchor/index.scss +0 -3
  63. package/scss/backdrop/backdrop.scss +0 -27
  64. package/scss/backdrop/classes.scss +0 -7
  65. package/scss/backdrop/index.scss +0 -3
  66. package/scss/badge/badge.scss +0 -32
  67. package/scss/badge/classes.scss +0 -7
  68. package/scss/badge/index.scss +0 -3
  69. package/scss/blockquote/blockquote.scss +0 -31
  70. package/scss/blockquote/classes.scss +0 -7
  71. package/scss/blockquote/index.scss +0 -3
  72. package/scss/breadcrumbs/breadcrumbs.scss +0 -124
  73. package/scss/breadcrumbs/classes.scss +0 -31
  74. package/scss/breadcrumbs/index.scss +0 -3
  75. package/scss/button/borderless.scss +0 -48
  76. package/scss/button/button-group.scss +0 -110
  77. package/scss/button/button-icon.scss +0 -12
  78. package/scss/button/button.scss +0 -97
  79. package/scss/button/classes.scss +0 -70
  80. package/scss/button/cta.scss +0 -31
  81. package/scss/button/default.scss +0 -59
  82. package/scss/button/disabled.scss +0 -13
  83. package/scss/button/high-visibility.scss +0 -31
  84. package/scss/button/idea.scss +0 -10
  85. package/scss/button/index.scss +0 -12
  86. package/scss/button/split-menu.scss +0 -66
  87. package/scss/carousel/carousel.scss +0 -124
  88. package/scss/carousel/classes.scss +0 -15
  89. package/scss/carousel/index.scss +0 -3
  90. package/scss/classes.scss +0 -48
  91. package/scss/code/classes.scss +0 -11
  92. package/scss/code/code.scss +0 -18
  93. package/scss/code/codeblock.scss +0 -73
  94. package/scss/code/index.scss +0 -4
  95. package/scss/color-picker/classes.scss +0 -43
  96. package/scss/color-picker/color-picker.scss +0 -274
  97. package/scss/color-picker/index.scss +0 -3
  98. package/scss/date-picker/classes.scss +0 -47
  99. package/scss/date-picker/date-picker.scss +0 -280
  100. package/scss/date-picker/index.scss +0 -3
  101. package/scss/dialog/classes.scss +0 -48
  102. package/scss/dialog/dialog.scss +0 -183
  103. package/scss/dialog/index.scss +0 -3
  104. package/scss/expandable-block/block.scss +0 -193
  105. package/scss/expandable-block/classes.scss +0 -7
  106. package/scss/expandable-block/index.scss +0 -3
  107. package/scss/fieldset/classes.scss +0 -7
  108. package/scss/fieldset/fieldset.scss +0 -35
  109. package/scss/fieldset/index.scss +0 -3
  110. package/scss/file-upload/classes.scss +0 -7
  111. package/scss/file-upload/file-upload.scss +0 -90
  112. package/scss/file-upload/index.scss +0 -3
  113. package/scss/footer/classes.scss +0 -23
  114. package/scss/footer/footer.scss +0 -62
  115. package/scss/footer/index.scss +0 -3
  116. package/scss/header/classes.scss +0 -11
  117. package/scss/header/header.scss +0 -443
  118. package/scss/header/index.scss +0 -3
  119. package/scss/icon/classes.scss +0 -27
  120. package/scss/icon/index.scss +0 -4
  121. package/scss/icon/mixins.scss +0 -78
  122. package/scss/icon/variables.scss +0 -14
  123. package/scss/index.scss +0 -46
  124. package/scss/information-panel/classes.scss +0 -27
  125. package/scss/information-panel/index.scss +0 -3
  126. package/scss/information-panel/information-panel.scss +0 -233
  127. package/scss/inputs/checkbox-radio.scss +0 -73
  128. package/scss/inputs/checkbox.scss +0 -106
  129. package/scss/inputs/classes.scss +0 -87
  130. package/scss/inputs/index.scss +0 -10
  131. package/scss/inputs/input-with-icon.scss +0 -36
  132. package/scss/inputs/input.scss +0 -80
  133. package/scss/inputs/labeled-inputs.scss +0 -382
  134. package/scss/inputs/radio.scss +0 -18
  135. package/scss/inputs/select.scss +0 -132
  136. package/scss/inputs/textarea.scss +0 -14
  137. package/scss/keyboard/classes.scss +0 -7
  138. package/scss/keyboard/index.scss +0 -3
  139. package/scss/keyboard/keyboard.scss +0 -33
  140. package/scss/location-marker/classes.scss +0 -15
  141. package/scss/location-marker/data-rich.scss +0 -58
  142. package/scss/location-marker/default.scss +0 -21
  143. package/scss/location-marker/index.scss +0 -6
  144. package/scss/location-marker/location-marker.scss +0 -13
  145. package/scss/location-marker/me.scss +0 -36
  146. package/scss/menu/classes.scss +0 -21
  147. package/scss/menu/index.scss +0 -3
  148. package/scss/menu/menu.scss +0 -205
  149. package/scss/non-ideal-state/classes.scss +0 -7
  150. package/scss/non-ideal-state/index.scss +0 -3
  151. package/scss/non-ideal-state/non-ideal-state.scss +0 -55
  152. package/scss/notification-marker/classes.scss +0 -9
  153. package/scss/notification-marker/index.scss +0 -3
  154. package/scss/notification-marker/notification-marker.scss +0 -63
  155. package/scss/popover/classes.scss +0 -7
  156. package/scss/popover/index.scss +0 -3
  157. package/scss/popover/popover.scss +0 -22
  158. package/scss/progress-indicator/classes.scss +0 -35
  159. package/scss/progress-indicator/index.scss +0 -5
  160. package/scss/progress-indicator/linear.scss +0 -126
  161. package/scss/progress-indicator/overlay.scss +0 -57
  162. package/scss/progress-indicator/radial.scss +0 -243
  163. package/scss/radio-tile/classes.scss +0 -31
  164. package/scss/radio-tile/index.scss +0 -3
  165. package/scss/radio-tile/radio-tile.scss +0 -209
  166. package/scss/reset-global-styles.scss +0 -33
  167. package/scss/side-navigation/classes.scss +0 -15
  168. package/scss/side-navigation/index.scss +0 -3
  169. package/scss/side-navigation/side-navigation.scss +0 -210
  170. package/scss/skip-to-content/classes.scss +0 -7
  171. package/scss/skip-to-content/index.scss +0 -3
  172. package/scss/skip-to-content/skip-to-content.scss +0 -41
  173. package/scss/slider/classes.scss +0 -40
  174. package/scss/slider/index.scss +0 -3
  175. package/scss/slider/slider.scss +0 -256
  176. package/scss/style/anchor.scss +0 -82
  177. package/scss/style/baseline.scss +0 -4
  178. package/scss/style/color.scss +0 -39
  179. package/scss/style/elevation.scss +0 -11
  180. package/scss/style/global.scss +0 -70
  181. package/scss/style/index.scss +0 -11
  182. package/scss/style/mixins.scss +0 -188
  183. package/scss/style/ripple.scss +0 -18
  184. package/scss/style/space.scss +0 -11
  185. package/scss/style/speed.scss +0 -8
  186. package/scss/style/theme.scss +0 -482
  187. package/scss/style/typography.scss +0 -54
  188. package/scss/style/variables.scss +0 -21
  189. package/scss/surface/classes.scss +0 -7
  190. package/scss/surface/index.scss +0 -3
  191. package/scss/surface/surface.scss +0 -18
  192. package/scss/table/classes.scss +0 -63
  193. package/scss/table/column-filter.scss +0 -37
  194. package/scss/table/condensed.scss +0 -15
  195. package/scss/table/extra-condensed.scss +0 -19
  196. package/scss/table/index.scss +0 -7
  197. package/scss/table/paginator.scss +0 -87
  198. package/scss/table/table.scss +0 -558
  199. package/scss/table/variables.scss +0 -10
  200. package/scss/tabs/borderless.scss +0 -71
  201. package/scss/tabs/classes.scss +0 -44
  202. package/scss/tabs/default.scss +0 -102
  203. package/scss/tabs/index.scss +0 -6
  204. package/scss/tabs/pill.scss +0 -48
  205. package/scss/tabs/tabs.scss +0 -220
  206. package/scss/tag/classes.scss +0 -29
  207. package/scss/tag/index.scss +0 -3
  208. package/scss/tag/tag.scss +0 -99
  209. package/scss/text/classes.scss +0 -40
  210. package/scss/text/index.scss +0 -5
  211. package/scss/text/mixins.scss +0 -42
  212. package/scss/text/muted.scss +0 -9
  213. package/scss/text/skeleton.scss +0 -46
  214. package/scss/tile/classes.scss +0 -51
  215. package/scss/tile/index.scss +0 -3
  216. package/scss/tile/tile.scss +0 -370
  217. package/scss/time-picker/classes.scss +0 -16
  218. package/scss/time-picker/index.scss +0 -3
  219. package/scss/time-picker/time-picker.scss +0 -72
  220. package/scss/toast-notification/categories.scss +0 -26
  221. package/scss/toast-notification/classes.scss +0 -98
  222. package/scss/toast-notification/index.scss +0 -4
  223. package/scss/toast-notification/toast.scss +0 -79
  224. package/scss/toggle-switch/classes.scss +0 -11
  225. package/scss/toggle-switch/index.scss +0 -3
  226. package/scss/toggle-switch/toggle-switch.scss +0 -222
  227. package/scss/tooltip/classes.scss +0 -24
  228. package/scss/tooltip/index.scss +0 -3
  229. package/scss/tooltip/tooltip.scss +0 -41
  230. package/scss/tree/classes.scss +0 -19
  231. package/scss/tree/index.scss +0 -3
  232. package/scss/tree/tree.scss +0 -138
  233. package/scss/user-icon/classes.scss +0 -27
  234. package/scss/user-icon/index.scss +0 -4
  235. package/scss/user-icon/sizes.scss +0 -22
  236. package/scss/user-icon/user-icon.scss +0 -250
  237. package/scss/variables.scss +0 -3
  238. package/scss/wizard/classes.scss +0 -27
  239. package/scss/wizard/index.scss +0 -5
  240. package/scss/wizard/long.scss +0 -19
  241. package/scss/wizard/wizard.scss +0 -160
  242. package/scss/wizard/workflow.scss +0 -43
  243. package/src/index.scss +0 -46
package/css/global.css CHANGED
@@ -62,14 +62,14 @@ html{
62
62
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
63
63
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
64
64
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
65
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
66
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
67
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
68
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
69
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
70
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
71
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
72
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
65
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
66
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
67
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
68
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
69
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
70
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
71
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
72
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
73
73
  }
74
74
  @media (prefers-color-scheme: dark){
75
75
  html{
@@ -132,14 +132,14 @@ html{
132
132
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
133
133
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
134
134
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
135
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
136
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
137
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
138
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
139
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
140
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
141
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
142
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
135
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
136
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
137
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
138
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
139
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
140
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
141
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
142
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
143
143
  }
144
144
  }
145
145
  @media (prefers-color-scheme: light) and (prefers-contrast: more){
@@ -200,14 +200,14 @@ html{
200
200
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
201
201
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
202
202
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
203
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
204
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
205
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
206
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
207
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
208
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
209
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
210
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
203
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
204
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
205
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
206
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
207
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
208
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
209
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
210
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
211
211
  }
212
212
  }
213
213
  @media (prefers-color-scheme: dark) and (prefers-contrast: more){
@@ -268,14 +268,14 @@ html{
268
268
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
269
269
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
270
270
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
271
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
272
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
273
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
274
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
275
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
276
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
277
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
278
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
271
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
272
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
273
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
274
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
275
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
276
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
277
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
278
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
279
279
  }
280
280
  }
281
281
  html.iui-theme-light{
@@ -338,14 +338,14 @@ html.iui-theme-light{
338
338
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
339
339
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
340
340
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
341
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
342
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
343
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
344
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
345
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
346
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
347
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
348
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
341
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
342
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
343
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
344
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
345
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
346
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
347
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
348
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
349
349
  }
350
350
  html.iui-theme-dark{
351
351
  --iui-color-background-1-rgb:90, 104, 114;
@@ -407,14 +407,14 @@ html.iui-theme-dark{
407
407
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
408
408
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
409
409
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
410
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
411
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
412
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
413
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
414
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
415
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
416
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
417
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
410
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
411
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
412
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
413
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
414
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
415
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
416
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
417
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
418
418
  }
419
419
  html.iui-theme-light-hc{
420
420
  --iui-color-background-1-rgb:255, 255, 255;
@@ -473,14 +473,14 @@ html.iui-theme-light-hc{
473
473
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
474
474
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
475
475
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
476
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
477
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
478
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
479
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
480
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
481
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
482
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
483
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
476
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
477
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
478
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
479
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
480
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
481
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
482
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
483
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
484
484
  }
485
485
  html.iui-theme-dark-hc{
486
486
  --iui-color-background-1-rgb:45, 53, 57;
@@ -539,96 +539,41 @@ html.iui-theme-dark-hc{
539
539
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
540
540
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
541
541
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
542
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
543
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
544
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
545
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
546
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
547
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
548
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
549
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
542
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
543
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
544
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
545
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
546
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
547
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
548
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
549
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
550
550
  }
551
551
 
552
552
  .iui-body{
553
- background-color:#f9f9fb;
554
- color:rgba(0, 0, 0, 0.8);
555
553
  background-color:var(--iui-color-background-2);
556
554
  color:var(--iui-text-color);
557
555
  font-size:14px;
558
- line-height:22px;
559
- scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
560
- scrollbar-width:thin;
556
+ line-height:24px;
561
557
  scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
562
558
  scrollbar-width:thin;
563
- font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
559
+ font-family:"Noto Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
564
560
  }
565
561
  .iui-body::-webkit-scrollbar{
566
562
  width:8px;
567
563
  height:8px;
568
564
  }
569
565
  .iui-body::-webkit-scrollbar-thumb{
570
- background-color:rgba(0, 0, 0, 0.4);
571
566
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
572
567
  border-radius:4px;
573
568
  }
574
569
  .iui-body::-webkit-scrollbar-thumb:hover{
575
- background-color:rgba(0, 0, 0, 0.6);
576
570
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
577
571
  }
578
572
  .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
579
573
  background-color:transparent;
580
574
  }
581
575
  .iui-body.iui-no-webfonts{
582
- font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
583
- }
584
-
585
- .iui-anchor{
586
- color:#008ae0;
587
- -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
588
- color:var(--iui-color-foreground-primary);
589
- -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
590
- border-radius:4px;
591
- box-sizing:border-box;
592
- cursor:pointer;
593
- text-decoration:none;
594
- }
595
- .iui-anchor:focus-visible{
596
- outline:1px solid var(--iui-color-foreground-primary);
597
- outline-offset:1px;
598
- }
599
- @supports not selector(*:focus-visible){
600
- .iui-anchor:focus{
601
- outline:1px solid var(--iui-color-foreground-primary);
602
- outline-offset:1px;
603
- }
604
- }
605
- .iui-anchor:hover{
606
- color:#006bad;
607
- color:var(--iui-color-foreground-primary-overlay);
608
- }
609
- .iui-anchor:hover{
610
- text-decoration:underline;
611
- }
612
- @media (prefers-contrast: more){
613
- .iui-anchor{
614
- text-decoration:underline;
615
- }
616
- .iui-anchor:hover{
617
- text-decoration:none;
618
- }
619
- }
620
- .iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
621
- text-decoration:none;
622
- }
623
- .iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
624
- text-decoration:underline;
625
- }
626
-
627
- .iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
628
- text-decoration:underline;
629
- }
630
- .iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
631
- text-decoration:none;
576
+ font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
632
577
  }
633
578
 
634
579
  .iui-visually-hidden{
@@ -646,20 +591,16 @@ html.iui-theme-dark-hc{
646
591
 
647
592
  [class*=iui-],
648
593
  [class*=iui-] *{
649
- scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
650
- scrollbar-width:thin;
651
594
  scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
652
595
  scrollbar-width:thin;
653
596
  }
654
597
  [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
655
- background-color:rgba(0, 138, 224, 0.2);
656
598
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
657
599
  }
658
600
  [class*=iui-]::selection,
659
601
  [class*=iui-] *::selection,
660
602
  [class*=iui-] *::selection,
661
603
  [class*=iui-] * *::selection{
662
- background-color:rgba(0, 138, 224, 0.2);
663
604
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
664
605
  }
665
606
  [class*=iui-]::-webkit-scrollbar,
@@ -669,17 +610,21 @@ html.iui-theme-dark-hc{
669
610
  }
670
611
  [class*=iui-]::-webkit-scrollbar-thumb,
671
612
  [class*=iui-] *::-webkit-scrollbar-thumb{
672
- background-color:rgba(0, 0, 0, 0.4);
673
613
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
674
614
  border-radius:4px;
675
615
  }
676
616
  [class*=iui-]::-webkit-scrollbar-thumb:hover,
677
617
  [class*=iui-] *::-webkit-scrollbar-thumb:hover{
678
- background-color:rgba(0, 0, 0, 0.6);
679
618
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
680
619
  }
681
620
  [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
682
621
  [class*=iui-] *::-webkit-scrollbar-track,
683
622
  [class*=iui-] *::-webkit-scrollbar-corner{
684
623
  background-color:transparent;
624
+ }
625
+
626
+ [class*=iui-]:where(:not(.iui-body)),
627
+ [class*=iui-]:where(:not(.iui-body))::before,
628
+ [class*=iui-]:where(:not(.iui-body))::after{
629
+ box-sizing:border-box;
685
630
  }