@carbon/charts 1.13.7 → 1.13.10

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 (44) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +1 -1
  3. package/dist/{_baseEach-8433307e.mjs → _baseEach-_pb8o-nX.mjs} +4 -4
  4. package/dist/{_baseEach-8433307e.mjs.map → _baseEach-_pb8o-nX.mjs.map} +1 -1
  5. package/dist/{a11y-7bad4f48.mjs → a11y-SOU26cr5.mjs} +1 -1
  6. package/dist/{a11y-7bad4f48.mjs.map → a11y-SOU26cr5.mjs.map} +1 -1
  7. package/dist/{angle-utils-8034b0e5.mjs → angle-utils-lGS6958-.mjs} +5 -5
  8. package/dist/{angle-utils-8034b0e5.mjs.map → angle-utils-lGS6958-.mjs.map} +1 -1
  9. package/dist/{choropleth-d532597d.mjs → choropleth-OVZrVx-E.mjs} +431 -431
  10. package/dist/{choropleth-d532597d.mjs.map → choropleth-OVZrVx-E.mjs.map} +1 -1
  11. package/dist/{color-scale-utils-2eb80bd2.mjs → color-scale-utils-xGxEq2HZ.mjs} +73 -73
  12. package/dist/{color-scale-utils-2eb80bd2.mjs.map → color-scale-utils-xGxEq2HZ.mjs.map} +1 -1
  13. package/dist/components/index.mjs +10 -10
  14. package/dist/demo/index.mjs +261 -286
  15. package/dist/demo/index.mjs.map +1 -1
  16. package/dist/demo/styles.css +1706 -1159
  17. package/dist/demo/styles.css.map +1 -1
  18. package/dist/{enums-a96ef472.mjs → enums-tMKLWMMm.mjs} +1 -1
  19. package/dist/{enums-a96ef472.mjs.map → enums-tMKLWMMm.mjs.map} +1 -1
  20. package/dist/{index-ec554115.mjs → index-Ez18Vgtt.mjs} +3 -3
  21. package/dist/index-Ez18Vgtt.mjs.map +1 -0
  22. package/dist/index.d.ts +1 -1
  23. package/dist/index.mjs +60 -60
  24. package/dist/interfaces/index.d.ts +1 -1
  25. package/dist/interfaces/index.mjs +2 -2
  26. package/dist/model/index.mjs +21 -1111
  27. package/dist/model/index.mjs.map +1 -1
  28. package/dist/services/index.mjs +17 -17
  29. package/dist/styles.css +88 -0
  30. package/dist/styles.css.map +1 -1
  31. package/dist/styles.min.css +1 -1
  32. package/dist/styles.min.css.map +1 -1
  33. package/dist/umd/bundle.umd.js +14 -14
  34. package/dist/umd/bundle.umd.js.map +1 -1
  35. package/dist/wordcloud-R5RMMPUP.mjs +1108 -0
  36. package/dist/wordcloud-R5RMMPUP.mjs.map +1 -0
  37. package/dist/{index-e91144ae.mjs → zoom-WD9MTgCJ.mjs} +51 -51
  38. package/dist/zoom-WD9MTgCJ.mjs.map +1 -0
  39. package/package.json +23 -28
  40. package/scss/demos.scss +4 -5
  41. package/styles.css +88 -0
  42. package/styles.min.css +1 -1
  43. package/dist/index-e91144ae.mjs.map +0 -1
  44. package/dist/index-ec554115.mjs.map +0 -1
package/dist/demo/styles.css CHANGED
@@ -5140,6 +5140,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5140
5140
  }
5141
5141
 
5142
5142
  .cds--chart-holder {
5143
+ --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5144
+ --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5145
+ --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5143
5146
  --cds-background: #ffffff;
5144
5147
  --cds-background-active: rgba(141, 141, 141, 0.5);
5145
5148
  --cds-background-brand: #0f62fe;
@@ -5219,6 +5222,25 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5219
5222
  --cds-shadow: rgba(0, 0, 0, 0.3);
5220
5223
  --cds-skeleton-background: #e8e8e8;
5221
5224
  --cds-skeleton-element: #c6c6c6;
5225
+ --cds-slug-background: #525252;
5226
+ --cds-slug-background-hover: #6f6f6f;
5227
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
5228
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5229
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5230
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5231
+ --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
5232
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5233
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5234
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5235
+ --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5236
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5237
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5238
+ --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5239
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5240
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5241
+ --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5242
+ --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5243
+ --cds-slug-hollow-hover: #474747;
5222
5244
  --cds-support-caution-major: #ff832b;
5223
5245
  --cds-support-caution-minor: #f1c21b;
5224
5246
  --cds-support-caution-undefined: #8a3ffc;
@@ -5526,6 +5548,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5526
5548
  }
5527
5549
 
5528
5550
  .cds--chart-holder[data-carbon-theme=g10] {
5551
+ --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5552
+ --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5553
+ --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5529
5554
  --cds-background: #f4f4f4;
5530
5555
  --cds-background-active: rgba(141, 141, 141, 0.5);
5531
5556
  --cds-background-brand: #0f62fe;
@@ -5605,6 +5630,25 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5605
5630
  --cds-shadow: rgba(0, 0, 0, 0.3);
5606
5631
  --cds-skeleton-background: #e8e8e8;
5607
5632
  --cds-skeleton-element: #c6c6c6;
5633
+ --cds-slug-background: #525252;
5634
+ --cds-slug-background-hover: #6f6f6f;
5635
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
5636
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5637
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5638
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5639
+ --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
5640
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5641
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5642
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5643
+ --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5644
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5645
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5646
+ --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5647
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5648
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5649
+ --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5650
+ --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5651
+ --cds-slug-hollow-hover: #474747;
5608
5652
  --cds-support-caution-major: #ff832b;
5609
5653
  --cds-support-caution-minor: #f1c21b;
5610
5654
  --cds-support-caution-undefined: #8a3ffc;
@@ -5912,6 +5956,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5912
5956
  }
5913
5957
 
5914
5958
  .cds--chart-holder[data-carbon-theme=g90] {
5959
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
5960
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
5961
+ --cds-ai-gradient-start-02: transparent;
5915
5962
  --cds-background: #262626;
5916
5963
  --cds-background-active: rgba(141, 141, 141, 0.4);
5917
5964
  --cds-background-brand: #0f62fe;
@@ -5991,6 +6038,25 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5991
6038
  --cds-shadow: rgba(0, 0, 0, 0.8);
5992
6039
  --cds-skeleton-background: #333333;
5993
6040
  --cds-skeleton-element: #525252;
6041
+ --cds-slug-background: #c6c6c6;
6042
+ --cds-slug-background-hover: #e0e0e0;
6043
+ --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
6044
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6045
+ --cds-slug-callout-aura-end-hover-02: transparent;
6046
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6047
+ --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
6048
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6049
+ --cds-slug-callout-aura-start-hover-02: transparent;
6050
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6051
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6052
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6053
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6054
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6055
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6056
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6057
+ --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6058
+ --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6059
+ --cds-slug-hollow-hover: #b5b5b5;
5994
6060
  --cds-support-caution-major: #ff832b;
5995
6061
  --cds-support-caution-minor: #f1c21b;
5996
6062
  --cds-support-caution-undefined: #a56eff;
@@ -6298,6 +6364,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6298
6364
  }
6299
6365
 
