carbon-addons-iot-react 4.1.2 → 4.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/css/carbon-addons-iot-react.css +1184 -152
  2. package/css/carbon-addons-iot-react.css.map +1 -1
  3. package/es/_virtual/react-jsx-runtime.development.js +5 -0
  4. package/es/components/Table/TableBody/TableBodyRow/TableBodyRow.js +1 -1
  5. package/es/components/Table/TableHead/TableHead.js +1 -0
  6. package/es/components/Table/TableHead/TableHeader.js +42 -9
  7. package/es/node_modules/@carbon/react/es/components/BadgeIndicator/index.js +46 -0
  8. package/es/node_modules/@carbon/react/es/components/IconButton/index.js +42 -3
  9. package/es/node_modules/@carbon/react/es/components/OverflowMenu/OverflowMenu.js +8 -10
  10. package/es/node_modules/@carbon/react/es/components/Popover/index.js +8 -5
  11. package/es/node_modules/@carbon/react/es/components/Tooltip/Tooltip.js +36 -26
  12. package/es/node_modules/@carbon/react/es/internal/FloatingMenu.js +216 -408
  13. package/es/node_modules/@carbon/react/es/internal/wrapFocus.js +1 -1
  14. package/es/node_modules/@floating-ui/core/dist/floating-ui.core.js +71 -2
  15. package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +9 -2
  16. package/es/node_modules/@floating-ui/react/dist/floating-ui.react.js +5 -5
  17. package/es/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +15 -0
  18. package/es/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +19 -4
  19. package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +2 -1
  20. package/es/node_modules/react/cjs/react-jsx-runtime.development.js +1338 -0
  21. package/es/node_modules/react/cjs/react-jsx-runtime.production.min.js +12 -0
  22. package/es/node_modules/react/jsx-runtime.js +10 -0
  23. package/lib/_virtual/react-jsx-runtime.development.js +7 -0
  24. package/lib/components/Table/TableBody/TableBodyRow/TableBodyRow.js +1 -1
  25. package/lib/components/Table/TableHead/TableHead.js +1 -0
  26. package/lib/components/Table/TableHead/TableHeader.js +41 -8
  27. package/lib/css/carbon-addons-iot-react.css +1184 -152
  28. package/lib/css/carbon-addons-iot-react.css.map +1 -1
  29. package/lib/node_modules/@carbon/react/es/components/BadgeIndicator/index.js +57 -0
  30. package/lib/node_modules/@carbon/react/es/components/IconButton/index.js +42 -3
  31. package/lib/node_modules/@carbon/react/es/components/OverflowMenu/OverflowMenu.js +7 -9
  32. package/lib/node_modules/@carbon/react/es/components/Popover/index.js +8 -5
  33. package/lib/node_modules/@carbon/react/es/components/Tooltip/Tooltip.js +36 -26
  34. package/lib/node_modules/@carbon/react/es/internal/FloatingMenu.js +215 -410
  35. package/lib/node_modules/@carbon/react/es/internal/wrapFocus.js +1 -1
  36. package/lib/node_modules/@floating-ui/core/dist/floating-ui.core.js +70 -0
  37. package/lib/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +8 -0
  38. package/lib/node_modules/@floating-ui/react/dist/floating-ui.react.js +10 -9
  39. package/lib/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +18 -0
  40. package/lib/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +18 -2
  41. package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +2 -0
  42. package/lib/node_modules/react/cjs/react-jsx-runtime.development.js +1344 -0
  43. package/lib/node_modules/react/cjs/react-jsx-runtime.production.min.js +18 -0
  44. package/lib/node_modules/react/jsx-runtime.js +12 -0
  45. package/lib/scss/components/Table/TableBody/TableBodyRow/_table-expand-row.scss +1 -1
  46. package/lib/scss/components/Table/TableHead/_table-head.scss +28 -2
  47. package/lib/scss/components/Table/_table.scss +1 -1
  48. package/package.json +3 -3
  49. package/scss/components/Table/TableBody/TableBodyRow/_table-expand-row.scss +1 -1
  50. package/scss/components/Table/TableHead/_table-head.scss +28 -2
  51. package/scss/components/Table/_table.scss +1 -1
  52. package/umd/carbon-addons-iot-react.js +6975 -7132
  53. package/es/node_modules/@carbon/react/es/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js +0 -145
  54. package/es/node_modules/@carbon/react/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js +0 -18
  55. package/es/node_modules/@carbon/react/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js +0 -53
  56. package/lib/node_modules/@carbon/react/es/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js +0 -149
  57. package/lib/node_modules/@carbon/react/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js +0 -20
  58. package/lib/node_modules/@carbon/react/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js +0 -59
@@ -1974,9 +1974,6 @@ fieldset[disabled] .cds--form__helper-text {
1974
1974
  justify-content: space-between;
1975
1975
  inline-size: 100%;
1976
1976
  }
1977
- .cds--text-input__label-wrapper .cds--text-input__label-counter {
1978
- align-self: end;
1979
- }
1980
1977
 
