carbon-components-angular 5.22.0 → 5.23.0

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 (74) hide show
  1. package/docs/documentation/components/DatePicker.html +61 -75
  2. package/docs/documentation/components/PopoverContent.html +215 -11
  3. package/docs/documentation/components/Toggletip.html +843 -460
  4. package/docs/documentation/components/Tooltip.html +1057 -607
  5. package/docs/documentation/components/TooltipDefinition.html +977 -538
  6. package/docs/documentation/coverage.html +20 -20
  7. package/docs/documentation/dependencies.html +3 -1
  8. package/docs/documentation/directives/PopoverContainer.html +1019 -638
  9. package/docs/documentation/images/coverage-badge-documentation.svg +1 -1
  10. package/docs/documentation/js/search/search_index.js +2 -2
  11. package/docs/documentation/miscellaneous/typealiases.html +21 -0
  12. package/docs/documentation/modules/ThemeModule/dependencies.svg +15 -15
  13. package/docs/documentation/modules/ThemeModule.html +15 -15
  14. package/docs/documentation/modules/TilesModule/dependencies.svg +99 -99
  15. package/docs/documentation/modules/TilesModule.html +99 -99
  16. package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
  17. package/docs/documentation/modules/TimePickerModule.html +4 -4
  18. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  19. package/docs/documentation/modules/ToggletipModule.html +37 -37
  20. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  21. package/docs/documentation/modules/TooltipModule.html +4 -4
  22. package/docs/documentation/modules/TreeviewModule/dependencies.svg +38 -38
  23. package/docs/documentation/modules/TreeviewModule.html +38 -38
  24. package/docs/documentation.json +1611 -837
  25. package/docs/storybook/1562.1e6a79b6.iframe.bundle.js +1 -0
  26. package/docs/storybook/4578.c90d4756.iframe.bundle.js +1 -0
  27. package/docs/storybook/datepicker-datepicker-stories.1d3d1000.iframe.bundle.js +1 -0
  28. package/docs/storybook/iframe.html +2 -2
  29. package/docs/storybook/index.json +1 -1
  30. package/docs/storybook/main.css +1156 -571
  31. package/docs/storybook/main.fbe9a501.iframe.bundle.js +1 -0
  32. package/docs/storybook/popover-popover-stories.db1735d2.iframe.bundle.js +1 -0
  33. package/docs/storybook/project.json +1 -1
  34. package/docs/storybook/runtime~main.e6146719.iframe.bundle.js +1 -0
  35. package/docs/storybook/stories.json +1 -1
  36. package/docs/storybook/toggletip-toggletip-stories.7265233d.iframe.bundle.js +1 -0
  37. package/docs/storybook/tooltip-definition-tooptip-stories.af38c73f.iframe.bundle.js +1 -0
  38. package/docs/storybook/tooltip-tooltip-stories.65d7c699.iframe.bundle.js +1 -0
  39. package/esm2020/datepicker/datepicker.component.mjs +2 -9
  40. package/esm2020/popover/popover-content.component.mjs +33 -13
  41. package/esm2020/popover/popover.directive.mjs +216 -97
  42. package/esm2020/toggletip/toggletip.component.mjs +8 -6
  43. package/esm2020/tooltip/definition-tooptip.component.mjs +14 -15
  44. package/esm2020/tooltip/tooltip.component.mjs +13 -8
  45. package/fesm2015/carbon-components-angular-datepicker.mjs +1 -8
  46. package/fesm2015/carbon-components-angular-datepicker.mjs.map +1 -1
  47. package/fesm2015/carbon-components-angular-popover.mjs +248 -108
  48. package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
  49. package/fesm2015/carbon-components-angular-toggletip.mjs +7 -5
  50. package/fesm2015/carbon-components-angular-toggletip.mjs.map +1 -1
  51. package/fesm2015/carbon-components-angular-tooltip.mjs +25 -21
  52. package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
  53. package/fesm2020/carbon-components-angular-datepicker.mjs +1 -8
  54. package/fesm2020/carbon-components-angular-datepicker.mjs.map +1 -1
  55. package/fesm2020/carbon-components-angular-popover.mjs +247 -108
  56. package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
  57. package/fesm2020/carbon-components-angular-toggletip.mjs +7 -5
  58. package/fesm2020/carbon-components-angular-toggletip.mjs.map +1 -1
  59. package/fesm2020/carbon-components-angular-tooltip.mjs +25 -21
  60. package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
  61. package/package.json +3 -2
  62. package/popover/popover-content.component.d.ts +7 -1
  63. package/popover/popover.directive.d.ts +74 -29
  64. package/toggletip/toggletip.component.d.ts +6 -5
  65. package/tooltip/definition-tooptip.component.d.ts +7 -8
  66. package/tooltip/tooltip.component.d.ts +6 -3
  67. package/docs/storybook/4578.93dc52a7.iframe.bundle.js +0 -1
  68. package/docs/storybook/datepicker-datepicker-stories.96effc6c.iframe.bundle.js +0 -1
  69. package/docs/storybook/main.d4ed0d37.iframe.bundle.js +0 -1
  70. package/docs/storybook/popover-popover-stories.cc1684df.iframe.bundle.js +0 -1
  71. package/docs/storybook/runtime~main.2883decf.iframe.bundle.js +0 -1
  72. package/docs/storybook/toggletip-toggletip-stories.22e37008.iframe.bundle.js +0 -1
  73. package/docs/storybook/tooltip-definition-tooptip-stories.2e1a211c.iframe.bundle.js +0 -1
  74. package/docs/storybook/tooltip-tooltip-stories.6a4a1383.iframe.bundle.js +0 -1
