@carbon/charts 1.13.32 → 1.13.34

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 (37) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/{_baseEach-prRbMbTH.mjs → _baseEach-fBb6x0bv.mjs} +2 -2
  3. package/dist/{_baseEach-prRbMbTH.mjs.map → _baseEach-fBb6x0bv.mjs.map} +1 -1
  4. package/dist/{angle-utils-nunJYhKU.mjs → angle-utils-uYSg57eT.mjs} +2 -2
  5. package/dist/{angle-utils-nunJYhKU.mjs.map → angle-utils-uYSg57eT.mjs.map} +1 -1
  6. package/dist/{choropleth-ctjqFBTr.mjs → choropleth-QJfTyxqo.mjs} +4 -4
  7. package/dist/{choropleth-ctjqFBTr.mjs.map → choropleth-QJfTyxqo.mjs.map} +1 -1
  8. package/dist/{color-scale-utils-bHW60Oxp.mjs → color-scale-utils-k_4IkKRj.mjs} +705 -698
  9. package/dist/color-scale-utils-k_4IkKRj.mjs.map +1 -0
  10. package/dist/components/index.mjs +64 -72
  11. package/dist/components/index.mjs.map +1 -1
  12. package/dist/demo/index.mjs +1363 -1556
  13. package/dist/demo/index.mjs.map +1 -1
  14. package/dist/demo/styles.css +237 -59
  15. package/dist/demo/styles.css.map +1 -1
  16. package/dist/demo/utils/package-versions.d.ts +0 -3
  17. package/dist/index.mjs +153 -158
  18. package/dist/index.mjs.map +1 -1
  19. package/dist/model/index.mjs +17 -21
  20. package/dist/model/index.mjs.map +1 -1
  21. package/dist/services/index.mjs +26 -28
  22. package/dist/services/index.mjs.map +1 -1
  23. package/dist/styles.css +17 -12
  24. package/dist/styles.css.map +1 -1
  25. package/dist/styles.min.css +1 -1
  26. package/dist/styles.min.css.map +1 -1
  27. package/dist/umd/bundle.umd.js +12 -12
  28. package/dist/umd/bundle.umd.js.map +1 -1
  29. package/dist/{wordcloud-1zN0_3LJ.mjs → wordcloud-a6lxyv6s.mjs} +3 -3
  30. package/dist/{wordcloud-1zN0_3LJ.mjs.map → wordcloud-a6lxyv6s.mjs.map} +1 -1
  31. package/dist/{zoom-KwtDsQ73.mjs → zoom-PYRfEo-q.mjs} +3 -3
  32. package/dist/{zoom-KwtDsQ73.mjs.map → zoom-PYRfEo-q.mjs.map} +1 -1
  33. package/package.json +8 -9
  34. package/scss/components/toolbar/_modal.scss +1 -0
  35. package/styles.css +17 -12
  36. package/styles.min.css +1 -1
  37. package/dist/color-scale-utils-bHW60Oxp.mjs.map +0 -1
@@ -4392,6 +4392,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
4392
4392
  --cds-layout-size-height-lg: 3rem;
4393
4393
  --cds-layout-size-height-max: 999999999px;
4394
4394
  --cds-layout-density-padding-inline-min: 0px;
4395
+ --cds-layout-density-padding-inline-normal: 1rem;
4395
4396
  --cds-layout-density-padding-inline-max: 999999999px;
4396
4397
  --cds-layout-size-height-lg: 3rem;
4397
4398
  }
@@ -5169,6 +5170,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5169
5170
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
5170
5171
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
5171
5172
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5173
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
5172
5174
  --cds-ai-border-end: #d0e2ff;
5173
5175
  --cds-ai-border-start: #78a9ff;
5174
5176
  --cds-ai-border-strong: #4589ff;
@@ -5201,9 +5203,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5201
5203
  --cds-border-tile-01: #c6c6c6;
5202
5204
  --cds-border-tile-02: #a8a8a8;
