@carbon/charts 1.13.22 → 1.13.23

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 (31) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/{_baseEach-hXZ_iCmx.mjs → _baseEach-hCF4b-EZ.mjs} +2 -2
  3. package/dist/{_baseEach-hXZ_iCmx.mjs.map → _baseEach-hCF4b-EZ.mjs.map} +1 -1
  4. package/dist/{angle-utils-A-okg7PT.mjs → angle-utils-to7NH0_1.mjs} +2 -2
  5. package/dist/{angle-utils-A-okg7PT.mjs.map → angle-utils-to7NH0_1.mjs.map} +1 -1
  6. package/dist/{choropleth-s-WBhiE4.mjs → choropleth-a9b8bAaz.mjs} +880 -879
  7. package/dist/choropleth-a9b8bAaz.mjs.map +1 -0
  8. package/dist/{color-scale-utils-H9cC5d7N.mjs → color-scale-utils-W9pcGG6t.mjs} +367 -374
  9. package/dist/{color-scale-utils-H9cC5d7N.mjs.map → color-scale-utils-W9pcGG6t.mjs.map} +1 -1
  10. package/dist/components/index.mjs +4 -4
  11. package/dist/demo/index.mjs +40 -40
  12. package/dist/demo/styles.css +352 -78
  13. package/dist/demo/styles.css.map +1 -1
  14. package/dist/index.mjs +9 -9
  15. package/dist/model/index.mjs +3 -3
  16. package/dist/services/index.mjs +3 -3
  17. package/dist/styles.css +50 -14
  18. package/dist/styles.css.map +1 -1
  19. package/dist/styles.min.css +1 -1
  20. package/dist/styles.min.css.map +1 -1
  21. package/dist/umd/bundle.umd.js +14 -14
  22. package/dist/umd/bundle.umd.js.map +1 -1
  23. package/dist/{wordcloud-je962F3R.mjs → wordcloud-y7csbPwp.mjs} +3 -3
  24. package/dist/{wordcloud-je962F3R.mjs.map → wordcloud-y7csbPwp.mjs.map} +1 -1
  25. package/dist/{zoom-_zg_D2pq.mjs → zoom-z1-4lR5l.mjs} +16 -13
  26. package/dist/zoom-z1-4lR5l.mjs.map +1 -0
  27. package/package.json +14 -14
  28. package/styles.css +50 -14
  29. package/styles.min.css +1 -1
  30. package/dist/choropleth-s-WBhiE4.mjs.map +0 -1
  31. package/dist/zoom-_zg_D2pq.mjs.map +0 -1
package/dist/demo/styles.css CHANGED
@@ -5252,16 +5252,25 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5252
5252
  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5253
5253
  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5254
5254
  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5255
- --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
5255
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
5256
5256
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5257
5257
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5258
5258
  --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
+ --cds-slug-callout-caret-bottom: #d0e2ff;
5262
+ --cds-slug-callout-caret-bottom-background: #d5e5ff;
5263
+ --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
5264
+ --cds-slug-callout-caret-center: #a7c7ff;
5259
5265
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5260
5266
  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5261
5267
  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5262
5268
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5263
5269
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5264
5270
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5273
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5265
5274
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5266
5275
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5267
5276
  --cds-slug-hollow-hover: #474747;
@@ -5660,16 +5669,25 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5660
5669
  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5661
5670
  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5662
5671
  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5663
- --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
5672
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
5664
5673
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5665
5674
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5666
5675
  --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
+ --cds-slug-callout-caret-bottom: #d0e2ff;
5679
+ --cds-slug-callout-caret-bottom-background: #ccdbf8;
5680
+ --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
5681
+ --cds-slug-callout-caret-center: #a7c7ff;
5667
5682
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5668
5683
  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5669
5684
  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5670
5685
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5671
5686
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5672
5687
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5690
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5673
5691
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5674
5692
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5675
5693
  --cds-slug-hollow-hover: #474747;
@@ -5998,11 +6016,11 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5998
6016
  --cds-border-strong-02: #a8a8a8;
5999
6017
  --cds-border-strong-03: #c6c6c6;
6000
6018
  --cds-border-subtle-00: #525252;
6001
- --cds-border-subtle-01: #525252;
6002
- --cds-border-subtle-02: #6f6f6f;
6019
+ --cds-border-subtle-01: #6f6f6f;
6020
+ --cds-border-subtle-02: #8d8d8d;
6003
6021
  --cds-border-subtle-03: #8d8d8d;
