@carbon/charts 1.13.24 → 1.13.26

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 (32) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +9 -0
  3. package/dist/{_baseEach-hCF4b-EZ.mjs → _baseEach-70Y6bksF.mjs} +2 -2
  4. package/dist/{_baseEach-hCF4b-EZ.mjs.map → _baseEach-70Y6bksF.mjs.map} +1 -1
  5. package/dist/{angle-utils-to7NH0_1.mjs → angle-utils-dwZwPD9W.mjs} +2 -2
  6. package/dist/{angle-utils-to7NH0_1.mjs.map → angle-utils-dwZwPD9W.mjs.map} +1 -1
  7. package/dist/{choropleth-a9b8bAaz.mjs → choropleth-GJJ8-QuT.mjs} +4 -4
  8. package/dist/{choropleth-a9b8bAaz.mjs.map → choropleth-GJJ8-QuT.mjs.map} +1 -1
  9. package/dist/{color-scale-utils-W9pcGG6t.mjs → color-scale-utils-05Wy3zGY.mjs} +395 -395
  10. package/dist/{color-scale-utils-W9pcGG6t.mjs.map → color-scale-utils-05Wy3zGY.mjs.map} +1 -1
  11. package/dist/components/index.mjs +4 -4
  12. package/dist/demo/index.mjs +40 -37
  13. package/dist/demo/index.mjs.map +1 -1
  14. package/dist/demo/styles.css +148 -73
  15. package/dist/demo/styles.css.map +1 -1
  16. package/dist/index.mjs +9 -9
  17. package/dist/model/index.mjs +3 -3
  18. package/dist/services/index.mjs +3 -3
  19. package/dist/styles.css +30 -14
  20. package/dist/styles.css.map +1 -1
  21. package/dist/styles.min.css +1 -1
  22. package/dist/styles.min.css.map +1 -1
  23. package/dist/umd/bundle.umd.js +1 -1
  24. package/dist/umd/bundle.umd.js.map +1 -1
  25. package/dist/{wordcloud-y7csbPwp.mjs → wordcloud-7JPbYYMG.mjs} +3 -3
  26. package/dist/{wordcloud-y7csbPwp.mjs.map → wordcloud-7JPbYYMG.mjs.map} +1 -1
  27. package/dist/{zoom-z1-4lR5l.mjs → zoom-wI-Jcyj4.mjs} +3 -3
  28. package/dist/{zoom-z1-4lR5l.mjs.map → zoom-wI-Jcyj4.mjs.map} +1 -1
  29. package/package.json +13 -12
  30. package/styles.css +30 -14
  31. package/styles.min.css +1 -1
  32. package/telemetry.yml +7 -0
package/dist/demo/styles.css CHANGED
@@ -5164,9 +5164,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5164
5164
  }
5165
5165
 
5166
5166
  .cds--chart-holder {
5167
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
5168
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5169
+ --cds-ai-border-end: #d0e2ff;
5170
+ --cds-ai-border-start: #78a9ff;
5171
+ --cds-ai-border-strong: #4589ff;
5172
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
5167
5173
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5168
5174
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5169
5175
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5176
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
5170
5177
  --cds-background: #ffffff;
5171
5178
  --cds-background-active: rgba(141, 141, 141, 0.5);
5172
5179
  --cds-background-brand: #0f62fe;
@@ -5256,8 +5263,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5256
5263
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5257
5264
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5258
5265
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5259
- --cds-slug-callout-border-01: #78a9ff;
5260
- --cds-slug-callout-border-02: #d0e2ff;
5261
5266
  --cds-slug-callout-caret-bottom: #d0e2ff;
5262
5267
  --cds-slug-callout-caret-bottom-background: #d5e5ff;
5263
5268
  --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
@@ -5268,7 +5273,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5268
5273
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5269
5274
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5270
5275
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5271
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
5272
5276
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5273
5277
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5274
5278
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
@@ -5581,9 +5585,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5581
5585
  }