6300
6366
  .cds--chart-holder[data-carbon-theme=g100] {
6367
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
6368
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
6369
+ --cds-ai-gradient-start-02: transparent;
6301
6370
  --cds-background: #161616;
6302
6371
  --cds-background-active: rgba(141, 141, 141, 0.4);
6303
6372
  --cds-background-brand: #0f62fe;
@@ -6377,6 +6446,25 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6377
6446
  --cds-shadow: rgba(0, 0, 0, 0.8);
6378
6447
  --cds-skeleton-background: #292929;
6379
6448
  --cds-skeleton-element: #393939;
6449
+ --cds-slug-background: #c6c6c6;
6450
+ --cds-slug-background-hover: #e0e0e0;
6451
+ --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
6452
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6453
+ --cds-slug-callout-aura-end-hover-02: transparent;
6454
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6455
+ --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
6456
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6457
+ --cds-slug-callout-aura-start-hover-02: transparent;
6458
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6459
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6460
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6461
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6462
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6463
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6464
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6465
+ --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6466
+ --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6467
+ --cds-slug-hollow-hover: #b5b5b5;
6380
6468
  --cds-support-caution-major: #ff832b;
6381
6469
  --cds-support-caution-minor: #f1c21b;
6382
6470
  --cds-support-caution-undefined: #a56eff;
@@ -6930,726 +7018,6 @@ em {
6930
7018
  font-style: italic;
6931
7019
  }
6932
7020
 
6933
- @font-face {
6934
- font-display: "swap";
6935
- font-family: "IBM Plex Mono";
6936
- font-style: normal;
6937
- font-weight: 300;
6938
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Cyrillic.woff") format("woff");
6939
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
6940
- }
6941
- @font-face {
6942
- font-display: "swap";
6943
- font-family: "IBM Plex Mono";
6944
- font-style: normal;
6945
- font-weight: 300;
6946
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Pi.woff") format("woff");
6947
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
6948
- }
6949
- @font-face {
6950
- font-display: "swap";
6951
- font-family: "IBM Plex Mono";
6952
- font-style: normal;
6953
- font-weight: 300;
6954
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Latin3.woff") format("woff");
6955
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
6956
- }
6957
- @font-face {
6958
- font-display: "swap";
6959
- font-family: "IBM Plex Mono";
6960
- font-style: normal;
6961
- font-weight: 300;
6962
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Latin2.woff") format("woff");
6963
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
6964
- }
6965
- @font-face {
6966
- font-display: "swap";
6967
- font-family: "IBM Plex Mono";
6968
- font-style: normal;
6969
- font-weight: 300;
6970
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Latin1.woff") format("woff");
6971
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
6972
- }
6973
- @font-face {
6974
- font-display: "swap";
6975
- font-family: "IBM Plex Mono";
6976
- font-style: italic;
6977
- font-weight: 300;
6978
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Cyrillic.woff") format("woff");
6979
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
6980
- }
6981
- @font-face {
6982
- font-display: "swap";
6983
- font-family: "IBM Plex Mono";
6984
- font-style: italic;
6985
- font-weight: 300;
6986
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Pi.woff") format("woff");
6987
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
6988
- }
6989
- @font-face {
6990
- font-display: "swap";
6991
- font-family: "IBM Plex Mono";
6992
- font-style: italic;
6993
- font-weight: 300;
6994
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Latin3.woff") format("woff");
6995
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
6996
- }
6997
- @font-face {
6998
- font-display: "swap";
6999
- font-family: "IBM Plex Mono";
7000
- font-style: italic;
7001
- font-weight: 300;
7002
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Latin2.woff") format("woff");
7003
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7004
- }
7005
- @font-face {
7006
- font-display: "swap";
7007
- font-family: "IBM Plex Mono";
7008
- font-style: italic;
7009
- font-weight: 300;
7010
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Latin1.woff") format("woff");
7011
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7012
- }
7013
- @font-face {
7014
- font-display: "swap";
7015
- font-family: "IBM Plex Mono";
7016
- font-style: normal;
7017
- font-weight: 400;
7018
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Cyrillic.woff") format("woff");
7019
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7020
- }
7021
- @font-face {
7022
- font-display: "swap";
7023
- font-family: "IBM Plex Mono";
7024
- font-style: normal;
7025
- font-weight: 400;
7026
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Pi.woff") format("woff");
7027
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7028
- }
7029
- @font-face {
7030
- font-display: "swap";
7031
- font-family: "IBM Plex Mono";
7032
- font-style: normal;
7033
- font-weight: 400;
7034
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Latin3.woff") format("woff");
7035
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7036
- }
7037
- @font-face {
7038
- font-display: "swap";
7039
- font-family: "IBM Plex Mono";
7040
- font-style: normal;
7041
- font-weight: 400;
7042
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Latin2.woff") format("woff");
7043
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7044
- }
7045
- @font-face {
7046
- font-display: "swap";
7047
- font-family: "IBM Plex Mono";
7048
- font-style: normal;
7049
- font-weight: 400;
7050
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Latin1.woff") format("woff");
7051
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7052
- }
7053
- @font-face {
7054
- font-display: "swap";
7055
- font-family: "IBM Plex Mono";
7056
- font-style: italic;
7057
- font-weight: 400;
7058
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Cyrillic.woff") format("woff");
7059
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7060
- }
7061
- @font-face {
7062
- font-display: "swap";
7063
- font-family: "IBM Plex Mono";
7064
- font-style: italic;
7065
- font-weight: 400;
7066
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Pi.woff") format("woff");
7067
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7068
- }
7069
- @font-face {
7070
- font-display: "swap";
7071
- font-family: "IBM Plex Mono";
7072
- font-style: italic;
7073
- font-weight: 400;
7074
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Latin3.woff") format("woff");
7075
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7076
- }
7077
- @font-face {
7078
- font-display: "swap";
7079
- font-family: "IBM Plex Mono";
7080
- font-style: italic;
7081
- font-weight: 400;
7082
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Latin2.woff") format("woff");
7083
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7084
- }
7085
- @font-face {
7086
- font-display: "swap";
7087
- font-family: "IBM Plex Mono";
7088
- font-style: italic;
7089
- font-weight: 400;
7090
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Latin1.woff") format("woff");
7091
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7092
- }
7093
- @font-face {
7094
- font-display: "swap";
7095
- font-family: "IBM Plex Mono";
7096
- font-style: normal;
7097
- font-weight: 600;
7098
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Cyrillic.woff") format("woff");
7099
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7100
- }
7101
- @font-face {
7102
- font-display: "swap";
7103
- font-family: "IBM Plex Mono";
7104
- font-style: normal;
7105
- font-weight: 600;
7106
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Pi.woff") format("woff");
7107
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7108
- }
7109
- @font-face {
7110
- font-display: "swap";
7111
- font-family: "IBM Plex Mono";
7112
- font-style: normal;
7113
- font-weight: 600;
7114
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Latin3.woff") format("woff");
7115
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7116
- }
7117
- @font-face {
7118
- font-display: "swap";
7119
- font-family: "IBM Plex Mono";
7120
- font-style: normal;
7121
- font-weight: 600;
7122
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Latin2.woff") format("woff");
7123
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7124
- }
7125
- @font-face {
7126
- font-display: "swap";
7127
- font-family: "IBM Plex Mono";
7128
- font-style: normal;
7129
- font-weight: 600;
7130
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Latin1.woff") format("woff");
7131
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7132
- }
7133
- @font-face {
7134
- font-display: "swap";
7135
- font-family: "IBM Plex Mono";
7136
- font-style: italic;
7137
- font-weight: 600;
7138
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Cyrillic.woff") format("woff");
7139
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7140
- }
7141
- @font-face {
7142
- font-display: "swap";
7143
- font-family: "IBM Plex Mono";
7144
- font-style: italic;
7145
- font-weight: 600;
7146
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Pi.woff") format("woff");
7147
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7148
- }
7149
- @font-face {
7150
- font-display: "swap";
7151
- font-family: "IBM Plex Mono";
7152
- font-style: italic;
7153
- font-weight: 600;
7154
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Latin3.woff") format("woff");
7155
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7156
- }
7157
- @font-face {
7158
- font-display: "swap";
7159
- font-family: "IBM Plex Mono";
7160
- font-style: italic;
7161
- font-weight: 600;
7162
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Latin2.woff") format("woff");
7163
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7164
- }
7165
- @font-face {
7166
- font-display: "swap";
7167
- font-family: "IBM Plex Mono";
7168
- font-style: italic;
7169
- font-weight: 600;
7170
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Latin1.woff") format("woff");
7171
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7172
- }
7173
- @font-face {
7174
- font-display: "swap";
7175
- font-family: "IBM Plex Sans";
7176
- font-style: normal;
7177
- font-weight: 300;
7178
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Cyrillic.woff") format("woff");
7179
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7180
- }
7181
- @font-face {
7182
- font-display: "swap";
7183
- font-family: "IBM Plex Sans";
7184
- font-style: normal;
7185
- font-weight: 300;
7186
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Pi.woff") format("woff");
7187
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7188
- }
7189
- @font-face {
7190
- font-display: "swap";
7191
- font-family: "IBM Plex Sans";
7192
- font-style: normal;
7193
- font-weight: 300;
7194
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Latin3.woff") format("woff");
7195
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7196
- }
7197
- @font-face {
7198
- font-display: "swap";
7199
- font-family: "IBM Plex Sans";
7200
- font-style: normal;
7201
- font-weight: 300;
7202
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Latin2.woff") format("woff");
7203
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7204
- }
7205
- @font-face {
7206
- font-display: "swap";
7207
- font-family: "IBM Plex Sans";
7208
- font-style: normal;
7209
- font-weight: 300;
7210
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Latin1.woff") format("woff");
7211
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7212
- }
7213
- @font-face {
7214
- font-display: "swap";
7215
- font-family: "IBM Plex Sans";
7216
- font-style: italic;
7217
- font-weight: 300;
7218
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Cyrillic.woff") format("woff");
7219
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7220
- }
7221
- @font-face {
7222
- font-display: "swap";
7223
- font-family: "IBM Plex Sans";
7224
- font-style: italic;
7225
- font-weight: 300;
7226
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Pi.woff") format("woff");
7227
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7228
- }
7229
- @font-face {
7230
- font-display: "swap";
7231
- font-family: "IBM Plex Sans";
7232
- font-style: italic;
7233
- font-weight: 300;
7234
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Latin3.woff") format("woff");
7235
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7236
- }
7237
- @font-face {
7238
- font-display: "swap";
7239
- font-family: "IBM Plex Sans";
7240
- font-style: italic;
7241
- font-weight: 300;
7242
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Latin2.woff") format("woff");
7243
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7244
- }
7245
- @font-face {
7246
- font-display: "swap";
7247
- font-family: "IBM Plex Sans";
7248
- font-style: italic;
7249
- font-weight: 300;
7250
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Latin1.woff") format("woff");
7251
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7252
- }
7253
- @font-face {
7254
- font-display: "swap";
7255
- font-family: "IBM Plex Sans";
7256
- font-style: normal;
7257
- font-weight: 400;
7258
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Cyrillic.woff") format("woff");
7259
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7260
- }
7261
- @font-face {
7262
- font-display: "swap";
7263
- font-family: "IBM Plex Sans";
7264
- font-style: normal;
7265
- font-weight: 400;
7266
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Pi.woff") format("woff");
7267
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7268
- }
7269
- @font-face {
7270
- font-display: "swap";
7271
- font-family: "IBM Plex Sans";
7272
- font-style: normal;
7273
- font-weight: 400;
7274
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Latin3.woff") format("woff");
7275
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7276
- }
7277
- @font-face {
7278
- font-display: "swap";
7279
- font-family: "IBM Plex Sans";
7280
- font-style: normal;
7281
- font-weight: 400;
7282
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Latin2.woff") format("woff");
7283
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7284
- }
7285
- @font-face {
7286
- font-display: "swap";
7287
- font-family: "IBM Plex Sans";
7288
- font-style: normal;
7289
- font-weight: 400;
7290
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Latin1.woff") format("woff");
7291
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7292
- }
7293
- @font-face {
7294
- font-display: "swap";
7295
- font-family: "IBM Plex Sans";
7296
- font-style: italic;
7297
- font-weight: 400;
7298
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Cyrillic.woff") format("woff");
7299
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7300
- }
7301
- @font-face {
7302
- font-display: "swap";
7303
- font-family: "IBM Plex Sans";
7304
- font-style: italic;
7305
- font-weight: 400;
7306
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Pi.woff") format("woff");
7307
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7308
- }
7309
- @font-face {
7310
- font-display: "swap";
7311
- font-family: "IBM Plex Sans";
7312
- font-style: italic;
7313
- font-weight: 400;
7314
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Latin3.woff") format("woff");
7315
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7316
- }
7317
- @font-face {
7318
- font-display: "swap";
7319
- font-family: "IBM Plex Sans";
7320
- font-style: italic;
7321
- font-weight: 400;
7322
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Latin2.woff") format("woff");
7323
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7324
- }
7325
- @font-face {
7326
- font-display: "swap";
7327
- font-family: "IBM Plex Sans";
7328
- font-style: italic;
7329
- font-weight: 400;
7330
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Latin1.woff") format("woff");
7331
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7332
- }
7333
- @font-face {
7334
- font-display: "swap";
7335
- font-family: "IBM Plex Sans";
7336
- font-style: normal;
7337
- font-weight: 600;
7338
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Cyrillic.woff") format("woff");
7339
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7340
- }
7341
- @font-face {
7342
- font-display: "swap";
7343
- font-family: "IBM Plex Sans";
7344
- font-style: normal;
7345
- font-weight: 600;
7346
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Pi.woff") format("woff");
7347
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7348
- }
7349
- @font-face {
7350
- font-display: "swap";
7351
- font-family: "IBM Plex Sans";
7352
- font-style: normal;
7353
- font-weight: 600;
7354
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Latin3.woff") format("woff");
7355
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7356
- }
7357
- @font-face {
7358
- font-display: "swap";
7359
- font-family: "IBM Plex Sans";
7360
- font-style: normal;
7361
- font-weight: 600;
7362
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Latin2.woff") format("woff");
7363
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7364
- }
7365
- @font-face {
7366
- font-display: "swap";
7367
- font-family: "IBM Plex Sans";
7368
- font-style: normal;
7369
- font-weight: 600;
7370
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Latin1.woff") format("woff");
7371
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7372
- }
7373
- @font-face {
7374
- font-display: "swap";
7375
- font-family: "IBM Plex Sans";
7376
- font-style: italic;
7377
- font-weight: 600;
7378
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Cyrillic.woff") format("woff");
7379
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7380
- }
7381
- @font-face {
7382
- font-display: "swap";
7383
- font-family: "IBM Plex Sans";
7384
- font-style: italic;
7385
- font-weight: 600;
7386
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Pi.woff") format("woff");
7387
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7388
- }
7389
- @font-face {
7390
- font-display: "swap";
7391
- font-family: "IBM Plex Sans";
7392
- font-style: italic;
7393
- font-weight: 600;
7394
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Latin3.woff") format("woff");
7395
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7396
- }
7397
- @font-face {
7398
- font-display: "swap";
7399
- font-family: "IBM Plex Sans";
7400
- font-style: italic;
7401
- font-weight: 600;
7402
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Latin2.woff") format("woff");
7403
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7404
- }
7405
- @font-face {
7406
- font-display: "swap";
7407
- font-family: "IBM Plex Sans";
7408
- font-style: italic;
7409
- font-weight: 600;
7410
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Latin1.woff") format("woff");
7411
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7412
- }
7413
- @font-face {
7414
- font-display: "swap";
7415
- font-family: "IBM Plex Serif";
7416
- font-style: normal;
7417
- font-weight: 300;
7418
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Cyrillic.woff") format("woff");
7419
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7420
- }
7421
- @font-face {
7422
- font-display: "swap";
7423
- font-family: "IBM Plex Serif";
7424
- font-style: normal;
7425
- font-weight: 300;
7426
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Pi.woff") format("woff");
7427
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7428
- }
7429
- @font-face {
7430
- font-display: "swap";
7431
- font-family: "IBM Plex Serif";
7432
- font-style: normal;
7433
- font-weight: 300;
7434
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin3.woff") format("woff");
7435
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7436
- }
7437
- @font-face {
7438
- font-display: "swap";
7439
- font-family: "IBM Plex Serif";
7440
- font-style: normal;
7441
- font-weight: 300;
7442
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin2.woff") format("woff");
7443
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7444
- }
7445
- @font-face {
7446
- font-display: "swap";
7447
- font-family: "IBM Plex Serif";
7448
- font-style: normal;
7449
- font-weight: 300;
7450
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin1.woff") format("woff");
7451
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7452
- }
7453
- @font-face {
7454
- font-display: "swap";
7455
- font-family: "IBM Plex Serif";
7456
- font-style: italic;
7457
- font-weight: 300;
7458
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Cyrillic.woff") format("woff");
7459
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7460
- }
7461
- @font-face {
7462
- font-display: "swap";
7463
- font-family: "IBM Plex Serif";
7464
- font-style: italic;
7465
- font-weight: 300;
7466
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Pi.woff") format("woff");
7467
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7468
- }
7469
- @font-face {
7470
- font-display: "swap";
7471
- font-family: "IBM Plex Serif";
7472
- font-style: italic;
7473
- font-weight: 300;
7474
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin3.woff") format("woff");
7475
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7476
- }
7477
- @font-face {
7478
- font-display: "swap";
7479
- font-family: "IBM Plex Serif";
7480
- font-style: italic;
7481
- font-weight: 300;
7482
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin2.woff") format("woff");
7483
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7484
- }
7485
- @font-face {
7486
- font-display: "swap";
7487
- font-family: "IBM Plex Serif";
7488
- font-style: italic;
7489
- font-weight: 300;
7490
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin1.woff") format("woff");
7491
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7492
- }
7493
- @font-face {
7494
- font-display: "swap";
7495
- font-family: "IBM Plex Serif";
7496
- font-style: normal;
7497
- font-weight: 400;
7498
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Cyrillic.woff") format("woff");
7499
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7500
- }
7501
- @font-face {
7502
- font-display: "swap";
7503
- font-family: "IBM Plex Serif";
7504
- font-style: normal;
7505
- font-weight: 400;
7506
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Pi.woff") format("woff");
7507
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7508
- }
7509
- @font-face {
7510
- font-display: "swap";
7511
- font-family: "IBM Plex Serif";
7512
- font-style: normal;
7513
- font-weight: 400;
7514
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin3.woff") format("woff");
7515
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7516
- }
7517
- @font-face {
7518
- font-display: "swap";
7519
- font-family: "IBM Plex Serif";
7520
- font-style: normal;
7521
- font-weight: 400;
7522
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin2.woff") format("woff");
7523
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7524
- }
7525
- @font-face {
7526
- font-display: "swap";
7527
- font-family: "IBM Plex Serif";
7528
- font-style: normal;
7529
- font-weight: 400;
7530
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin1.woff") format("woff");
7531
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7532
- }
7533
- @font-face {
7534
- font-display: "swap";
7535
- font-family: "IBM Plex Serif";
7536
- font-style: italic;
7537
- font-weight: 400;
7538
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Cyrillic.woff") format("woff");
7539
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7540
- }
7541
- @font-face {
7542
- font-display: "swap";
7543
- font-family: "IBM Plex Serif";
7544
- font-style: italic;
7545
- font-weight: 400;
7546
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Pi.woff") format("woff");
7547
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7548
- }
7549
- @font-face {
7550
- font-display: "swap";
7551
- font-family: "IBM Plex Serif";
7552
- font-style: italic;
7553
- font-weight: 400;
7554
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin3.woff") format("woff");
7555
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7556
- }
7557
- @font-face {
7558
- font-display: "swap";
7559
- font-family: "IBM Plex Serif";
7560
- font-style: italic;
7561
- font-weight: 400;
7562
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin2.woff") format("woff");
7563
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7564
- }
7565
- @font-face {
7566
- font-display: "swap";
7567
- font-family: "IBM Plex Serif";
7568
- font-style: italic;
7569
- font-weight: 400;
7570
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin1.woff") format("woff");
7571
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7572
- }
7573
- @font-face {
7574
- font-display: "swap";
7575
- font-family: "IBM Plex Serif";
7576
- font-style: normal;
7577
- font-weight: 600;
7578
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Cyrillic.woff") format("woff");
7579
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7580
- }
7581
- @font-face {
7582
- font-display: "swap";
7583
- font-family: "IBM Plex Serif";
7584
- font-style: normal;
7585
- font-weight: 600;
7586
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Pi.woff") format("woff");
7587
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7588
- }
7589
- @font-face {
7590
- font-display: "swap";
7591
- font-family: "IBM Plex Serif";
7592
- font-style: normal;
7593
- font-weight: 600;
7594
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin3.woff") format("woff");
7595
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7596
- }
7597
- @font-face {
7598
- font-display: "swap";
7599
- font-family: "IBM Plex Serif";
7600
- font-style: normal;
7601
- font-weight: 600;
7602
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin2.woff") format("woff");
7603
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7604
- }
7605
- @font-face {
7606
- font-display: "swap";
7607
- font-family: "IBM Plex Serif";
7608
- font-style: normal;
7609
- font-weight: 600;
7610
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin1.woff") format("woff");
7611
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7612
- }
7613
- @font-face {
7614
- font-display: "swap";
7615
- font-family: "IBM Plex Serif";
7616
- font-style: italic;
7617
- font-weight: 600;
7618
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff") format("woff");
7619
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7620
- }
7621
- @font-face {
7622
- font-display: "swap";
7623
- font-family: "IBM Plex Serif";
7624
- font-style: italic;
7625
- font-weight: 600;
7626
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Pi.woff") format("woff");
7627
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7628
- }
7629
- @font-face {
7630
- font-display: "swap";
7631
- font-family: "IBM Plex Serif";
7632
- font-style: italic;
7633
- font-weight: 600;
7634
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin3.woff") format("woff");
7635
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7636
- }
7637
- @font-face {
7638
- font-display: "swap";
7639
- font-family: "IBM Plex Serif";
7640
- font-style: italic;
7641
- font-weight: 600;
7642
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin2.woff") format("woff");
7643
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7644
- }
7645
- @font-face {
7646
- font-display: "swap";
7647
- font-family: "IBM Plex Serif";
7648
- font-style: italic;
7649
- font-weight: 600;
7650
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin1.woff") format("woff");
7651
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7652
- }
7653
7021
  :root {
7654
7022
  --cds-grid-gutter: 2rem;
7655
7023
  --cds-grid-columns: 4;
@@ -9350,8 +8718,11 @@ em {
9350
8718
  }
9351
8719
 
9352
8720
  .cds--white {
9353
- background: var(--cds-background);
8721
+ background-color: var(--cds-background);
9354
8722
  color: var(--cds-text-primary);
8723
+ --cds-ai-gradient-end: rgba(255, 255, 255, 0);
8724
+ --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
8725
+ --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
9355
8726
  --cds-background: #ffffff;
9356
8727
  --cds-background-active: rgba(141, 141, 141, 0.5);
9357
8728
  --cds-background-brand: #0f62fe;
@@ -9431,6 +8802,23 @@ em {
9431
8802
  --cds-shadow: rgba(0, 0, 0, 0.3);
9432
8803
  --cds-skeleton-background: #e8e8e8;
9433
8804
  --cds-skeleton-element: #c6c6c6;
8805
+ --cds-slug-background: #525252;
8806
+ --cds-slug-background-hover: #6f6f6f;
8807
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
8808
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
8809
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
8810
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
8811
+ --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
8812
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
8813
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
8814
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
8815
+ --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
8816
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
8817
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
8818
+ --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
8819
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
8820
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
8821
+ --cds-slug-hollow-hover: #474747;
9434
8822
  --cds-support-caution-major: #ff832b;
9435
8823
  --cds-support-caution-minor: #f1c21b;
9436
8824
  --cds-support-caution-undefined: #8a3ffc;
@@ -9524,8 +8912,11 @@ em {
9524
8912
  }
9525
8913
 
9526
8914
  .cds--g10 {
9527
- background: var(--cds-background);
8915
+ background-color: var(--cds-background);
9528
8916
  color: var(--cds-text-primary);
8917
+ --cds-ai-gradient-end: rgba(255, 255, 255, 0);
8918
+ --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
8919
+ --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
9529
8920
  --cds-background: #f4f4f4;
9530
8921
  --cds-background-active: rgba(141, 141, 141, 0.5);
9531
8922
  --cds-background-brand: #0f62fe;
@@ -9605,6 +8996,23 @@ em {
9605
8996
  --cds-shadow: rgba(0, 0, 0, 0.3);
9606
8997
  --cds-skeleton-background: #e8e8e8;
9607
8998
  --cds-skeleton-element: #c6c6c6;
8999
+ --cds-slug-background: #525252;
9000
+ --cds-slug-background-hover: #6f6f6f;
9001
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
9002
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
9003
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
9004
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
9005
+ --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
9006
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
9007
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
9008
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
9009
+ --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
9010
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
9011
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
9012
+ --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
9013
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
9014
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
9015
+ --cds-slug-hollow-hover: #474747;
9608
9016
  --cds-support-caution-major: #ff832b;
9609
9017
  --cds-support-caution-minor: #f1c21b;
9610
9018
  --cds-support-caution-undefined: #8a3ffc;
@@ -9698,8 +9106,10 @@ em {
9698
9106
  }
9699
9107
 
9700
9108
  .cds--g90 {
9701
- background: var(--cds-background);
9109
+ background-color: var(--cds-background);
9702
9110
  color: var(--cds-text-primary);
9111
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
9112
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
9703
9113
  --cds-background: #262626;
9704
9114
  --cds-background-active: rgba(141, 141, 141, 0.4);
9705
9115
  --cds-background-brand: #0f62fe;
@@ -9779,6 +9189,21 @@ em {
9779
9189
  --cds-shadow: rgba(0, 0, 0, 0.8);
9780
9190
  --cds-skeleton-background: #333333;
9781
9191
  --cds-skeleton-element: #525252;
9192
+ --cds-slug-background: #c6c6c6;
9193
+ --cds-slug-background-hover: #e0e0e0;
9194
+ --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
9195
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9196
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9197
+ --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
9198
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9199
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9200
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9201
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9202
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9203
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9204
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9205
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9206
+ --cds-slug-hollow-hover: #b5b5b5;
9782
9207
  --cds-support-caution-major: #ff832b;
9783
9208
  --cds-support-caution-minor: #f1c21b;
9784
9209
  --cds-support-caution-undefined: #a56eff;
@@ -9871,8 +9296,10 @@ em {
9871
9296
  }
9872
9297
 
9873
9298
  .cds--g100 {
9874
- background: var(--cds-background);
9299
+ background-color: var(--cds-background);
9875
9300
  color: var(--cds-text-primary);
9301
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
9302
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
9876
9303
  --cds-background: #161616;
9877
9304
  --cds-background-active: rgba(141, 141, 141, 0.4);
9878
9305
  --cds-background-brand: #0f62fe;
@@ -9952,6 +9379,21 @@ em {
9952
9379
  --cds-shadow: rgba(0, 0, 0, 0.8);
9953
9380
  --cds-skeleton-background: #292929;
9954
9381
  --cds-skeleton-element: #393939;
9382
+ --cds-slug-background: #c6c6c6;
9383
+ --cds-slug-background-hover: #e0e0e0;
9384
+ --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
9385
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9386
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9387
+ --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
9388
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9389
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9390
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9391
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9392
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9393
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9394
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9395
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9396
+ --cds-slug-hollow-hover: #b5b5b5;
9955
9397
  --cds-support-caution-major: #ff832b;
9956
9398
  --cds-support-caution-minor: #f1c21b;
9957
9399
  --cds-support-caution-undefined: #a56eff;
@@ -10084,7 +9526,6 @@ em {
10084
9526
  display: list-item;
10085
9527
  overflow: visible;
10086
9528
  border-block-start: 1px solid var(--cds-border-subtle);
10087
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10088
9529
  }
10089
9530
  .cds--accordion__item:last-child {
10090
9531
  border-block-end: 1px solid var(--cds-border-subtle);
@@ -10127,29 +9568,13 @@ em {
10127
9568
  .cds--accordion__heading::-moz-focus-inner {
10128
9569
  border: 0;
10129
9570
  }
10130
- .cds--accordion__heading:hover::before, .cds--accordion__heading:focus::before {
10131
- position: absolute;
10132
- block-size: calc(100% + 2px);
10133
- content: "";
10134
- inline-size: 100%;
10135
- inset-block-start: -1px;
10136
- inset-inline-start: 0;
10137
- }
10138
- .cds--accordion__heading:hover::before {
9571
+ .cds--accordion__heading:hover {
10139
9572
  background-color: var(--cds-layer-hover);
10140
9573
  }
10141
9574
  .cds--accordion__heading:focus {
9575
+ box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
10142
9576
  outline: none;
10143
9577
  }
10144
- .cds--accordion__heading:focus::before {
10145
- box-sizing: border-box;
10146
- border: 2px solid var(--cds-focus, #0f62fe);
10147
- }
10148
- @media screen and (prefers-contrast) {
10149
- .cds--accordion__heading:focus::before {
10150
- border-style: dotted;
10151
- }
10152
- }
10153
9578
 
10154
9579
  .cds--accordion__heading[disabled] {
10155
9580
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -10195,10 +9620,17 @@ li.cds--accordion__item--disabled:last-of-type {
10195
9620
  text-align: start;
10196
9621
  }
10197
9622
 
9623
+ .cds--accordion__wrapper {
9624
+ padding: 0;
9625
+ max-block-size: 0;
9626
+ opacity: 0;
9627
+ transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);
9628
+ writing-mode: horizontal-tb;
9629
+ }
9630
+
10198
9631
  .cds--accordion__content {
10199
- display: none;
9632
+ overflow: hidden;
10200
9633
  padding-inline: var(--cds-layout-density-padding-inline-local);
10201
- transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
10202
9634
  }
10203
9635
  @media (min-width: 480px) {
10204
9636
  .cds--accordion__content {
@@ -10238,46 +9670,14 @@ li.cds--accordion__item--disabled:last-of-type {
10238
9670
  display: block;
10239
9671
  }
10240
9672
 
10241
- @keyframes collapse-accordion {
10242
- 0% {
10243
- block-size: 100%;
10244
- opacity: 1;
10245
- visibility: inherit;
10246
- }
10247
- 100% {
10248
- block-size: 0;
10249
- opacity: 0;
10250
- visibility: hidden;
10251
- }
9673
+ .cds--accordion__item--active {
9674
+ overflow: visible;
10252
9675
  }
10253
- @keyframes expand-accordion {
10254
- 0% {
10255
- block-size: 0;
10256
- opacity: 0;
10257
- visibility: hidden;
10258
- }
10259
- 100% {
10260
- block-size: 100%;
10261
- opacity: 1;
10262
- visibility: inherit;
10263
- }
10264
- }
10265
- .cds--accordion__item--collapsing .cds--accordion__content {
10266
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion;
10267
- }
10268
-
10269
- .cds--accordion__item--expanding .cds--accordion__content {
10270
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion;
10271
- }
10272
-
10273
- .cds--accordion__item--active {
10274
- overflow: visible;
10275
- }
10276
- .cds--accordion__item--active .cds--accordion__content {
10277
- display: block;
9676
+ .cds--accordion__item--active .cds--accordion__wrapper {
9677
+ max-block-size: fit-content;
9678
+ opacity: 1;
10278
9679
  padding-block: 0.5rem;
10279
9680
  padding-block-end: 1.5rem;
10280
- transition: padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;
10281
9681
  }
10282
9682
  .cds--accordion__item--active .cds--accordion__arrow {
10283
9683
  fill: var(--cds-icon-primary, #161616);
@@ -10536,7 +9936,7 @@ li.cds--accordion__item--disabled:last-of-type {
10536
9936
  will-change: transform;
10537
9937
  }
10538
9938
 
10539
- .cds--popover--open > .cds--popover > .cds--popover-caret {
9939
+ .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
10540
9940
  display: block;
10541
9941
  }
10542
9942
 
@@ -11361,6 +10761,12 @@ li.cds--accordion__item--disabled:last-of-type {
11361
10761
  box-shadow: none;
11362
10762
  }
11363
10763
 
10764
+ .cds--btn-set .cds--btn.cds--btn--loading {
10765
+ border-color: transparent;
10766
+ background-color: transparent;
10767
+ box-shadow: none;
10768
+ }
10769
+
11364
10770
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
11365
10771
  .cds--btn:focus {
11366
10772
  color: Highlight;
@@ -12652,6 +12058,21 @@ fieldset[disabled] .cds--form__helper-text {
12652
12058
  transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);
12653
12059
  }
12654
12060
 
12061
+ .cds--checkbox-group--slug legend.cds--label,
12062
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text {
12063
+ display: flex;
12064
+ }
12065
+
12066
+ .cds--checkbox-group--slug legend.cds--label .cds--slug,
12067
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug {
12068
+ margin-inline-start: 0.5rem;
12069
+ }
12070
+
12071
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline {
12072
+ line-height: inherit;
12073
+ margin-block-start: -0.0625rem;
12074
+ }
12075
+
12655
12076
  .cds--copy-btn {
12656
12077
  position: relative;
12657
12078
  display: flex;
@@ -13962,6 +13383,28 @@ fieldset[disabled] .cds--form__helper-text {
13962
13383
  border-block-end-color: var(--cds-border-subtle);
13963
13384
  }
13964
13385
 
13386
+ .cds--text-input__field-wrapper .cds--slug {
13387
+ position: absolute;
13388
+ inset-block-start: 50%;
13389
+ inset-inline-end: 1rem;
13390
+ transform: translateY(-50%);
13391
+ }
13392
+
13393
+ .cds--text-input__field-wrapper--slug .cds--text-input {
13394
+ 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%);
13395
+ padding-inline-end: 2.5rem;
13396
+ }
13397
+
13398
+ .cds--text-input--invalid:has(~ .cds--slug),
13399
+ .cds--text-input--warning:has(~ .cds--slug) {
13400
+ padding-inline-end: 4rem;
13401
+ }
13402
+
13403
+ .cds--text-input--invalid ~ .cds--slug,
13404
+ .cds--text-input--warning ~ .cds--slug {
13405
+ inset-inline-end: 2.5rem;
13406
+ }
13407
+
13965
13408
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
13966
13409
  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
13967
13410
  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
@@ -14287,6 +13730,19 @@ fieldset[disabled] .cds--form__helper-text {
14287
13730
  }
14288
13731
  }
14289
13732
 
13733
+ .cds--tag .cds--slug .cds--slug__button--inline {
13734
+ color: currentColor;
13735
+ margin-inline-start: 0.0625rem;
13736
+ }
13737
+
13738
+ .cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before {
13739
+ background-color: currentColor;
13740
+ }
13741
+
13742
+ .cds--tag .cds--slug .cds--slug__button--inline:hover {
13743
+ border-color: currentColor;
13744
+ }
13745
+
14290
13746
  /* stylelint-disable */
14291
13747
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
14292
13748
  .cds--tag {
@@ -14621,7 +14077,7 @@ fieldset[disabled] .cds--form__helper-text {
14621
14077
 
14622
14078
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty,
14623
14079
  .cds--list-box--warning .cds--list-box__field .cds--text-input--empty {
14624
- padding-inline-end: carbon--mini-units(9);
14080
+ padding-inline-end: 4rem;
14625
14081
  }
14626
14082
 
14627
14083
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon,
@@ -14663,7 +14119,7 @@ fieldset[disabled] .cds--form__helper-text {
14663
14119
  block-size: 1.5rem;
14664
14120
  cursor: pointer;
14665
14121
  inline-size: 1.5rem;
14666
- inset-inline-end: 1rem;
14122
+ inset-inline-end: 0.75rem;
14667
14123
  outline: none;
14668
14124
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
14669
14125
  }
@@ -15128,6 +14584,52 @@ fieldset[disabled] .cds--form__helper-text {
15128
14584
  text-overflow: ellipsis;
15129
14585
  }
15130
14586
 
14587
+ .cds--list-box__wrapper--slug .cds--slug {
14588
+ position: absolute;
14589
+ inset-block-start: 50%;
14590
+ inset-inline-end: 2.5rem;
14591
+ transform: translateY(-50%);
14592
+ }
14593
+
14594
+ .cds--list-box__wrapper--slug .cds--list-box {
14595
+ 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%);
14596
+ }
14597
+
14598
+ .cds--list-box__wrapper--slug .cds--list-box__field,
14599
+ .cds--list-box__wrapper--slug .cds--text-input--empty {
14600
+ padding-inline-end: 4rem;
14601
+ }
14602
+
14603
+ .cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
14604
+ padding-inline-end: 6rem;
14605
+ }
14606
+
14607
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
14608
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,
14609
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,
14610
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {
14611
+ padding-inline-end: 6rem;
14612
+ }
14613
+
14614
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
14615
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
14616
+ padding-inline-end: 7.5rem;
14617
+ }
14618
+
14619
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,
14620
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug {
14621
+ inset-inline-end: 4rem;
14622
+ }
14623
+
14624
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
14625
+ inset-inline-end: 4rem;
14626
+ }
14627
+
14628
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
14629
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
14630
+ inset-inline-end: 5.5rem;
14631
+ }
14632
+
15131
14633
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
15132
14634
  .cds--list-box__field,
15133
14635
  .cds--list-box__menu,
@@ -15222,6 +14724,7 @@ fieldset[disabled] .cds--form__helper-text {
15222
14724
  max-inline-size: 18rem;
15223
14725
  min-inline-size: 10rem;
15224
14726
  opacity: 0;
14727
+ overflow-y: auto;
15225
14728
  visibility: hidden;
15226
14729
  }
15227
14730
  .cds--menu *,
@@ -15262,7 +14765,7 @@ fieldset[disabled] .cds--form__helper-text {
15262
14765
  display: grid;
15263
14766
  align-items: center;
15264
14767
  block-size: 2rem;
15265
- color: var(--cds-text-primary, #161616);
14768
+ color: var(--cds-text-secondary, #525252);
15266
14769
  column-gap: 0.5rem;
15267
14770
  cursor: pointer;
15268
14771
  grid-template-columns: 1fr max-content;
@@ -15278,9 +14781,16 @@ fieldset[disabled] .cds--form__helper-text {
15278
14781
  outline-style: dotted;
15279
14782
  }
15280
14783
  }
14784
+ .cds--menu-item svg {
14785
+ color: var(--cds-icon-secondary, #525252);
14786
+ }
15281
14787
 
15282
14788
  .cds--menu-item:hover {
15283
14789
  background-color: var(--cds-layer-hover);
14790
+ color: var(--cds-text-primary, #161616);
14791
+ }
14792
+ .cds--menu-item:hover svg {
14793
+ color: var(--cds-icon-primary, #161616);
15284
14794
  }
15285
14795
 
15286
14796
  .cds--menu--xs .cds--menu-item {
@@ -15373,15 +14883,15 @@ fieldset[disabled] .cds--form__helper-text {
15373
14883
  }
15374
14884
 
15375
14885
  .cds--combo-button__container--sm .cds--combo-button__primary-action {
15376
- min-inline-size: 7.9375rem;
14886
+ min-inline-size: 9.9375rem;
15377
14887
  }
15378
14888
 
15379
14889
  .cds--combo-button__container--md .cds--combo-button__primary-action {
15380
- min-inline-size: 7.4375rem;
14890
+ min-inline-size: 9.4375rem;
15381
14891
  }
15382
14892
 
15383
14893
  .cds--combo-button__container--lg .cds--combo-button__primary-action {
15384
- min-inline-size: 6.9375rem;
14894
+ min-inline-size: 8.9375rem;
15385
14895
  }
15386
14896
 
15387
14897
  .cds--combo-button__primary-action .cds--btn {
@@ -16199,6 +15709,21 @@ fieldset[disabled] .cds--form__helper-text {
16199
15709
  margin-inline-start: 0.5rem;
16200
15710
  }
16201
15711
 
15712
+ .cds--radio-button-group--slug legend.cds--label,
15713
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text {
15714
+ display: flex;
15715
+ }
15716
+
15717
+ .cds--radio-button-group--slug legend.cds--label .cds--slug,
15718
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug {
15719
+ margin-inline-start: 0.5rem;
15720
+ }
15721
+
15722
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline {
15723
+ line-height: inherit;
15724
+ margin-block-start: -0.0625rem;
15725
+ }
15726
+
16202
15727
  .cds--data-table-container {
16203
15728
  position: relative;
16204
15729
  padding-block-start: 0.125rem;
@@ -16220,7 +15745,7 @@ fieldset[disabled] .cds--form__helper-text {
16220
15745
  }
16221
15746
 
16222
15747
  .cds--data-table-header {
16223
- background: var(--cds-layer);
15748
+ background-color: var(--cds-layer);
16224
15749
  padding-block-end: 1.5rem;
16225
15750
  padding-block-start: 1rem;
16226
15751
  padding-inline: 1rem;
@@ -16287,13 +15812,13 @@ fieldset[disabled] .cds--form__helper-text {
16287
15812
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
16288
15813
  }
16289
15814
 
16290
- .cds--data-table tbody tr:hover {
16291
- background: var(--cds-layer-hover);
15815
+ .cds--data-table tbody tr:not([data-child-row]):hover,
15816
+ .cds--data-table tbody tr[data-child-row]:hover > td {
15817
+ background-color: var(--cds-layer-hover);
16292
15818
  }
16293
15819
 
16294
15820
  .cds--data-table tbody tr:hover td,
16295
15821
  .cds--data-table tbody tr:hover th {
16296
- background: var(--cds-layer-hover);
16297
15822
  border-block-end: 1px solid var(--cds-layer-hover);
16298
15823
  border-block-start: 1px solid var(--cds-layer-hover);
16299
15824
  color: var(--cds-text-primary, #161616);
@@ -16369,7 +15894,6 @@ fieldset[disabled] .cds--form__helper-text {
16369
15894
 
16370
15895
  .cds--data-table td,
16371
15896
  .cds--data-table tbody th {
16372
- background: var(--cds-layer);
16373
15897
  border-block-end: 1px solid var(--cds-border-subtle);
16374
15898
  border-block-start: 1px solid var(--cds-layer);
16375
15899
  color: var(--cds-text-secondary, #525252);
@@ -16472,17 +15996,23 @@ fieldset[disabled] .cds--form__helper-text {
16472
15996
  }
16473
15997
 
16474
15998
  .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {
16475
- background-color: var(--cds-layer-accent);
16476
15999
  border-block-end: 1px solid var(--cds-layer-accent);
16477
16000
  border-block-start: 1px solid var(--cds-layer-accent);
16478
16001
  }
16479
16002
 
16003
+ .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):nth-child(even) {
16004
+ background-color: var(--cds-layer-accent);
16005
+ }
16006
+
16480
16007
  .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
16481
- background-color: var(--cds-layer-hover);
16482
16008
  border-block-end: 1px solid var(--cds-layer-hover);
16483
16009
  border-block-start: 1px solid var(--cds-layer-hover);
16484
16010
  }
16485
16011
 
16012
+ .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {
16013
+ background-color: var(--cds-layer-hover);
16014
+ }
16015
+
16486
16016
  .cds--table-column-checkbox .cds--checkbox-label {
16487
16017
  min-block-size: 1.5rem;
16488
16018
  padding-inline-start: 0;
@@ -16498,7 +16028,7 @@ fieldset[disabled] .cds--form__helper-text {
16498
16028
 
16499
16029
  .cds--data-table th.cds--table-column-checkbox {
16500
16030
  position: static;
16501
- background: var(--cds-layer-accent);
16031
+ background-color: var(--cds-layer-accent);
16502
16032
  inline-size: 2rem;
16503
16033
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
16504
16034
  }
@@ -16570,12 +16100,16 @@ fieldset[disabled] .cds--form__helper-text {
16570
16100
 
16571
16101
  .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,
16572
16102
  tr.cds--data-table--selected td {
16573
- background-color: var(--cds-layer-selected);
16574
16103
  border-block-end: 1px solid var(--cds-layer-active);
16575
16104
  border-block-start: 1px solid var(--cds-layer-selected);
16576
16105
  color: var(--cds-text-primary, #161616);
16577
16106
  }
16578
16107
 
16108
+ .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected,
16109
+ tr.cds--data-table--selected {
16110
+ background-color: var(--cds-layer-selected);
16111
+ }
16112
+
16579
16113
  .cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,
16580
16114
  tr.cds--data-table--selected:first-of-type td {
16581
16115
  border-block-start: 1px solid var(--cds-border-subtle-selected);
@@ -16598,12 +16132,16 @@ tr.cds--data-table--selected:last-of-type td {
16598
16132
 
16599
16133
  .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
16600
16134
  .cds--data-table tbody .cds--data-table--selected:hover td {
16601
- background: var(--cds-layer-selected-hover);
16602
16135
  border-block-end: 1px solid var(--cds-layer-selected-hover);
16603
16136
  border-block-start: 1px solid var(--cds-layer-selected-hover);
16604
16137
  color: var(--cds-text-primary, #161616);
16605
16138
  }
16606
16139
 
16140
+ .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,
16141
+ .cds--data-table tbody .cds--data-table--selected:hover {
16142
+ background-color: var(--cds-layer-selected-hover);
16143
+ }
16144
+
16607
16145
  .cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {
16608
16146
  opacity: 1;
16609
16147
  }
@@ -16900,6 +16438,39 @@ tr.cds--data-table--selected:last-of-type td {
16900
16438
  margin: -0.1875rem 0;
16901
16439
  }
16902
16440
 
16441
+ .cds--data-table .cds--table-column-slug {
16442
+ inline-size: 1rem;
16443
+ padding-inline-end: 0;
16444
+ }
16445
+
16446
+ .cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
16447
+ 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%);
16448
+ background-attachment: fixed;
16449
+ }
16450
+
16451
+ .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
16452
+ .cds--data-table thead th:has(> .cds--table-header-label--slug) {
16453
+ 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%);
16454
+ }
16455
+
16456
+ .cds--table-column-slug .cds--slug {
16457
+ position: absolute;
16458
+ transform: translateY(-50%);
16459
+ }
16460
+
16461
+ .cds--data-table--xl .cds--table-column-slug .cds--slug {
16462
+ transform: translateY(1px);
16463
+ }
16464
+
16465
+ th .cds--table-header-label.cds--table-header-label--slug {
16466
+ display: flex;
16467
+ align-items: center;
16468
+ }
16469
+
16470
+ th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
16471
+ margin-inline-start: 0.5rem;
16472
+ }
16473
+
16903
16474
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16904
16475
  .cds--data-table-content {
16905
16476
  outline: 1px solid transparent;
@@ -17923,7 +17494,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
17923
17494
  background-color: var(--cds-layer-hover);
17924
17495
  padding-block-end: 0;
17925
17496
  padding-block-start: 0;
17926
- transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17497
+ transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
17927
17498
  }
17928
17499
 
17929
17500
  tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child-row-inner-container {
@@ -17932,13 +17503,22 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child
17932
17503
  }
17933
17504
 
17934
17505
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] {
17935
- transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17506
+ transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
17936
17507
  }
17937
17508
 
17938
17509
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
17939
17510
  border-block-end: 1px solid var(--cds-border-subtle);
17940
17511
  padding-inline-start: 3.5rem;
17941
- transition: padding-bottom 110ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
17512
+ transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17513
+ }
17514
+
17515
+ tbody:has(> tr.cds--parent-row--slug) > tr.cds--expandable-row[data-child-row] td,
17516
+ tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
17517
+ padding-inline-start: 5.5rem;
17518
+ }
17519
+
17520
+ tbody:has(> tr.cds--parent-row--slug):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
17521
+ padding-inline-start: 7.5rem;
17942
17522
  }
17943
17523
 
17944
17524
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
@@ -17962,7 +17542,7 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-i
17962
17542
  tr.cds--parent-row:not(.cds--expandable-row) td,
17963
17543
  tr.cds--parent-row.cds--expandable-row td,
17964
17544
  tr.cds--parent-row.cds--expandable-row {
17965
- transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
17545
+ transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
17966
17546
  }
17967
17547
 
17968
17548
  tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {
@@ -18016,6 +17596,11 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
18016
17596
  padding-inline-start: 0.375rem;
18017
17597
  }
18018
17598
 
17599
+ .cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {
17600
+ border-block-end: 1px solid transparent;
17601
+ box-shadow: none;
17602
+ }
17603
+
18019
17604
  .cds--data-table th.cds--table-expand + .cds--table-column-checkbox + th,
18020
17605
  .cds--data-table td.cds--table-expand + .cds--table-column-checkbox + td {
18021
17606
  padding-inline-start: 0.5rem;
@@ -18104,7 +17689,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
18104
17689
 
18105
17690
  tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
18106
17691
  position: absolute;
18107
- background: var(--cds-layer-accent);
17692
+ background-color: var(--cds-layer-accent);
18108
17693
  block-size: 0.0625rem;
18109
17694
  content: "";
18110
17695
  inline-size: 0.5rem;
@@ -18114,7 +17699,7 @@ tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
18114
17699
 
18115
17700
  tr.cds--parent-row.cds--expandable-row:hover td.cds--table-expand + td::after,
18116
17701
  tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td.cds--table-expand + td::after {
18117
- background: var(--cds-layer-hover);
17702
+ background-color: var(--cds-layer-hover);
18118
17703
  }
18119
17704
 
18120
17705
  tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
@@ -18135,7 +17720,7 @@ tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
18135
17720
 
18136
17721
  .cds--data-table--zebra tr.cds--parent-row td,
18137
17722
  .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
18138
- transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17723
+ transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
18139
17724
  }
18140
17725
 
18141
17726
  .cds--data-table--zebra tbody tr[data-parent-row]:hover td,
@@ -18147,33 +17732,33 @@ tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
18147
17732
  }
18148
17733
 
18149
17734
  .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td {
18150
- background: var(--cds-layer-hover);
17735
+ background-color: var(--cds-layer-hover);
18151
17736
  border-block-end: 1px solid var(--cds-layer-hover);
18152
17737
  border-block-start: 1px solid var(--cds-layer-hover);
18153
17738
  }
18154
17739
 
17740
+ tr.cds--parent-row.cds--data-table--selected {
17741
+ background-color: var(--cds-layer-selected);
17742
+ }
17743
+
18155
17744
  tr.cds--parent-row.cds--data-table--selected:first-of-type td {
18156
- background: var(--cds-layer-selected);
18157
- border-block-end: 1px solid var(--cds-border-subtle);
18158
17745
  border-block-start: 1px solid var(--cds-layer-active);
18159
17746
  box-shadow: 0 1px var(--cds-layer-active);
18160
17747
  }
18161
17748
 
18162
17749
  tr.cds--parent-row.cds--data-table--selected td {
18163
- background: var(--cds-layer-selected);
18164
- border-block-end: 1px solid transparent;
17750
+ border-block-end: 1px solid var(--cds-layer-active);
18165
17751
  box-shadow: 0 1px var(--cds-layer-active);
18166
17752
  color: var(--cds-text-primary, #161616);
18167
17753
  }
18168
17754
 
18169
17755
  tr.cds--parent-row.cds--data-table--selected:last-of-type td {
18170
- background: var(--cds-layer-selected);
18171
17756
  border-block-end: 1px solid transparent;
18172
17757
  box-shadow: 0 1px var(--cds-border-subtle);
18173
17758
  }
18174
17759
 
18175
17760
  tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover td {
18176
- background: var(--cds-layer-selected-hover);
17761
+ background-color: var(--cds-layer-selected-hover);
18177
17762
  border-block-end: 1px solid var(--cds-border-subtle);
18178
17763
  border-block-start: 1px solid var(--cds-layer-selected-hover);
18179
17764
  box-shadow: 0 1px var(--cds-layer-selected-hover);
@@ -18189,7 +17774,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
18189
17774
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
18190
17775
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,
18191
17776
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td:first-of-type {
18192
- background: var(--cds-layer-selected-hover);
17777
+ background-color: var(--cds-layer-selected-hover);
18193
17778
  border-block-end: 1px solid transparent;
18194
17779
  border-block-start: 1px solid var(--cds-layer-selected-hover);
18195
17780
  box-shadow: 0 1px var(--cds-layer-selected-hover);
@@ -18210,7 +17795,22 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child
18210
17795
 
18211
17796
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] td,
18212
17797
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[data-child-row] td {
18213
- background: var(--cds-layer-selected);
17798
+ background-color: var(--cds-layer-selected);
17799
+ }
17800
+
17801
+ .cds--parent-row .cds--table-column-slug,
17802
+ .cds--parent-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
17803
+ box-shadow: none;
17804
+ }
17805
+
17806
+ .cds--parent-row.cds--expandable-row .cds--table-column-slug,
17807
+ .cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
17808
+ border-block-end: 1px solid transparent;
17809
+ }
17810
+
17811
+ .cds--parent-row--slug td,
17812
+ .cds--data-table tr.cds--parent-row--slug:hover td {
17813
+ border-block-start: 1px solid transparent;
18214
17814
  }
18215
17815
 
18216
17816
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -18556,6 +18156,11 @@ th .cds--table-sort__flex {
18556
18156
  margin-block-start: 0.8125rem;
18557
18157
  }
18558
18158
 
18159
+ .cds--table-sort__header--slug .cds--slug {
18160
+ margin-inline-end: auto;
18161
+ margin-inline-start: 0.5rem;
18162
+ }
18163
+
18559
18164
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
18560
18165
  .cds--table-sort__icon,
18561
18166
  .cds--table-sort__icon-unsorted {
@@ -19141,11 +18746,14 @@ th .cds--table-sort__flex {
19141
18746
  }
19142
18747
 
19143
18748
  .cds--date-picker-input__wrapper {
19144
- position: relative;
19145
18749
  display: flex;
19146
18750
  align-items: center;
19147
18751
  }
19148
18752
 
18753
+ .cds--date-picker-input__wrapper > span {
18754
+ position: relative;
18755
+ }
18756
+
19149
18757
  .cds--date-picker.cds--date-picker--simple .cds--date-picker__input,
19150
18758
  .cds--date-picker.cds--date-picker--simple .cds--label {
19151
18759
  inline-size: 7.5rem;
@@ -19268,7 +18876,6 @@ th .cds--table-sort__flex {
19268
18876
 
19269
18877
  .cds--date-picker__input:disabled ~ .cds--date-picker__icon {
19270
18878
  cursor: not-allowed;
19271
- fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
19272
18879
  }
19273
18880
 
19274
18881
  .cds--date-picker--range > .cds--date-picker-container:first-child {
@@ -19280,6 +18887,28 @@ th .cds--table-sort__flex {
19280
18887
  inline-size: 8.96875rem;
19281
18888
  }
19282
18889
 
18890
+ .cds--date-picker-input__wrapper--slug .cds--slug {
18891
+ position: absolute;
18892
+ inset-block-start: 50%;
18893
+ inset-inline-end: 2.5rem;
18894
+ transform: translateY(-50%);
18895
+ }
18896
+
18897
+ .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
18898
+ 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%);
18899
+ padding-inline-end: 4rem;
18900
+ }
18901
+
18902
+ .cds--date-picker__input[readonly] {
18903
+ background: transparent;
18904
+ border-block-end-color: var(--cds-border-subtle);
18905
+ cursor: text;
18906
+ }
18907
+
18908
+ .cds--date-picker__input[readonly] + .cds--date-picker__icon {
18909
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
18910
+ }
18911
+
19283
18912
  .cds--date-picker.cds--skeleton input,
19284
18913
  .cds--date-picker__input.cds--skeleton {
19285
18914
  position: relative;
@@ -19355,16 +18984,6 @@ th .cds--table-sort__flex {
19355
18984
  }
19356
18985
  }
19357
18986
 
19358
- .cds--date-picker__input[readonly] {
19359
- background: transparent;
19360
- border-block-end-color: var(--cds-border-subtle);
19361
- cursor: text;
19362
- }
19363
-
19364
- .cds--date-picker__input[readonly] + .cds--date-picker__icon {
19365
- fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
19366
- }
19367
-
19368
18987
  .cds--dropdown__wrapper--inline {
19369
18988
  display: inline-grid;
19370
18989
  align-items: center;
@@ -19933,6 +19552,7 @@ button.cds--dropdown-text:focus {
19933
19552
  .cds--loading--small {
19934
19553
  block-size: 1rem;
19935
19554
  inline-size: 1rem;
19555
+ line-height: 1rem;
19936
19556
  }
19937
19557
  .cds--loading--small circle {
19938
19558
  stroke-width: 16;
@@ -20150,7 +19770,7 @@ button.cds--dropdown-text:focus {
20150
19770
  display: grid;
20151
19771
  align-items: center;
20152
19772
  background-color: var(--cds-layer);
20153
- gap: 0.75rem 1rem;
19773
+ gap: 0.75rem 0;
20154
19774
  grid-auto-rows: auto;
20155
19775
  grid-template-columns: 1fr auto;
20156
19776
  margin-block-end: 0.5rem;
@@ -20180,14 +19800,69 @@ button.cds--dropdown-text:focus {
20180
19800
  text-overflow: ellipsis;
20181
19801
  white-space: nowrap;
20182
19802
  }
19803
+ .cds--file__selected-file .cds--file-filename-container-wrap {
19804
+ margin-block-start: 1px;
19805
+ max-inline-size: 17.5rem;
19806
+ padding-inline-start: 1rem;
19807
+ }
19808
+ @media (max-width: 410px) {
19809
+ .cds--file__selected-file .cds--file-filename-container-wrap {
19810
+ max-inline-size: 13.5rem;
19811
+ }
19812
+ }
19813
+ .cds--file__selected-file .cds--file-filename-container-wrap-invalid {
19814
+ max-inline-size: 15.5rem;
19815
+ }
19816
+ .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
19817
+ inline-size: -webkit-fill-available;
19818
+ padding-inline-start: 1rem;
19819
+ }
19820
+ @-moz-document url-prefix() {
19821
+ .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
19822
+ inline-size: -moz-available;
19823
+ }
19824
+ }
19825
+ .cds--file__selected-file .cds--file-filename-tooltip {
19826
+ inline-size: -webkit-fill-available;
19827
+ }
19828
+ @-moz-document url-prefix() {
19829
+ .cds--file__selected-file .cds--file-filename-tooltip {
19830
+ inline-size: -moz-available;
19831
+ }
19832
+ }
19833
+ .cds--file__selected-file .cds--file-filename-button {
19834
+ font-size: var(--cds-body-compact-01-font-size, 0.875rem);
19835
+ font-weight: var(--cds-body-compact-01-font-weight, 400);
19836
+ line-height: var(--cds-body-compact-01-line-height, 1.28572);
19837
+ letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
19838
+ overflow: hidden;
19839
+ padding: 0;
19840
+ border: none;
19841
+ background: none;
19842
+ color: inherit;
19843
+ cursor: pointer;
19844
+ font: inherit;
19845
+ inline-size: -webkit-fill-available;
19846
+ outline: inherit;
19847
+ text-overflow: ellipsis;
19848
+ white-space: nowrap;
19849
+ }
19850
+ @-moz-document url-prefix() {
19851
+ .cds--file__selected-file .cds--file-filename-button {
19852
+ inline-size: -moz-available;
19853
+ }
19854
+ }
19855
+ .cds--file__selected-file .cds--file-filename-button:focus {
19856
+ outline: revert;
19857
+ }
20183
19858
 
20184
19859
  .cds--file__selected-file--md {
20185
- gap: 0.5rem 1rem;
19860
+ gap: 0.5rem 0;
20186
19861
  min-block-size: 2.5rem;
20187
19862
  }
20188
19863
 
20189
19864
  .cds--file__selected-file--sm {
20190
- gap: 0.25rem 1rem;
19865
+ gap: 0.25rem 0;
20191
19866
  min-block-size: 2rem;
20192
19867
  }
20193
19868
 
@@ -20277,15 +19952,27 @@ button.cds--dropdown-text:focus {
20277
19952
  align-items: center;
20278
19953
  justify-content: center;
20279
19954
  min-inline-size: 1.5rem;
20280
- padding-inline-end: 1rem;
19955
+ padding-inline-end: 0.75rem;
20281
19956
  }
20282
19957
  .cds--file__state-container .cds--loading__svg {
20283
19958
  stroke: var(--cds-icon-primary, #161616);
20284
19959
  }
20285
19960
 
20286
- .cds--file__state-container .cds--file-complete {
20287
- fill: var(--cds-interactive, #0f62fe);
20288
- }
19961
+ .cds--file__state-container .cds--file-loading {
19962
+ display: flex;
19963
+ align-items: center;
19964
+ justify-content: center;
19965
+ padding: 0.25rem;
19966
+ border: none;
19967
+ background-color: transparent;
19968
+ block-size: 1rem;
19969
+ inline-size: 1.5rem;
19970
+ }
19971
+
19972
+ .cds--file__state-container .cds--file-complete {
19973
+ fill: var(--cds-interactive, #0f62fe);
19974
+ inline-size: 1.5rem;
19975
+ }
20289
19976
  .cds--file__state-container .cds--file-complete:focus {
20290
19977
  outline: 1px solid var(--cds-focus, #0f62fe);
20291
19978
  }
@@ -20479,7 +20166,7 @@ button.cds--dropdown-text:focus {
20479
20166
  }
20480
20167
 
20481
20168
  .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--list-box__menu {
20482
- inset-block-start: calc(100% + 0.1875rem);
20169
+ inset-block-start: calc(100% + 0.0625rem);
20483
20170
  }
20484
20171
 
20485
20172
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
@@ -20592,6 +20279,34 @@ button.cds--dropdown-text:focus {
20592
20279
  background: var(--cds-skeleton-element, #c6c6c6);
20593
20280
  }
20594
20281
 
20282
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug {
20283
+ inset-block-start: 2.625rem;
20284
+ }
20285
+
20286
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,
20287
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug {
20288
+ inset-inline-end: 2.5rem;
20289
+ }
20290
+
20291
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,
20292
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field {
20293
+ padding-inline-end: 4rem;
20294
+ }
20295
+
20296
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
20297
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty) {
20298
+ padding-inline-end: 5.5rem;
20299
+ }
20300
+
20301
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug,
20302
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug {
20303
+ inset-inline-end: 4rem;
20304
+ }
20305
+
20306
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
20307
+ padding-inline-end: 6rem;
20308
+ }
20309
+
20595
20310
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
20596
20311
  overflow: visible;
20597
20312
  padding: 0;
@@ -20599,7 +20314,8 @@ button.cds--dropdown-text:focus {
20599
20314
 
20600
20315
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {
20601
20316
  overflow: hidden;
20602
- padding: 2.0625rem 4rem 0.8125rem 1rem;
20317
+ padding-block: 2.0625rem 0.8125rem;
20318
+ padding-inline: 1rem 4rem;
20603
20319
  text-overflow: ellipsis;
20604
20320
  transition: none;
20605
20321
  white-space: nowrap;
@@ -20661,6 +20377,10 @@ button.cds--dropdown-text:focus {
20661
20377
  white-space: nowrap;
20662
20378
  }
20663
20379
 
20380
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper > span {
20381
+ inline-size: 100%;
20382
+ }
20383
+
20664
20384
  .cds--date-picker--fluid .cds--date-picker-input__wrapper .cds--date-picker__input {
20665
20385
  padding: 2rem 1rem 0.8125rem;
20666
20386
  background: transparent;
@@ -20890,6 +20610,20 @@ button.cds--dropdown-text:focus {
20890
20610
  border-inline-start-color: var(--cds-border-subtle);
20891
20611
  }
20892
20612
 
20613
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug {
20614
+ inset-block-start: 2.6875rem;
20615
+ }
20616
+
20617
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug {
20618
+ 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%);
20619
+ }
20620
+
20621
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
20622
+ .cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
20623
+ .cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
20624
+ padding-inline-end: 4rem;
20625
+ }
20626
+
20893
20627
  .cds--multi-select .cds--list-box__field--wrapper {
20894
20628
  display: inline-flex;
20895
20629
  align-items: center;
@@ -21208,21 +20942,6 @@ button.cds--dropdown-text:focus {
21208
20942
  .cds--number__control-btn::-moz-focus-inner {
21209
20943
  border: 0;
21210
20944
  }
21211
- .cds--number__control-btn::before, .cds--number__control-btn::after {
21212
- position: absolute;
21213
- display: block;
21214
- background-color: var(--cds-field);
21215
- block-size: 2.25rem;
21216
- content: "";
21217
- inline-size: 0.125rem;
21218
- inset-block-start: 0.125rem;
21219
- }
21220
- .cds--number__control-btn::before {
21221
- inset-inline-start: 0;
21222
- }
21223
- .cds--number__control-btn::after {
21224
- inset-inline-end: 0;
21225
- }
21226
20945
  .cds--number__control-btn svg {
21227
20946
  fill: currentColor;
21228
20947
  }
@@ -21242,12 +20961,6 @@ button.cds--dropdown-text:focus {
21242
20961
  color: var(--cds-icon-primary, #161616);
21243
20962
  cursor: pointer;
21244
20963
  }
21245
- .cds--number__control-btn:hover::before, .cds--number__control-btn:hover::after {
21246
- background-color: var(--cds-field-hover);
21247
- }
21248
- .cds--number__control-btn:focus::before, .cds--number__control-btn:focus::after, .cds--number__control-btn:hover:focus::before, .cds--number__control-btn:hover:focus::after {
21249
- background-color: transparent;
21250
- }
21251
20964
  .cds--number__control-btn:disabled {
21252
20965
  border-block-end-color: transparent;
21253
20966
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -21262,46 +20975,37 @@ button.cds--dropdown-text:focus {
21262
20975
  order: 2;
21263
20976
  }
21264
20977
 
21265
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
21266
- border-block-end-color: transparent;
20978
+ .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn {
20979
+ border-block-end-color: var(--cds-support-error, #da1e28);
21267
20980
  }
21268
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21269
- outline: 2px solid var(--cds-focus, #0f62fe);
21270
- outline-offset: -2px;
20981
+
20982
+ .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
20983
+ border-block-end-color: var(--cds-focus, #0f62fe);
20984
+ box-shadow: inset 0 2px var(--cds-focus, #0f62fe), inset 0 -1px var(--cds-focus, #0f62fe);
21271
20985
  }
21272
- @media screen and (prefers-contrast) {
21273
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21274
- outline-style: dotted;
21275
- }
20986
+
20987
+ .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
20988
+ box-shadow: inset 0 2px var(--cds-focus, #0f62fe), inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);
21276
20989
  }
21277
20990
 
21278
- .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn {
21279
- border-block-end-color: transparent;
20991
+ .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
20992
+ box-shadow: inset 0 2px var(--cds-support-error, #da1e28), inset 0 -1px var(--cds-support-error, #da1e28), inset -2px 0 var(--cds-support-error, #da1e28);
21280
20993
  }
21281
20994
 
21282
20995
  .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
21283
- outline: 2px solid var(--cds-support-error, #da1e28);
20996
+ box-shadow: inset 0 2px var(--cds-support-error, #da1e28), inset 0 -1px var(--cds-support-error, #da1e28);
20997
+ }
20998
+
20999
+ .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
21000
+ outline: 2px solid var(--cds-focus, #0f62fe);
21284
21001
  outline-offset: -2px;
21285
21002
  }
21286
21003
  @media screen and (prefers-contrast) {
21287
- .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
21004
+ .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
21288
21005
  outline-style: dotted;
21289
21006
  }
21290
21007
  }
21291
21008
 
21292
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21293
- background-color: transparent;
21294
- }
21295
-
21296
- .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21297
- background-color: var(--cds-support-error, #da1e28);
21298
- }
21299
-
21300
- .cds--number input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after,
21301
- .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn.up-icon:focus::after {
21302
- background-color: var(--cds-focus, #0f62fe);
21303
- }
21304
-
21305
21009
  .cds--number__rule-divider {
21306
21010
  position: absolute;
21307
21011
  z-index: 6000;
@@ -21382,30 +21086,6 @@ button.cds--dropdown-text:focus {
21382
21086
  opacity: 1;
21383
21087
  }
21384
21088
 
21385
- .cds--number--light input[type=number] {
21386
- background-color: var(--cds-field-02, #ffffff);
21387
- }
21388
-
21389
- .cds--number--light input[type=number]:disabled {
21390
- background-color: var(--cds-field-02, #ffffff);
21391
- }
21392
-
21393
- .cds--number--light .cds--number__control-btn::before,
21394
- .cds--number--light .cds--number__control-btn::after {
21395
- background-color: var(--cds-field-02, #ffffff);
21396
- }
21397
-
21398
- .cds--number--light .cds--number__control-btn:focus::before,
21399
- .cds--number--light .cds--number__control-btn:focus::after {
21400
- background-color: transparent;
21401
- }
21402
-
21403
- .cds--number--light .cds--number__control-btn:hover,
21404
- .cds--number--light .cds--number__control-btn:not(:focus):hover::before,
21405
- .cds--number--light .cds--number__control-btn:not(:focus):hover::after {
21406
- background-color: var(--cds-layer-hover-02, #e8e8e8);
21407
- }
21408
-
21409
21089
  .cds--number--lg input[type=number] {
21410
21090
  block-size: 3rem;
21411
21091
  }
@@ -21417,9 +21097,6 @@ button.cds--dropdown-text:focus {
21417
21097
  .cds--number--lg .cds--number__control-btn {
21418
21098
  inline-size: 3rem;
21419
21099
  }
21420
- .cds--number--lg .cds--number__control-btn::before, .cds--number--lg .cds--number__control-btn::after {
21421
- block-size: 2.75rem;
21422
- }
21423
21100
 
21424
21101
  .cds--number--sm input[type=number] {
21425
21102
  block-size: 2rem;
@@ -21432,9 +21109,6 @@ button.cds--dropdown-text:focus {
21432
21109
  .cds--number--sm .cds--number__control-btn {
21433
21110
  inline-size: 2rem;
21434
21111
  }
21435
- .cds--number--sm .cds--number__control-btn::before, .cds--number--sm .cds--number__control-btn::after {
21436
- block-size: 1.75rem;
21437
- }
21438
21112
 
21439
21113
  .cds--number--nolabel .cds--label + .cds--form__helper-text {
21440
21114
  margin-block-start: 0;
@@ -21461,23 +21135,38 @@ button.cds--dropdown-text:focus {
21461
21135
  background-color: transparent;
21462
21136
  cursor: pointer;
21463
21137
  }
21464
- .cds--number--readonly .cds--number__control-btn:hover::before, .cds--number--readonly .cds--number__control-btn:hover::after {
21465
- background-color: transparent;
21466
- }
21467
21138
 
21468
21139
  .cds--number--readonly input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21469
21140
  outline: none;
21470
21141
  }
21471
21142
 
21472
- .cds--number--readonly .cds--number__control-btn::before,
21473
- .cds--number--readonly .cds--number__control-btn::after {
21474
- background: transparent;
21475
- }
21476
-
21477
21143
  .cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type) {
21478
21144
  background-color: var(--cds-border-subtle);
21479
21145
  }
21480
21146
 
21147
+ .cds--number__input-wrapper--slug .cds--slug {
21148
+ position: absolute;
21149
+ inset-block-start: 50%;
21150
+ inset-inline-end: 5.5rem;
21151
+ transform: translateY(-50%);
21152
+ }
21153
+
21154
+ .cds--number__input-wrapper--slug input[data-invalid] ~ .cds--slug,
21155
+ .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
21156
+ inset-inline-end: 7.5rem;
21157
+ }
21158
+
21159
+ .cds--number .cds--number__input-wrapper--slug input[data-invalid],
21160
+ .cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
21161
+ padding-inline-end: 9rem;
21162
+ }
21163
+
21164
+ .cds--number__input-wrapper--slug input[type=number],
21165
+ .cds--number__input-wrapper--slug input[type=number]:disabled {
21166
+ 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%);
21167
+ padding-inline-end: 7rem;
21168
+ }
21169
+
21481
21170
  .cds--number.cds--skeleton {
21482
21171
  position: relative;
21483
21172
  padding: 0;
@@ -21511,6 +21200,28 @@ button.cds--dropdown-text:focus {
21511
21200
  display: none;
21512
21201
  }
21513
21202
 
21203
+ /* stylelint-disable */
21204
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21205
+ .cds--number__control-btn:hover,
21206
+ .cds--number__control-btn:focus {
21207
+ color: Highlight;
21208
+ outline: 1px solid Highlight;
21209
+ }
21210
+ }
21211
+
21212
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21213
+ .cds--number__control-btn {
21214
+ outline: 1px solid transparent;
21215
+ }
21216
+ }
21217
+
21218
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21219
+ .cds--number__control-btn svg {
21220
+ fill: ButtonText;
21221
+ }
21222
+ }
21223
+
21224
+ /* stylelint-enable */
21514
21225
  .cds--number-input--fluid {
21515
21226
  position: relative;
21516
21227
  background: var(--cds-field);
@@ -21559,55 +21270,47 @@ button.cds--dropdown-text:focus {
21559
21270
  transform: translate(0);
21560
21271
  }
21561
21272
 
21562
- .cds--number-input--fluid .cds--number__control-btn,
21563
21273
  .cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
21564
- border-block-end: 1px solid transparent;
21274
+ border-block-end-color: var(--cds-focus, #0f62fe);
21275
+ box-shadow: inset 0 -1px var(--cds-focus, #0f62fe);
21565
21276
  }
21566
21277
 
21567
- .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21568
- outline: 2px solid var(--cds-focus, #0f62fe);
21569
- outline-offset: -2px;
21570
- }
21571
- @media screen and (prefers-contrast) {
21572
- .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21573
- outline-style: dotted;
21574
- }
21278
+ .cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
21279
+ box-shadow: inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);
21575
21280
  }
21576
21281
 
21577
- .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21578
- outline: 2px solid transparent;
21282
+ .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,
21283
+ .cds--number-input--fluid--invalid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
21284
+ border-block-end-color: transparent;
21285
+ box-shadow: none;
21579
21286
  }
21580
21287
 
21581
- .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover::before {
21582
- background: var(--cds-focus, #0f62fe);
21583
- block-size: 1px;
21584
- inline-size: 100%;
21585
- inset-block-end: 0;
21586
- inset-block-start: auto;
21587
- inset-inline-start: 0;
21288
+ .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type,
21289
+ .cds--number-input--fluid--invalid input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
21290
+ box-shadow: inset -2px 0 var(--cds-focus, #0f62fe);
21588
21291
  }
21589
21292
 
21590
- .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21591
- border-block-end: 1px solid var(--cds-focus, #0f62fe);
21592
- outline: none;
21293
+ .cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
21294
+ box-shadow: inset -2px 0 var(--cds-support-error, #da1e28);
21593
21295
  }
21594
21296
 
21595
- .cds--number-input--fluid input[type=number] ~ .cds--number__controls .cds--number__control-btn::after {
21596
- block-size: calc(100% - 0.0625rem);
21597
- inset-block-start: 0;
21297
+ .cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
21298
+ box-shadow: none;
21598
21299
  }
21599
21300
 
21600
- .cds--number-input--fluid.cds--number-input--fluid--focus input[type=number] ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21601
- background: var(--cds-focus, #0f62fe);
21301
+ .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21302
+ outline: 2px solid var(--cds-focus, #0f62fe);
21303
+ outline-offset: -2px;
21602
21304
  }
21603
-
21604
- .cds--number-input--fluid input[type=number] ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21605
- block-size: 100%;
21305
+ @media screen and (prefers-contrast) {
21306
+ .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21307
+ outline-style: dotted;
21308
+ }
21606
21309
  }
21607
21310
 
21608
- .cds--number-input--fluid.cds--number-input--fluid--focus input[type=number] ~ .cds--number__controls .cds--number__control-btn.up-icon:hover::after {
21609
- background-color: var(--cds-focus, #0f62fe);
21610
- block-size: 100%;
21311
+ .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21312
+ border-block-end: 1px solid var(--cds-focus, #0f62fe);
21313
+ outline: none;
21611
21314
  }
21612
21315
 
21613
21316
  .cds--number-input--fluid--invalid input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,
@@ -21700,6 +21403,25 @@ button.cds--dropdown-text:focus {
21700
21403
  background-color: transparent;
21701
21404
  }
21702
21405
 
21406
+ .cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug {
21407
+ inset-block-start: 2.6875rem;
21408
+ }
21409
+
21410
+ .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug,
21411
+ .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
21412
+ inset-inline-end: 5.5rem;
21413
+ }
21414
+
21415
+ .cds--number-input--fluid .cds--number__input-wrapper--slug input,
21416
+ .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid],
21417
+ .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
21418
+ padding-inline-end: 7.5rem;
21419
+ }
21420
+
21421
+ .cds--number-input--fluid .cds--number__input-wrapper--slug {
21422
+ 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%);
21423
+ }
21424
+
21703
21425
  .cds--search--fluid {
21704
21426
  block-size: 4rem;
21705
21427
  }
@@ -21945,7 +21667,7 @@ button.cds--dropdown-text:focus {
21945
21667
  }
21946
21668
 
21947
21669
  .cds--select__invalid-icon--warning path[fill] {
21948
- fill: var(--cds-icon-primary, #161616);
21670
+ fill: #000000;
21949
21671
  opacity: 1;
21950
21672
  }
21951
21673
 
@@ -22065,6 +21787,28 @@ optgroup.cds--select-optgroup:disabled,
22065
21787
  display: none;
22066
21788
  }
22067
21789
 
21790
+ .cds--select--slug .cds--slug {
21791
+ position: absolute;
21792
+ inset-block-start: 50%;
21793
+ inset-inline-end: 2.5rem;
21794
+ transform: translateY(-50%);
21795
+ }
21796
+
21797
+ .cds--select--slug .cds--select-input {
21798
+ 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%);
21799
+ padding-inline-end: 4rem;
21800
+ }
21801
+
21802
+ .cds--select--slug.cds--select--invalid .cds--select-input,
21803
+ .cds--select--slug.cds--select--warning .cds--select-input {
21804
+ padding-inline-end: 6rem;
21805
+ }
21806
+
21807
+ .cds--select--slug.cds--select--invalid .cds--slug,
21808
+ .cds--select--slug.cds--select--warning .cds--slug {
21809
+ inset-inline-end: 4rem;
21810
+ }
21811
+
22068
21812
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22069
21813
  .cds--select__arrow {
22070
21814
  fill: ButtonText;
@@ -22112,7 +21856,8 @@ optgroup.cds--select-optgroup:disabled,
22112
21856
 
22113
21857
  .cds--select--fluid .cds--select__arrow {
22114
21858
  block-size: 1rem;
22115
- inset-block-start: 2rem;
21859
+ inset-block-start: 2.125rem;
21860
+ inset-inline-end: 0.75rem;
22116
21861
  }
22117
21862
 
22118
21863
  .cds--select--fluid .cds--select__divider {
@@ -22213,6 +21958,15 @@ optgroup.cds--select-optgroup:disabled,
22213
21958
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
22214
21959
  }
22215
21960
 
21961
+ .cds--select--fluid .cds--select--slug .cds--slug {
21962
+ inset-block-start: 2.625rem;
21963
+ inset-inline-end: 2.5rem;
21964
+ }
21965
+
21966
+ .cds--select--fluid .cds--select--slug .cds--select-input {
21967
+ padding-inline-end: 4rem;
21968
+ }
21969
+
22216
21970
  .cds--text-area {
22217
21971
  box-sizing: border-box;
22218
21972
  padding: 0;
@@ -22326,8 +22080,36 @@ optgroup.cds--select-optgroup:disabled,
22326
22080
  border-block-end-color: var(--cds-border-subtle);
22327
22081
  }
22328
22082
 
22329
- .cds--text-area.cds--text-area--light:disabled {
22330
- background-color: var(--cds-field-02, #ffffff);
22083
+ .cds--text-area__wrapper--slug .cds--slug {
22084
+ position: absolute;
22085
+ inset-block-start: 0.75rem;
22086
+ inset-inline-end: 1rem;
22087
+ }
22088
+
22089
+ .cds--text-area__wrapper--slug .cds--slug.cds--slug--revert {
22090
+ inset-block-start: 0.25rem;
22091
+ inset-inline-end: 0.5rem;
22092
+ transform: translate(0);
22093
+ }
22094
+
22095
+ .cds--text-area__wrapper--slug .cds--text-area {
22096
+ 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%);
22097
+ padding-inline-end: 2.5rem;
22098
+ }
22099
+
22100
+ .cds--text-area--invalid:has(~ .cds--slug),
22101
+ .cds--text-area--warn:has(~ .cds--slug) {
22102
+ padding-inline-end: 4rem;
22103
+ }
22104
+
22105
+ .cds--text-area--invalid ~ .cds--slug,
22106
+ .cds--text-area--warn ~ .cds--slug {
22107
+ inset-inline-end: 2.5rem;
22108
+ }
22109
+
22110
+ .cds--text-area--invalid ~ .cds--slug.cds--slug--revert,
22111
+ .cds--text-area--warn ~ .cds--slug.cds--slug--revert {
22112
+ inset-inline-end: 2rem;
22331
22113
  }
22332
22114
 
22333
22115
  .cds--text-area.cds--skeleton {
@@ -22392,7 +22174,7 @@ optgroup.cds--select-optgroup:disabled,
22392
22174
  align-items: center;
22393
22175
  margin: 0;
22394
22176
  block-size: 1rem;
22395
- inline-size: calc(100% - 2rem);
22177
+ inline-size: auto;
22396
22178
  inset-block-start: 0.8125rem;
22397
22179
  inset-inline-start: 1rem;
22398
22180
  }
@@ -22532,6 +22314,15 @@ optgroup.cds--select-optgroup:disabled,
22532
22314
  inline-size: 80%;
22533
22315
  }
22534
22316
 
22317
+ .cds--text-area--fluid .cds--text-area__wrapper--slug {
22318
+ 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%);
22319
+ }
22320
+
22321
+ .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
22322
+ .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--slug {
22323
+ inset-inline-end: 1rem;
22324
+ }
22325
+
22535
22326
  .cds--text-input--fluid.cds--text-input-wrapper {
22536
22327
  position: relative;
22537
22328
  background: var(--cds-field);
@@ -22597,8 +22388,8 @@ optgroup.cds--select-optgroup:disabled,
22597
22388
  border-block-end: none;
22598
22389
  }
22599
22390
 
22600
- .cds--text-input--fluid .cds--text-input--invalid + .cds--text-input__divider,
22601
- .cds--text-input--fluid .cds--text-input--warning + .cds--text-input__divider {
22391
+ .cds--text-input--fluid .cds--text-input--invalid ~ .cds--text-input__divider,
22392
+ .cds--text-input--fluid .cds--text-input--warning ~ .cds--text-input__divider {
22602
22393
  display: block;
22603
22394
  border-style: solid;
22604
22395
  border-color: var(--cds-border-subtle);
@@ -22685,6 +22476,21 @@ optgroup.cds--select-optgroup:disabled,
22685
22476
  inset-inline-start: 1rem;
22686
22477
  }
22687
22478
 
22479
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--slug {
22480
+ inset-block-start: 2.625rem;
22481
+ }
22482
+
22483
+ .cds--text-input--fluid .cds--text-input--invalid ~ .cds--slug,
22484
+ .cds--text-input--fluid .cds--text-input--warning ~ .cds--slug {
22485
+ inset-inline-end: 1rem;
22486
+ }
22487
+
22488
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input,
22489
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--invalid,
22490
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--warning {
22491
+ padding-inline-end: 2.5rem;
22492
+ }
22493
+
22688
22494
  .cds--time-picker--fluid {
22689
22495
  background: var(--cds-field);
22690
22496
  }
@@ -22761,7 +22567,7 @@ optgroup.cds--select-optgroup:disabled,
22761
22567
  padding-block-start: 1.875rem;
22762
22568
  }
22763
22569
 
22764
- .cds--select--fluid:last-of-type .cds--select-input {
22570
+ .cds--time-picker--fluid .cds--select--fluid:last-of-type .cds--select-input {
22765
22571
  border-inline-end: 2px solid transparent;
22766
22572
  }
22767
22573
 
@@ -22926,6 +22732,16 @@ optgroup.cds--select-optgroup:disabled,
22926
22732
  stroke: var(--cds-interactive, #0f62fe);
22927
22733
  }
22928
22734
 
22735
+ .cds--btn .cds--inline-loading--btn {
22736
+ min-block-size: 0;
22737
+ }
22738
+ .cds--btn .cds--inline-loading--btn .cds--inline-loading__text {
22739
+ font-size: var(--cds-body-short-01-font-size, 0.875rem);
22740
+ font-weight: var(--cds-body-short-01-font-weight, 400);
22741
+ line-height: var(--cds-body-short-01-line-height, 1.28572);
22742
+ letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
22743
+ }
22744
+
22929
22745
  /* If IE11 Don't show check animation */
22930
22746
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
22931
22747
  .cds--inline-loading__checkmark-container {
@@ -23032,8 +22848,12 @@ optgroup.cds--select-optgroup:disabled,
23032
22848
  inset-inline-start: calc(-1 * 0.75rem);
23033
22849
  }
23034
22850
 
22851
+ .cds--menu-button__container {
22852
+ display: inline-block;
22853
+ }
22854
+
23035
22855
  .cds--menu-button__trigger:not(.cds--btn--ghost) {
23036
- min-inline-size: 10rem;
22856
+ min-inline-size: 12rem;
23037
22857
  }
23038
22858
 
23039
22859
  .cds--menu-button__trigger svg {
@@ -23144,7 +22964,6 @@ optgroup.cds--select-optgroup:disabled,
23144
22964
  .cds--modal-container {
23145
22965
  position: fixed;
23146
22966
  display: grid;
23147
- overflow: hidden;
23148
22967
  background-color: var(--cds-layer);
23149
22968
  block-size: 100%;
23150
22969
  grid-template-columns: 100%;
@@ -23191,8 +23010,8 @@ optgroup.cds--select-optgroup:disabled,
23191
23010
  font-weight: 400;
23192
23011
  grid-column: 1/-1;
23193
23012
  grid-row: 2/-2;
23194
- margin-block-end: 3rem;
23195
23013
  overflow-y: auto;
23014
+ padding-block-end: 3rem;
23196
23015
  padding-block-start: 0.5rem;
23197
23016
  padding-inline-end: 1rem;
23198
23017
  padding-inline-start: 1rem;
@@ -23343,20 +23162,32 @@ optgroup.cds--select-optgroup:disabled,
23343
23162
  }
23344
23163
  }
23345
23164
 
23346
- .cds--modal-scroll-content > *:last-child {
23347
- padding-block-end: 2rem;
23165
+ .cds--modal-scroll-content {
23166
+ border-block-end: 2px solid transparent;
23167
+ }
23168
+
23169
+ .cds--modal-scroll-content > *:last-child {
23170
+ padding-block-end: 1.5rem;
23348
23171
  }
23349
23172
 
23350
23173
  .cds--modal-content--overflow-indicator {
23174
+ position: absolute;
23175
+ background: var(--cds-layer);
23176
+ block-size: 3rem;
23177
+ grid-column: 1/-1;
23178
+ grid-row: 2/-2;
23179
+ inline-size: calc(100% - 1rem);
23180
+ inset-block-end: 0;
23181
+ inset-inline-start: 0;
23182
+ pointer-events: none;
23183
+ }
23184
+ .cds--modal-content--overflow-indicator::before {
23351
23185
  position: absolute;
23352
23186
  background-image: linear-gradient(to bottom, transparent, var(--cds-layer));
23353
23187
  block-size: 2rem;
23354
23188
  content: "";
23355
- grid-column: 1/-1;
23356
- grid-row: 2/-2;
23357
23189
  inline-size: 100%;
23358
- inset-block-end: 3rem;
23359
- inset-inline-start: 0;
23190
+ inset-block-start: -32px;
23360
23191
  pointer-events: none;
23361
23192
  }
23362
23193
 
@@ -23369,7 +23200,6 @@ optgroup.cds--select-optgroup:disabled,
23369
23200
  }
23370
23201
  .cds--modal-content:focus ~ .cds--modal-content--overflow-indicator {
23371
23202
  margin: 0 2px 2px;
23372
- inline-size: calc(100% - 4px);
23373
23203
  }
23374
23204
 
23375
23205
  @media screen and (-ms-high-contrast: active) {
@@ -23450,6 +23280,28 @@ optgroup.cds--select-optgroup:disabled,
23450
23280
  margin: 0;
23451
23281
  }
23452
23282
 
23283
+ .cds--modal--slug .cds--modal-container {
23284
+ 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);
23285
+ background-color: var(--cds-layer);
23286
+ }
23287
+
23288
+ .cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
23289
+ 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);
23290
+ background-color: var(--cds-layer);
23291
+ }
23292
+
23293
+ .cds--modal--slug .cds--slug {
23294
+ position: absolute;
23295
+ inset-block-start: 0;
23296
+ inset-inline-end: 0;
23297
+ }
23298
+
23299
+ .cds--modal-header > .cds--slug:has(+ .cds--modal-close),
23300
+ .cds--modal-header > .cds--modal-close ~ .cds--slug,
23301
+ .cds--modal--slug .cds--modal-container-body > .cds--slug {
23302
+ inset-inline-end: 3rem;
23303
+ }
23304
+
23453
23305
  /* stylelint-disable */
23454
23306
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
23455
23307
  .cds--modal-close__icon {
@@ -24337,6 +24189,10 @@ optgroup.cds--select-optgroup:disabled,
24337
24189
  padding: 0.9375rem 0;
24338
24190
  }
24339
24191
 
24192
+ .cds--actionable-notification__button-wrapper {
24193
+ display: flex;
24194
+ }
24195
+
24340
24196
  .cds--actionable-notification--toast .cds--actionable-notification__text-wrapper {
24341
24197
  padding: 0.9375rem 0 1.4375rem 0;
24342
24198
  }
@@ -25833,18 +25689,21 @@ span.cds--pagination__text.cds--pagination__items-count {
25833
25689
  position: relative;
25834
25690
  display: flex;
25835
25691
  align-items: center;
25692
+ gap: 1rem;
25836
25693
  user-select: none;
25837
25694
  }
25838
25695
 
25839
25696
  .cds--slider {
25840
25697
  position: relative;
25841
25698
  padding: 1rem 0;
25842
- margin: 0 1rem;
25843
25699
  cursor: pointer;
25844
25700
  inline-size: 100%;
25845
25701
  max-inline-size: 40rem;
25846
25702
  min-inline-size: 12.5rem;
25847
25703
  }
25704
+ .cds--slider-container--two-handles .cds--slider {
25705
+ margin-inline: 0.25rem;
25706
+ }
25848
25707
 
25849
25708
  .cds--slider__range-label {
25850
25709
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
@@ -25854,9 +25713,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25854
25713
  color: var(--cds-text-primary, #161616);
25855
25714
  white-space: nowrap;
25856
25715
  }
25857
- .cds--slider__range-label:last-of-type {
25858
- margin-inline-end: 1rem;
25859
- }
25860
25716
 
25861
25717
  .cds--slider__track {
25862
25718
  position: absolute;
@@ -25889,35 +25745,179 @@ span.cds--pagination__text.cds--pagination__items-count {
25889
25745
  transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
25890
25746
  }
25891
25747
 
25892
- .cds--slider__thumb {
25748
+ .cds--slider__thumb-wrapper {
25893
25749
  position: absolute;
25894
25750
  z-index: 3;
25751
+ block-size: 0.875rem;
25752
+ inline-size: 0.875rem;
25753
+ transform: translate(-50%, -50%);
25754
+ --cds-tooltip-padding-inline: 0.5rem;
25755
+ --cds-popover-offset: 0.5rem;
25756
+ }
25757
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper {
25758
+ transform: translate(50%, -50%);
25759
+ }
25760
+
25761
+ .cds--slider__thumb-wrapper--lower,
25762
+ .cds--slider__thumb-wrapper--upper {
25763
+ block-size: 24px;
25764
+ inline-size: 16px;
25765
+ --cds-popover-offset: var(--cds-popover-caret-height, 0.5rem);
25766
+ }
25767
+
25768
+ .cds--slider__thumb-wrapper--lower {
25769
+ transform: translate(-100%, -50%);
25770
+ }
25771
+ .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
25772
+ transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
25773
+ }
25774
+ .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
25775
+ inset-inline-end: 0;
25776
+ inset-inline-start: revert;
25777
+ transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25778
+ }
25779
+
25780
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower {
25781
+ transform: translate(100%, -50%);
25782
+ }
25783
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
25784
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
25785
+ }
25786
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
25787
+ transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25788
+ }
25789
+
25790
+ .cds--slider__thumb-wrapper--upper {
25791
+ transform: translate(0, -50%);
25792
+ }
25793
+ .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
25794
+ transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
25795
+ }
25796
+ .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
25797
+ inset-inline-start: 0;
25798
+ transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25799
+ }
25800
+
25801
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper {
25802
+ transform: translate(0, -50%);
25803
+ }
25804
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
25805
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
25806
+ }
25807
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
25808
+ transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25809
+ }
25810
+
25811
+ .cds--slider__thumb {
25812
+ position: absolute;
25895
25813
  border-radius: 50%;
25896
25814
  background: var(--cds-layer-selected-inverse, #161616);
25897
- block-size: 0.875rem;
25898
25815
  box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
25899
- inline-size: 0.875rem;
25816
+ inset: 0;
25900
25817
  outline: none;
25901
- transform: translate(-50%, -50%);
25902
25818
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
25903
25819
  }
25904
25820
  .cds--slider__thumb:hover {
25905
- transform: translate(-50%, -50%) scale(1.4286);
25821
+ transform: scale(1.4286);
25906
25822
  }
25907
25823
  .cds--slider__thumb:focus {
25908
25824
  background-color: var(--cds-interactive, #0f62fe);
25909
25825
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe), inset 0 0 0 3px var(--cds-layer);
25910
- transform: translate(-50%, -50%) scale(1.4286);
25826
+ transform: scale(1.4286);
25911
25827
  }
25912
25828
  .cds--slider__thumb:active {
25913
25829
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);
25914
- transform: translate(-50%, -50%) scale(1.4286);
25830
+ transform: scale(1.4286);
25831
+ }
25832
+
25833
+ .cds--slider__thumb-icon {
25834
+ fill: var(--cds-layer-selected-inverse, #161616);
25835
+ }
25836
+
25837
+ .cds--slider__thumb-icon--focus {
25838
+ display: none;
25839
+ fill: var(--cds-interactive, #0f62fe);
25840
+ }
25841
+
25842
+ .cds--slider__thumb--lower,
25843
+ .cds--slider__thumb--upper {
25844
+ position: absolute;
25845
+ /* stylelint-disable-next-line declaration-property-value-disallowed-list */
25846
+ border-radius: unset;
25847
+ background-color: transparent;
25848
+ box-shadow: none;
25849
+ inset: 0;
25850
+ transition: none;
25851
+ }
25852
+ .cds--slider__thumb--lower::before,
25853
+ .cds--slider__thumb--upper::before {
25854
+ position: absolute;
25855
+ z-index: -1;
25856
+ display: block;
25857
+ background: var(--cds-background, #ffffff);
25858
+ block-size: 0.125rem;
25859
+ content: "";
25860
+ inline-size: 0.375rem;
25861
+ inset-block-start: calc(50% - 0.0625rem);
25862
+ inset-inline-end: 0;
25863
+ }
25864
+ .cds--slider__thumb--lower:hover,
25865
+ .cds--slider__thumb--upper:hover {
25866
+ transform: none;
25867
+ }
25868
+ .cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
25869
+ .cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
25870
+ fill: var(--cds-text-secondary, #525252);
25871
+ }
25872
+ .cds--slider__thumb--lower:active,
25873
+ .cds--slider__thumb--upper:active {
25874
+ box-shadow: none;
25875
+ transform: none;
25876
+ }
25877
+ .cds--slider__thumb--lower:focus,
25878
+ .cds--slider__thumb--upper:focus {
25879
+ background-color: transparent;
25880
+ box-shadow: none;
25881
+ transform: none;
25882
+ }
25883
+ .cds--slider__thumb--lower:focus .cds--slider__thumb-icon,
25884
+ .cds--slider__thumb--upper:focus .cds--slider__thumb-icon {
25885
+ display: none;
25886
+ fill: var(--cds-interactive, #0f62fe);
25887
+ }
25888
+ .cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,
25889
+ .cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus {
25890
+ display: block;
25891
+ }
25892
+
25893
+ .cds--slider__thumb--lower:focus::before,
25894
+ .cds--slider__thumb--upper:focus::before {
25895
+ inline-size: 100%;
25896
+ }
25897
+
25898
+ .cds--slider__thumb--upper {
25899
+ transform: none;
25900
+ }
25901
+ .cds--slider__thumb--upper::before {
25902
+ inset-inline-end: auto;
25903
+ inset-inline-start: 0;
25904
+ }
25905
+ .cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
25906
+ transform: none;
25915
25907
  }
25916
25908
 
25917
25909
  .cds--slider__input {
25918
25910
  display: none;
25919
25911
  }
25920
25912
 
25913
+ .cds--slider-text-input-wrapper {
25914
+ position: relative;
25915
+ }
25916
+
25917
+ .cds--slider-text-input-wrapper--hidden {
25918
+ display: none;
25919
+ }
25920
+
25921
25921
  .cds--slider-text-input,
25922
25922
  .cds-slider-text-input {
25923
25923
  -moz-appearance: textfield;
@@ -25931,12 +25931,9 @@ span.cds--pagination__text.cds--pagination__items-count {
25931
25931
  display: none;
25932
25932
  }
25933
25933
 
25934
- .cds--slider-text-input--hidden {
25935
- display: none;
25936
- }
25937
-
25938
- .cds--slider__thumb:focus ~ .cds--slider__filled-track {
25939
- background-color: var(--cds-interactive, #0f62fe);
25934
+ .cds--slider__thumb:focus ~ .cds--slider__filled-track,
25935
+ .cds--slider__thumb-wrapper:focus-within ~ .cds--slider__filled-track {
25936
+ background-color: var(--cds-border-interactive, #0f62fe);
25940
25937
  }
25941
25938
 
25942
25939
  .cds--slider-text-input.cds--text-input--invalid,
@@ -25956,7 +25953,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25956
25953
  .cds--slider__validation-msg.cds--form-requirement {
25957
25954
  display: block;
25958
25955
  overflow: visible;
25959
- margin-block-start: 0;
25960
25956
  max-block-size: 100%;
25961
25957
  }
25962
25958
 
@@ -25988,114 +25984,547 @@ span.cds--pagination__text.cds--pagination__items-count {
25988
25984
  cursor: not-allowed;
25989
25985
  transform: translate(-50%, -50%);
25990
25986
  }
25991
- .cds--slider--disabled .cds--slider__thumb:focus {
25992
- background-color: var(--cds-border-disabled, #c6c6c6);
25993
- box-shadow: none;
25994
- outline: none;
25995
- transform: translate(-50%, -50%);
25987
+ .cds--slider--disabled .cds--slider__thumb:focus {
25988
+ background-color: var(--cds-border-disabled, #c6c6c6);
25989
+ box-shadow: none;
25990
+ outline: none;
25991
+ transform: translate(-50%, -50%);
25992
+ }
25993
+ .cds--slider--disabled .cds--slider__thumb:active {
25994
+ background: var(--cds-border-disabled, #c6c6c6);
25995
+ transform: translate(-50%, -50%);
25996
+ }
25997
+
25998
+ .cds--slider--disabled .cds--slider__track,
25999
+ .cds--slider--disabled .cds--slider__filled-track,
26000
+ .cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track {
26001
+ background-color: var(--cds-border-disabled, #c6c6c6);
26002
+ }
26003
+
26004
+ .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,
26005
+ .cds--slider--disabled ~ .cds--slider-text-input {
26006
+ border: none;
26007
+ background-color: var(--cds-field);
26008
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
26009
+ cursor: not-allowed;
26010
+ transition: none;
26011
+ }
26012
+ .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,
26013
+ .cds--slider--disabled ~ .cds--slider-text-input:active,
26014
+ .cds--slider--disabled ~ .cds--slider-text-input:focus,
26015
+ .cds--slider--disabled ~ .cds--slider-text-input:hover {
26016
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
26017
+ outline: none;
26018
+ }
26019
+
26020
+ .cds--slider--readonly {
26021
+ cursor: default;
26022
+ }
26023
+
26024
+ .cds--slider-container--readonly .cds--slider__thumb {
26025
+ block-size: 0;
26026
+ inline-size: 0;
26027
+ }
26028
+ .cds--slider-container--readonly .cds--slider__thumb::before, .cds--slider-container--readonly .cds--slider__thumb::after {
26029
+ display: none;
26030
+ }
26031
+
26032
+ .cds--slider-container--readonly .cds--slider-text-input {
26033
+ background-color: transparent;
26034
+ }
26035
+
26036
+ .cds--slider__status-msg.cds--form-requirement {
26037
+ display: block;
26038
+ overflow: visible;
26039
+ max-block-size: 100%;
26040
+ }
26041
+
26042
+ .cds--slider-container.cds--skeleton .cds--slider__range-label {
26043
+ position: relative;
26044
+ padding: 0;
26045
+ border: none;
26046
+ background: var(--cds-skeleton-background, #e8e8e8);
26047
+ box-shadow: none;
26048
+ pointer-events: none;
26049
+ block-size: 0.75rem;
26050
+ inline-size: 1.25rem;
26051
+ }
26052
+ .cds--slider-container.cds--skeleton .cds--slider__range-label:hover, .cds--slider-container.cds--skeleton .cds--slider__range-label:focus, .cds--slider-container.cds--skeleton .cds--slider__range-label:active {
26053
+ border: none;
26054
+ cursor: default;
26055
+ outline: none;
26056
+ }
26057
+ .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
26058
+ position: absolute;
26059
+ animation: 3000ms ease-in-out skeleton infinite;
26060
+ background: var(--cds-skeleton-element, #c6c6c6);
26061
+ block-size: 100%;
26062
+ content: "";
26063
+ inline-size: 100%;
26064
+ will-change: transform-origin, transform, opacity;
26065
+ }
26066
+ @media (prefers-reduced-motion: reduce) {
26067
+ .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
26068
+ animation: none;
26069
+ }
26070
+ }
26071
+
26072
+ .cds--slider-container.cds--skeleton .cds--slider__track {
26073
+ cursor: default;
26074
+ pointer-events: none;
26075
+ }
26076
+
26077
+ .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper {
26078
+ inset-inline-start: 50%;
26079
+ }
26080
+ .cds--slider-container.cds--skeleton .cds--slider__thumb {
26081
+ cursor: default;
26082
+ pointer-events: none;
26083
+ }
26084
+ .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower {
26085
+ inset-inline-start: 0;
26086
+ }
26087
+ .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper {
26088
+ inset-inline-start: 100%;
26089
+ }
26090
+
26091
+ /* stylelint-disable */
26092
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
26093
+ .cds--slider__thumb {
26094
+ outline: 1px solid transparent;
26095
+ }
26096
+ }
26097
+
26098
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
26099
+ .cds--slider__thumb:focus {
26100
+ color: Highlight;
26101
+ outline: 1px solid Highlight;
26102
+ }
26103
+ }
26104
+
26105
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
26106
+ .cds--slider__track {
26107
+ outline: 1px solid transparent;
26108
+ }
26109
+ }
26110
+
26111
+ /* stylelint-enable */
26112
+ .cds--toggletip-label {
26113
+ font-size: var(--cds-body-01-font-size, 0.875rem);
26114
+ font-weight: var(--cds-body-01-font-weight, 400);
26115
+ line-height: var(--cds-body-01-line-height, 1.42857);
26116
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
26117
+ color: var(--cds-text-secondary, #525252);
26118
+ margin-inline-end: 0.5rem;
26119
+ }
26120
+
26121
+ .cds--toggletip-button {
26122
+ box-sizing: border-box;
26123
+ padding: 0;
26124
+ border: 0;
26125
+ margin: 0;
26126
+ font-family: inherit;
26127
+ font-size: 100%;
26128
+ vertical-align: baseline;
26129
+ display: inline-block;
26130
+ padding: 0;
26131
+ border: 0;
26132
+ appearance: none;
26133
+ background: none;
26134
+ cursor: pointer;
26135
+ text-align: start;
26136
+ inline-size: 100%;
26137
+ display: flex;
26138
+ align-items: center;
26139
+ }
26140
+ .cds--toggletip-button *,
26141
+ .cds--toggletip-button *::before,
26142
+ .cds--toggletip-button *::after {
26143
+ box-sizing: inherit;
26144
+ }
26145
+ .cds--toggletip-button::-moz-focus-inner {
26146
+ border: 0;
26147
+ }
26148
+
26149
+ .cds--toggletip-button svg {
26150
+ fill: var(--cds-icon-secondary, #525252);
26151
+ }
26152
+
26153
+ .cds--toggletip-button:hover svg,
26154
+ .cds--toggletip--open .cds--toggletip-button svg {
26155
+ fill: var(--cds-icon-primary, #161616);
26156
+ }
26157
+
26158
+ .cds--toggletip-button:focus {
26159
+ outline: 1px solid var(--cds-focus, #0f62fe);
26160
+ }
26161
+ @media screen and (prefers-contrast) {
26162
+ .cds--toggletip-button:focus {
26163
+ outline-style: dotted;
26164
+ }
26165
+ }
26166
+
26167
+ .cds--toggletip {
26168
+ --cds-popover-offset: 0.8125rem;
26169
+ }
26170
+
26171
+ .cds--toggletip-content {
26172
+ --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
26173
+ --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
26174
+ --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
26175
+ --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
26176
+ font-size: var(--cds-body-01-font-size, 0.875rem);
26177
+ font-weight: var(--cds-body-01-font-weight, 400);
26178
+ line-height: var(--cds-body-01-line-height, 1.42857);
26179
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
26180
+ display: grid;
26181
+ padding: 1rem;
26182
+ max-inline-size: 18rem;
26183
+ row-gap: 1rem;
26184
+ }
26185
+
26186
+ .cds--toggletip-content p {
26187
+ font-size: var(--cds-body-01-font-size, 0.875rem);
26188
+ font-weight: var(--cds-body-01-font-weight, 400);
26189
+ line-height: var(--cds-body-01-line-height, 1.42857);
26190
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
26191
+ }
26192
+
26193
+ .cds--toggletip-actions {
26194
+ display: flex;
26195
+ align-items: center;
26196
+ justify-content: space-between;
26197
+ column-gap: 1rem;
26198
+ }
26199
+
26200
+ .cds--slug {
26201
+ display: flex;
26202
+ }
26203
+
26204
+ .cds--slug:has(> .cds--popover--open) {
26205
+ z-index: 2;
26206
+ }
26207
+
26208
+ .cds--slug .cds--slug__button {
26209
+ position: relative;
26210
+ display: flex;
26211
+ align-items: center;
26212
+ justify-content: center;
26213
+ color: var(--cds-text-inverse, #ffffff);
26214
+ font-weight: 600;
26215
+ transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
26216
+ }
26217
+ .cds--slug .cds--slug__button--mini {
26218
+ height: 1rem;
26219
+ width: 1rem;
26220
+ font-size: 0.5625rem;
26221
+ line-height: 0.75rem;
26222
+ background: var(--cds-slug-background, #525252);
26223
+ }
26224
+ .cds--slug .cds--slug__button--2xs {
26225
+ height: 1.25rem;
26226
+ width: 1.25rem;
26227
+ font-size: 0.75rem;
26228
+ line-height: 1rem;
26229
+ background: var(--cds-slug-background, #525252);
26230
+ }
26231
+ .cds--slug .cds--slug__button--xs {
26232
+ height: 1.5rem;
26233
+ width: 1.5rem;
26234
+ font-size: 0.75rem;
26235
+ line-height: 1rem;
26236
+ background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26237
+ }
26238
+ .cds--slug .cds--slug__button--sm {
26239
+ height: 2rem;
26240
+ width: 2rem;
26241
+ font-size: 1rem;
26242
+ line-height: 1.3125rem;
26243
+ background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26244
+ }
26245
+ .cds--slug .cds--slug__button--md {
26246
+ height: 2.5rem;
26247
+ width: 2.5rem;
26248
+ font-size: 1rem;
26249
+ line-height: 1.3125rem;
26250
+ background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26251
+ }
26252
+ .cds--slug .cds--slug__button--lg {
26253
+ height: 3rem;
26254
+ width: 3rem;
26255
+ font-size: 1rem;
26256
+ line-height: 1.3125rem;
26257
+ background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26258
+ }
26259
+ .cds--slug .cds--slug__button--xl {
26260
+ height: 4rem;
26261
+ width: 4rem;
26262
+ font-size: 1.25rem;
26263
+ line-height: 1.625rem;
26264
+ background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26265
+ }
26266
+
26267
+ .cds--slug .cds--slug__button:focus {
26268
+ box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
26269
+ outline: none;
26270
+ }
26271
+
26272
+ .cds--slug__text {
26273
+ position: relative;
26274
+ z-index: 1;
26275
+ }
26276
+
26277
+ .cds--slug__button::before {
26278
+ position: absolute;
26279
+ background: var(--cds-slug-gradient-hover, #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%));
26280
+ block-size: 100%;
26281
+ content: "";
26282
+ inline-size: 100%;
26283
+ opacity: 0;
26284
+ transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
26285
+ }
26286
+
26287
+ .cds--slug__button.cds--slug__button--mini::after,
26288
+ .cds--slug__button.cds--slug__button--2xs::after {
26289
+ position: absolute;
26290
+ block-size: 1.5rem;
26291
+ content: "";
26292
+ inline-size: 1.5rem;
26293
+ opacity: 0;
26294
+ }
26295
+
26296
+ .cds--slug__button:hover::before {
26297
+ opacity: 1;
26298
+ }
26299
+
26300
+ .cds--slug .cds--slug__button:focus::before {
26301
+ block-size: calc(100% - 6px);
26302
+ inline-size: calc(100% - 6px);
26303
+ }
26304
+
26305
+ .cds--slug__button.cds--slug__button--mini::before,
26306
+ .cds--slug__button.cds--slug__button--2xs::before {
26307
+ background: var(--cds-slug-background-hover, #6f6f6f);
26308
+ }
26309
+
26310
+ .cds--slug__button.cds--slug__button--mini:focus,
26311
+ .cds--slug__button.cds--slug__button--2xs:focus {
26312
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
26313
+ }
26314
+
26315
+ .cds--slug__button.cds--slug__button--mini:focus::before,
26316
+ .cds--slug__button.cds--slug__button--2xs:focus::before {
26317
+ block-size: calc(100% - 4px);
26318
+ inline-size: calc(100% - 4px);
26319
+ }
26320
+
26321
+ .cds--slug__button--hollow.cds--slug__button--sm,
26322
+ .cds--slug__button--hollow.cds--slug__button--md,
26323
+ .cds--slug__button--hollow.cds--slug__button--lg,
26324
+ .cds--slug__button--hollow.cds--slug__button--xl {
26325
+ block-size: 1.5rem;
26326
+ font-size: 0.75rem;
26327
+ inline-size: 1.5rem;
26328
+ line-height: 1rem;
26329
+ }
26330
+
26331
+ .cds--slug__button--hollow::before {
26332
+ display: none;
26333
+ }
26334
+
26335
+ .cds--slug .cds--slug__button--hollow {
26336
+ border: 1px solid var(--cds-border-inverse, #161616);
26337
+ background: transparent;
26338
+ color: var(--cds-text-primary, #161616);
26339
+ }
26340
+
26341
+ .cds--slug__button--hollow:hover {
26342
+ border-color: var(--cds-slug-hollow-hover, #474747);
26343
+ color: var(--cds-slug-hollow-hover, #474747);
26344
+ }
26345
+
26346
+ .cds--slug__button--hollow:focus {
26347
+ border-color: var(--cds-focus, #0f62fe);
26348
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
26349
+ }
26350
+
26351
+ .cds--slug .cds--slug__button--inline {
26352
+ border: 1px solid transparent;
26353
+ border-radius: 0.0625rem;
26354
+ background: transparent;
26355
+ block-size: initial;
26356
+ color: var(--cds-text-primary, #161616);
26357
+ font-size: 0.875rem;
26358
+ inline-size: initial;
26359
+ line-height: initial;
26360
+ padding-inline: 0.25rem;
26361
+ }
26362
+
26363
+ .cds--slug__button--inline::before {
26364
+ display: none;
26365
+ }
26366
+
26367
+ .cds--slug .cds--slug__button--inline:focus {
26368
+ border-color: var(--cds-focus, #0f62fe);
26369
+ box-shadow: none;
26370
+ }
26371
+
26372
+ .cds--slug .cds--slug__button--inline:hover {
26373
+ border-color: var(--cds-icon-secondary, #525252);
26374
+ color: var(--cds-text-secondary, #525252);
26375
+ }
26376
+
26377
+ .cds--slug .cds--slug__button--inline:focus:hover {
26378
+ border-color: var(--cds-focus, #0f62fe);
26379
+ }
26380
+
26381
+ .cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
26382
+ background: var(--cds-icon-secondary, #525252);
26383
+ }
26384
+
26385
+ .cds--slug--hollow .cds--slug__button--inline:hover .cds--slug__text::before {
26386
+ background: transparent;
26387
+ box-shadow: inset 0 0 0 1px var(--cds-icon-secondary, #525252);
26388
+ }
26389
+
26390
+ .cds--slug__button--inline .cds--slug__text {
26391
+ padding-inline-start: 0.5rem;
26392
+ }
26393
+
26394
+ .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text {
26395
+ padding-inline-start: 0.75rem;
26396
+ }
26397
+
26398
+ .cds--slug__button--inline .cds--slug__text::before {
26399
+ position: absolute;
26400
+ display: inline-block;
26401
+ background: var(--cds-icon-primary, #161616);
26402
+ block-size: 0.25rem;
26403
+ content: "";
26404
+ inline-size: 0.25rem;
26405
+ inset-block-start: 50%;
26406
+ inset-inline-start: 0;
26407
+ opacity: 1;
26408
+ transform: translateY(-50%);
26409
+ transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
26410
+ }
26411
+
26412
+ .cds--slug--hollow .cds--slug__text::before {
26413
+ background: transparent;
26414
+ block-size: 0.375rem;
26415
+ box-shadow: inset 0 0 0 1px var(--cds-icon-primary, #161616);
26416
+ inline-size: 0.375rem;
26417
+ }
26418
+
26419
+ .cds--slug--hollow .cds--slug__button--sm .cds--slug__text,
26420
+ .cds--slug--hollow .cds--slug__button--md .cds--slug__text {
26421
+ padding-inline-start: 0.5625rem;
26422
+ }
26423
+
26424
+ .cds--slug__button--lg .cds--slug__text::before,
26425
+ .cds--slug--hollow .cds--slug__button--lg .cds--slug__text::before {
26426
+ block-size: 0.5rem;
26427
+ inline-size: 0.5rem;
26428
+ }
26429
+
26430
+ .cds--slug__button--inline.cds--slug__button--mini,
26431
+ .cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,
26432
+ .cds--slug__button--inline.cds--slug__button--2xs,
26433
+ .cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,
26434
+ .cds--slug__button--inline.cds--slug__button--xs,
26435
+ .cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text,
26436
+ .cds--slug__button--inline.cds--slug__button--sm,
26437
+ .cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {
26438
+ font-size: 0.75rem;
25996
26439
  }
25997
- .cds--slider--disabled .cds--slider__thumb:active {
25998
- background: var(--cds-border-disabled, #c6c6c6);
25999
- transform: translate(-50%, -50%);
26440
+
26441
+ .cds--slug__button--inline.cds--slug__button--lg,
26442
+ .cds--slug__button--inline.cds--slug__button--xl {
26443
+ font-size: 1rem;
26000
26444
  }
26001
26445
 
26002
- .cds--slider--disabled .cds--slider__track,
26003
- .cds--slider--disabled .cds--slider__filled-track,
26004
- .cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track {
26005
- background-color: var(--cds-border-disabled, #c6c6c6);
26446
+ .cds--slug .cds--slug__button--inline-with-content {
26447
+ border: 1px solid var(--cds-border-inverse, #161616);
26448
+ padding-block: 0.125rem;
26449
+ padding-inline: 0.5rem;
26006
26450
  }
26007
26451
 
26008
- .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,
26009
- .cds--slider--disabled ~ .cds--slider-text-input {
26010
- border: none;
26011
- background-color: var(--cds-field);
26012
- color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
26013
- cursor: not-allowed;
26014
- transition: none;
26452
+ .cds--slug__button--inline-with-content .cds--slug__additional-text {
26453
+ font-size: var(--cds-body-compact-02-font-size, 1rem);
26454
+ font-weight: var(--cds-body-compact-02-font-weight, 400);
26455
+ line-height: var(--cds-body-compact-02-line-height, 1.375);
26456
+ letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
26457
+ padding-inline-start: 0.25rem;
26015
26458
  }
26016
- .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,
26017
- .cds--slider--disabled ~ .cds--slider-text-input:active,
26018
- .cds--slider--disabled ~ .cds--slider-text-input:focus,
26019
- .cds--slider--disabled ~ .cds--slider-text-input:hover {
26020
- color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
26021
- outline: none;
26459
+
26460
+ .cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
26461
+ font-size: 0.875rem;
26022
26462
  }
26023
26463
 
26024
- .cds--slider--readonly {
26025
- cursor: default;
26464
+ .cds--slug .cds--slug__button--inline-with-content:focus {
26465
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
26026
26466
  }
26027
26467
 
26028
- .cds--slider--readonly .cds--slider__thumb {
26029
- block-size: 0;
26030
- inline-size: 0;
26468
+ .cds--slug.cds--slug--hollow .cds--toggletip-content {
26469
+ row-gap: 0;
26031
26470
  }
26032
26471
 
26033
- .cds--slider--readonly ~ .cds--slider-text-input {
26034
- background-color: transparent;
26472
+ .cds--slug.cds--slug--enabled .cds--slug-content {
26473
+ 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);
26474
+ border: 1px solid var(--cds-border-subtle);
26475
+ border-radius: 16px;
26476
+ backdrop-filter: blur(25px);
26477
+ box-shadow: -45px 45px 100px rgba(0, 0, 0, 0.2);
26478
+ color: var(--cds-text-primary, #161616);
26479
+ min-inline-size: 17.5rem;
26035
26480
  }
26036
26481
 
26037
- .cds--slider-container.cds--skeleton .cds--slider__range-label {
26038
- position: relative;
26039
- padding: 0;
26040
- border: none;
26041
- background: var(--cds-skeleton-background, #e8e8e8);
26042
- box-shadow: none;
26043
- pointer-events: none;
26044
- block-size: 0.75rem;
26045
- inline-size: 1.25rem;
26482
+ .cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
26483
+ background: var(--cds-border-subtle);
26046
26484
  }
26047
- .cds--slider-container.cds--skeleton .cds--slider__range-label:hover, .cds--slider-container.cds--skeleton .cds--slider__range-label:focus, .cds--slider-container.cds--skeleton .cds--slider__range-label:active {
26048
- border: none;
26049
- cursor: default;
26050
- outline: none;
26485
+
26486
+ .cds--slug.cds--slug--enabled .cds--toggletip-content {
26487
+ max-inline-size: 20.875rem;
26488
+ padding-block-end: 5rem;
26489
+ padding-block-start: 2rem;
26490
+ padding-inline: 2rem;
26051
26491
  }
26052
- .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
26492
+
26493
+ .cds--slug.cds--slug--enabled .cds--slug-actions {
26053
26494
  position: absolute;
26054
- animation: 3000ms ease-in-out skeleton infinite;
26055
- background: var(--cds-skeleton-element, #c6c6c6);
26056
- block-size: 100%;
26057
- content: "";
26495
+ justify-content: flex-end;
26496
+ background: var(--cds-layer-accent);
26497
+ border-end-end-radius: 0.9375rem;
26498
+ border-end-start-radius: 0.9375rem;
26499
+ column-gap: 0;
26058
26500
  inline-size: 100%;
26059
- will-change: transform-origin, transform, opacity;
26060
- }
26061
- @media (prefers-reduced-motion: reduce) {
26062
- .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
26063
- animation: none;
26064
- }
26501
+ inset-block-end: 0;
26502
+ inset-inline-end: 0;
26065
26503
  }
26066
26504
 
26067
- .cds--slider-container.cds--skeleton .cds--slider__track {
26068
- cursor: default;
26069
- pointer-events: none;
26505
+ .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus {
26506
+ border-color: var(--cds-focus, #0f62fe);
26507
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
26070
26508
  }
26071
26509
 
26072
- .cds--slider-container.cds--skeleton .cds--slider__thumb {
26073
- cursor: default;
26074
- inset-inline-start: 50%;
26075
- pointer-events: none;
26510
+ .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
26511
+ order: 1;
26512
+ border-end-end-radius: 1rem;
26076
26513
  }
26077
26514
 
26078
- /* stylelint-disable */
26079
- @media screen and (-ms-high-contrast: active), (forced-colors: active) {
26080
- .cds--slider__thumb {
26081
- outline: 1px solid transparent;
26082
- }
26515
+ .cds--slug.cds--slug--revert {
26516
+ transform: translate(0.5rem, -50%);
26083
26517
  }
26084
26518
 
26085
- @media screen and (-ms-high-contrast: active), (forced-colors: active) {
26086
- .cds--slider__thumb:focus {
26087
- color: Highlight;
26088
- outline: 1px solid Highlight;
26089
- }
26519
+ .cds--slug--revert .cds--btn--icon-only {
26520
+ align-items: center;
26521
+ padding-block-start: 0;
26090
26522
  }
26091
26523
 
26092
- @media screen and (-ms-high-contrast: active), (forced-colors: active) {
26093
- .cds--slider__track {
26094
- outline: 1px solid transparent;
26095
- }
26524
+ .cds--slug--revert .cds--btn--icon-only svg {
26525
+ margin: 0;
26096
26526
  }
26097
26527
 
26098
- /* stylelint-enable */
26099
26528
  .cds--stack-horizontal {
26100
26529
  display: inline-grid;
26101
26530
  column-gap: var(--cds-stack-gap, 0);
@@ -26190,7 +26619,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26190
26619
  font-size: 100%;
26191
26620
  vertical-align: baseline;
26192
26621
  display: table;
26193
- background-color: transparent;
26622
+ background-color: var(--cds-layer) transparent;
26194
26623
  border-collapse: collapse;
26195
26624
  border-spacing: 0;
26196
26625
  inline-size: 100%;
@@ -27274,6 +27703,102 @@ span.cds--pagination__text.cds--pagination__items-count {
27274
27703
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
27275
27704
  }
27276
27705
 
27706
+ .cds--tile > .cds--slug,
27707
+ .cds--tile--expandable > div > .cds--slug,
27708
+ .cds--tile--clickable .cds--tile--slug-icon {
27709
+ position: absolute;
27710
+ inset-block-start: 1rem;
27711
+ inset-inline-end: 1rem;
27712
+ }
27713
+
27714
+ .cds--tile.cds--tile--selectable > .cds--slug {
27715
+ inset-inline-end: 2.5rem;
27716
+ }
27717
+
27718
+ .cds--tile.cds--tile--clickable > .cds--slug {
27719
+ pointer-events: none;
27720
+ }
27721
+
27722
+ .cds--tile--slug.cds--tile {
27723
+ 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);
27724
+ border: 1px solid var(--cds-border-tile);
27725
+ }
27726
+
27727
+ .cds--tile--slug.cds--tile--expandable:hover {
27728
+ 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);
27729
+ }
27730
+
27731
+ .cds--tile--slug.cds--tile--selectable::before,
27732
+ .cds--tile--slug.cds--tile--selectable::after,
27733
+ .cds--tile--slug.cds--tile--clickable::before {
27734
+ position: absolute;
27735
+ display: block;
27736
+ block-size: 100%;
27737
+ content: "";
27738
+ inline-size: 100%;
27739
+ inset-block-start: 0;
27740
+ inset-inline-start: 0;
27741
+ opacity: 0;
27742
+ transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
27743
+ }
27744
+
27745
+ .cds--tile--slug.cds--tile--selectable::before,
27746
+ .cds--tile--slug.cds--tile--clickable::before {
27747
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start-hover-01, rgba(255, 255, 255, 0.5)) 0%, var(--cds-slug-callout-aura-end-hover-01, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(0deg, var(--cds-slug-callout-aura-start-hover-02, rgba(208, 226, 255, 0.5)) 0%, var(--cds-slug-callout-aura-end-hover-02, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top-hover, rgba(224, 224, 224, 0.55)) 0%, var(--cds-slug-callout-gradient-bottom-hover, rgba(209, 209, 209, 0.55)) 100%) rgba(0, 0, 0, 0.01);
27748
+ }
27749
+
27750
+ .cds--tile--slug.cds--tile--selectable:hover::before,
27751
+ .cds--tile--slug.cds--tile--clickable:hover::before {
27752
+ opacity: 1;
27753
+ }
27754
+
27755
+ .cds--tile--slug.cds--tile--selectable::after {
27756
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start-selected, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end-selected, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top-selected, rgba(224, 224, 224, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom-selected, rgba(209, 209, 209, 0.85)) 100%) rgba(0, 0, 0, 0.01);
27757
+ }
27758
+
27759
+ .cds--tile--slug.cds--tile--is-selected::after {
27760
+ opacity: 1;
27761
+ }
27762
+
27763
+ .cds--tile--slug.cds--tile--is-selected {
27764
+ border-color: var(--cds-border-inverse, #161616);
27765
+ }
27766
+
27767
+ .cds--tile--slug.cds--tile--selectable .cds--tile-content,
27768
+ .cds--tile--slug.cds--tile--clickable .cds--tile-content {
27769
+ position: relative;
27770
+ z-index: 1;
27771
+ cursor: pointer;
27772
+ }
27773
+
27774
+ .cds--tile--slug.cds--tile--selectable > .cds--slug,
27775
+ .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
27776
+ z-index: 1;
27777
+ }
27778
+
27779
+ .cds--tile--expandable:has(.cds--slug > .cds--popover--open) {
27780
+ overflow: visible;
27781
+ }
27782
+
27783
+ .cds--tile--clickable .cds--tile--slug-icon rect {
27784
+ stroke: var(--cds-icon-primary, #161616);
27785
+ }
27786
+
27787
+ .cds--tile--clickable .cds--tile--slug-icon path {
27788
+ fill: var(--cds-icon-primary, #161616);
27789
+ }
27790
+
27791
+ .cds--tile--slug-rounded,
27792
+ .cds--tile--slug-rounded.cds--tile--selectable::before,
27793
+ .cds--tile--slug-rounded.cds--tile--selectable::after,
27794
+ .cds--tile--slug-rounded.cds--tile--clickable::before {
27795
+ border-radius: 1rem;
27796
+ }
27797
+
27798
+ .cds--tile--slug-rounded .cds--tile__chevron {
27799
+ border-end-end-radius: 1rem;
27800
+ }
27801
+
27277
27802
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
27278
27803
  .cds--tile__chevron svg,
27279
27804
  .cds--tile__checkmark svg,
@@ -27383,94 +27908,6 @@ span.cds--pagination__text.cds--pagination__items-count {
27383
27908
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
27384
27909
  }
27385
27910
 
27386
- .cds--toggletip-label {
27387
- font-size: var(--cds-body-01-font-size, 0.875rem);
27388
- font-weight: var(--cds-body-01-font-weight, 400);
27389
- line-height: var(--cds-body-01-line-height, 1.42857);
27390
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
27391
- color: var(--cds-text-secondary, #525252);
27392
- margin-inline-end: 0.5rem;
27393
- }
27394
-
27395
- .cds--toggletip-button {
27396
- box-sizing: border-box;
27397
- padding: 0;
27398
- border: 0;
27399
- margin: 0;
27400
- font-family: inherit;
27401
- font-size: 100%;
27402
- vertical-align: baseline;
27403
- display: inline-block;
27404
- padding: 0;
27405
- border: 0;
27406
- appearance: none;
27407
- background: none;
27408
- cursor: pointer;
27409
- text-align: start;
27410
- inline-size: 100%;
27411
- display: flex;
27412
- align-items: center;
27413
- }
27414
- .cds--toggletip-button *,
27415
- .cds--toggletip-button *::before,
27416
- .cds--toggletip-button *::after {
27417
- box-sizing: inherit;
27418
- }
27419
- .cds--toggletip-button::-moz-focus-inner {
27420
- border: 0;
27421
- }
27422
-
27423
- .cds--toggletip-button svg {
27424
- fill: var(--cds-icon-secondary, #525252);
27425
- }
27426
-
27427
- .cds--toggletip-button:hover svg,
27428
- .cds--toggletip--open .cds--toggletip-button svg {
27429
- fill: var(--cds-icon-primary, #161616);
27430
- }
27431
-
27432
- .cds--toggletip-button:focus {
27433
- outline: 1px solid var(--cds-focus, #0f62fe);
27434
- }
27435
- @media screen and (prefers-contrast) {
27436
- .cds--toggletip-button:focus {
27437
- outline-style: dotted;
27438
- }
27439
- }
27440
-
27441
- .cds--toggletip {
27442
- --cds-popover-offset: 0.8125rem;
27443
- }
27444
-
27445
- .cds--toggletip-content {
27446
- --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
27447
- --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
27448
- --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
27449
- --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
27450
- font-size: var(--cds-body-01-font-size, 0.875rem);
27451
- font-weight: var(--cds-body-01-font-weight, 400);
27452
- line-height: var(--cds-body-01-line-height, 1.42857);
27453
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
27454
- display: grid;
27455
- padding: 1rem;
27456
- max-inline-size: 18rem;
27457
- row-gap: 1rem;
27458
- }
27459
-
27460
- .cds--toggletip-content p {
27461
- font-size: var(--cds-body-01-font-size, 0.875rem);
27462
- font-weight: var(--cds-body-01-font-weight, 400);
27463
- line-height: var(--cds-body-01-line-height, 1.42857);
27464
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
27465
- }
27466
-
27467
- .cds--toggletip-actions {
27468
- display: flex;
27469
- align-items: center;
27470
- justify-content: space-between;
27471
- column-gap: 1rem;
27472
- }
27473
-
27474
27911
  .cds--toggle {
27475
27912
  display: inline-block;
27476
27913
  user-select: none;
@@ -28499,7 +28936,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
28499
28936
  }
28500
28937
 
28501
28938
  .cds--side-nav__item--large {
28502
- block-size: 3rem;
28939
+ block-size: auto;
28503
28940
  }
28504
28941
 
28505
28942
  .cds--side-nav__divider {
@@ -29515,7 +29952,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
29515
29952
  }
29516
29953
 
29517
29954
  .cds--side-nav__item--large {
29518
- block-size: 3rem;
29955
+ block-size: auto;
29519
29956
  }
29520
29957
 
29521
29958
  .cds--side-nav__divider {
@@ -29961,6 +30398,9 @@ a.cds--side-nav__link--current::before {
29961
30398
  }
29962
30399
 
29963
30400
  html {
30401
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
30402
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
30403
+ --cds-ai-gradient-start-02: transparent;
29964
30404
  --cds-background: #161616;
29965
30405
  --cds-background-active: rgba(141, 141, 141, 0.4);
29966
30406
  --cds-background-brand: #0f62fe;
@@ -30040,6 +30480,25 @@ html {
30040
30480
  --cds-shadow: rgba(0, 0, 0, 0.8);
30041
30481
  --cds-skeleton-background: #292929;
30042
30482
  --cds-skeleton-element: #393939;
30483
+ --cds-slug-background: #c6c6c6;
30484
+ --cds-slug-background-hover: #e0e0e0;
30485
+ --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
30486
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
30487
+ --cds-slug-callout-aura-end-hover-02: transparent;
30488
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
30489
+ --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
30490
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
30491
+ --cds-slug-callout-aura-start-hover-02: transparent;
30492
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
30493
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
30494
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
30495
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
30496
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
30497
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
30498
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
30499
+ --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
30500
+ --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
30501
+ --cds-slug-hollow-hover: #b5b5b5;
30043
30502
  --cds-support-caution-major: #ff832b;
30044
30503
  --cds-support-caution-minor: #f1c21b;
30045
30504
  --cds-support-caution-undefined: #a56eff;
@@ -30402,6 +30861,9 @@ html {
30402
30861
  }
30403
30862
 
30404
30863
  html[data-carbon-theme=white] {
30864
+ --cds-ai-gradient-end: rgba(255, 255, 255, 0);
30865
+ --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
30866
+ --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
30405
30867
  --cds-background: #ffffff;
30406
30868
  --cds-background-active: rgba(141, 141, 141, 0.5);
30407
30869
  --cds-background-brand: #0f62fe;
@@ -30481,6 +30943,25 @@ html[data-carbon-theme=white] {
30481
30943
  --cds-shadow: rgba(0, 0, 0, 0.3);
30482
30944
  --cds-skeleton-background: #e8e8e8;
30483
30945
  --cds-skeleton-element: #c6c6c6;
30946
+ --cds-slug-background: #525252;
30947
+ --cds-slug-background-hover: #6f6f6f;
30948
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
30949
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
30950
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
30951
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
30952
+ --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
30953
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
30954
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
30955
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
30956
+ --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
30957
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
30958
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
30959
+ --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
30960
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
30961
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
30962
+ --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
30963
+ --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
30964
+ --cds-slug-hollow-hover: #474747;
30484
30965
  --cds-support-caution-major: #ff832b;
30485
30966
  --cds-support-caution-minor: #f1c21b;
30486
30967
  --cds-support-caution-undefined: #8a3ffc;
@@ -30843,6 +31324,9 @@ html[data-carbon-theme=white] {
30843
31324
  }
30844
31325
 
30845
31326
  html[data-carbon-theme=g10] {
31327
+ --cds-ai-gradient-end: rgba(255, 255, 255, 0);
31328
+ --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
31329
+ --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
30846
31330
  --cds-background: #f4f4f4;
30847
31331
  --cds-background-active: rgba(141, 141, 141, 0.5);
30848
31332
  --cds-background-brand: #0f62fe;
@@ -30922,6 +31406,25 @@ html[data-carbon-theme=g10] {
30922
31406
  --cds-shadow: rgba(0, 0, 0, 0.3);
30923
31407
  --cds-skeleton-background: #e8e8e8;
30924
31408
  --cds-skeleton-element: #c6c6c6;
31409
+ --cds-slug-background: #525252;
31410
+ --cds-slug-background-hover: #6f6f6f;
31411
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
31412
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
31413
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
31414
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
31415
+ --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
31416
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
31417
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
31418
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
31419
+ --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
31420
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
31421
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
31422
+ --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
31423
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
31424
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
31425
+ --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
31426
+ --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
31427
+ --cds-slug-hollow-hover: #474747;
30925
31428
  --cds-support-caution-major: #ff832b;
30926
31429
  --cds-support-caution-minor: #f1c21b;
30927
31430
  --cds-support-caution-undefined: #8a3ffc;
@@ -31284,6 +31787,9 @@ html[data-carbon-theme=g10] {
31284
31787
  }
31285
31788
 
31286
31789
  html[data-carbon-theme=g90] {
31790
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
31791
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
31792
+ --cds-ai-gradient-start-02: transparent;
31287
31793
  --cds-background: #262626;
31288
31794
  --cds-background-active: rgba(141, 141, 141, 0.4);
31289
31795
  --cds-background-brand: #0f62fe;
@@ -31363,6 +31869,25 @@ html[data-carbon-theme=g90] {
31363
31869
  --cds-shadow: rgba(0, 0, 0, 0.8);
31364
31870
  --cds-skeleton-background: #333333;
31365
31871
  --cds-skeleton-element: #525252;
31872
+ --cds-slug-background: #c6c6c6;
31873
+ --cds-slug-background-hover: #e0e0e0;
31874
+ --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
31875
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
31876
+ --cds-slug-callout-aura-end-hover-02: transparent;
31877
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
31878
+ --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
31879
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
31880
+ --cds-slug-callout-aura-start-hover-02: transparent;
31881
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
31882
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
31883
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
31884
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
31885
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
31886
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
31887
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
31888
+ --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
31889
+ --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
31890
+ --cds-slug-hollow-hover: #b5b5b5;
31366
31891
  --cds-support-caution-major: #ff832b;
31367
31892
  --cds-support-caution-minor: #f1c21b;
31368
31893
  --cds-support-caution-undefined: #a56eff;
@@ -31725,6 +32250,9 @@ html[data-carbon-theme=g90] {
31725
32250
  }
31726
32251
 
31727
32252
  html[data-carbon-theme=g100] {
32253
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
32254
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
32255
+ --cds-ai-gradient-start-02: transparent;
31728
32256
  --cds-background: #161616;
31729
32257
  --cds-background-active: rgba(141, 141, 141, 0.4);
31730
32258
  --cds-background-brand: #0f62fe;
@@ -31804,6 +32332,25 @@ html[data-carbon-theme=g100] {
31804
32332
  --cds-shadow: rgba(0, 0, 0, 0.8);
31805
32333
  --cds-skeleton-background: #292929;
31806
32334
  --cds-skeleton-element: #393939;
32335
+ --cds-slug-background: #c6c6c6;
32336
+ --cds-slug-background-hover: #e0e0e0;
32337
+ --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
32338
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
32339
+ --cds-slug-callout-aura-end-hover-02: transparent;
32340
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
32341
+ --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
32342
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
32343
+ --cds-slug-callout-aura-start-hover-02: transparent;
32344
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
32345
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
32346
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
32347
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
32348
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
32349
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
32350
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
32351
+ --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
32352
+ --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
32353
+ --cds-slug-hollow-hover: #b5b5b5;
31807
32354
  --cds-support-caution-major: #ff832b;
31808
32355
  --cds-support-caution-minor: #f1c21b;
31809
32356
  --cds-support-caution-undefined: #a56eff;