@itwin/itwinui-css 1.0.0-dev.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 (239) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/css/alert.css +16 -27
  3. package/css/all.css +723 -817
  4. package/css/avatar.css +1 -1
  5. package/css/blockquote.css +2 -2
  6. package/css/breadcrumbs.css +19 -13
  7. package/css/button.css +30 -56
  8. package/css/carousel.css +5 -4
  9. package/css/checkbox.css +10 -7
  10. package/css/code.css +1 -0
  11. package/css/color-picker.css +10 -10
  12. package/css/date-picker.css +1 -1
  13. package/css/dialog.css +12 -9
  14. package/css/expandable-block.css +8 -19
  15. package/css/fieldset.css +2 -2
  16. package/css/file-upload.css +11 -20
  17. package/css/footer.css +28 -28
  18. package/css/global.css +65 -65
  19. package/css/header.css +12 -6
  20. package/css/information-panel.css +12 -7
  21. package/css/input.css +18 -10
  22. package/css/location-marker.css +8 -2
  23. package/css/menu.css +14 -7
  24. package/css/non-ideal-state.css +5 -5
  25. package/css/progress-indicator.css +10 -6
  26. package/css/radio-tile.css +19 -10
  27. package/css/radio.css +10 -7
  28. package/css/select.css +25 -19
  29. package/css/side-navigation.css +14 -19
  30. package/css/skip-to-content.css +2 -2
  31. package/css/slider.css +108 -40
  32. package/css/stepper.css +4 -4
  33. package/css/table.css +28 -28
  34. package/css/tabs.css +17 -10
  35. package/css/tag.css +5 -5
  36. package/css/text.css +7 -7
  37. package/css/tile.css +45 -69
  38. package/css/time-picker.css +3 -3
  39. package/css/toast.css +13 -11
  40. package/css/toggle-switch.css +5 -5
  41. package/css/tree.css +13 -20
  42. package/css/utils.css +104 -44
  43. package/css/workflow-diagram.css +1 -1
  44. package/package.json +8 -11
  45. package/css/icon.css +0 -117
  46. package/css/textarea.css +0 -96
  47. package/scss/alert/alert.scss +0 -89
  48. package/scss/alert/classes.scss +0 -33
  49. package/scss/alert/index.scss +0 -3
  50. package/scss/anchor/anchor.scss +0 -78
  51. package/scss/anchor/classes.scss +0 -11
  52. package/scss/anchor/index.scss +0 -3
  53. package/scss/avatar/avatar-sizes.scss +0 -23
  54. package/scss/avatar/avatar.scss +0 -215
  55. package/scss/avatar/classes.scss +0 -27
  56. package/scss/avatar/index.scss +0 -3
  57. package/scss/backdrop/backdrop.scss +0 -27
  58. package/scss/backdrop/classes.scss +0 -7
  59. package/scss/backdrop/index.scss +0 -3
  60. package/scss/badge/badge.scss +0 -34
  61. package/scss/badge/classes.scss +0 -7
  62. package/scss/badge/index.scss +0 -3
  63. package/scss/blockquote/blockquote.scss +0 -26
  64. package/scss/blockquote/classes.scss +0 -7
  65. package/scss/blockquote/index.scss +0 -3
  66. package/scss/breadcrumbs/breadcrumbs.scss +0 -119
  67. package/scss/breadcrumbs/classes.scss +0 -31
  68. package/scss/breadcrumbs/index.scss +0 -3
  69. package/scss/button/borderless.scss +0 -36
  70. package/scss/button/button-group.scss +0 -118
  71. package/scss/button/button.scss +0 -119
  72. package/scss/button/classes.scss +0 -80
  73. package/scss/button/default.scss +0 -51
  74. package/scss/button/idea.scss +0 -12
  75. package/scss/button/index.scss +0 -9
  76. package/scss/button/split-button.scss +0 -45
  77. package/scss/button/variant.scss +0 -44
  78. package/scss/carousel/carousel.scss +0 -113
  79. package/scss/carousel/classes.scss +0 -15
  80. package/scss/carousel/index.scss +0 -3
  81. package/scss/checkbox/checkbox.scss +0 -154
  82. package/scss/checkbox/classes.scss +0 -7
  83. package/scss/checkbox/index.scss +0 -3
  84. package/scss/classes.scss +0 -52
  85. package/scss/code/classes.scss +0 -11
  86. package/scss/code/code.scss +0 -16
  87. package/scss/code/codeblock.scss +0 -59
  88. package/scss/code/index.scss +0 -4
  89. package/scss/color-picker/classes.scss +0 -43
  90. package/scss/color-picker/color-picker.scss +0 -241
  91. package/scss/color-picker/index.scss +0 -3
  92. package/scss/date-picker/classes.scss +0 -47
  93. package/scss/date-picker/date-picker.scss +0 -246
  94. package/scss/date-picker/index.scss +0 -3
  95. package/scss/dialog/classes.scss +0 -48
  96. package/scss/dialog/dialog.scss +0 -178
  97. package/scss/dialog/index.scss +0 -3
  98. package/scss/expandable-block/block.scss +0 -165
  99. package/scss/expandable-block/classes.scss +0 -7
  100. package/scss/expandable-block/index.scss +0 -3
  101. package/scss/fieldset/classes.scss +0 -7
  102. package/scss/fieldset/fieldset.scss +0 -29
  103. package/scss/fieldset/index.scss +0 -3
  104. package/scss/file-upload/classes.scss +0 -7
  105. package/scss/file-upload/file-upload.scss +0 -80
  106. package/scss/file-upload/index.scss +0 -3
  107. package/scss/footer/classes.scss +0 -7
  108. package/scss/footer/footer.scss +0 -55
  109. package/scss/footer/index.scss +0 -3
  110. package/scss/header/classes.scss +0 -79
  111. package/scss/header/header-buttons.scss +0 -316
  112. package/scss/header/header.scss +0 -75
  113. package/scss/header/index.scss +0 -4
  114. package/scss/icon/classes.scss +0 -27
  115. package/scss/icon/icon.scss +0 -65
  116. package/scss/icon/index.scss +0 -3
  117. package/scss/index.scss +0 -50
  118. package/scss/information-panel/classes.scss +0 -27
  119. package/scss/information-panel/index.scss +0 -3
  120. package/scss/information-panel/information-panel.scss +0 -215
  121. package/scss/input/classes.scss +0 -15
  122. package/scss/input/index.scss +0 -4
  123. package/scss/input/input-with-icon.scss +0 -37
  124. package/scss/input/input.scss +0 -70
  125. package/scss/keyboard/classes.scss +0 -7
  126. package/scss/keyboard/index.scss +0 -3
  127. package/scss/keyboard/keyboard.scss +0 -29
  128. package/scss/location-marker/classes.scss +0 -15
  129. package/scss/location-marker/data-rich.scss +0 -49
  130. package/scss/location-marker/default.scss +0 -19
  131. package/scss/location-marker/index.scss +0 -6
  132. package/scss/location-marker/location-marker.scss +0 -11
  133. package/scss/location-marker/me.scss +0 -29
  134. package/scss/menu/classes.scss +0 -21
  135. package/scss/menu/index.scss +0 -3
  136. package/scss/menu/menu.scss +0 -185
  137. package/scss/non-ideal-state/classes.scss +0 -7
  138. package/scss/non-ideal-state/index.scss +0 -3
  139. package/scss/non-ideal-state/non-ideal-state.scss +0 -56
  140. package/scss/progress-indicator/classes.scss +0 -31
  141. package/scss/progress-indicator/index.scss +0 -5
  142. package/scss/progress-indicator/linear.scss +0 -108
  143. package/scss/progress-indicator/overlay.scss +0 -51
  144. package/scss/progress-indicator/radial.scss +0 -155
  145. package/scss/radio/classes.scss +0 -7
  146. package/scss/radio/index.scss +0 -3
  147. package/scss/radio/radio.scss +0 -18
  148. package/scss/radio-tile/classes.scss +0 -31
  149. package/scss/radio-tile/index.scss +0 -3
  150. package/scss/radio-tile/radio-tile.scss +0 -167
  151. package/scss/select/classes.scss +0 -27
  152. package/scss/select/index.scss +0 -3
  153. package/scss/select/select.scss +0 -124
  154. package/scss/side-navigation/classes.scss +0 -15
  155. package/scss/side-navigation/index.scss +0 -3
  156. package/scss/side-navigation/side-navigation.scss +0 -202
  157. package/scss/skip-to-content/classes.scss +0 -7
  158. package/scss/skip-to-content/index.scss +0 -3
  159. package/scss/skip-to-content/skip-to-content.scss +0 -40
  160. package/scss/slider/classes.scss +0 -27
  161. package/scss/slider/index.scss +0 -3
  162. package/scss/slider/slider.scss +0 -135
  163. package/scss/stepper/classes.scss +0 -32
  164. package/scss/stepper/index.scss +0 -3
  165. package/scss/stepper/stepper.scss +0 -151
  166. package/scss/style/baseline.scss +0 -4
  167. package/scss/style/color.scss +0 -39
  168. package/scss/style/elevation.scss +0 -11
  169. package/scss/style/global-variables.scss +0 -23
  170. package/scss/style/global.scss +0 -69
  171. package/scss/style/icon-sizes.scss +0 -14
  172. package/scss/style/index.scss +0 -11
  173. package/scss/style/space.scss +0 -11
  174. package/scss/style/speed.scss +0 -8
  175. package/scss/style/theme.scss +0 -443
  176. package/scss/style/typography.scss +0 -55
  177. package/scss/surface/classes.scss +0 -7
  178. package/scss/surface/index.scss +0 -3
  179. package/scss/surface/surface.scss +0 -17
  180. package/scss/table/classes.scss +0 -64
  181. package/scss/table/column-filter.scss +0 -34
  182. package/scss/table/index.scss +0 -6
  183. package/scss/table/paginator.scss +0 -79
  184. package/scss/table/sizes.scss +0 -31
  185. package/scss/table/table-densities.scss +0 -11
  186. package/scss/table/table.scss +0 -482
  187. package/scss/tabs/borderless.scss +0 -59
  188. package/scss/tabs/classes.scss +0 -44
  189. package/scss/tabs/default.scss +0 -89
  190. package/scss/tabs/index.scss +0 -6
  191. package/scss/tabs/pill.scss +0 -38
  192. package/scss/tabs/tabs.scss +0 -192
  193. package/scss/tag/classes.scss +0 -30
  194. package/scss/tag/index.scss +0 -3
  195. package/scss/tag/tag.scss +0 -89
  196. package/scss/text/classes.scss +0 -40
  197. package/scss/text/index.scss +0 -5
  198. package/scss/text/mixins.scss +0 -43
  199. package/scss/text/muted.scss +0 -7
  200. package/scss/text/skeleton.scss +0 -43
  201. package/scss/textarea/classes.scss +0 -7
  202. package/scss/textarea/index.scss +0 -3
  203. package/scss/textarea/textarea.scss +0 -15
  204. package/scss/tile/classes.scss +0 -51
  205. package/scss/tile/index.scss +0 -3
  206. package/scss/tile/tile.scss +0 -340
  207. package/scss/time-picker/classes.scss +0 -16
  208. package/scss/time-picker/index.scss +0 -3
  209. package/scss/time-picker/time-picker.scss +0 -63
  210. package/scss/toast/categories.scss +0 -22
  211. package/scss/toast/classes.scss +0 -98
  212. package/scss/toast/index.scss +0 -4
  213. package/scss/toast/toast.scss +0 -70
  214. package/scss/toggle-switch/classes.scss +0 -11
  215. package/scss/toggle-switch/index.scss +0 -3
  216. package/scss/toggle-switch/toggle-switch.scss +0 -203
  217. package/scss/tooltip/classes.scss +0 -24
  218. package/scss/tooltip/index.scss +0 -3
  219. package/scss/tooltip/tooltip.scss +0 -40
  220. package/scss/tree/classes.scss +0 -19
  221. package/scss/tree/index.scss +0 -3
  222. package/scss/tree/tree.scss +0 -126
  223. package/scss/utils/classes.scss +0 -6
  224. package/scss/utils/index.scss +0 -6
  225. package/scss/utils/input-container/classes.scss +0 -39
  226. package/scss/utils/input-container/index.scss +0 -3
  227. package/scss/utils/input-container/input-container.scss +0 -285
  228. package/scss/utils/mixins.scss +0 -171
  229. package/scss/utils/notification-marker/classes.scss +0 -9
  230. package/scss/utils/notification-marker/index.scss +0 -3
  231. package/scss/utils/notification-marker/notification-marker.scss +0 -55
  232. package/scss/utils/popover/classes.scss +0 -7
  233. package/scss/utils/popover/index.scss +0 -3
  234. package/scss/utils/popover/popover.scss +0 -21
  235. package/scss/variables.scss +0 -3
  236. package/scss/workflow-diagram/classes.scss +0 -15
  237. package/scss/workflow-diagram/index.scss +0 -3
  238. package/scss/workflow-diagram/workflow-diagram.scss +0 -64
  239. package/src/index.scss +0 -50
package/css/all.css CHANGED
@@ -63,14 +63,14 @@ html{
63
63
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
64
64
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
65
65
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
66
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
67
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
68
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
69
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
70
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
71
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
72
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
73
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
66
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
67
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
68
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
69
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
70
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
71
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
72
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
73
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
74
74
  }