5582
5586
 
5583
5587
  .cds--chart-holder[data-carbon-theme=g10] {
5588
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
5589
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5590
+ --cds-ai-border-end: #d0e2ff;
5591
+ --cds-ai-border-start: #78a9ff;
5592
+ --cds-ai-border-strong: #4589ff;
5593
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
5584
5594
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5585
5595
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5586
5596
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5597
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
5587
5598
  --cds-background: #f4f4f4;
5588
5599
  --cds-background-active: rgba(141, 141, 141, 0.5);
5589
5600
  --cds-background-brand: #0f62fe;
@@ -5673,8 +5684,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5673
5684
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5674
5685
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5675
5686
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5676
- --cds-slug-callout-border-01: #78a9ff;
5677
- --cds-slug-callout-border-02: #d0e2ff;
5678
5687
  --cds-slug-callout-caret-bottom: #d0e2ff;
5679
5688
  --cds-slug-callout-caret-bottom-background: #ccdbf8;
5680
5689
  --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
@@ -5685,7 +5694,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5685
5694
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5686
5695
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5687
5696
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5688
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
5689
5697
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5690
5698
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5691
5699
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
@@ -5998,9 +6006,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5998
6006
  }
5999
6007
 
6000
6008
  .cds--chart-holder[data-carbon-theme=g90] {
6009
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
6010
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6011
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6012
+ --cds-ai-border-start: #4589ff;
6013
+ --cds-ai-border-strong: #78a9ff;
6014
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
6001
6015
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
6002
6016
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
6003
6017
  --cds-ai-gradient-start-02: transparent;
6018
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
6004
6019
  --cds-background: #262626;
6005
6020
  --cds-background-active: rgba(141, 141, 141, 0.4);
6006
6021
  --cds-background-brand: #0f62fe;
@@ -6082,7 +6097,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6082
6097
  --cds-skeleton-element: #525252;
6083
6098
  --cds-slug-background: #c6c6c6;
6084
6099
  --cds-slug-background-hover: #e0e0e0;
6085
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
6100
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
6086
6101
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6087
6102
  --cds-slug-callout-aura-end-hover-02: transparent;
6088
6103
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
@@ -6090,8 +6105,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6090
6105
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6091
6106
  --cds-slug-callout-aura-start-hover-02: transparent;
6092
6107
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6093
- --cds-slug-callout-border-01: #4589ff;
6094
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
6095
6108
  --cds-slug-callout-caret-bottom: #465060;
6096
6109
  --cds-slug-callout-caret-bottom-background: #2d3f5c;
6097
6110
  --cds-slug-callout-caret-bottom-background-actions: #253042;
@@ -6102,7 +6115,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6102
6115
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6103
6116
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6104
6117
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6105
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
6106
6118
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6107
6119
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6108
6120
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
@@ -6415,9 +6427,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6415
6427
  }
6416
6428
 