5203
5205
  --cds-border-tile-03: #c6c6c6;
5204
- --cds-chat-avatar-agent: #161616;
5205
- --cds-chat-avatar-bot: #0f62fe;
5206
- --cds-chat-avatar-user: #161616;
5206
+ --cds-chat-avatar-agent: #393939;
5207
+ --cds-chat-avatar-bot: #6f6f6f;
5208
+ --cds-chat-avatar-user: #0f62fe;
5207
5209
  --cds-chat-bubble-agent: #ffffff;
5208
5210
  --cds-chat-bubble-agent-border: #e0e0e0;
5209
5211
  --cds-chat-bubble-user: #e0e0e0;
@@ -5602,6 +5604,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5602
5604
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
5603
5605
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
5604
5606
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5607
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
5605
5608
  --cds-ai-border-end: #d0e2ff;
5606
5609
  --cds-ai-border-start: #78a9ff;
5607
5610
  --cds-ai-border-strong: #4589ff;
@@ -5634,9 +5637,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5634
5637
  --cds-border-tile-01: #a8a8a8;
5635
5638
  --cds-border-tile-02: #c6c6c6;
5636
5639
  --cds-border-tile-03: #a8a8a8;
5637
- --cds-chat-avatar-agent: #161616;
5638
- --cds-chat-avatar-bot: #0f62fe;
5639
- --cds-chat-avatar-user: #161616;
5640
+ --cds-chat-avatar-agent: #393939;
5641
+ --cds-chat-avatar-bot: #6f6f6f;
5642
+ --cds-chat-avatar-user: #0f62fe;
5640
5643
  --cds-chat-bubble-agent: #ffffff;
5641
5644
  --cds-chat-bubble-agent-border: #e0e0e0;
5642
5645
  --cds-chat-bubble-user: #e0e0e0;
@@ -6035,6 +6038,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6035
6038
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
6036
6039
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
6037
6040
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6041
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
6038
6042
  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6039
6043
  --cds-ai-border-start: #4589ff;
6040
6044
  --cds-ai-border-strong: #78a9ff;
@@ -6067,9 +6071,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6067
6071
  --cds-border-tile-01: #6f6f6f;
6068
6072
  --cds-border-tile-02: #8d8d8d;
6069
6073
  --cds-border-tile-03: #a8a8a8;
6070
- --cds-chat-avatar-agent: #f4f4f4;
6071
- --cds-chat-avatar-bot: #4589ff;
6072
- --cds-chat-avatar-user: #f4f4f4;
6074
+ --cds-chat-avatar-agent: #c6c6c6;
6075
+ --cds-chat-avatar-bot: #8d8d8d;
6076
+ --cds-chat-avatar-user: #4589ff;
6073
6077
  --cds-chat-bubble-agent: #262626;
6074
6078
  --cds-chat-bubble-agent-border: #525252;
6075
6079
  --cds-chat-bubble-user: #393939;
@@ -6468,6 +6472,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6468
6472
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
6469
6473
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
6470
6474
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6475
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
6471
6476
  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6472
6477
  --cds-ai-border-start: #4589ff;
6473
6478
  --cds-ai-border-strong: #78a9ff;
@@ -6500,9 +6505,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6500
6505
  --cds-border-tile-01: #525252;
6501
6506
  --cds-border-tile-02: #6f6f6f;
6502
6507
  --cds-border-tile-03: #8d8d8d;
6503
- --cds-chat-avatar-agent: #f4f4f4;
6504
- --cds-chat-avatar-bot: #4589ff;
6505
- --cds-chat-avatar-user: #f4f4f4;
6508
+ --cds-chat-avatar-agent: #c6c6c6;
6509
+ --cds-chat-avatar-bot: #8d8d8d;
6510
+ --cds-chat-avatar-user: #4589ff;
6506
6511
  --cds-chat-bubble-agent: #262626;
6507
6512
  --cds-chat-bubble-agent-border: #525252;