75
75
  @media (prefers-color-scheme: dark){
76
76
  html{
@@ -133,14 +133,14 @@ html{
133
133
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
134
134
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
135
135
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
136
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
137
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
138
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
139
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
140
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
141
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
142
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
143
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
136
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
137
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
138
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
139
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
140
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
141
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
142
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
143
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
144
144
  }
145
145
  }
146
146
  @media (prefers-color-scheme: light) and (prefers-contrast: more){
@@ -201,14 +201,14 @@ html{
201
201
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
202
202
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
203
203
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
204
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
205
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
206
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
207
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
208
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
209
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
210
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
211
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
204
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
205
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
206
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
207
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
208
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
209
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
210
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
211
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
212
212
  }
213
213
  }
214
214
  @media (prefers-color-scheme: dark) and (prefers-contrast: more){
@@ -269,14 +269,14 @@ html{
269
269
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
270
270
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
271
271
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
272
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
273
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
274
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
275
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
276
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
277
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
278
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
279
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
272
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
273
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
274
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
275
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
276
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
277
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
278
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
279
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
280
280
  }
281
281
  }
282
282
  html.iui-theme-light{
@@ -339,14 +339,14 @@ html.iui-theme-light{
339
339
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
340
340
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
341
341
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
342
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
343
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
344
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
345
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
346
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
347
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
348
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
349
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
342
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
343
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
344
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
345
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
346
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
347
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
348
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
349
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
350
350
  }
351
351
  html.iui-theme-dark{
352
352
  --iui-color-background-1-rgb:90, 104, 114;
@@ -408,14 +408,14 @@ html.iui-theme-dark{
408
408
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
409
409
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
410
410
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
411
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
412
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
413
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
414
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
415
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
416
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
417
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
418
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
411
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
412
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
413
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
414
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
415
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
416
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
417
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
418
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
419
419
  }
420
420
  html.iui-theme-light-hc{
421
421
  --iui-color-background-1-rgb:255, 255, 255;
@@ -474,14 +474,14 @@ html.iui-theme-light-hc{
474
474
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
475
475
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
476
476
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
477
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
478
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
479
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
480
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
481
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
482
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
483
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
484
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
477
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
478
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
479
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
480
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
481
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
482
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
483
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
484
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
485
485
  }
486
486
  html.iui-theme-dark-hc{
487
487
  --iui-color-background-1-rgb:45, 53, 57;
@@ -540,21 +540,21 @@ html.iui-theme-dark-hc{
540
540
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
541
541
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
542
542
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
543
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
544
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
545
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
546
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
547
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
548
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
549
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
550
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
543
+ --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
544
+ --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
545
+ --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
546
+ --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
547
+ --iui-icon-color-primary:var(--iui-color-foreground-primary);
548
+ --iui-icon-color-positive:var(--iui-color-foreground-positive);
549
+ --iui-icon-color-warning:var(--iui-color-foreground-warning);
550
+ --iui-icon-color-negative:var(--iui-color-foreground-negative);
551
551
  }
552
552
 
553
553
  .iui-body{
554
554
  background-color:var(--iui-color-background-2);
555
555
  color:var(--iui-text-color);
556
556
  font-size:14px;
557
- line-height:22px;
557
+ line-height:24px;
558
558
  scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
559
559
  scrollbar-width:thin;
560
560
  font-family:"Noto Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
@@ -681,7 +681,7 @@ html.iui-theme-dark-hc{
681
681
  left:0;
682
682
  }
683
683
  .iui-alert-positive .iui-alert-icon{
684
- fill:var(--iui-icons-color-positive);
684
+ fill:var(--iui-icon-color-positive);
685
685
  }
686
686
  .iui-alert-positive .iui-alert-message::-moz-selection, .iui-alert-positive .iui-alert-message *::-moz-selection{
687
687
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
@@ -745,7 +745,7 @@ html.iui-theme-dark-hc{
745
745
  left:0;
746
746
  }
747
747
  .iui-alert-negative .iui-alert-icon{
748
- fill:var(--iui-icons-color-negative);
748
+ fill:var(--iui-icon-color-negative);
749
749
  }
750
750
  .iui-alert-negative .iui-alert-message::-moz-selection, .iui-alert-negative .iui-alert-message *::-moz-selection{
751
751
  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
@@ -809,7 +809,7 @@ html.iui-theme-dark-hc{
809
809
  left:0;
810
810
  }
811
811
  .iui-alert-warning .iui-alert-icon{
812
- fill:var(--iui-icons-color-warning);
812
+ fill:var(--iui-icon-color-warning);
813
813
  }
814
814
  .iui-alert-warning .iui-alert-message::-moz-selection, .iui-alert-warning .iui-alert-message *::-moz-selection{
815
815
  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
@@ -873,7 +873,7 @@ html.iui-theme-dark-hc{
873
873
  left:0;
874
874
  }
875
875
  .iui-alert-informational .iui-alert-icon{
876
- fill:var(--iui-icons-color-primary);
876
+ fill:var(--iui-icon-color-primary);
877
877
  }
878
878
  .iui-alert-informational .iui-alert-message::-moz-selection, .iui-alert-informational .iui-alert-message *::-moz-selection{
879
879
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
@@ -904,28 +904,15 @@ html.iui-theme-dark-hc{
904
904
  }
905
905
 
906
906
  .iui-alert-icon{
907
- fill:var(--iui-icons-color);
908
- display:inline-flex;
907
+ display:flex;
908
+ flex-shrink:0;
909
909
  width:16px;
910
910
  height:16px;
911
- flex-shrink:0;
912
911
  margin-left:16px;
913
912
  }
914
- .iui-alert-icon.iui-informational{
915
- fill:var(--iui-icons-color-primary);
916
- }
917
- .iui-alert-icon.iui-positive{
918
- fill:var(--iui-icons-color-positive);
919
- }
920
- .iui-alert-icon.iui-warning{
921
- fill:var(--iui-icons-color-warning);
922
- }
923
- .iui-alert-icon.iui-negative{
924
- fill:var(--iui-icons-color-negative);
925
- }
926
913
 
927
914
  .iui-alert-message{
928
- margin:11px 16px;
915
+ margin:12px 16px;
929
916
  }
930
917
 
931
918
  .iui-alert-link{
@@ -955,7 +942,7 @@ html.iui-theme-dark-hc{
955
942
  justify-content:center;
956
943
  position:relative;
957
944
  border-radius:4px;
958
- line-height:22px;
945
+ line-height:24px;
959
946
  font-size:14px;
960
947
  font-weight:400;
961
948
  -webkit-user-select:none;
@@ -974,18 +961,18 @@ html.iui-theme-dark-hc{
974
961
  -webkit-tap-highlight-color:transparent;
975
962
  text-decoration:none;
976
963
  --_iui-button-gap:8px;
977
- --_iui-button-height:38px;
964
+ --_iui-button-height:40px;
978
965
  --_iui-button-padding-inline:16px;
979
966
  --_iui-button-text-color:var(--iui-text-color);
980
967
  --_iui-button-background-color:transparent;
981
968
  --_iui-button-border-color:transparent;
982
- --_iui-button-icon-margin-x:3px;
969
+ --_iui-button-icon-margin-x:4px;
983
970
  --_iui-button-gap:8px;
984
- --_iui-button-height:38px;
971
+ --_iui-button-height:40px;
985
972
  --_iui-button-padding-inline:16px;
986
973
  --_iui-button-padding-inline:8px;
987
974
  --_iui-button-gap:4px;
988
- --_iui-button-height:27px;
975
+ --_iui-button-height:28px;
989
976
  --_iui-button-padding-inline:8px;
990
977
  --_iui-button-padding-inline:2px;
991
978
  margin-left:auto;
@@ -1016,12 +1003,14 @@ html.iui-theme-dark-hc{
1016
1003
  }
1017
1004
 
1018
1005
  .iui-alert-button-icon{
1006
+ display:flex;
1007
+ flex-shrink:0;
1019
1008
  width:16px;
1020
1009
  height:16px;
1021
1010
  transition:fill 0.2s ease-out;
1022
1011
  fill:currentColor;
1023
- margin-left:3px;
1024
- margin-right:3px;
1012
+ margin-left:4px;
1013
+ margin-right:4px;
1025
1014
  }
1026
1015
  .iui-alert-button-icon:only-child{
1027
1016
  margin-left:var(--_iui-button-icon-margin-x);
@@ -1207,7 +1196,7 @@ html.iui-theme-dark-hc{
1207
1196
  .iui-avatar > .iui-status.iui-offline::after{
1208
1197
  -webkit-mask:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='m12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z' /></svg>");
1209
1198
  mask:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='m12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z' /></svg>");
1210
- background-color:var(--iui-icons-color);
1199
+ background-color:var(--iui-icon-color);
1211
1200
  }
1212
1201
  .iui-avatar.iui-avatar-count > .iui-initials{
1213
1202
  background-color:var(--iui-color-background-3);
@@ -1366,8 +1355,8 @@ html.iui-theme-dark-hc{
1366
1355
  vertical-align:baseline;
1367
1356
  display:block;
1368
1357
  position:relative;
1369
- padding:11px 16px;
1370
- margin:11px 0;
1358
+ padding:12px 16px;
1359
+ margin:12px 0;
1371
1360
  text-align:justify;
1372
1361
  box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
1373
1362
  border-radius:4px;
@@ -1388,7 +1377,7 @@ html.iui-theme-dark-hc{
1388
1377
  vertical-align:baseline;
1389
1378
  display:flex;
1390
1379
  align-items:center;
1391
- height:38px;
1380
+ height:40px;
1392
1381
  }
1393
1382
 
1394
1383
  .iui-breadcrumbs-list{
@@ -1431,7 +1420,7 @@ html.iui-theme-dark-hc{
1431
1420
  cursor:pointer;
1432
1421
  text-decoration:none;
1433
1422
  box-sizing:border-box;
1434
- line-height:38px;
1423
+ line-height:40px;
1435
1424
  }
1436
1425
  .iui-breadcrumbs-item-overrides > :-moz-any-link{
1437
1426
  color:var(--iui-color-foreground-primary);
@@ -1440,7 +1429,7 @@ html.iui-theme-dark-hc{
1440
1429
  cursor:pointer;
1441
1430
  text-decoration:none;
1442
1431
  box-sizing:border-box;
1443
- line-height:38px;
1432
+ line-height:40px;
1444
1433
  }
1445
1434
  .iui-breadcrumbs-item-overrides > :any-link{
1446
1435
  color:var(--iui-color-foreground-primary);
@@ -1449,7 +1438,7 @@ html.iui-theme-dark-hc{
1449
1438
  cursor:pointer;
1450
1439
  text-decoration:none;
1451
1440
  box-sizing:border-box;
1452
- line-height:38px;
1441
+ line-height:40px;
1453
1442
  }
1454
1443
  .iui-breadcrumbs-item-overrides > :-webkit-any-link:focus-visible{
1455
1444
  outline:1px solid var(--iui-color-foreground-primary);
@@ -1570,9 +1559,9 @@ html.iui-theme-dark-hc{
1570
1559
  --_iui-button-text-color:var(--iui-text-color);
1571
1560
  --_iui-button-background-color:transparent;
1572
1561
  --_iui-button-border-color:transparent;
1573
- --_iui-button-icon-margin-x:3px;
1562
+ --_iui-button-icon-margin-x:4px;
1574
1563
  --_iui-button-gap:8px;
1575
- --_iui-button-height:38px;
1564
+ --_iui-button-height:40px;
1576
1565
  --_iui-button-padding-inline:16px;
1577
1566
  --_iui-button-padding-inline:8px;
1578
1567
  border:none;
@@ -1604,7 +1593,7 @@ html.iui-theme-dark-hc{
1604
1593
  overflow:hidden;
1605
1594
  white-space:nowrap;
1606
1595
  text-overflow:ellipsis;
1607
- line-height:38px;
1596
+ line-height:40px;
1608
1597
  }
1609
1598
  a.iui-breadcrumbs-text{
1610
1599
  color:var(--iui-color-foreground-primary);
@@ -1667,7 +1656,7 @@ a.iui-breadcrumbs-text:focus{
1667
1656
  justify-content:center;
1668
1657
  position:relative;
1669
1658
  border-radius:4px;
1670
- line-height:22px;
1659
+ line-height:24px;
1671
1660
  font-size:14px;
1672
1661
  font-weight:400;
1673
1662
  -webkit-user-select:none;
@@ -1686,14 +1675,14 @@ a.iui-breadcrumbs-text:focus{
1686
1675
  -webkit-tap-highlight-color:transparent;
1687
1676
  text-decoration:none;
1688
1677
  --_iui-button-gap:8px;
1689
- --_iui-button-height:38px;
1678
+ --_iui-button-height:40px;
1690
1679
  --_iui-button-padding-inline:16px;
1691
1680
  --_iui-button-text-color:var(--iui-text-color);
1692
1681
  --_iui-button-background-color:transparent;
1693
1682
  --_iui-button-border-color:transparent;
1694
- --_iui-button-icon-margin-x:3px;
1683
+ --_iui-button-icon-margin-x:4px;
1695
1684
  --_iui-button-gap:8px;
1696
- --_iui-button-height:38px;
1685
+ --_iui-button-height:40px;
1697
1686
  --_iui-button-padding-inline:16px;
1698
1687
  --_iui-button-padding-inline:8px;
1699
1688
  padding:0;
@@ -1732,10 +1721,16 @@ a.iui-breadcrumbs-text:focus{
1732
1721
  margin:0 2px;
1733
1722
  }
1734
1723
  .iui-breadcrumbs-separator svg{
1724
+ display:flex;
1725
+ flex-shrink:0;
1735
1726
  width:12px;
1736
1727
  height:12px;
1737
- display:flex;
1738
- fill:var(--iui-icons-color);
1728
+ fill:var(--iui-icon-color);
1729
+ }
1730
+ @media (forced-colors: active){
1731
+ .iui-breadcrumbs-separator svg{
1732
+ fill:CanvasText;
1733
+ }
1739
1734
  }
1740
1735
  @media (forced-colors: active){
1741
1736
  .iui-breadcrumbs-separator svg{
@@ -1754,7 +1749,7 @@ a.iui-breadcrumbs-text:focus{
1754
1749
  justify-content:center;
1755
1750
  position:relative;
1756
1751
  border-radius:4px;
1757
- line-height:22px;
1752
+ line-height:24px;
1758
1753
  font-size:14px;
1759
1754
  font-weight:400;
1760
1755
  -webkit-user-select:none;
@@ -1773,7 +1768,7 @@ a.iui-breadcrumbs-text:focus{
1773
1768
  -webkit-tap-highlight-color:transparent;
1774
1769
  text-decoration:none;
1775
1770
  --_iui-button-gap:8px;
1776
- --_iui-button-height:38px;
1771
+ --_iui-button-height:40px;
1777
1772
  --_iui-button-padding-inline:16px;
1778
1773
  --_iui-button-text-color:var(--iui-text-color);
1779
1774
  --_iui-button-background-color:var(--iui-color-background-1);
@@ -1818,22 +1813,22 @@ a.iui-breadcrumbs-text:focus{
1818
1813
  }
1819
1814
  .iui-button[data-iui-size=small]{
1820
1815
  --_iui-button-gap:4px;
1821
- --_iui-button-height:27px;
1816
+ --_iui-button-height:28px;
1822
1817
  --_iui-button-padding-inline:8px;
1823
1818
  }
1824
1819
  .iui-button[data-iui-size=large]{
1825
1820
  font-size:16px;
1826
1821
  --_iui-button-gap:12px;
1827
- --_iui-button-height:49px;
1822
+ --_iui-button-height:52px;
1828
1823
  --_iui-button-padding-inline:24px;
1829
1824
  }
1830
1825
  .iui-button[data-iui-variant=borderless]{
1831
1826
  --_iui-button-text-color:var(--iui-text-color);
1832
1827
  --_iui-button-background-color:transparent;
1833
1828
  --_iui-button-border-color:transparent;
1834
- --_iui-button-icon-margin-x:3px;
1829
+ --_iui-button-icon-margin-x:4px;
1835
1830
  --_iui-button-gap:8px;
1836
- --_iui-button-height:38px;
1831
+ --_iui-button-height:40px;
1837
1832
  --_iui-button-padding-inline:16px;
1838
1833
  --_iui-button-padding-inline:8px;
1839
1834
  }
@@ -1852,14 +1847,14 @@ a.iui-breadcrumbs-text:focus{
1852
1847
  }
1853
1848
  .iui-button[data-iui-variant=borderless][data-iui-size=small]{
1854
1849
  --_iui-button-gap:4px;
1855
- --_iui-button-height:27px;
1850
+ --_iui-button-height:28px;
1856
1851
  --_iui-button-padding-inline:8px;
1857
1852
  --_iui-button-padding-inline:2px;
1858
1853
  }
1859
1854
  .iui-button[data-iui-variant=borderless][data-iui-size=large]{
1860
1855
  font-size:16px;
1861
1856
  --_iui-button-gap:12px;
1862
- --_iui-button-height:49px;
1857
+ --_iui-button-height:52px;
1863
1858
  --_iui-button-padding-inline:24px;
1864
1859
  --_iui-button-padding-inline:12px;
1865
1860
  }
@@ -1939,7 +1934,7 @@ a.iui-breadcrumbs-text:focus{
1939
1934
  border-radius:9999px;
1940
1935
  box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
1941
1936
  position:fixed;
1942
- bottom:11px;
1937
+ bottom:12px;
1943
1938
  right:16px;
1944
1939
  }
1945
1940
  .iui-button[data-iui-variant=idea]:hover, .iui-button[data-iui-variant=idea]:active{
@@ -1959,6 +1954,8 @@ a.iui-breadcrumbs-text:focus{
1959
1954
  }
1960
1955
 
1961
1956
  .iui-button-icon{
1957
+ display:flex;
1958
+ flex-shrink:0;
1962
1959
  width:16px;
1963
1960
  height:16px;
1964
1961
  transition:fill 0.2s ease-out;
@@ -1983,68 +1980,40 @@ a.iui-breadcrumbs-text:focus{
1983
1980
  display:inline-flex;
1984
1981
  align-items:center;
1985
1982
  isolation:isolate;
1986
- pointer-events:none;
1987
- }
1988
- .iui-button-split > *{
1989
- display:flex;
1990
1983
  }
1991
- .iui-button-split > * > *{
1992
- pointer-events:all;
1984
+ .iui-button-split :where(.iui-button:first-child){
1985
+ border-top-right-radius:0;
1986
+ border-bottom-right-radius:0;
1993
1987
  }
1994
- .iui-button-split > * .iui-input-container, .iui-button-split > * .iui-button, .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)){
1995
- position:relative;
1996
- --_iui-button-active-stripe-inset:2px 2px calc(100% - 4px);
1988
+ .iui-button-split :where(.iui-button:first-child)[data-iui-variant=high-visibility], .iui-button-split :where(.iui-button:first-child)[data-iui-variant=cta]{
1989
+ border-right-color:rgba(255, 255, 255, var(--iui-opacity-4));
1997
1990
  }
1998
- .iui-button-split > * .iui-input-container:hover, .iui-button-split > * .iui-button:hover, .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)):hover{
1991
+ .iui-button-split :where(.iui-button:first-child):hover{
1999
1992
  z-index:1;
2000
1993
  }
2001
- .iui-button-split > * .iui-input-container:disabled, .iui-button-split > * .iui-input-container.iui-disabled, .iui-button-split > * .iui-input-container[aria-disabled=true], .iui-button-split > * .iui-button:disabled, .iui-button-split > * .iui-button.iui-disabled, .iui-button-split > * .iui-button[aria-disabled=true], .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)):disabled, .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)).iui-disabled, .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input))[aria-disabled=true]{
1994
+ .iui-button-split :where(.iui-button:first-child)[disabled], .iui-button-split :where(.iui-button:first-child):disabled, .iui-button-split :where(.iui-button:first-child)[aria-disabled=true]{
1995
+ border-right-color:var(--iui-color-background-4);
2002
1996
  z-index:-1;
2003
1997
  }
2004
- .iui-button-split > * .iui-input-container:focus, .iui-button-split > * .iui-input-container:focus:where([aria-disabled="true"]), .iui-button-split > * .iui-input-container:focus-within, .iui-button-split > * .iui-input-container:focus-within:where([aria-disabled="true"]), .iui-button-split > * .iui-button:focus, .iui-button-split > * .iui-button:focus:where([aria-disabled="true"]), .iui-button-split > * .iui-button:focus-within, .iui-button-split > * .iui-button:focus-within:where([aria-disabled="true"]), .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)):focus, .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)):focus:where([aria-disabled="true"]), .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)):focus-within, .iui-button-split > * .iui-input:where(:not(.iui-input-container .iui-input)):focus-within:where([aria-disabled="true"]){
2005
- z-index:2;
2006
- }
2007
- .iui-button-split > * .iui-input, .iui-button-split > * .iui-button:where(:not([data-iui-variant="borderless"])){
2008
- border-radius:0;
2009
- transition-duration:0ms;
2010
- }
2011
- .iui-button-split > * .iui-input:hover, .iui-button-split > * .iui-input:focus, .iui-button-split > * .iui-button:where(:not([data-iui-variant="borderless"])):hover, .iui-button-split > * .iui-button:where(:not([data-iui-variant="borderless"])):focus{
2012
- transition-duration:0.2s;
2013
- }
2014
- .iui-button-split > *:first-child .iui-input, .iui-button-split > *:first-child .iui-button:where(:not([data-iui-variant="borderless"])){
2015
- border-top-left-radius:4px;
2016
- border-bottom-left-radius:4px;
2017
- }
2018
- .iui-button-split > *:last-child .iui-input, .iui-button-split > *:last-child .iui-button:where(:not([data-iui-variant="borderless"])){
2019
- border-bottom-right-radius:4px;
2020
- border-top-right-radius:4px;
2021
- }
2022
- .iui-button-split > * + *{
1998
+ .iui-button-split :where(.iui-button:last-child){
1999
+ --_iui-button-padding-inline:4px;
2000
+ border-top-left-radius:0;
2001
+ border-bottom-left-radius:0;
2023
2002
  margin-left:-1px;
2024
2003
  }
2025
- .iui-button-split > *:not(:first-child) :not([data-iui-variant=borderless]):disabled, .iui-button-split > *:not(:first-child) :not([data-iui-variant=borderless]).iui-disabled, .iui-button-split > *:not(:first-child) :not([data-iui-variant=borderless])[aria-disabled=true]{
2026
- border-left-color:var(--iui-color-background-4);
2027
- }
2028
- .iui-button-split:hover{
2029
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
2004
+ .iui-button-split :where(.iui-button:last-child)[data-iui-variant=high-visibility], .iui-button-split :where(.iui-button:last-child)[data-iui-variant=cta]{
2005
+ border-left-color:rgba(255, 255, 255, var(--iui-opacity-4));
2030
2006
  }
2031
- .iui-button-split > *:last-child > .iui-button{
2032
- --_iui-button-padding-inline:4px;
2007
+ .iui-button-split :where(.iui-button:last-child)[disabled], .iui-button-split :where(.iui-button:last-child):disabled, .iui-button-split :where(.iui-button:last-child)[aria-disabled=true]{
2008
+ border-left-color:var(--iui-color-background-4);
2009
+ z-index:-1;
2033
2010
  }
2034
- .iui-button-split > *:last-child > [data-iui-size=small]{
2011
+ .iui-button-split :where(.iui-button:last-child)[data-iui-size=small]{
2035
2012
  --_iui-button-padding-inline:2px;
2036
2013
  }
2037
- .iui-button-split > *:last-child > [data-iui-size=large]{
2014
+ .iui-button-split :where(.iui-button:last-child)[data-iui-size=large]{
2038
2015
  --_iui-button-padding-inline:8px;
2039
2016
  }
2040
- .iui-button-split > *:first-child > [data-iui-variant=high-visibility],
2041
- .iui-button-split > *:first-child > [data-iui-variant=cta]{
2042
- border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
2043
- }
2044
- .iui-button-split > *:last-child > [data-iui-variant=high-visibility],
2045
- .iui-button-split > *:last-child > [data-iui-variant=cta]{
2046
- border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
2047
- }
2048
2017
 
2049
2018
  .iui-button-group{
2050
2019
  display:inline-flex;
@@ -2184,7 +2153,7 @@ a.iui-breadcrumbs-text:focus{
2184
2153
  .iui-carousel-navigation{
2185
2154
  display:flex;
2186
2155
  align-items:center;
2187
- height:33px;
2156
+ height:36px;
2188
2157
  border-top:2px solid var(--iui-color-background-4);
2189
2158
  }
2190
2159
  .iui-carousel-navigation-left, .iui-carousel-navigation-right{
@@ -2224,7 +2193,7 @@ a.iui-breadcrumbs-text:focus{
2224
2193
  }
2225
2194
  .iui-carousel-navigation-dot{
2226
2195
  --_iui-button-gap:4px;
2227
- --_iui-button-height:27px;
2196
+ --_iui-button-height:28px;
2228
2197
  --_iui-button-padding-inline:8px;
2229
2198
  background-color:transparent;
2230
2199
  border:none;
@@ -2237,10 +2206,11 @@ a.iui-breadcrumbs-text:focus{
2237
2206
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
2238
2207
  }
2239
2208
  .iui-carousel-navigation-dot::after{
2240
- content:"";
2241
- display:block;
2209
+ display:flex;
2210
+ flex-shrink:0;
2242
2211
  width:12px;
2243
2212
  height:12px;
2213
+ content:"";
2244
2214
  border-radius:50%;
2245
2215
  border:1px solid transparent;
2246
2216
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
@@ -2273,16 +2243,17 @@ a.iui-breadcrumbs-text:focus{
2273
2243
  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
2274
2244
  --_iui-checkbox-background-color:var(--iui-color-background-1);
2275
2245
  --_iui-checkbox-mask-image:initial;
2246
+ display:flex;
2247
+ flex-shrink:0;
2248
+ width:16px;
2249
+ height:16px;
2276
2250
  -webkit-appearance:none;
2277
2251
  -moz-appearance:none;
2278
2252
  appearance:none;
2279
2253
  margin:0;
2280
- width:16px;
2281
- height:16px;
2282
2254
  position:relative;
2283
2255
  border-radius:4px;
2284
2256
  background-color:var(--_iui-checkbox-background-color);
2285
- flex-shrink:0;
2286
2257
  cursor:pointer;
2287
2258
  }
2288
2259
  .iui-checkbox-wrapper{
@@ -2316,6 +2287,8 @@ a.iui-breadcrumbs-text:focus{
2316
2287
  }
2317
2288
  .iui-checkbox-wrapper > .iui-checkbox-label svg,
2318
2289
  .iui-checkbox-wrapper > .iui-radio-label svg{
2290
+ display:flex;
2291
+ flex-shrink:0;
2319
2292
  width:16px;
2320
2293
  height:16px;
2321
2294
  vertical-align:middle;
@@ -2326,7 +2299,7 @@ a.iui-breadcrumbs-text:focus{
2326
2299
  color:var(--iui-text-color-muted);
2327
2300
  }
2328
2301
  .iui-checkbox-wrapper.iui-disabled svg{
2329
- fill:var(--iui-icons-color-actionable-disabled);
2302
+ fill:var(--iui-icon-color-actionable-disabled);
2330
2303
  }
2331
2304
  .iui-checkbox-wrapper.iui-positive{
2332
2305
  color:var(--iui-color-foreground-positive);
@@ -2380,7 +2353,7 @@ a.iui-breadcrumbs-text:focus{
2380
2353
  }
2381
2354
  }
2382
2355
  .iui-checkbox:disabled{
2383
- --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
2356
+ --_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
2384
2357
  --_iui-checkbox-border-color:var(--iui-color-background-border);
2385
2358
  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
2386
2359
  cursor:not-allowed;
@@ -2393,14 +2366,14 @@ a.iui-breadcrumbs-text:focus{
2393
2366
  --_iui-checkbox-background-color:transparent;
2394
2367
  }
2395
2368
  .iui-checkbox.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
2396
- --_iui-checkbox-svg-color:var(--iui-icons-color-actionable);
2369
+ --_iui-checkbox-svg-color:var(--iui-icon-color-actionable);
2397
2370
  }
2398
2371
  .iui-checkbox.iui-checkbox-visibility:where(:hover){
2399
2372
  --_iui-checkbox-border-color:transparent;
2400
2373
  --_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
2401
2374
  }
2402
2375
  .iui-checkbox.iui-checkbox-visibility:where(:disabled){
2403
- --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
2376
+ --_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
2404
2377
  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
2405
2378
  }
2406
2379
  .iui-checkbox.iui-loading{
@@ -2451,6 +2424,7 @@ a.iui-breadcrumbs-text:focus{
2451
2424
  }
2452
2425
  .iui-codeblock > .iui-codeblock-content{
2453
2426
  margin:0;
2427
+ display:grid;
2454
2428
  overflow-x:auto;
2455
2429
  overflow-y:auto;
2456
2430
  border-radius:0 0 4px 4px;
@@ -2501,15 +2475,15 @@ a.iui-breadcrumbs-text:focus{
2501
2475
  color:var(--iui-text-color);
2502
2476
  border-radius:4px;
2503
2477
  display:inline-flex;
2504
- padding:11px 12px;
2478
+ padding:12px 12px;
2505
2479
  -webkit-user-select:none;
2506
2480
  -moz-user-select:none;
2507
2481
  -ms-user-select:none;
2508
2482
  user-select:none;
2509
2483
  overflow-y:auto;
2510
2484
  flex-direction:column;
2511
- max-height:495px;
2512
- row-gap:11px;
2485
+ max-height:540px;
2486
+ row-gap:12px;
2513
2487
  }
2514
2488
  @media (forced-colors: active){
2515
2489
  .iui-color-picker{
@@ -2618,7 +2592,7 @@ a.iui-breadcrumbs-text:focus{
2618
2592
  }
2619
2593
 
2620
2594
  .iui-color-picker-section-label{
2621
- margin-bottom:5.5px;
2595
+ margin-bottom:6px;
2622
2596
  overflow:hidden;
2623
2597
  text-overflow:ellipsis;
2624
2598
  white-space:nowrap;
@@ -2636,7 +2610,7 @@ a.iui-breadcrumbs-text:focus{
2636
2610
  position:relative;
2637
2611
  cursor:crosshair;
2638
2612
  width:100%;
2639
- height:209px;
2613
+ height:216px;
2640
2614
  forced-color-adjust:none;
2641
2615
  background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--iui-color-field-hue));
2642
2616
  }
@@ -2644,30 +2618,30 @@ a.iui-breadcrumbs-text:focus{
2644
2618
  margin-bottom:6px;
2645
2619
  }
2646
2620
 
2647
- .iui-hue-slider .iui-slider-rail{
2621
+ .iui-hue-slider .iui-slider-container .iui-slider-rail{
2648
2622
  height:8px;
2649
2623
  forced-color-adjust:none;
2650
2624
  background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
2651
2625
  }
2652
- .iui-hue-slider .iui-slider-thumb{
2626
+ .iui-hue-slider .iui-slider-container .iui-slider-thumb{
2653
2627
  top:7px;
2654
2628
  }
2655
2629
 
2656
- .iui-opacity-slider .iui-slider-rail{
2630
+ .iui-opacity-slider .iui-slider-container .iui-slider-rail{
2657
2631
  height:8px;
2658
2632
  forced-color-adjust:none;
2659
2633
  background-position:0 0, 4px 4px;
2660
2634
  background-size:8px 8px;
2661
2635
  background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3));
2662
2636
  }
2663
- .iui-opacity-slider .iui-slider-rail::before{
2637
+ .iui-opacity-slider .iui-slider-container .iui-slider-rail::before{
2664
2638
  display:block;
2665
2639
  content:"";
2666
2640
  width:100%;
2667
2641
  height:100%;
2668
2642
  background-image:linear-gradient(to right, transparent 0%, var(--iui-color-picker-selected-color) 100%);
2669
2643
  }
2670
- .iui-opacity-slider .iui-slider-thumb{
2644
+ .iui-opacity-slider .iui-slider-container .iui-slider-thumb{
2671
2645
  top:7px;
2672
2646
  }
2673
2647
 
@@ -2737,7 +2711,7 @@ a.iui-breadcrumbs-text:focus{
2737
2711
  flex-shrink:0;
2738
2712
  align-items:center;
2739
2713
  justify-content:center;
2740
- line-height:44px;
2714
+ line-height:48px;
2741
2715
  }
2742
2716
 
2743
2717
  .iui-calendar-month{
@@ -3141,7 +3115,7 @@ a.iui-breadcrumbs-text:focus{
3141
3115
  border-radius:4px;
3142
3116
  box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
3143
3117
  position:fixed;
3144
- padding:11px 16px;
3118
+ padding:12px 16px;
3145
3119
  overflow:hidden;
3146
3120
  pointer-events:auto;
3147
3121
  background-color:var(--iui-color-background-1);
@@ -3174,25 +3148,25 @@ a.iui-breadcrumbs-text:focus{
3174
3148
  .iui-dialog-default[data-iui-placement=top-left]{
3175
3149
  top:0;
3176
3150
  left:0;
3177
- margin-left:11px;
3151
+ margin-left:12px;
3178
3152
  margin-top:16px;
3179
3153
  }
3180
3154
  .iui-dialog-default[data-iui-placement=top-right]{
3181
3155
  top:0;
3182
3156
  right:0;
3183
- margin-right:11px;
3157
+ margin-right:12px;
3184
3158
  margin-top:16px;
3185
3159
  }
3186
3160
  .iui-dialog-default[data-iui-placement=bottom-left]{
3187
3161
  bottom:0;
3188
3162
  left:0;
3189
- margin-left:11px;
3163
+ margin-left:12px;
3190
3164
  margin-bottom:16px;
3191
3165
  }
3192
3166
  .iui-dialog-default[data-iui-placement=bottom-right]{
3193
3167
  bottom:0;
3194
3168
  right:0;
3195
- margin-right:11px;
3169
+ margin-right:12px;
3196
3170
  margin-bottom:16px;
3197
3171
  }
3198
3172
 
@@ -3230,25 +3204,28 @@ a.iui-breadcrumbs-text:focus{
3230
3204
  }
3231
3205
 
3232
3206
  .iui-dialog-title{
3207
+ display:flex;
3208
+ align-items:center;
3233
3209
  font-size:inherit;
3234
3210
  white-space:nowrap;
3235
3211
  overflow:hidden;
3236
3212
  text-overflow:ellipsis;
3237
3213
  line-height:1.5;
3214
+ margin-right:auto;
3238
3215
  }
3239
3216
 
3240
3217
  .iui-dialog-title-bar{
3241
3218
  display:flex;
3242
3219
  align-items:center;
3243
- margin-bottom:11px;
3244
- justify-content:space-between;
3220
+ margin-bottom:12px;
3221
+ box-sizing:border-box;
3245
3222
  font-size:18px;
3246
3223
  }
3247
3224
 
3248
3225
  .iui-dialog-title-bar-filled{
3249
3226
  font-size:16px;
3250
3227
  padding:6px 16px;
3251
- margin:-11px -16px 11px -16px;
3228
+ margin:-12px -16px 12px -16px;
3252
3229
  cursor:-webkit-grab;
3253
3230
  cursor:grab;
3254
3231
  background-color:var(--iui-color-background-3);
@@ -3268,7 +3245,7 @@ a.iui-breadcrumbs-text:focus{
3268
3245
  }
3269
3246
 
3270
3247
  .iui-dialog-button-bar{
3271
- margin-top:11px;
3248
+ margin-top:12px;
3272
3249
  display:flex;
3273
3250
  align-items:center;
3274
3251
  justify-content:flex-end;
@@ -3296,7 +3273,7 @@ a.iui-breadcrumbs-text:focus{
3296
3273
  .iui-expandable-block > .iui-header{
3297
3274
  display:flex;
3298
3275
  align-items:center;
3299
- padding:11px 12px;
3276
+ padding:12px 12px;
3300
3277
  cursor:pointer;
3301
3278
  -webkit-user-select:none;
3302
3279
  -moz-user-select:none;
@@ -3323,13 +3300,13 @@ a.iui-breadcrumbs-text:focus{
3323
3300
  }
3324
3301
  .iui-expandable-block > .iui-header > .iui-icon,
3325
3302
  .iui-expandable-block > .iui-header > .iui-status-icon{
3326
- display:inline-flex;
3303
+ display:flex;
3327
3304
  flex-shrink:0;
3328
3305
  width:16px;
3329
3306
  height:16px;
3330
3307
  }
3331
3308
  .iui-expandable-block > .iui-header > .iui-icon{
3332
- fill:var(--iui-icons-color-actionable);
3309
+ fill:var(--iui-icon-color-actionable);
3333
3310
  }
3334
3311
  @media (prefers-reduced-motion: no-preference){
3335
3312
  .iui-expandable-block > .iui-header > .iui-icon{
@@ -3338,19 +3315,6 @@ a.iui-breadcrumbs-text:focus{
3338
3315
  }
3339
3316
  .iui-expandable-block > .iui-header > .iui-status-icon{
3340
3317
  margin-left:12px;
3341
- fill:var(--iui-icons-color);
3342
- }
3343
- .iui-expandable-block > .iui-header > .iui-status-icon.iui-informational{
3344
- fill:var(--iui-icons-color-primary);
3345
- }
3346
- .iui-expandable-block > .iui-header > .iui-status-icon.iui-positive{
3347
- fill:var(--iui-icons-color-positive);
3348
- }
3349
- .iui-expandable-block > .iui-header > .iui-status-icon.iui-warning{
3350
- fill:var(--iui-icons-color-warning);
3351
- }
3352
- .iui-expandable-block > .iui-header > .iui-status-icon.iui-negative{
3353
- fill:var(--iui-icons-color-negative);
3354
3318
  }
3355
3319
  .iui-expandable-block > .iui-header .iui-expandable-block-label{
3356
3320
  display:flex;
@@ -3417,13 +3381,13 @@ a.iui-breadcrumbs-text:focus{
3417
3381
  }
3418
3382
  }
3419
3383
  .iui-expandable-block .iui-expandable-content > div{
3420
- padding:11px 12px;
3384
+ padding:12px 12px;
3421
3385
  }
3422
3386
  .iui-expandable-block:hover > .iui-header{
3423
3387
  background-color:var(--iui-color-background-4);
3424
3388
  }
3425
3389
  .iui-expandable-block:hover > .iui-header > .iui-icon{
3426
- fill:var(--iui-icons-color-actionable-hover);
3390
+ fill:var(--iui-icon-color-actionable-hover);
3427
3391
  }
3428
3392
  .iui-expandable-block:hover > .iui-header .iui-caption,
3429
3393
  .iui-expandable-block:hover > .iui-header .iui-title{
@@ -3448,9 +3412,11 @@ a.iui-breadcrumbs-text:focus{
3448
3412
  transform:rotate(90deg);
3449
3413
  }
3450
3414
  .iui-expandable-block.iui-small .iui-header{
3451
- padding:5.5px 8px;
3415
+ padding:6px 8px;
3452
3416
  }
3453
3417
  .iui-expandable-block.iui-small .iui-header > .iui-icon{
3418
+ display:flex;
3419
+ flex-shrink:0;
3454
3420
  width:12px;
3455
3421
  height:12px;
3456
3422
  }
@@ -3480,14 +3446,14 @@ a.iui-breadcrumbs-text:focus{
3480
3446
  padding:0;
3481
3447
  border:none;
3482
3448
  vertical-align:baseline;
3483
- padding:11px 12px;
3449
+ padding:12px 12px;
3484
3450
  border-radius:4px;
3485
3451
  border:1px solid var(--iui-color-background-border);
3486
3452
  background-color:var(--iui-color-background-1);
3487
3453
  }
3488
3454
  .iui-fieldset legend{
3489
3455
  font-size:16px;
3490
- padding:1.5px 8px;
3456
+ padding:1px 8px;
3491
3457
  border-radius:4px;
3492
3458
  -webkit-user-select:none;
3493
3459
  -moz-user-select:none;
@@ -3540,28 +3506,19 @@ a.iui-breadcrumbs-text:focus{
3540
3506
  }
3541
3507
  .iui-file-upload > .iui-content > svg,
3542
3508
  .iui-file-upload > .iui-content .iui-template-icon{
3543
- fill:var(--iui-icons-color);
3544
- display:inline-flex;
3509
+ display:flex;
3510
+ flex-shrink:0;
3545
3511
  width:64px;
3546
3512
  height:64px;
3547
- margin-top:11px;
3548
- margin-bottom:11px;
3549
- }
3550
- .iui-file-upload > .iui-content > svg.iui-informational,
3551
- .iui-file-upload > .iui-content .iui-template-icon.iui-informational{
3552
- fill:var(--iui-icons-color-primary);
3553
- }
3554
- .iui-file-upload > .iui-content > svg.iui-positive,
3555
- .iui-file-upload > .iui-content .iui-template-icon.iui-positive{
3556
- fill:var(--iui-icons-color-positive);
3557
- }
3558
- .iui-file-upload > .iui-content > svg.iui-warning,
3559
- .iui-file-upload > .iui-content .iui-template-icon.iui-warning{
3560
- fill:var(--iui-icons-color-warning);
3513
+ fill:var(--iui-icon-color);
3514
+ margin-top:12px;
3515
+ margin-bottom:12px;
3561
3516
  }
3562
- .iui-file-upload > .iui-content > svg.iui-negative,
3563
- .iui-file-upload > .iui-content .iui-template-icon.iui-negative{
3564
- fill:var(--iui-icons-color-negative);
3517
+ @media (forced-colors: active){
3518
+ .iui-file-upload > .iui-content > svg,
3519
+ .iui-file-upload > .iui-content .iui-template-icon{
3520
+ fill:CanvasText;
3521
+ }
3565
3522
  }
3566
3523
  .iui-file-upload > .iui-content:only-child{
3567
3524
  visibility:visible;
@@ -3586,7 +3543,7 @@ a.iui-breadcrumbs-text:focus{
3586
3543
  }
3587
3544
  .iui-file-upload.iui-drag > .iui-content > svg,
3588
3545
  .iui-file-upload.iui-drag > .iui-content .iui-template-icon{
3589
- fill:var(--iui-icons-color-primary);
3546
+ fill:var(--iui-icon-color-primary);
3590
3547
  }
3591
3548
  .iui-legal-footer{
3592
3549
  margin:0;
@@ -3595,10 +3552,11 @@ a.iui-breadcrumbs-text:focus{
3595
3552
  vertical-align:baseline;
3596
3553
  text-align:center;
3597
3554
  width:100%;
3598
- padding:11px 0;
3555
+ padding:12px 0;
3599
3556
  font-size:12px;
3600
3557
  }
3601
- .iui-legal-footer > ul{
3558
+
3559
+ .iui-legal-footer-list{
3602
3560
  list-style-type:none;
3603
3561
  margin:0 auto;
3604
3562
  padding:0;
@@ -3607,8 +3565,10 @@ a.iui-breadcrumbs-text:focus{
3607
3565
  align-items:center;
3608
3566
  flex-wrap:wrap;
3609
3567
  }
3610
- .iui-legal-footer > ul > li{
3611
- display:inline-block;
3568
+
3569
+ .iui-legal-footer-item{
3570
+ display:flex;
3571
+ align-items:center;
3612
3572
  -webkit-user-select:none;
3613
3573
  -moz-user-select:none;
3614
3574
  -ms-user-select:none;
@@ -3617,71 +3577,68 @@ a.iui-breadcrumbs-text:focus{
3617
3577
  word-break:keep-all;
3618
3578
  color:var(--iui-text-color-muted);
3619
3579
  }
3620
- .iui-legal-footer > ul > li .iui-separator{
3621
- margin:0 8px;
3622
- width:1px;
3623
- height:11px;
3624
- display:inline-table;
3625
- background-color:var(--iui-text-color-muted);
3626
- }
3627
- .iui-legal-footer > ul > li > a{
3580
+ .iui-legal-footer-item > a{
3628
3581
  color:var(--iui-color-foreground-primary);
3629
3582
  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
3630
3583
  border-radius:4px;
3631
3584
  cursor:pointer;
3632
3585
  text-decoration:none;
3633
3586
  }
3634
- .iui-legal-footer > ul > li > a:focus-visible{
3587
+ .iui-legal-footer-item > a:focus-visible{
3635
3588
  outline:1px solid var(--iui-color-foreground-primary);
3636
3589
  outline-offset:1px;
3637
3590
  }
3638
3591
  @supports not selector(*:focus-visible){
3639
- .iui-legal-footer > ul > li > a:focus{
3592
+ .iui-legal-footer-item > a:focus{
3640
3593
  outline:1px solid var(--iui-color-foreground-primary);
3641
3594
  outline-offset:1px;
3642
3595
  }
3643
3596
  }
3644
- .iui-legal-footer > ul > li > a:hover{
3597
+ .iui-legal-footer-item > a:hover{
3645
3598
  color:var(--iui-color-foreground-primary-overlay);
3646
3599
  }
3647
- .iui-legal-footer > ul > li > a:hover{
3600
+ .iui-legal-footer-item > a:hover{
3648
3601
  text-decoration:underline;
3649
3602
  }
3650
3603
  @media (prefers-contrast: more){
3651
- .iui-legal-footer > ul > li > a{
3604
+ .iui-legal-footer-item > a{
3652
3605
  text-decoration:underline;
3653
3606
  }
3654
- .iui-legal-footer > ul > li > a:hover{
3607
+ .iui-legal-footer-item > a:hover{
3655
3608
  text-decoration:none;
3656
3609
  }
3657
3610
  }
3658
- .iui-theme-light .iui-legal-footer > ul > li > a, .iui-theme-dark .iui-legal-footer > ul > li > a{
3611
+ .iui-theme-light .iui-legal-footer-item > a, .iui-theme-dark .iui-legal-footer-item > a{
3659
3612
  text-decoration:none;
3660
3613
  }
3661
- .iui-theme-light .iui-legal-footer > ul > li > a:hover, .iui-theme-dark .iui-legal-footer > ul > li > a:hover{
3614
+ .iui-theme-light .iui-legal-footer-item > a:hover, .iui-theme-dark .iui-legal-footer-item > a:hover{
3662
3615
  text-decoration:underline;
3663
3616
  }
3664
3617
 
3665
- .iui-theme-light-hc .iui-legal-footer > ul > li > a, .iui-theme-dark-hc .iui-legal-footer > ul > li > a{
3618
+ .iui-theme-light-hc .iui-legal-footer-item > a, .iui-theme-dark-hc .iui-legal-footer-item > a{
3666
3619
  text-decoration:underline;
3667
3620
  }
3668
- .iui-theme-light-hc .iui-legal-footer > ul > li > a:hover, .iui-theme-dark-hc .iui-legal-footer > ul > li > a:hover{
3621
+ .iui-theme-light-hc .iui-legal-footer-item > a:hover, .iui-theme-dark-hc .iui-legal-footer-item > a:hover{
3669
3622
  text-decoration:none;
3670
3623
  }
3671
3624
 
3672
- .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
3625
+ .iui-legal-footer-item > a, .iui-legal-footer-item > a:hover{
3673
3626
  color:var(--iui-text-color-muted);
3674
3627
  }
3675
- .iui-legal-footer > .iui-legal-footer-developer{
3676
- display:block;
3677
- -webkit-user-select:all;
3678
- -moz-user-select:all;
3679
- user-select:all;
3628
+
3629
+ .iui-legal-footer-separator{
3630
+ margin:0 8px;
3631
+ width:1px;
3632
+ height:12px;
3633
+ background-color:var(--iui-text-color-muted);
3634
+ }
3635
+
3636
+ .iui-legal-footer-developer{
3680
3637
  color:var(--iui-text-color-muted);
3681
3638
  }
3682
3639
  .iui-page-header{
3683
3640
  --_iui-header-brand-label-font-size:16px;
3684
- --_iui-header-height:55px;
3641
+ --_iui-header-height:60px;
3685
3642
  --_iui-header-icon-scale:none;
3686
3643
  margin:0;
3687
3644
  padding:0;
@@ -3707,7 +3664,7 @@ a.iui-breadcrumbs-text:focus{
3707
3664
  }
3708
3665
  .iui-page-header[data-iui-size=slim]{
3709
3666
  --_iui-header-brand-label-font-size:14px;
3710
- --_iui-header-height:33px;
3667
+ --_iui-header-height:36px;
3711
3668
  --_iui-header-icon-scale:scale(0.66666);
3712
3669
  }
3713
3670
 
@@ -3737,7 +3694,7 @@ a.iui-breadcrumbs-text:focus{
3737
3694
  }
3738
3695
 
3739
3696
  .iui-page-header-divider{
3740
- height:22px;
3697
+ height:24px;
3741
3698
  border-left:1px solid var(--iui-color-background-border);
3742
3699
  }
3743
3700
  @media (forced-colors: active){
@@ -3808,10 +3765,12 @@ a.iui-header-brand{
3808
3765
  }
3809
3766
 
3810
3767
  .iui-header-brand-icon{
3768
+ display:flex;
3769
+ flex-shrink:0;
3811
3770
  width:24px;
3812
3771
  height:24px;
3813
3772
  margin:0 24px;
3814
- fill:var(--iui-icons-color-actionable);
3773
+ fill:var(--iui-icon-color-actionable);
3815
3774
  will-change:transform;
3816
3775
  transform:var(--_iui-header-icon-scale);
3817
3776
  }
@@ -3981,6 +3940,8 @@ a.iui-header-brand{
3981
3940
  }
3982
3941
 
3983
3942
  .iui-header-breadcrumb-button-icon{
3943
+ display:flex;
3944
+ flex-shrink:0;
3984
3945
  width:24px;
3985
3946
  height:24px;
3986
3947
  background-color:var(--iui-color-background-3);
@@ -3989,7 +3950,7 @@ a.iui-header-brand{
3989
3950
  flex-shrink:0;
3990
3951
  box-sizing:border-box;
3991
3952
  padding:4px;
3992
- fill:var(--iui-icons-color);
3953
+ fill:var(--iui-icon-color);
3993
3954
  will-change:transform;
3994
3955
  transform:var(--_iui-header-icon-scale);
3995
3956
  }
@@ -4033,7 +3994,7 @@ div.iui-header-breadcrumb-button-icon{
4033
3994
 
4034
3995
  :disabled .iui-header-breadcrumb-button-icon, [aria-disabled=true] .iui-header-breadcrumb-button-icon{
4035
3996
  background-color:var(--iui-color-background-2);
4036
- fill:var(--iui-icons-color-actionable-disabled);
3997
+ fill:var(--iui-icon-color-actionable-disabled);
4037
3998
  }
4038
3999
  @media (forced-colors: active){
4039
4000
  :disabled .iui-header-breadcrumb-button-icon, [aria-disabled=true] .iui-header-breadcrumb-button-icon{
@@ -4055,6 +4016,8 @@ div.iui-header-breadcrumb-button-icon{
4055
4016
  }
4056
4017
 
4057
4018
  .iui-header-breadcrumb-button-dropdown-icon{
4019
+ display:flex;
4020
+ flex-shrink:0;
4058
4021
  width:16px;
4059
4022
  height:16px;
4060
4023
  fill:currentColor;
@@ -4104,120 +4067,6 @@ div.iui-header-breadcrumb-button-icon{
4104
4067
  height:0;
4105
4068
  width:0;
4106
4069
  }
4107
-
4108
- .iui-icons-default{
4109
- fill:var(--iui-icons-color);
4110
- display:inline-flex;
4111
- width:16px;
4112
- height:16px;
4113
- }
4114
- .iui-icons-default.iui-informational{
4115
- fill:var(--iui-icons-color-primary);
4116
- }
4117
- .iui-icons-default.iui-positive{
4118
- fill:var(--iui-icons-color-positive);
4119
- }
4120
- .iui-icons-default.iui-warning{
4121
- fill:var(--iui-icons-color-warning);
4122
- }
4123
- .iui-icons-default.iui-negative{
4124
- fill:var(--iui-icons-color-negative);
4125
- }
4126
-
4127
- .iui-icons-small{
4128
- fill:var(--iui-icons-color);
4129
- display:inline-flex;
4130
- width:12px;
4131
- height:12px;
4132
- }
4133
- .iui-icons-small.iui-informational{
4134
- fill:var(--iui-icons-color-primary);
4135
- }
4136
- .iui-icons-small.iui-positive{
4137
- fill:var(--iui-icons-color-positive);
4138
- }
4139
- .iui-icons-small.iui-warning{
4140
- fill:var(--iui-icons-color-warning);
4141
- }
4142
- .iui-icons-small.iui-negative{
4143
- fill:var(--iui-icons-color-negative);
4144
- }
4145
-
4146
- .iui-icons-large{
4147
- fill:var(--iui-icons-color);
4148
- display:inline-flex;
4149
- width:24px;
4150
- height:24px;
4151
- }
4152
- .iui-icons-large.iui-informational{
4153
- fill:var(--iui-icons-color-primary);
4154
- }
4155
- .iui-icons-large.iui-positive{
4156
- fill:var(--iui-icons-color-positive);
4157
- }
4158
- .iui-icons-large.iui-warning{
4159
- fill:var(--iui-icons-color-warning);
4160
- }
4161
- .iui-icons-large.iui-negative{
4162
- fill:var(--iui-icons-color-negative);
4163
- }
4164
-
4165
- .iui-icons-xl{
4166
- fill:var(--iui-icons-color);
4167
- display:inline-flex;
4168
- width:32px;
4169
- height:32px;
4170
- }
4171
- .iui-icons-xl.iui-informational{
4172
- fill:var(--iui-icons-color-primary);
4173
- }
4174
- .iui-icons-xl.iui-positive{
4175
- fill:var(--iui-icons-color-positive);
4176
- }
4177
- .iui-icons-xl.iui-warning{
4178
- fill:var(--iui-icons-color-warning);
4179
- }
4180
- .iui-icons-xl.iui-negative{
4181
- fill:var(--iui-icons-color-negative);
4182
- }
4183
-
4184
- .iui-icons-xxl{
4185
- fill:var(--iui-icons-color);
4186
- display:inline-flex;
4187
- width:48px;
4188
- height:48px;
4189
- }
4190
- .iui-icons-xxl.iui-informational{
4191
- fill:var(--iui-icons-color-primary);
4192
- }
4193
- .iui-icons-xxl.iui-positive{
4194
- fill:var(--iui-icons-color-positive);
4195
- }
4196
- .iui-icons-xxl.iui-warning{
4197
- fill:var(--iui-icons-color-warning);
4198
- }
4199
- .iui-icons-xxl.iui-negative{
4200
- fill:var(--iui-icons-color-negative);
4201
- }
4202
-
4203
- .iui-icons-3xl{
4204
- fill:var(--iui-icons-color);
4205
- display:inline-flex;
4206
- width:64px;
4207
- height:64px;
4208
- }
4209
- .iui-icons-3xl.iui-informational{
4210
- fill:var(--iui-icons-color-primary);
4211
- }
4212
- .iui-icons-3xl.iui-positive{
4213
- fill:var(--iui-icons-color-positive);
4214
- }
4215
- .iui-icons-3xl.iui-warning{
4216
- fill:var(--iui-icons-color-warning);
4217
- }
4218
- .iui-icons-3xl.iui-negative{
4219
- fill:var(--iui-icons-color-negative);
4220
- }
4221
4070
  .iui-information-panel-wrapper{
4222
4071
  position:relative;
4223
4072
  overflow:hidden;
@@ -4255,7 +4104,7 @@ div.iui-header-breadcrumb-button-icon{
4255
4104
  padding-right:12px;
4256
4105
  }
4257
4106
  .iui-information-panel .iui-information-header{
4258
- height:55px;
4107
+ height:60px;
4259
4108
  flex-shrink:0;
4260
4109
  display:flex;
4261
4110
  align-items:center;
@@ -4277,19 +4126,24 @@ div.iui-header-breadcrumb-button-icon{
4277
4126
  }
4278
4127
  .iui-information-panel .iui-information-header .iui-information-header-label svg{
4279
4128
  display:flex;
4129
+ flex-shrink:0;
4280
4130
  width:24px;
4281
4131
  height:24px;
4132
+ fill:var(--iui-icon-color);
4282
4133
  margin-right:8px;
4283
- flex-shrink:0;
4284
- fill:var(--iui-icons-color);
4134
+ }
4135
+ @media (forced-colors: active){
4136
+ .iui-information-panel .iui-information-header .iui-information-header-label svg{
4137
+ fill:CanvasText;
4138
+ }
4285
4139
  }
4286
4140
  .iui-information-panel .iui-information-header .iui-information-header-actions{
4287
4141
  flex-shrink:0;
4288
4142
  margin-left:8px;
4289
4143
  }
4290
4144
  .iui-information-panel .iui-information-body{
4291
- padding-top:11px;
4292
- padding-bottom:11px;
4145
+ padding-top:12px;
4146
+ padding-bottom:12px;
4293
4147
  height:100%;
4294
4148
  overflow-x:hidden;
4295
4149
  overflow-y:auto;
@@ -4386,10 +4240,10 @@ div.iui-header-breadcrumb-button-icon{
4386
4240
  color:var(--iui-text-color-muted);
4387
4241
  }
4388
4242
  .iui-information-body-content:not(.iui-inline) > *:nth-child(even):not(:last-child){
4389
- margin-bottom:11px;
4243
+ margin-bottom:12px;
4390
4244
  }
4391
4245
  .iui-information-body-content.iui-inline{
4392
- row-gap:11px;
4246
+ row-gap:12px;
4393
4247
  grid-template-columns:auto 1fr;
4394
4248
  align-items:center;
4395
4249
  }
@@ -4410,13 +4264,13 @@ div.iui-header-breadcrumb-button-icon{
4410
4264
  font-family:inherit;
4411
4265
  font-size:14px;
4412
4266
  font-weight:400;
4413
- line-height:22px;
4267
+ line-height:24px;
4414
4268
  border-radius:4px;
4415
4269
  -webkit-appearance:none;
4416
4270
  -moz-appearance:none;
4417
4271
  appearance:none;
4418
4272
  padding:7px 12px;
4419
- min-height:38px;
4273
+ min-height:40px;
4420
4274
  color:var(--iui-text-color);
4421
4275
  background-color:var(--iui-color-background-1);
4422
4276
  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
@@ -4437,14 +4291,14 @@ div.iui-header-breadcrumb-button-icon{
4437
4291
  }
4438
4292
  }
4439
4293
  .iui-input.iui-small{
4440
- padding-top:1.5px;
4441
- padding-bottom:1.5px;
4442
- min-height:27px;
4294
+ padding-top:1px;
4295
+ padding-bottom:1px;
4296
+ min-height:28px;
4443
4297
  }
4444
4298
  .iui-input.iui-large{
4445
- padding-top:12.5px;
4446
- padding-bottom:12.5px;
4447
- min-height:49px;
4299
+ padding-top:13px;
4300
+ padding-bottom:13px;
4301
+ min-height:52px;
4448
4302
  font-size:16px;
4449
4303
  }
4450
4304
  .iui-input::-moz-placeholder{
@@ -4488,6 +4342,12 @@ div.iui-header-breadcrumb-button-icon{
4488
4342
  cursor:not-allowed;
4489
4343
  --_hover-color:var(--iui-color-background-disabled);
4490
4344
  }
4345
+ :where(textarea.iui-input){
4346
+ resize:vertical;
4347
+ }
4348
+ :where(textarea.iui-input)[disabled], :where(textarea.iui-input)[readonly]{
4349
+ resize:none;
4350
+ }
4491
4351
 
4492
4352
  .iui-input-with-icon.iui-input-with-icon{
4493
4353
  display:grid;
@@ -4515,6 +4375,8 @@ div.iui-header-breadcrumb-button-icon{
4515
4375
  grid-area:1/-1;
4516
4376
  }
4517
4377
  .iui-end-icon svg{
4378
+ display:flex;
4379
+ flex-shrink:0;
4518
4380
  width:16px;
4519
4381
  height:16px;
4520
4382
  }
@@ -4547,7 +4409,7 @@ div.iui-header-breadcrumb-button-icon{
4547
4409
  transition:background 0s;
4548
4410
  }
4549
4411
  .iui-end-icon.iui-actionable svg{
4550
- fill:var(--iui-icons-color-actionable);
4412
+ fill:var(--iui-icon-color-actionable);
4551
4413
  transition:transform 0.2s ease-out;
4552
4414
  }
4553
4415
  .iui-end-icon.iui-actionable.iui-open svg{
@@ -4557,7 +4419,7 @@ div.iui-header-breadcrumb-button-icon{
4557
4419
  cursor:not-allowed;
4558
4420
  }
4559
4421
  .iui-end-icon.iui-disabled svg{
4560
- fill:var(--iui-icons-color-actionable-disabled);
4422
+ fill:var(--iui-icon-color-actionable-disabled);
4561
4423
  }
4562
4424
  .iui-keyboard{
4563
4425
  margin:0;
@@ -4601,6 +4463,8 @@ div.iui-header-breadcrumb-button-icon{
4601
4463
  -ms-user-select:none;
4602
4464
  user-select:none;
4603
4465
  position:relative;
4466
+ display:flex;
4467
+ flex-shrink:0;
4604
4468
  width:24px;
4605
4469
  height:24px;
4606
4470
  cursor:pointer;
@@ -4652,9 +4516,11 @@ div.iui-header-breadcrumb-button-icon{
4652
4516
  border-color:var(--iui-color-foreground-accessory) transparent transparent transparent;
4653
4517
  }
4654
4518
  .iui-location-marker-data-rich > .iui-location-marker-data-rich-body > .iui-location-marker-data-rich-icon{
4655
- display:inline-block;
4519
+ display:flex;
4520
+ flex-shrink:0;
4656
4521
  width:16px;
4657
4522
  height:16px;
4523
+ display:inline-block;
4658
4524
  font-size:inherit;
4659
4525
  vertical-align:-2px;
4660
4526
  }
@@ -4673,9 +4539,11 @@ div.iui-header-breadcrumb-button-icon{
4673
4539
  -ms-user-select:none;
4674
4540
  user-select:none;
4675
4541
  position:relative;
4676
- position:relative;
4542
+ display:flex;
4543
+ flex-shrink:0;
4677
4544
  width:24px;
4678
4545
  height:24px;
4546
+ position:relative;
4679
4547
  border-radius:50%;
4680
4548
  cursor:default;
4681
4549
  background:radial-gradient(circle at center, rgba(var(--iui-color-foreground-primary-rgb), 0), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)));
@@ -4710,6 +4578,7 @@ div.iui-header-breadcrumb-button-icon{
4710
4578
  width:100%;
4711
4579
  margin:0;
4712
4580
  padding:0;
4581
+ max-height:var(--iui-menu-max-height);
4713
4582
  }
4714
4583
  @media (forced-colors: active){
4715
4584
  .iui-menu{
@@ -4720,14 +4589,17 @@ div.iui-header-breadcrumb-button-icon{
4720
4589
  margin:0 4px;
4721
4590
  }
4722
4591
  .iui-menu div.iui-header-menu-icon{
4723
- margin:0;
4592
+ display:flex;
4593
+ flex-shrink:0;
4724
4594
  width:24px;
4725
4595
  height:24px;
4596
+ margin:0;
4726
4597
  border-radius:4px;
4727
4598
  }
4728
4599
  .iui-menu.iui-scroll{
4729
4600
  overflow-y:auto;
4730
4601
  overflow-y:overlay;
4602
+ --iui-menu-max-height:315px;
4731
4603
  }
4732
4604
 
4733
4605
  .iui-menu-item{
@@ -4735,9 +4607,10 @@ div.iui-header-breadcrumb-button-icon{
4735
4607
  align-items:center;
4736
4608
  font-size:14px;
4737
4609
  padding:0 13px;
4738
- height:38px;
4610
+ height:40px;
4739
4611
  cursor:pointer;
4740
4612
  line-height:normal;
4613
+ color:var(--iui-color-foreground-2);
4741
4614
  }
4742
4615
  .iui-menu-item + .iui-menu-item{
4743
4616
  margin-top:-1px;
@@ -4762,10 +4635,12 @@ div.iui-header-breadcrumb-button-icon{
4762
4635
  opacity:var(--iui-opacity-3);
4763
4636
  }
4764
4637
  .iui-menu-item > .iui-icon{
4638
+ display:flex;
4639
+ flex-shrink:0;
4765
4640
  width:16px;
4766
4641
  height:16px;
4767
4642
  flex:0 0 auto;
4768
- fill:var(--iui-icons-color-actionable);
4643
+ fill:var(--iui-icon-color-actionable);
4769
4644
  }
4770
4645
  .iui-menu-item > .iui-icon + .iui-content{
4771
4646
  margin-left:8px;
@@ -4781,7 +4656,7 @@ div.iui-header-breadcrumb-button-icon{
4781
4656
  outline:none;
4782
4657
  }
4783
4658
  .iui-menu-item.iui-large{
4784
- height:49px;
4659
+ height:52px;
4785
4660
  }
4786
4661
  .iui-menu-item.iui-large .iui-menu-description{
4787
4662
  display:block;
@@ -4796,7 +4671,7 @@ div.iui-header-breadcrumb-button-icon{
4796
4671
  opacity:1;
4797
4672
  }
4798
4673
  .iui-menu-item.iui-active > .iui-icon{
4799
- fill:var(--iui-icons-color-primary);
4674
+ fill:var(--iui-icon-color-primary);
4800
4675
  }
4801
4676
  .iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{
4802
4677
  outline-width:2px;
@@ -4813,7 +4688,7 @@ div.iui-header-breadcrumb-button-icon{
4813
4688
  color:var(--iui-text-color-placeholder);
4814
4689
  }
4815
4690
  .iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{
4816
- fill:var(--iui-icons-color-actionable-disabled);
4691
+ fill:var(--iui-icon-color-actionable-disabled);
4817
4692
  }
4818
4693
  .iui-menu-item-skeleton{
4819
4694
  --iui-menu-item-content-skeleton-max-width:30%;
@@ -4838,7 +4713,7 @@ div.iui-header-breadcrumb-button-icon{
4838
4713
  }
4839
4714
 
4840
4715
  .iui-menu-content{
4841
- padding:11px 13px;
4716
+ padding:12px 13px;
4842
4717
  }
4843
4718
 
4844
4719
  .iui-menu-divider{
@@ -4866,7 +4741,7 @@ div.iui-header-breadcrumb-button-icon{
4866
4741
  .iui-non-ideal-state > .iui-non-ideal-state-illustration{
4867
4742
  max-width:220px;
4868
4743
  max-height:242px;
4869
- margin-bottom:22px;
4744
+ margin-bottom:24px;
4870
4745
  text-align:center;
4871
4746
  display:flex;
4872
4747
  justify-content:center;
@@ -4879,9 +4754,9 @@ div.iui-header-breadcrumb-button-icon{
4879
4754
  vertical-align:baseline;
4880
4755
  font-size:32px;
4881
4756
  font-weight:300;
4882
- line-height:44px;
4757
+ line-height:48px;
4883
4758
  padding:0;
4884
- margin:0 0 22px;
4759
+ margin:0 0 24px;
4885
4760
  }
4886
4761
  .iui-non-ideal-state > .iui-non-ideal-state-description{
4887
4762
  margin:0;
@@ -4890,9 +4765,9 @@ div.iui-header-breadcrumb-button-icon{
4890
4765
  vertical-align:baseline;
4891
4766
  font-size:14px;
4892
4767
  font-weight:400;
4893
- line-height:22px;
4768
+ line-height:24px;
4894
4769
  padding:0;
4895
- margin:0 0 22px;
4770
+ margin:0 0 24px;
4896
4771
  }
4897
4772
  .iui-non-ideal-state > .iui-non-ideal-state-actions{
4898
4773
  display:flex;
@@ -4948,6 +4823,7 @@ div.iui-header-breadcrumb-button-icon{
4948
4823
  }
4949
4824
  .iui-progress-indicator-linear > .iui-label svg{
4950
4825
  display:flex;
4826
+ flex-shrink:0;
4951
4827
  width:16px;
4952
4828
  height:16px;
4953
4829
  }
@@ -4959,7 +4835,7 @@ div.iui-header-breadcrumb-button-icon{
4959
4835
  color:var(--iui-color-foreground-positive);
4960
4836
  }
4961
4837
  .iui-progress-indicator-linear.iui-positive > .iui-label svg{
4962
- fill:var(--iui-icons-color-positive);
4838
+ fill:var(--iui-icon-color-positive);
4963
4839
  }
4964
4840
  .iui-progress-indicator-linear.iui-positive > .iui-label > span::-moz-selection, .iui-progress-indicator-linear.iui-positive > .iui-label > span *::-moz-selection{
4965
4841
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
@@ -4976,7 +4852,7 @@ div.iui-header-breadcrumb-button-icon{
4976
4852
  color:var(--iui-color-foreground-negative);
4977
4853
  }
4978
4854
  .iui-progress-indicator-linear.iui-negative > .iui-label svg{
4979
- fill:var(--iui-icons-color-negative);
4855
+ fill:var(--iui-icon-color-negative);
4980
4856
  }
4981
4857
  .iui-progress-indicator-linear.iui-negative > .iui-label > span::-moz-selection, .iui-progress-indicator-linear.iui-negative > .iui-label > span *::-moz-selection{
4982
4858
  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
@@ -5056,13 +4932,14 @@ div.iui-header-breadcrumb-button-icon{
5056
4932
  .iui-progress-indicator-radial .iui-inner-content svg,
5057
4933
  .iui-progress-indicator-radial .iui-inner-content img{
5058
4934
  display:flex;
4935
+ flex-shrink:0;
5059
4936
  width:16px;
5060
4937
  height:16px;
5061
- fill:var(--iui-icons-color-actionable);
4938
+ fill:var(--iui-icon-color-actionable);
5062
4939
  }
5063
4940
  .iui-progress-indicator-radial .iui-inner-content svg:hover,
5064
4941
  .iui-progress-indicator-radial .iui-inner-content img:hover{
5065
- fill:var(--iui-icons-color-actionable-hover);
4942
+ fill:var(--iui-icon-color-actionable-hover);
5066
4943
  }
5067
4944
  .iui-progress-indicator-radial.iui-positive{
5068
4945
  color:var(--iui-color-foreground-positive);
@@ -5072,7 +4949,7 @@ div.iui-header-breadcrumb-button-icon{
5072
4949
  stroke:var(--iui-color-foreground-positive);
5073
4950
  }
5074
4951
  .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{
5075
- fill:var(--iui-icons-color-positive);
4952
+ fill:var(--iui-icon-color-positive);
5076
4953
  }
5077
4954
  .iui-progress-indicator-radial.iui-negative{
5078
4955
  color:var(--iui-color-foreground-negative);
@@ -5081,7 +4958,7 @@ div.iui-header-breadcrumb-button-icon{
5081
4958
  stroke:var(--iui-color-foreground-negative);
5082
4959
  }
5083
4960
  .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{
5084
- fill:var(--iui-icons-color-negative);
4961
+ fill:var(--iui-icon-color-negative);
5085
4962
  }
5086
4963
  .iui-progress-indicator-radial.iui-x-small{
5087
4964
  width:16px;
@@ -5103,6 +4980,8 @@ div.iui-header-breadcrumb-button-icon{
5103
4980
  }
5104
4981
  .iui-progress-indicator-radial.iui-large .iui-inner-content svg,
5105
4982
  .iui-progress-indicator-radial.iui-large .iui-inner-content img{
4983
+ display:flex;
4984
+ flex-shrink:0;
5106
4985
  width:24px;
5107
4986
  height:24px;
5108
4987
  }
@@ -5213,16 +5092,17 @@ div.iui-header-breadcrumb-button-icon{
5213
5092
  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
5214
5093
  --_iui-checkbox-background-color:var(--iui-color-background-1);
5215
5094
  --_iui-checkbox-mask-image:initial;
5095
+ display:flex;
5096
+ flex-shrink:0;
5097
+ width:16px;
5098
+ height:16px;
5216
5099
  -webkit-appearance:none;
5217
5100
  -moz-appearance:none;
5218
5101
  appearance:none;
5219
5102
  margin:0;
5220
- width:16px;
5221
- height:16px;
5222
5103
  position:relative;
5223
5104
  border-radius:4px;
5224
5105
  background-color:var(--_iui-checkbox-background-color);
5225
- flex-shrink:0;
5226
5106
  cursor:pointer;
5227
5107
  border-radius:50%;
5228
5108
  }
@@ -5257,6 +5137,8 @@ div.iui-header-breadcrumb-button-icon{
5257
5137
  }
5258
5138
  .iui-radio-wrapper > .iui-checkbox-label svg,
5259
5139
  .iui-radio-wrapper > .iui-radio-label svg{
5140
+ display:flex;
5141
+ flex-shrink:0;
5260
5142
  width:16px;
5261
5143
  height:16px;
5262
5144
  vertical-align:middle;
@@ -5267,7 +5149,7 @@ div.iui-header-breadcrumb-button-icon{
5267
5149
  color:var(--iui-text-color-muted);
5268
5150
  }
5269
5151
  .iui-radio-wrapper.iui-disabled svg{
5270
- fill:var(--iui-icons-color-actionable-disabled);
5152
+ fill:var(--iui-icon-color-actionable-disabled);
5271
5153
  }
5272
5154
  .iui-radio-wrapper.iui-positive{
5273
5155
  color:var(--iui-color-foreground-positive);
@@ -5321,7 +5203,7 @@ div.iui-header-breadcrumb-button-icon{
5321
5203
  }
5322
5204
  }
5323
5205
  .iui-radio:disabled{
5324
- --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
5206
+ --_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
5325
5207
  --_iui-checkbox-border-color:var(--iui-color-background-border);
5326
5208
  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
5327
5209
  cursor:not-allowed;
@@ -5334,14 +5216,14 @@ div.iui-header-breadcrumb-button-icon{
5334
5216
  --_iui-checkbox-background-color:transparent;
5335
5217
  }
5336
5218
  .iui-radio.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
5337
- --_iui-checkbox-svg-color:var(--iui-icons-color-actionable);
5219
+ --_iui-checkbox-svg-color:var(--iui-icon-color-actionable);
5338
5220
  }
5339
5221
  .iui-radio.iui-checkbox-visibility:where(:hover){
5340
5222
  --_iui-checkbox-border-color:transparent;
5341
5223
  --_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
5342
5224
  }
5343
5225
  .iui-radio.iui-checkbox-visibility:where(:disabled){
5344
- --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
5226
+ --_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
5345
5227
  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
5346
5228
  }
5347
5229
  .iui-radio.iui-loading{
@@ -5381,7 +5263,7 @@ div.iui-header-breadcrumb-button-icon{
5381
5263
  outline-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
5382
5264
  }
5383
5265
  .iui-radio-tile-content:hover .iui-radio-tile-icon{
5384
- fill:var(--iui-icons-color-actionable);
5266
+ fill:var(--iui-icon-color-actionable);
5385
5267
  }
5386
5268
  @media (forced-colors: active){
5387
5269
  .iui-radio-tile-content:hover .iui-radio-tile-icon{
@@ -5422,7 +5304,7 @@ div.iui-header-breadcrumb-button-icon{
5422
5304
  }
5423
5305
  }
5424
5306
  .iui-radio-tile-input:checked + * .iui-radio-tile-icon{
5425
- fill:var(--iui-icons-color-primary);
5307
+ fill:var(--iui-icon-color-primary);
5426
5308
  }
5427
5309
  @media (forced-colors: active){
5428
5310
  .iui-radio-tile-input:checked + * .iui-radio-tile-icon{
@@ -5430,9 +5312,11 @@ div.iui-header-breadcrumb-button-icon{
5430
5312
  }
5431
5313
  }
5432
5314
  .iui-radio-tile-input:checked + *::after{
5433
- content:"";
5315
+ display:flex;
5316
+ flex-shrink:0;
5434
5317
  width:16px;
5435
5318
  height:16px;
5319
+ content:"";
5436
5320
  position:absolute;
5437
5321
  top:8px;
5438
5322
  right:8px;
@@ -5452,7 +5336,7 @@ div.iui-header-breadcrumb-button-icon{
5452
5336
  background-color:var(--iui-color-background-disabled);
5453
5337
  }
5454
5338
  .iui-radio-tile-input:disabled + *::after{
5455
- background-color:var(--iui-icons-color-actionable-disabled);
5339
+ background-color:var(--iui-icon-color-actionable-disabled);
5456
5340
  }
5457
5341
  @media (forced-colors: active){
5458
5342
  .iui-radio-tile-input:disabled + *::after{
@@ -5461,7 +5345,7 @@ div.iui-header-breadcrumb-button-icon{
5461
5345
  }
5462
5346
  .iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
5463
5347
  filter:grayscale(100%);
5464
- fill:var(--iui-icons-color-actionable-disabled);
5348
+ fill:var(--iui-icon-color-actionable-disabled);
5465
5349
  }
5466
5350
  @media (forced-colors: active){
5467
5351
  .iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
@@ -5510,11 +5394,18 @@ div.iui-header-breadcrumb-button-icon{
5510
5394
  }
5511
5395
 
5512
5396
  .iui-radio-tile-icon{
5397
+ display:flex;
5398
+ flex-shrink:0;
5513
5399
  width:32px;
5514
5400
  height:32px;
5515
- display:block;
5516
- margin:6px auto 11px;
5517
- fill:var(--iui-icons-color);
5401
+ fill:var(--iui-icon-color);
5402
+ margin:6px auto 12px;
5403
+ fill:var(--iui-icon-color);
5404
+ }
5405
+ @media (forced-colors: active){
5406
+ .iui-radio-tile-icon{
5407
+ fill:CanvasText;
5408
+ }
5518
5409
  }
5519
5410
  @media (prefers-reduced-motion: no-preference){
5520
5411
  .iui-radio-tile-icon{
@@ -5530,7 +5421,7 @@ div.iui-header-breadcrumb-button-icon{
5530
5421
  .iui-radio-tile-label{
5531
5422
  font-size:14px;
5532
5423
  font-weight:600;
5533
- line-height:22px;
5424
+ line-height:24px;
5534
5425
  text-align:center;
5535
5426
  word-break:break-word;
5536
5427
  color:var(--iui-text-color);
@@ -5538,7 +5429,7 @@ div.iui-header-breadcrumb-button-icon{
5538
5429
 
5539
5430
  .iui-radio-tile-sublabel{
5540
5431
  font-size:12px;
5541
- line-height:15px;
5432
+ line-height:17px;
5542
5433
  text-align:center;
5543
5434
  word-break:break-word;
5544
5435
  color:var(--iui-text-color-muted);
@@ -5548,7 +5439,7 @@ div.iui-header-breadcrumb-button-icon{
5548
5439
  margin:0;
5549
5440
  border-radius:4px;
5550
5441
  padding:7px 12px;
5551
- min-height:38px;
5442
+ min-height:40px;
5552
5443
  transition:border-color 0.2s ease-out;
5553
5444
  display:flex;
5554
5445
  align-items:center;
@@ -5573,14 +5464,14 @@ div.iui-header-breadcrumb-button-icon{
5573
5464
  }
5574
5465
  }
5575
5466
  .iui-select-button.iui-small{
5576
- padding-top:1.5px;
5577
- padding-bottom:1.5px;
5578
- min-height:27px;
5467
+ padding-top:1px;
5468
+ padding-bottom:1px;
5469
+ min-height:28px;
5579
5470
  }
5580
5471
  .iui-select-button.iui-large{
5581
- padding-top:12.5px;
5582
- padding-bottom:12.5px;
5583
- min-height:49px;
5472
+ padding-top:13px;
5473
+ padding-bottom:13px;
5474
+ min-height:52px;
5584
5475
  font-size:16px;
5585
5476
  }
5586
5477
  .iui-select-button.iui-disabled{
@@ -5590,10 +5481,12 @@ div.iui-header-breadcrumb-button-icon{
5590
5481
  cursor:not-allowed;
5591
5482
  }
5592
5483
  .iui-select-button .iui-icon{
5484
+ display:flex;
5485
+ flex-shrink:0;
5593
5486
  width:16px;
5594
5487
  height:16px;
5595
5488
  flex:0 0 auto;
5596
- fill:var(--iui-icons-color-actionable);
5489
+ fill:var(--iui-icon-color-actionable);
5597
5490
  fill:currentColor;
5598
5491
  }
5599
5492
  .iui-select-button .iui-icon + .iui-content{
@@ -5632,9 +5525,9 @@ div.iui-header-breadcrumb-button-icon{
5632
5525
  user-select:all;
5633
5526
  text-transform:lowercase;
5634
5527
  display:inline-flex;
5635
- height:33px;
5636
- margin-top:3px;
5637
- margin-bottom:3px;
5528
+ height:36px;
5529
+ margin-top:4px;
5530
+ margin-bottom:4px;
5638
5531
  border-radius:9999px;
5639
5532
  padding:0 2px;
5640
5533
  align-items:center;
@@ -5651,7 +5544,7 @@ div.iui-header-breadcrumb-button-icon{
5651
5544
  display:inline-flex;
5652
5545
  align-items:center;
5653
5546
  height:80%;
5654
- max-height:33px;
5547
+ max-height:36px;
5655
5548
  }
5656
5549
  .iui-select-tag:hover{
5657
5550
  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
@@ -5664,7 +5557,7 @@ div.iui-header-breadcrumb-button-icon{
5664
5557
  vertical-align:baseline;
5665
5558
  font-size:14px;
5666
5559
  font-weight:400;
5667
- line-height:22px;
5560
+ line-height:24px;
5668
5561
  white-space:nowrap;
5669
5562
  text-overflow:ellipsis;
5670
5563
  overflow:hidden;
@@ -5677,7 +5570,7 @@ div.iui-header-breadcrumb-button-icon{
5677
5570
  }
5678
5571
  .iui-select-button.iui-small .iui-select-tag-label{
5679
5572
  font-size:12px;
5680
- line-height:16px;
5573
+ line-height:18px;
5681
5574
  }
5682
5575
 
5683
5576
  .iui-select-tag-button{
@@ -5692,7 +5585,7 @@ div.iui-header-breadcrumb-button-icon{
5692
5585
  justify-content:center;
5693
5586
  position:relative;
5694
5587
  border-radius:4px;
5695
- line-height:22px;
5588
+ line-height:24px;
5696
5589
  font-size:14px;
5697
5590
  font-weight:400;
5698
5591
  -webkit-user-select:none;
@@ -5711,14 +5604,14 @@ div.iui-header-breadcrumb-button-icon{
5711
5604
  -webkit-tap-highlight-color:transparent;
5712
5605
  text-decoration:none;
5713
5606
  --_iui-button-gap:8px;
5714
- --_iui-button-height:38px;
5607
+ --_iui-button-height:40px;
5715
5608
  --_iui-button-padding-inline:16px;
5716
5609
  --_iui-button-text-color:var(--iui-text-color);
5717
5610
  --_iui-button-background-color:transparent;
5718
5611
  --_iui-button-border-color:transparent;
5719
- --_iui-button-icon-margin-x:3px;
5612
+ --_iui-button-icon-margin-x:4px;
5720
5613
  --_iui-button-gap:8px;
5721
- --_iui-button-height:38px;
5614
+ --_iui-button-height:40px;
5722
5615
  --_iui-button-padding-inline:16px;
5723
5616
  --_iui-button-padding-inline:8px;
5724
5617
  border-radius:50%;
@@ -5751,10 +5644,12 @@ div.iui-header-breadcrumb-button-icon{
5751
5644
  }
5752
5645
  .iui-select-button.iui-small .iui-select-tag-button{
5753
5646
  font-size:12px;
5754
- line-height:16px;
5647
+ line-height:18px;
5755
5648
  }
5756
5649
 
5757
5650
  .iui-select-tag-button-icon{
5651
+ display:flex;
5652
+ flex-shrink:0;
5758
5653
  width:16px;
5759
5654
  height:16px;
5760
5655
  transition:fill 0.2s ease-out;
@@ -5766,6 +5661,8 @@ div.iui-header-breadcrumb-button-icon{
5766
5661
  margin-right:var(--_iui-button-icon-margin-x);
5767
5662
  }
5768
5663
  .iui-select-button.iui-small .iui-select-tag-button-icon{
5664
+ display:flex;
5665
+ flex-shrink:0;
5769
5666
  width:12px;
5770
5667
  height:12px;
5771
5668
  }
@@ -5839,7 +5736,7 @@ div.iui-header-breadcrumb-button-icon{
5839
5736
  --_iui-button-active-stripe-inset:0 0 0 calc(100% - 2px);
5840
5737
  }
5841
5738
  .iui-side-navigation .iui-sidenav-button:not(.iui-expand){
5842
- height:55px;
5739
+ height:60px;
5843
5740
  }
5844
5741
  @supports (padding: max(0px)){
5845
5742
  .iui-side-navigation .iui-sidenav-button:not(.iui-expand){
@@ -5855,9 +5752,10 @@ div.iui-header-breadcrumb-button-icon{
5855
5752
  border-color:var(--iui-color-background-border);
5856
5753
  }
5857
5754
  .iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-avatar){
5755
+ display:flex;
5756
+ flex-shrink:0;
5858
5757
  width:24px;
5859
5758
  height:24px;
5860
- flex-shrink:0;
5861
5759
  }
5862
5760
  .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{
5863
5761
  fill:var(--iui-color-foreground-primary);
@@ -5866,28 +5764,22 @@ div.iui-header-breadcrumb-button-icon{
5866
5764
  background-color:var(--iui-color-background-2);
5867
5765
  }
5868
5766
  .iui-side-navigation .iui-sidenav-button.iui-expand{
5869
- height:22px;
5767
+ height:24px;
5870
5768
  justify-content:center;
5871
5769
  border:none;
5872
5770
  border-bottom:1px solid var(--iui-color-background-border);
5873
5771
  }
5874
5772
  .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
5875
- fill:var(--iui-icons-color);
5876
- display:inline-flex;
5773
+ display:flex;
5774
+ flex-shrink:0;
5877
5775
  width:12px;
5878
5776
  height:12px;
5777
+ fill:var(--iui-icon-color);
5879
5778
  }
5880
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
5881
- fill:var(--iui-icons-color-primary);
5882
- }
5883
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-positive{
5884
- fill:var(--iui-icons-color-positive);
5885
- }
5886
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{
5887
- fill:var(--iui-icons-color-warning);
5888
- }
5889
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{
5890
- fill:var(--iui-icons-color-negative);
5779
+ @media (forced-colors: active){
5780
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
5781
+ fill:CanvasText;
5782
+ }
5891
5783
  }
5892
5784
  @media (prefers-reduced-motion: no-preference){
5893
5785
  .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
@@ -5932,11 +5824,11 @@ div.iui-header-breadcrumb-button-icon{
5932
5824
  display:flex;
5933
5825
  }
5934
5826
  .iui-side-navigation-submenu-content{
5935
- padding:0 12px 11px;
5827
+ padding:0 12px 12px;
5936
5828
  flex-shrink:0;
5937
5829
  }
5938
5830
  .iui-side-navigation-submenu-header{
5939
- height:55px;
5831
+ height:60px;
5940
5832
  display:flex;
5941
5833
  align-items:center;
5942
5834
  justify-content:space-between;
@@ -5948,7 +5840,7 @@ div.iui-header-breadcrumb-button-icon{
5948
5840
  vertical-align:baseline;
5949
5841
  font-size:24px;
5950
5842
  font-weight:300;
5951
- line-height:33px;
5843
+ line-height:36px;
5952
5844
  display:flex;
5953
5845
  align-items:center;
5954
5846
  overflow:hidden;
@@ -5980,11 +5872,11 @@ div.iui-header-breadcrumb-button-icon{
5980
5872
  -moz-user-select:none;
5981
5873
  -ms-user-select:none;
5982
5874
  user-select:none;
5983
- padding:8.25px 16px;
5875
+ padding:9px 16px;
5984
5876
  position:fixed;
5985
5877
  text-align:center;
5986
5878
  left:50%;
5987
- top:22px;
5879
+ top:24px;
5988
5880
  opacity:0;
5989
5881
  z-index:99;
5990
5882
  transform:translateX(-50%) translateY(-170%);
@@ -6032,48 +5924,96 @@ div.iui-header-breadcrumb-button-icon{
6032
5924
  transition:opacity 0s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
6033
5925
  }
6034
5926
  }
6035
- .iui-slider-component-container{
6036
- display:flex;
6037
- min-height:22px;
5927
+ .iui-slider-horizontal{
5928
+ min-height:24px;
6038
5929
  }
6039
- .iui-slider-component-container .iui-slider-min,
6040
- .iui-slider-component-container .iui-slider-max{
6041
- -webkit-user-select:all;
6042
- -moz-user-select:all;
6043
- user-select:all;
6044
- margin-top:2px;
5930
+ .iui-slider-horizontal .iui-slider-rail{
5931
+ width:100%;
5932
+ height:4px;
5933
+ top:12px;
6045
5934
  }
6046
- .iui-slider-component-container .iui-slider-min svg,
6047
- .iui-slider-component-container .iui-slider-max svg{
6048
- fill:var(--iui-icons-color);
6049
- display:inline-flex;
6050
- width:16px;
6051
- height:16px;
6052
- margin-top:4px;
5935
+ .iui-slider-horizontal .iui-slider-thumb{
5936
+ top:5px;
5937
+ transform:translateX(-50%);
6053
5938
  }
6054
- .iui-slider-component-container .iui-slider-min svg.iui-informational,
6055
- .iui-slider-component-container .iui-slider-max svg.iui-informational{
6056
- fill:var(--iui-icons-color-primary);
5939
+ .iui-slider-horizontal .iui-slider-track{
5940
+ height:4px;
5941
+ left:0;
6057
5942
  }
6058
- .iui-slider-component-container .iui-slider-min svg.iui-positive,
6059
- .iui-slider-component-container .iui-slider-max svg.iui-positive{
6060
- fill:var(--iui-icons-color-positive);
5943
+ .iui-slider-horizontal .iui-slider-ticks{
5944
+ padding-top:16px;
6061
5945
  }
6062
- .iui-slider-component-container .iui-slider-min svg.iui-warning,
6063
- .iui-slider-component-container .iui-slider-max svg.iui-warning{
6064
- fill:var(--iui-icons-color-warning);
5946
+ .iui-slider-horizontal .iui-slider-ticks .iui-slider-tick{
5947
+ flex-direction:column;
5948
+ width:1px;
6065
5949
  }
6066
- .iui-slider-component-container .iui-slider-min svg.iui-negative,
6067
- .iui-slider-component-container .iui-slider-max svg.iui-negative{
6068
- fill:var(--iui-icons-color-negative);
5950
+ .iui-slider-horizontal .iui-slider-ticks .iui-slider-tick::before{
5951
+ content:"";
5952
+ width:1px;
5953
+ height:12px;
6069
5954
  }
6070
- .iui-slider-component-container .iui-slider-min{
5955
+ .iui-slider-horizontal .iui-slider-min,
5956
+ .iui-slider-horizontal .iui-slider-max{
5957
+ margin-top:2px;
5958
+ }
5959
+ .iui-slider-horizontal .iui-slider-min{
6071
5960
  margin-right:12px;
6072
5961
  text-align:right;
6073
5962
  }
6074
- .iui-slider-component-container .iui-slider-max{
5963
+ .iui-slider-horizontal .iui-slider-max{
6075
5964
  margin-left:12px;
6076
5965
  }
5966
+
5967
+ .iui-slider-vertical{
5968
+ flex-direction:column-reverse;
5969
+ min-width:24px;
5970
+ height:100%;
5971
+ }
5972
+ .iui-slider-vertical .iui-slider-rail{
5973
+ width:4px;
5974
+ height:100%;
5975
+ left:12px;
5976
+ }
5977
+ .iui-slider-vertical .iui-slider-thumb{
5978
+ transform:translateY(50%);
5979
+ left:5px;
5980
+ }
5981
+ .iui-slider-vertical .iui-slider-track{
5982
+ width:4px;
5983
+ bottom:0;
5984
+ left:12px;
5985
+ }
5986
+ .iui-slider-vertical .iui-slider-ticks{
5987
+ padding-left:16px;
5988
+ flex-direction:column-reverse;
5989
+ align-items:flex-start;
5990
+ height:100%;
5991
+ }
5992
+ .iui-slider-vertical .iui-slider-ticks .iui-slider-tick{
5993
+ flex:row;
5994
+ height:1px;
5995
+ }
5996
+ .iui-slider-vertical .iui-slider-ticks .iui-slider-tick::before{
5997
+ content:"";
5998
+ width:12px;
5999
+ height:1px;
6000
+ margin-right:12px;
6001
+ }
6002
+ .iui-slider-vertical .iui-slider-min,
6003
+ .iui-slider-vertical .iui-slider-max{
6004
+ margin-left:2px;
6005
+ text-align:center;
6006
+ }
6007
+ .iui-slider-vertical .iui-slider-min{
6008
+ margin-top:12px;
6009
+ }
6010
+ .iui-slider-vertical .iui-slider-max{
6011
+ margin-bottom:12px;
6012
+ }
6013
+
6014
+ .iui-slider-component-container{
6015
+ display:flex;
6016
+ }
6077
6017
  .iui-slider-component-container.iui-disabled{
6078
6018
  cursor:not-allowed;
6079
6019
  }
@@ -6098,6 +6038,13 @@ div.iui-header-breadcrumb-button-icon{
6098
6038
  user-select:none;
6099
6039
  color:var(--iui-text-color-muted);
6100
6040
  }
6041
+ @media (forced-colors: active){
6042
+ .iui-slider-component-container.iui-disabled .iui-slider-min,
6043
+ .iui-slider-component-container.iui-disabled .iui-slider-max,
6044
+ .iui-slider-component-container.iui-disabled .iui-slider-tick{
6045
+ color:GrayText;
6046
+ }
6047
+ }
6101
6048
 
6102
6049
  .iui-slider-container{
6103
6050
  position:relative;
@@ -6113,7 +6060,6 @@ div.iui-header-breadcrumb-button-icon{
6113
6060
 
6114
6061
  .iui-slider-ticks{
6115
6062
  position:relative;
6116
- padding-top:16px;
6117
6063
  display:flex;
6118
6064
  pointer-events:none;
6119
6065
  justify-content:space-between;
@@ -6127,18 +6073,21 @@ div.iui-header-breadcrumb-button-icon{
6127
6073
  display:flex;
6128
6074
  pointer-events:none;
6129
6075
  justify-content:center;
6130
- width:1px;
6131
- height:11px;
6132
- line-height:44px;
6133
- margin-bottom:22px;
6076
+ align-items:center;
6077
+ }
6078
+ .iui-slider-ticks .iui-slider-tick::before{
6134
6079
  background-color:var(--iui-color-background-4);
6135
6080
  }
6081
+ @media (forced-colors: active){
6082
+ .iui-slider-ticks .iui-slider-tick::before{
6083
+ background-color:CanvasText;
6084
+ }
6085
+ }
6136
6086
 
6137
6087
  .iui-slider-rail{
6138
6088
  position:absolute;
6139
6089
  width:100%;
6140
6090
  height:4px;
6141
- top:12px;
6142
6091
  background-color:var(--iui-color-background-border);
6143
6092
  }
6144
6093
 
@@ -6148,8 +6097,6 @@ div.iui-header-breadcrumb-button-icon{
6148
6097
  height:16px;
6149
6098
  width:16px;
6150
6099
  border-radius:100%;
6151
- top:5px;
6152
- transform:translateX(-9px);
6153
6100
  z-index:1;
6154
6101
  cursor:-webkit-grab;
6155
6102
  cursor:grab;
@@ -6174,15 +6121,28 @@ div.iui-header-breadcrumb-button-icon{
6174
6121
  .iui-slider-track{
6175
6122
  pointer-events:none;
6176
6123
  position:absolute;
6177
- height:4px;
6178
- left:0;
6179
6124
  top:12px;
6180
6125
  background-color:var(--iui-color-foreground-primary);
6181
6126
  }
6127
+
6128
+ .iui-slider-min,
6129
+ .iui-slider-max{
6130
+ -webkit-user-select:all;
6131
+ -moz-user-select:all;
6132
+ user-select:all;
6133
+ }
6134
+ .iui-slider-min svg,
6135
+ .iui-slider-max svg{
6136
+ display:flex;
6137
+ flex-shrink:0;
6138
+ width:16px;
6139
+ height:16px;
6140
+ margin-top:4px;
6141
+ }
6182
6142
  .iui-stepper{
6183
6143
  display:flex;
6184
6144
  flex-direction:column;
6185
- row-gap:5.5px;
6145
+ row-gap:6px;
6186
6146
  }
6187
6147
  .iui-stepper > ol{
6188
6148
  margin:0;
@@ -6212,7 +6172,7 @@ div.iui-header-breadcrumb-button-icon{
6212
6172
  vertical-align:baseline;
6213
6173
  font-size:12px;
6214
6174
  font-weight:400;
6215
- line-height:22px;
6175
+ line-height:24px;
6216
6176
  color:var(--_iui-stepper-step-text-color);
6217
6177
  }
6218
6178
  .iui-stepper-step:first-of-type{
@@ -6233,10 +6193,10 @@ div.iui-header-breadcrumb-button-icon{
6233
6193
  --_iui-stepper-step-border-color:var(--iui-color-background-border);
6234
6194
  --_iui-stepper-step-number-color:var(--iui-text-color-muted);
6235
6195
  --_iui-stepper-step-text-color:var(--iui-text-color-muted);
6236
- --_iui-stepper-step-track-before-color:var(--iui-color-background-5);
6196
+ --_iui-stepper-step-track-before-color:var(--iui-color-background-border);
6237
6197
  }
6238
6198
  .iui-stepper-step.iui-current ~ .iui-stepper-step:not(:last-of-type){
6239
- --_iui-stepper-step-track-after-color:var(--iui-color-background-5);
6199
+ --_iui-stepper-step-track-after-color:var(--iui-color-background-border);
6240
6200
  }
6241
6201
  .iui-stepper-step.iui-clickable:focus{
6242
6202
  outline:0;
@@ -6339,8 +6299,8 @@ div.iui-header-breadcrumb-button-icon{
6339
6299
  display:flex;
6340
6300
  flex-direction:column;
6341
6301
  isolation:isolate;
6342
- --_iui-table-header-size:55px;
6343
- --_iui-table-row-size:57px;
6302
+ --_iui-table-header-size:60px;
6303
+ --_iui-table-row-size:62px;
6344
6304
  }
6345
6305
  .iui-table .iui-table-cell-end-icon,
6346
6306
  .iui-table .iui-table-cell-start-icon{
@@ -6352,6 +6312,7 @@ div.iui-header-breadcrumb-button-icon{
6352
6312
  .iui-table .iui-table-cell-end-icon svg:not(.iui-radial),
6353
6313
  .iui-table .iui-table-cell-start-icon svg:not(.iui-radial){
6354
6314
  display:flex;
6315
+ flex-shrink:0;
6355
6316
  width:16px;
6356
6317
  height:16px;
6357
6318
  }
@@ -6365,15 +6326,15 @@ div.iui-header-breadcrumb-button-icon{
6365
6326
  margin-left:auto;
6366
6327
  }
6367
6328
  .iui-table[data-iui-size=condensed]{
6368
- --_iui-table-header-size:44px;
6369
- --_iui-table-row-size:46px;
6329
+ --_iui-table-header-size:48px;
6330
+ --_iui-table-row-size:50px;
6370
6331
  }
6371
6332
  .iui-table[data-iui-size=extra-condensed]{
6372
- --_iui-table-header-size:33px;
6373
- --_iui-table-row-size:35px;
6333
+ --_iui-table-header-size:36px;
6334
+ --_iui-table-row-size:38px;
6374
6335
  }
6375
6336
  .iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell{
6376
- padding-block:2.75px;
6337
+ padding-block:3px;
6377
6338
  }
6378
6339
  .iui-table .iui-table-header .iui-table-cell,
6379
6340
  .iui-table .iui-table-paginator{
@@ -6409,7 +6370,7 @@ div.iui-header-breadcrumb-button-icon{
6409
6370
  .iui-table-header .iui-table-cell:not(.iui-slot){
6410
6371
  -moz-column-gap:4px;
6411
6372
  column-gap:4px;
6412
- padding-block:5.5px;
6373
+ padding-block:6px;
6413
6374
  }
6414
6375
  .iui-table-header .iui-table-cell:not(.iui-slot):focus-visible{
6415
6376
  outline:1px solid var(--iui-color-foreground-primary);
@@ -6483,14 +6444,13 @@ div.iui-header-breadcrumb-button-icon{
6483
6444
  }
6484
6445
  .iui-table-header .iui-table-sort{
6485
6446
  visibility:hidden;
6486
- fill:var(--iui-icons-color);
6487
6447
  }
6488
6448
  .iui-table-header .iui-sorted{
6489
6449
  background-color:var(--iui-color-background-4);
6490
6450
  }
6491
6451
  .iui-table-header .iui-sorted .iui-table-sort{
6492
6452
  visibility:visible;
6493
- fill:var(--iui-icons-color-actionable);
6453
+ fill:var(--iui-icon-color-actionable);
6494
6454
  }
6495
6455
 
6496
6456
  .iui-table-row{
@@ -6619,7 +6579,7 @@ div.iui-header-breadcrumb-button-icon{
6619
6579
  }
6620
6580
  .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,
6621
6581
  .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content{
6622
- box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive);
6582
+ box-shadow:inset 2px 0 0 0 var(--iui-icon-color-positive);
6623
6583
  }
6624
6584
  .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::-moz-selection{
6625
6585
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
@@ -6631,11 +6591,11 @@ div.iui-header-breadcrumb-button-icon{
6631
6591
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
6632
6592
  }
6633
6593
  .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon svg{
6634
- fill:var(--iui-icons-color-positive);
6594
+ fill:var(--iui-icon-color-positive);
6635
6595
  }
6636
6596
  .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
6637
6597
  .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
6638
- box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning);
6598
+ box-shadow:inset 2px 0 0 0 var(--iui-icon-color-warning);
6639
6599
  }
6640
6600
  .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::-moz-selection{
6641
6601
  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
@@ -6647,11 +6607,11 @@ div.iui-header-breadcrumb-button-icon{
6647
6607
  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
6648
6608
  }
6649
6609
  .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon svg{
6650
- fill:var(--iui-icons-color-warning);
6610
+ fill:var(--iui-icon-color-warning);
6651
6611
  }
6652
6612
  .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
6653
6613
  .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
6654
- box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative);
6614
+ box-shadow:inset 2px 0 0 0 var(--iui-icon-color-negative);
6655
6615
  }
6656
6616
  .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::-moz-selection{
6657
6617
  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
@@ -6663,7 +6623,7 @@ div.iui-header-breadcrumb-button-icon{
6663
6623
  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
6664
6624
  }
6665
6625
  .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon svg{
6666
- fill:var(--iui-icons-color-negative);
6626
+ fill:var(--iui-icon-color-negative);
6667
6627
  }
6668
6628
 
6669
6629
  .iui-table-header-actions-container{
@@ -6698,7 +6658,7 @@ div.iui-header-breadcrumb-button-icon{
6698
6658
  scroll-snap-align:start none;
6699
6659
  }
6700
6660
  .iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell{
6701
- background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02);
6661
+ background:linear-gradient(rgba(var(--iui-color-foreground-body-rgb), 0.02), rgba(var(--iui-color-foreground-body-rgb), 0.02)), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
6702
6662
  }
6703
6663
  .iui-table-body > .iui-table-empty{
6704
6664
  text-align:center;
@@ -6863,11 +6823,11 @@ div.iui-header-breadcrumb-button-icon{
6863
6823
  display:flex;
6864
6824
  justify-content:center;
6865
6825
  align-items:center;
6866
- width:38px;
6826
+ width:40px;
6867
6827
  color:var(--iui-text-color-muted);
6868
6828
  }
6869
6829
  .iui-table-paginator-ellipsis-small{
6870
- width:27px;
6830
+ width:28px;
6871
6831
  }
6872
6832
 
6873
6833
  .iui-table-paginator-pages-group{
@@ -6888,7 +6848,7 @@ div.iui-header-breadcrumb-button-icon{
6888
6848
  justify-content:center;
6889
6849
  position:relative;
6890
6850
  border-radius:4px;
6891
- line-height:22px;
6851
+ line-height:24px;
6892
6852
  font-size:14px;
6893
6853
  font-weight:400;
6894
6854
  -webkit-user-select:none;
@@ -6907,17 +6867,17 @@ div.iui-header-breadcrumb-button-icon{
6907
6867
  -webkit-tap-highlight-color:transparent;
6908
6868
  text-decoration:none;
6909
6869
  --_iui-button-gap:8px;
6910
- --_iui-button-height:38px;
6870
+ --_iui-button-height:40px;
6911
6871
  --_iui-button-padding-inline:16px;
6912
6872
  --_iui-button-text-color:var(--iui-text-color);
6913
6873
  --_iui-button-background-color:transparent;
6914
6874
  --_iui-button-border-color:transparent;
6915
- --_iui-button-icon-margin-x:3px;
6875
+ --_iui-button-icon-margin-x:4px;
6916
6876
  --_iui-button-gap:8px;
6917
- --_iui-button-height:38px;
6877
+ --_iui-button-height:40px;
6918
6878
  --_iui-button-padding-inline:16px;
6919
6879
  --_iui-button-padding-inline:8px;
6920
- width:38px;
6880
+ width:40px;
6921
6881
  }
6922
6882
  .iui-table-paginator-page-button:focus-visible{
6923
6883
  outline:1px solid var(--iui-color-foreground-primary);
@@ -6944,9 +6904,9 @@ div.iui-header-breadcrumb-button-icon{
6944
6904
  }
6945
6905
  .iui-table-paginator-page-button-small{
6946
6906
  --_iui-button-gap:4px;
6947
- --_iui-button-height:27px;
6907
+ --_iui-button-height:28px;
6948
6908
  --_iui-button-padding-inline:8px;
6949
- width:27px;
6909
+ width:28px;
6950
6910
  }
6951
6911
  .iui-table-paginator-page-button[data-iui-active=true]{
6952
6912
  --_iui-button-active-stripe-inset:initial;
@@ -6985,7 +6945,7 @@ div.iui-header-breadcrumb-button-icon{
6985
6945
  border-radius:var(--iui-surface-border-radius);
6986
6946
  box-shadow:var(--iui-surface-elevation);
6987
6947
  color:var(--iui-text-color);
6988
- padding:11px 12px;
6948
+ padding:12px 12px;
6989
6949
  display:inline-flex;
6990
6950
  flex-direction:column;
6991
6951
  align-items:flex-end;
@@ -7000,7 +6960,7 @@ div.iui-header-breadcrumb-button-icon{
7000
6960
  }
7001
6961
  .iui-table-column-filter > .iui-input-container,
7002
6962
  .iui-table-column-filter > .iui-input{
7003
- margin-bottom:11px;
6963
+ margin-bottom:12px;
7004
6964
  }
7005
6965
  .iui-table-column-filter > .iui-button-bar{
7006
6966
  display:flex;
@@ -7066,7 +7026,7 @@ div.iui-header-breadcrumb-button-icon{
7066
7026
  display:flex;
7067
7027
  align-items:center;
7068
7028
  font-size:14px;
7069
- min-height:38px;
7029
+ min-height:40px;
7070
7030
  height:100%;
7071
7031
  cursor:pointer;
7072
7032
  color:var(--iui-text-color);
@@ -7076,7 +7036,7 @@ div.iui-header-breadcrumb-button-icon{
7076
7036
  color:var(--iui-color-foreground-primary);
7077
7037
  }
7078
7038
  .iui-tabs .iui-tab.iui-active .iui-tab-icon{
7079
- fill:var(--iui-icons-color-primary);
7039
+ fill:var(--iui-icon-color-primary);
7080
7040
  }
7081
7041
  .iui-tabs .iui-tab.iui-active .iui-tab-description{
7082
7042
  opacity:var(--iui-opacity-1);
@@ -7086,7 +7046,7 @@ div.iui-header-breadcrumb-button-icon{
7086
7046
  color:var(--iui-text-color-muted);
7087
7047
  }
7088
7048
  .iui-tabs .iui-tab[disabled] .iui-tab-icon{
7089
- fill:var(--iui-icons-color-actionable-disabled);
7049
+ fill:var(--iui-icon-color-actionable-disabled);
7090
7050
  }
7091
7051
  .iui-tabs .iui-tab:focus-visible{
7092
7052
  outline:1px solid var(--iui-color-foreground-primary);
@@ -7099,10 +7059,11 @@ div.iui-header-breadcrumb-button-icon{
7099
7059
  }
7100
7060
  }
7101
7061
  .iui-tabs .iui-tab-icon{
7062
+ display:flex;
7063
+ flex-shrink:0;
7102
7064
  width:16px;
7103
7065
  height:16px;
7104
- flex-shrink:0;
7105
- fill:var(--iui-icons-color-actionable);
7066
+ fill:var(--iui-icon-color-actionable);
7106
7067
  transition:fill 0.2s ease-out;
7107
7068
  }
7108
7069
  .iui-tabs .iui-tab-icon + .iui-tab-label{
@@ -7120,11 +7081,11 @@ div.iui-header-breadcrumb-button-icon{
7120
7081
  color:var(--iui-color-foreground-positive);
7121
7082
  }
7122
7083
  .iui-tabs.iui-green .iui-tab.iui-active .iui-tab-icon{
7123
- fill:var(--iui-icons-color-positive);
7084
+ fill:var(--iui-icon-color-positive);
7124
7085
  }
7125
7086
  .iui-tabs ~ .iui-tabs-content{
7126
- padding-top:11px;
7127
- padding-bottom:11px;
7087
+ padding-top:12px;
7088
+ padding-bottom:12px;
7128
7089
  }
7129
7090
  .iui-tabs.iui-default .iui-tab::after{
7130
7091
  content:"";
@@ -7170,6 +7131,9 @@ div.iui-header-breadcrumb-button-icon{
7170
7131
  .iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{
7171
7132
  margin-top:-1px;
7172
7133
  }
7134
+ .iui-horizontal .iui-tabs.iui-default :where(.iui-button){
7135
+ height:100%;
7136
+ }
7173
7137
 
7174
7138
  .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{
7175
7139
  border-right-color:transparent;
@@ -7180,9 +7144,12 @@ div.iui-header-breadcrumb-button-icon{
7180
7144
  .iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{
7181
7145
  margin-left:-1px;
7182
7146
  }
7147
+ .iui-vertical .iui-tabs.iui-default :where(.iui-button){
7148
+ width:100%;
7149
+ }
7183
7150
 
7184
7151
  .iui-tabs.iui-default.iui-large .iui-tab{
7185
- min-height:49px;
7152
+ min-height:52px;
7186
7153
  }
7187
7154
  .iui-tabs.iui-default.iui-large .iui-tab-description{
7188
7155
  display:-webkit-box;
@@ -7226,7 +7193,7 @@ div.iui-header-breadcrumb-button-icon{
7226
7193
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
7227
7194
  }
7228
7195
  .iui-tabs.iui-borderless.iui-large .iui-tab{
7229
- min-height:49px;
7196
+ min-height:52px;
7230
7197
  }
7231
7198
  .iui-tabs.iui-borderless.iui-large .iui-tab-description{
7232
7199
  display:-webkit-box;
@@ -7324,9 +7291,9 @@ div.iui-header-breadcrumb-button-icon{
7324
7291
  user-select:all;
7325
7292
  text-transform:lowercase;
7326
7293
  display:inline-flex;
7327
- height:33px;
7328
- margin-top:3px;
7329
- margin-bottom:3px;
7294
+ height:36px;
7295
+ margin-top:4px;
7296
+ margin-bottom:4px;
7330
7297
  border-radius:9999px;
7331
7298
  padding:0 2px;
7332
7299
  align-items:center;
@@ -7361,7 +7328,7 @@ div.iui-header-breadcrumb-button-icon{
7361
7328
  vertical-align:baseline;
7362
7329
  font-size:14px;
7363
7330
  font-weight:400;
7364
- line-height:22px;
7331
+ line-height:24px;
7365
7332
  white-space:nowrap;
7366
7333
  text-overflow:ellipsis;
7367
7334
  overflow:hidden;
@@ -7456,7 +7423,7 @@ a.iui-tag-basic:focus-visible{
7456
7423
  }
7457
7424
  .iui-tag-container.iui-visible{
7458
7425
  border-radius:4px;
7459
- padding:3px 12px;
7426
+ padding:4px 12px;
7460
7427
  background-color:var(--iui-color-background-3);
7461
7428
  }
7462
7429
  .iui-text-headline{
@@ -7466,7 +7433,7 @@ a.iui-tag-basic:focus-visible{
7466
7433
  vertical-align:baseline;
7467
7434
  font-size:32px;
7468
7435
  font-weight:300;
7469
- line-height:44px;
7436
+ line-height:48px;
7470
7437
  }
7471
7438
 
7472
7439
  .iui-text-title{
@@ -7476,7 +7443,7 @@ a.iui-tag-basic:focus-visible{
7476
7443
  vertical-align:baseline;
7477
7444
  font-size:24px;
7478
7445
  font-weight:300;
7479
- line-height:33px;
7446
+ line-height:36px;
7480
7447
  }
7481
7448
 
7482
7449
  .iui-text-subheading{
@@ -7486,7 +7453,7 @@ a.iui-tag-basic:focus-visible{
7486
7453
  vertical-align:baseline;
7487
7454
  font-size:18px;
7488
7455
  font-weight:400;
7489
- line-height:33px;
7456
+ line-height:36px;
7490
7457
  }
7491
7458
 
7492
7459
  .iui-text-leading{
@@ -7496,7 +7463,7 @@ a.iui-tag-basic:focus-visible{
7496
7463
  vertical-align:baseline;
7497
7464
  font-size:16px;
7498
7465
  font-weight:400;
7499
- line-height:22px;
7466
+ line-height:24px;
7500
7467
  }
7501
7468
 
7502
7469
  .iui-text-block{
@@ -7506,7 +7473,7 @@ a.iui-tag-basic:focus-visible{
7506
7473
  vertical-align:baseline;
7507
7474
  font-size:14px;
7508
7475
  font-weight:400;
7509
- line-height:22px;
7476
+ line-height:24px;
7510
7477
  }
7511
7478
 
7512
7479
  .iui-text-small{
@@ -7516,7 +7483,7 @@ a.iui-tag-basic:focus-visible{
7516
7483
  vertical-align:baseline;
7517
7484
  font-size:12px;
7518
7485
  font-weight:400;
7519
- line-height:22px;
7486
+ line-height:24px;
7520
7487
  }
7521
7488
 
7522
7489
  .iui-text-muted{
@@ -7572,99 +7539,7 @@ a.iui-tag-basic:focus-visible{
7572
7539
 
7573
7540
  .iui-text-spacing{
7574
7541
  padding:0;
7575
- margin:0 0 22px;
7576
- }
7577
- .iui-textarea{
7578
- margin:0;
7579
- padding:0;
7580
- border:none;
7581
- vertical-align:baseline;
7582
- width:100%;
7583
- font-family:inherit;
7584
- font-size:14px;
7585
- font-weight:400;
7586
- line-height:22px;
7587
- border-radius:4px;
7588
- -webkit-appearance:none;
7589
- -moz-appearance:none;
7590
- appearance:none;
7591
- padding:7px 12px;
7592
- min-height:38px;
7593
- color:var(--iui-text-color);
7594
- background-color:var(--iui-color-background-1);
7595
- border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
7596
- resize:vertical;
7597
- min-height:38px;
7598
- }
7599
- .iui-textarea:focus-visible{
7600
- outline:2px solid var(--iui-color-foreground-primary);
7601
- outline-offset:-2px;
7602
- }
7603
- @supports not selector(*:focus-visible){
7604
- .iui-textarea:focus{
7605
- outline:2px solid var(--iui-color-foreground-primary);
7606
- outline-offset:-2px;
7607
- }
7608
- }
7609
- @media (prefers-reduced-motion: no-preference){
7610
- .iui-textarea{
7611
- transition:border-color 0.2s ease-out;
7612
- }
7613
- }
7614
- .iui-textarea.iui-small{
7615
- padding-top:1.5px;
7616
- padding-bottom:1.5px;
7617
- min-height:27px;
7618
- }
7619
- .iui-textarea.iui-large{
7620
- padding-top:12.5px;
7621
- padding-bottom:12.5px;
7622
- min-height:49px;
7623
- font-size:16px;
7624
- }
7625
- .iui-textarea::-moz-placeholder{
7626
- -moz-user-select:none;
7627
- user-select:none;
7628
- color:var(--iui-text-color-placeholder);
7629
- }
7630
- .iui-textarea:-ms-input-placeholder{
7631
- -ms-user-select:none;
7632
- user-select:none;
7633
- color:var(--iui-text-color-placeholder);
7634
- }
7635
- .iui-textarea::placeholder{
7636
- -webkit-user-select:none;
7637
- -moz-user-select:none;
7638
- -ms-user-select:none;
7639
- user-select:none;
7640
- color:var(--iui-text-color-placeholder);
7641
- }
7642
- .iui-textarea:-webkit-autofill{
7643
- border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
7644
- color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
7645
- background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
7646
- }
7647
- .iui-textarea:autofill{
7648
- border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
7649
- color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
7650
- background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
7651
- }
7652
- .iui-textarea:hover{
7653
- border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
7654
- }
7655
- @media (prefers-reduced-motion: no-preference){
7656
- .iui-textarea:hover{
7657
- transition:border-color 0.2s ease-out;
7658
- }
7659
- }
7660
- .iui-textarea[disabled]{
7661
- background-color:var(--iui-color-background-disabled);
7662
- border-color:var(--iui-color-background-disabled);
7663
- cursor:not-allowed;
7664
- --_hover-color:var(--iui-color-background-disabled);
7665
- }
7666
- .iui-textarea[disabled], .iui-textarea[readonly]{
7667
- resize:none;
7542
+ margin:0 0 24px;
7668
7543
  }
7669
7544
  .iui-tile{
7670
7545
  margin:0;
@@ -7704,11 +7579,15 @@ a.iui-tag-basic:focus-visible{
7704
7579
  .iui-tile:hover .iui-tile-metadata:not(:last-child), .iui-tile:focus-within .iui-tile-metadata:not(:last-child){
7705
7580
  width:calc(100% - 32px);
7706
7581
  }
7582
+ .iui-tile.iui-new{
7583
+ --_iui-tile-status-icon-fill:var(--iui-color-foreground-positive);
7584
+ }
7707
7585
  .iui-tile.iui-new .iui-tile-name,
7708
7586
  .iui-tile.iui-new .iui-tile-description{
7709
7587
  font-weight:600;
7710
7588
  }
7711
7589
  .iui-tile.iui-selected{
7590
+ --_iui-tile-status-icon-fill:var(--iui-color-foreground-primary);
7712
7591
  outline:solid 2px var(--iui-color-foreground-primary);
7713
7592
  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
7714
7593
  }
@@ -7748,7 +7627,7 @@ a.iui-tag-basic:focus-visible{
7748
7627
  flex-wrap:nowrap;
7749
7628
  }
7750
7629
  .iui-tile.iui-folder .iui-tile-thumbnail{
7751
- height:110px;
7630
+ height:120px;
7752
7631
  flex:1;
7753
7632
  border-bottom:none;
7754
7633
  border-right:1px solid var(--iui-color-background-border);
@@ -7758,7 +7637,7 @@ a.iui-tag-basic:focus-visible{
7758
7637
  }
7759
7638
  .iui-tile.iui-folder .iui-tile-description{
7760
7639
  height:100%;
7761
- max-height:44px;
7640
+ max-height:48px;
7762
7641
  margin-bottom:0;
7763
7642
  -webkit-line-clamp:2;
7764
7643
  }
@@ -7782,6 +7661,9 @@ a.iui-tag-basic:focus-visible{
7782
7661
  .iui-tile[aria-disabled=true] .iui-tile-more-options{
7783
7662
  display:none;
7784
7663
  }
7664
+ .iui-tile.iui-positive{
7665
+ --_iui-tile-status-icon-fill:var(--iui-color-foreground-positive);
7666
+ }
7785
7667
  .iui-tile.iui-positive::-moz-selection, .iui-tile.iui-positive *::-moz-selection{
7786
7668
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
7787
7669
  }
@@ -7799,8 +7681,8 @@ a.iui-tag-basic:focus-visible{
7799
7681
  .iui-tile.iui-positive .iui-tile-name-label{
7800
7682
  color:var(--iui-color-foreground-positive);
7801
7683
  }
7802
- .iui-tile.iui-positive .iui-tile-status-icon{
7803
- fill:var(--iui-color-foreground-positive);
7684
+ .iui-tile.iui-warning{
7685
+ --_iui-tile-status-icon-fill:var(--iui-color-foreground-warning);
7804
7686
  }
7805
7687
  .iui-tile.iui-warning::-moz-selection, .iui-tile.iui-warning *::-moz-selection{
7806
7688
  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
@@ -7819,8 +7701,8 @@ a.iui-tag-basic:focus-visible{
7819
7701
  .iui-tile.iui-warning .iui-tile-name-label{
7820
7702
  color:var(--iui-color-foreground-warning);
7821
7703
  }
7822
- .iui-tile.iui-warning .iui-tile-status-icon{
7823
- fill:var(--iui-color-foreground-warning);
7704
+ .iui-tile.iui-negative{
7705
+ --_iui-tile-status-icon-fill:var(--iui-color-foreground-negative);
7824
7706
  }
7825
7707
  .iui-tile.iui-negative::-moz-selection, .iui-tile.iui-negative *::-moz-selection{
7826
7708
  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
@@ -7839,21 +7721,18 @@ a.iui-tag-basic:focus-visible{
7839
7721
  .iui-tile.iui-negative .iui-tile-name-label{
7840
7722
  color:var(--iui-color-foreground-negative);
7841
7723
  }
7842
- .iui-tile.iui-negative .iui-tile-status-icon{
7843
- fill:var(--iui-color-foreground-negative);
7844
- }
7845
7724
 
7846
7725
  .iui-tile-thumbnail-type-indicator{
7847
7726
  --_iui-button-text-color:var(--iui-text-color);
7848
7727
  --_iui-button-background-color:transparent;
7849
7728
  --_iui-button-border-color:transparent;
7850
- --_iui-button-icon-margin-x:3px;
7729
+ --_iui-button-icon-margin-x:4px;
7851
7730
  --_iui-button-gap:8px;
7852
- --_iui-button-height:38px;
7731
+ --_iui-button-height:40px;
7853
7732
  --_iui-button-padding-inline:16px;
7854
7733
  --_iui-button-padding-inline:8px;
7855
7734
  --_iui-button-gap:4px;
7856
- --_iui-button-height:27px;
7735
+ --_iui-button-height:28px;
7857
7736
  --_iui-button-padding-inline:8px;
7858
7737
  --_iui-button-padding-inline:2px;
7859
7738
  position:absolute;
@@ -7900,13 +7779,13 @@ a.iui-tag-basic:focus-visible{
7900
7779
  --_iui-button-text-color:var(--iui-text-color);
7901
7780
  --_iui-button-background-color:transparent;
7902
7781
  --_iui-button-border-color:transparent;
7903
- --_iui-button-icon-margin-x:3px;
7782
+ --_iui-button-icon-margin-x:4px;
7904
7783
  --_iui-button-gap:8px;
7905
- --_iui-button-height:38px;
7784
+ --_iui-button-height:40px;
7906
7785
  --_iui-button-padding-inline:16px;
7907
7786
  --_iui-button-padding-inline:8px;
7908
7787
  --_iui-button-gap:4px;
7909
- --_iui-button-height:27px;
7788
+ --_iui-button-height:28px;
7910
7789
  --_iui-button-padding-inline:8px;
7911
7790
  --_iui-button-padding-inline:2px;
7912
7791
  position:absolute;
@@ -7974,7 +7853,7 @@ a.iui-tag-basic:focus-visible{
7974
7853
  font-size:14px;
7975
7854
  flex:1;
7976
7855
  height:auto;
7977
- padding:11px 12px;
7856
+ padding:12px 12px;
7978
7857
  overflow:hidden;
7979
7858
  white-space:nowrap;
7980
7859
  text-overflow:ellipsis;
@@ -7994,7 +7873,7 @@ a.iui-tag-basic:focus-visible{
7994
7873
  .iui-tile-thumbnail{
7995
7874
  box-sizing:content-box;
7996
7875
  width:100%;
7997
- height:154px;
7876
+ height:168px;
7998
7877
  flex-shrink:0;
7999
7878
  overflow:hidden;
8000
7879
  position:relative;
@@ -8005,22 +7884,16 @@ a.iui-tag-basic:focus-visible{
8005
7884
  border-bottom:1px solid var(--iui-color-background-border);
8006
7885
  }
8007
7886
  .iui-tile-thumbnail .iui-thumbnail-icon{
8008
- fill:var(--iui-icons-color);
8009
- display:inline-flex;
7887
+ display:flex;
7888
+ flex-shrink:0;
8010
7889
  width:64px;
8011
7890
  height:64px;
7891
+ fill:var(--iui-icon-color);
8012
7892
  }
8013
- .iui-tile-thumbnail .iui-thumbnail-icon.iui-informational{
8014
- fill:var(--iui-icons-color-primary);
8015
- }
8016
- .iui-tile-thumbnail .iui-thumbnail-icon.iui-positive{
8017
- fill:var(--iui-icons-color-positive);
8018
- }
8019
- .iui-tile-thumbnail .iui-thumbnail-icon.iui-warning{
8020
- fill:var(--iui-icons-color-warning);
8021
- }
8022
- .iui-tile-thumbnail .iui-thumbnail-icon.iui-negative{
8023
- fill:var(--iui-icons-color-negative);
7893
+ @media (forced-colors: active){
7894
+ .iui-tile-thumbnail .iui-thumbnail-icon{
7895
+ fill:CanvasText;
7896
+ }
8024
7897
  }
8025
7898
 
8026
7899
  .iui-tile-thumbnail-picture{
@@ -8055,7 +7928,7 @@ div.iui-tile-thumbnail-picture{
8055
7928
  }
8056
7929
 
8057
7930
  .iui-tile-content{
8058
- padding:11px 12px;
7931
+ padding:12px 12px;
8059
7932
  position:relative;
8060
7933
  display:flex;
8061
7934
  flex-direction:column;
@@ -8070,28 +7943,16 @@ div.iui-tile-thumbnail-picture{
8070
7943
  -webkit-user-select:all;
8071
7944
  -moz-user-select:all;
8072
7945
  user-select:all;
8073
- margin-bottom:5.5px;
7946
+ margin-bottom:6px;
8074
7947
  color:var(--iui-text-color);
8075
7948
  }
8076
7949
  .iui-tile-content .iui-tile-status-icon{
8077
- fill:var(--iui-icons-color);
8078
- display:inline-flex;
7950
+ display:flex;
7951
+ flex-shrink:0;
8079
7952
  width:16px;
8080
7953
  height:16px;
8081
7954
  margin-right:8px;
8082
- flex-shrink:0;
8083
- }
8084
- .iui-tile-content .iui-tile-status-icon.iui-informational{
8085
- fill:var(--iui-icons-color-primary);
8086
- }
8087
- .iui-tile-content .iui-tile-status-icon.iui-positive{
8088
- fill:var(--iui-icons-color-positive);
8089
- }
8090
- .iui-tile-content .iui-tile-status-icon.iui-warning{
8091
- fill:var(--iui-icons-color-warning);
8092
- }
8093
- .iui-tile-content .iui-tile-status-icon.iui-negative{
8094
- fill:var(--iui-icons-color-negative);
7955
+ fill:var(--_iui-tile-status-icon-fill);
8095
7956
  }
8096
7957
  .iui-tile-content .iui-tile-name-label{
8097
7958
  overflow:hidden;
@@ -8099,10 +7960,10 @@ div.iui-tile-thumbnail-picture{
8099
7960
  text-overflow:ellipsis;
8100
7961
  }
8101
7962
  .iui-tile-content .iui-tile-description{
8102
- margin-bottom:11px;
7963
+ margin-bottom:12px;
8103
7964
  font-size:14px;
8104
7965
  height:100%;
8105
- max-height:66px;
7966
+ max-height:72px;
8106
7967
  overflow:hidden;
8107
7968
  text-overflow:ellipsis;
8108
7969
  display:-webkit-box;
@@ -8115,7 +7976,7 @@ div.iui-tile-thumbnail-picture{
8115
7976
  flex-shrink:0;
8116
7977
  overflow:hidden;
8117
7978
  text-overflow:ellipsis;
8118
- height:22px;
7979
+ height:24px;
8119
7980
  width:100%;
8120
7981
  display:flex;
8121
7982
  align-items:center;
@@ -8124,28 +7985,18 @@ div.iui-tile-thumbnail-picture{
8124
7985
  }
8125
7986
  .iui-tile-content .iui-tile-metadata > svg,
8126
7987
  .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
8127
- fill:var(--iui-icons-color);
8128
- display:inline-flex;
7988
+ display:flex;
7989
+ flex-shrink:0;
8129
7990
  width:16px;
8130
7991
  height:16px;
7992
+ fill:var(--iui-icon-color);
8131
7993
  margin-right:8px;
8132
- flex-shrink:0;
8133
7994
  }
8134
- .iui-tile-content .iui-tile-metadata > svg.iui-informational,
8135
- .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-informational{
8136
- fill:var(--iui-icons-color-primary);
8137
- }
8138
- .iui-tile-content .iui-tile-metadata > svg.iui-positive,
8139
- .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-positive{
8140
- fill:var(--iui-icons-color-positive);
8141
- }
8142
- .iui-tile-content .iui-tile-metadata > svg.iui-warning,
8143
- .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-warning{
8144
- fill:var(--iui-icons-color-warning);
8145
- }
8146
- .iui-tile-content .iui-tile-metadata > svg.iui-negative,
8147
- .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-negative{
8148
- fill:var(--iui-icons-color-negative);
7995
+ @media (forced-colors: active){
7996
+ .iui-tile-content .iui-tile-metadata > svg,
7997
+ .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
7998
+ fill:CanvasText;
7999
+ }
8149
8000
  }
8150
8001
  .iui-tile-content .iui-tile-metadata > *{
8151
8002
  white-space:nowrap;
@@ -8155,7 +8006,7 @@ div.iui-tile-thumbnail-picture{
8155
8006
 
8156
8007
  .iui-tile-more-options{
8157
8008
  position:absolute;
8158
- bottom:5.5px;
8009
+ bottom:6px;
8159
8010
  right:8px;
8160
8011
  }
8161
8012
  .iui-tile-more-options:not(.iui-visible){
@@ -8180,7 +8031,7 @@ div.iui-tile-thumbnail-picture{
8180
8031
  -ms-user-select:none;
8181
8032
  user-select:none;
8182
8033
  text-align:center;
8183
- height:286px;
8034
+ height:312px;
8184
8035
  display:inline-flex;
8185
8036
  background-color:var(--iui-color-background-1);
8186
8037
  }
@@ -8192,7 +8043,7 @@ div.iui-tile-thumbnail-picture{
8192
8043
  }
8193
8044
 
8194
8045
  .iui-time{
8195
- padding:11px 8px;
8046
+ padding:12px 8px;
8196
8047
  overflow-y:auto;
8197
8048
  overflow-y:overlay;
8198
8049
  scrollbar-width:none;
@@ -8244,7 +8095,7 @@ div.iui-tile-thumbnail-picture{
8244
8095
  }
8245
8096
 
8246
8097
  .iui-period{
8247
- padding:11px 8px;
8098
+ padding:12px 8px;
8248
8099
  overflow-y:auto;
8249
8100
  overflow-y:overlay;
8250
8101
  scrollbar-width:none;
@@ -8308,14 +8159,14 @@ div.iui-tile-thumbnail-picture{
8308
8159
  @media screen and (max-width: 400px){
8309
8160
  .iui-toast-wrapper{
8310
8161
  width:calc(100vw - 36px);
8311
- margin-top:11px;
8162
+ margin-top:12px;
8312
8163
  }
8313
8164
  }
8314
8165
  @media screen and (min-width: 401px){
8315
8166
  .iui-toast-wrapper{
8316
8167
  min-width:400px;
8317
8168
  max-width:640px;
8318
- margin:22px 0;
8169
+ margin:24px 0;
8319
8170
  }
8320
8171
  }
8321
8172
  @media (prefers-reduced-motion: no-preference){
@@ -8348,7 +8199,7 @@ div.iui-tile-thumbnail-picture{
8348
8199
  right:0;
8349
8200
  }
8350
8201
  .iui-toast-wrapper.iui-placement-bottom .iui-toast{
8351
- margin:11px 16px 0 16px;
8202
+ margin:12px 16px 0 16px;
8352
8203
  }
8353
8204
  .iui-toast-wrapper.iui-placement-bottom-start{
8354
8205
  bottom:0;
@@ -8356,7 +8207,7 @@ div.iui-tile-thumbnail-picture{
8356
8207
  align-items:flex-start;
8357
8208
  }
8358
8209
  .iui-toast-wrapper.iui-placement-bottom-start .iui-toast{
8359
- margin:11px 16px 0 16px;
8210
+ margin:12px 16px 0 16px;
8360
8211
  }
8361
8212
  .iui-toast-wrapper.iui-placement-bottom-end{
8362
8213
  bottom:0;
@@ -8364,7 +8215,7 @@ div.iui-tile-thumbnail-picture{
8364
8215
  align-items:flex-end;
8365
8216
  }
8366
8217
  .iui-toast-wrapper.iui-placement-bottom-end .iui-toast{
8367
- margin:11px 16px 0 16px;
8218
+ margin:12px 16px 0 16px;
8368
8219
  }
8369
8220
 
8370
8221
  .iui-toast{
@@ -8375,8 +8226,8 @@ div.iui-tile-thumbnail-picture{
8375
8226
  display:inline-flex;
8376
8227
  align-items:center;
8377
8228
  pointer-events:all;
8378
- margin:0 16px 11px 16px;
8379
- min-height:44px;
8229
+ margin:0 16px 12px 16px;
8230
+ min-height:48px;
8380
8231
  border-radius:4px;
8381
8232
  background-color:var(--iui-color-background-1);
8382
8233
  border:1px solid var(--iui-color-foreground-body);
@@ -8392,18 +8243,20 @@ div.iui-tile-thumbnail-picture{
8392
8243
  background-color:var(--iui-color-background-5);
8393
8244
  }
8394
8245
  .iui-toast > .iui-status-area > .iui-icon{
8395
- height:16px;
8246
+ display:flex;
8247
+ flex-shrink:0;
8396
8248
  width:16px;
8249
+ height:16px;
8397
8250
  fill:var(--iui-color-foreground-accessory);
8398
8251
  }
8399
8252
  .iui-toast > .iui-message{
8400
8253
  flex-grow:1;
8401
8254
  font-size:14px;
8402
- margin-top:5.5px;
8403
- margin-bottom:5.5px;
8255
+ margin-top:6px;
8256
+ margin-bottom:6px;
8404
8257
  margin-right:24px;
8405
8258
  margin-left:16px;
8406
- line-height:22px;
8259
+ line-height:24px;
8407
8260
  font-weight:400;
8408
8261
  font-style:normal;
8409
8262
  color:var(--iui-text-color);
@@ -8627,7 +8480,7 @@ div.iui-tile-thumbnail-picture{
8627
8480
  -webkit-appearance:none;
8628
8481
  -moz-appearance:none;
8629
8482
  appearance:none;
8630
- width:44px;
8483
+ width:48px;
8631
8484
  border-radius:9999px;
8632
8485
  transition:background-color 0.2s ease-out, border-color 0.2s ease-out;
8633
8486
  background-color:var(--iui-color-background-1);
@@ -8652,7 +8505,7 @@ div.iui-tile-thumbnail-picture{
8652
8505
  content:"";
8653
8506
  height:16px;
8654
8507
  width:16px;
8655
- margin:3px;
8508
+ margin:4px;
8656
8509
  aspect-ratio:1/1;
8657
8510
  border-radius:50%;
8658
8511
  transition:background-color 0.2s ease-out, opacity 0.2s ease-out;
@@ -8705,7 +8558,7 @@ div.iui-tile-thumbnail-picture{
8705
8558
  }
8706
8559
  }
8707
8560
  .iui-toggle-switch:checked::after{
8708
- transform:translateX(19px);
8561
+ transform:translateX(20px);
8709
8562
  background-color:var(--iui-color-foreground-accessory);
8710
8563
  opacity:var(--iui-opacity-2);
8711
8564
  }
@@ -8751,7 +8604,7 @@ div.iui-tile-thumbnail-picture{
8751
8604
  }
8752
8605
  .iui-toggle-switch:disabled ~ .iui-toggle-switch-icon{
8753
8606
  opacity:0;
8754
- fill:var(--iui-icons-color-actionable);
8607
+ fill:var(--iui-icon-color-actionable);
8755
8608
  }
8756
8609
  @media (forced-colors: active){
8757
8610
  .iui-toggle-switch:disabled:checked{
@@ -8778,7 +8631,7 @@ div.iui-tile-thumbnail-picture{
8778
8631
  width:16px;
8779
8632
  height:16px;
8780
8633
  padding:2px;
8781
- margin:4px;
8634
+ margin:5px;
8782
8635
  display:flex;
8783
8636
  z-index:1;
8784
8637
  transition:opacity 0.2s ease-out;
@@ -8895,33 +8748,26 @@ div.iui-tile-thumbnail-picture{
8895
8748
  .iui-tree-node-content{
8896
8749
  display:flex;
8897
8750
  align-items:center;
8898
- min-height:33px;
8899
- margin-left:calc(28px * (var(--level, 0)));
8751
+ min-height:36px;
8752
+ margin-left:calc(30px * (var(--level, 0)));
8900
8753
  overflow:hidden;
8901
8754
  padding-left:2px;
8902
8755
  }
8903
8756
  .iui-tree-node-content-icon{
8904
- fill:var(--iui-icons-color);
8905
- display:inline-flex;
8757
+ display:flex;
8758
+ flex-shrink:0;
8906
8759
  width:16px;
8907
8760
  height:16px;
8908
- margin:0 6px;
8909
- flex-shrink:0;
8910
- }
8911
- .iui-tree-node-content-icon.iui-informational{
8912
- fill:var(--iui-icons-color-primary);
8913
- }
8914
- .iui-tree-node-content-icon.iui-positive{
8915
- fill:var(--iui-icons-color-positive);
8916
- }
8917
- .iui-tree-node-content-icon.iui-warning{
8918
- fill:var(--iui-icons-color-warning);
8761
+ fill:var(--iui-icon-color);
8762
+ margin:0 7px;
8919
8763
  }
8920
- .iui-tree-node-content-icon.iui-negative{
8921
- fill:var(--iui-icons-color-negative);
8764
+ @media (forced-colors: active){
8765
+ .iui-tree-node-content-icon{
8766
+ fill:CanvasText;
8767
+ }
8922
8768
  }
8923
8769
  .iui-tree-node-content-icon:first-child{
8924
- margin-left:34px;
8770
+ margin-left:37px;
8925
8771
  }
8926
8772
  @media (prefers-reduced-motion: no-preference){
8927
8773
  .iui-tree-node-content-expander-icon{
@@ -8933,10 +8779,10 @@ div.iui-tile-thumbnail-picture{
8933
8779
  }
8934
8780
  .iui-tree-node-content-label{
8935
8781
  min-width:0;
8936
- padding-left:6px;
8782
+ padding-left:7px;
8937
8783
  }
8938
8784
  .iui-tree-node-content-label:first-child{
8939
- margin-left:28px;
8785
+ margin-left:30px;
8940
8786
  }
8941
8787
  .iui-tree-node-content-title, .iui-tree-node-content-caption{
8942
8788
  white-space:nowrap;
@@ -8971,6 +8817,73 @@ div.iui-tile-thumbnail-picture{
8971
8817
  .iui-tree-node.iui-disabled .iui-tree-node-content-caption{
8972
8818
  color:var(--iui-text-color-placeholder);
8973
8819
  }
8820
+ [data-iui-icon-size=s]{
8821
+ display:flex;
8822
+ flex-shrink:0;
8823
+ width:12px;
8824
+ height:12px;
8825
+ }
8826
+
8827
+ [data-iui-icon-size=m]{
8828
+ display:flex;
8829
+ flex-shrink:0;
8830
+ width:16px;
8831
+ height:16px;
8832
+ }
8833
+
8834
+ [data-iui-icon-size=l]{
8835
+ display:flex;
8836
+ flex-shrink:0;
8837
+ width:24px;
8838
+ height:24px;
8839
+ }
8840
+
8841
+ [data-iui-icon-size=xl]{
8842
+ display:flex;
8843
+ flex-shrink:0;
8844
+ width:32px;
8845
+ height:32px;
8846
+ }
8847
+
8848
+ [data-iui-icon-size="2xl"]{
8849
+ display:flex;
8850
+ flex-shrink:0;
8851
+ width:48px;
8852
+ height:48px;
8853
+ }
8854
+
8855
+ [data-iui-icon-size="3xl"]{
8856
+ display:flex;
8857
+ flex-shrink:0;
8858
+ width:64px;
8859
+ height:64px;
8860
+ }
8861
+
8862
+ [data-iui-icon-color=default]{
8863
+ fill:var(--iui-icon-color);
8864
+ }
8865
+ @media (forced-colors: active){
8866
+ [data-iui-icon-color=default]{
8867
+ fill:CanvasText;
8868
+ }
8869
+ }
8870
+
8871
+ [data-iui-icon-color=informational]{
8872
+ fill:var(--iui-icon-color-primary);
8873
+ }
8874
+
8875
+ [data-iui-icon-color=positive]{
8876
+ fill:var(--iui-icon-color-positive);
8877
+ }
8878
+
8879
+ [data-iui-icon-color=warning]{
8880
+ fill:var(--iui-icon-color-warning);
8881
+ }
8882
+
8883
+ [data-iui-icon-color=negative]{
8884
+ fill:var(--iui-icon-color-negative);
8885
+ }
8886
+
8974
8887
  .iui-input-container{
8975
8888
  margin:0;
8976
8889
  padding:0;
@@ -8980,23 +8893,20 @@ div.iui-tile-thumbnail-picture{
8980
8893
  grid-template:"label label" "inputs inputs"/auto 1fr;
8981
8894
  cursor:default;
8982
8895
  }
8983
- .iui-input-container.iui-inline-icon > .iui-input,
8984
- .iui-input-container.iui-inline-icon > .iui-textarea{
8896
+ .iui-input-container.iui-inline-icon > .iui-input{
8985
8897
  padding-right:40px;
8986
8898
  }
8987
- .iui-input-container.iui-inline-icon > .iui-input:last-child,
8988
- .iui-input-container.iui-inline-icon > .iui-textarea:last-child{
8899
+ .iui-input-container.iui-inline-icon > .iui-input:last-child{
8989
8900
  padding-right:12px;
8990
8901
  }
8991
8902
  .iui-input-container.iui-with-message{
8992
8903
  grid-template:"label label" "inputs inputs" "icon message"/auto 1fr;
8993
8904
  }
8994
8905
  .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
8995
- margin-top:3px;
8906
+ margin-top:4px;
8996
8907
  }
8997
8908
  .iui-input-container .iui-input,
8998
8909
  .iui-input-container .iui-input-with-icon,
8999
- .iui-input-container .iui-textarea,
9000
8910
  .iui-input-container .iui-input-group{
9001
8911
  grid-area:inputs;
9002
8912
  }
@@ -9015,7 +8925,7 @@ label.iui-input-container.iui-disabled{
9015
8925
  }
9016
8926
  .iui-input-container .iui-checkbox-wrapper,
9017
8927
  .iui-input-container .iui-radio-wrapper{
9018
- min-height:22px;
8928
+ min-height:24px;
9019
8929
  }
9020
8930
  .iui-input-container.iui-inline-label{
9021
8931
  grid-template:"label inputs icon"/auto 1fr auto;
@@ -9032,7 +8942,7 @@ label.iui-input-container.iui-disabled{
9032
8942
  }
9033
8943
  .iui-input-container > .iui-label{
9034
8944
  font-weight:600;
9035
- margin-bottom:3px;
8945
+ margin-bottom:4px;
9036
8946
  grid-area:label;
9037
8947
  align-self:center;
9038
8948
  }
@@ -9043,11 +8953,17 @@ label.iui-input-container.iui-disabled{
9043
8953
  }
9044
8954
  .iui-input-container .iui-input-icon{
9045
8955
  display:flex;
9046
- grid-area:icon;
8956
+ flex-shrink:0;
9047
8957
  width:16px;
9048
8958
  height:16px;
8959
+ fill:var(--iui-icon-color);
8960
+ grid-area:icon;
9049
8961
  align-self:center;
9050
- fill:var(--iui-icons-color);
8962
+ }
8963
+ @media (forced-colors: active){
8964
+ .iui-input-container .iui-input-icon{
8965
+ fill:CanvasText;
8966
+ }
9051
8967
  }
9052
8968
  .iui-input-container .iui-input-icon:not(:last-child){
9053
8969
  margin-right:4px;
@@ -9055,7 +8971,7 @@ label.iui-input-container.iui-disabled{
9055
8971
  .iui-input-container .iui-message{
9056
8972
  font-size:12px;
9057
8973
  grid-area:message;
9058
- margin-top:3px;
8974
+ margin-top:4px;
9059
8975
  color:var(--iui-text-color-muted);
9060
8976
  }
9061
8977
  .iui-input-container .iui-message a{
@@ -9071,6 +8987,8 @@ label.iui-input-container.iui-disabled{
9071
8987
  position:relative;
9072
8988
  }
9073
8989
  .iui-input-container.iui-inline-icon > .iui-input-icon svg{
8990
+ display:flex;
8991
+ flex-shrink:0;
9074
8992
  width:16px;
9075
8993
  height:16px;
9076
8994
  }
@@ -9103,7 +9021,7 @@ label.iui-input-container.iui-disabled{
9103
9021
  transition:background 0s;
9104
9022
  }
9105
9023
  .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
9106
- fill:var(--iui-icons-color-actionable);
9024
+ fill:var(--iui-icon-color-actionable);
9107
9025
  transition:transform 0.2s ease-out;
9108
9026
  }
9109
9027
  .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
@@ -9113,7 +9031,7 @@ label.iui-input-container.iui-disabled{
9113
9031
  cursor:not-allowed;
9114
9032
  }
9115
9033
  .iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled svg{
9116
- fill:var(--iui-icons-color-actionable-disabled);
9034
+ fill:var(--iui-icon-color-actionable-disabled);
9117
9035
  }
9118
9036
  .iui-input-container.iui-inline-label > .iui-label{
9119
9037
  margin:0 16px 0 0;
@@ -9142,21 +9060,17 @@ label.iui-input-container.iui-disabled{
9142
9060
  text-decoration:none;
9143
9061
  color:var(--iui-color-foreground-positive-overlay);
9144
9062
  }
9145
- .iui-input-container.iui-positive .iui-input,
9146
- .iui-input-container.iui-positive .iui-textarea{
9063
+ .iui-input-container.iui-positive .iui-input{
9147
9064
  padding-bottom:6px;
9148
9065
  border-bottom:2px solid var(--iui-color-foreground-positive);
9149
9066
  }
9150
- .iui-input-container.iui-positive .iui-input.iui-small,
9151
- .iui-input-container.iui-positive .iui-textarea.iui-small{
9152
- padding-bottom:0.5px;
9067
+ .iui-input-container.iui-positive .iui-input.iui-small{
9068
+ padding-bottom:0px;
9153
9069
  }
9154
- .iui-input-container.iui-positive .iui-input.iui-large,
9155
- .iui-input-container.iui-positive .iui-textarea.iui-large{
9156
- padding-bottom:11.5px;
9070
+ .iui-input-container.iui-positive .iui-input.iui-large{
9071
+ padding-bottom:12px;
9157
9072
  }
9158
- .iui-input-container.iui-positive .iui-input:focus,
9159
- .iui-input-container.iui-positive .iui-textarea:focus{
9073
+ .iui-input-container.iui-positive .iui-input:focus{
9160
9074
  border-bottom:2px solid var(--iui-color-foreground-positive);
9161
9075
  outline:2px solid var(--iui-color-foreground-positive);
9162
9076
  outline-offset:-2px;
@@ -9198,21 +9112,17 @@ label.iui-input-container.iui-disabled{
9198
9112
  text-decoration:none;
9199
9113
  color:var(--iui-color-foreground-negative-overlay);
9200
9114
  }
9201
- .iui-input-container.iui-negative .iui-input,
9202
- .iui-input-container.iui-negative .iui-textarea{
9115
+ .iui-input-container.iui-negative .iui-input{
9203
9116
  padding-bottom:6px;
9204
9117
  border-bottom:2px solid var(--iui-color-foreground-negative);
9205
9118
  }
9206
- .iui-input-container.iui-negative .iui-input.iui-small,
9207
- .iui-input-container.iui-negative .iui-textarea.iui-small{
9208
- padding-bottom:0.5px;
9119
+ .iui-input-container.iui-negative .iui-input.iui-small{
9120
+ padding-bottom:0px;
9209
9121
  }
9210
- .iui-input-container.iui-negative .iui-input.iui-large,
9211
- .iui-input-container.iui-negative .iui-textarea.iui-large{
9212
- padding-bottom:11.5px;
9122
+ .iui-input-container.iui-negative .iui-input.iui-large{
9123
+ padding-bottom:12px;
9213
9124
  }
9214
- .iui-input-container.iui-negative .iui-input:focus,
9215
- .iui-input-container.iui-negative .iui-textarea:focus{
9125
+ .iui-input-container.iui-negative .iui-input:focus{
9216
9126
  border-bottom:2px solid var(--iui-color-foreground-negative);
9217
9127
  outline:2px solid var(--iui-color-foreground-negative);
9218
9128
  outline-offset:-2px;
@@ -9254,21 +9164,17 @@ label.iui-input-container.iui-disabled{
9254
9164
  text-decoration:none;
9255
9165
  color:var(--iui-color-foreground-warning-overlay);
9256
9166
  }
9257
- .iui-input-container.iui-warning .iui-input,
9258
- .iui-input-container.iui-warning .iui-textarea{
9167
+ .iui-input-container.iui-warning .iui-input{
9259
9168
  padding-bottom:6px;
9260
9169
  border-bottom:2px solid var(--iui-color-foreground-warning);
9261
9170
  }
9262
- .iui-input-container.iui-warning .iui-input.iui-small,
9263
- .iui-input-container.iui-warning .iui-textarea.iui-small{
9264
- padding-bottom:0.5px;
9171
+ .iui-input-container.iui-warning .iui-input.iui-small{
9172
+ padding-bottom:0px;
9265
9173
  }
9266
- .iui-input-container.iui-warning .iui-input.iui-large,
9267
- .iui-input-container.iui-warning .iui-textarea.iui-large{
9268
- padding-bottom:11.5px;
9174
+ .iui-input-container.iui-warning .iui-input.iui-large{
9175
+ padding-bottom:12px;
9269
9176
  }
9270
- .iui-input-container.iui-warning .iui-input:focus,
9271
- .iui-input-container.iui-warning .iui-textarea:focus{
9177
+ .iui-input-container.iui-warning .iui-input:focus{
9272
9178
  border-bottom:2px solid var(--iui-color-foreground-warning);
9273
9179
  outline:2px solid var(--iui-color-foreground-warning);
9274
9180
  outline-offset:-2px;
@@ -9292,7 +9198,7 @@ label.iui-input-container.iui-disabled{
9292
9198
 
9293
9199
  .iui-input-label{
9294
9200
  font-weight:600;
9295
- margin-bottom:3px;
9201
+ margin-bottom:4px;
9296
9202
  cursor:default;
9297
9203
  display:block;
9298
9204
  }
@@ -9604,7 +9510,7 @@ label.iui-input-label.iui-disabled{
9604
9510
  vertical-align:baseline;
9605
9511
  font-size:12px;
9606
9512
  font-weight:400;
9607
- line-height:22px;
9513
+ line-height:24px;
9608
9514
  color:var(--_iui-workflow-diagram-circle-text-color);
9609
9515
  }
9610
9516
  .iui-workflow-diagram-step:first-of-type, .iui-workflow-diagram-step:last-of-type{