6417
6429
  .cds--chart-holder[data-carbon-theme=g100] {
6430
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
6431
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6432
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6433
+ --cds-ai-border-start: #4589ff;
6434
+ --cds-ai-border-strong: #78a9ff;
6435
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
6418
6436
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
6419
6437
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
6420
6438
  --cds-ai-gradient-start-02: transparent;
6439
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
6421
6440
  --cds-background: #161616;
6422
6441
  --cds-background-active: rgba(141, 141, 141, 0.4);
6423
6442
  --cds-background-brand: #0f62fe;
@@ -6499,7 +6518,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6499
6518
  --cds-skeleton-element: #393939;
6500
6519
  --cds-slug-background: #c6c6c6;
6501
6520
  --cds-slug-background-hover: #e0e0e0;
6502
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
6521
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
6503
6522
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6504
6523
  --cds-slug-callout-aura-end-hover-02: transparent;
6505
6524
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
@@ -6507,8 +6526,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6507
6526
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6508
6527
  --cds-slug-callout-aura-start-hover-02: transparent;
6509
6528
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6510
- --cds-slug-callout-border-01: #4589ff;
6511
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
6512
6529
  --cds-slug-callout-caret-bottom: #3d4655;
6513
6530
  --cds-slug-callout-caret-bottom-background: #213250;
6514
6531
  --cds-slug-callout-caret-bottom-background-actions: #192436;
@@ -6519,7 +6536,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6519
6536
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6520
6537
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6521
6538
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6522
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
6523
6539
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6524
6540
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6525
6541
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
@@ -8780,9 +8796,16 @@ em {
8780
8796
  .cds--white {
8781
8797
  background-color: var(--cds-background);
8782
8798
  color: var(--cds-text-primary);
8799
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
8800
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
8801
+ --cds-ai-border-end: #d0e2ff;
8802
+ --cds-ai-border-start: #78a9ff;
8803
+ --cds-ai-border-strong: #4589ff;
8804
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
8783
8805
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
8784
8806
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
8785
8807
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
8808
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
8786
8809
  --cds-background: #ffffff;
8787
8810
  --cds-background-active: rgba(141, 141, 141, 0.5);
8788
8811
  --cds-background-brand: #0f62fe;
@@ -8872,8 +8895,6 @@ em {
8872
8895
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
8873
8896
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
8874
8897
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
8875
- --cds-slug-callout-border-01: #78a9ff;
8876
- --cds-slug-callout-border-02: #d0e2ff;
8877
8898
  --cds-slug-callout-caret-bottom: #d0e2ff;
8878
8899
  --cds-slug-callout-caret-bottom-background: #d5e5ff;
8879
8900
  --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
@@ -8884,7 +8905,6 @@ em {
8884
8905
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
8885
8906
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
8886
8907
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
8887
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
8888
8908
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
8889
8909
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
8890
8910
  --cds-slug-hollow-hover: #474747;
@@ -8983,9 +9003,16 @@ em {
8983
9003
  .cds--g10 {
8984
9004
  background-color: var(--cds-background);
8985
9005
  color: var(--cds-text-primary);
9006
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
9007
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9008
+ --cds-ai-border-end: #d0e2ff;
9009
+ --cds-ai-border-start: #78a9ff;
9010
+ --cds-ai-border-strong: #4589ff;
9011
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
8986
9012
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
8987
9013
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
8988
9014
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
9015
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
8989
9016
  --cds-background: #f4f4f4;
8990
9017
  --cds-background-active: rgba(141, 141, 141, 0.5);
8991
9018
  --cds-background-brand: #0f62fe;
@@ -9075,8 +9102,6 @@ em {
9075
9102
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
9076
9103
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
9077
9104
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
9078
- --cds-slug-callout-border-01: #78a9ff;
9079
- --cds-slug-callout-border-02: #d0e2ff;
9080
9105
  --cds-slug-callout-caret-bottom: #d0e2ff;
9081
9106
  --cds-slug-callout-caret-bottom-background: #ccdbf8;
9082
9107
  --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
@@ -9087,7 +9112,6 @@ em {
9087
9112
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
9088
9113
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
9089
9114
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
9090
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
9091
9115
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
9092
9116
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
9093
9117
  --cds-slug-hollow-hover: #474747;
@@ -9186,8 +9210,15 @@ em {
9186
9210
  .cds--g90 {
9187
9211
  background-color: var(--cds-background);
9188
9212
  color: var(--cds-text-primary);
9213
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
9214
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9215
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
9216
+ --cds-ai-border-start: #4589ff;
9217
+ --cds-ai-border-strong: #78a9ff;
9218
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
9189
9219
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
9190
9220
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
9221
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
9191
9222
  --cds-background: #262626;
9192
9223
  --cds-background-active: rgba(141, 141, 141, 0.4);
9193
9224
  --cds-background-brand: #0f62fe;
@@ -9269,14 +9300,12 @@ em {
9269
9300
  --cds-skeleton-element: #525252;
9270
9301
  --cds-slug-background: #c6c6c6;
9271
9302
  --cds-slug-background-hover: #e0e0e0;
9272
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
9303
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
9273
9304
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9274
9305
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9275
9306
  --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9276
9307
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9277
9308
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9278
- --cds-slug-callout-border-01: #4589ff;
9279
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
9280
9309
  --cds-slug-callout-caret-bottom: #465060;
9281
9310
  --cds-slug-callout-caret-bottom-background: #2d3f5c;
9282
9311
  --cds-slug-callout-caret-bottom-background-actions: #253042;
@@ -9287,7 +9316,6 @@ em {
9287
9316
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9288
9317
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9289
9318
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9290
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
9291
9319
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
9292
9320
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
9293
9321
  --cds-slug-hollow-hover: #b5b5b5;
@@ -9385,8 +9413,15 @@ em {
9385
9413
  .cds--g100 {
9386
9414
  background-color: var(--cds-background);
9387
9415
  color: var(--cds-text-primary);
9416
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
9417
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9418
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
9419
+ --cds-ai-border-start: #4589ff;
9420
+ --cds-ai-border-strong: #78a9ff;
9421
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
9388
9422
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
9389
9423
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
9424
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
9390
9425
  --cds-background: #161616;
9391
9426
  --cds-background-active: rgba(141, 141, 141, 0.4);
9392
9427
  --cds-background-brand: #0f62fe;
@@ -9468,14 +9503,12 @@ em {
9468
9503
  --cds-skeleton-element: #393939;
9469
9504
  --cds-slug-background: #c6c6c6;
9470
9505
  --cds-slug-background-hover: #e0e0e0;
9471
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
9506
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
9472
9507
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9473
9508
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9474
9509
  --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9475
9510
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9476
9511
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9477
- --cds-slug-callout-border-01: #4589ff;
9478
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
9479
9512
  --cds-slug-callout-caret-bottom: #3d4655;
9480
9513
  --cds-slug-callout-caret-bottom-background: #213250;
9481
9514
  --cds-slug-callout-caret-bottom-background-actions: #192436;
@@ -9486,7 +9519,6 @@ em {
9486
9519
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9487
9520
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9488
9521
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9489
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
9490
9522
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
9491
9523
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
9492
9524
  --cds-slug-hollow-hover: #b5b5b5;
@@ -13487,8 +13519,9 @@ fieldset[disabled] .cds--form__helper-text {
13487
13519
  transform: translateY(-50%);
13488
13520
  }
13489
13521
 
13490
- .cds--text-input__field-wrapper--slug .cds--text-input {
13491
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
13522
+ .cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~ .cds--slug--revert)) {
13523
+ background-image: linear-gradient(0deg, 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%);
13524
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
13492
13525
  padding-inline-end: 2.5rem;
13493
13526
  }
13494
13527
 
@@ -14688,8 +14721,13 @@ fieldset[disabled] .cds--form__helper-text {
14688
14721
  transform: translateY(-50%);
14689
14722
  }
14690
14723
 
14691
- .cds--list-box__wrapper--slug .cds--list-box {
14692
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
14724
+ .cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {
14725
+ background-image: linear-gradient(0deg, 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%);
14726
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
14727
+ }
14728
+
14729
+ .cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {
14730
+ border-block-end-color: transparent;
14693
14731
  }
14694
14732
 
14695
14733
  .cds--list-box__wrapper--slug .cds--list-box__field,
@@ -16542,13 +16580,15 @@ tr.cds--data-table--selected:last-of-type td {
16542
16580
  }
16543
16581
 
16544
16582
  .cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
16545
- background-image: linear-gradient(90deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 50%, transparent 100%), linear-gradient(90deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
16583
+ 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%);
16584
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
16546
16585
  background-attachment: fixed;
16547
16586
  }
16548
16587
 
16549
16588
  .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
16550
16589
  .cds--data-table thead th:has(> .cds--table-header-label--slug) {
16551
- background-image: linear-gradient(180deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 100%, transparent 100%), linear-gradient(180deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
16590
+ 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%);
16591
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
16552
16592
  }
16553
16593
 
16554
16594
  .cds--table-column-slug .cds--slug {
@@ -18992,8 +19032,9 @@ th .cds--table-sort__flex {
18992
19032
  transform: translateY(-50%);
18993
19033
  }
18994
19034
 
18995
- .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
18996
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
19035
+ .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(:has(~ .cds--slug--revert)) {
19036
+ background-image: linear-gradient(0deg, 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%);
19037
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
18997
19038
  padding-inline-end: 4rem;
18998
19039
  }
18999
19040
 
@@ -20712,8 +20753,13 @@ button.cds--dropdown-text:focus {
20712
20753
  inset-block-start: 2.6875rem;
20713
20754
  }
20714
20755
 
20715
- .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug {
20716
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
20756
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(~ .cds--slug--revert)) {
20757
+ background-image: linear-gradient(0deg, 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%);
20758
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
20759
+ }
20760
+
20761
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(.cds--date-picker__input--invalid) {
20762
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
20717
20763
  }
20718
20764
 
20719
20765
  .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
@@ -21264,12 +21310,17 @@ button.cds--dropdown-text:focus {
21264
21310
  padding-inline-end: 9rem;
21265
21311
  }
21266
21312
 
21267
- .cds--number__input-wrapper--slug input[type=number],
21313
+ .cds--number__input-wrapper--slug input[type=number]:not(:has(~ .cds--slug--revert)),
21268
21314
  .cds--number__input-wrapper--slug input[type=number]:disabled {
21269
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
21315
+ background-image: linear-gradient(0deg, 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%);
21316
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21270
21317
  padding-inline-end: 7rem;
21271
21318
  }
21272
21319
 
21320
+ .cds--number__input-wrapper--slug .cds--number__control-btn {
21321
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21322
+ }
21323
+
21273
21324
  .cds--number.cds--skeleton {
21274
21325
  position: relative;
21275
21326
  padding: 0;
@@ -21521,8 +21572,9 @@ button.cds--dropdown-text:focus {
21521
21572
  padding-inline-end: 7.5rem;
21522
21573
  }
21523
21574
 
21524
- .cds--number-input--fluid .cds--number__input-wrapper--slug {
21525
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
21575
+ .cds--number-input--fluid .cds--number__input-wrapper--slug:not(:has(~ .cds--slug--revert)) {
21576
+ background-image: linear-gradient(0deg, 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%);
21577
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21526
21578
  }
21527
21579
 
21528
21580
  .cds--search--fluid {
@@ -21897,8 +21949,9 @@ optgroup.cds--select-optgroup:disabled,
21897
21949
  transform: translateY(-50%);
21898
21950
  }
21899
21951
 
21900
- .cds--select--slug .cds--select-input {
21901
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
21952
+ .cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {
21953
+ background-image: linear-gradient(0deg, 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%);
21954
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21902
21955
  padding-inline-end: 4rem;
21903
21956
  }
21904
21957
 
@@ -22195,8 +22248,9 @@ optgroup.cds--select-optgroup:disabled,
22195
22248
  transform: translate(0);
22196
22249
  }
22197
22250
 
22198
- .cds--text-area__wrapper--slug .cds--text-area {
22199
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
22251
+ .cds--text-area__wrapper--slug .cds--text-area:not(:has(~ .cds--slug--revert)) {
22252
+ background-image: linear-gradient(0deg, 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%);
22253
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
22200
22254
  padding-inline-end: 2.5rem;
22201
22255
  }
22202
22256
 
@@ -22417,8 +22471,9 @@ optgroup.cds--select-optgroup:disabled,
22417
22471
  inline-size: 80%;
22418
22472
  }
22419
22473
 
22420
- .cds--text-area--fluid .cds--text-area__wrapper--slug {
22421
- background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
22474
+ .cds--text-area--fluid .cds--text-area__wrapper--slug:not(:has(~ .cds--slug--revert)) {
22475
+ background-image: linear-gradient(0deg, 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%);
22476
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
22422
22477
  }
22423
22478
 
22424
22479
  .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
@@ -23385,12 +23440,12 @@ optgroup.cds--select-optgroup:disabled,
23385
23440
  }
23386
23441
 
23387
23442
  .cds--modal--slug .cds--modal-container {
23388
- background: linear-gradient(to top, var(--cds-slug-callout-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-slug-callout-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-slug-callout-border-01, #78a9ff), var(--cds-slug-callout-border-02, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
23443
+ 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;
23389
23444
  background-color: var(--cds-layer);
23390
23445
  }
23391
23446
 
23392
23447
  .cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
23393
- background: linear-gradient(to top, var(--cds-slug-callout-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-slug-callout-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-slug-callout-border-01, #78a9ff), var(--cds-slug-callout-border-02, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
23448
+ 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;
23394
23449
  background-color: var(--cds-layer);
23395
23450
  }
23396
23451
 
@@ -26574,10 +26629,10 @@ span.cds--pagination__text.cds--pagination__items-count {
26574
26629
  }
26575
26630
 
26576
26631
  .cds--slug.cds--slug--enabled .cds--slug-content {
26577
- background: linear-gradient(to top, var(--cds-slug-callout-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-slug-callout-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-slug-callout-border-01, #78a9ff), var(--cds-slug-callout-border-02, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
26632
+ 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;
26578
26633
  border: 1px solid transparent;
26579
26634
  border-radius: 0.5rem;
26580
- box-shadow: inset 0 -80px 70px -65px var(--cds-slug-callout-shadow-inner, 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));
26635
+ 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));
26581
26636
  color: var(--cds-text-primary, #161616);
26582
26637
  min-inline-size: 17.5rem;
26583
26638
  }
@@ -26601,7 +26656,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26601
26656
  .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before {
26602
26657
  position: absolute;
26603
26658
  display: block;
26604
- border: 1px solid var(--cds-slug-callout-border-01, #78a9ff);
26659
+ border: 1px solid var(--cds-ai-border-start, #78a9ff);
26605
26660
  background: var(--cds-background, #ffffff);
26606
26661
  block-size: 0.75rem;
26607
26662
  clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
@@ -27973,12 +28028,12 @@ span.cds--pagination__text.cds--pagination__items-count {
27973
28028
  }
27974
28029
 
27975
28030
  .cds--tile--slug.cds--tile {
27976
- background: linear-gradient(to top, var(--cds-slug-callout-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-slug-callout-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-slug-callout-border-01, #78a9ff), var(--cds-slug-callout-border-02, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
28031
+ 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;
27977
28032
  border: 1px solid var(--cds-border-tile);
27978
28033
  }
27979
28034
 
27980
28035
  .cds--tile--slug.cds--tile--expandable:hover {
27981
- background: linear-gradient(to top, var(--cds-slug-callout-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-slug-callout-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-slug-callout-border-01, #78a9ff), var(--cds-slug-callout-border-02, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
28036
+ 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;
27982
28037
  }
27983
28038
 
27984
28039
  .cds--tile--slug.cds--tile--selectable::before,
@@ -30651,9 +30706,16 @@ a.cds--side-nav__link--current::before {
30651
30706
  }
30652
30707
 
30653
30708
  html {
30709
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
30710
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
30711
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
30712
+ --cds-ai-border-start: #4589ff;
30713
+ --cds-ai-border-strong: #78a9ff;
30714
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
30654
30715
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
30655
30716
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
30656
30717
  --cds-ai-gradient-start-02: transparent;
30718
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
30657
30719
  --cds-background: #161616;
30658
30720
  --cds-background-active: rgba(141, 141, 141, 0.4);
30659
30721
  --cds-background-brand: #0f62fe;
@@ -30735,7 +30797,7 @@ html {
30735
30797
  --cds-skeleton-element: #393939;
30736
30798
  --cds-slug-background: #c6c6c6;
30737
30799
  --cds-slug-background-hover: #e0e0e0;
30738
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
30800
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
30739
30801
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
30740
30802
  --cds-slug-callout-aura-end-hover-02: transparent;
30741
30803
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
@@ -30743,8 +30805,6 @@ html {
30743
30805
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
30744
30806
  --cds-slug-callout-aura-start-hover-02: transparent;
30745
30807
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
30746
- --cds-slug-callout-border-01: #4589ff;
30747
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
30748
30808
  --cds-slug-callout-caret-bottom: #3d4655;
30749
30809
  --cds-slug-callout-caret-bottom-background: #213250;
30750
30810
  --cds-slug-callout-caret-bottom-background-actions: #192436;
@@ -30755,7 +30815,6 @@ html {
30755
30815
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
30756
30816
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
30757
30817
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
30758
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
30759
30818
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
30760
30819
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
30761
30820
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
@@ -31123,9 +31182,16 @@ html {
31123
31182
  }
31124
31183
 
31125
31184
  html[data-carbon-theme=white] {
31185
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
31186
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
31187
+ --cds-ai-border-end: #d0e2ff;
31188
+ --cds-ai-border-start: #78a9ff;
31189
+ --cds-ai-border-strong: #4589ff;
31190
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
31126
31191
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
31127
31192
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
31128
31193
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
31194
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
31129
31195
  --cds-background: #ffffff;
31130
31196
  --cds-background-active: rgba(141, 141, 141, 0.5);
31131
31197
  --cds-background-brand: #0f62fe;
@@ -31215,8 +31281,6 @@ html[data-carbon-theme=white] {
31215
31281
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
31216
31282
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
31217
31283
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
31218
- --cds-slug-callout-border-01: #78a9ff;
31219
- --cds-slug-callout-border-02: #d0e2ff;
31220
31284
  --cds-slug-callout-caret-bottom: #d0e2ff;
31221
31285
  --cds-slug-callout-caret-bottom-background: #d5e5ff;
31222
31286
  --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
@@ -31227,7 +31291,6 @@ html[data-carbon-theme=white] {
31227
31291
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
31228
31292
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
31229
31293
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
31230
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
31231
31294
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
31232
31295
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
31233
31296
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
@@ -31595,9 +31658,16 @@ html[data-carbon-theme=white] {
31595
31658
  }
31596
31659
 
31597
31660
  html[data-carbon-theme=g10] {
31661
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
31662
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
31663
+ --cds-ai-border-end: #d0e2ff;
31664
+ --cds-ai-border-start: #78a9ff;
31665
+ --cds-ai-border-strong: #4589ff;
31666
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
31598
31667
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
31599
31668
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
31600
31669
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
31670
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
31601
31671
  --cds-background: #f4f4f4;
31602
31672
  --cds-background-active: rgba(141, 141, 141, 0.5);
31603
31673
  --cds-background-brand: #0f62fe;
@@ -31687,8 +31757,6 @@ html[data-carbon-theme=g10] {
31687
31757
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
31688
31758
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
31689
31759
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
31690
- --cds-slug-callout-border-01: #78a9ff;
31691
- --cds-slug-callout-border-02: #d0e2ff;
31692
31760
  --cds-slug-callout-caret-bottom: #d0e2ff;
31693
31761
  --cds-slug-callout-caret-bottom-background: #ccdbf8;
31694
31762
  --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
@@ -31699,7 +31767,6 @@ html[data-carbon-theme=g10] {
31699
31767
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
31700
31768
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
31701
31769
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
31702
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
31703
31770
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
31704
31771
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
31705
31772
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
@@ -32067,9 +32134,16 @@ html[data-carbon-theme=g10] {
32067
32134
  }
32068
32135
 
32069
32136
  html[data-carbon-theme=g90] {
32137
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
32138
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
32139
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
32140
+ --cds-ai-border-start: #4589ff;
32141
+ --cds-ai-border-strong: #78a9ff;
32142
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
32070
32143
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
32071
32144
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
32072
32145
  --cds-ai-gradient-start-02: transparent;
32146
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
32073
32147
  --cds-background: #262626;
32074
32148
  --cds-background-active: rgba(141, 141, 141, 0.4);
32075
32149
  --cds-background-brand: #0f62fe;
@@ -32151,7 +32225,7 @@ html[data-carbon-theme=g90] {
32151
32225
  --cds-skeleton-element: #525252;
32152
32226
  --cds-slug-background: #c6c6c6;
32153
32227
  --cds-slug-background-hover: #e0e0e0;
32154
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
32228
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
32155
32229
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
32156
32230
  --cds-slug-callout-aura-end-hover-02: transparent;
32157
32231
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
@@ -32159,8 +32233,6 @@ html[data-carbon-theme=g90] {
32159
32233
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
32160
32234
  --cds-slug-callout-aura-start-hover-02: transparent;
32161
32235
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
32162
- --cds-slug-callout-border-01: #4589ff;
32163
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
32164
32236
  --cds-slug-callout-caret-bottom: #465060;
32165
32237
  --cds-slug-callout-caret-bottom-background: #2d3f5c;
32166
32238
  --cds-slug-callout-caret-bottom-background-actions: #253042;
@@ -32171,7 +32243,6 @@ html[data-carbon-theme=g90] {
32171
32243
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
32172
32244
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
32173
32245
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
32174
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
32175
32246
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
32176
32247
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
32177
32248
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
@@ -32539,9 +32610,16 @@ html[data-carbon-theme=g90] {
32539
32610
  }
32540
32611
 
32541
32612
  html[data-carbon-theme=g100] {
32613
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
32614
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
32615
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
32616
+ --cds-ai-border-start: #4589ff;
32617
+ --cds-ai-border-strong: #78a9ff;
32618
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
32542
32619
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
32543
32620
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
32544
32621
  --cds-ai-gradient-start-02: transparent;
32622
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
32545
32623
  --cds-background: #161616;
32546
32624
  --cds-background-active: rgba(141, 141, 141, 0.4);
32547
32625
  --cds-background-brand: #0f62fe;
@@ -32623,7 +32701,7 @@ html[data-carbon-theme=g100] {
32623
32701
  --cds-skeleton-element: #393939;
32624
32702
  --cds-slug-background: #c6c6c6;
32625
32703
  --cds-slug-background-hover: #e0e0e0;
32626
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
32704
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
32627
32705
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
32628
32706
  --cds-slug-callout-aura-end-hover-02: transparent;
32629
32707
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
@@ -32631,8 +32709,6 @@ html[data-carbon-theme=g100] {
32631
32709
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
32632
32710
  --cds-slug-callout-aura-start-hover-02: transparent;
32633
32711
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
32634
- --cds-slug-callout-border-01: #4589ff;
32635
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
32636
32712
  --cds-slug-callout-caret-bottom: #3d4655;
32637
32713
  --cds-slug-callout-caret-bottom-background: #213250;
32638
32714
  --cds-slug-callout-caret-bottom-background-actions: #192436;
@@ -32643,7 +32719,6 @@ html[data-carbon-theme=g100] {
32643
32719
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
32644
32720
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
32645
32721
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
32646
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
32647
32722
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
32648
32723
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
32649
32724
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);