6004
- --cds-border-subtle-selected-01: #6f6f6f;
6005
- --cds-border-subtle-selected-02: #8d8d8d;
6022
+ --cds-border-subtle-selected-01: #8d8d8d;
6023
+ --cds-border-subtle-selected-02: #a8a8a8;
6006
6024
  --cds-border-subtle-selected-03: #a8a8a8;
6007
6025
  --cds-border-tile-01: #6f6f6f;
6008
6026
  --cds-border-tile-02: #8d8d8d;
@@ -6064,20 +6082,29 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6064
6082
  --cds-skeleton-element: #525252;
6065
6083
  --cds-slug-background: #c6c6c6;
6066
6084
  --cds-slug-background-hover: #e0e0e0;
6067
- --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
6085
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
6068
6086
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6069
6087
  --cds-slug-callout-aura-end-hover-02: transparent;
6070
6088
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6071
- --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
6089
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
6072
6090
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6073
6091
  --cds-slug-callout-aura-start-hover-02: transparent;
6074
6092
  --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
+ --cds-slug-callout-caret-bottom: #465060;
6096
+ --cds-slug-callout-caret-bottom-background: #2d3f5c;
6097
+ --cds-slug-callout-caret-bottom-background-actions: #253042;
6098
+ --cds-slug-callout-caret-center: #456fb5;
6075
6099
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6076
6100
  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6077
6101
  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6078
6102
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6079
6103
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6080
6104
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6107
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6081
6108
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6082
6109
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6083
6110
  --cds-slug-hollow-hover: #b5b5b5;
@@ -6406,11 +6433,11 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6406
6433
  --cds-border-strong-02: #8d8d8d;
6407
6434
  --cds-border-strong-03: #a8a8a8;
6408
6435
  --cds-border-subtle-00: #393939;
6409
- --cds-border-subtle-01: #393939;
6410
- --cds-border-subtle-02: #525252;
6436
+ --cds-border-subtle-01: #525252;
6437
+ --cds-border-subtle-02: #6f6f6f;
6411
6438
  --cds-border-subtle-03: #6f6f6f;
6412
- --cds-border-subtle-selected-01: #525252;
6413
- --cds-border-subtle-selected-02: #6f6f6f;
6439
+ --cds-border-subtle-selected-01: #6f6f6f;
6440
+ --cds-border-subtle-selected-02: #8d8d8d;
6414
6441
  --cds-border-subtle-selected-03: #8d8d8d;
6415
6442
  --cds-border-tile-01: #525252;
6416
6443
  --cds-border-tile-02: #6f6f6f;
@@ -6472,20 +6499,29 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6472
6499
  --cds-skeleton-element: #393939;
6473
6500
  --cds-slug-background: #c6c6c6;
6474
6501
  --cds-slug-background-hover: #e0e0e0;
6475
- --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
6502
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
6476
6503
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6477
6504
  --cds-slug-callout-aura-end-hover-02: transparent;
6478
6505
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6479
- --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
6506
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
6480
6507
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6481
6508
  --cds-slug-callout-aura-start-hover-02: transparent;
6482
6509
  --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
+ --cds-slug-callout-caret-bottom: #3d4655;
6513
+ --cds-slug-callout-caret-bottom-background: #213250;
6514
+ --cds-slug-callout-caret-bottom-background-actions: #192436;
6515
+ --cds-slug-callout-caret-center: #3f68af;
6483
6516
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6484
6517
  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6485
6518
  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6486
6519
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6487
6520
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6488
6521
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6524
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6489
6525
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6490
6526
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6491
6527
  --cds-slug-hollow-hover: #b5b5b5;