1981
1978
  .cds--tag {
1982
1979
  --cds-layout-size-height-xs: 1.125rem;
@@ -2024,6 +2021,9 @@ fieldset[disabled] .cds--form__helper-text {
2024
2021
  .cds--tag .cds--tag__close-icon:hover {
2025
2022
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
2026
2023
  }
2024
+ .cds--tag .cds--definition-term .cds--tag__label {
2025
+ color: var(--cds-tag-color-gray, #161616);
2026
+ }
2027
2027
  .cds--tag.cds--tag--lg {
2028
2028
  padding-inline-start: 0.75rem;
2029
2029
  }
@@ -2116,6 +2116,9 @@ fieldset[disabled] .cds--form__helper-text {
2116
2116
  .cds--tag--red .cds--tag__close-icon:hover {
2117
2117
  background-color: var(--cds-tag-hover-red, #ffc2c5);
2118
2118
  }
2119
+ .cds--tag--red .cds--definition-term .cds--tag__label {
2120
+ color: var(--cds-tag-color-red, #a2191f);
2121
+ }
2119
2122
 
2120
2123
  .cds--tag--magenta {
2121
2124
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
@@ -2130,6 +2133,9 @@ fieldset[disabled] .cds--form__helper-text {
2130
2133
  .cds--tag--magenta .cds--tag__close-icon:hover {
2131
2134
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
2132
2135
  }
2136
+ .cds--tag--magenta .cds--definition-term .cds--tag__label {
2137
+ color: var(--cds-tag-color-magenta, #9f1853);
2138
+ }
2133
2139
 
2134
2140
  .cds--tag--purple {
2135
2141
  background-color: var(--cds-tag-background-purple, #e8daff);
@@ -2144,6 +2150,9 @@ fieldset[disabled] .cds--form__helper-text {
2144
2150
  .cds--tag--purple .cds--tag__close-icon:hover {
2145
2151
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
2146
2152
  }
2153
+ .cds--tag--purple .cds--definition-term .cds--tag__label {
2154
+ color: var(--cds-tag-color-purple, #6929c4);
2155
+ }
2147
2156
 
2148
2157
  .cds--tag--blue {
2149
2158
  background-color: var(--cds-tag-background-blue, #d0e2ff);
@@ -2158,6 +2167,9 @@ fieldset[disabled] .cds--form__helper-text {
2158
2167
  .cds--tag--blue .cds--tag__close-icon:hover {
2159
2168
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
2160
2169
  }
2170
+ .cds--tag--blue .cds--definition-term .cds--tag__label {
2171
+ color: var(--cds-tag-color-blue, #0043ce);
2172
+ }
2161
2173
 
2162
2174
  .cds--tag--cyan {
2163
2175
  background-color: var(--cds-tag-background-cyan, #bae6ff);
@@ -2172,6 +2184,9 @@ fieldset[disabled] .cds--form__helper-text {
2172
2184
  .cds--tag--cyan .cds--tag__close-icon:hover {
2173
2185
  background-color: var(--cds-tag-hover-cyan, #99daff);
2174
2186
  }
2187
+ .cds--tag--cyan .cds--definition-term .cds--tag__label {
2188
+ color: var(--cds-tag-color-cyan, #00539a);
2189
+ }
2175
2190
 
2176
2191
  .cds--tag--teal {
2177
2192
  background-color: var(--cds-tag-background-teal, #9ef0f0);
@@ -2186,6 +2201,9 @@ fieldset[disabled] .cds--form__helper-text {
2186
2201
  .cds--tag--teal .cds--tag__close-icon:hover {
2187
2202
  background-color: var(--cds-tag-hover-teal, #57e5e5);
2188
2203
  }
2204
+ .cds--tag--teal .cds--definition-term .cds--tag__label {
2205
+ color: var(--cds-tag-color-teal, #005d5d);
2206
+ }
2189
2207
 
2190
2208
  .cds--tag--green {
2191
2209
  background-color: var(--cds-tag-background-green, #a7f0ba);
@@ -2200,6 +2218,9 @@ fieldset[disabled] .cds--form__helper-text {
2200
2218
  .cds--tag--green .cds--tag__close-icon:hover {
2201
2219
  background-color: var(--cds-tag-hover-green, #74e792);
2202
2220
  }
2221
+ .cds--tag--green .cds--definition-term .cds--tag__label {
2222
+ color: var(--cds-tag-color-green, #0e6027);
2223
+ }
2203
2224
 
2204
2225
  .cds--tag--gray {
2205
2226
  background-color: var(--cds-tag-background-gray, #e0e0e0);
@@ -2214,6 +2235,9 @@ fieldset[disabled] .cds--form__helper-text {
2214
2235
  .cds--tag--gray .cds--tag__close-icon:hover {
2215
2236
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
2216
2237
  }
2238
+ .cds--tag--gray .cds--definition-term .cds--tag__label {
2239
+ color: var(--cds-tag-color-gray, #161616);
2240
+ }
2217
2241
 
2218
2242
  .cds--tag--cool-gray {
2219
2243
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
@@ -2228,6 +2252,9 @@ fieldset[disabled] .cds--form__helper-text {
2228
2252
  .cds--tag--cool-gray .cds--tag__close-icon:hover {
2229
2253
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
2230
2254
  }
2255
+ .cds--tag--cool-gray .cds--definition-term .cds--tag__label {
2256
+ color: var(--cds-tag-color-cool-gray, #121619);
2257
+ }
2231
2258
 
2232
2259
  .cds--tag--warm-gray {
2233
2260
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
@@ -2242,6 +2269,9 @@ fieldset[disabled] .cds--form__helper-text {
2242
2269
  .cds--tag--warm-gray .cds--tag__close-icon:hover {
2243
2270
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
2244
2271
  }
2272
+ .cds--tag--warm-gray .cds--definition-term .cds--tag__label {
2273
+ color: var(--cds-tag-color-warm-gray, #171414);
2274
+ }
2245
2275
 
2246
2276
  .cds--tag--high-contrast:not(.cds--tag--operational) {
2247
2277
  background-color: var(--cds-background-inverse, #393939);
@@ -2256,6 +2286,9 @@ fieldset[disabled] .cds--form__helper-text {
2256
2286
  .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
2257
2287
  background-color: var(--cds-background-inverse-hover, #474747);
2258
2288
  }
2289
+ .cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label {
2290
+ color: var(--cds-text-inverse, #ffffff);
2291
+ }
2259
2292
 
2260
2293
  .cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
2261
2294
  background-color: transparent;
@@ -2276,6 +2309,9 @@ fieldset[disabled] .cds--form__helper-text {
2276
2309
  .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
2277
2310
  background-color: var(--cds-layer-hover);
2278
2311
  }
2312
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label {
2313
+ color: var(--cds-text-primary, #161616);
2314
+ }
2279
2315
 
2280
2316
  .cds--tag--disabled:not(.cds--tag--operational),
2281
2317
  .cds--tag--filter.cds--tag--disabled,
@@ -2300,6 +2336,11 @@ fieldset[disabled] .cds--form__helper-text {
2300
2336
  .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
2301
2337
  background-color: var(--cds-layer);
2302
2338
  }
2339
+ .cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,
2340
+ .cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,
2341
+ .cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label {
2342
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
2343
+ }
2303
2344
  .cds--tag--disabled:not(.cds--tag--operational):hover,
2304
2345
  .cds--tag--filter.cds--tag--disabled:hover,
2305
2346
  .cds--tag--interactive.cds--tag--disabled:hover {
@@ -2435,6 +2476,9 @@ fieldset[disabled] .cds--form__helper-text {
2435
2476
  .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
2436
2477
  background-color: var(--cds-skeleton-background, #e8e8e8);
2437
2478
  }
2479
+ .cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
2480
+ color: var(--cds-text-primary, #161616);
2481
+ }
2438
2482
  @media not all and (min-resolution >= 0.001dpcm) {
2439
2483
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
2440
2484
  .cds--tag.cds--skeleton {
@@ -3035,6 +3079,9 @@ fieldset[disabled] .cds--form__helper-text {
3035
3079
  .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
3036
3080
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
3037
3081
  }
3082
+ .cds--list-box--disabled .cds--list-box__selection--multi .cds--definition-term .cds--tag__label {
3083
+ color: var(--cds-layer);
3084
+ }
3038
3085
  .cds--list-box--disabled .cds--list-box__selection--multi > svg {
3039
3086
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
3040
3087
  }
@@ -3476,10 +3523,8 @@ fieldset[disabled] .cds--form__helper-text {
3476
3523
  display: block;
3477
3524
  }
3478
3525
 
3479
- .cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
3480
- .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
3481
- .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
3482
- .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
3526
+ .cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
3527
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
3483
3528
  .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
3484
3529
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
3485
3530
  .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
@@ -3552,6 +3597,20 @@ fieldset[disabled] .cds--form__helper-text {
3552
3597
  background-color: var(--cds-field);
3553
3598
  }
3554
3599
 
3600
+ .cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
3601
+ position: absolute;
3602
+ border: 2px solid var(--cds-focus, #0f62fe);
3603
+ block-size: 100%;
3604
+ border-block-start: 1px solid var(--cds-focus, #0f62fe);
3605
+ content: "";
3606
+ inline-size: 100%;
3607
+ }
3608
+
3609
+ .cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
3610
+ outline: 2px solid transparent;
3611
+ outline-offset: -2px;
3612
+ }
3613
+
3555
3614
  .cds--combo-box.cds--list-box--light:hover {
3556
3615
  background-color: var(--cds-field-02, #f4f4f4);
3557
3616
  }
@@ -3887,7 +3946,7 @@ em {
3887
3946
  }
3888
3947
 
3889
3948
  .cds--css-grid--narrow {
3890
- --cds-grid-gutter-start: 0;
3949
+ --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */
3891
3950
  }
3892
3951
 
3893
3952
  .cds--css-grid--condensed {
@@ -3919,7 +3978,7 @@ em {
3919
3978
  }
3920
3979
 
3921
3980
  .cds--subgrid--narrow {
3922
- --cds-grid-gutter-start: 0;
3981
+ --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */
3923
3982
  --cds-grid-gutter-end: 1rem;
3924
3983
  --cds-grid-column-hang: 1rem;
3925
3984
  }
@@ -5527,6 +5586,27 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
5527
5586
  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
5528
5587
  }
5529
5588
 
5589
+ .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
5590
+ .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
5591
+ inset-block-end: 0;
5592
+ inset-inline-end: 0;
5593
+ inset-inline-start: auto;
5594
+ }
5595
+
5596
+ .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
5597
+ inset-block-end: 0;
5598
+ inset-inline-end: auto;
5599
+ inset-inline-start: 0;
5600
+ transform: translate(50%, calc(var(--cds-popover-offset, 0rem)));
5601
+ }
5602
+
5603
+ .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
5604
+ inset-block-end: 0;
5605
+ inset-inline-end: auto;
5606
+ inset-inline-start: 0;
5607
+ transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
5608
+ }
5609
+
5530
5610
  [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
5531
5611
  [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
5532
5612
  inset-inline-start: 0;
@@ -6339,7 +6419,6 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
6339
6419
  line-height: var(--cds-body-01-line-height, 1.42857);
6340
6420
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
6341
6421
  padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
6342
- color: var(--cds-text-inverse, #ffffff);
6343
6422
  max-inline-size: 18rem;
6344
6423
  }
6345
6424
 
@@ -6409,6 +6488,8 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
6409
6488
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
6410
6489
  padding: 0.5rem 1rem;
6411
6490
  max-inline-size: 11rem;
6491
+ text-wrap: auto;
6492
+ word-break: break-word;
6412
6493
  }
6413
6494
 
6414
6495
  .cds--btn {
@@ -6870,6 +6951,11 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
6870
6951
  box-shadow: none;
6871
6952
  }
6872
6953
 
6954
+ .cds--btn--sm .cds--badge-indicator {
6955
+ margin-block-start: 0.25rem;
6956
+ margin-inline-end: 0.25rem;
6957
+ }
6958
+
6873
6959
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
6874
6960
  .cds--btn:focus {
6875
6961
  color: Highlight;
@@ -8694,6 +8780,17 @@ a.cds--overflow-menu-options__btn::before {
8694
8780
  }
8695
8781
  }
8696
8782
 
8783
+ .cds--breadcrumb--sm {
8784
+ font-size: var(--cds-label-01-font-size, 0.75rem);
8785
+ font-weight: var(--cds-label-01-font-weight, 400);
8786
+ line-height: var(--cds-label-01-line-height, 1.33333);
8787
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
8788
+ }
8789
+
8790
+ .cds--breadcrumb .cds--link {
8791
+ font: inherit;
8792
+ }
8793
+
8697
8794
  .cds--breadcrumb-item {
8698
8795
  position: relative;
8699
8796
  display: flex;
@@ -8701,6 +8798,10 @@ a.cds--overflow-menu-options__btn::before {
8701
8798
  margin-inline-end: 0.5rem;
8702
8799
  }
8703
8800
 
8801
+ .cds--breadcrumb--sm .cds--breadcrumb-item {
8802
+ margin-inline-end: 0.25rem;
8803
+ }
8804
+
8704
8805
  .cds--breadcrumb-item .cds--link:visited {
8705
8806
  color: var(--cds-link-primary, #0f62fe);
8706
8807
  }
@@ -8714,6 +8815,10 @@ a.cds--overflow-menu-options__btn::before {
8714
8815
  margin-inline-start: 0.5rem;
8715
8816
  }
8716
8817
 
8818
+ .cds--breadcrumb--sm .cds--breadcrumb-item::after {
8819
+ margin-inline-start: 0.25rem;
8820
+ }
8821
+
8717
8822
  .cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {
8718
8823
  content: "";
8719
8824
  }
@@ -8764,6 +8869,10 @@ a.cds--overflow-menu-options__btn::before {
8764
8869
  }
8765
8870
  }
8766
8871
 
8872
+ .cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
8873
+ inline-size: 1rem;
8874
+ }
8875
+
8767
8876
  .cds--breadcrumb-item .cds--overflow-menu:hover::after {
8768
8877
  opacity: 1;
8769
8878
  }
@@ -8773,7 +8882,7 @@ a.cds--overflow-menu-options__btn::before {
8773
8882
  box-shadow: none;
8774
8883
  }
8775
8884
 
8776
- .cds--breadcrumb-item .cds--overflow-menu__icon {
8885
+ .cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
8777
8886
  position: relative;
8778
8887
  fill: var(--cds-link-primary, #0f62fe);
8779
8888
  transform: translateY(4px);
@@ -9493,8 +9602,10 @@ html[dir=rtl] .iot--data-state-grid > *:first-child {
9493
9602
  .cds--tile--clickable .cds--tile--icon,
9494
9603
  .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
9495
9604
  position: absolute;
9496
- inset-block-end: var(--cds-layout-density-padding-inline-local);
9497
- inset-inline-end: var(--cds-layout-density-padding-inline-local);
9605
+ block-size: 1.25rem;
9606
+ inline-size: 1.25rem;
9607
+ inset-block-end: 0.75rem;
9608
+ inset-inline-end: 0.75rem;
9498
9609
  }
9499
9610
 
9500
9611
  .cds--tile--clickable .cds--tile--icon {
@@ -11292,95 +11403,115 @@ tr.cds--data-table--selected:last-of-type td {
11292
11403
  margin: -0.1875rem 0;
11293
11404
  }
11294
11405
 
11295
- .cds--data-table .cds--table-column-slug {
11406
+ .cds--data-table .cds--table-column-slug,
11407
+ .cds--data-table .cds--table-column-decorator {
11296
11408
  inline-size: 1rem;
11297
11409
  padding-inline-end: 0;
11298
11410
  }
11299
11411
 
11300
11412
  tr.cds--data-table--slug-row,
11301
- tr.cds--data-table--slug-row + .cds--expandable-row {
11413
+ tr.cds--data-table--slug-row + .cds--expandable-row,
11414
+ tr.cds--data-table--ai-label-row,
11415
+ tr.cds--data-table--ai-label-row + .cds--expandable-row {
11302
11416
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
11303
11417
  background-attachment: fixed;
11304
11418
  }
11305
11419
 
11306
- .cds--data-table--slug-row {
11420
+ .cds--data-table--slug-row,
11421
+ .cds--data-table--ai-label-row {
11307
11422
  box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
11308
11423
  }
11309
11424
 
11310
- .cds--data-table tbody tr.cds--data-table--slug-row:hover td,
11311
- tr.cds--data-table--slug-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
11312
- tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
11313
- tr.cds--data-table--slug-row.cds--expandable-row--hover > td,
11314
- tr.cds--data-table--selected.cds--data-table--slug-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
11315
- tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
11316
- tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
11317
- tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
11318
- tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
11319
- tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
11320
- tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
11425
+ .cds--data-table tbody tr.cds--data-table--ai-label-row:hover td,
11426
+ tr.cds--data-table--ai-label-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
11427
+ tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
11428
+ tr.cds--data-table--ai-label-row.cds--expandable-row--hover > td,
11429
+ tr.cds--data-table--selected.cds--data-table--ai-label-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
11430
+ tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
11431
+ tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
11432
+ tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
11433
+ tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
11434
+ tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
11435
+ tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
11321
11436
  background-color: transparent;
11322
11437
  }
11323
11438
 
11324
- .cds--data-table tbody tr.cds--data-table--slug-row:hover,
11325
- tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
11326
- tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
11327
- tr.cds--expandable-row--hover.cds--data-table--slug-row,
11328
- tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
11439
+ .cds--data-table tbody tr.cds--data-table--ai-label-row:hover,
11440
+ tr.cds--data-table--ai-label-row:hover + .cds--expandable-row[data-child-row],
11441
+ tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
11442
+ tr.cds--expandable-row--hover.cds--data-table--ai-label-row,
11443
+ tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--ai-label-row {
11329
11444
  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
11330
11445
  background-attachment: fixed;
11331
11446
  }
11332
11447
 
11333
11448
  tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
11334
11449
  .cds--data-table--selected.cds--data-table--slug-row,
11335
- tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
11450
+ tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row,
11451
+ tr.cds--parent-row.cds--data-table--selected.cds--data-table--ai-label-row,
11452
+ .cds--data-table--selected.cds--data-table--ai-label-row,
11453
+ tr.cds--data-table--selected.cds--data-table--ai-label-row + .cds--expandable-row {
11336
11454
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
11337
11455
  background-attachment: fixed;
11338
11456
  }
11339
11457
 
11340
- tr.cds--data-table--slug-row.cds--data-table--selected td,
11341
- tr.cds--data-table--slug-row.cds--data-table--selected:hover td,
11342
- tbody tr.cds--data-table--slug-row:hover td,
11343
- tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
11458
+ tr.cds--data-table--ai-label-row.cds--data-table--selected td,
11459
+ tr.cds--data-table--ai-label-row.cds--data-table--selected:hover td,
11460
+ tbody tr.cds--data-table--ai-label-row:hover td,
11461
+ tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
11344
11462
  border-block-end-color: var(--cds-border-subtle);
11345
11463
  }
11346
11464
 
11465
+ tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug),
11347
11466
  tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
11348
11467
  border-block-end: 1px solid var(--cds-layer-selected);
11349
11468
  }
11350
11469
 
11351
- tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type {
11470
+ tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type,
11471
+ tr.cds--parent-row.cds--data-table--ai-label-row.cds--expandable-row:hover td:first-of-type,
11472
+ tr.cds--parent-row.cds--data-table--decoratorß-row.cds--expandable-row:hover td:first-of-type {
11352
11473
  border-block-end: 1px solid transparent;
11353
11474
  }
11354
11475
 
11355
11476
  .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
11356
- .cds--data-table thead th:has(> .cds--table-header-label--slug) {
11477
+ .cds--data-table thead th:has(> .cds--table-header-label--slug),
11478
+ .cds--data-table thead th.cds--table-sort__header--ai-label .cds--table-sort,
11479
+ .cds--data-table thead th:has(> .cds--table-header-label--ai-label) {
11357
11480
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
11358
11481
  }
11359
11482
 
11360
11483
  .cds--table-column-slug .cds--ai-label,
11361
- .cds--table-column-slug .cds--slug {
11484
+ .cds--table-column-slug .cds--slug,
11485
+ .cds--table-column-decorator .cds--decorator {
11362
11486
  position: absolute;
11363
11487
  z-index: 2;
11364
11488
  transform: translateY(-50%);
11365
11489
  }
11366
11490
 
11367
11491
  .cds--data-table--xl .cds--table-column-slug .cds--ai-label,
11368
- .cds--data-table--xl .cds--table-column-slug .cds--slug {
11492
+ .cds--data-table--xl .cds--table-column-slug .cds--slug,
11493
+ .cds--data-table--xl .cds--table-column-decorator .cds--decorator {
11369
11494
  transform: translateY(1px);
11370
11495
  }
11371
11496
 
11372
- th .cds--table-header-label.cds--table-header-label--slug {
11497
+ th .cds--table-header-label.cds--table-header-label--slug,
11498
+ th .cds--table-header-label.cds--table-header-label--ai-label,
11499
+ th .cds--table-header-label.cds--table-header-label--decorator {
11373
11500
  display: flex;
11374
11501
  align-items: center;
11375
11502
  }
11376
11503
 
11377
- th .cds--table-header-label.cds--table-header-label--slug .cds--ai-label,
11378
- th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
11504
+ th .cds--table-header-label.cds--table-header-label--ai-label .cds--ai-label,
11505
+ th .cds--table-header-label.cds--table-header-label--ai-label .cds--slug,
11506
+ th .cds--table-header-label.cds--table-header-label--decorator .cds--table-header-label--decorator-inner,
11507
+ th .cds--table-header-label.cds--table-header-label--ai-label .cds--table-header-label--decorator-inner {
11379
11508
  margin-inline-start: auto;
11380
11509
  }
11381
11510
 
11382
11511
  th.cds--table-sort__header--slug,
11383
- th:has(.cds--table-header-label--slug) {
11512
+ th:has(.cds--table-header-label--slug),
11513
+ th.cds--table-sort__header--ai-label,
11514
+ th:has(.cds--table-header-label--ai-label) {
11384
11515
  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
11385
11516
  }
11386
11517
 
@@ -19900,6 +20031,16 @@ div.iot--card-edit-form--data-item-list .iot--list-item--content--values--value_
19900
20031
  outline: none;
19901
20032
  }
19902
20033
 
20034
+ .cds--dropdown--focus .cds--list-box__field {
20035
+ outline: 2px solid var(--cds-focus, #0f62fe);
20036
+ outline-offset: -2px;
20037
+ }
20038
+ @media screen and (prefers-contrast) {
20039
+ .cds--dropdown--focus .cds--list-box__field {
20040
+ outline-style: dotted;
20041
+ }
20042
+ }
20043
+
19903
20044
  .cds--dropdown--invalid {
19904
20045
  outline: 2px solid var(--cds-support-error, #da1e28);
19905
20046
  outline-offset: -2px;
@@ -27661,6 +27802,11 @@ optgroup.cds--select-optgroup:disabled,
27661
27802
  inline-size: 1px;
27662
27803
  }
27663
27804
 
27805
+ .cds--form-item:has(.cds--text-area__wrapper--cols) {
27806
+ inline-size: -moz-fit-content;
27807
+ inline-size: fit-content;
27808
+ }
27809
+
27664
27810
  .cds--text-area:disabled {
27665
27811
  background-color: var(--cds-field);
27666
27812
  border-block-end: 1px solid transparent;
@@ -27775,6 +27921,7 @@ optgroup.cds--select-optgroup:disabled,
27775
27921
  }
27776
27922
 
27777
27923
  .cds--text-area__label-wrapper {
27924
+ position: relative;
27778
27925
  display: flex;
27779
27926
  justify-content: space-between;
27780
27927
  inline-size: 100%;
@@ -28176,6 +28323,7 @@ html[dir=rtl] .iot--hierarchy-list-bulk-header--title {
28176
28323
  }
28177
28324
 
28178
28325
  .cds--menu--shown {
28326
+ overflow: visible;
28179
28327
  opacity: 1;
28180
28328
  }
28181
28329
 
@@ -28226,14 +28374,6 @@ html[dir=rtl] .iot--hierarchy-list-bulk-header--title {
28226
28374
  block-size: 3rem;
28227
28375
  }
28228
28376
 
28229
- .cds--menu-item__icon {
28230
- display: none;
28231
- }
28232
-
28233
- .cds--menu--with-icons .cds--menu-item__icon {
28234
- display: flex;
28235
- }
28236
-
28237
28377
  .cds--menu-item__label {
28238
28378
  overflow: hidden;
28239
28379
  text-overflow: ellipsis;
@@ -28263,12 +28403,35 @@ html[dir=rtl] .iot--hierarchy-list-bulk-header--title {
28263
28403
  box-sizing: inherit;
28264
28404
  }
28265
28405
 
28406
+ .cds--menu-item__icon,
28407
+ .cds--menu-item__selection-icon {
28408
+ display: none;
28409
+ }
28410
+
28266
28411
  .cds--menu--with-icons > .cds--menu-item,
28267
28412
  .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
28268
- .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {
28413
+ .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item,
28414
+ .cds--menu--with-selectable-items > .cds--menu-item,
28415
+ .cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
28416
+ .cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
28269
28417
  grid-template-columns: 1rem 1fr max-content;
28270
28418
  }
28271
28419
 
28420
+ .cds--menu--with-icons > .cds--menu-item > .cds--menu-item__icon,
28421
+ .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__icon,
28422
+ .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__icon,
28423
+ .cds--menu--with-selectable-items > .cds--menu-item > .cds--menu-item__selection-icon,
28424
+ .cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__selection-icon,
28425
+ .cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__selection-icon {
28426
+ display: flex;
28427
+ }
28428
+
28429
+ .cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item,
28430
+ .cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
28431
+ .cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
28432
+ grid-template-columns: 1rem 1rem 1fr max-content;
28433
+ }
28434
+
28272
28435
  .cds--menu-item--disabled {
28273
28436
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
28274
28437
  cursor: not-allowed;
@@ -35048,6 +35211,922 @@ html[dir=rtl] .iot--row-actions-container__background .iot--row-actions-cell--ov
35048
35211
  font-size: 0.875rem;
35049
35212
  }
35050
35213
 
35214
+ .cds--toggletip-label {
35215
+ font-size: var(--cds-body-01-font-size, 0.875rem);
35216
+ font-weight: var(--cds-body-01-font-weight, 400);
35217
+ line-height: var(--cds-body-01-line-height, 1.42857);
35218
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
35219
+ color: var(--cds-text-secondary, #525252);
35220
+ margin-inline-end: 0.5rem;
35221
+ }
35222
+
35223
+ .cds--toggletip-button {
35224
+ box-sizing: border-box;
35225
+ padding: 0;
35226
+ border: 0;
35227
+ margin: 0;
35228
+ font-family: inherit;
35229
+ font-size: 100%;
35230
+ vertical-align: baseline;
35231
+ display: inline-block;
35232
+ padding: 0;
35233
+ border: 0;
35234
+ -webkit-appearance: none;
35235
+ -moz-appearance: none;
35236
+ appearance: none;
35237
+ background: none;
35238
+ cursor: pointer;
35239
+ text-align: start;
35240
+ inline-size: 100%;
35241
+ display: flex;
35242
+ align-items: center;
35243
+ }
35244
+ .cds--toggletip-button *,
35245
+ .cds--toggletip-button *::before,
35246
+ .cds--toggletip-button *::after {
35247
+ box-sizing: inherit;
35248
+ }
35249
+ .cds--toggletip-button::-moz-focus-inner {
35250
+ border: 0;
35251
+ }
35252
+
35253
+ .cds--toggletip-button svg {
35254
+ fill: var(--cds-icon-secondary, #525252);
35255
+ }
35256
+
35257
+ .cds--toggletip-button:hover svg,
35258
+ .cds--toggletip--open .cds--toggletip-button svg {
35259
+ fill: var(--cds-icon-primary, #161616);
35260
+ }
35261
+
35262
+ .cds--toggletip-button:focus {
35263
+ outline: 1px solid var(--cds-focus, #0f62fe);
35264
+ }
35265
+ @media screen and (prefers-contrast) {
35266
+ .cds--toggletip-button:focus {
35267
+ outline-style: dotted;
35268
+ }
35269
+ }
35270
+
35271
+ .cds--toggletip {
35272
+ --cds-popover-offset: 0.8125rem;
35273
+ }
35274
+
35275
+ .cds--toggletip-content {
35276
+ --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
35277
+ --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
35278
+ --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
35279
+ --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
35280
+ --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
35281
+ font-size: var(--cds-body-01-font-size, 0.875rem);
35282
+ font-weight: var(--cds-body-01-font-weight, 400);
35283
+ line-height: var(--cds-body-01-line-height, 1.42857);
35284
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
35285
+ display: grid;
35286
+ padding: 1rem;
35287
+ max-inline-size: 18rem;
35288
+ row-gap: 1rem;
35289
+ }
35290
+
35291
+ .cds--toggletip-content p {
35292
+ font-size: var(--cds-body-01-font-size, 0.875rem);
35293
+ font-weight: var(--cds-body-01-font-weight, 400);
35294
+ line-height: var(--cds-body-01-line-height, 1.42857);
35295
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
35296
+ }
35297
+
35298
+ .cds--toggletip-actions {
35299
+ display: flex;
35300
+ align-items: center;
35301
+ justify-content: space-between;
35302
+ -moz-column-gap: 1rem;
35303
+ column-gap: 1rem;
35304
+ }
35305
+
35306
+ .cds--ai-label,
35307
+ .cds--slug {
35308
+ display: flex;
35309
+ }
35310
+
35311
+ .cds--ai-label:has(> .cds--popover--open),
35312
+ .cds--slug:has(> .cds--popover--open) {
35313
+ z-index: 2;
35314
+ }
35315
+
35316
+ .cds--ai-label .cds--ai-label__button,
35317
+ .cds--slug .cds--slug__button {
35318
+ position: relative;
35319
+ display: flex;
35320
+ align-items: center;
35321
+ justify-content: center;
35322
+ border: 1px solid var(--cds-border-inverse, #161616);
35323
+ background: transparent;
35324
+ color: var(--cds-text-primary, #161616);
35325
+ font-weight: 600;
35326
+ outline: none;
35327
+ transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
35328
+ }
35329
+ .cds--ai-label .cds--ai-label__button--mini,
35330
+ .cds--slug .cds--slug__button--mini {
35331
+ height: 1rem;
35332
+ width: 1rem;
35333
+ font-size: 0.5625rem;
35334
+ line-height: 0.75rem;
35335
+ }
35336
+ .cds--ai-label .cds--ai-label__button--2xs,
35337
+ .cds--slug .cds--slug__button--2xs {
35338
+ height: 1.25rem;
35339
+ width: 1.25rem;
35340
+ font-size: 0.75rem;
35341
+ line-height: 1rem;
35342
+ }
35343
+ .cds--ai-label .cds--ai-label__button--xs,
35344
+ .cds--slug .cds--slug__button--xs {
35345
+ height: 1.5rem;
35346
+ width: 1.5rem;
35347
+ font-size: 0.75rem;
35348
+ line-height: 1rem;
35349
+ }
35350
+ .cds--ai-label .cds--ai-label__button--sm,
35351
+ .cds--slug .cds--slug__button--sm {
35352
+ height: 2rem;
35353
+ width: 2rem;
35354
+ font-size: 1rem;
35355
+ line-height: 1.3125rem;
35356
+ }
35357
+ .cds--ai-label .cds--ai-label__button--md,
35358
+ .cds--slug .cds--slug__button--md {
35359
+ height: 2.5rem;
35360
+ width: 2.5rem;
35361
+ font-size: 1rem;
35362
+ line-height: 1.3125rem;
35363
+ }
35364
+ .cds--ai-label .cds--ai-label__button--lg,
35365
+ .cds--slug .cds--slug__button--lg {
35366
+ height: 3rem;
35367
+ width: 3rem;
35368
+ font-size: 1rem;
35369
+ line-height: 1.3125rem;
35370
+ }
35371
+ .cds--ai-label .cds--ai-label__button--xl,
35372
+ .cds--slug .cds--slug__button--xl {
35373
+ height: 4rem;
35374
+ width: 4rem;
35375
+ font-size: 1.25rem;
35376
+ line-height: 1.625rem;
35377
+ }
35378
+
35379
+ .cds--ai-label__button--mini::after,
35380
+ .cds--ai-label__button--2xs::after,
35381
+ .cds--slug__button--mini::after,
35382
+ .cds--slug__button--2xs::after {
35383
+ position: absolute;
35384
+ display: block;
35385
+ block-size: 24px;
35386
+ content: "";
35387
+ inline-size: 24px;
35388
+ }
35389
+
35390
+ .cds--ai-label .cds--ai-label__button:focus,
35391
+ .cds--slug .cds--slug__button:focus {
35392
+ border: 1px solid var(--cds-focus, #0f62fe);
35393
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
35394
+ }
35395
+
35396
+ .cds--ai-label .cds--ai-label__button:hover,
35397
+ .cds--slug .cds--slug__button:hover {
35398
+ background: var(--cds-border-inverse, #161616);
35399
+ color: var(--cds-text-inverse, #ffffff);
35400
+ }
35401
+
35402
+ .cds--ai-label .cds--ai-label__button:hover:active,
35403
+ .cds--slug .cds--slug__button:hover:active {
35404
+ background: var(--cds-border-inverse, #161616);
35405
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
35406
+ color: var(--cds-text-inverse, #ffffff);
35407
+ }
35408
+
35409
+ .cds--ai-label .cds--ai-label__button.cds--ai-label__button--mini:hover:active,
35410
+ .cds--ai-label .cds--ai-label__button.cds--ai-label__button--2xs:hover:active,
35411
+ .cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
35412
+ .cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
35413
+ box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
35414
+ }
35415
+
35416
+ .cds--ai-label__text,
35417
+ .cds--slug__text {
35418
+ position: relative;
35419
+ z-index: 1;
35420
+ }
35421
+
35422
+ .cds--ai-label .cds--ai-label__button--inline,
35423
+ .cds--slug .cds--slug__button--inline {
35424
+ border: 1px solid transparent;
35425
+ border-radius: 0.0625rem;
35426
+ background: transparent;
35427
+ block-size: initial;
35428
+ color: var(--cds-text-primary, #161616);
35429
+ font-size: 0.875rem;
35430
+ inline-size: initial;
35431
+ line-height: initial;
35432
+ padding-inline: 0.25rem;
35433
+ }
35434
+
35435
+ .cds--ai-label__button--inline::before,
35436
+ .cds--slug__button--inline::before {
35437
+ display: none;
35438
+ }
35439
+
35440
+ .cds--ai-label .cds--ai-label__button--inline:focus,
35441
+ .cds--slug .cds--slug__button--inline:focus {
35442
+ border-color: var(--cds-focus, #0f62fe);
35443
+ box-shadow: none;
35444
+ }
35445
+
35446
+ .cds--ai-label .cds--ai-label__button--inline:hover,
35447
+ .cds--ai-label .cds--ai-label__button--inline:hover:active,
35448
+ .cds--slug .cds--slug__button--inline:hover,
35449
+ .cds--slug .cds--slug__button--inline:hover:active {
35450
+ border-color: var(--cds-icon-secondary, #525252);
35451
+ background: transparent;
35452
+ box-shadow: none;
35453
+ color: var(--cds-text-secondary, #525252);
35454
+ }
35455
+
35456
+ .cds--ai-label .cds--ai-label__button--inline:focus:hover,
35457
+ .cds--slug .cds--slug__button--inline:focus:hover {
35458
+ border-color: var(--cds-focus, #0f62fe);
35459
+ }
35460
+
35461
+ .cds--ai-label .cds--ai-label__button--inline:hover .cds--ai-label__text::before,
35462
+ .cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
35463
+ background: var(--cds-icon-secondary, #525252);
35464
+ }
35465
+
35466
+ .cds--ai-label__button--inline .cds--ai-label__text,
35467
+ .cds--slug__button--inline .cds--slug__text {
35468
+ padding-inline-start: 0.5rem;
35469
+ }
35470
+
35471
+ .cds--ai-label__button--inline.cds--ai-label__button--lg .cds--ai-label__text,
35472
+ .cds--ai-label__button--inline.cds--ai-label__button--xl .cds--ai-label__text,
35473
+ .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
35474
+ .cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
35475
+ padding-inline-start: 0.75rem;
35476
+ }
35477
+
35478
+ .cds--ai-label__button--inline .cds--ai-label__text::before,
35479
+ .cds--slug__button--inline .cds--slug__text::before {
35480
+ position: absolute;
35481
+ display: inline-block;
35482
+ background: var(--cds-icon-primary, #161616);
35483
+ block-size: 0.25rem;
35484
+ content: "";
35485
+ inline-size: 0.25rem;
35486
+ inset-block-start: 50%;
35487
+ inset-inline-start: 0;
35488
+ opacity: 1;
35489
+ transform: translateY(-50%);
35490
+ transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
35491
+ }
35492
+
35493
+ .cds--ai-label__button--lg .cds--ai-label__text::before,
35494
+ .cds--ai-label__button--xl .cds--ai-label__text::before,
35495
+ .cds--slug__button--lg .cds--slug__text::before,
35496
+ .cds--slug__button--xl .cds--slug__text::before {
35497
+ block-size: 0.5rem;
35498
+ inline-size: 0.5rem;
35499
+ }
35500
+
35501
+ .cds--ai-label__button--inline.cds--ai-label__button--mini,
35502
+ .cds--ai-label__button--inline.cds--ai-label__button--mini .cds--ai-label__additional-text,
35503
+ .cds--ai-label__button--inline.cds--ai-label__button--2xs,
35504
+ .cds--ai-label__button--inline.cds--ai-label__button--2xs .cds--ai-label__additional-text,
35505
+ .cds--ai-label__button--inline.cds--ai-label__button--xs,
35506
+ .cds--ai-label__button--inline.cds--ai-label__button--xs .cds--ai-label__additional-text,
35507
+ .cds--ai-label__button--inline.cds--ai-label__button--sm,
35508
+ .cds--ai-label__button--inline.cds--ai-label__button--sm .cds--ai-label__additional-text,
35509
+ .cds--slug__button--inline.cds--slug__button--mini,
35510
+ .cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,
35511
+ .cds--slug__button--inline.cds--slug__button--2xs,
35512
+ .cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,
35513
+ .cds--slug__button--inline.cds--slug__button--xs,
35514
+ .cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text,
35515
+ .cds--slug__button--inline.cds--slug__button--sm,
35516
+ .cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {
35517
+ font-size: 0.75rem;
35518
+ }
35519
+
35520
+ .cds--ai-label__button--inline.cds--ai-label__button--lg,
35521
+ .cds--ai-label__button--inline.cds--ai-label__button--xl,
35522
+ .cds--slug__button--inline.cds--slug__button--lg,
35523
+ .cds--slug__button--inline.cds--slug__button--xl {
35524
+ font-size: 1rem;
35525
+ }
35526
+
35527
+ .cds--ai-label .cds--ai-label__button--inline-with-content,
35528
+ .cds--slug .cds--slug__button--inline-with-content {
35529
+ border: 1px solid var(--cds-border-inverse, #161616);
35530
+ padding-block: 0.125rem;
35531
+ padding-inline: 0.5rem;
35532
+ }
35533
+
35534
+ .cds--ai-label__button--inline-with-content .cds--ai-label__additional-text,
35535
+ .cds--slug__button--inline-with-content .cds--slug__additional-text {
35536
+ font-size: var(--cds-body-compact-02-font-size, 1rem);
35537
+ font-weight: var(--cds-body-compact-02-font-weight, 400);
35538
+ line-height: var(--cds-body-compact-02-line-height, 1.375);
35539
+ letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
35540
+ padding-inline-start: 0.25rem;
35541
+ }
35542
+
35543
+ .cds--ai-label__button--inline.cds--ai-label__button--md .cds--ai-label__additional-text,
35544
+ .cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
35545
+ font-size: 0.875rem;
35546
+ }
35547
+
35548
+ .cds--ai-label .cds--ai-label__button--inline-with-content:focus,
35549
+ .cds--ai-label .cds--ai-label__button--inline-with-content:hover:focus,
35550
+ .cds--slug .cds--slug__button--inline-with-content:focus,
35551
+ .cds--slug .cds--slug__button--inline-with-content:hover:focus {
35552
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
35553
+ }
35554
+
35555
+ .cds--ai-label .cds--ai-label-content,
35556
+ .cds--slug .cds--slug-content {
35557
+ background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
35558
+ border: 1px solid transparent;
35559
+ border-radius: 0.5rem;
35560
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));
35561
+ color: var(--cds-text-primary, #161616);
35562
+ min-inline-size: 17.5rem;
35563
+ }
35564
+
35565
+ .cds--ai-label > .cds--toggletip > .cds--popover > .cds--popover-caret,
35566
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
35567
+ .cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,
35568
+ .cds--slug > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
35569
+ background: transparent;
35570
+ clip-path: none;
35571
+ }
35572
+
35573
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
35574
+ .cds--popover--top-right,
35575
+ .cds--popover--top-left,
35576
+ .cds--popover--top-end,
35577
+ .cds--popover--top-start,
35578
+ .cds--popover--bottom,
35579
+ .cds--popover--bottom-right,
35580
+ .cds--popover--bottom-left,
35581
+ .cds--popover--bottom-start,
35582
+ .cds--popover--bottom-end,
35583
+ .cds--popover--left,
35584
+ .cds--popover--left-top,
35585
+ .cds--popover--left-bottom,
35586
+ .cds--popover--left-start,
35587
+ .cds--popover--left-end,
35588
+ .cds--popover--right,
35589
+ .cds--popover--right-top,
35590
+ .cds--popover--right-bottom,
35591
+ .cds--popover--right-start,
35592
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
35593
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35594
+ .cds--popover--top-right,
35595
+ .cds--popover--top-left,
35596
+ .cds--popover--top-end,
35597
+ .cds--popover--top-start,
35598
+ .cds--popover--bottom,
35599
+ .cds--popover--bottom-right,
35600
+ .cds--popover--bottom-left,
35601
+ .cds--popover--bottom-start,
35602
+ .cds--popover--bottom-end,
35603
+ .cds--popover--left,
35604
+ .cds--popover--left-top,
35605
+ .cds--popover--left-bottom,
35606
+ .cds--popover--left-start,
35607
+ .cds--popover--left-end,
35608
+ .cds--popover--right,
35609
+ .cds--popover--right-top,
35610
+ .cds--popover--right-bottom,
35611
+ .cds--popover--right-start,
35612
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
35613
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
35614
+ .cds--popover--top-right,
35615
+ .cds--popover--top-left,
35616
+ .cds--popover--top-end,
35617
+ .cds--popover--top-start,
35618
+ .cds--popover--bottom,
35619
+ .cds--popover--bottom-right,
35620
+ .cds--popover--bottom-left,
35621
+ .cds--popover--bottom-start,
35622
+ .cds--popover--bottom-end,
35623
+ .cds--popover--left,
35624
+ .cds--popover--left-top,
35625
+ .cds--popover--left-bottom,
35626
+ .cds--popover--left-start,
35627
+ .cds--popover--left-end,
35628
+ .cds--popover--right,
35629
+ .cds--popover--right-top,
35630
+ .cds--popover--right-bottom,
35631
+ .cds--popover--right-start,
35632
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
35633
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35634
+ .cds--popover--top-right,
35635
+ .cds--popover--top-left,
35636
+ .cds--popover--top-end,
35637
+ .cds--popover--top-start,
35638
+ .cds--popover--bottom,
35639
+ .cds--popover--bottom-right,
35640
+ .cds--popover--bottom-left,
35641
+ .cds--popover--bottom-start,
35642
+ .cds--popover--bottom-end,
35643
+ .cds--popover--left,
35644
+ .cds--popover--left-top,
35645
+ .cds--popover--left-bottom,
35646
+ .cds--popover--left-start,
35647
+ .cds--popover--left-end,
35648
+ .cds--popover--right,
35649
+ .cds--popover--right-top,
35650
+ .cds--popover--right-bottom,
35651
+ .cds--popover--right-start,
35652
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
35653
+ position: absolute;
35654
+ display: block;
35655
+ border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
35656
+ background: var(--cds-background, #f4f4f4);
35657
+ block-size: 0.75rem;
35658
+ clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
35659
+ content: "";
35660
+ inline-size: 0.75rem;
35661
+ transform: rotate(45deg);
35662
+ }
35663
+
35664
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
35665
+ .cds--popover--top-right,
35666
+ .cds--popover--top-left,
35667
+ .cds--popover--top-end,
35668
+ .cds--popover--top-start,
35669
+ .cds--popover--bottom,
35670
+ .cds--popover--bottom-right,
35671
+ .cds--popover--bottom-left,
35672
+ .cds--popover--bottom-start,
35673
+ .cds--popover--bottom-end,
35674
+ .cds--popover--left,
35675
+ .cds--popover--left-top,
35676
+ .cds--popover--left-bottom,
35677
+ .cds--popover--left-start,
35678
+ .cds--popover--left-end,
35679
+ .cds--popover--right,
35680
+ .cds--popover--right-top,
35681
+ .cds--popover--right-bottom,
35682
+ .cds--popover--right-start,
35683
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
35684
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35685
+ .cds--popover--top-right,
35686
+ .cds--popover--top-left,
35687
+ .cds--popover--top-end,
35688
+ .cds--popover--top-start,
35689
+ .cds--popover--bottom,
35690
+ .cds--popover--bottom-right,
35691
+ .cds--popover--bottom-left,
35692
+ .cds--popover--bottom-start,
35693
+ .cds--popover--bottom-end,
35694
+ .cds--popover--left,
35695
+ .cds--popover--left-top,
35696
+ .cds--popover--left-bottom,
35697
+ .cds--popover--left-start,
35698
+ .cds--popover--left-end,
35699
+ .cds--popover--right,
35700
+ .cds--popover--right-top,
35701
+ .cds--popover--right-bottom,
35702
+ .cds--popover--right-start,
35703
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
35704
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
35705
+ .cds--popover--top-right,
35706
+ .cds--popover--top-left,
35707
+ .cds--popover--top-end,
35708
+ .cds--popover--top-start,
35709
+ .cds--popover--bottom,
35710
+ .cds--popover--bottom-right,
35711
+ .cds--popover--bottom-left,
35712
+ .cds--popover--bottom-start,
35713
+ .cds--popover--bottom-end,
35714
+ .cds--popover--left,
35715
+ .cds--popover--left-top,
35716
+ .cds--popover--left-bottom,
35717
+ .cds--popover--left-start,
35718
+ .cds--popover--left-end,
35719
+ .cds--popover--right,
35720
+ .cds--popover--right-top,
35721
+ .cds--popover--right-bottom,
35722
+ .cds--popover--right-start,
35723
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
35724
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35725
+ .cds--popover--top-right,
35726
+ .cds--popover--top-left,
35727
+ .cds--popover--top-end,
35728
+ .cds--popover--top-start,
35729
+ .cds--popover--bottom,
35730
+ .cds--popover--bottom-right,
35731
+ .cds--popover--bottom-left,
35732
+ .cds--popover--bottom-start,
35733
+ .cds--popover--bottom-end,
35734
+ .cds--popover--left,
35735
+ .cds--popover--left-top,
35736
+ .cds--popover--left-bottom,
35737
+ .cds--popover--left-start,
35738
+ .cds--popover--left-end,
35739
+ .cds--popover--right,
35740
+ .cds--popover--right-top,
35741
+ .cds--popover--right-bottom,
35742
+ .cds--popover--right-start,
35743
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
35744
+ position: absolute;
35745
+ display: block;
35746
+ background: var(--cds-background, #f4f4f4);
35747
+ block-size: 0.875rem;
35748
+ content: "";
35749
+ inline-size: 0.125rem;
35750
+ }
35751
+
35752
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
35753
+ .cds--popover--top-right,
35754
+ .cds--popover--top-left,
35755
+ .cds--popover--top-end,
35756
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
35757
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35758
+ .cds--popover--top-right,
35759
+ .cds--popover--top-left,
35760
+ .cds--popover--top-end,
35761
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
35762
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
35763
+ .cds--popover--top-right,
35764
+ .cds--popover--top-left,
35765
+ .cds--popover--top-end,
35766
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
35767
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35768
+ .cds--popover--top-right,
35769
+ .cds--popover--top-left,
35770
+ .cds--popover--top-end,
35771
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
35772
+ inset-block-end: 0.0625rem;
35773
+ transform: rotate(-135deg);
35774
+ }
35775
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
35776
+ .cds--popover--top-right,
35777
+ .cds--popover--top-left,
35778
+ .cds--popover--top-end,
35779
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
35780
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35781
+ .cds--popover--top-right,
35782
+ .cds--popover--top-left,
35783
+ .cds--popover--top-end,
35784
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
35785
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
35786
+ .cds--popover--top-right,
35787
+ .cds--popover--top-left,
35788
+ .cds--popover--top-end,
35789
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
35790
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
35791
+ .cds--popover--top-right,
35792
+ .cds--popover--top-left,
35793
+ .cds--popover--top-end,
35794
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
35795
+ background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
35796
+ block-size: 0.125rem;
35797
+ border-end-end-radius: 50%;
35798
+ border-end-start-radius: 50%;
35799
+ inline-size: 0.875rem;
35800
+ inset-block-start: -0.125rem;
35801
+ inset-inline-start: -0.0625rem;
35802
+ }
35803
+
35804
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
35805
+ .cds--popover--top-right,
35806
+ .cds--popover--top-left,
35807
+ .cds--popover--top-end,
35808
+ .cds--popover--top-start) > .cds--popover > .cds--ai-label-content--with-actions + .cds--popover-caret::after,
35809
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
35810
+ .cds--popover--top-right,
35811
+ .cds--popover--top-left,
35812
+ .cds--popover--top-end,
35813
+ .cds--popover--top-start) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
35814
+ display: none;
35815
+ }
35816
+
35817
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--right,
35818
+ .cds--popover--right-bottom,
35819
+ .cds--popover--right-top,
35820
+ .cds--popover--right-start,
35821
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
35822
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
35823
+ .cds--popover--right-bottom,
35824
+ .cds--popover--right-top,
35825
+ .cds--popover--right-start,
35826
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
35827
+ .cds--slug > .cds--toggletip:is(.cds--popover--right,
35828
+ .cds--popover--right-bottom,
35829
+ .cds--popover--right-top,
35830
+ .cds--popover--right-start,
35831
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
35832
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
35833
+ .cds--popover--right-bottom,
35834
+ .cds--popover--right-top,
35835
+ .cds--popover--right-start,
35836
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
35837
+ inset-inline-start: 0.0625rem;
35838
+ transform: rotate(-45deg);
35839
+ }
35840
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--right,
35841
+ .cds--popover--right-bottom,
35842
+ .cds--popover--right-top,
35843
+ .cds--popover--right-start,
35844
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
35845
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
35846
+ .cds--popover--right-bottom,
35847
+ .cds--popover--right-top,
35848
+ .cds--popover--right-start,
35849
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
35850
+ .cds--slug > .cds--toggletip:is(.cds--popover--right,
35851
+ .cds--popover--right-bottom,
35852
+ .cds--popover--right-top,
35853
+ .cds--popover--right-start,
35854
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
35855
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
35856
+ .cds--popover--right-bottom,
35857
+ .cds--popover--right-top,
35858
+ .cds--popover--right-start,
35859
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
35860
+ border-end-start-radius: 50%;
35861
+ border-start-start-radius: 50%;
35862
+ inset-block-start: -0.0625rem;
35863
+ inset-inline-start: 0.375rem;
35864
+ }
35865
+
35866
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
35867
+ .cds--popover--bottom-left,
35868
+ .cds--popover--bottom-right,
35869
+ .cds--popover--bottom-start,
35870
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
35871
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
35872
+ .cds--popover--bottom-left,
35873
+ .cds--popover--bottom-right,
35874
+ .cds--popover--bottom-start,
35875
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
35876
+ .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
35877
+ .cds--popover--bottom-left,
35878
+ .cds--popover--bottom-right,
35879
+ .cds--popover--bottom-start,
35880
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
35881
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
35882
+ .cds--popover--bottom-left,
35883
+ .cds--popover--bottom-right,
35884
+ .cds--popover--bottom-start,
35885
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
35886
+ inset-block-start: 0.0625rem;
35887
+ transform: rotate(45deg);
35888
+ }
35889
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
35890
+ .cds--popover--bottom-left,
35891
+ .cds--popover--bottom-right,
35892
+ .cds--popover--bottom-start,
35893
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
35894
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
35895
+ .cds--popover--bottom-left,
35896
+ .cds--popover--bottom-right,
35897
+ .cds--popover--bottom-start,
35898
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
35899
+ .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
35900
+ .cds--popover--bottom-left,
35901
+ .cds--popover--bottom-right,
35902
+ .cds--popover--bottom-start,
35903
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
35904
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
35905
+ .cds--popover--bottom-left,
35906
+ .cds--popover--bottom-right,
35907
+ .cds--popover--bottom-start,
35908
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
35909
+ block-size: 0.125rem;
35910
+ border-start-end-radius: 50%;
35911
+ border-start-start-radius: 50%;
35912
+ inline-size: 0.875rem;
35913
+ inset-block-end: -0.15625rem;
35914
+ inset-inline-start: -0.0625rem;
35915
+ }
35916
+
35917
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left,
35918
+ .cds--popover--left-bottom,
35919
+ .cds--popover--left-top,
35920
+ .cds--popover--left-start,
35921
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
35922
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
35923
+ .cds--popover--left-bottom,
35924
+ .cds--popover--left-top,
35925
+ .cds--popover--left-start,
35926
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
35927
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
35928
+ .cds--popover--left-bottom,
35929
+ .cds--popover--left-top,
35930
+ .cds--popover--left-start,
35931
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
35932
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
35933
+ .cds--popover--left-bottom,
35934
+ .cds--popover--left-top,
35935
+ .cds--popover--left-start,
35936
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
35937
+ inset-inline-end: 0.0625rem;
35938
+ transform: rotate(135deg);
35939
+ }
35940
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left,
35941
+ .cds--popover--left-bottom,
35942
+ .cds--popover--left-top,
35943
+ .cds--popover--left-start,
35944
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
35945
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
35946
+ .cds--popover--left-bottom,
35947
+ .cds--popover--left-top,
35948
+ .cds--popover--left-start,
35949
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
35950
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
35951
+ .cds--popover--left-bottom,
35952
+ .cds--popover--left-top,
35953
+ .cds--popover--left-start,
35954
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
35955
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
35956
+ .cds--popover--left-bottom,
35957
+ .cds--popover--left-top,
35958
+ .cds--popover--left-start,
35959
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
35960
+ border-end-end-radius: 50%;
35961
+ border-start-end-radius: 50%;
35962
+ inset-block-start: -0.0625rem;
35963
+ inset-inline-start: -0.125rem;
35964
+ }
35965
+
35966
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
35967
+ .cds--popover--right-bottom,
35968
+ .cds--popover--left-end,
35969
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
35970
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
35971
+ .cds--popover--right-bottom,
35972
+ .cds--popover--left-end,
35973
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
35974
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
35975
+ .cds--popover--right-bottom,
35976
+ .cds--popover--left-end,
35977
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
35978
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
35979
+ .cds--popover--right-bottom,
35980
+ .cds--popover--left-end,
35981
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
35982
+ background: transparent;
35983
+ }
35984
+
35985
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
35986
+ .cds--popover--right-bottom,
35987
+ .cds--popover--left-end,
35988
+ .cds--popover--right-end,
35989
+ .cds--popover--top,
35990
+ .cds--popover--top-right,
35991
+ .cds--popover--top-left,
35992
+ .cds--popover--top-end,
35993
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
35994
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
35995
+ .cds--popover--right-bottom,
35996
+ .cds--popover--left-end,
35997
+ .cds--popover--right-end,
35998
+ .cds--popover--top,
35999
+ .cds--popover--top-right,
36000
+ .cds--popover--top-left,
36001
+ .cds--popover--top-end,
36002
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
36003
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
36004
+ .cds--popover--right-bottom,
36005
+ .cds--popover--left-end,
36006
+ .cds--popover--right-end,
36007
+ .cds--popover--top,
36008
+ .cds--popover--top-right,
36009
+ .cds--popover--top-left,
36010
+ .cds--popover--top-end,
36011
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
36012
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
36013
+ .cds--popover--right-bottom,
36014
+ .cds--popover--left-end,
36015
+ .cds--popover--right-end,
36016
+ .cds--popover--top,
36017
+ .cds--popover--top-right,
36018
+ .cds--popover--top-left,
36019
+ .cds--popover--top-end,
36020
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
36021
+ border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
36022
+ background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
36023
+ }
36024
+
36025
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
36026
+ .cds--popover--right-bottom,
36027
+ .cds--popover--left-end,
36028
+ .cds--popover--right-end,
36029
+ .cds--popover--top,
36030
+ .cds--popover--top-right,
36031
+ .cds--popover--top-left,
36032
+ .cds--popover--top-end,
36033
+ .cds--popover--top-start) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-caret::before,
36034
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
36035
+ .cds--popover--right-bottom,
36036
+ .cds--popover--left-end,
36037
+ .cds--popover--right-end,
36038
+ .cds--popover--top,
36039
+ .cds--popover--top-right,
36040
+ .cds--popover--top-left,
36041
+ .cds--popover--top-start,
36042
+ .cds--popover--top-end) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-content > .cds--popover-caret::before,
36043
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
36044
+ .cds--popover--right-bottom,
36045
+ .cds--popover--left-end,
36046
+ .cds--popover--right-end,
36047
+ .cds--popover--top,
36048
+ .cds--popover--top-right,
36049
+ .cds--popover--top-left,
36050
+ .cds--popover--top-end,
36051
+ .cds--popover--top-start) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,
36052
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
36053
+ .cds--popover--right-bottom,
36054
+ .cds--popover--left-end,
36055
+ .cds--popover--right-end,
36056
+ .cds--popover--top,
36057
+ .cds--popover--top-right,
36058
+ .cds--popover--top-left,
36059
+ .cds--popover--top-start,
36060
+ .cds--popover--top-end) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {
36061
+ background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
36062
+ }
36063
+
36064
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left,
36065
+ .cds--popover--right) > .cds--popover > .cds--popover-caret::before,
36066
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
36067
+ .cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
36068
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
36069
+ .cds--popover--right) > .cds--popover > .cds--popover-caret::before,
36070
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
36071
+ .cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
36072
+ border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
36073
+ }
36074
+
36075
+ .cds--ai-label .cds--toggletip-content,
36076
+ .cds--slug .cds--toggletip-content {
36077
+ padding-block: 1.5rem 5rem;
36078
+ padding-inline: 1.5rem;
36079
+ }
36080
+
36081
+ .cds--ai-label .cds--ai-label-content .cds--toggletip-content,
36082
+ .cds--slug .cds--slug-content .cds--toggletip-content {
36083
+ max-inline-size: 20rem;
36084
+ }
36085
+
36086
+ .cds--ai-label .cds--ai-label-actions,
36087
+ .cds--slug .cds--slug-actions {
36088
+ position: absolute;
36089
+ justify-content: flex-end;
36090
+ -webkit-backdrop-filter: blur(85px);
36091
+ backdrop-filter: blur(85px);
36092
+ background: rgba(0, 0, 0, 0.01);
36093
+ border-end-end-radius: 0.5rem;
36094
+ border-end-start-radius: 0.5rem;
36095
+ -moz-column-gap: 0;
36096
+ column-gap: 0;
36097
+ inline-size: 100%;
36098
+ inset-block-end: 0;
36099
+ inset-inline-end: 0;
36100
+ }
36101
+
36102
+ .cds--ai-label .cds--ai-label-actions .cds--btn:focus,
36103
+ .cds--slug .cds--slug-actions .cds--btn:focus {
36104
+ border-color: var(--cds-focus, #0f62fe);
36105
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #f4f4f4);
36106
+ }
36107
+
36108
+ .cds--ai-label .cds--ai-label-actions .cds--btn--primary,
36109
+ .cds--slug .cds--slug-actions .cds--btn--primary {
36110
+ order: 1;
36111
+ border-end-end-radius: 0.4375rem;
36112
+ }
36113
+
36114
+ .cds--ai-label.cds--ai-label--revert,
36115
+ .cds--slug.cds--slug--revert {
36116
+ transform: translate(0.5rem, -50%);
36117
+ }
36118
+
36119
+ .cds--ai-label--revert .cds--btn--icon-only,
36120
+ .cds--slug--revert .cds--btn--icon-only {
36121
+ align-items: center;
36122
+ padding-block-start: 0;
36123
+ }
36124
+
36125
+ .cds--ai-label--revert .cds--btn--icon-only svg,
36126
+ .cds--slug--revert .cds--btn--icon-only svg {
36127
+ margin: 0;
36128
+ }
36129
+
35051
36130
  .iot--table-expand__button.cds--btn--sm {
35052
36131
  min-height: unset;
35053
36132
  height: calc(100% + 1px);
@@ -35815,12 +36894,18 @@ th .cds--table-sort__flex {
35815
36894
  }
35816
36895
 
35817
36896
  .cds--table-sort__header--slug .cds--table-sort__icon,
35818
- .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
36897
+ .cds--table-sort__header--slug .cds--table-sort__icon-unsorted,
36898
+ .cds--table-sort__header--ai-label .cds--table-sort__icon,
36899
+ .cds--table-sort__header--ai-label .cds--table-sort__icon-unsorted,
36900
+ .cds--table-sort__header--decorator .cds--table-sort__icon,
36901
+ .cds--table-sort__header--decorator .cds--table-sort__icon-unsorted {
35819
36902
  margin-inline: auto 0.5rem;
35820
36903
  }
35821
36904
 
35822
- .cds--table-sort__header--slug .cds--ai-label,
35823
- .cds--table-sort__header--slug .cds--slug {
36905
+ .cds--table-sort__header--ai-label .cds--ai-label,
36906
+ .cds--table-sort__header--ai-label .cds--slug,
36907
+ .cds--table-sort__header--decorator .cds--table-header-label--decorator-inner,
36908
+ .cds--table-sort__header--ai-label .cds--table-header-label--decorator-inner {
35824
36909
  margin-inline-end: 0.5rem;
35825
36910
  }
35826
36911
 
@@ -35840,9 +36925,28 @@ th .cds--table-sort__flex {
35840
36925
  .cds--data-table th.iot--table-head--table-header {
35841
36926
  vertical-align: middle;
35842
36927
  }
35843
- .cds--data-table th[aria-sort] {
36928
+ .cds--data-table th[aria-sort]:not(.cds--table-sort__header--ai-label) {
36929
+ padding-left: 1rem;
36930
+ }
36931
+ .cds--data-table th.cds--table-sort__header--ai-label,
36932
+ .cds--data-table th.cds--table-sort__header--ai-label .cds--table-sort {
36933
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
36934
+ }
36935
+ .cds--data-table th.cds--table-sort__header--ai-label:not(.table-header-sortable) .cds--table-header-label-container {
36936
+ display: flex;
36937
+ align-items: center;
36938
+ justify-content: space-between;
36939
+ }
36940
+ .cds--data-table th.cds--table-sort__header--ai-label:not(.table-header-sortable) .cds--table-header-label-container .cds--table-header-label {
36941
+ margin-right: 1rem;
36942
+ width: 100%;
36943
+ }
36944
+ .cds--data-table th[aria-sort].cds--table-sort__header--ai-label span.cds--popover-container {
35844
36945
  padding-left: 1rem;
35845
36946
  }
36947
+ .cds--data-table th[aria-sort].cds--table-sort__header--ai-label .cds--ai-label {
36948
+ padding-right: 1rem;
36949
+ }
35846
36950
  .cds--data-table--xl .cds--table-sort__icon-unsorted,
35847
36951
  .cds--data-table--xl .cds--table-sort__icon {
35848
36952
  margin-top: 0;
@@ -36980,7 +38084,6 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
36980
38084
  padding-left: 1rem;
36981
38085
  border-top: 1px solid var(--cds-icon-on-color, #ffffff);
36982
38086
  border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
36983
- background: var(--cds-icon-on-color, #ffffff);
36984
38087
  color: var(--cds-text-secondary, #525252);
36985
38088
  }
36986
38089
 
@@ -37537,6 +38640,7 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
37537
38640
  inset-block-start: 0.0625rem;
37538
38641
  }
37539
38642
  .cds--tabs .cds--tabs__nav-item {
38643
+ position: relative;
37540
38644
  display: flex;
37541
38645
  flex: 1 0 auto;
37542
38646
  padding: 0;
@@ -37771,7 +38875,7 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
37771
38875
  .cds--tabs.cds--tabs--vertical:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
37772
38876
  line-height: var(--cds-body-compact-01-line-height);
37773
38877
  }
37774
- .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
38878
+ .cds--tabs.cds--tabs__icon--default, .cds--tabs.cds--tabs__icon--lg, .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
37775
38879
  overflow-x: visible;
37776
38880
  }
37777
38881
  .cds--tabs .cds--tabs__nav-item--icon-only {
@@ -37788,6 +38892,10 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
37788
38892
  .cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
37789
38893
  line-height: 0;
37790
38894
  }
38895
+ .cds--tabs .cds--tabs__nav-item--icon-only:not(.cds--tabs__nav-item--icon-only__20) .cds--badge-indicator {
38896
+ margin-block-start: 0.25rem;
38897
+ margin-inline-end: 0.25rem;
38898
+ }
37791
38899
  .cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
37792
38900
  border-block-end: 2px solid var(--cds-border-strong);
37793
38901
  color: var(--cds-text-primary, #161616);
@@ -38368,98 +39476,6 @@ html[dir=rtl] .iot--manage-views-modal__public-checkbox {
38368
39476
  max-height: 32.6875rem;
38369
39477
  }
38370
39478
 
38371
- .cds--toggletip-label {
38372
- font-size: var(--cds-body-01-font-size, 0.875rem);
38373
- font-weight: var(--cds-body-01-font-weight, 400);
38374
- line-height: var(--cds-body-01-line-height, 1.42857);
38375
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
38376
- color: var(--cds-text-secondary, #525252);
38377
- margin-inline-end: 0.5rem;
38378
- }
38379
-
38380
- .cds--toggletip-button {
38381
- box-sizing: border-box;
38382
- padding: 0;
38383
- border: 0;
38384
- margin: 0;
38385
- font-family: inherit;
38386
- font-size: 100%;
38387
- vertical-align: baseline;
38388
- display: inline-block;
38389
- padding: 0;
38390
- border: 0;
38391
- -webkit-appearance: none;
38392
- -moz-appearance: none;
38393
- appearance: none;
38394
- background: none;
38395
- cursor: pointer;
38396
- text-align: start;
38397
- inline-size: 100%;
38398
- display: flex;
38399
- align-items: center;
38400
- }
38401
- .cds--toggletip-button *,
38402
- .cds--toggletip-button *::before,
38403
- .cds--toggletip-button *::after {
38404
- box-sizing: inherit;
38405
- }
38406
- .cds--toggletip-button::-moz-focus-inner {
38407
- border: 0;
38408
- }
38409
-
38410
- .cds--toggletip-button svg {
38411
- fill: var(--cds-icon-secondary, #525252);
38412
- }
38413
-
38414
- .cds--toggletip-button:hover svg,
38415
- .cds--toggletip--open .cds--toggletip-button svg {
38416
- fill: var(--cds-icon-primary, #161616);
38417
- }
38418
-
38419
- .cds--toggletip-button:focus {
38420
- outline: 1px solid var(--cds-focus, #0f62fe);
38421
- }
38422
- @media screen and (prefers-contrast) {
38423
- .cds--toggletip-button:focus {
38424
- outline-style: dotted;
38425
- }
38426
- }
38427
-
38428
- .cds--toggletip {
38429
- --cds-popover-offset: 0.8125rem;
38430
- }
38431
-
38432
- .cds--toggletip-content {
38433
- --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
38434
- --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
38435
- --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
38436
- --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
38437
- --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
38438
- font-size: var(--cds-body-01-font-size, 0.875rem);
38439
- font-weight: var(--cds-body-01-font-weight, 400);
38440
- line-height: var(--cds-body-01-line-height, 1.42857);
38441
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
38442
- display: grid;
38443
- padding: 1rem;
38444
- max-inline-size: 18rem;
38445
- row-gap: 1rem;
38446
- }
38447
-
38448
- .cds--toggletip-content p {
38449
- font-size: var(--cds-body-01-font-size, 0.875rem);
38450
- font-weight: var(--cds-body-01-font-weight, 400);
38451
- line-height: var(--cds-body-01-line-height, 1.42857);
38452
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
38453
- }
38454
-
38455
- .cds--toggletip-actions {
38456
- display: flex;
38457
- align-items: center;
38458
- justify-content: space-between;
38459
- -moz-column-gap: 1rem;
38460
- column-gap: 1rem;
38461
- }
38462
-
38463
39479
  .iot--tooltip {
38464
39480
  display: inline-flex;
38465
39481
  align-items: center;
@@ -40176,6 +41192,22 @@ type .iot--sparkline-chart--wrapper--list > p {
40176
41192
  outline-width: 0.0625rem;
40177
41193
  }
40178
41194
 
41195
+ .cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before,
41196
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
41197
+ position: absolute;
41198
+ border: 2px solid var(--cds-focus, #0f62fe);
41199
+ block-size: 100%;
41200
+ border-block-start: 1px solid var(--cds-focus, #0f62fe);
41201
+ content: "";
41202
+ inline-size: 100%;
41203
+ }
41204
+
41205
+ .cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted,
41206
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
41207
+ outline: 2px solid transparent;
41208
+ outline-offset: -2px;
41209
+ }
41210
+
40179
41211
  .cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
40180
41212
  .cds--multi-select.cds--multi-select--selected .cds--list-box__field {
40181
41213
  padding-inline-start: 0;