6508
6513
  --cds-chat-bubble-user: #393939;
@@ -8849,6 +8854,7 @@ em {
8849
8854
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
8850
8855
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
8851
8856
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
8857
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
8852
8858
  --cds-ai-border-end: #d0e2ff;
8853
8859
  --cds-ai-border-start: #78a9ff;
8854
8860
  --cds-ai-border-strong: #4589ff;
@@ -8881,9 +8887,9 @@ em {
8881
8887
  --cds-border-tile-01: #c6c6c6;
8882
8888
  --cds-border-tile-02: #a8a8a8;
8883
8889
  --cds-border-tile-03: #c6c6c6;
8884
- --cds-chat-avatar-agent: #161616;
8885
- --cds-chat-avatar-bot: #0f62fe;
8886
- --cds-chat-avatar-user: #161616;
8890
+ --cds-chat-avatar-agent: #393939;
8891
+ --cds-chat-avatar-bot: #6f6f6f;
8892
+ --cds-chat-avatar-user: #0f62fe;
8887
8893
  --cds-chat-bubble-agent: #ffffff;
8888
8894
  --cds-chat-bubble-agent-border: #e0e0e0;
8889
8895
  --cds-chat-bubble-user: #e0e0e0;
@@ -9068,6 +9074,7 @@ em {
9068
9074
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
9069
9075
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
9070
9076
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9077
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
9071
9078
  --cds-ai-border-end: #d0e2ff;
9072
9079
  --cds-ai-border-start: #78a9ff;
9073
9080
  --cds-ai-border-strong: #4589ff;
@@ -9100,9 +9107,9 @@ em {
9100
9107
  --cds-border-tile-01: #a8a8a8;
9101
9108
  --cds-border-tile-02: #c6c6c6;
9102
9109
  --cds-border-tile-03: #a8a8a8;
9103
- --cds-chat-avatar-agent: #161616;
9104
- --cds-chat-avatar-bot: #0f62fe;
9105
- --cds-chat-avatar-user: #161616;
9110
+ --cds-chat-avatar-agent: #393939;
9111
+ --cds-chat-avatar-bot: #6f6f6f;
9112
+ --cds-chat-avatar-user: #0f62fe;
9106
9113
  --cds-chat-bubble-agent: #ffffff;
9107
9114
  --cds-chat-bubble-agent-border: #e0e0e0;
9108
9115
  --cds-chat-bubble-user: #e0e0e0;
@@ -9287,6 +9294,7 @@ em {
9287
9294
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
9288
9295
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
9289
9296
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9297
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
9290
9298
  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
9291
9299
  --cds-ai-border-start: #4589ff;
9292
9300
  --cds-ai-border-strong: #78a9ff;
@@ -9318,9 +9326,9 @@ em {
9318
9326
  --cds-border-tile-01: #6f6f6f;
9319
9327
  --cds-border-tile-02: #8d8d8d;
9320
9328
  --cds-border-tile-03: #a8a8a8;
9321
- --cds-chat-avatar-agent: #f4f4f4;
9322
- --cds-chat-avatar-bot: #4589ff;
9323
- --cds-chat-avatar-user: #f4f4f4;
9329
+ --cds-chat-avatar-agent: #c6c6c6;
9330
+ --cds-chat-avatar-bot: #8d8d8d;
9331
+ --cds-chat-avatar-user: #4589ff;
9324
9332
  --cds-chat-bubble-agent: #262626;
9325
9333
  --cds-chat-bubble-agent-border: #525252;
9326
9334
  --cds-chat-bubble-user: #393939;
@@ -9502,6 +9510,7 @@ em {
9502
9510
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
9503
9511
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
9504
9512
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9513
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
9505
9514
  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
9506
9515
  --cds-ai-border-start: #4589ff;
9507
9516
  --cds-ai-border-strong: #78a9ff;
@@ -9533,9 +9542,9 @@ em {
9533
9542
  --cds-border-tile-01: #525252;
9534
9543
  --cds-border-tile-02: #6f6f6f;
9535
9544
  --cds-border-tile-03: #8d8d8d;
9536
- --cds-chat-avatar-agent: #f4f4f4;
9537
- --cds-chat-avatar-bot: #4589ff;
9538
- --cds-chat-avatar-user: #f4f4f4;
9545
+ --cds-chat-avatar-agent: #c6c6c6;
9546
+ --cds-chat-avatar-bot: #8d8d8d;
9547
+ --cds-chat-avatar-user: #4589ff;
9539
9548
  --cds-chat-bubble-agent: #262626;
9540
9549
  --cds-chat-bubble-agent-border: #525252;
9541
9550
  --cds-chat-bubble-user: #393939;
@@ -11405,6 +11414,14 @@ a.cds--overflow-menu-options__btn::before {
11405
11414
  }
11406
11415
 
11407
11416
  /*stylelint-enable */
11417
+ .cds--overflow-menu__top-start {
11418
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
11419
+ }
11420
+
11421
+ .cds--overflow-menu__top-end {
11422
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
11423
+ }
11424
+
11408
11425
  .cds--breadcrumb {
11409
11426
  box-sizing: border-box;
11410
11427
  padding: 0;
@@ -11692,6 +11709,60 @@ a.cds--overflow-menu-options__btn::before {
11692
11709
  margin-inline-start: 0.5rem;
11693
11710
  }
11694
11711
 
11712
+ .cds--chat-btn {
11713
+ border-radius: 1.5rem;
11714
+ }
11715
+
11716
+ .cds--chat-btn.cds--btn--md {
11717
+ border-radius: 1.25rem;
11718
+ }
11719
+
11720
+ .cds--chat-btn.cds--btn--sm {
11721
+ border-radius: 1rem;
11722
+ }
11723
+
11724
+ .cds--chat-btn--quick-action {
11725
+ align-items: center;
11726
+ border: 1px solid var(--cds-link-primary, #0f62fe);
11727
+ }
11728
+
11729
+ .cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
11730
+ border-color: transparent;
11731
+ background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
11732
+ }
11733
+
11734
+ .cds--chat-btn--quick-action.cds--btn--ghost:focus {
11735
+ border-color: var(--cds-focus, #0f62fe);
11736
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
11737
+ }
11738
+
11739
+ .cds--chat-btn--quick-action.cds--btn--ghost:hover:focus {
11740
+ border-color: var(--cds-focus, #0f62fe);
11741
+ box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
11742
+ }
11743
+
11744
+ .cds--chat-btn--quick-action[disabled],
11745
+ .cds--chat-btn--quick-action[disabled]:hover {
11746
+ border-color: var(--cds-button-disabled, #c6c6c6);
11747
+ color: var(--cds-button-disabled, #c6c6c6);
11748
+ }
11749
+
11750
+ .cds--chat-btn--quick-action--selected,
11751
+ .cds--chat-btn--quick-action--selected[disabled],
11752
+ .cds--chat-btn--quick-action--selected[disabled]:hover {
11753
+ border-color: transparent;
11754
+ background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
11755
+ color: var(--cds-text-secondary, #525252);
11756
+ }
11757
+
11758
+ .cds--chat-btn--quick-action--selected:hover {
11759
+ color: var(--cds-text-secondary, #525252);
11760
+ }
11761
+
11762
+ .cds--chat-btn.cds--skeleton {
11763
+ overflow: hidden;
11764
+ }
11765
+
11695
11766
  input:-webkit-autofill,
11696
11767
  input:-webkit-autofill:hover,
11697
11768
  input:-webkit-autofill:focus,
@@ -15119,19 +15190,28 @@ fieldset[disabled] .cds--form__helper-text {
15119
15190
  }
15120
15191
 
15121
15192
  .cds--combo-button__container--sm .cds--combo-button__primary-action {
15122
- min-inline-size: 9.9375rem;
15193
+ min-inline-size: 7.9375rem;
15123
15194
  }
15124
15195
 
15125
15196
  .cds--combo-button__container--md .cds--combo-button__primary-action {
15126
- min-inline-size: 9.4375rem;
15197
+ min-inline-size: 7.4375rem;
15127
15198
  }
15128
15199
 
15129
15200
  .cds--combo-button__container--lg .cds--combo-button__primary-action {
15130
- min-inline-size: 8.9375rem;
15201
+ min-inline-size: 6.9375rem;
15131
15202
  }
15132
15203
 
15133
15204
  .cds--combo-button__primary-action .cds--btn {
15134
15205
  inline-size: 100%;
15206
+ max-inline-size: 14.9375rem;
15207
+ min-inline-size: 6.9375rem;
15208
+ }
15209
+
15210
+ .cds--combo-button__primary-action button {
15211
+ display: block;
15212
+ overflow: hidden;
15213
+ text-overflow: ellipsis;
15214
+ white-space: nowrap;
15135
15215
  }
15136
15216
 
15137
15217
  .cds--combo-button__trigger svg {
@@ -15142,6 +15222,18 @@ fieldset[disabled] .cds--form__helper-text {
15142
15222
  transform: rotate(180deg);
15143
15223
  }
15144
15224
 
15225
+ .cds--combo-button__top {
15226
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
15227
+ }
15228
+
15229
+ .cds--combo-button__top-start {
15230
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
15231
+ }
15232
+
15233
+ .cds--combo-button__top-end {
15234
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
15235
+ }
15236
+
15145
15237
  .cds--contained-list {
15146
15238
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
15147
15239
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
@@ -16680,20 +16772,67 @@ tr.cds--data-table--selected:last-of-type td {
16680
16772
  padding-inline-end: 0;
16681
16773
  }
16682
16774
 
16683
- .cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
16684
- background-image: linear-gradient(90deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
16685
- border-block-end-color: var(--cds-ai-border-strong, #4589ff);
16775
+ tr.cds--data-table--slug-row,
16776
+ tr.cds--data-table--slug-row + .cds--expandable-row {
16777
+ background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16686
16778
  background-attachment: fixed;
16687
16779
  }
16688
16780
 
16781
+ .cds--data-table--slug-row {
16782
+ box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
16783
+ }
16784
+
16785
+ .cds--data-table tbody tr.cds--data-table--slug-row:hover td,
16786
+ tr.cds--data-table--slug-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
16787
+ tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
16788
+ tr.cds--data-table--slug-row.cds--expandable-row--hover > td,
16789
+ tr.cds--data-table--selected.cds--data-table--slug-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
16790
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
16791
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
16792
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
16793
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
16794
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
16795
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
16796
+ background-color: transparent;
16797
+ }
16798
+
16799
+ .cds--data-table tbody tr.cds--data-table--slug-row:hover,
16800
+ tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
16801
+ tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
16802
+ tr.cds--expandable-row--hover.cds--data-table--slug-row,
16803
+ tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
16804
+ background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
16805
+ }
16806
+
16807
+ tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
16808
+ .cds--data-table--selected.cds--data-table--slug-row,
16809
+ tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
16810
+ background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
16811
+ }
16812
+
16813
+ tr.cds--data-table--slug-row.cds--data-table--selected td,
16814
+ tr.cds--data-table--slug-row.cds--data-table--selected:hover td,
16815
+ tbody tr.cds--data-table--slug-row:hover td,
16816
+ 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) {
16817
+ border-block-end-color: var(--cds-border-subtle);
16818
+ }
16819
+
16820
+ 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) {
16821
+ border-block-end: 1px solid var(--cds-layer-selected);
16822
+ }
16823
+
16824
+ tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type {
16825
+ border-block-end: 1px solid transparent;
16826
+ }
16827
+
16689
16828
  .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
16690
16829
  .cds--data-table thead th:has(> .cds--table-header-label--slug) {
16691
- background-image: linear-gradient(180deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
16692
- border-block-end-color: var(--cds-ai-border-strong, #4589ff);
16830
+ background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16693
16831
  }
16694
16832
 
16695
16833
  .cds--table-column-slug .cds--slug {
16696
16834
  position: absolute;
16835
+ z-index: 2;
16697
16836
  transform: translateY(-50%);
16698
16837
  }
16699
16838
 
@@ -16707,10 +16846,24 @@ th .cds--table-header-label.cds--table-header-label--slug {
16707
16846
  }
16708
16847
 
16709
16848
  th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
16710
- margin-inline-start: 0.5rem;
16849
+ margin-inline-start: auto;
16850
+ }
16851
+
16852
+ th.cds--table-sort__header--slug,
16853
+ th:has(.cds--table-header-label--slug) {
16854
+ box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
16855
+ }
16856
+
16857
+ td.cds--table-cell--column-slug {
16858
+ background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16859
+ }
16860
+
16861
+ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
16862
+ border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16711
16863
  }
16712
16864
 
16713
16865
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16866
+ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,
16714
16867
  .cds--data-table-content {
16715
16868
  outline: 1px solid transparent;
16716
16869
  }
@@ -17751,17 +17904,19 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
17751
17904
  transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17752
17905
  }
17753
17906
 
17754
- tbody:has(> tr.cds--parent-row--slug) > tr.cds--expandable-row[data-child-row] td,
17907
+ tbody:has(> tr.cds--data-table--slug-row) > tr.cds--expandable-row[data-child-row] td,
17755
17908
  tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
17756
17909
  padding-inline-start: 5.5rem;
17757
17910
  }
17758
17911
 
17759
- tbody:has(> tr.cds--parent-row--slug):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
17912
+ tbody:has(> tr.cds--data-table--slug-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
17760
17913
  padding-inline-start: 7.5rem;
17761
17914
  }
17762
17915
 
17763
17916
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
17764
17917
  max-block-size: 100%;
17918
+ padding-block: 1rem;
17919
+ padding-block-end: 1.5rem;
17765
17920
  }
17766
17921
 
17767
17922
  .cds--parent-row.cds--expandable-row > td,
@@ -18047,8 +18202,8 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
18047
18202
  border-block-end: 1px solid transparent;
18048
18203
  }
18049
18204
 
18050
- .cds--parent-row--slug td,
18051
- .cds--data-table tr.cds--parent-row--slug:hover td {
18205
+ .cds--data-table--slug-row td,
18206
+ .cds--data-table tr.cds--data-table--slug-row:hover td {
18052
18207
  border-block-start: 1px solid transparent;
18053
18208
  }
18054
18209
 
@@ -18395,9 +18550,14 @@ th .cds--table-sort__flex {
18395
18550
  margin-block-start: 0.8125rem;
18396
18551
  }
18397
18552
 
18553
+ .cds--table-sort__header--slug .cds--table-sort__icon,
18554
+ .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
18555
+ margin-inline-end: 0.5rem;
18556
+ margin-inline-start: auto;
18557
+ }
18558
+
18398
18559
  .cds--table-sort__header--slug .cds--slug {
18399
- margin-inline-end: auto;
18400
- margin-inline-start: 0.5rem;
18560
+ margin-inline-end: 0.5rem;
18401
18561
  }
18402
18562
 
18403
18563
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -19949,6 +20109,7 @@ button.cds--dropdown-text:focus {
19949
20109
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
19950
20110
  cursor: no-drop;
19951
20111
  text-decoration: none;
20112
+ transition: none;
19952
20113
  }
19953
20114
  .cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
19954
20115
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -23123,6 +23284,18 @@ optgroup.cds--select-optgroup:disabled,
23123
23284
  transform: rotate(180deg);
23124
23285
  }
23125
23286
 
23287
+ .cds--menu-button__top {
23288
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
23289
+ }
23290
+
23291
+ .cds--menu-button__top-start {
23292
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
23293
+ }
23294
+
23295
+ .cds--menu-button__top-end {
23296
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
23297
+ }
23298
+
23126
23299
  .cds--modal {
23127
23300
  position: fixed;
23128
23301
  z-index: 9000;
@@ -23541,12 +23714,12 @@ optgroup.cds--select-optgroup:disabled,
23541
23714
  }
23542
23715
 
23543
23716
  .cds--modal--slug .cds--modal-container {
23544
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
23717
+ background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
23545
23718
  background-color: var(--cds-layer);
23546
23719
  }
23547
23720
 
23548
23721
  .cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
23549
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
23722
+ background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
23550
23723
  background-color: var(--cds-layer);
23551
23724
  }
23552
23725
 
@@ -26730,7 +26903,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26730
26903
  }
26731
26904
 
26732
26905
  .cds--slug.cds--slug--enabled .cds--slug-content {
26733
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
26906
+ background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
26734
26907
  border: 1px solid transparent;
26735
26908
  border-radius: 0.5rem;
26736
26909
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-slug-callout-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-slug-callout-shadow-outer-02, rgba(0, 0, 0, 0.1));
@@ -28125,13 +28298,13 @@ span.cds--pagination__text.cds--pagination__items-count {
28125
28298
  }
28126
28299
 
28127
28300
  .cds--tile--slug.cds--tile {
28128
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
28301
+ background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
28129
28302
  border: 1px solid transparent;
28130
28303
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
28131
28304
  }
28132
28305
 
28133
28306
  .cds--tile--slug.cds--tile--expandable:hover {
28134
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
28307
+ background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
28135
28308
  }
28136
28309
 
28137
28310
  .cds--tile--slug.cds--tile--selectable::before,
@@ -30815,6 +30988,7 @@ html {
30815
30988
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
30816
30989
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
30817
30990
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
30991
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
30818
30992
  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
30819
30993
  --cds-ai-border-start: #4589ff;
30820
30994
  --cds-ai-border-strong: #78a9ff;
@@ -30847,9 +31021,9 @@ html {
30847
31021
  --cds-border-tile-01: #525252;
30848
31022
  --cds-border-tile-02: #6f6f6f;
30849
31023
  --cds-border-tile-03: #8d8d8d;
30850
- --cds-chat-avatar-agent: #f4f4f4;
30851
- --cds-chat-avatar-bot: #4589ff;
30852
- --cds-chat-avatar-user: #f4f4f4;
31024
+ --cds-chat-avatar-agent: #c6c6c6;
31025
+ --cds-chat-avatar-bot: #8d8d8d;
31026
+ --cds-chat-avatar-user: #4589ff;
30853
31027
  --cds-chat-bubble-agent: #262626;
30854
31028
  --cds-chat-bubble-agent-border: #525252;
30855
31029
  --cds-chat-bubble-user: #393939;
@@ -31303,6 +31477,7 @@ html[data-carbon-theme=white] {
31303
31477
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
31304
31478
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
31305
31479
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
31480
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
31306
31481
  --cds-ai-border-end: #d0e2ff;
31307
31482
  --cds-ai-border-start: #78a9ff;
31308
31483
  --cds-ai-border-strong: #4589ff;
@@ -31335,9 +31510,9 @@ html[data-carbon-theme=white] {
31335
31510
  --cds-border-tile-01: #c6c6c6;
31336
31511
  --cds-border-tile-02: #a8a8a8;
31337
31512
  --cds-border-tile-03: #c6c6c6;
31338
- --cds-chat-avatar-agent: #161616;
31339
- --cds-chat-avatar-bot: #0f62fe;
31340
- --cds-chat-avatar-user: #161616;
31513
+ --cds-chat-avatar-agent: #393939;
31514
+ --cds-chat-avatar-bot: #6f6f6f;
31515
+ --cds-chat-avatar-user: #0f62fe;
31341
31516
  --cds-chat-bubble-agent: #ffffff;
31342
31517
  --cds-chat-bubble-agent-border: #e0e0e0;
31343
31518
  --cds-chat-bubble-user: #e0e0e0;
@@ -31791,6 +31966,7 @@ html[data-carbon-theme=g10] {
31791
31966
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
31792
31967
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
31793
31968
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
31969
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
31794
31970
  --cds-ai-border-end: #d0e2ff;
31795
31971
  --cds-ai-border-start: #78a9ff;
31796
31972
  --cds-ai-border-strong: #4589ff;
@@ -31823,9 +31999,9 @@ html[data-carbon-theme=g10] {
31823
31999
  --cds-border-tile-01: #a8a8a8;
31824
32000
  --cds-border-tile-02: #c6c6c6;
31825
32001
  --cds-border-tile-03: #a8a8a8;
31826
- --cds-chat-avatar-agent: #161616;
31827
- --cds-chat-avatar-bot: #0f62fe;
31828
- --cds-chat-avatar-user: #161616;
32002
+ --cds-chat-avatar-agent: #393939;
32003
+ --cds-chat-avatar-bot: #6f6f6f;
32004
+ --cds-chat-avatar-user: #0f62fe;
31829
32005
  --cds-chat-bubble-agent: #ffffff;
31830
32006
  --cds-chat-bubble-agent-border: #e0e0e0;
31831
32007
  --cds-chat-bubble-user: #e0e0e0;
@@ -32279,6 +32455,7 @@ html[data-carbon-theme=g90] {
32279
32455
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
32280
32456
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
32281
32457
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
32458
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
32282
32459
  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
32283
32460
  --cds-ai-border-start: #4589ff;
32284
32461
  --cds-ai-border-strong: #78a9ff;
@@ -32311,9 +32488,9 @@ html[data-carbon-theme=g90] {
32311
32488
  --cds-border-tile-01: #6f6f6f;
32312
32489
  --cds-border-tile-02: #8d8d8d;
32313
32490
  --cds-border-tile-03: #a8a8a8;
32314
- --cds-chat-avatar-agent: #f4f4f4;
32315
- --cds-chat-avatar-bot: #4589ff;
32316
- --cds-chat-avatar-user: #f4f4f4;
32491
+ --cds-chat-avatar-agent: #c6c6c6;
32492
+ --cds-chat-avatar-bot: #8d8d8d;
32493
+ --cds-chat-avatar-user: #4589ff;
32317
32494
  --cds-chat-bubble-agent: #262626;
32318
32495
  --cds-chat-bubble-agent-border: #525252;
32319
32496
  --cds-chat-bubble-user: #393939;
@@ -32767,6 +32944,7 @@ html[data-carbon-theme=g100] {
32767
32944
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
32768
32945
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
32769
32946
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
32947
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
32770
32948
  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
32771
32949
  --cds-ai-border-start: #4589ff;
32772
32950
  --cds-ai-border-strong: #78a9ff;
@@ -32799,9 +32977,9 @@ html[data-carbon-theme=g100] {
32799
32977
  --cds-border-tile-01: #525252;
32800
32978
  --cds-border-tile-02: #6f6f6f;
32801
32979
  --cds-border-tile-03: #8d8d8d;
32802
- --cds-chat-avatar-agent: #f4f4f4;
32803
- --cds-chat-avatar-bot: #4589ff;
32804
- --cds-chat-avatar-user: #f4f4f4;
32980
+ --cds-chat-avatar-agent: #c6c6c6;
32981
+ --cds-chat-avatar-bot: #8d8d8d;
32982
+ --cds-chat-avatar-user: #4589ff;
32805
32983
  --cds-chat-bubble-agent: #262626;
32806
32984
  --cds-chat-bubble-agent-border: #525252;
32807
32985
  --cds-chat-bubble-user: #393939;