@@ -8832,16 +8868,25 @@ em {
8832
8868
  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
8833
8869
  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
8834
8870
  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
8835
- --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
8871
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
8836
8872
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
8837
8873
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
8838
8874
  --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
+ --cds-slug-callout-caret-bottom: #d0e2ff;
8878
+ --cds-slug-callout-caret-bottom-background: #d5e5ff;
8879
+ --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
8880
+ --cds-slug-callout-caret-center: #a7c7ff;
8839
8881
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
8840
8882
  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
8841
8883
  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
8842
8884
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
8843
8885
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
8844
8886
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
8889
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
8845
8890
  --cds-slug-hollow-hover: #474747;
8846
8891
  --cds-support-caution-major: #ff832b;
8847
8892
  --cds-support-caution-minor: #f1c21b;
@@ -9026,16 +9071,25 @@ em {
9026
9071
  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
9027
9072
  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
9028
9073
  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
9029
- --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
9074
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9030
9075
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
9031
9076
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
9032
9077
  --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
+ --cds-slug-callout-caret-bottom: #d0e2ff;
9081
+ --cds-slug-callout-caret-bottom-background: #ccdbf8;
9082
+ --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
9083
+ --cds-slug-callout-caret-center: #a7c7ff;
9033
9084
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
9034
9085
  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
9035
9086
  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
9036
9087
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
9037
9088
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
9038
9089
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
9092
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
9039
9093
  --cds-slug-hollow-hover: #474747;
9040
9094
  --cds-support-caution-major: #ff832b;
9041
9095
  --cds-support-caution-minor: #f1c21b;
@@ -9149,11 +9203,11 @@ em {
9149
9203
  --cds-border-strong-02: #a8a8a8;
9150
9204
  --cds-border-strong-03: #c6c6c6;
9151
9205
  --cds-border-subtle-00: #525252;
9152
- --cds-border-subtle-01: #525252;
9153
- --cds-border-subtle-02: #6f6f6f;
9206
+ --cds-border-subtle-01: #6f6f6f;
9207
+ --cds-border-subtle-02: #8d8d8d;
9154
9208
  --cds-border-subtle-03: #8d8d8d;
9155
- --cds-border-subtle-selected-01: #6f6f6f;
9156
- --cds-border-subtle-selected-02: #8d8d8d;
9209
+ --cds-border-subtle-selected-01: #8d8d8d;
9210
+ --cds-border-subtle-selected-02: #a8a8a8;
9157
9211
  --cds-border-subtle-selected-03: #a8a8a8;
9158
9212
  --cds-border-tile-01: #6f6f6f;
9159
9213
  --cds-border-tile-02: #8d8d8d;
@@ -9215,18 +9269,27 @@ em {
9215
9269
  --cds-skeleton-element: #525252;
9216
9270
  --cds-slug-background: #c6c6c6;
9217
9271
  --cds-slug-background-hover: #e0e0e0;
9218
- --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
9272
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
9219
9273
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9220
9274
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9221
- --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
9275
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9222
9276
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9223
9277
  --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
+ --cds-slug-callout-caret-bottom: #465060;
9281
+ --cds-slug-callout-caret-bottom-background: #2d3f5c;
9282
+ --cds-slug-callout-caret-bottom-background-actions: #253042;
9283
+ --cds-slug-callout-caret-center: #456fb5;
9224
9284
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9225
9285
  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9226
9286
  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9227
9287
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9228
9288
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9229
9289
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
9292
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
9230
9293
  --cds-slug-hollow-hover: #b5b5b5;
9231
9294
  --cds-support-caution-major: #ff832b;
9232
9295
  --cds-support-caution-minor: #f1c21b;
@@ -9339,11 +9402,11 @@ em {
9339
9402
  --cds-border-strong-02: #8d8d8d;
9340
9403
  --cds-border-strong-03: #a8a8a8;
9341
9404
  --cds-border-subtle-00: #393939;
9342
- --cds-border-subtle-01: #393939;
9343
- --cds-border-subtle-02: #525252;
9405
+ --cds-border-subtle-01: #525252;
9406
+ --cds-border-subtle-02: #6f6f6f;
9344
9407
  --cds-border-subtle-03: #6f6f6f;
9345
- --cds-border-subtle-selected-01: #525252;
9346
- --cds-border-subtle-selected-02: #6f6f6f;
9408
+ --cds-border-subtle-selected-01: #6f6f6f;
9409
+ --cds-border-subtle-selected-02: #8d8d8d;
9347
9410
  --cds-border-subtle-selected-03: #8d8d8d;
9348
9411
  --cds-border-tile-01: #525252;
9349
9412
  --cds-border-tile-02: #6f6f6f;
@@ -9405,18 +9468,27 @@ em {
9405
9468
  --cds-skeleton-element: #393939;
9406
9469
  --cds-slug-background: #c6c6c6;
9407
9470
  --cds-slug-background-hover: #e0e0e0;
9408
- --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
9471
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
9409
9472
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9410
9473
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9411
- --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
9474
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9412
9475
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9413
9476
  --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
+ --cds-slug-callout-caret-bottom: #3d4655;
9480
+ --cds-slug-callout-caret-bottom-background: #213250;
9481
+ --cds-slug-callout-caret-bottom-background-actions: #192436;
9482
+ --cds-slug-callout-caret-center: #3f68af;
9414
9483
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9415
9484
  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9416
9485
  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9417
9486
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9418
9487
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9419
9488
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
9491
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
9420
9492
  --cds-slug-hollow-hover: #b5b5b5;
9421
9493
  --cds-support-caution-major: #ff832b;
9422
9494
  --cds-support-caution-minor: #f1c21b;
@@ -9645,6 +9717,7 @@ li.cds--accordion__item--disabled:last-of-type {
9645
9717
  }
9646
9718
 
9647
9719
  .cds--accordion__wrapper {
9720
+ overflow: hidden;
9648
9721
  padding: 0;
9649
9722
  max-block-size: 0;
9650
9723
  opacity: 0;
@@ -9653,7 +9726,6 @@ li.cds--accordion__item--disabled:last-of-type {
9653
9726
  }
9654
9727
 
9655
9728
  .cds--accordion__content {
9656
- overflow: hidden;
9657
9729
  padding-inline: var(--cds-layout-density-padding-inline-local);
9658
9730
  }
9659
9731
  @media (min-width: 480px) {
@@ -9698,6 +9770,7 @@ li.cds--accordion__item--disabled:last-of-type {
9698
9770
  overflow: visible;
9699
9771
  }
9700
9772
  .cds--accordion__item--active .cds--accordion__wrapper {
9773
+ overflow: visible;
9701
9774
  max-block-size: fit-content;
9702
9775
  opacity: 1;
9703
9776
  padding-block: 0.5rem;
@@ -10144,15 +10217,15 @@ li.cds--accordion__item--disabled:last-of-type {
10144
10217
  }
10145
10218
 
10146
10219
  .cds--popover--left-top > .cds--popover > .cds--popover-content {
10147
- inset-block-start: -50%;
10220
+ inset-block-start: 50%;
10148
10221
  inset-inline-end: 100%;
10149
- transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
10222
+ transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
10150
10223
  }
10151
10224
 
10152
10225
  .cds--popover--left-bottom > .cds--popover > .cds--popover-content {
10153
- inset-block-end: -50%;
10226
+ inset-block-end: 50%;
10154
10227
  inset-inline-end: 100%;
10155
- transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
10228
+ transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
10156
10229
  }
10157
10230
 
10158
10231
  [dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-content,
@@ -15534,6 +15607,7 @@ fieldset[disabled] .cds--form__helper-text {
15534
15607
  font-weight: var(--cds-body-compact-01-font-weight, 400);
15535
15608
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
15536
15609
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
15610
+ flex: 1;
15537
15611
  }
15538
15612
 
15539
15613
  .cds--radio-button__appearance {
@@ -21139,6 +21213,11 @@ button.cds--dropdown-text:focus {
21139
21213
  }
21140
21214
 
21141
21215
  .cds--number--nosteppers input[type=number] {
21216
+ padding-inline-end: 0;
21217
+ }
21218
+
21219
+ .cds--number--nosteppers input[type=number][data-invalid],
21220
+ .cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number] {
21142
21221
  padding-inline-end: 3rem;
21143
21222
  }
21144
21223
 
@@ -23258,18 +23337,19 @@ optgroup.cds--select-optgroup:disabled,
23258
23337
  align-items: flex-start;
23259
23338
  }
23260
23339
 
23261
- .cds--modal-close {
23340
+ .cds--modal-close-button {
23262
23341
  position: absolute;
23263
- z-index: 2;
23264
- overflow: hidden;
23342
+ inset-block-start: 0;
23343
+ inset-inline-end: 0;
23344
+ }
23345
+
23346
+ .cds--modal-close {
23265
23347
  padding: 0.75rem;
23266
23348
  border: 2px solid transparent;
23267
23349
  background-color: transparent;
23268
23350
  block-size: 3rem;
23269
23351
  cursor: pointer;
23270
23352
  inline-size: 3rem;
23271
- inset-block-start: 0;
23272
- inset-inline-end: 0;
23273
23353
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23274
23354
  }
23275
23355
  .cds--modal-close:hover {
@@ -23305,12 +23385,12 @@ optgroup.cds--select-optgroup:disabled,
23305
23385
  }
23306
23386
 
23307
23387
  .cds--modal--slug .cds--modal-container {
23308
- background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
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;
23309
23389
  background-color: var(--cds-layer);
23310
23390
  }
23311
23391
 
23312
23392
  .cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
23313
- background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) calc(0% + 64px), var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) calc(0% + 64px), var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
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;
23314
23394
  background-color: var(--cds-layer);
23315
23395
  }
23316
23396
 
@@ -23320,8 +23400,8 @@ optgroup.cds--select-optgroup:disabled,
23320
23400
  inset-inline-end: 0;
23321
23401
  }
23322
23402
 
23323
- .cds--modal-header > .cds--slug:has(+ .cds--modal-close),
23324
- .cds--modal-header > .cds--modal-close ~ .cds--slug,
23403
+ .cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
23404
+ .cds--modal-header > .cds--modal-close-button ~ .cds--slug,
23325
23405
  .cds--modal--slug .cds--modal-container-body > .cds--slug {
23326
23406
  inset-inline-end: 3rem;
23327
23407
  }
@@ -25601,7 +25681,7 @@ span.cds--pagination__text.cds--pagination__items-count {
25601
25681
 
25602
25682
  .cds--progress--vertical .cds--progress-optional {
25603
25683
  position: static;
25604
- margin: auto 0;
25684
+ margin: 0 0 auto;
25605
25685
  inline-size: 100%;
25606
25686
  }
25607
25687
 
@@ -26494,32 +26574,181 @@ span.cds--pagination__text.cds--pagination__items-count {
26494
26574
  }
26495
26575
 
26496
26576
  .cds--slug.cds--slug--enabled .cds--slug-content {
26497
- background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
26498
- border: 1px solid var(--cds-border-subtle);
26499
- border-radius: 16px;
26500
- backdrop-filter: blur(25px);
26501
- box-shadow: -45px 45px 100px rgba(0, 0, 0, 0.2);
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;
26578
+ border: 1px solid transparent;
26579
+ 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));
26502
26581
  color: var(--cds-text-primary, #161616);
26503
26582
  min-inline-size: 17.5rem;
26504
26583
  }
26505
26584
 
26506
26585
  .cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
26507
- background: var(--cds-border-subtle);
26586
+ background: transparent;
26587
+ clip-path: none;
26588
+ }
26589
+
26590
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
26591
+ .cds--popover--top-right,
26592
+ .cds--popover--top-left,
26593
+ .cds--popover--bottom,
26594
+ .cds--popover--bottom-right,
26595
+ .cds--popover--bottom-left,
26596
+ .cds--popover--left,
26597
+ .cds--popover--left-top,
26598
+ .cds--popover--left-bottom,
26599
+ .cds--popover--right,
26600
+ .cds--popover--right-top,
26601
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before {
26602
+ position: absolute;
26603
+ display: block;
26604
+ border: 1px solid var(--cds-slug-callout-border-01, #78a9ff);
26605
+ background: var(--cds-background, #ffffff);
26606
+ block-size: 0.75rem;
26607
+ clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
26608
+ content: "";
26609
+ inline-size: 0.75rem;
26610
+ transform: rotate(45deg);
26611
+ }
26612
+
26613
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
26614
+ .cds--popover--top-right,
26615
+ .cds--popover--top-left,
26616
+ .cds--popover--bottom,
26617
+ .cds--popover--bottom-right,
26618
+ .cds--popover--bottom-left,
26619
+ .cds--popover--left,
26620
+ .cds--popover--left-top,
26621
+ .cds--popover--left-bottom,
26622
+ .cds--popover--right,
26623
+ .cds--popover--right-top,
26624
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
26625
+ position: absolute;
26626
+ display: block;
26627
+ background: var(--cds-background, #ffffff);
26628
+ block-size: 0.875rem;
26629
+ content: "";
26630
+ inline-size: 0.125rem;
26631
+ }
26632
+
26633
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
26634
+ .cds--popover--top-right,
26635
+ .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
26636
+ inset-block-end: 0.0625rem;
26637
+ transform: rotate(-135deg);
26638
+ }
26639
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
26640
+ .cds--popover--top-right,
26641
+ .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
26642
+ background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
26643
+ block-size: 0.125rem;
26644
+ border-end-end-radius: 50%;
26645
+ border-end-start-radius: 50%;
26646
+ inline-size: 0.875rem;
26647
+ inset-block-start: -0.125rem;
26648
+ inset-inline-start: -0.0625rem;
26649
+ }
26650
+
26651
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
26652
+ .cds--popover--top-right,
26653
+ .cds--popover--top-left) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
26654
+ display: none;
26655
+ }
26656
+
26657
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
26658
+ .cds--popover--right-bottom,
26659
+ .cds--popover--right-top) > .cds--popover > .cds--popover-caret::before {
26660
+ inset-inline-start: 0.0625rem;
26661
+ transform: rotate(-45deg);
26662
+ }
26663
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
26664
+ .cds--popover--right-bottom,
26665
+ .cds--popover--right-top) > .cds--popover > .cds--popover-caret::after {
26666
+ border-end-start-radius: 50%;
26667
+ border-start-start-radius: 50%;
26668
+ inset-block-start: -0.0625rem;
26669
+ inset-inline-start: 0.375rem;
26670
+ }
26671
+
26672
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
26673
+ .cds--popover--bottom-left,
26674
+ .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before {
26675
+ inset-block-start: 0.0625rem;
26676
+ transform: rotate(45deg);
26677
+ }
26678
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
26679
+ .cds--popover--bottom-left,
26680
+ .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after {
26681
+ block-size: 0.125rem;
26682
+ border-start-end-radius: 50%;
26683
+ border-start-start-radius: 50%;
26684
+ inline-size: 0.875rem;
26685
+ inset-block-end: -0.15625rem;
26686
+ inset-inline-start: -0.0625rem;
26687
+ }
26688
+
26689
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
26690
+ .cds--popover--left-bottom,
26691
+ .cds--popover--left-top) > .cds--popover > .cds--popover-caret::before {
26692
+ inset-inline-end: 0.0625rem;
26693
+ transform: rotate(135deg);
26694
+ }
26695
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
26696
+ .cds--popover--left-bottom,
26697
+ .cds--popover--left-top) > .cds--popover > .cds--popover-caret::after {
26698
+ border-end-end-radius: 50%;
26699
+ border-start-end-radius: 50%;
26700
+ inset-block-start: -0.0625rem;
26701
+ inset-inline-start: -0.125rem;
26702
+ }
26703
+
26704
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
26705
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
26706
+ background: transparent;
26707
+ }
26708
+
26709
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
26710
+ .cds--popover--right-bottom,
26711
+ .cds--popover--top,
26712
+ .cds--popover--top-right,
26713
+ .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
26714
+ border-color: var(--cds-slug-callout-caret-bottom, #d0e2ff);
26715
+ background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
26716
+ }
26717
+
26718
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
26719
+ .cds--popover--right-bottom,
26720
+ .cds--popover--top,
26721
+ .cds--popover--top-right,
26722
+ .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
26723
+ background: var(--cds-slug-callout-caret-bottom-background-actions, #dae5f8);
26724
+ }
26725
+
26726
+ .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
26727
+ .cds--popover--right) > .cds--popover > .cds--popover-caret::before {
26728
+ border-color: var(--cds-slug-callout-caret-center, #a7c7ff);
26508
26729
  }
26509
26730
 
26510
26731
  .cds--slug.cds--slug--enabled .cds--toggletip-content {
26511
- max-inline-size: 20.875rem;
26512
26732
  padding-block-end: 5rem;
26513
- padding-block-start: 2rem;
26514
- padding-inline: 2rem;
26733
+ padding-block-start: 1.5rem;
26734
+ padding-inline: 1.5rem;
26735
+ }
26736
+
26737
+ .cds--slug.cds--slug--enabled .cds--slug-content--with-actions .cds--toggletip-content {
26738
+ max-inline-size: 20.875rem;
26739
+ }
26740
+
26741
+ .cds--slug.cds--slug--enabled .cds--slug-content:not(.cds--slug-content--with-actions) .cds--toggletip-content {
26742
+ max-inline-size: 20rem;
26515
26743
  }
26516
26744
 
26517
26745
  .cds--slug.cds--slug--enabled .cds--slug-actions {
26518
26746
  position: absolute;
26519
26747
  justify-content: flex-end;
26520
- background: var(--cds-layer-accent);
26521
- border-end-end-radius: 0.9375rem;
26522
- border-end-start-radius: 0.9375rem;
26748
+ backdrop-filter: blur(85px);
26749
+ background: rgba(0, 0, 0, 0.01);
26750
+ border-end-end-radius: 0.5rem;
26751
+ border-end-start-radius: 0.5rem;
26523
26752
  column-gap: 0;
26524
26753
  inline-size: 100%;
26525
26754
  inset-block-end: 0;
@@ -26533,7 +26762,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26533
26762
 
26534
26763
  .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
26535
26764
  order: 1;
26536
- border-end-end-radius: 1rem;
26765
+ border-end-end-radius: 0.4375rem;
26537
26766
  }
26538
26767
 
26539
26768
  .cds--slug.cds--slug--revert {
@@ -27744,12 +27973,12 @@ span.cds--pagination__text.cds--pagination__items-count {
27744
27973
  }
27745
27974
 
27746
27975
  .cds--tile--slug.cds--tile {
27747
- background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
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;
27748
27977
  border: 1px solid var(--cds-border-tile);
27749
27978
  }
27750
27979
 
27751
27980
  .cds--tile--slug.cds--tile--expandable:hover {
27752
- background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
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;
27753
27982
  }
27754
27983
 
27755
27984
  .cds--tile--slug.cds--tile--selectable::before,
@@ -30440,11 +30669,11 @@ html {
30440
30669
  --cds-border-strong-02: #8d8d8d;
30441
30670
  --cds-border-strong-03: #a8a8a8;
30442
30671
  --cds-border-subtle-00: #393939;
30443
- --cds-border-subtle-01: #393939;
30444
- --cds-border-subtle-02: #525252;
30672
+ --cds-border-subtle-01: #525252;
30673
+ --cds-border-subtle-02: #6f6f6f;
30445
30674
  --cds-border-subtle-03: #6f6f6f;
30446
- --cds-border-subtle-selected-01: #525252;
30447
- --cds-border-subtle-selected-02: #6f6f6f;
30675
+ --cds-border-subtle-selected-01: #6f6f6f;
30676
+ --cds-border-subtle-selected-02: #8d8d8d;
30448
30677
  --cds-border-subtle-selected-03: #8d8d8d;
30449
30678
  --cds-border-tile-01: #525252;
30450
30679
  --cds-border-tile-02: #6f6f6f;
@@ -30506,20 +30735,29 @@ html {
30506
30735
  --cds-skeleton-element: #393939;
30507
30736
  --cds-slug-background: #c6c6c6;
30508
30737
  --cds-slug-background-hover: #e0e0e0;
30509
- --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
30738
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
30510
30739
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
30511
30740
  --cds-slug-callout-aura-end-hover-02: transparent;
30512
30741
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
30513
- --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
30742
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
30514
30743
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
30515
30744
  --cds-slug-callout-aura-start-hover-02: transparent;
30516
30745
  --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
+ --cds-slug-callout-caret-bottom: #3d4655;
30749
+ --cds-slug-callout-caret-bottom-background: #213250;
30750
+ --cds-slug-callout-caret-bottom-background-actions: #192436;
30751
+ --cds-slug-callout-caret-center: #3f68af;
30517
30752
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
30518
30753
  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
30519
30754
  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
30520
30755
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
30521
30756
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
30522
30757
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
30760
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
30523
30761
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
30524
30762
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
30525
30763
  --cds-slug-hollow-hover: #b5b5b5;
@@ -30973,16 +31211,25 @@ html[data-carbon-theme=white] {
30973
31211
  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
30974
31212
  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
30975
31213
  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
30976
- --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
31214
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
30977
31215
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
30978
31216
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
30979
31217
  --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
+ --cds-slug-callout-caret-bottom: #d0e2ff;
31221
+ --cds-slug-callout-caret-bottom-background: #d5e5ff;
31222
+ --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
31223
+ --cds-slug-callout-caret-center: #a7c7ff;
30980
31224
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
30981
31225
  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
30982
31226
  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
30983
31227
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
30984
31228
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
30985
31229
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
31232
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
30986
31233
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
30987
31234
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
30988
31235
  --cds-slug-hollow-hover: #474747;
@@ -31436,16 +31683,25 @@ html[data-carbon-theme=g10] {
31436
31683
  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
31437
31684
  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
31438
31685
  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
31439
- --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
31686
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
31440
31687
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
31441
31688
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
31442
31689
  --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
+ --cds-slug-callout-caret-bottom: #d0e2ff;
31693
+ --cds-slug-callout-caret-bottom-background: #ccdbf8;
31694
+ --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
31695
+ --cds-slug-callout-caret-center: #a7c7ff;
31443
31696
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
31444
31697
  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
31445
31698
  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
31446
31699
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
31447
31700
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
31448
31701
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
31704
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
31449
31705
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
31450
31706
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
31451
31707
  --cds-slug-hollow-hover: #474747;
@@ -31829,11 +32085,11 @@ html[data-carbon-theme=g90] {
31829
32085
  --cds-border-strong-02: #a8a8a8;
31830
32086
  --cds-border-strong-03: #c6c6c6;
31831
32087
  --cds-border-subtle-00: #525252;
31832
- --cds-border-subtle-01: #525252;
31833
- --cds-border-subtle-02: #6f6f6f;
32088
+ --cds-border-subtle-01: #6f6f6f;
32089
+ --cds-border-subtle-02: #8d8d8d;
31834
32090
  --cds-border-subtle-03: #8d8d8d;
31835
- --cds-border-subtle-selected-01: #6f6f6f;
31836
- --cds-border-subtle-selected-02: #8d8d8d;
32091
+ --cds-border-subtle-selected-01: #8d8d8d;
32092
+ --cds-border-subtle-selected-02: #a8a8a8;
31837
32093
  --cds-border-subtle-selected-03: #a8a8a8;
31838
32094
  --cds-border-tile-01: #6f6f6f;
31839
32095
  --cds-border-tile-02: #8d8d8d;
@@ -31895,20 +32151,29 @@ html[data-carbon-theme=g90] {
31895
32151
  --cds-skeleton-element: #525252;
31896
32152
  --cds-slug-background: #c6c6c6;
31897
32153
  --cds-slug-background-hover: #e0e0e0;
31898
- --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
32154
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
31899
32155
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
31900
32156
  --cds-slug-callout-aura-end-hover-02: transparent;
31901
32157
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
31902
- --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
32158
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
31903
32159
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
31904
32160
  --cds-slug-callout-aura-start-hover-02: transparent;
31905
32161
  --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
+ --cds-slug-callout-caret-bottom: #465060;
32165
+ --cds-slug-callout-caret-bottom-background: #2d3f5c;
32166
+ --cds-slug-callout-caret-bottom-background-actions: #253042;
32167
+ --cds-slug-callout-caret-center: #456fb5;
31906
32168
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
31907
32169
  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
31908
32170
  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
31909
32171
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
31910
32172
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
31911
32173
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
32176
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
31912
32177
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
31913
32178
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
31914
32179
  --cds-slug-hollow-hover: #b5b5b5;
@@ -32292,11 +32557,11 @@ html[data-carbon-theme=g100] {
32292
32557
  --cds-border-strong-02: #8d8d8d;
32293
32558
  --cds-border-strong-03: #a8a8a8;
32294
32559
  --cds-border-subtle-00: #393939;
32295
- --cds-border-subtle-01: #393939;
32296
- --cds-border-subtle-02: #525252;
32560
+ --cds-border-subtle-01: #525252;
32561
+ --cds-border-subtle-02: #6f6f6f;
32297
32562
  --cds-border-subtle-03: #6f6f6f;
32298
- --cds-border-subtle-selected-01: #525252;
32299
- --cds-border-subtle-selected-02: #6f6f6f;
32563
+ --cds-border-subtle-selected-01: #6f6f6f;
32564
+ --cds-border-subtle-selected-02: #8d8d8d;
32300
32565
  --cds-border-subtle-selected-03: #8d8d8d;
32301
32566
  --cds-border-tile-01: #525252;
32302
32567
  --cds-border-tile-02: #6f6f6f;
@@ -32358,20 +32623,29 @@ html[data-carbon-theme=g100] {
32358
32623
  --cds-skeleton-element: #393939;
32359
32624
  --cds-slug-background: #c6c6c6;
32360
32625
  --cds-slug-background-hover: #e0e0e0;
32361
- --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
32626
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
32362
32627
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
32363
32628
  --cds-slug-callout-aura-end-hover-02: transparent;
32364
32629
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
32365
- --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
32630
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
32366
32631
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
32367
32632
  --cds-slug-callout-aura-start-hover-02: transparent;
32368
32633
  --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
+ --cds-slug-callout-caret-bottom: #3d4655;
32637
+ --cds-slug-callout-caret-bottom-background: #213250;
32638
+ --cds-slug-callout-caret-bottom-background-actions: #192436;
32639
+ --cds-slug-callout-caret-center: #3f68af;
32369
32640
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
32370
32641
  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
32371
32642
  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
32372
32643
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
32373
32644
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
32374
32645
  --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
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
32648
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
32375
32649
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
32376
32650
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
32377
32651
  --cds-slug-hollow-hover: #b5b5b5;