@@ -2484,15 +2484,26 @@ em {
2484
2484
  background-color: var(--cds-background);
2485
2485
  color: var(--cds-text-primary);
2486
2486
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
2487
+ --cds-ai-aura-hover-background: #edf5ff;
2488
+ --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
2489
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
2487
2490
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
2488
- --cds-ai-border-end: #d0e2ff;
2489
- --cds-ai-border-start: #78a9ff;
2491
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
2492
+ --cds-ai-border-end: #78a9ff;
2493
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
2490
2494
  --cds-ai-border-strong: #4589ff;
2491
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
2492
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
2493
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
2494
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
2495
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
2495
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
2496
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
2497
+ --cds-ai-overlay: rgba(0, 17, 65, 0.5);
2498
+ --cds-ai-popover-background: #ffffff;
2499
+ --cds-ai-popover-caret-bottom: #78a9ff;
2500
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
2501
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
2502
+ --cds-ai-popover-caret-center: #a0c3ff;
2503
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
2504
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
2505
+ --cds-ai-skeleton-background: #d0e2ff;
2506
+ --cds-ai-skeleton-element-background: #4589ff;
2496
2507
  --cds-background: #ffffff;
2497
2508
  --cds-background-active: rgba(141, 141, 141, 0.5);
2498
2509
  --cds-background-brand: #0f62fe;
@@ -2517,6 +2528,23 @@ em {
2517
2528
  --cds-border-tile-01: #c6c6c6;
2518
2529
  --cds-border-tile-02: #a8a8a8;
2519
2530
  --cds-border-tile-03: #c6c6c6;
2531
+ --cds-chat-avatar-agent: #393939;
2532
+ --cds-chat-avatar-bot: #6f6f6f;
2533
+ --cds-chat-avatar-user: #0f62fe;
2534
+ --cds-chat-bubble-agent: #ffffff;
2535
+ --cds-chat-bubble-border: #e0e0e0;
2536
+ --cds-chat-bubble-user: #e0e0e0;
2537
+ --cds-chat-button: #0f62fe;
2538
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
2539
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
2540
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
2541
+ --cds-chat-button-text-hover: #0043ce;
2542
+ --cds-chat-button-text-selected: #525252;
2543
+ --cds-chat-header-background: #ffffff;
2544
+ --cds-chat-prompt-background: #ffffff;
2545
+ --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
2546
+ --cds-chat-prompt-border-start: #f4f4f4;
2547
+ --cds-chat-shell-background: #ffffff;
2520
2548
  --cds-field-01: #f4f4f4;
2521
2549
  --cds-field-02: #ffffff;
2522
2550
  --cds-field-03: #f4f4f4;
@@ -2572,29 +2600,6 @@ em {
2572
2600
  --cds-shadow: rgba(0, 0, 0, 0.3);
2573
2601
  --cds-skeleton-background: #e8e8e8;
2574
2602
  --cds-skeleton-element: #c6c6c6;
2575
- --cds-slug-background: #525252;
2576
- --cds-slug-background-hover: #6f6f6f;
2577
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
2578
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
2579
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
2580
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
2581
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
2582
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
2583
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
2584
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
2585
- --cds-slug-callout-caret-bottom: #d0e2ff;
2586
- --cds-slug-callout-caret-bottom-background: #d5e5ff;
2587
- --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
2588
- --cds-slug-callout-caret-center: #a7c7ff;
2589
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
2590
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
2591
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
2592
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
2593
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
2594
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
2595
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
2596
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
2597
- --cds-slug-hollow-hover: #474747;
2598
2603
  --cds-support-caution-major: #ff832b;
2599
2604
  --cds-support-caution-minor: #f1c21b;
2600
2605
  --cds-support-caution-undefined: #8a3ffc;
@@ -2677,28 +2682,49 @@ em {
2677
2682
  --cds-tag-color-green: #044317;
2678
2683
  --cds-tag-hover-green: #74e792;
2679
2684
  --cds-tag-background-gray: #e0e0e0;
2680
- --cds-tag-color-gray: #393939;
2685
+ --cds-tag-color-gray: #161616;
2681
2686
  --cds-tag-hover-gray: #d1d1d1;
2687
+ --cds-tag-border-red: #ff8389;
2688
+ --cds-tag-border-blue: #78a9ff;
2689
+ --cds-tag-border-cyan: #33b1ff;
2690
+ --cds-tag-border-teal: #08bdba;
2691
+ --cds-tag-border-green: #42be65;
2692
+ --cds-tag-border-magenta: #ff7eb6;
2693
+ --cds-tag-border-purple: #be95ff;
2694
+ --cds-tag-border-gray: #a8a8a8;
2695
+ --cds-tag-border-cool-gray: #a2a9b0;
2696
+ --cds-tag-border-warm-gray: #ada8a8;
2682
2697
  --cds-tag-background-cool-gray: #dde1e6;
2683
- --cds-tag-color-cool-gray: #343a3f;
2698
+ --cds-tag-color-cool-gray: #121619;
2684
2699
  --cds-tag-hover-cool-gray: #cdd3da;
2685
2700
  --cds-tag-background-warm-gray: #e5e0df;
2686
- --cds-tag-color-warm-gray: #3c3838;
2701
+ --cds-tag-color-warm-gray: #171414;
2687
2702
  --cds-tag-hover-warm-gray: #d8d0cf;
2688
2703
  }
2689
2704
  .cds--g10 {
2690
2705
  background-color: var(--cds-background);
2691
2706
  color: var(--cds-text-primary);
2692
2707
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
2708
+ --cds-ai-aura-hover-background: #edf5ff;
2709
+ --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
2710
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
2693
2711
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
2694
- --cds-ai-border-end: #d0e2ff;
2695
- --cds-ai-border-start: #78a9ff;
2712
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
2713
+ --cds-ai-border-end: #78a9ff;
2714
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
2696
2715
  --cds-ai-border-strong: #4589ff;
2697
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
2698
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
2699
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
2700
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
2701
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
2716
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
2717
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
2718
+ --cds-ai-overlay: rgba(0, 17, 65, 0.5);
2719
+ --cds-ai-popover-background: #ffffff;
2720
+ --cds-ai-popover-caret-bottom: #78a9ff;
2721
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
2722
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
2723
+ --cds-ai-popover-caret-center: #a0c3ff;
2724
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
2725
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
2726
+ --cds-ai-skeleton-background: #d0e2ff;
2727
+ --cds-ai-skeleton-element-background: #4589ff;
2702
2728
  --cds-background: #f4f4f4;
2703
2729
  --cds-background-active: rgba(141, 141, 141, 0.5);
2704
2730
  --cds-background-brand: #0f62fe;
@@ -2723,6 +2749,23 @@ em {
2723
2749
  --cds-border-tile-01: #a8a8a8;
2724
2750
  --cds-border-tile-02: #c6c6c6;
2725
2751
  --cds-border-tile-03: #a8a8a8;
2752
+ --cds-chat-avatar-agent: #393939;
2753
+ --cds-chat-avatar-bot: #6f6f6f;
2754
+ --cds-chat-avatar-user: #0f62fe;
2755
+ --cds-chat-bubble-agent: #ffffff;
2756
+ --cds-chat-bubble-border: #e0e0e0;
2757
+ --cds-chat-bubble-user: #e0e0e0;
2758
+ --cds-chat-button: #0f62fe;
2759
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
2760
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
2761
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
2762
+ --cds-chat-button-text-hover: #0043ce;
2763
+ --cds-chat-button-text-selected: #525252;
2764
+ --cds-chat-header-background: #ffffff;
2765
+ --cds-chat-prompt-background: #ffffff;
2766
+ --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
2767
+ --cds-chat-prompt-border-start: #f4f4f4;
2768
+ --cds-chat-shell-background: #ffffff;
2726
2769
  --cds-field-01: #ffffff;
2727
2770
  --cds-field-02: #f4f4f4;
2728
2771
  --cds-field-03: #ffffff;
@@ -2778,29 +2821,6 @@ em {
2778
2821
  --cds-shadow: rgba(0, 0, 0, 0.3);
2779
2822
  --cds-skeleton-background: #e8e8e8;
2780
2823
  --cds-skeleton-element: #c6c6c6;
2781
- --cds-slug-background: #525252;
2782
- --cds-slug-background-hover: #6f6f6f;
2783
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
2784
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
2785
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
2786
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
2787
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
2788
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
2789
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
2790
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
2791
- --cds-slug-callout-caret-bottom: #d0e2ff;
2792
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
2793
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
2794
- --cds-slug-callout-caret-center: #a7c7ff;
2795
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
2796
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
2797
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
2798
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
2799
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
2800
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
2801
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
2802
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
2803
- --cds-slug-hollow-hover: #474747;
2804
2824
  --cds-support-caution-major: #ff832b;
2805
2825
  --cds-support-caution-minor: #f1c21b;
2806
2826
  --cds-support-caution-undefined: #8a3ffc;
@@ -2883,27 +2903,49 @@ em {
2883
2903
  --cds-tag-color-green: #044317;
2884
2904
  --cds-tag-hover-green: #74e792;
2885
2905
  --cds-tag-background-gray: #e0e0e0;
2886
- --cds-tag-color-gray: #393939;
2906
+ --cds-tag-color-gray: #161616;
2887
2907
  --cds-tag-hover-gray: #d1d1d1;
2908
+ --cds-tag-border-red: #ff8389;
2909
+ --cds-tag-border-blue: #78a9ff;
2910
+ --cds-tag-border-cyan: #33b1ff;
2911
+ --cds-tag-border-teal: #08bdba;
2912
+ --cds-tag-border-green: #42be65;
2913
+ --cds-tag-border-magenta: #ff7eb6;
2914
+ --cds-tag-border-purple: #be95ff;
2915
+ --cds-tag-border-gray: #a8a8a8;
2916
+ --cds-tag-border-cool-gray: #a2a9b0;
2917
+ --cds-tag-border-warm-gray: #ada8a8;
2888
2918
  --cds-tag-background-cool-gray: #dde1e6;
2889
- --cds-tag-color-cool-gray: #343a3f;
2919
+ --cds-tag-color-cool-gray: #121619;
2890
2920
  --cds-tag-hover-cool-gray: #cdd3da;
2891
2921
  --cds-tag-background-warm-gray: #e5e0df;
2892
- --cds-tag-color-warm-gray: #3c3838;
2922
+ --cds-tag-color-warm-gray: #171414;
2893
2923
  --cds-tag-hover-warm-gray: #d8d0cf;
2894
2924
  }
2895
2925
  .cds--g90 {
2896
2926
  background-color: var(--cds-background);
2897
2927
  color: var(--cds-text-primary);
2898
2928
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
2929
+ --cds-ai-aura-hover-background: #474747;
2930
+ --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
2931
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
2899
2932
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
2900
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
2901
- --cds-ai-border-start: #4589ff;
2933
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
2934
+ --cds-ai-border-end: #4589ff;
2935
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
2902
2936
  --cds-ai-border-strong: #78a9ff;
2903
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
2904
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
2905
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
2906
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
2937
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
2938
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
2939
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
2940
+ --cds-ai-popover-background: #161616;
2941
+ --cds-ai-popover-caret-bottom: #4589ff;
2942
+ --cds-ai-popover-caret-bottom-background: #202d45;
2943
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
2944
+ --cds-ai-popover-caret-center: #4870b5;
2945
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
2946
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
2947
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
2948
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
2907
2949
  --cds-background: #262626;
2908
2950
  --cds-background-active: rgba(141, 141, 141, 0.4);
2909
2951
  --cds-background-brand: #0f62fe;
@@ -2928,6 +2970,23 @@ em {
2928
2970
  --cds-border-tile-01: #6f6f6f;
2929
2971
  --cds-border-tile-02: #8d8d8d;
2930
2972
  --cds-border-tile-03: #a8a8a8;
2973
+ --cds-chat-avatar-agent: #c6c6c6;
2974
+ --cds-chat-avatar-bot: #8d8d8d;
2975
+ --cds-chat-avatar-user: #4589ff;
2976
+ --cds-chat-bubble-agent: #262626;
2977
+ --cds-chat-bubble-border: #525252;
2978
+ --cds-chat-bubble-user: #393939;
2979
+ --cds-chat-button: #78a9ff;
2980
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
2981
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
2982
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
2983
+ --cds-chat-button-text-hover: #a6c8ff;
2984
+ --cds-chat-button-text-selected: #c6c6c6;
2985
+ --cds-chat-header-background: #262626;
2986
+ --cds-chat-prompt-background: #161616;
2987
+ --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
2988
+ --cds-chat-prompt-border-start: #262626;
2989
+ --cds-chat-shell-background: #262626;
2931
2990
  --cds-field-01: #393939;
2932
2991
  --cds-field-02: #525252;
2933
2992
  --cds-field-03: #6f6f6f;
@@ -2983,27 +3042,6 @@ em {
2983
3042
  --cds-shadow: rgba(0, 0, 0, 0.8);
2984
3043
  --cds-skeleton-background: #333333;
2985
3044
  --cds-skeleton-element: #525252;
2986
- --cds-slug-background: #c6c6c6;
2987
- --cds-slug-background-hover: #e0e0e0;
2988
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
2989
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
2990
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
2991
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
2992
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
2993
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
2994
- --cds-slug-callout-caret-bottom: #465060;
2995
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
2996
- --cds-slug-callout-caret-bottom-background-actions: #253042;
2997
- --cds-slug-callout-caret-center: #456fb5;
2998
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
2999
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
3000
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
3001
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
3002
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
3003
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
3004
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
3005
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
3006
- --cds-slug-hollow-hover: #b5b5b5;
3007
3045
  --cds-support-caution-major: #ff832b;
3008
3046
  --cds-support-caution-minor: #f1c21b;
3009
3047
  --cds-support-caution-undefined: #a56eff;
@@ -3085,27 +3123,49 @@ em {
3085
3123
  --cds-tag-color-green: #a7f0ba;
3086
3124
  --cds-tag-hover-green: #11742f;
3087
3125
  --cds-tag-background-gray: #525252;
3088
- --cds-tag-color-gray: #e0e0e0;
3126
+ --cds-tag-color-gray: #f4f4f4;
3089
3127
  --cds-tag-hover-gray: #636363;
3128
+ --cds-tag-border-red: #fa4d56;
3129
+ --cds-tag-border-blue: #4589ff;
3130
+ --cds-tag-border-cyan: #1192e8;
3131
+ --cds-tag-border-teal: #009d9a;
3132
+ --cds-tag-border-green: #24a148;
3133
+ --cds-tag-border-magenta: #ee5396;
3134
+ --cds-tag-border-purple: #a56eff;
3135
+ --cds-tag-border-gray: #8d8d8d;
3136
+ --cds-tag-border-cool-gray: #878d96;
3137
+ --cds-tag-border-warm-gray: #8f8b8b;
3090
3138
  --cds-tag-background-cool-gray: #4d5358;
3091
- --cds-tag-color-cool-gray: #dde1e6;
3139
+ --cds-tag-color-cool-gray: #f2f4f8;
3092
3140
  --cds-tag-hover-cool-gray: #5d646a;
3093
3141
  --cds-tag-background-warm-gray: #565151;
3094
- --cds-tag-color-warm-gray: #e5e0df;
3142
+ --cds-tag-color-warm-gray: #f7f3f2;
3095
3143
  --cds-tag-hover-warm-gray: #696363;
3096
3144
  }
3097
3145
  .cds--g100 {
3098
3146
  background-color: var(--cds-background);
3099
3147
  color: var(--cds-text-primary);
3100
3148
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
3149
+ --cds-ai-aura-hover-background: #333333;
3150
+ --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
3151
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
3101
3152
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
3102
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
3103
- --cds-ai-border-start: #4589ff;
3153
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
3154
+ --cds-ai-border-end: #4589ff;
3155
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
3104
3156
  --cds-ai-border-strong: #78a9ff;
3105
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
3106
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
3107
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
3108
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
3157
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
3158
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
3159
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
3160
+ --cds-ai-popover-background: #161616;
3161
+ --cds-ai-popover-caret-bottom: #4589ff;
3162
+ --cds-ai-popover-caret-bottom-background: #202d45;
3163
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
3164
+ --cds-ai-popover-caret-center: #4870b5;
3165
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
3166
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
3167
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
3168
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
3109
3169
  --cds-background: #161616;
3110
3170
  --cds-background-active: rgba(141, 141, 141, 0.4);
3111
3171
  --cds-background-brand: #0f62fe;
@@ -3130,6 +3190,23 @@ em {
3130
3190
  --cds-border-tile-01: #525252;
3131
3191
  --cds-border-tile-02: #6f6f6f;
3132
3192
  --cds-border-tile-03: #8d8d8d;
3193
+ --cds-chat-avatar-agent: #c6c6c6;
3194
+ --cds-chat-avatar-bot: #8d8d8d;
3195
+ --cds-chat-avatar-user: #4589ff;
3196
+ --cds-chat-bubble-agent: #262626;
3197
+ --cds-chat-bubble-border: #525252;
3198
+ --cds-chat-bubble-user: #393939;
3199
+ --cds-chat-button: #78a9ff;
3200
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
3201
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
3202
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
3203
+ --cds-chat-button-text-hover: #a6c8ff;
3204
+ --cds-chat-button-text-selected: #c6c6c6;
3205
+ --cds-chat-header-background: #262626;
3206
+ --cds-chat-prompt-background: #161616;
3207
+ --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
3208
+ --cds-chat-prompt-border-start: #262626;
3209
+ --cds-chat-shell-background: #262626;
3133
3210
  --cds-field-01: #262626;
3134
3211
  --cds-field-02: #393939;
3135
3212
  --cds-field-03: #525252;
@@ -3185,27 +3262,6 @@ em {
3185
3262
  --cds-shadow: rgba(0, 0, 0, 0.8);
3186
3263
  --cds-skeleton-background: #292929;
3187
3264
  --cds-skeleton-element: #393939;
3188
- --cds-slug-background: #c6c6c6;
3189
- --cds-slug-background-hover: #e0e0e0;
3190
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
3191
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
3192
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
3193
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
3194
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
3195
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
3196
- --cds-slug-callout-caret-bottom: #3d4655;
3197
- --cds-slug-callout-caret-bottom-background: #213250;
3198
- --cds-slug-callout-caret-bottom-background-actions: #192436;
3199
- --cds-slug-callout-caret-center: #3f68af;
3200
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
3201
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
3202
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
3203
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
3204
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
3205
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
3206
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
3207
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
3208
- --cds-slug-hollow-hover: #b5b5b5;
3209
3265
  --cds-support-caution-major: #ff832b;
3210
3266
  --cds-support-caution-minor: #f1c21b;
3211
3267
  --cds-support-caution-undefined: #a56eff;
@@ -3287,13 +3343,23 @@ em {
3287
3343
  --cds-tag-color-green: #a7f0ba;
3288
3344
  --cds-tag-hover-green: #11742f;
3289
3345
  --cds-tag-background-gray: #525252;
3290
- --cds-tag-color-gray: #e0e0e0;
3346
+ --cds-tag-color-gray: #f4f4f4;
3291
3347
  --cds-tag-hover-gray: #636363;
3348
+ --cds-tag-border-red: #fa4d56;
3349
+ --cds-tag-border-blue: #4589ff;
3350
+ --cds-tag-border-cyan: #1192e8;
3351
+ --cds-tag-border-teal: #009d9a;
3352
+ --cds-tag-border-green: #24a148;
3353
+ --cds-tag-border-magenta: #ee5396;
3354
+ --cds-tag-border-purple: #a56eff;
3355
+ --cds-tag-border-gray: #8d8d8d;
3356
+ --cds-tag-border-cool-gray: #878d96;
3357
+ --cds-tag-border-warm-gray: #8f8b8b;
3292
3358
  --cds-tag-background-cool-gray: #4d5358;
3293
- --cds-tag-color-cool-gray: #dde1e6;
3359
+ --cds-tag-color-cool-gray: #f2f4f8;
3294
3360
  --cds-tag-hover-cool-gray: #5d646a;
3295
3361
  --cds-tag-background-warm-gray: #565151;
3296
- --cds-tag-color-warm-gray: #e5e0df;
3362
+ --cds-tag-color-warm-gray: #f7f3f2;
3297
3363
  --cds-tag-hover-warm-gray: #696363;
3298
3364
  }
3299
3365
  .cds--accordion--flush .cds--accordion__title {
@@ -3561,7 +3627,7 @@ li.cds--accordion__item--disabled:last-of-type {
3561
3627
  .cds--aspect-ratio--1x1::before {
3562
3628
  padding-block-start: 100%;
3563
3629
  }
3564
- @keyframes hide-feedback {
3630
+ @keyframes cds--hide-feedback {
3565
3631
  0% {
3566
3632
  opacity: 1;
3567
3633
  visibility: inherit;
@@ -3571,7 +3637,7 @@ li.cds--accordion__item--disabled:last-of-type {
3571
3637
  visibility: hidden;
3572
3638
  }
3573
3639
  }
3574
- @keyframes show-feedback {
3640
+ @keyframes cds--show-feedback {
3575
3641
  0% {
3576
3642
  opacity: 0;
3577
3643
  visibility: hidden;
@@ -3581,7 +3647,7 @@ li.cds--accordion__item--disabled:last-of-type {
3581
3647
  visibility: inherit;
3582
3648
  }
3583
3649
  }
3584
- @keyframes skeleton {
3650
+ @keyframes cds--skeleton {
3585
3651
  0% {
3586
3652
  opacity: 0.3;
3587
3653
  transform: scaleX(0);
@@ -3636,9 +3702,11 @@ li.cds--accordion__item--disabled:last-of-type {
3636
3702
  white-space: nowrap;
3637
3703
  }
3638
3704
  .cds--popover-container {
3639
- position: relative;
3640
3705
  display: inline-block;
3641
3706
  }
3707
+ .cds--popover-container:not(.cds--popover--auto-align) {
3708
+ position: relative;
3709
+ }
3642
3710
  .cds--popover--high-contrast .cds--popover {
3643
3711
  --cds-popover-background-color: var(--cds-background-inverse, #393939);
3644
3712
  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
@@ -3657,6 +3725,9 @@ li.cds--accordion__item--disabled:last-of-type {
3657
3725
  pointer-events: none;
3658
3726
  }
3659
3727
  .cds--popover-content {
3728
+ --cds-layout-size-height-sm: 2rem;
3729
+ --cds-layout-size-height-md: 2.5rem;
3730
+ --cds-layout-size-height-lg: 3rem;
3660
3731
  box-sizing: border-box;
3661
3732
  padding: 0;
3662
3733
  border: 0;
@@ -3674,6 +3745,15 @@ li.cds--accordion__item--disabled:last-of-type {
3674
3745
  max-inline-size: 23rem;
3675
3746
  pointer-events: auto;
3676
3747
  }
3748
+ .cds--layout--size-sm .cds--popover-content {
3749
+ --cds-layout-size-height: var(--cds-layout-size-height-sm);
3750
+ }
3751
+ .cds--layout--size-md .cds--popover-content {
3752
+ --cds-layout-size-height: var(--cds-layout-size-height-md);
3753
+ }
3754
+ .cds--layout--size-lg .cds--popover-content {
3755
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
3756
+ }
3677
3757
  .cds--popover-content *,
3678
3758
  .cds--popover-content *::before,
3679
3759
  .cds--popover-content *::after {
@@ -3690,7 +3770,8 @@ li.cds--accordion__item--disabled:last-of-type {
3690
3770
  .cds--popover--open > .cds--popover > .cds--popover-content::before {
3691
3771
  display: block;
3692
3772
  }
3693
- .cds--popover-caret {
3773
+ .cds--popover-caret,
3774
+ .cds--popover--auto-align.cds--popover-caret {
3694
3775
  position: absolute;
3695
3776
  z-index: 6000;
3696
3777
  display: none;
@@ -3700,37 +3781,46 @@ li.cds--accordion__item--disabled:last-of-type {
3700
3781
  .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
3701
3782
  display: block;
3702
3783
  }
3784
+ .cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret {
3785
+ display: block;
3786
+ }
3703
3787
  .cds--popover--tab-tip > .cds--popover > .cds--popover-caret {
3704
3788
  display: none;
3705
3789
  }
3706
- .cds--popover--bottom > .cds--popover > .cds--popover-content {
3790
+ .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3707
3791
  inset-block-end: 0;
3708
3792
  inset-inline-start: 50%;
3709
3793
  transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
3710
3794
  }
3711
- [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-content {
3795
+ [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3712
3796
  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
3713
3797
  }
3714
- .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
3798
+ .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3799
+ .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3715
3800
  inset-block-end: 0;
3716
3801
  inset-inline-start: 0;
3717
3802
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
3718
3803
  }
3719
- [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
3804
+ [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3805
+ [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3720
3806
  inset-inline-end: 0;
3721
3807
  inset-inline-start: initial;
3722
3808
  }
3723
- .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
3809
+ .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3810
+ .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3724
3811
  inset-block-end: 0;
3725
3812
  inset-inline-end: 0;
3726
3813
  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
3727
3814
  }
3728
- [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
3815
+ [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3816
+ [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3729
3817
  inset-inline-start: 0;
3730
3818
  }
3731
3819
  .cds--popover--bottom > .cds--popover > .cds--popover-content::before,
3732
3820
  .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,
3733
- .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before {
3821
+ .cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,
3822
+ .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,
3823
+ .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
3734
3824
  block-size: var(--cds-popover-offset, 0rem);
3735
3825
  inset-block-start: 0;
3736
3826
  inset-inline-end: 0;
@@ -3739,7 +3829,9 @@ li.cds--accordion__item--disabled:last-of-type {
3739
3829
  }
3740
3830
  .cds--popover--bottom > .cds--popover > .cds--popover-caret,
3741
3831
  .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
3742
- .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
3832
+ .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
3833
+ .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
3834
+ .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
3743
3835
  block-size: var(--cds-popover-caret-height, 0.375rem);
3744
3836
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
3745
3837
  inline-size: var(--cds-popover-caret-width, 0.75rem);
@@ -3749,37 +3841,54 @@ li.cds--accordion__item--disabled:last-of-type {
3749
3841
  }
3750
3842
  [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
3751
3843
  [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
3752
- [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
3844
+ [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
3845
+ [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
3846
+ [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
3753
3847
  transform: translate(50%, var(--cds-popover-offset, 0rem));
3754
3848
  }
3755
- .cds--popover--top > .cds--popover > .cds--popover-content {
3849
+ .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3850
+ .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3851
+ .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3852
+ .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3853
+ .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
3854
+ block-size: var(--cds-popover-caret-height, 0.375rem);
3855
+ clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
3856
+ inline-size: var(--cds-popover-caret-width, 0.75rem);
3857
+ }
3858
+ .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3756
3859
  inset-block-start: 0;
3757
3860
  inset-inline-start: 50%;
3758
3861
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
3759
3862
  }
3760
- [dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-content {
3863
+ [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3761
3864
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
3762
3865
  }
3763
- .cds--popover--top-left > .cds--popover > .cds--popover-content {
3866
+ .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3867
+ .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3764
3868
  inset-block-start: 0;
3765
3869
  inset-inline-start: 0;
3766
3870
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
3767
3871
  }
3768
- [dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-content {
3872
+ [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3873
+ [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3769
3874
  inset-inline-end: 0;
3770
3875
  inset-inline-start: initial;
3771
3876
  }
3772
- .cds--popover--top-right > .cds--popover > .cds--popover-content {
3877
+ .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3878
+ .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3773
3879
  inset-block-start: 0;
3774
3880
  inset-inline-end: 0;
3775
3881
  transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
3776
3882
  }
3777
- [dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-content {
3883
+ [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3884
+ [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3778
3885
  inset-inline-start: 0;
3779
3886
  }
3780
3887
  .cds--popover--top > .cds--popover > .cds--popover-content::before,
3781
3888
  .cds--popover--top-left > .cds--popover > .cds--popover-content::before,
3782
- .cds--popover--top-right > .cds--popover > .cds--popover-content::before {
3889
+ .cds--popover--top-start > .cds--popover > .cds--popover-content::before,
3890
+ .cds--popover--top-right > .cds--popover > .cds--popover-content::before,
3891
+ .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
3783
3892
  block-size: var(--cds-popover-offset, 0rem);
3784
3893
  inset-block-end: 0;
3785
3894
  inset-inline-end: 0;
@@ -3788,7 +3897,9 @@ li.cds--accordion__item--disabled:last-of-type {
3788
3897
  }
3789
3898
  .cds--popover--top > .cds--popover > .cds--popover-caret,
3790
3899
  .cds--popover--top-left > .cds--popover > .cds--popover-caret,
3791
- .cds--popover--top-right > .cds--popover > .cds--popover-caret {
3900
+ .cds--popover--top-start > .cds--popover > .cds--popover-caret,
3901
+ .cds--popover--top-right > .cds--popover > .cds--popover-caret,
3902
+ .cds--popover--top-end > .cds--popover > .cds--popover-caret {
3792
3903
  block-size: var(--cds-popover-caret-height, 0.375rem);
3793
3904
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
3794
3905
  inline-size: var(--cds-popover-caret-width, 0.75rem);
@@ -3796,44 +3907,63 @@ li.cds--accordion__item--disabled:last-of-type {
3796
3907
  inset-inline-start: 50%;
3797
3908
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
3798
3909
  }
3799
- [dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-caret,
3800
- [dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-caret,
3801
- [dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-caret {
3910
+ [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3911
+ [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3912
+ [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3913
+ [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3914
+ [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
3802
3915
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
3803
3916
  }
3804
- .cds--popover--right > .cds--popover > .cds--popover-content {
3917
+ .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3918
+ .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3919
+ .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3920
+ .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3921
+ .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
3922
+ block-size: var(--cds-popover-caret-height, 0.375rem);
3923
+ clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
3924
+ inline-size: var(--cds-popover-caret-width, 0.75rem);
3925
+ }
3926
+ .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3805
3927
  inset-block-start: 50%;
3806
3928
  inset-inline-start: 100%;
3807
3929
  transform: translate(var(--cds-popover-offset, 0rem), -50%);
3808
3930
  }
3809
- .cds--popover--right-top > .cds--popover > .cds--popover-content {
3931
+ .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3932
+ .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3810
3933
  inset-block-start: 50%;
3811
3934
  inset-inline-start: 100%;
3812
3935
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
3813
3936
  }
3814
- .cds--popover--right-bottom > .cds--popover > .cds--popover-content {
3937
+ .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3938
+ .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3815
3939
  inset-block-end: 50%;
3816
3940
  inset-inline-start: 100%;
3817
3941
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
3818
3942
  }
3819
- [dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-content,
3820
- [dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-content,
3821
- [dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-content {
3943
+ [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3944
+ [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3945
+ [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3946
+ [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3947
+ [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3822
3948
  inset-inline-end: 100%;
3823
3949
  inset-inline-start: initial;
3824
3950
  }
3825
3951
  .cds--popover--right > .cds--popover > .cds--popover-content::before,
3826
3952
  .cds--popover--right-top > .cds--popover > .cds--popover-content::before,
3827
- .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before {
3953
+ .cds--popover--right-start > .cds--popover > .cds--popover-content::before,
3954
+ .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
3955
+ .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
3828
3956
  inline-size: var(--cds-popover-offset, 0rem);
3829
3957
  inset-block-end: 0;
3830
3958
  inset-block-start: 0;
3831
3959
  inset-inline-start: 0;
3832
3960
  transform: translateX(-100%);
3833
3961
  }
3834
- .cds--popover--right > .cds--popover > .cds--popover-caret,
3835
- .cds--popover--right-top > .cds--popover > .cds--popover-caret,
3836
- .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
3962
+ .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3963
+ .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3964
+ .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3965
+ .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3966
+ .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
3837
3967
  block-size: var(--cds-popover-caret-width, 0.75rem);
3838
3968
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
3839
3969
  inline-size: var(--cds-popover-caret-height, 0.375rem);
@@ -3841,45 +3971,64 @@ li.cds--accordion__item--disabled:last-of-type {
3841
3971
  inset-inline-start: 100%;
3842
3972
  transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
3843
3973
  }
3844
- [dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-caret,
3845
- [dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-caret,
3846
- [dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
3974
+ [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3975
+ [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3976
+ [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3977
+ [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
3978
+ [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
3847
3979
  inset-inline-end: 100%;
3848
3980
  inset-inline-start: initial;
3849
3981
  }
3850
- .cds--popover--left > .cds--popover > .cds--popover-content {
3982
+ .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3983
+ .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3984
+ .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3985
+ .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
3986
+ .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
3987
+ block-size: var(--cds-popover-caret-width, 0.75rem);
3988
+ clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
3989
+ inline-size: var(--cds-popover-caret-height, 0.375rem);
3990
+ }
3991
+ .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3851
3992
  inset-block-start: 50%;
3852
3993
  inset-inline-end: 100%;
3853
3994
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
3854
3995
  }
3855
- .cds--popover--left-top > .cds--popover > .cds--popover-content {
3996
+ .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
3997
+ .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3856
3998
  inset-block-start: 50%;
3857
3999
  inset-inline-end: 100%;
3858
4000
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
3859
4001
  }
3860
- .cds--popover--left-bottom > .cds--popover > .cds--popover-content {
4002
+ .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
4003
+ .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3861
4004
  inset-block-end: 50%;
3862
4005
  inset-inline-end: 100%;
3863
4006
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
3864
4007
  }
3865
- [dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-content,
3866
- [dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-content,
3867
- [dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-content {
4008
+ [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
4009
+ [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
4010
+ [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
4011
+ [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
4012
+ [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
3868
4013
  inset-inline-end: initial;
3869
4014
  inset-inline-start: 100%;
3870
4015
  }
3871
4016
  .cds--popover--left > .cds--popover > .cds--popover-content::before,
3872
4017
  .cds--popover--left-top > .cds--popover > .cds--popover-content::before,
3873
- .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before {
4018
+ .cds--popover--left-start > .cds--popover > .cds--popover-content::before,
4019
+ .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
4020
+ .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
3874
4021
  inline-size: var(--cds-popover-offset, 0rem);
3875
4022
  inset-block-end: 0;
3876
4023
  inset-block-start: 0;
3877
4024
  inset-inline-end: 0;
3878
4025
  transform: translateX(100%);
3879
4026
  }
3880
- .cds--popover--left > .cds--popover > .cds--popover-caret,
3881
- .cds--popover--left-top > .cds--popover > .cds--popover-caret,
3882
- .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
4027
+ .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4028
+ .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4029
+ .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4030
+ .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4031
+ .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
3883
4032
  block-size: var(--cds-popover-caret-width, 0.75rem);
3884
4033
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
3885
4034
  inline-size: var(--cds-popover-caret-height, 0.375rem);
@@ -3887,12 +4036,23 @@ li.cds--accordion__item--disabled:last-of-type {
3887
4036
  inset-inline-end: 100%;
3888
4037
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
3889
4038
  }
3890
- [dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-caret,
3891
- [dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-caret,
3892
- [dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
4039
+ [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4040
+ [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4041
+ [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4042
+ [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
4043
+ [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
3893
4044
  inset-inline-end: initial;
3894
4045
  inset-inline-start: 100%;
3895
4046
  }
4047
+ .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
4048
+ .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
4049
+ .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
4050
+ .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
4051
+ .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
4052
+ block-size: var(--cds-popover-caret-width, 0.75rem);
4053
+ clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
4054
+ inline-size: var(--cds-popover-caret-height, 0.375rem);
4055
+ }
3896
4056
  .cds--popover--tab-tip > .cds--popover > .cds--popover-content {
3897
4057
  border-radius: 0;
3898
4058
  }
@@ -4242,6 +4402,10 @@ li.cds--accordion__item--disabled:last-of-type {
4242
4402
  .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
4243
4403
  margin: 0;
4244
4404
  }
4405
+ .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
4406
+ .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
4407
+ margin-block-start: 0;
4408
+ }
4245
4409
  .cds--btn--icon-only.cds--btn--selected {
4246
4410
  background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
4247
4411
  }
@@ -4397,7 +4561,7 @@ li.cds--accordion__item--disabled:last-of-type {
4397
4561
  }
4398
4562
  .cds--btn.cds--skeleton::before {
4399
4563
  position: absolute;
4400
- animation: 3000ms ease-in-out skeleton infinite;
4564
+ animation: 3000ms ease-in-out cds--skeleton infinite;
4401
4565
  background: var(--cds-skeleton-element, #c6c6c6);
4402
4566
  block-size: 100%;
4403
4567
  content: "";
@@ -4791,6 +4955,7 @@ a.cds--overflow-menu-options__btn::before {
4791
4955
  outline: 2px solid transparent;
4792
4956
  outline-offset: -2px;
4793
4957
  background-color: var(--cds-layer);
4958
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
4794
4959
  }
4795
4960
  .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg {
4796
4961
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
@@ -4815,6 +4980,12 @@ a.cds--overflow-menu-options__btn::before {
4815
4980
  }
4816
4981
  }
4817
4982
  /*stylelint-enable */
4983
+ .cds--overflow-menu__top-start {
4984
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
4985
+ }
4986
+ .cds--overflow-menu__top-end {
4987
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
4988
+ }
4818
4989
  .cds--breadcrumb {
4819
4990
  box-sizing: border-box;
4820
4991
  padding: 0;
@@ -4952,7 +5123,7 @@ a.cds--overflow-menu-options__btn::before {
4952
5123
  }
4953
5124
  .cds--breadcrumb.cds--skeleton .cds--link::before {
4954
5125
  position: absolute;
4955
- animation: 3000ms ease-in-out skeleton infinite;
5126
+ animation: 3000ms ease-in-out cds--skeleton infinite;
4956
5127
  background: var(--cds-skeleton-element, #c6c6c6);
4957
5128
  block-size: 100%;
4958
5129
  content: "";
@@ -4997,12 +5168,20 @@ a.cds--overflow-menu-options__btn::before {
4997
5168
  text-decoration: underline;
4998
5169
  }
4999
5170
  .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
5000
- color: var(--cds-text-primary, #161616);
5171
+ outline: 1px solid var(--cds-focus, #0f62fe);
5172
+ color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
5173
+ outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
5001
5174
  text-decoration: underline;
5002
5175
  }
5176
+ @media screen and (prefers-contrast) {
5177
+ .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
5178
+ outline-style: dotted;
5179
+ }
5180
+ }
5003
5181
  .cds--link:focus {
5004
5182
  outline: 1px solid var(--cds-focus, #0f62fe);
5005
5183
  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
5184
+ text-decoration: underline;
5006
5185
  }
5007
5186
  @media screen and (prefers-contrast) {
5008
5187
  .cds--link:focus {
@@ -5010,10 +5189,10 @@ a.cds--overflow-menu-options__btn::before {
5010
5189
  }
5011
5190
  }
5012
5191
  .cds--link:visited {
5013
- color: var(--cds-link-primary, #0f62fe);
5192
+ color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
5014
5193
  }
5015
5194
  .cds--link:visited:hover {
5016
- color: var(--cds-link-primary-hover, #0043ce);
5195
+ color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
5017
5196
  }
5018
5197
  .cds--link--disabled,
5019
5198
  .cds--link--disabled:hover {
@@ -5042,18 +5221,15 @@ a.cds--overflow-menu-options__btn::before {
5042
5221
  box-sizing: inherit;
5043
5222
  }
5044
5223
  .cds--link.cds--link--visited:visited {
5045
- color: var(--cds-link-visited, #8a3ffc);
5224
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
5046
5225
  }
5047
5226
  .cds--link.cds--link--visited:visited:hover {
5048
- color: var(--cds-link-primary-hover, #0043ce);
5227
+ color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
5049
5228
  }
5050
5229
  .cds--link.cds--link--inline {
5051
5230
  display: inline;
5052
5231
  text-decoration: underline;
5053
5232
  }
5054
- .cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
5055
- text-decoration: none;
5056
- }
5057
5233
  .cds--link--disabled.cds--link--inline {
5058
5234
  text-decoration: underline;
5059
5235
  }
@@ -5075,6 +5251,61 @@ a.cds--overflow-menu-options__btn::before {
5075
5251
  align-self: center;
5076
5252
  margin-inline-start: 0.5rem;
5077
5253
  }
5254
+ .cds--chat-btn {
5255
+ border-radius: 1.5rem;
5256
+ }
5257
+ .cds--chat-btn:not(.cds--chat-btn--with-icon) {
5258
+ padding-inline-end: 0.9375rem;
5259
+ }
5260
+ .cds--chat-btn.cds--btn--md {
5261
+ border-radius: 1.25rem;
5262
+ }
5263
+ .cds--chat-btn.cds--btn--sm {
5264
+ border-radius: 1rem;
5265
+ }
5266
+ .cds--chat-btn--quick-action {
5267
+ align-items: center;
5268
+ border: 1px solid var(--cds-chat-button, #0f62fe);
5269
+ background: transparent;
5270
+ color: var(--cds-chat-button, #0f62fe);
5271
+ }
5272
+ .cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
5273
+ border-color: transparent;
5274
+ background: var(--cds-chat-button-hover, rgba(141, 141, 141, 0.12));
5275
+ color: var(--cds-chat-button-text-hover, #0043ce);
5276
+ }
5277
+ .cds--chat-btn--quick-action:active {
5278
+ border-color: transparent;
5279
+ background: var(--cds-chat-button-active, rgba(141, 141, 141, 0.5));
5280
+ color: var(--cds-chat-button-text-hover, #0043ce);
5281
+ }
5282
+ .cds--chat-btn--quick-action.cds--btn--ghost:focus {
5283
+ border-color: var(--cds-focus, #0f62fe);
5284
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
5285
+ }
5286
+ .cds--chat-btn--quick-action.cds--btn--ghost:hover:focus {
5287
+ border-color: var(--cds-focus, #0f62fe);
5288
+ box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
5289
+ }
5290
+ .cds--chat-btn--quick-action[disabled],
5291
+ .cds--chat-btn--quick-action[disabled]:hover {
5292
+ border-color: var(--cds-button-disabled, #c6c6c6);
5293
+ color: var(--cds-button-disabled, #c6c6c6);
5294
+ }
5295
+ .cds--chat-btn--quick-action--selected,
5296
+ .cds--chat-btn--quick-action--selected[disabled],
5297
+ .cds--chat-btn--quick-action--selected[disabled]:hover {
5298
+ border-color: transparent;
5299
+ background: var(--cds-chat-button-selected, rgba(141, 141, 141, 0.2));
5300
+ color: var(--cds-chat-button-text-selected, #525252);
5301
+ }
5302
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover,
5303
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active {
5304
+ color: var(--cds-chat-button-text-selected, #525252);
5305
+ }
5306
+ .cds--chat-btn.cds--skeleton {
5307
+ overflow: hidden;
5308
+ }
5078
5309
  input:-webkit-autofill,
5079
5310
  input:-webkit-autofill:hover,
5080
5311
  input:-webkit-autofill:focus,
@@ -5212,7 +5443,7 @@ textarea:-webkit-autofill:focus {
5212
5443
  }
5213
5444
  .cds--label.cds--skeleton::before {
5214
5445
  position: absolute;
5215
- animation: 3000ms ease-in-out skeleton infinite;
5446
+ animation: 3000ms ease-in-out cds--skeleton infinite;
5216
5447
  background: var(--cds-skeleton-element, #c6c6c6);
5217
5448
  block-size: 100%;
5218
5449
  content: "";
@@ -5422,6 +5653,13 @@ fieldset[disabled] .cds--form__helper-text {
5422
5653
  .cds--checkbox-label::after {
5423
5654
  box-sizing: border-box;
5424
5655
  }
5656
+ @media print {
5657
+ .cds--checkbox-label::before,
5658
+ .cds--checkbox-label::after {
5659
+ -webkit-print-color-adjust: exact;
5660
+ print-color-adjust: exact;
5661
+ }
5662
+ }
5425
5663
  .cds--checkbox-label::before {
5426
5664
  position: absolute;
5427
5665
  border: 1px solid var(--cds-icon-primary, #161616);
@@ -5585,7 +5823,7 @@ fieldset[disabled] .cds--form__helper-text {
5585
5823
  }
5586
5824
  .cds--checkbox-label-text.cds--skeleton::before {
5587
5825
  position: absolute;
5588
- animation: 3000ms ease-in-out skeleton infinite;
5826
+ animation: 3000ms ease-in-out cds--skeleton infinite;
5589
5827
  background: var(--cds-skeleton-element, #c6c6c6);
5590
5828
  block-size: 100%;
5591
5829
  content: "";
@@ -5723,10 +5961,10 @@ fieldset[disabled] .cds--form__helper-text {
5723
5961
  border: none;
5724
5962
  }
5725
5963
  .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
5726
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
5964
+ animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
5727
5965
  }
5728
5966
  .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
5729
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
5967
+ animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
5730
5968
  }
5731
5969
  .cds--copy-btn svg {
5732
5970
  fill: var(--cds-icon-primary, #161616);
@@ -5869,11 +6107,11 @@ fieldset[disabled] .cds--form__helper-text {
5869
6107
  }
5870
6108
  .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before,
5871
6109
  .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
5872
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
6110
+ animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
5873
6111
  }
5874
6112
  .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before,
5875
6113
  .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
5876
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
6114
+ animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
5877
6115
  }
5878
6116
  .cds--snippet--inline code {
5879
6117
  padding: 0 0.5rem;
@@ -5979,7 +6217,6 @@ fieldset[disabled] .cds--form__helper-text {
5979
6217
  word-wrap: break-word;
5980
6218
  }
5981
6219
  .cds--snippet--multi .cds--snippet-container pre {
5982
- padding-block-end: 1.5rem;
5983
6220
  padding-inline-end: 2.5rem;
5984
6221
  }
5985
6222
  .cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {
@@ -6246,7 +6483,7 @@ fieldset[disabled] .cds--form__helper-text {
6246
6483
  }
6247
6484
  .cds--snippet.cds--skeleton span::before {
6248
6485
  position: absolute;
6249
- animation: 3000ms ease-in-out skeleton infinite;
6486
+ animation: 3000ms ease-in-out cds--skeleton infinite;
6250
6487
  background: var(--cds-skeleton-element, #c6c6c6);
6251
6488
  block-size: 100%;
6252
6489
  content: "";
@@ -6493,7 +6730,7 @@ fieldset[disabled] .cds--form__helper-text {
6493
6730
  .cds--text-input--password__visibility.cds--tooltip--visible::before, .cds--text-input--password__visibility.cds--tooltip--visible::after, .cds--text-input--password__visibility:hover::before, .cds--text-input--password__visibility:hover::after, .cds--text-input--password__visibility:focus::before, .cds--text-input--password__visibility:focus::after {
6494
6731
  opacity: 1;
6495
6732
  }
6496
- @keyframes tooltip-fade {
6733
+ @keyframes cds--tooltip-fade {
6497
6734
  from {
6498
6735
  opacity: 0;
6499
6736
  }
@@ -6513,7 +6750,7 @@ fieldset[disabled] .cds--form__helper-text {
6513
6750
  .cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before, .cds--text-input--password__visibility:hover .cds--assistive-text,
6514
6751
  .cds--text-input--password__visibility:hover + .cds--assistive-text, .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before, .cds--text-input--password__visibility:focus .cds--assistive-text,
6515
6752
  .cds--text-input--password__visibility:focus + .cds--assistive-text, .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before {
6516
- animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
6753
+ animation: cds--tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
6517
6754
  }
6518
6755
  .cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--hidden + .cds--assistive-text {
6519
6756
  overflow: hidden;
@@ -6672,7 +6909,7 @@ fieldset[disabled] .cds--form__helper-text {
6672
6909
  }
6673
6910
  .cds--skeleton.cds--text-input::before {
6674
6911
  position: absolute;
6675
- animation: 3000ms ease-in-out skeleton infinite;
6912
+ animation: 3000ms ease-in-out cds--skeleton infinite;
6676
6913
  background: var(--cds-skeleton-element, #c6c6c6);
6677
6914
  block-size: 100%;
6678
6915
  content: "";
@@ -6813,7 +7050,7 @@ fieldset[disabled] .cds--form__helper-text {
6813
7050
  transform: translateY(-50%);
6814
7051
  }
6815
7052
  .cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~ .cds--slug--revert)) {
6816
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
7053
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
6817
7054
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
6818
7055
  padding-inline-end: 2.5rem;
6819
7056
  }
@@ -6843,17 +7080,18 @@ fieldset[disabled] .cds--form__helper-text {
6843
7080
  --cds-layout-size-height-xs: 1.125rem;
6844
7081
  --cds-layout-size-height-sm: 1.125rem;
6845
7082
  --cds-layout-size-height-md: 1.5rem;
6846
- --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));
7083
+ --cds-layout-size-height-lg: 2rem;
7084
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
6847
7085
  font-size: var(--cds-label-01-font-size, 0.75rem);
6848
7086
  font-weight: var(--cds-label-01-font-weight, 400);
6849
7087
  line-height: var(--cds-label-01-line-height, 1.33333);
6850
7088
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
6851
7089
  background-color: var(--cds-tag-background-gray, #e0e0e0);
6852
- color: var(--cds-tag-color-gray, #393939);
7090
+ color: var(--cds-tag-color-gray, #161616);
6853
7091
  display: inline-flex;
6854
7092
  align-items: center;
6855
7093
  justify-content: center;
6856
- border-radius: 0.9375rem;
7094
+ border-radius: 1rem;
6857
7095
  margin: 0.25rem;
6858
7096
  cursor: default;
6859
7097
  max-inline-size: 100%;
@@ -6872,18 +7110,104 @@ fieldset[disabled] .cds--form__helper-text {
6872
7110
  .cds--layout--size-md .cds--tag {
6873
7111
  --cds-layout-size-height: var(--cds-layout-size-height-md);
6874
7112
  }
6875
- .cds--tag.cds--tag--interactive:hover,
7113
+ .cds--layout--size-lg .cds--tag {
7114
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
7115
+ }
7116
+ .cds--tag.cds--tag--operational {
7117
+ border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
7118
+ }
7119
+ .cds--tag.cds--tag--operational:hover {
7120
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
7121
+ }
6876
7122
  .cds--tag .cds--tag__close-icon:hover {
6877
7123
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
6878
7124
  }
7125
+ .cds--tag.cds--tag--lg {
7126
+ padding-inline-start: 0.75rem;
7127
+ }
7128
+ .cds--tag:has(.cds--tag__custom-icon) {
7129
+ padding-inline-start: 0.25rem;
7130
+ }
7131
+ .cds--tag.cds--tag--lg:not(.cds--tag--filter) {
7132
+ padding-inline: 0.75rem;
7133
+ }
7134
+ .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
7135
+ padding-inline-start: 0.5rem;
7136
+ }
6879
7137
  .cds--tag:not(:first-child) {
6880
7138
  margin-inline-start: 0;
6881
7139
  }
7140
+ .cds--tag__label {
7141
+ overflow: hidden;
7142
+ max-inline-size: 100%;
7143
+ text-overflow: ellipsis;
7144
+ white-space: nowrap;
7145
+ }
7146
+ .cds--tag--interactive:focus {
7147
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
7148
+ outline: none;
7149
+ }
7150
+ .cds--tag--interactive:hover {
7151
+ cursor: pointer;
7152
+ }
7153
+ .cds--tag--filter {
7154
+ cursor: pointer;
7155
+ padding-block-end: 0;
7156
+ padding-block-start: 0;
7157
+ padding-inline-end: 0;
7158
+ }
7159
+ .cds--tag--filter:hover {
7160
+ outline: none;
7161
+ }
7162
+ .cds--interactive--tag-children {
7163
+ display: inline-flex;
7164
+ place-items: center;
7165
+ }
7166
+ .cds--tag--selectable {
7167
+ border: 1px solid var(--cds-border-inverse, #161616);
7168
+ background-color: var(--cds-layer);
7169
+ color: var(--cds-text-primary, #161616);
7170
+ cursor: pointer;
7171
+ }
7172
+ .cds--tag--selectable:hover {
7173
+ background-color: var(--cds-layer-hover);
7174
+ outline: none;
7175
+ }
7176
+ .cds--tag--selectable:focus {
7177
+ outline: 2px solid var(--cds-focus, #0f62fe);
7178
+ outline-offset: 1px;
7179
+ }
7180
+ .cds--tag--selectable-selected {
7181
+ background-color: var(--cds-layer-selected-inverse, #161616);
7182
+ color: var(--cds-text-inverse, #ffffff);
7183
+ }
7184
+ .cds--tag--selectable-selected:hover {
7185
+ background-color: var(--cds-layer-selected-inverse, #161616);
7186
+ }
7187
+ .cds--tag--operational {
7188
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
7189
+ background-color: var(--cds-tag-background-gray, #e0e0e0);
7190
+ color: var(--cds-tag-color-gray, #161616);
7191
+ cursor: pointer;
7192
+ }
7193
+ .cds--tag--operational:hover {
7194
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
7195
+ outline: none;
7196
+ }
7197
+ .cds--tag--operational:focus {
7198
+ outline: 2px solid var(--cds-focus, #0f62fe);
7199
+ outline-offset: 1px;
7200
+ }
6882
7201
  .cds--tag--red {
6883
7202
  background-color: var(--cds-tag-background-red, #ffd7d9);
6884
7203
  color: var(--cds-tag-color-red, #750e13);
6885
7204
  }
6886
- .cds--tag--red.cds--tag--interactive:hover,
7205
+ .cds--tag--red.cds--tag--operational {
7206
+ border: 1px solid var(--cds-tag-border-red, #ff8389);
7207
+ }
7208
+ .cds--tag--red.cds--tag--operational:hover {
7209
+ background-color: var(--cds-tag-hover-red, #ffc2c5);
7210
+ }
6887
7211
  .cds--tag--red .cds--tag__close-icon:hover {
6888
7212
  background-color: var(--cds-tag-hover-red, #ffc2c5);
6889
7213
  }
@@ -6891,7 +7215,12 @@ fieldset[disabled] .cds--form__helper-text {
6891
7215
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
6892
7216
  color: var(--cds-tag-color-magenta, #740937);
6893
7217
  }
6894
- .cds--tag--magenta.cds--tag--interactive:hover,
7218
+ .cds--tag--magenta.cds--tag--operational {
7219
+ border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
7220
+ }
7221
+ .cds--tag--magenta.cds--tag--operational:hover {
7222
+ background-color: var(--cds-tag-hover-magenta, #ffbdda);
7223
+ }
6895
7224
  .cds--tag--magenta .cds--tag__close-icon:hover {
6896
7225
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
6897
7226
  }
@@ -6899,7 +7228,12 @@ fieldset[disabled] .cds--form__helper-text {
6899
7228
  background-color: var(--cds-tag-background-purple, #e8daff);
6900
7229
  color: var(--cds-tag-color-purple, #491d8b);
6901
7230
  }
6902
- .cds--tag--purple.cds--tag--interactive:hover,
7231
+ .cds--tag--purple.cds--tag--operational {
7232
+ border: 1px solid var(--cds-tag-border-purple, #be95ff);
7233
+ }
7234
+ .cds--tag--purple.cds--tag--operational:hover {
7235
+ background-color: var(--cds-tag-hover-purple, #dcc7ff);
7236
+ }
6903
7237
  .cds--tag--purple .cds--tag__close-icon:hover {
6904
7238
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
6905
7239
  }
@@ -6907,7 +7241,12 @@ fieldset[disabled] .cds--form__helper-text {
6907
7241
  background-color: var(--cds-tag-background-blue, #d0e2ff);
6908
7242
  color: var(--cds-tag-color-blue, #002d9c);
6909
7243
  }
6910
- .cds--tag--blue.cds--tag--interactive:hover,
7244
+ .cds--tag--blue.cds--tag--operational {
7245
+ border: 1px solid var(--cds-tag-border-blue, #78a9ff);
7246
+ }
7247
+ .cds--tag--blue.cds--tag--operational:hover {
7248
+ background-color: var(--cds-tag-hover-blue, #b8d3ff);
7249
+ }
6911
7250
  .cds--tag--blue .cds--tag__close-icon:hover {
6912
7251
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
6913
7252
  }
@@ -6915,7 +7254,12 @@ fieldset[disabled] .cds--form__helper-text {
6915
7254
  background-color: var(--cds-tag-background-cyan, #bae6ff);
6916
7255
  color: var(--cds-tag-color-cyan, #003a6d);
6917
7256
  }
6918
- .cds--tag--cyan.cds--tag--interactive:hover,
7257
+ .cds--tag--cyan.cds--tag--operational {
7258
+ border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
7259
+ }
7260
+ .cds--tag--cyan.cds--tag--operational:hover {
7261
+ background-color: var(--cds-tag-hover-cyan, #99daff);
7262
+ }
6919
7263
  .cds--tag--cyan .cds--tag__close-icon:hover {
6920
7264
  background-color: var(--cds-tag-hover-cyan, #99daff);
6921
7265
  }
@@ -6923,7 +7267,12 @@ fieldset[disabled] .cds--form__helper-text {
6923
7267
  background-color: var(--cds-tag-background-teal, #9ef0f0);
6924
7268
  color: var(--cds-tag-color-teal, #004144);
6925
7269
  }
6926
- .cds--tag--teal.cds--tag--interactive:hover,
7270
+ .cds--tag--teal.cds--tag--operational {
7271
+ border: 1px solid var(--cds-tag-border-teal, #08bdba);
7272
+ }
7273
+ .cds--tag--teal.cds--tag--operational:hover {
7274
+ background-color: var(--cds-tag-hover-teal, #57e5e5);
7275
+ }
6927
7276
  .cds--tag--teal .cds--tag__close-icon:hover {
6928
7277
  background-color: var(--cds-tag-hover-teal, #57e5e5);
6929
7278
  }
@@ -6931,49 +7280,80 @@ fieldset[disabled] .cds--form__helper-text {
6931
7280
  background-color: var(--cds-tag-background-green, #a7f0ba);
6932
7281
  color: var(--cds-tag-color-green, #044317);
6933
7282
  }
6934
- .cds--tag--green.cds--tag--interactive:hover,
7283
+ .cds--tag--green.cds--tag--operational {
7284
+ border: 1px solid var(--cds-tag-border-green, #42be65);
7285
+ }
7286
+ .cds--tag--green.cds--tag--operational:hover {
7287
+ background-color: var(--cds-tag-hover-green, #74e792);
7288
+ }
6935
7289
  .cds--tag--green .cds--tag__close-icon:hover {
6936
7290
  background-color: var(--cds-tag-hover-green, #74e792);
6937
7291
  }
6938
7292
  .cds--tag--gray {
6939
7293
  background-color: var(--cds-tag-background-gray, #e0e0e0);
6940
- color: var(--cds-tag-color-gray, #393939);
7294
+ color: var(--cds-tag-color-gray, #161616);
7295
+ }
7296
+ .cds--tag--gray.cds--tag--operational {
7297
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
7298
+ }
7299
+ .cds--tag--gray.cds--tag--operational:hover {
7300
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
6941
7301
  }
6942
- .cds--tag--gray.cds--tag--interactive:hover,
6943
7302
  .cds--tag--gray .cds--tag__close-icon:hover {
6944
7303
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
6945
7304
  }
6946
7305
  .cds--tag--cool-gray {
6947
7306
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
6948
- color: var(--cds-tag-color-cool-gray, #343a3f);
7307
+ color: var(--cds-tag-color-cool-gray, #121619);
7308
+ }
7309
+ .cds--tag--cool-gray.cds--tag--operational {
7310
+ border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
7311
+ }
7312
+ .cds--tag--cool-gray.cds--tag--operational:hover {
7313
+ background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
6949
7314
  }
6950
- .cds--tag--cool-gray.cds--tag--interactive:hover,
6951
7315
  .cds--tag--cool-gray .cds--tag__close-icon:hover {
6952
7316
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
6953
7317
  }
6954
7318
  .cds--tag--warm-gray {
6955
7319
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
6956
- color: var(--cds-tag-color-warm-gray, #3c3838);
7320
+ color: var(--cds-tag-color-warm-gray, #171414);
7321
+ }
7322
+ .cds--tag--warm-gray.cds--tag--operational {
7323
+ border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
7324
+ }
7325
+ .cds--tag--warm-gray.cds--tag--operational:hover {
7326
+ background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
6957
7327
  }
6958
- .cds--tag--warm-gray.cds--tag--interactive:hover,
6959
7328
  .cds--tag--warm-gray .cds--tag__close-icon:hover {
6960
7329
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
6961
7330
  }
6962
- .cds--tag--high-contrast {
7331
+ .cds--tag--high-contrast:not(.cds--tag--operational) {
6963
7332
  background-color: var(--cds-background-inverse, #393939);
6964
7333
  color: var(--cds-text-inverse, #ffffff);
6965
7334
  }
6966
- .cds--tag--high-contrast.cds--tag--interactive:hover,
6967
- .cds--tag--high-contrast .cds--tag__close-icon:hover {
7335
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
7336
+ border: 1px solid var(--cds-background-inverse, #393939);
7337
+ }
7338
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
6968
7339
  background-color: var(--cds-background-inverse-hover, #474747);
6969
7340
  }
6970
- .cds--tag--outline {
7341
+ .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
7342
+ background-color: var(--cds-background-inverse-hover, #474747);
7343
+ }
7344
+ .cds--tag--outline:not(.cds--tag--operational) {
6971
7345
  background-color: var(--cds-background, #ffffff);
6972
7346
  color: var(--cds-text-primary, #161616);
6973
- box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
7347
+ outline: 1px solid var(--cds-background-inverse, #393939);
7348
+ outline-offset: -1px;
6974
7349
  }
6975
- .cds--tag--outline.cds--tag--interactive:hover,
6976
- .cds--tag--outline .cds--tag__close-icon:hover {
7350
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
7351
+ border: 1px solid var(--cds-background, #ffffff);
7352
+ }
7353
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
7354
+ background-color: var(--cds-layer-hover);
7355
+ }
7356
+ .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
6977
7357
  background-color: var(--cds-layer-hover);
6978
7358
  }
6979
7359
  .cds--tag--disabled,
@@ -6983,11 +7363,18 @@ fieldset[disabled] .cds--form__helper-text {
6983
7363
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
6984
7364
  box-shadow: none;
6985
7365
  }
6986
- .cds--tag--disabled.cds--tag--interactive:hover,
7366
+ .cds--tag--disabled.cds--tag--operational,
7367
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
7368
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
7369
+ border: 1px solid var(--cds-layer);
7370
+ }
7371
+ .cds--tag--disabled.cds--tag--operational:hover,
7372
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
7373
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
7374
+ background-color: var(--cds-layer);
7375
+ }
6987
7376
  .cds--tag--disabled .cds--tag__close-icon:hover,
6988
- .cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,
6989
7377
  .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
6990
- .cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,
6991
7378
  .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
6992
7379
  background-color: var(--cds-layer);
6993
7380
  }
@@ -6996,27 +7383,16 @@ fieldset[disabled] .cds--form__helper-text {
6996
7383
  .cds--tag--interactive.cds--tag--disabled:hover {
6997
7384
  cursor: not-allowed;
6998
7385
  }
6999
- .cds--tag__label {
7000
- overflow: hidden;
7001
- max-inline-size: 100%;
7002
- text-overflow: ellipsis;
7003
- white-space: nowrap;
7004
- }
7005
- .cds--tag--interactive:focus {
7006
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
7007
- outline: none;
7008
- }
7009
- .cds--tag--interactive:hover {
7010
- cursor: pointer;
7011
- }
7012
- .cds--tag--filter {
7013
- cursor: pointer;
7014
- padding-block-end: 0;
7015
- padding-block-start: 0;
7016
- padding-inline-end: 0;
7386
+ .cds--tag--selectable.cds--tag--disabled,
7387
+ .cds--tag--operational.cds--tag--disabled {
7388
+ border: 1px solid var(--cds-border-disabled, #c6c6c6);
7389
+ background-color: var(--cds-layer);
7390
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
7017
7391
  }
7018
- .cds--tag--filter:hover {
7019
- outline: none;
7392
+ .cds--tag--selectable.cds--tag--disabled:hover,
7393
+ .cds--tag--operational.cds--tag--disabled:hover {
7394
+ background-color: var(--cds-layer);
7395
+ cursor: not-allowed;
7020
7396
  }
7021
7397
  .cds--tag--interactive {
7022
7398
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
@@ -7058,6 +7434,7 @@ fieldset[disabled] .cds--form__helper-text {
7058
7434
  cursor: not-allowed;
7059
7435
  }
7060
7436
  .cds--tag__close-icon:focus {
7437
+ z-index: 99999;
7061
7438
  border-radius: 50%;
7062
7439
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
7063
7440
  outline: none;
@@ -7096,7 +7473,7 @@ fieldset[disabled] .cds--form__helper-text {
7096
7473
  }
7097
7474
  .cds--tag.cds--skeleton::before {
7098
7475
  position: absolute;
7099
- animation: 3000ms ease-in-out skeleton infinite;
7476
+ animation: 3000ms ease-in-out cds--skeleton infinite;
7100
7477
  background: var(--cds-skeleton-element, #c6c6c6);
7101
7478
  block-size: 100%;
7102
7479
  content: "";
@@ -7108,7 +7485,12 @@ fieldset[disabled] .cds--form__helper-text {
7108
7485
  animation: none;
7109
7486
  }
7110
7487
  }
7111
- .cds--tag.cds--skeleton.cds--tag--interactive:hover,
7488
+ .cds--tag.cds--skeleton.cds--tag--operational {
7489
+ border: 1px solid var(--cds-skeleton-background, #e8e8e8);
7490
+ }
7491
+ .cds--tag.cds--skeleton.cds--tag--operational:hover {
7492
+ background-color: var(--cds-skeleton-background, #e8e8e8);
7493
+ }
7112
7494
  .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
7113
7495
  background-color: var(--cds-skeleton-background, #e8e8e8);
7114
7496
  }
@@ -7398,15 +7780,15 @@ fieldset[disabled] .cds--form__helper-text {
7398
7780
  outline: none;
7399
7781
  }
7400
7782
  .cds--list-box__field .cds--text-input {
7401
- padding-inline-end: 4.5rem;
7783
+ padding-inline-end: 5rem;
7402
7784
  }
7403
7785
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
7404
7786
  .cds--list-box--warning .cds--list-box__field .cds--text-input {
7405
- padding-inline-end: 6.125rem;
7787
+ padding-inline-end: 6.5625rem;
7406
7788
  }
7407
7789
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,
7408
7790
  .cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {
7409
- inset-inline-end: 4.125rem;
7791
+ inset-inline-end: 5.125rem;
7410
7792
  }
7411
7793
  .cds--list-box__field .cds--text-input--empty {
7412
7794
  padding-inline-end: 3rem;
@@ -7497,7 +7879,7 @@ fieldset[disabled] .cds--form__helper-text {
7497
7879
  inline-size: 1.5rem;
7498
7880
  inset-block-start: 50%;
7499
7881
  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
7500
- inset-inline-end: 2.25rem;
7882
+ inset-inline-end: 2.8125rem;
7501
7883
  transform: translateY(-50%);
7502
7884
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
7503
7885
  -webkit-user-select: none;
@@ -7571,7 +7953,12 @@ fieldset[disabled] .cds--form__helper-text {
7571
7953
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
7572
7954
  color: var(--cds-layer);
7573
7955
  }
7574
- .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--interactive:hover,
7956
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
7957
+ border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
7958
+ }
7959
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
7960
+ background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
7961
+ }
7575
7962
  .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
7576
7963
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
7577
7964
  }
@@ -7863,11 +8250,28 @@ fieldset[disabled] .cds--form__helper-text {
7863
8250
  .cds--list-box__wrapper--slug .cds--slug {
7864
8251
  position: absolute;
7865
8252
  inset-block-start: 50%;
7866
- inset-inline-end: 2.5rem;
8253
+ inset-inline-end: calc(2.5rem + 9px);
8254
+ margin-block-start: 0.03125rem;
7867
8255
  transform: translateY(-50%);
7868
8256
  }
8257
+ .cds--list-box__wrapper--slug .cds--slug::after,
8258
+ .cds--list-box__wrapper--slug .cds--slug::before {
8259
+ position: absolute;
8260
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
8261
+ block-size: 1rem;
8262
+ content: "";
8263
+ inline-size: 0.0625rem;
8264
+ }
8265
+ .cds--list-box__wrapper--slug .cds--slug::before {
8266
+ display: none;
8267
+ inset-inline-start: -0.5625rem;
8268
+ }
8269
+ .cds--list-box__wrapper--slug .cds--slug::after {
8270
+ display: block;
8271
+ inset-inline-end: -0.5625rem;
8272
+ }
7869
8273
  .cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {
7870
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
8274
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
7871
8275
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
7872
8276
  }
7873
8277
  .cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {
@@ -7888,18 +8292,24 @@ fieldset[disabled] .cds--form__helper-text {
7888
8292
  }
7889
8293
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
7890
8294
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
7891
- padding-inline-end: 7.5rem;
8295
+ padding-inline-end: 8.8125rem;
7892
8296
  }
7893
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,
7894
- .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug {
7895
- inset-inline-end: 4rem;
8297
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
8298
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
8299
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
8300
+ inset-inline-end: 5.1875rem;
7896
8301
  }
7897
- .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
7898
- inset-inline-end: 4rem;
8302
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
8303
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
8304
+ display: block;
7899
8305
  }
7900
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
8306
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
7901
8307
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
7902
- inset-inline-end: 5.5rem;
8308
+ inset-inline-end: calc(4rem + 18px);
8309
+ }
8310
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
8311
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
8312
+ inset-inline-end: 7.25rem;
7903
8313
  }
7904
8314
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
7905
8315
  .cds--list-box__field,
@@ -7923,6 +8333,29 @@ fieldset[disabled] .cds--form__helper-text {
7923
8333
  fill: ButtonText;
7924
8334
  }
7925
8335
  }
8336
+ .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
8337
+ position: absolute;
8338
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
8339
+ block-size: 1rem;
8340
+ content: "";
8341
+ inline-size: 0.0625rem;
8342
+ margin-inline-start: 2.0625rem;
8343
+ }
8344
+ .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
8345
+ .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
8346
+ position: absolute;
8347
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
8348
+ block-size: 1rem;
8349
+ content: "";
8350
+ inline-size: 0.0625rem;
8351
+ margin-inline-end: 2.0625rem;
8352
+ }
8353
+ .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
8354
+ inset-inline-end: 0.75rem;
8355
+ }
8356
+ .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
8357
+ inset-inline-end: 0.75rem;
8358
+ }
7926
8359
  .cds--combo-box:hover {
7927
8360
  background-color: var(--cds-field);
7928
8361
  }
@@ -8119,16 +8552,24 @@ fieldset[disabled] .cds--form__helper-text {
8119
8552
  column-gap: 0.0625rem;
8120
8553
  }
8121
8554
  .cds--combo-button__container--sm .cds--combo-button__primary-action {
8122
- min-inline-size: 9.9375rem;
8555
+ min-inline-size: 7.9375rem;
8123
8556
  }
8124
8557
  .cds--combo-button__container--md .cds--combo-button__primary-action {
8125
- min-inline-size: 9.4375rem;
8558
+ min-inline-size: 7.4375rem;
8126
8559
  }
8127
8560
  .cds--combo-button__container--lg .cds--combo-button__primary-action {
8128
- min-inline-size: 8.9375rem;
8561
+ min-inline-size: 6.9375rem;
8129
8562
  }
8130
8563
  .cds--combo-button__primary-action .cds--btn {
8131
8564
  inline-size: 100%;
8565
+ max-inline-size: 14.9375rem;
8566
+ min-inline-size: 6.9375rem;
8567
+ }
8568
+ .cds--combo-button__primary-action button {
8569
+ display: block;
8570
+ overflow: hidden;
8571
+ text-overflow: ellipsis;
8572
+ white-space: nowrap;
8132
8573
  }
8133
8574
  .cds--combo-button__trigger svg {
8134
8575
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -8136,6 +8577,15 @@ fieldset[disabled] .cds--form__helper-text {
8136
8577
  .cds--combo-button__container--open .cds--combo-button__trigger svg {
8137
8578
  transform: rotate(180deg);
8138
8579
  }
8580
+ .cds--combo-button__top {
8581
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
8582
+ }
8583
+ .cds--combo-button__top-start {
8584
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
8585
+ }
8586
+ .cds--combo-button__top-end {
8587
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
8588
+ }
8139
8589
  .cds--contained-list {
8140
8590
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
8141
8591
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
@@ -8655,6 +9105,8 @@ fieldset[disabled] .cds--form__helper-text {
8655
9105
  inline-size: 1px;
8656
9106
  visibility: inherit;
8657
9107
  white-space: nowrap;
9108
+ margin-block-start: 0.9rem;
9109
+ margin-inline-start: 0.63rem;
8658
9110
  visibility: inherit;
8659
9111
  }
8660
9112
  .cds--radio-button__label {
@@ -8717,6 +9169,12 @@ fieldset[disabled] .cds--form__helper-text {
8717
9169
  background-color: ButtonText;
8718
9170
  }
8719
9171
  }
9172
+ @media print {
9173
+ .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
9174
+ -webkit-print-color-adjust: exact;
9175
+ print-color-adjust: exact;
9176
+ }
9177
+ }
8720
9178
  .cds--radio-button:disabled + .cds--radio-button__label {
8721
9179
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8722
9180
  cursor: not-allowed;
@@ -8797,7 +9255,7 @@ fieldset[disabled] .cds--form__helper-text {
8797
9255
  }
8798
9256
  .cds--radio-button__label.cds--skeleton::before {
8799
9257
  position: absolute;
8800
- animation: 3000ms ease-in-out skeleton infinite;
9258
+ animation: 3000ms ease-in-out cds--skeleton infinite;
8801
9259
  background: var(--cds-skeleton-element, #c6c6c6);
8802
9260
  block-size: 100%;
8803
9261
  content: "";
@@ -8940,10 +9398,10 @@ fieldset[disabled] .cds--form__helper-text {
8940
9398
  border-block-start: 1px solid var(--cds-layer-hover);
8941
9399
  color: var(--cds-text-primary, #161616);
8942
9400
  }
8943
- .cds--data-table tr:hover .cds--link {
9401
+ .cds--data-table tr + :not(.cds--popover-container):hover .cds--link {
8944
9402
  color: var(--cds-link-secondary, #0043ce);
8945
9403
  }
8946
- .cds--data-table tr:hover .cds--link--disabled {
9404
+ .cds--data-table tr + :not(.cds--popover-container):hover .cds--link--disabled {
8947
9405
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8948
9406
  }
8949
9407
  .cds--data-table th,
@@ -9477,18 +9935,60 @@ tr.cds--data-table--selected:last-of-type td {
9477
9935
  inline-size: 1rem;
9478
9936
  padding-inline-end: 0;
9479
9937
  }
9480
- .cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
9481
- background-image: linear-gradient(90deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
9482
- border-block-end-color: var(--cds-ai-border-strong, #4589ff);
9938
+ tr.cds--data-table--slug-row,
9939
+ tr.cds--data-table--slug-row + .cds--expandable-row {
9940
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
9941
+ background-attachment: fixed;
9942
+ }
9943
+ .cds--data-table--slug-row {
9944
+ box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
9945
+ }
9946
+ .cds--data-table tbody tr.cds--data-table--slug-row:hover td,
9947
+ tr.cds--data-table--slug-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
9948
+ tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
9949
+ tr.cds--data-table--slug-row.cds--expandable-row--hover > td,
9950
+ tr.cds--data-table--selected.cds--data-table--slug-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
9951
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
9952
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
9953
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
9954
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
9955
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
9956
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
9957
+ background-color: transparent;
9958
+ }
9959
+ .cds--data-table tbody tr.cds--data-table--slug-row:hover,
9960
+ tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
9961
+ tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
9962
+ tr.cds--expandable-row--hover.cds--data-table--slug-row,
9963
+ tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
9964
+ background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
9965
+ background-attachment: fixed;
9966
+ }
9967
+ tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
9968
+ .cds--data-table--selected.cds--data-table--slug-row,
9969
+ tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
9970
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
9483
9971
  background-attachment: fixed;
9484
9972
  }
9973
+ tr.cds--data-table--slug-row.cds--data-table--selected td,
9974
+ tr.cds--data-table--slug-row.cds--data-table--selected:hover td,
9975
+ tbody tr.cds--data-table--slug-row:hover td,
9976
+ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
9977
+ border-block-end-color: var(--cds-border-subtle);
9978
+ }
9979
+ tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
9980
+ border-block-end: 1px solid var(--cds-layer-selected);
9981
+ }
9982
+ tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type {
9983
+ border-block-end: 1px solid transparent;
9984
+ }
9485
9985
  .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
9486
9986
  .cds--data-table thead th:has(> .cds--table-header-label--slug) {
9487
- background-image: linear-gradient(180deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
9488
- border-block-end-color: var(--cds-ai-border-strong, #4589ff);
9987
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
9489
9988
  }
9490
9989
  .cds--table-column-slug .cds--slug {
9491
9990
  position: absolute;
9991
+ z-index: 2;
9492
9992
  transform: translateY(-50%);
9493
9993
  }
9494
9994
  .cds--data-table--xl .cds--table-column-slug .cds--slug {
@@ -9499,10 +9999,21 @@ th .cds--table-header-label.cds--table-header-label--slug {
9499
9999
  align-items: center;
9500
10000
  }
9501
10001
  th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
9502
- margin-inline-start: 0.5rem;
10002
+ margin-inline-start: auto;
10003
+ }
10004
+ th.cds--table-sort__header--slug,
10005
+ th:has(.cds--table-header-label--slug) {
10006
+ box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
10007
+ }
10008
+ td.cds--table-cell--column-slug {
10009
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
10010
+ }
10011
+ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
10012
+ border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
9503
10013
  }
9504
10014
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
9505
- .cds--data-table-content {
10015
+ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,
10016
+ .cds--data-table-content {
9506
10017
  outline: 1px solid transparent;
9507
10018
  }
9508
10019
  }
@@ -9819,7 +10330,7 @@ th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
9819
10330
  .cds--search--md.cds--skeleton .cds--search-input::before,
9820
10331
  .cds--search--sm.cds--skeleton .cds--search-input::before {
9821
10332
  position: absolute;
9822
- animation: 3000ms ease-in-out skeleton infinite;
10333
+ animation: 3000ms ease-in-out cds--skeleton infinite;
9823
10334
  background: var(--cds-skeleton-element, #c6c6c6);
9824
10335
  block-size: 100%;
9825
10336
  content: "";
@@ -10093,8 +10604,9 @@ th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
10093
10604
  .cds--toolbar-action:hover:not([disabled]) {
10094
10605
  background-color: var(--cds-field-hover);
10095
10606
  }
10607
+ .cds--toolbar-action[aria-expanded=true],
10096
10608
  .cds--toolbar-action:hover[aria-expanded=true] {
10097
- background-color: var(--cds-layer);
10609
+ background-color: var(--cds-layer-02, #ffffff);
10098
10610
  }
10099
10611
  .cds--toolbar-action[disabled] {
10100
10612
  cursor: not-allowed;
@@ -10132,6 +10644,10 @@ th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
10132
10644
  inline-size: auto;
10133
10645
  max-inline-size: 1rem;
10134
10646
  }
10647
+ .cds--toolbar-action__menu,
10648
+ .cds--toolbar-action__menu.cds--overflow-menu-options::after {
10649
+ background-color: var(--cds-layer-02, #ffffff);
10650
+ }
10135
10651
  .cds--toolbar-search-container-persistent {
10136
10652
  position: relative;
10137
10653
  block-size: 3rem;
@@ -10423,15 +10939,17 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
10423
10939
  padding-inline-start: 3.5rem;
10424
10940
  transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10425
10941
  }
10426
- tbody:has(> tr.cds--parent-row--slug) > tr.cds--expandable-row[data-child-row] td,
10942
+ tbody:has(> tr.cds--data-table--slug-row) > tr.cds--expandable-row[data-child-row] td,
10427
10943
  tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
10428
10944
  padding-inline-start: 5.5rem;
10429
10945
  }
10430
- tbody:has(> tr.cds--parent-row--slug):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
10946
+ tbody:has(> tr.cds--data-table--slug-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
10431
10947
  padding-inline-start: 7.5rem;
10432
10948
  }
10433
10949
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
10434
10950
  max-block-size: 100%;
10951
+ padding-block: 1rem;
10952
+ padding-block-end: 1.5rem;
10435
10953
  }
10436
10954
  .cds--parent-row.cds--expandable-row > td,
10437
10955
  .cds--parent-row.cds--expandable-row + tr[data-child-row] > td {
@@ -10670,8 +11188,8 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
10670
11188
  .cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
10671
11189
  border-block-end: 1px solid transparent;
10672
11190
  }
10673
- .cds--parent-row--slug td,
10674
- .cds--data-table tr.cds--parent-row--slug:hover td {
11191
+ .cds--data-table--slug-row td,
11192
+ .cds--data-table tr.cds--data-table--slug-row:hover td {
10675
11193
  border-block-start: 1px solid transparent;
10676
11194
  }
10677
11195
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -10712,7 +11230,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
10712
11230
  .cds--data-table.cds--skeleton th span::before,
10713
11231
  .cds--data-table.cds--skeleton td span::before {
10714
11232
  position: absolute;
10715
- animation: 3000ms ease-in-out skeleton infinite;
11233
+ animation: 3000ms ease-in-out cds--skeleton infinite;
10716
11234
  background: var(--cds-skeleton-element, #c6c6c6);
10717
11235
  block-size: 100%;
10718
11236
  content: "";
@@ -10759,7 +11277,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
10759
11277
  }
10760
11278
  .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
10761
11279
  position: absolute;
10762
- animation: 3000ms ease-in-out skeleton infinite;
11280
+ animation: 3000ms ease-in-out cds--skeleton infinite;
10763
11281
  background: var(--cds-skeleton-element, #c6c6c6);
10764
11282
  block-size: 100%;
10765
11283
  content: "";
@@ -10789,7 +11307,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
10789
11307
  }
10790
11308
  .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
10791
11309
  position: absolute;
10792
- animation: 3000ms ease-in-out skeleton infinite;
11310
+ animation: 3000ms ease-in-out cds--skeleton infinite;
10793
11311
  background: var(--cds-skeleton-element, #c6c6c6);
10794
11312
  block-size: 100%;
10795
11313
  content: "";
@@ -10974,9 +11492,13 @@ th .cds--table-sort__flex {
10974
11492
  .cds--data-table--xl .cds--table-sort__icon {
10975
11493
  margin-block-start: 0.8125rem;
10976
11494
  }
11495
+ .cds--table-sort__header--slug .cds--table-sort__icon,
11496
+ .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
11497
+ margin-inline-end: 0.5rem;
11498
+ margin-inline-start: auto;
11499
+ }
10977
11500
  .cds--table-sort__header--slug .cds--slug {
10978
- margin-inline-end: auto;
10979
- margin-inline-start: 0.5rem;
11501
+ margin-inline-end: 0.5rem;
10980
11502
  }
10981
11503
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
10982
11504
  .cds--table-sort__icon,
@@ -11619,6 +12141,7 @@ th .cds--table-sort__flex {
11619
12141
  }
11620
12142
  .cds--date-picker__input:disabled ~ .cds--date-picker__icon {
11621
12143
  cursor: not-allowed;
12144
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
11622
12145
  }
11623
12146
  .cds--date-picker--range > .cds--date-picker-container:first-child {
11624
12147
  margin-inline-end: 0.0625rem;
@@ -11634,7 +12157,7 @@ th .cds--table-sort__flex {
11634
12157
  transform: translateY(-50%);
11635
12158
  }
11636
12159
  .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(:has(~ .cds--slug--revert)) {
11637
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
12160
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
11638
12161
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
11639
12162
  padding-inline-end: 4rem;
11640
12163
  }
@@ -11667,7 +12190,7 @@ th .cds--table-sort__flex {
11667
12190
  .cds--date-picker.cds--skeleton input::before,
11668
12191
  .cds--date-picker__input.cds--skeleton::before {
11669
12192
  position: absolute;
11670
- animation: 3000ms ease-in-out skeleton infinite;
12193
+ animation: 3000ms ease-in-out cds--skeleton infinite;
11671
12194
  background: var(--cds-skeleton-element, #c6c6c6);
11672
12195
  block-size: 100%;
11673
12196
  content: "";
@@ -11701,7 +12224,7 @@ th .cds--table-sort__flex {
11701
12224
  }
11702
12225
  .cds--date-picker.cds--skeleton .cds--label::before {
11703
12226
  position: absolute;
11704
- animation: 3000ms ease-in-out skeleton infinite;
12227
+ animation: 3000ms ease-in-out cds--skeleton infinite;
11705
12228
  background: var(--cds-skeleton-element, #c6c6c6);
11706
12229
  block-size: 100%;
11707
12230
  content: "";
@@ -12122,7 +12645,7 @@ button.cds--dropdown-text:focus {
12122
12645
  .cds--dropdown-v2.cds--skeleton::before,
12123
12646
  .cds--dropdown.cds--skeleton::before {
12124
12647
  position: absolute;
12125
- animation: 3000ms ease-in-out skeleton infinite;
12648
+ animation: 3000ms ease-in-out cds--skeleton infinite;
12126
12649
  background: var(--cds-skeleton-element, #c6c6c6);
12127
12650
  block-size: 100%;
12128
12651
  content: "";
@@ -12155,6 +12678,9 @@ button.cds--dropdown-text:focus {
12155
12678
  background-color: transparent;
12156
12679
  border-block-end-color: var(--cds-border-subtle);
12157
12680
  }
12681
+ .cds--dropdown--inline.cds--dropdown--readonly {
12682
+ border-block-end-color: transparent;
12683
+ }
12158
12684
  .cds--dropdown--readonly .cds--list-box__field,
12159
12685
  .cds--dropdown--readonly .cds--list-box__menu-icon {
12160
12686
  cursor: default;
@@ -12173,7 +12699,7 @@ button.cds--dropdown-text:focus {
12173
12699
  animation-duration: 690ms;
12174
12700
  animation-fill-mode: forwards;
12175
12701
  animation-iteration-count: infinite;
12176
- animation-name: rotate;
12702
+ animation-name: cds--rotate;
12177
12703
  animation-timing-function: linear;
12178
12704
  block-size: 5.5rem;
12179
12705
  inline-size: 5.5rem;
@@ -12185,7 +12711,7 @@ button.cds--dropdown-text:focus {
12185
12711
  }
12186
12712
  .cds--loading svg circle {
12187
12713
  animation-duration: 10ms;
12188
- animation-name: init-stroke;
12714
+ animation-name: cds--init-stroke;
12189
12715
  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
12190
12716
  }
12191
12717
  @media screen and (prefers-reduced-motion: reduce) {
@@ -12209,13 +12735,13 @@ button.cds--dropdown-text:focus {
12209
12735
  stroke-dashoffset: 143.759616;
12210
12736
  }
12211
12737
  .cds--loading--stop {
12212
- animation: rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
12738
+ animation: cds--rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, cds--rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
12213
12739
  }
12214
12740
  .cds--loading--stop svg circle {
12215
12741
  animation-delay: 700ms;
12216
12742
  animation-duration: 700ms;
12217
12743
  animation-fill-mode: forwards;
12218
- animation-name: stroke-end;
12744
+ animation-name: cds--stroke-end;
12219
12745
  animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
12220
12746
  }
12221
12747
  @media screen and (prefers-reduced-motion: reduce) {
@@ -12262,7 +12788,7 @@ button.cds--dropdown-text:focus {
12262
12788
  .cds--loading-overlay--stop {
12263
12789
  display: none;
12264
12790
  }
12265
- @keyframes rotate {
12791
+ @keyframes cds--rotate {
12266
12792
  0% {
12267
12793
  transform: rotate(0deg);
12268
12794
  }
@@ -12270,18 +12796,18 @@ button.cds--dropdown-text:focus {
12270
12796
  transform: rotate(360deg);
12271
12797
  }
12272
12798
  }
12273
- @keyframes rotate-end-p1 {
12799
+ @keyframes cds--rotate-end-p1 {
12274
12800
  100% {
12275
12801
  transform: rotate(360deg);
12276
12802
  }
12277
12803
  }
12278
- @keyframes rotate-end-p2 {
12804
+ @keyframes cds--rotate-end-p2 {
12279
12805
  100% {
12280
12806
  transform: rotate(-360deg);
12281
12807
  }
12282
12808
  }
12283
12809
  /* Stroke animations */
12284
- @keyframes init-stroke {
12810
+ @keyframes cds--init-stroke {
12285
12811
  0% {
12286
12812
  stroke-dashoffset: 276.4608;
12287
12813
  }
@@ -12289,7 +12815,7 @@ button.cds--dropdown-text:focus {
12289
12815
  stroke-dashoffset: 52.527552;
12290
12816
  }
12291
12817
  }
12292
- @keyframes stroke-end {
12818
+ @keyframes cds--stroke-end {
12293
12819
  0% {
12294
12820
  stroke-dashoffset: 52.527552;
12295
12821
  }
@@ -12371,6 +12897,7 @@ button.cds--dropdown-text:focus {
12371
12897
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
12372
12898
  cursor: no-drop;
12373
12899
  text-decoration: none;
12900
+ transition: none;
12374
12901
  }
12375
12902
  .cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
12376
12903
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -12896,6 +13423,24 @@ button.cds--dropdown-text:focus {
12896
13423
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
12897
13424
  padding-inline-end: 6rem;
12898
13425
  }
13426
+ .cds--list-box__wrapper--fluid .cds--list-box__selection {
13427
+ inset-inline-end: 2.5625rem;
13428
+ }
13429
+ .cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
13430
+ .cds--list-box__wrapper--fluid .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
13431
+ position: absolute;
13432
+ background-color: transparent;
13433
+ block-size: 1rem;
13434
+ content: "";
13435
+ inline-size: 0.0625rem;
13436
+ margin-inline-end: 2.0625rem;
13437
+ }
13438
+ .cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon {
13439
+ inset-inline-end: 0.75rem;
13440
+ }
13441
+ .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
13442
+ inset-inline-end: 0.75rem;
13443
+ }
12899
13444
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
12900
13445
  overflow: visible;
12901
13446
  padding: 0;
@@ -13152,7 +13697,7 @@ button.cds--dropdown-text:focus {
13152
13697
  inset-block-start: 2.6875rem;
13153
13698
  }
13154
13699
  .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(~ .cds--slug--revert)) {
13155
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
13700
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
13156
13701
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
13157
13702
  }
13158
13703
  .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(.cds--date-picker__input--invalid) {
@@ -13628,11 +14173,11 @@ button.cds--dropdown-text:focus {
13628
14173
  }
13629
14174
  .cds--number__input-wrapper--slug input[type=number]:not(:has(~ .cds--slug--revert)),
13630
14175
  .cds--number__input-wrapper--slug input[type=number]:disabled {
13631
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14176
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
13632
14177
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
13633
14178
  padding-inline-end: 7rem;
13634
14179
  }
13635
- .cds--number__input-wrapper--slug .cds--number__control-btn {
14180
+ .cds--number__input-wrapper--slug input[type=number]:not([data-invalid]):not(:has(~ .cds--slug--revert)) ~ .cds--number__controls .cds--number__control-btn {
13636
14181
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
13637
14182
  }
13638
14183
  .cds--number.cds--skeleton {
@@ -13652,7 +14197,7 @@ button.cds--dropdown-text:focus {
13652
14197
  }
13653
14198
  .cds--number.cds--skeleton::before {
13654
14199
  position: absolute;
13655
- animation: 3000ms ease-in-out skeleton infinite;
14200
+ animation: 3000ms ease-in-out cds--skeleton infinite;
13656
14201
  background: var(--cds-skeleton-element, #c6c6c6);
13657
14202
  block-size: 100%;
13658
14203
  content: "";
@@ -13850,7 +14395,7 @@ button.cds--dropdown-text:focus {
13850
14395
  padding-inline-end: 7.5rem;
13851
14396
  }
13852
14397
  .cds--number-input--fluid .cds--number__input-wrapper--slug:not(:has(~ .cds--slug--revert)) {
13853
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14398
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
13854
14399
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
13855
14400
  }
13856
14401
  .cds--search--fluid {
@@ -13886,6 +14431,7 @@ button.cds--dropdown-text:focus {
13886
14431
  block-size: 100%;
13887
14432
  }
13888
14433
  .cds--search--fluid .cds--search-magnifier-icon {
14434
+ color: var(--cds-icon-primary, #161616);
13889
14435
  inset: auto 1rem 0.8125rem auto;
13890
14436
  transform: none;
13891
14437
  }
@@ -13896,15 +14442,6 @@ button.cds--dropdown-text:focus {
13896
14442
  inset: auto 3rem 0 auto;
13897
14443
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
13898
14444
  }
13899
- .cds--search--fluid .cds--search-close::before {
13900
- position: absolute;
13901
- display: block;
13902
- background: var(--cds-border-subtle);
13903
- block-size: 1rem;
13904
- content: "";
13905
- inline-size: 0.0625rem;
13906
- inset: auto -0.0625rem 0.875rem auto;
13907
- }
13908
14445
  .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {
13909
14446
  outline: none;
13910
14447
  }
@@ -14157,7 +14694,7 @@ optgroup.cds--select-optgroup:disabled,
14157
14694
  }
14158
14695
  .cds--select.cds--skeleton::before {
14159
14696
  position: absolute;
14160
- animation: 3000ms ease-in-out skeleton infinite;
14697
+ animation: 3000ms ease-in-out cds--skeleton infinite;
14161
14698
  background: var(--cds-skeleton-element, #c6c6c6);
14162
14699
  block-size: 100%;
14163
14700
  content: "";
@@ -14179,7 +14716,7 @@ optgroup.cds--select-optgroup:disabled,
14179
14716
  transform: translateY(-50%);
14180
14717
  }
14181
14718
  .cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {
14182
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14719
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14183
14720
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
14184
14721
  padding-inline-end: 4rem;
14185
14722
  }
@@ -14434,7 +14971,7 @@ optgroup.cds--select-optgroup:disabled,
14434
14971
  transform: translate(0);
14435
14972
  }
14436
14973
  .cds--text-area__wrapper--slug .cds--text-area:not(:has(~ .cds--slug--revert)) {
14437
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14974
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14438
14975
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
14439
14976
  padding-inline-end: 2.5rem;
14440
14977
  }
@@ -14467,7 +15004,7 @@ optgroup.cds--select-optgroup:disabled,
14467
15004
  }
14468
15005
  .cds--text-area.cds--skeleton::before {
14469
15006
  position: absolute;
14470
- animation: 3000ms ease-in-out skeleton infinite;
15007
+ animation: 3000ms ease-in-out cds--skeleton infinite;
14471
15008
  background: var(--cds-skeleton-element, #c6c6c6);
14472
15009
  block-size: 100%;
14473
15010
  content: "";
@@ -14624,7 +15161,7 @@ optgroup.cds--select-optgroup:disabled,
14624
15161
  inline-size: 80%;
14625
15162
  }
14626
15163
  .cds--text-area--fluid .cds--text-area__wrapper--slug:not(:has(~ .cds--slug--revert)) {
14627
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
15164
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14628
15165
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
14629
15166
  }
14630
15167
  .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
@@ -14916,7 +15453,7 @@ optgroup.cds--select-optgroup:disabled,
14916
15453
  .cds--time-picker--fluid--skeleton.cds--time-picker--equal-width > *:first-child {
14917
15454
  inline-size: 50%;
14918
15455
  }
14919
- @keyframes stroke {
15456
+ @keyframes prefix--stroke {
14920
15457
  100% {
14921
15458
  stroke-dashoffset: 0;
14922
15459
  }
@@ -14955,7 +15492,7 @@ optgroup.cds--select-optgroup:disabled,
14955
15492
  .cds--inline-loading__checkmark {
14956
15493
  animation-duration: 250ms;
14957
15494
  animation-fill-mode: forwards;
14958
- animation-name: stroke;
15495
+ animation-name: cds--stroke;
14959
15496
  fill: none;
14960
15497
  stroke: var(--cds-interactive, #0f62fe);
14961
15498
  stroke-dasharray: 12;
@@ -15088,6 +15625,15 @@ optgroup.cds--select-optgroup:disabled,
15088
15625
  .cds--menu-button__trigger--open svg {
15089
15626
  transform: rotate(180deg);
15090
15627
  }
15628
+ .cds--menu-button__top {
15629
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
15630
+ }
15631
+ .cds--menu-button__top-start {
15632
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
15633
+ }
15634
+ .cds--menu-button__top-end {
15635
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
15636
+ }
15091
15637
  .cds--modal {
15092
15638
  position: fixed;
15093
15639
  z-index: 9000;
@@ -15375,48 +15921,12 @@ optgroup.cds--select-optgroup:disabled,
15375
15921
  }
15376
15922
  .cds--modal-scroll-content {
15377
15923
  border-block-end: 2px solid transparent;
15924
+ -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
15925
+ mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
15378
15926
  }
15379
15927
  .cds--modal-scroll-content > *:last-child {
15380
15928
  padding-block-end: 1.5rem;
15381
15929
  }
15382
- .cds--modal-content--overflow-indicator {
15383
- position: absolute;
15384
- background: var(--cds-layer);
15385
- block-size: 3rem;
15386
- grid-column: 1/-1;
15387
- grid-row: 2/-2;
15388
- inline-size: calc(100% - 1rem);
15389
- inset-block-end: 0;
15390
- inset-inline-start: 0;
15391
- pointer-events: none;
15392
- }
15393
- .cds--modal-content--overflow-indicator::before {
15394
- position: absolute;
15395
- background-image: linear-gradient(to bottom, transparent, var(--cds-layer));
15396
- block-size: 2rem;
15397
- content: "";
15398
- inline-size: 100%;
15399
- inset-block-start: -32px;
15400
- pointer-events: none;
15401
- }
15402
- @media not all and (min-resolution >= 0.001dpcm) {
15403
- @supports (-webkit-appearance: none) and (stroke-color: transparent) {
15404
- .cds--modal-content--overflow-indicator {
15405
- background-image: linear-gradient(to bottom, rgba(var(--cds-layer), 0), var(--cds-layer));
15406
- }
15407
- }
15408
- }
15409
- .cds--modal-content:focus ~ .cds--modal-content--overflow-indicator {
15410
- margin: 0 2px 2px;
15411
- }
15412
- @media screen and (-ms-high-contrast: active) {
15413
- .cds--modal-scroll-content > *:last-child {
15414
- padding-block-end: 0;
15415
- }
15416
- .cds--modal-content--overflow-indicator {
15417
- display: none;
15418
- }
15419
- }
15420
15930
  .cds--modal-footer {
15421
15931
  display: flex;
15422
15932
  justify-content: flex-end;
@@ -15471,32 +15981,46 @@ optgroup.cds--select-optgroup:disabled,
15471
15981
  overflow: hidden;
15472
15982
  }
15473
15983
  .cds--body--with-modal-open .cds--modal .cds--tooltip,
15474
- .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options {
15984
+ .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
15985
+ .cds--body--with-modal-open .cds--overflow-menu-options {
15475
15986
  z-index: 9000;
15476
15987
  }
15477
15988
  .cds--modal-container--full-width .cds--modal-content {
15478
15989
  padding: 0;
15479
15990
  margin: 0;
15480
15991
  }
15992
+ .cds--modal--slug.cds--modal {
15993
+ background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
15994
+ }
15481
15995
  .cds--modal--slug .cds--modal-container {
15482
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
15996
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
15997
+ border: 1px solid transparent;
15483
15998
  background-color: var(--cds-layer);
15999
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
15484
16000
  }
15485
- .cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
15486
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
15487
- background-color: var(--cds-layer);
16001
+ .cds--modal--slug .cds--modal-container:has(.cds--modal-footer) {
16002
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
16003
+ box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
15488
16004
  }
15489
16005
  .cds--modal--slug .cds--slug {
15490
16006
  position: absolute;
15491
16007
  inset-block-start: 0;
15492
16008
  inset-inline-end: 0;
15493
16009
  }
16010
+ .cds--modal--slug .cds--modal-content.cds--modal-scroll-content {
16011
+ -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
16012
+ mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
16013
+ }
15494
16014
  .cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
15495
16015
  .cds--modal-header > .cds--modal-close-button ~ .cds--slug,
15496
16016
  .cds--modal--slug .cds--modal-container-body > .cds--slug {
15497
16017
  inset-inline-end: 3rem;
15498
16018
  }
15499
- /* stylelint-disable */
16019
+ .cds--modal--slug .cds--modal-content--overflow-indicator::before,
16020
+ .cds--modal--slug .cds--modal-content--overflow-indicator {
16021
+ display: none;
16022
+ }
16023
+ /* stylelint-disable no-duplicate-selectors */
15500
16024
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
15501
16025
  .cds--modal-close__icon {
15502
16026
  fill: ButtonText;
@@ -15508,7 +16032,7 @@ optgroup.cds--select-optgroup:disabled,
15508
16032
  outline: 1px solid Highlight;
15509
16033
  }
15510
16034
  }
15511
- /* stylelint-enable */
16035
+ /* stylelint-enable no-duplicate-selectors */
15512
16036
  .cds--inline-notification {
15513
16037
  position: relative;
15514
16038
  display: flex;
@@ -16268,6 +16792,11 @@ optgroup.cds--select-optgroup:disabled,
16268
16792
  fill: #000000;
16269
16793
  opacity: 1;
16270
16794
  }
16795
+ .cds--actionable-notification--warning .cds--inline-notification__icon path[opacity="0"],
16796
+ .cds--actionable-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
16797
+ fill: #000000;
16798
+ opacity: 1;
16799
+ }
16271
16800
  .cds--actionable-notification__details {
16272
16801
  display: flex;
16273
16802
  flex-grow: 1;
@@ -17145,7 +17674,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17145
17674
  position: absolute;
17146
17675
  animation-duration: 1400ms;
17147
17676
  animation-iteration-count: infinite;
17148
- animation-name: progress-bar-indeterminate;
17677
+ animation-name: cds--progress-bar-indeterminate;
17149
17678
  animation-timing-function: linear;
17150
17679
  background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
17151
17680
  background-position-x: 0%;
@@ -17154,7 +17683,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17154
17683
  inset: 0;
17155
17684
  }
17156
17685
  [dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track::after {
17157
- animation-name: progress-bar-indeterminate-rtl;
17686
+ animation-name: cds--progress-bar-indeterminate-rtl;
17158
17687
  }
17159
17688
  .cds--progress-bar__helper-text {
17160
17689
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
@@ -17199,7 +17728,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17199
17728
  justify-content: flex-start;
17200
17729
  margin-inline-end: 0;
17201
17730
  }
17202
- @keyframes progress-bar-indeterminate {
17731
+ @keyframes cds--progress-bar-indeterminate {
17203
17732
  0% {
17204
17733
  background-position-x: 25%;
17205
17734
  }
@@ -17207,7 +17736,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17207
17736
  background-position-x: -105%;
17208
17737
  }
17209
17738
  }
17210
- @keyframes progress-bar-indeterminate-rtl {
17739
+ @keyframes cds--progress-bar-indeterminate-rtl {
17211
17740
  0% {
17212
17741
  background-position-x: -105%;
17213
17742
  }
@@ -17480,7 +18009,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17480
18009
  }
17481
18010
  .cds--progress.cds--skeleton .cds--progress-label::before {
17482
18011
  position: absolute;
17483
- animation: 3000ms ease-in-out skeleton infinite;
18012
+ animation: 3000ms ease-in-out cds--skeleton infinite;
17484
18013
  background: var(--cds-skeleton-element, #c6c6c6);
17485
18014
  block-size: 100%;
17486
18015
  content: "";
@@ -17539,6 +18068,14 @@ span.cds--pagination__text.cds--pagination__items-count {
17539
18068
  inset-block-start: 0;
17540
18069
  inset-inline-start: 0;
17541
18070
  }
18071
+ @keyframes ai-skeleton-animation {
18072
+ 0% {
18073
+ transform: translateX(-100%);
18074
+ }
18075
+ 100% {
18076
+ transform: translateX(100%);
18077
+ }
18078
+ }
17542
18079
  .cds--icon--skeleton {
17543
18080
  position: relative;
17544
18081
  padding: 0;
@@ -17557,7 +18094,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17557
18094
  }
17558
18095
  .cds--icon--skeleton::before {
17559
18096
  position: absolute;
17560
- animation: 3000ms ease-in-out skeleton infinite;
18097
+ animation: 3000ms ease-in-out cds--skeleton infinite;
17561
18098
  background: var(--cds-skeleton-element, #c6c6c6);
17562
18099
  block-size: 100%;
17563
18100
  content: "";
@@ -17586,7 +18123,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17586
18123
  }
17587
18124
  .cds--skeleton__placeholder::before {
17588
18125
  position: absolute;
17589
- animation: 3000ms ease-in-out skeleton infinite;
18126
+ animation: 3000ms ease-in-out cds--skeleton infinite;
17590
18127
  background: var(--cds-skeleton-element, #c6c6c6);
17591
18128
  block-size: 100%;
17592
18129
  content: "";
@@ -17616,7 +18153,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17616
18153
  }
17617
18154
  .cds--skeleton__text::before {
17618
18155
  position: absolute;
17619
- animation: 3000ms ease-in-out skeleton infinite;
18156
+ animation: 3000ms ease-in-out cds--skeleton infinite;
17620
18157
  background: var(--cds-skeleton-element, #c6c6c6);
17621
18158
  block-size: 100%;
17622
18159
  content: "";
@@ -17631,6 +18168,31 @@ span.cds--pagination__text.cds--pagination__items-count {
17631
18168
  .cds--skeleton__heading {
17632
18169
  block-size: 1.5rem;
17633
18170
  }
18171
+ .cds--skeleton__text--ai,
18172
+ .cds--skeleton__placeholder--ai,
18173
+ .cds--skeleton__icon--ai {
18174
+ overflow: hidden;
18175
+ background: var(--cds-ai-skeleton-background, #d0e2ff);
18176
+ }
18177
+ .cds--skeleton__text--ai::before,
18178
+ .cds--skeleton__placeholder--ai::before,
18179
+ .cds--skeleton__icon--ai::before {
18180
+ animation: 1250ms ease-in-out ai-skeleton-animation infinite;
18181
+ background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
18182
+ }
18183
+ .cds--skeleton__placeholder--ai::before,
18184
+ .cds--skeleton__icon--ai::before {
18185
+ inline-size: 200%;
18186
+ }
18187
+ .cds--skeleton__placeholder--ai {
18188
+ border-radius: 0.5rem;
18189
+ }
18190
+ .cds--skeleton__text--ai {
18191
+ border-radius: 1rem;
18192
+ }
18193
+ .cds--skeleton__icon--ai {
18194
+ border-radius: 0.125rem;
18195
+ }
17634
18196
  .cds--slider-container {
17635
18197
  position: relative;
17636
18198
  display: flex;
@@ -17964,7 +18526,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17964
18526
  }
17965
18527
  .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
17966
18528
  position: absolute;
17967
- animation: 3000ms ease-in-out skeleton infinite;
18529
+ animation: 3000ms ease-in-out cds--skeleton infinite;
17968
18530
  background: var(--cds-skeleton-element, #c6c6c6);
17969
18531
  block-size: 100%;
17970
18532
  content: "";
@@ -18068,6 +18630,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18068
18630
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
18069
18631
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
18070
18632
  --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
18633
+ --cds-link-visited-text-color: var(--cds-link-inverse, #78a9ff);
18071
18634
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
18072
18635
  font-size: var(--cds-body-01-font-size, 0.875rem);
18073
18636
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -18101,128 +18664,79 @@ span.cds--pagination__text.cds--pagination__items-count {
18101
18664
  display: flex;
18102
18665
  align-items: center;
18103
18666
  justify-content: center;
18104
- color: var(--cds-text-inverse, #ffffff);
18667
+ border: 1px solid var(--cds-border-inverse, #161616);
18668
+ background: transparent;
18669
+ color: var(--cds-text-primary, #161616);
18105
18670
  font-weight: 600;
18106
- 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);
18671
+ outline: none;
18672
+ transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
18107
18673
  }
18108
18674
  .cds--slug .cds--slug__button--mini {
18109
18675
  height: 1rem;
18110
18676
  width: 1rem;
18111
18677
  font-size: 0.5625rem;
18112
18678
  line-height: 0.75rem;
18113
- background: var(--cds-slug-background, #525252);
18114
18679
  }
18115
18680
  .cds--slug .cds--slug__button--2xs {
18116
18681
  height: 1.25rem;
18117
18682
  width: 1.25rem;
18118
18683
  font-size: 0.75rem;
18119
18684
  line-height: 1rem;
18120
- background: var(--cds-slug-background, #525252);
18121
18685
  }
18122
18686
  .cds--slug .cds--slug__button--xs {
18123
18687
  height: 1.5rem;
18124
18688
  width: 1.5rem;
18125
18689
  font-size: 0.75rem;
18126
18690
  line-height: 1rem;
18127
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
18128
18691
  }
18129
18692
  .cds--slug .cds--slug__button--sm {
18130
18693
  height: 2rem;
18131
18694
  width: 2rem;
18132
18695
  font-size: 1rem;
18133
18696
  line-height: 1.3125rem;
18134
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
18135
18697
  }
18136
18698
  .cds--slug .cds--slug__button--md {
18137
18699
  height: 2.5rem;
18138
18700
  width: 2.5rem;
18139
18701
  font-size: 1rem;
18140
18702
  line-height: 1.3125rem;
18141
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
18142
18703
  }
18143
18704
  .cds--slug .cds--slug__button--lg {
18144
18705
  height: 3rem;
18145
18706
  width: 3rem;
18146
18707
  font-size: 1rem;
18147
18708
  line-height: 1.3125rem;
18148
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
18149
18709
  }
18150
18710
  .cds--slug .cds--slug__button--xl {
18151
18711
  height: 4rem;
18152
18712
  width: 4rem;
18153
18713
  font-size: 1.25rem;
18154
18714
  line-height: 1.625rem;
18155
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
18156
18715
  }
18157
18716
  .cds--slug .cds--slug__button:focus {
18158
- box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
18159
- outline: none;
18160
- }
18161
- .cds--slug__text {
18162
- position: relative;
18163
- z-index: 1;
18164
- }
18165
- .cds--slug__button::before {
18166
- position: absolute;
18167
- background: var(--cds-slug-gradient-hover, #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%));
18168
- block-size: 100%;
18169
- content: "";
18170
- inline-size: 100%;
18171
- opacity: 0;
18172
- transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
18173
- }
18174
- .cds--slug__button.cds--slug__button--mini::after,
18175
- .cds--slug__button.cds--slug__button--2xs::after {
18176
- position: absolute;
18177
- block-size: 1.5rem;
18178
- content: "";
18179
- inline-size: 1.5rem;
18180
- opacity: 0;
18181
- }
18182
- .cds--slug__button:hover::before {
18183
- opacity: 1;
18717
+ border: 1px solid var(--cds-focus, #0f62fe);
18718
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
18184
18719
  }
18185
- .cds--slug .cds--slug__button:focus::before {
18186
- block-size: calc(100% - 6px);
18187
- inline-size: calc(100% - 6px);
18720
+ .cds--slug .cds--slug__button.cds--slug__button--mini:focus,
18721
+ .cds--slug .cds--slug__button.cds--slug__button--2xs:focus {
18722
+ box-shadow: none;
18188
18723
  }
18189
- .cds--slug__button.cds--slug__button--mini::before,
18190
- .cds--slug__button.cds--slug__button--2xs::before {
18191
- background: var(--cds-slug-background-hover, #6f6f6f);
18724
+ .cds--slug .cds--slug__button:hover {
18725
+ background: var(--cds-border-inverse, #161616);
18726
+ color: var(--cds-text-inverse, #ffffff);
18192
18727
  }
18193
- .cds--slug__button.cds--slug__button--mini:focus,
18194
- .cds--slug__button.cds--slug__button--2xs:focus {
18728
+ .cds--slug .cds--slug__button:hover:active {
18729
+ background: var(--cds-border-inverse, #161616);
18195
18730
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
18731
+ color: var(--cds-text-inverse, #ffffff);
18196
18732
  }
18197
- .cds--slug__button.cds--slug__button--mini:focus::before,
18198
- .cds--slug__button.cds--slug__button--2xs:focus::before {
18199
- block-size: calc(100% - 4px);
18200
- inline-size: calc(100% - 4px);
18201
- }
18202
- .cds--slug__button--hollow.cds--slug__button--sm,
18203
- .cds--slug__button--hollow.cds--slug__button--md,
18204
- .cds--slug__button--hollow.cds--slug__button--lg,
18205
- .cds--slug__button--hollow.cds--slug__button--xl {
18206
- block-size: 1.5rem;
18207
- font-size: 0.75rem;
18208
- inline-size: 1.5rem;
18209
- line-height: 1rem;
18210
- }
18211
- .cds--slug__button--hollow::before {
18212
- display: none;
18213
- }
18214
- .cds--slug .cds--slug__button--hollow {
18215
- border: 1px solid var(--cds-border-inverse, #161616);
18216
- background: transparent;
18217
- color: var(--cds-text-primary, #161616);
18218
- }
18219
- .cds--slug__button--hollow:hover {
18220
- border-color: var(--cds-slug-hollow-hover, #474747);
18221
- color: var(--cds-slug-hollow-hover, #474747);
18733
+ .cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
18734
+ .cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
18735
+ box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
18222
18736
  }
18223
- .cds--slug__button--hollow:focus {
18224
- border-color: var(--cds-focus, #0f62fe);
18225
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
18737
+ .cds--slug__text {
18738
+ position: relative;
18739
+ z-index: 1;
18226
18740
  }
18227
18741
  .cds--slug .cds--slug__button--inline {
18228
18742
  border: 1px solid transparent;
@@ -18242,8 +18756,11 @@ span.cds--pagination__text.cds--pagination__items-count {
18242
18756
  border-color: var(--cds-focus, #0f62fe);
18243
18757
  box-shadow: none;
18244
18758
  }
18245
- .cds--slug .cds--slug__button--inline:hover {
18759
+ .cds--slug .cds--slug__button--inline:hover,
18760
+ .cds--slug .cds--slug__button--inline:hover:active {
18246
18761
  border-color: var(--cds-icon-secondary, #525252);
18762
+ background: transparent;
18763
+ box-shadow: none;
18247
18764
  color: var(--cds-text-secondary, #525252);
18248
18765
  }
18249
18766
  .cds--slug .cds--slug__button--inline:focus:hover {
@@ -18252,14 +18769,11 @@ span.cds--pagination__text.cds--pagination__items-count {
18252
18769
  .cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
18253
18770
  background: var(--cds-icon-secondary, #525252);
18254
18771
  }
18255
- .cds--slug--hollow .cds--slug__button--inline:hover .cds--slug__text::before {
18256
- background: transparent;
18257
- box-shadow: inset 0 0 0 1px var(--cds-icon-secondary, #525252);
18258
- }
18259
18772
  .cds--slug__button--inline .cds--slug__text {
18260
18773
  padding-inline-start: 0.5rem;
18261
18774
  }
18262
- .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text {
18775
+ .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
18776
+ .cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
18263
18777
  padding-inline-start: 0.75rem;
18264
18778
  }
18265
18779
  .cds--slug__button--inline .cds--slug__text::before {
@@ -18275,18 +18789,8 @@ span.cds--pagination__text.cds--pagination__items-count {
18275
18789
  transform: translateY(-50%);
18276
18790
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
18277
18791
  }
18278
- .cds--slug--hollow .cds--slug__text::before {
18279
- background: transparent;
18280
- block-size: 0.375rem;
18281
- box-shadow: inset 0 0 0 1px var(--cds-icon-primary, #161616);
18282
- inline-size: 0.375rem;
18283
- }
18284
- .cds--slug--hollow .cds--slug__button--sm .cds--slug__text,
18285
- .cds--slug--hollow .cds--slug__button--md .cds--slug__text {
18286
- padding-inline-start: 0.5625rem;
18287
- }
18288
18792
  .cds--slug__button--lg .cds--slug__text::before,
18289
- .cds--slug--hollow .cds--slug__button--lg .cds--slug__text::before {
18793
+ .cds--slug__button--xl .cds--slug__text::before {
18290
18794
  block-size: 0.5rem;
18291
18795
  inline-size: 0.5rem;
18292
18796
  }
@@ -18319,25 +18823,36 @@ span.cds--pagination__text.cds--pagination__items-count {
18319
18823
  .cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
18320
18824
  font-size: 0.875rem;
18321
18825
  }
18322
- .cds--slug .cds--slug__button--inline-with-content:focus {
18826
+ .cds--slug .cds--slug__button--inline-with-content:focus,
18827
+ .cds--slug .cds--slug__button--inline-with-content:hover:focus {
18323
18828
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
18324
18829
  }
18325
- .cds--slug.cds--slug--hollow .cds--toggletip-content {
18326
- row-gap: 0;
18327
- }
18328
- .cds--slug.cds--slug--enabled .cds--slug-content {
18329
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
18830
+ .cds--slug .cds--slug-content {
18831
+ background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
18330
18832
  border: 1px solid transparent;
18331
18833
  border-radius: 0.5rem;
18332
- box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-slug-callout-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-slug-callout-shadow-outer-02, rgba(0, 0, 0, 0.1));
18834
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));
18333
18835
  color: var(--cds-text-primary, #161616);
18334
18836
  min-inline-size: 17.5rem;
18335
18837
  }
18336
- .cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
18838
+ .cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,
18839
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
18337
18840
  background: transparent;
18338
18841
  clip-path: none;
18339
18842
  }
18340
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
18843
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
18844
+ .cds--popover--top-right,
18845
+ .cds--popover--top-left,
18846
+ .cds--popover--bottom,
18847
+ .cds--popover--bottom-right,
18848
+ .cds--popover--bottom-left,
18849
+ .cds--popover--left,
18850
+ .cds--popover--left-top,
18851
+ .cds--popover--left-bottom,
18852
+ .cds--popover--right,
18853
+ .cds--popover--right-top,
18854
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before,
18855
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
18341
18856
  .cds--popover--top-right,
18342
18857
  .cds--popover--top-left,
18343
18858
  .cds--popover--bottom,
@@ -18348,10 +18863,10 @@ span.cds--pagination__text.cds--pagination__items-count {
18348
18863
  .cds--popover--left-bottom,
18349
18864
  .cds--popover--right,
18350
18865
  .cds--popover--right-top,
18351
- .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before {
18866
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
18352
18867
  position: absolute;
18353
18868
  display: block;
18354
- border: 1px solid var(--cds-ai-border-start, #78a9ff);
18869
+ border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
18355
18870
  background: var(--cds-background, #ffffff);
18356
18871
  block-size: 0.75rem;
18357
18872
  clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
@@ -18359,7 +18874,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18359
18874
  inline-size: 0.75rem;
18360
18875
  transform: rotate(45deg);
18361
18876
  }
18362
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
18877
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
18363
18878
  .cds--popover--top-right,
18364
18879
  .cds--popover--top-left,
18365
18880
  .cds--popover--bottom,
@@ -18370,7 +18885,19 @@ span.cds--pagination__text.cds--pagination__items-count {
18370
18885
  .cds--popover--left-bottom,
18371
18886
  .cds--popover--right,
18372
18887
  .cds--popover--right-top,
18373
- .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
18888
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after,
18889
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
18890
+ .cds--popover--top-right,
18891
+ .cds--popover--top-left,
18892
+ .cds--popover--bottom,
18893
+ .cds--popover--bottom-right,
18894
+ .cds--popover--bottom-left,
18895
+ .cds--popover--left,
18896
+ .cds--popover--left-top,
18897
+ .cds--popover--left-bottom,
18898
+ .cds--popover--right,
18899
+ .cds--popover--right-top,
18900
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
18374
18901
  position: absolute;
18375
18902
  display: block;
18376
18903
  background: var(--cds-background, #ffffff);
@@ -18378,16 +18905,22 @@ span.cds--pagination__text.cds--pagination__items-count {
18378
18905
  content: "";
18379
18906
  inline-size: 0.125rem;
18380
18907
  }
18381
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
18908
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
18382
18909
  .cds--popover--top-right,
18383
- .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
18910
+ .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before,
18911
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
18912
+ .cds--popover--top-right,
18913
+ .cds--popover--top-left) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
18384
18914
  inset-block-end: 0.0625rem;
18385
18915
  transform: rotate(-135deg);
18386
18916
  }
18387
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
18917
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
18918
+ .cds--popover--top-right,
18919
+ .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after,
18920
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
18388
18921
  .cds--popover--top-right,
18389
- .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
18390
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
18922
+ .cds--popover--top-left) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
18923
+ background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
18391
18924
  block-size: 0.125rem;
18392
18925
  border-end-end-radius: 50%;
18393
18926
  border-end-start-radius: 50%;
@@ -18395,34 +18928,46 @@ span.cds--pagination__text.cds--pagination__items-count {
18395
18928
  inset-block-start: -0.125rem;
18396
18929
  inset-inline-start: -0.0625rem;
18397
18930
  }
18398
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
18931
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
18399
18932
  .cds--popover--top-right,
18400
18933
  .cds--popover--top-left) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
18401
18934
  display: none;
18402
18935
  }
18403
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
18936
+ .cds--slug > .cds--toggletip:is(.cds--popover--right,
18404
18937
  .cds--popover--right-bottom,
18405
- .cds--popover--right-top) > .cds--popover > .cds--popover-caret::before {
18938
+ .cds--popover--right-top) > .cds--popover > .cds--popover-caret::before,
18939
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
18940
+ .cds--popover--right-bottom,
18941
+ .cds--popover--right-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
18406
18942
  inset-inline-start: 0.0625rem;
18407
18943
  transform: rotate(-45deg);
18408
18944
  }
18409
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
18945
+ .cds--slug > .cds--toggletip:is(.cds--popover--right,
18946
+ .cds--popover--right-bottom,
18947
+ .cds--popover--right-top) > .cds--popover > .cds--popover-caret::after,
18948
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
18410
18949
  .cds--popover--right-bottom,
18411
- .cds--popover--right-top) > .cds--popover > .cds--popover-caret::after {
18950
+ .cds--popover--right-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
18412
18951
  border-end-start-radius: 50%;
18413
18952
  border-start-start-radius: 50%;
18414
18953
  inset-block-start: -0.0625rem;
18415
18954
  inset-inline-start: 0.375rem;
18416
18955
  }
18417
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
18956
+ .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
18418
18957
  .cds--popover--bottom-left,
18419
- .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before {
18958
+ .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before,
18959
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
18960
+ .cds--popover--bottom-left,
18961
+ .cds--popover--bottom-right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
18420
18962
  inset-block-start: 0.0625rem;
18421
18963
  transform: rotate(45deg);
18422
18964
  }
18423
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
18965
+ .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
18966
+ .cds--popover--bottom-left,
18967
+ .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after,
18968
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
18424
18969
  .cds--popover--bottom-left,
18425
- .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after {
18970
+ .cds--popover--bottom-right) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
18426
18971
  block-size: 0.125rem;
18427
18972
  border-start-end-radius: 50%;
18428
18973
  border-start-start-radius: 50%;
@@ -18430,55 +18975,72 @@ span.cds--pagination__text.cds--pagination__items-count {
18430
18975
  inset-block-end: -0.15625rem;
18431
18976
  inset-inline-start: -0.0625rem;
18432
18977
  }
18433
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
18978
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
18434
18979
  .cds--popover--left-bottom,
18435
- .cds--popover--left-top) > .cds--popover > .cds--popover-caret::before {
18980
+ .cds--popover--left-top) > .cds--popover > .cds--popover-caret::before,
18981
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
18982
+ .cds--popover--left-bottom,
18983
+ .cds--popover--left-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
18436
18984
  inset-inline-end: 0.0625rem;
18437
18985
  transform: rotate(135deg);
18438
18986
  }
18439
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
18987
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
18988
+ .cds--popover--left-bottom,
18989
+ .cds--popover--left-top) > .cds--popover > .cds--popover-caret::after,
18990
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
18440
18991
  .cds--popover--left-bottom,
18441
- .cds--popover--left-top) > .cds--popover > .cds--popover-caret::after {
18992
+ .cds--popover--left-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
18442
18993
  border-end-end-radius: 50%;
18443
18994
  border-start-end-radius: 50%;
18444
18995
  inset-block-start: -0.0625rem;
18445
18996
  inset-inline-start: -0.125rem;
18446
18997
  }
18447
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
18448
- .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
18998
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
18999
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after,
19000
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
19001
+ .cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
18449
19002
  background: transparent;
18450
19003
  }
18451
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
19004
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
19005
+ .cds--popover--right-bottom,
19006
+ .cds--popover--top,
19007
+ .cds--popover--top-right,
19008
+ .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before,
19009
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
18452
19010
  .cds--popover--right-bottom,
18453
19011
  .cds--popover--top,
18454
19012
  .cds--popover--top-right,
18455
- .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
18456
- border-color: var(--cds-slug-callout-caret-bottom, #d0e2ff);
18457
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
19013
+ .cds--popover--top-left) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
19014
+ border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
19015
+ background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
18458
19016
  }
18459
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
19017
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
19018
+ .cds--popover--right-bottom,
19019
+ .cds--popover--top,
19020
+ .cds--popover--top-right,
19021
+ .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,
19022
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
18460
19023
  .cds--popover--right-bottom,
18461
19024
  .cds--popover--top,
18462
19025
  .cds--popover--top-right,
18463
- .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
18464
- background: var(--cds-slug-callout-caret-bottom-background-actions, #dae5f8);
19026
+ .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {
19027
+ background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
18465
19028
  }
18466
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
18467
- .cds--popover--right) > .cds--popover > .cds--popover-caret::before {
18468
- border-color: var(--cds-slug-callout-caret-center, #a7c7ff);
19029
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
19030
+ .cds--popover--right) > .cds--popover > .cds--popover-caret::before,
19031
+ .cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
19032
+ .cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
19033
+ border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
18469
19034
  }
18470
- .cds--slug.cds--slug--enabled .cds--toggletip-content {
19035
+ .cds--slug .cds--toggletip-content {
18471
19036
  padding-block-end: 5rem;
18472
19037
  padding-block-start: 1.5rem;
18473
19038
  padding-inline: 1.5rem;
18474
19039
  }
18475
- .cds--slug.cds--slug--enabled .cds--slug-content--with-actions .cds--toggletip-content {
18476
- max-inline-size: 20.875rem;
18477
- }
18478
- .cds--slug.cds--slug--enabled .cds--slug-content:not(.cds--slug-content--with-actions) .cds--toggletip-content {
19040
+ .cds--slug .cds--slug-content .cds--toggletip-content {
18479
19041
  max-inline-size: 20rem;
18480
19042
  }
18481
- .cds--slug.cds--slug--enabled .cds--slug-actions {
19043
+ .cds--slug .cds--slug-actions {
18482
19044
  position: absolute;
18483
19045
  justify-content: flex-end;
18484
19046
  -webkit-backdrop-filter: blur(85px);
@@ -18491,11 +19053,11 @@ span.cds--pagination__text.cds--pagination__items-count {
18491
19053
  inset-block-end: 0;
18492
19054
  inset-inline-end: 0;
18493
19055
  }
18494
- .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus {
19056
+ .cds--slug .cds--slug-actions .cds--btn:focus {
18495
19057
  border-color: var(--cds-focus, #0f62fe);
18496
19058
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
18497
19059
  }
18498
- .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
19060
+ .cds--slug .cds--slug-actions .cds--btn--primary {
18499
19061
  order: 1;
18500
19062
  border-end-end-radius: 0.4375rem;
18501
19063
  }
@@ -18710,7 +19272,6 @@ span.cds--pagination__text.cds--pagination__items-count {
18710
19272
  }
18711
19273
  .cds--structured-list-svg {
18712
19274
  display: inline-block;
18713
- fill: transparent;
18714
19275
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
18715
19276
  vertical-align: top;
18716
19277
  }
@@ -18718,6 +19279,9 @@ span.cds--pagination__text.cds--pagination__items-count {
18718
19279
  .cds--structured-list-input:checked + .cds--structured-list-td .cds--structured-list-svg {
18719
19280
  fill: var(--cds-icon-primary, #161616);
18720
19281
  }
19282
+ .cds--structured-list-svg {
19283
+ fill: transparent;
19284
+ }
18721
19285
  .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
18722
19286
  inline-size: 8%;
18723
19287
  }
@@ -18745,7 +19309,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18745
19309
  }
18746
19310
  .cds--structured-list.cds--skeleton span::before {
18747
19311
  position: absolute;
18748
- animation: 3000ms ease-in-out skeleton infinite;
19312
+ animation: 3000ms ease-in-out cds--skeleton infinite;
18749
19313
  background: var(--cds-skeleton-element, #c6c6c6);
18750
19314
  block-size: 100%;
18751
19315
  content: "";
@@ -19208,6 +19772,9 @@ span.cds--pagination__text.cds--pagination__items-count {
19208
19772
  outline-style: dotted;
19209
19773
  }
19210
19774
  }
19775
+ .cds--tabs--contained ~ .cds--tab-content {
19776
+ background: var(--cds-layer);
19777
+ }
19211
19778
  .cds--tab-content--interactive:focus {
19212
19779
  outline: none;
19213
19780
  }
@@ -19243,7 +19810,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19243
19810
  }
19244
19811
  .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
19245
19812
  position: absolute;
19246
- animation: 3000ms ease-in-out skeleton infinite;
19813
+ animation: 3000ms ease-in-out cds--skeleton infinite;
19247
19814
  background: var(--cds-skeleton-element, #c6c6c6);
19248
19815
  block-size: 100%;
19249
19816
  content: "";
@@ -19399,8 +19966,8 @@ span.cds--pagination__text.cds--pagination__items-count {
19399
19966
  block-size: 1rem;
19400
19967
  inset-block-start: var(--cds-layout-density-padding-inline-local);
19401
19968
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
19402
- opacity: 0;
19403
19969
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
19970
+ opacity: 0;
19404
19971
  }
19405
19972
  .cds--tile__checkmark svg {
19406
19973
  border-radius: 50%;
@@ -19522,9 +20089,6 @@ span.cds--pagination__text.cds--pagination__items-count {
19522
20089
  outline-style: dotted;
19523
20090
  }
19524
20091
  }
19525
- .cds--tile-content__above-the-fold {
19526
- display: block;
19527
- }
19528
20092
  .cds--tile-content__below-the-fold {
19529
20093
  display: block;
19530
20094
  opacity: 0;
@@ -19617,11 +20181,12 @@ span.cds--pagination__text.cds--pagination__items-count {
19617
20181
  pointer-events: none;
19618
20182
  }
19619
20183
  .cds--tile--slug.cds--tile {
19620
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
19621
- border: 1px solid var(--cds-border-tile);
20184
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
20185
+ border: 1px solid transparent;
20186
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
19622
20187
  }
19623
20188
  .cds--tile--slug.cds--tile--expandable:hover {
19624
- background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
20189
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
19625
20190
  }
19626
20191
  .cds--tile--slug.cds--tile--selectable::before,
19627
20192
  .cds--tile--slug.cds--tile--selectable::after,
@@ -19638,14 +20203,19 @@ span.cds--pagination__text.cds--pagination__items-count {
19638
20203
  }
19639
20204
  .cds--tile--slug.cds--tile--selectable::before,
19640
20205
  .cds--tile--slug.cds--tile--clickable::before {
19641
- 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);
20206
+ background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
20207
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
19642
20208
  }
19643
20209
  .cds--tile--slug.cds--tile--selectable:hover::before,
19644
20210
  .cds--tile--slug.cds--tile--clickable:hover::before {
19645
20211
  opacity: 1;
19646
20212
  }
19647
20213
  .cds--tile--slug.cds--tile--selectable::after {
19648
- 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);
20214
+ background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
20215
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
20216
+ }
20217
+ .cds--tile--slug.cds--tile--selectable:hover::after {
20218
+ opacity: 0;
19649
20219
  }
19650
20220
  .cds--tile--slug.cds--tile--is-selected::after {
19651
20221
  opacity: 1;
@@ -19676,10 +20246,10 @@ span.cds--pagination__text.cds--pagination__items-count {
19676
20246
  .cds--tile--slug-rounded.cds--tile--selectable::before,
19677
20247
  .cds--tile--slug-rounded.cds--tile--selectable::after,
19678
20248
  .cds--tile--slug-rounded.cds--tile--clickable::before {
19679
- border-radius: 1rem;
20249
+ border-radius: 0.5rem;
19680
20250
  }
19681
20251
  .cds--tile--slug-rounded .cds--tile__chevron {
19682
- border-end-end-radius: 1rem;
20252
+ border-end-end-radius: 0.5rem;
19683
20253
  }
19684
20254
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
19685
20255
  .cds--tile__chevron svg,
@@ -19941,7 +20511,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19941
20511
  }
19942
20512
  .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
19943
20513
  position: absolute;
19944
- animation: 3000ms ease-in-out skeleton infinite;
20514
+ animation: 3000ms ease-in-out cds--skeleton infinite;
19945
20515
  background: var(--cds-skeleton-element, #c6c6c6);
19946
20516
  block-size: 100%;
19947
20517
  content: "";
@@ -19971,7 +20541,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19971
20541
  }
19972
20542
  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
19973
20543
  position: absolute;
19974
- animation: 3000ms ease-in-out skeleton infinite;
20544
+ animation: 3000ms ease-in-out cds--skeleton infinite;
19975
20545
  background: var(--cds-skeleton-element, #c6c6c6);
19976
20546
  block-size: 100%;
19977
20547
  content: "";
@@ -20178,7 +20748,8 @@ span.cds--pagination__text.cds--pagination__items-count {
20178
20748
  color: var(--cds-text-primary, #161616);
20179
20749
  will-change: margin-left;
20180
20750
  }
20181
- .cds--header ~ .cds--content {
20751
+ .cds--header ~ .cds--content,
20752
+ div:has(.cds--header) ~ .cds--content {
20182
20753
  margin-block-start: 3rem;
20183
20754
  }
20184
20755
  .cds--side-nav ~ .cds--content {
@@ -20577,8 +21148,8 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
20577
21148
  inset-block-start: 0;
20578
21149
  inset-inline-start: 0;
20579
21150
  max-inline-size: 16rem;
20580
- transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
20581
- will-change: width;
21151
+ transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
21152
+ will-change: inline-size;
20582
21153
  }
20583
21154
  .cds--side-nav--ux {
20584
21155
  inline-size: 16rem;
@@ -21075,7 +21646,8 @@ a.cds--side-nav__link--current::before {
21075
21646
  color: var(--cds-text-primary, #161616);
21076
21647
  will-change: margin-left;
21077
21648
  }
21078
- .cds--header ~ .cds--content {
21649
+ .cds--header ~ .cds--content,
21650
+ div:has(.cds--header) ~ .cds--content {
21079
21651
  margin-block-start: 3rem;
21080
21652
  }
21081
21653
  .cds--side-nav ~ .cds--content {
@@ -21474,8 +22046,8 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
21474
22046
  inset-block-start: 0;
21475
22047
  inset-inline-start: 0;
21476
22048
  max-inline-size: 16rem;
21477
- transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
21478
- will-change: width;
22049
+ transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
22050
+ will-change: inline-size;
21479
22051
  }
21480
22052
  .cds--side-nav--ux {
21481
22053
  inline-size: 16rem;
@@ -23318,15 +23890,26 @@ a.cds--side-nav__link--current::before {
23318
23890
  html {
23319
23891
  height: 100%;
23320
23892
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
23893
+ --cds-ai-aura-hover-background: #edf5ff;
23894
+ --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
23895
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
23321
23896
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
23322
- --cds-ai-border-end: #d0e2ff;
23323
- --cds-ai-border-start: #78a9ff;
23897
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
23898
+ --cds-ai-border-end: #78a9ff;
23899
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
23324
23900
  --cds-ai-border-strong: #4589ff;
23325
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
23326
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
23327
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
23328
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
23329
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
23901
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
23902
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
23903
+ --cds-ai-overlay: rgba(0, 17, 65, 0.5);
23904
+ --cds-ai-popover-background: #ffffff;
23905
+ --cds-ai-popover-caret-bottom: #78a9ff;
23906
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
23907
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
23908
+ --cds-ai-popover-caret-center: #a0c3ff;
23909
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
23910
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
23911
+ --cds-ai-skeleton-background: #d0e2ff;
23912
+ --cds-ai-skeleton-element-background: #4589ff;
23330
23913
  --cds-background: #ffffff;
23331
23914
  --cds-background-active: rgba(141, 141, 141, 0.5);
23332
23915
  --cds-background-brand: #0f62fe;
@@ -23351,6 +23934,23 @@ html {
23351
23934
  --cds-border-tile-01: #c6c6c6;
23352
23935
  --cds-border-tile-02: #a8a8a8;
23353
23936
  --cds-border-tile-03: #c6c6c6;
23937
+ --cds-chat-avatar-agent: #393939;
23938
+ --cds-chat-avatar-bot: #6f6f6f;
23939
+ --cds-chat-avatar-user: #0f62fe;
23940
+ --cds-chat-bubble-agent: #ffffff;
23941
+ --cds-chat-bubble-border: #e0e0e0;
23942
+ --cds-chat-bubble-user: #e0e0e0;
23943
+ --cds-chat-button: #0f62fe;
23944
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
23945
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
23946
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
23947
+ --cds-chat-button-text-hover: #0043ce;
23948
+ --cds-chat-button-text-selected: #525252;
23949
+ --cds-chat-header-background: #ffffff;
23950
+ --cds-chat-prompt-background: #ffffff;
23951
+ --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
23952
+ --cds-chat-prompt-border-start: #f4f4f4;
23953
+ --cds-chat-shell-background: #ffffff;
23354
23954
  --cds-field-01: #f4f4f4;
23355
23955
  --cds-field-02: #ffffff;
23356
23956
  --cds-field-03: #f4f4f4;
@@ -23406,31 +24006,6 @@ html {
23406
24006
  --cds-shadow: rgba(0, 0, 0, 0.3);
23407
24007
  --cds-skeleton-background: #e8e8e8;
23408
24008
  --cds-skeleton-element: #c6c6c6;
23409
- --cds-slug-background: #525252;
23410
- --cds-slug-background-hover: #6f6f6f;
23411
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
23412
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
23413
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
23414
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
23415
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
23416
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
23417
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
23418
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
23419
- --cds-slug-callout-caret-bottom: #d0e2ff;
23420
- --cds-slug-callout-caret-bottom-background: #d5e5ff;
23421
- --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
23422
- --cds-slug-callout-caret-center: #a7c7ff;
23423
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
23424
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
23425
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
23426
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
23427
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
23428
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
23429
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
23430
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
23431
- --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
23432
- --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
23433
- --cds-slug-hollow-hover: #474747;
23434
24009
  --cds-support-caution-major: #ff832b;
23435
24010
  --cds-support-caution-minor: #f1c21b;
23436
24011
  --cds-support-caution-undefined: #8a3ffc;
@@ -23743,13 +24318,23 @@ html {
23743
24318
  --cds-tag-color-green: #044317;
23744
24319
  --cds-tag-hover-green: #74e792;
23745
24320
  --cds-tag-background-gray: #e0e0e0;
23746
- --cds-tag-color-gray: #393939;
24321
+ --cds-tag-color-gray: #161616;
23747
24322
  --cds-tag-hover-gray: #d1d1d1;
24323
+ --cds-tag-border-red: #ff8389;
24324
+ --cds-tag-border-blue: #78a9ff;
24325
+ --cds-tag-border-cyan: #33b1ff;
24326
+ --cds-tag-border-teal: #08bdba;
24327
+ --cds-tag-border-green: #42be65;
24328
+ --cds-tag-border-magenta: #ff7eb6;
24329
+ --cds-tag-border-purple: #be95ff;
24330
+ --cds-tag-border-gray: #a8a8a8;
24331
+ --cds-tag-border-cool-gray: #a2a9b0;
24332
+ --cds-tag-border-warm-gray: #ada8a8;
23748
24333
  --cds-tag-background-cool-gray: #dde1e6;
23749
- --cds-tag-color-cool-gray: #343a3f;
24334
+ --cds-tag-color-cool-gray: #121619;
23750
24335
  --cds-tag-hover-cool-gray: #cdd3da;
23751
24336
  --cds-tag-background-warm-gray: #e5e0df;
23752
- --cds-tag-color-warm-gray: #3c3838;
24337
+ --cds-tag-color-warm-gray: #171414;
23753
24338
  --cds-tag-hover-warm-gray: #d8d0cf;
23754
24339
  --cds-notification-background-error: #fff1f1;
23755
24340
  --cds-notification-background-success: #defbe6;