@carbon/ibm-products 2.82.0 → 2.83.0-rc.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 (39) hide show
  1. package/css/carbon.css +752 -343
  2. package/css/carbon.css.map +1 -1
  3. package/css/index-full-carbon.css +1308 -362
  4. package/css/index-full-carbon.css.map +1 -1
  5. package/css/index-full-carbon.min.css +1 -1
  6. package/css/index-full-carbon.min.css.map +1 -1
  7. package/css/index-without-carbon-released-only.css +189 -10
  8. package/css/index-without-carbon-released-only.css.map +1 -1
  9. package/css/index-without-carbon-released-only.min.css +1 -1
  10. package/css/index-without-carbon-released-only.min.css.map +1 -1
  11. package/css/index-without-carbon.css +557 -20
  12. package/css/index-without-carbon.css.map +1 -1
  13. package/css/index-without-carbon.min.css +1 -1
  14. package/css/index-without-carbon.min.css.map +1 -1
  15. package/css/index.css +670 -161
  16. package/css/index.css.map +1 -1
  17. package/css/index.min.css +1 -1
  18. package/css/index.min.css.map +1 -1
  19. package/es/components/Checklist/Checklist.d.ts +1 -1
  20. package/es/components/Checklist/Checklist.js +1 -1
  21. package/es/components/PageHeader/next/utils.js +14 -3
  22. package/es/components/Tearsheet/TearsheetShell.js +1 -1
  23. package/es/node_modules/@carbon/icon-helpers/es/index.js +2 -5
  24. package/es/node_modules/@carbon/icons-react/es/Icon.js +3 -3
  25. package/es/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1114 -844
  26. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1316 -1017
  27. package/lib/components/Checklist/Checklist.d.ts +1 -1
  28. package/lib/components/Checklist/Checklist.js +1 -1
  29. package/lib/components/PageHeader/next/utils.js +14 -3
  30. package/lib/components/Tearsheet/TearsheetShell.js +1 -1
  31. package/lib/node_modules/@carbon/icon-helpers/es/index.js +2 -5
  32. package/lib/node_modules/@carbon/icons-react/es/Icon.js +1 -1
  33. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1134 -864
  34. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1328 -1029
  35. package/package.json +12 -10
  36. package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +5 -0
  37. package/scss/components/Checklist/_checklist.scss +0 -2
  38. package/scss/components/PageHeader/_page-header.scss +8 -0
  39. package/telemetry.yml +0 -3
package/css/carbon.css CHANGED
@@ -2727,8 +2727,10 @@ em {
2727
2727
  --cds-chat-avatar-bot: #6f6f6f;
2728
2728
  --cds-chat-avatar-user: #0f62fe;
2729
2729
  --cds-chat-bubble-agent: #ffffff;
2730
+ --cds-chat-bubble-agent-text: #161616;
2730
2731
  --cds-chat-bubble-border: #e0e0e0;
2731
2732
  --cds-chat-bubble-user: #e0e0e0;
2733
+ --cds-chat-bubble-user-text: #161616;
2732
2734
  --cds-chat-button: #0f62fe;
2733
2735
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
2734
2736
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
@@ -2736,9 +2738,11 @@ em {
2736
2738
  --cds-chat-button-text-hover: #0043ce;
2737
2739
  --cds-chat-button-text-selected: #525252;
2738
2740
  --cds-chat-header-background: #ffffff;
2741
+ --cds-chat-header-text: #161616;
2739
2742
  --cds-chat-prompt-background: #ffffff;
2740
2743
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
2741
2744
  --cds-chat-prompt-border-start: #f4f4f4;
2745
+ --cds-chat-prompt-text: #161616;
2742
2746
  --cds-chat-shell-background: #ffffff;
2743
2747
  --cds-field-01: #f4f4f4;
2744
2748
  --cds-field-02: #ffffff;
@@ -2810,6 +2814,92 @@ em {
2810
2814
  --cds-support-success-inverse: #42be65;
2811
2815
  --cds-support-warning: #f1c21b;
2812
2816
  --cds-support-warning-inverse: #f1c21b;
2817
+ --cds-syntax-angle-bracket: #697077;
2818
+ --cds-syntax-annotation: #007d79;
2819
+ --cds-syntax-arithmetic-operator: #343a3f;
2820
+ --cds-syntax-atom: #161616;
2821
+ --cds-syntax-attribute: #00539a;
2822
+ --cds-syntax-attribute-name: #00539a;
2823
+ --cds-syntax-attribute-value: #161616;
2824
+ --cds-syntax-bitwise-operator: #343a3f;
2825
+ --cds-syntax-block-comment: #198038;
2826
+ --cds-syntax-bool: #161616;
2827
+ --cds-syntax-brace: #343a3f;
2828
+ --cds-syntax-bracket: #343a3f;
2829
+ --cds-syntax-character: #161616;
2830
+ --cds-syntax-class-name: #007d79;
2831
+ --cds-syntax-color: #161616;
2832
+ --cds-syntax-comment: #198038;
2833
+ --cds-syntax-compare-operator: #343a3f;
2834
+ --cds-syntax-constant: #0f62fe;
2835
+ --cds-syntax-content: #161616;
2836
+ --cds-syntax-content-separator: #343a3f;
2837
+ --cds-syntax-control-keyword: #6929c4;
2838
+ --cds-syntax-control-operator: #6929c4;
2839
+ --cds-syntax-definition: #00539a;
2840
+ --cds-syntax-definition-keyword: #00539a;
2841
+ --cds-syntax-definition-operator: #00539a;
2842
+ --cds-syntax-deref-operator: #343a3f;
2843
+ --cds-syntax-doc-comment: #198038;
2844
+ --cds-syntax-doc-string: #161616;
2845
+ --cds-syntax-document-meta: #198038;
2846
+ --cds-syntax-emphasis: #161616;
2847
+ --cds-syntax-escape: #343a3f;
2848
+ --cds-syntax-float: #198038;
2849
+ --cds-syntax-function: #8e6a00;
2850
+ --cds-syntax-heading: #00539a;
2851
+ --cds-syntax-heading-1: #00539a;
2852
+ --cds-syntax-heading-2: #00539a;
2853
+ --cds-syntax-heading-3: #00539a;
2854
+ --cds-syntax-heading-4: #00539a;
2855
+ --cds-syntax-heading-5: #00539a;
2856
+ --cds-syntax-heading-6: #00539a;
2857
+ --cds-syntax-integer: #198038;
2858
+ --cds-syntax-invalid: #da1e28;
2859
+ --cds-syntax-keyword: #0f62fe;
2860
+ --cds-syntax-label-name: #0f62fe;
2861
+ --cds-syntax-line-comment: #198038;
2862
+ --cds-syntax-link: #0f62fe;
2863
+ --cds-syntax-list: #161616;
2864
+ --cds-syntax-literal: #161616;
2865
+ --cds-syntax-local: #0f62fe;
2866
+ --cds-syntax-logic-operator: #343a3f;
2867
+ --cds-syntax-macro-name: #161616;
2868
+ --cds-syntax-meta: #198038;
2869
+ --cds-syntax-modifier: #0f62fe;
2870
+ --cds-syntax-module-keyword: #6929c4;
2871
+ --cds-syntax-monospace: #161616;
2872
+ --cds-syntax-name: #0f62fe;
2873
+ --cds-syntax-namespace: #007d79;
2874
+ --cds-syntax-null: #161616;
2875
+ --cds-syntax-number: #198038;
2876
+ --cds-syntax-operator: #343a3f;
2877
+ --cds-syntax-operator-keyword: #0f62fe;
2878
+ --cds-syntax-paren: #343a3f;
2879
+ --cds-syntax-processing-instruction: #161616;
2880
+ --cds-syntax-property-name: #00539a;
2881
+ --cds-syntax-punctuation: #343a3f;
2882
+ --cds-syntax-quote: #198038;
2883
+ --cds-syntax-regexp: #6929c4;
2884
+ --cds-syntax-self: #007d79;
2885
+ --cds-syntax-separator: #343a3f;
2886
+ --cds-syntax-special: #0f62fe;
2887
+ --cds-syntax-special-string: #8a3ffc;
2888
+ --cds-syntax-square-bracket: #343a3f;
2889
+ --cds-syntax-standard: #0f62fe;
2890
+ --cds-syntax-strikethrough: #161616;
2891
+ --cds-syntax-string: #161616;
2892
+ --cds-syntax-strong: #161616;
2893
+ --cds-syntax-tag: #007d79;
2894
+ --cds-syntax-tag-name: #007d79;
2895
+ --cds-syntax-type: #007d79;
2896
+ --cds-syntax-type-name: #007d79;
2897
+ --cds-syntax-type-operator: #007d79;
2898
+ --cds-syntax-unit: #198038;
2899
+ --cds-syntax-update-operator: #343a3f;
2900
+ --cds-syntax-url: #343a3f;
2901
+ --cds-syntax-variable: #0f62fe;
2902
+ --cds-syntax-variable-name: #0f62fe;
2813
2903
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
2814
2904
  --cds-text-error: #da1e28;
2815
2905
  --cds-text-helper: #6f6f6f;
@@ -2966,8 +3056,10 @@ em {
2966
3056
  --cds-chat-avatar-bot: #6f6f6f;
2967
3057
  --cds-chat-avatar-user: #0f62fe;
2968
3058
  --cds-chat-bubble-agent: #ffffff;
3059
+ --cds-chat-bubble-agent-text: #161616;
2969
3060
  --cds-chat-bubble-border: #e0e0e0;
2970
3061
  --cds-chat-bubble-user: #e0e0e0;
3062
+ --cds-chat-bubble-user-text: #161616;
2971
3063
  --cds-chat-button: #0f62fe;
2972
3064
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
2973
3065
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
@@ -2975,9 +3067,11 @@ em {
2975
3067
  --cds-chat-button-text-hover: #0043ce;
2976
3068
  --cds-chat-button-text-selected: #525252;
2977
3069
  --cds-chat-header-background: #ffffff;
3070
+ --cds-chat-header-text: #161616;
2978
3071
  --cds-chat-prompt-background: #ffffff;
2979
3072
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
2980
3073
  --cds-chat-prompt-border-start: #f4f4f4;
3074
+ --cds-chat-prompt-text: #161616;
2981
3075
  --cds-chat-shell-background: #ffffff;
2982
3076
  --cds-field-01: #ffffff;
2983
3077
  --cds-field-02: #f4f4f4;
@@ -3049,6 +3143,92 @@ em {
3049
3143
  --cds-support-success-inverse: #42be65;
3050
3144
  --cds-support-warning: #f1c21b;
3051
3145
  --cds-support-warning-inverse: #f1c21b;
3146
+ --cds-syntax-angle-bracket: #697077;
3147
+ --cds-syntax-annotation: #007d79;
3148
+ --cds-syntax-arithmetic-operator: #343a3f;
3149
+ --cds-syntax-atom: #161616;
3150
+ --cds-syntax-attribute: #00539a;
3151
+ --cds-syntax-attribute-name: #00539a;
3152
+ --cds-syntax-attribute-value: #161616;
3153
+ --cds-syntax-bitwise-operator: #343a3f;
3154
+ --cds-syntax-block-comment: #198038;
3155
+ --cds-syntax-bool: #161616;
3156
+ --cds-syntax-brace: #343a3f;
3157
+ --cds-syntax-bracket: #343a3f;
3158
+ --cds-syntax-character: #161616;
3159
+ --cds-syntax-class-name: #007d79;
3160
+ --cds-syntax-color: #161616;
3161
+ --cds-syntax-comment: #198038;
3162
+ --cds-syntax-compare-operator: #343a3f;
3163
+ --cds-syntax-constant: #0f62fe;
3164
+ --cds-syntax-content: #161616;
3165
+ --cds-syntax-content-separator: #343a3f;
3166
+ --cds-syntax-control-keyword: #6929c4;
3167
+ --cds-syntax-control-operator: #6929c4;
3168
+ --cds-syntax-definition: #00539a;
3169
+ --cds-syntax-definition-keyword: #00539a;
3170
+ --cds-syntax-definition-operator: #00539a;
3171
+ --cds-syntax-deref-operator: #343a3f;
3172
+ --cds-syntax-doc-comment: #198038;
3173
+ --cds-syntax-doc-string: #161616;
3174
+ --cds-syntax-document-meta: #198038;
3175
+ --cds-syntax-emphasis: #161616;
3176
+ --cds-syntax-escape: #343a3f;
3177
+ --cds-syntax-float: #198038;
3178
+ --cds-syntax-function: #8e6a00;
3179
+ --cds-syntax-heading: #00539a;
3180
+ --cds-syntax-heading-1: #00539a;
3181
+ --cds-syntax-heading-2: #00539a;
3182
+ --cds-syntax-heading-3: #00539a;
3183
+ --cds-syntax-heading-4: #00539a;
3184
+ --cds-syntax-heading-5: #00539a;
3185
+ --cds-syntax-heading-6: #00539a;
3186
+ --cds-syntax-integer: #198038;
3187
+ --cds-syntax-invalid: #da1e28;
3188
+ --cds-syntax-keyword: #0f62fe;
3189
+ --cds-syntax-label-name: #0f62fe;
3190
+ --cds-syntax-line-comment: #198038;
3191
+ --cds-syntax-link: #0f62fe;
3192
+ --cds-syntax-list: #161616;
3193
+ --cds-syntax-literal: #161616;
3194
+ --cds-syntax-local: #0f62fe;
3195
+ --cds-syntax-logic-operator: #343a3f;
3196
+ --cds-syntax-macro-name: #161616;
3197
+ --cds-syntax-meta: #198038;
3198
+ --cds-syntax-modifier: #0f62fe;
3199
+ --cds-syntax-module-keyword: #6929c4;
3200
+ --cds-syntax-monospace: #161616;
3201
+ --cds-syntax-name: #0f62fe;
3202
+ --cds-syntax-namespace: #007d79;
3203
+ --cds-syntax-null: #161616;
3204
+ --cds-syntax-number: #198038;
3205
+ --cds-syntax-operator: #343a3f;
3206
+ --cds-syntax-operator-keyword: #0f62fe;
3207
+ --cds-syntax-paren: #343a3f;
3208
+ --cds-syntax-processing-instruction: #161616;
3209
+ --cds-syntax-property-name: #00539a;
3210
+ --cds-syntax-punctuation: #343a3f;
3211
+ --cds-syntax-quote: #198038;
3212
+ --cds-syntax-regexp: #6929c4;
3213
+ --cds-syntax-self: #007d79;
3214
+ --cds-syntax-separator: #343a3f;
3215
+ --cds-syntax-special: #0f62fe;
3216
+ --cds-syntax-special-string: #8a3ffc;
3217
+ --cds-syntax-square-bracket: #343a3f;
3218
+ --cds-syntax-standard: #0f62fe;
3219
+ --cds-syntax-strikethrough: #161616;
3220
+ --cds-syntax-string: #161616;
3221
+ --cds-syntax-strong: #161616;
3222
+ --cds-syntax-tag: #007d79;
3223
+ --cds-syntax-tag-name: #007d79;
3224
+ --cds-syntax-type: #007d79;
3225
+ --cds-syntax-type-name: #007d79;
3226
+ --cds-syntax-type-operator: #007d79;
3227
+ --cds-syntax-unit: #198038;
3228
+ --cds-syntax-update-operator: #343a3f;
3229
+ --cds-syntax-url: #343a3f;
3230
+ --cds-syntax-variable: #0f62fe;
3231
+ --cds-syntax-variable-name: #0f62fe;
3052
3232
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
3053
3233
  --cds-text-error: #da1e28;
3054
3234
  --cds-text-helper: #6f6f6f;
@@ -3205,8 +3385,10 @@ em {
3205
3385
  --cds-chat-avatar-bot: #8d8d8d;
3206
3386
  --cds-chat-avatar-user: #4589ff;
3207
3387
  --cds-chat-bubble-agent: #262626;
3388
+ --cds-chat-bubble-agent-text: #f4f4f4;
3208
3389
  --cds-chat-bubble-border: #525252;
3209
3390
  --cds-chat-bubble-user: #393939;
3391
+ --cds-chat-bubble-user-text: #f4f4f4;
3210
3392
  --cds-chat-button: #78a9ff;
3211
3393
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
3212
3394
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
@@ -3214,9 +3396,11 @@ em {
3214
3396
  --cds-chat-button-text-hover: #a6c8ff;
3215
3397
  --cds-chat-button-text-selected: #c6c6c6;
3216
3398
  --cds-chat-header-background: #262626;
3399
+ --cds-chat-header-text: #f4f4f4;
3217
3400
  --cds-chat-prompt-background: #161616;
3218
3401
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
3219
3402
  --cds-chat-prompt-border-start: #262626;
3403
+ --cds-chat-prompt-text: #f4f4f4;
3220
3404
  --cds-chat-shell-background: #262626;
3221
3405
  --cds-field-01: #393939;
3222
3406
  --cds-field-02: #525252;
@@ -3288,6 +3472,92 @@ em {
3288
3472
  --cds-support-success-inverse: #24a148;
3289
3473
  --cds-support-warning: #f1c21b;
3290
3474
  --cds-support-warning-inverse: #f1c21b;
3475
+ --cds-syntax-angle-bracket: #8d8d8d;
3476
+ --cds-syntax-annotation: #08bdba;
3477
+ --cds-syntax-arithmetic-operator: #e0e0e0;
3478
+ --cds-syntax-atom: #f4f4f4;
3479
+ --cds-syntax-attribute: #33b1ff;
3480
+ --cds-syntax-attribute-name: #33b1ff;
3481
+ --cds-syntax-attribute-value: #f4f4f4;
3482
+ --cds-syntax-bitwise-operator: #e0e0e0;
3483
+ --cds-syntax-block-comment: #42be65;
3484
+ --cds-syntax-bool: #f4f4f4;
3485
+ --cds-syntax-brace: #e0e0e0;
3486
+ --cds-syntax-bracket: #e0e0e0;
3487
+ --cds-syntax-character: #f4f4f4;
3488
+ --cds-syntax-class-name: #3ddbd9;
3489
+ --cds-syntax-color: #f4f4f4;
3490
+ --cds-syntax-comment: #42be65;
3491
+ --cds-syntax-compare-operator: #e0e0e0;
3492
+ --cds-syntax-constant: #4589ff;
3493
+ --cds-syntax-content: #f4f4f4;
3494
+ --cds-syntax-content-separator: #e0e0e0;
3495
+ --cds-syntax-control-keyword: #be95ff;
3496
+ --cds-syntax-control-operator: #be95ff;
3497
+ --cds-syntax-definition: #33b1ff;
3498
+ --cds-syntax-definition-keyword: #33b1ff;
3499
+ --cds-syntax-definition-operator: #33b1ff;
3500
+ --cds-syntax-deref-operator: #e0e0e0;
3501
+ --cds-syntax-doc-comment: #42be65;
3502
+ --cds-syntax-doc-string: #f4f4f4;
3503
+ --cds-syntax-document-meta: #42be65;
3504
+ --cds-syntax-emphasis: #f4f4f4;
3505
+ --cds-syntax-escape: #e0e0e0;
3506
+ --cds-syntax-float: #6fdc8c;
3507
+ --cds-syntax-function: #f1c21b;
3508
+ --cds-syntax-heading: #33b1ff;
3509
+ --cds-syntax-heading-1: #33b1ff;
3510
+ --cds-syntax-heading-2: #33b1ff;
3511
+ --cds-syntax-heading-3: #33b1ff;
3512
+ --cds-syntax-heading-4: #33b1ff;
3513
+ --cds-syntax-heading-5: #33b1ff;
3514
+ --cds-syntax-heading-6: #33b1ff;
3515
+ --cds-syntax-integer: #6fdc8c;
3516
+ --cds-syntax-invalid: #fa4d56;
3517
+ --cds-syntax-keyword: #4589ff;
3518
+ --cds-syntax-label-name: #a6c8ff;
3519
+ --cds-syntax-line-comment: #42be65;
3520
+ --cds-syntax-link: #4589ff;
3521
+ --cds-syntax-list: #f4f4f4;
3522
+ --cds-syntax-literal: #f4f4f4;
3523
+ --cds-syntax-local: #a6c8ff;
3524
+ --cds-syntax-logic-operator: #e0e0e0;
3525
+ --cds-syntax-macro-name: #f4f4f4;
3526
+ --cds-syntax-meta: #42be65;
3527
+ --cds-syntax-modifier: #4589ff;
3528
+ --cds-syntax-module-keyword: #be95ff;
3529
+ --cds-syntax-monospace: #f4f4f4;
3530
+ --cds-syntax-name: #a6c8ff;
3531
+ --cds-syntax-namespace: #3ddbd9;
3532
+ --cds-syntax-null: #f4f4f4;
3533
+ --cds-syntax-number: #6fdc8c;
3534
+ --cds-syntax-operator: #e0e0e0;
3535
+ --cds-syntax-operator-keyword: #4589ff;
3536
+ --cds-syntax-paren: #e0e0e0;
3537
+ --cds-syntax-processing-instruction: #f4f4f4;
3538
+ --cds-syntax-property-name: #33b1ff;
3539
+ --cds-syntax-punctuation: #e0e0e0;
3540
+ --cds-syntax-quote: #42be65;
3541
+ --cds-syntax-regexp: #be95ff;
3542
+ --cds-syntax-self: #3ddbd9;
3543
+ --cds-syntax-separator: #e0e0e0;
3544
+ --cds-syntax-special: #4589ff;
3545
+ --cds-syntax-special-string: #be95ff;
3546
+ --cds-syntax-square-bracket: #e0e0e0;
3547
+ --cds-syntax-standard: #4589ff;
3548
+ --cds-syntax-strikethrough: #f4f4f4;
3549
+ --cds-syntax-string: #f4f4f4;
3550
+ --cds-syntax-strong: #f4f4f4;
3551
+ --cds-syntax-tag: #3ddbd9;
3552
+ --cds-syntax-tag-name: #3ddbd9;
3553
+ --cds-syntax-type: #3ddbd9;
3554
+ --cds-syntax-type-name: #3ddbd9;
3555
+ --cds-syntax-type-operator: #3ddbd9;
3556
+ --cds-syntax-unit: #6fdc8c;
3557
+ --cds-syntax-update-operator: #e0e0e0;
3558
+ --cds-syntax-url: #e0e0e0;
3559
+ --cds-syntax-variable: #a6c8ff;
3560
+ --cds-syntax-variable-name: #a6c8ff;
3291
3561
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
3292
3562
  --cds-text-error: #ffb3b8;
3293
3563
  --cds-text-helper: #c6c6c6;
@@ -3443,8 +3713,10 @@ em {
3443
3713
  --cds-chat-avatar-bot: #8d8d8d;
3444
3714
  --cds-chat-avatar-user: #4589ff;
3445
3715
  --cds-chat-bubble-agent: #262626;
3716
+ --cds-chat-bubble-agent-text: #f4f4f4;
3446
3717
  --cds-chat-bubble-border: #525252;
3447
3718
  --cds-chat-bubble-user: #393939;
3719
+ --cds-chat-bubble-user-text: #f4f4f4;
3448
3720
  --cds-chat-button: #78a9ff;
3449
3721
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
3450
3722
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
@@ -3452,9 +3724,11 @@ em {
3452
3724
  --cds-chat-button-text-hover: #a6c8ff;
3453
3725
  --cds-chat-button-text-selected: #c6c6c6;
3454
3726
  --cds-chat-header-background: #262626;
3727
+ --cds-chat-header-text: #f4f4f4;
3455
3728
  --cds-chat-prompt-background: #161616;
3456
3729
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
3457
3730
  --cds-chat-prompt-border-start: #262626;
3731
+ --cds-chat-prompt-text: #f4f4f4;
3458
3732
  --cds-chat-shell-background: #262626;
3459
3733
  --cds-field-01: #262626;
3460
3734
  --cds-field-02: #393939;
@@ -3526,6 +3800,92 @@ em {
3526
3800
  --cds-support-success-inverse: #24a148;
3527
3801
  --cds-support-warning: #f1c21b;
3528
3802
  --cds-support-warning-inverse: #f1c21b;
3803
+ --cds-syntax-angle-bracket: #8d8d8d;
3804
+ --cds-syntax-annotation: #08bdba;
3805
+ --cds-syntax-arithmetic-operator: #e0e0e0;
3806
+ --cds-syntax-atom: #f4f4f4;
3807
+ --cds-syntax-attribute: #33b1ff;
3808
+ --cds-syntax-attribute-name: #33b1ff;
3809
+ --cds-syntax-attribute-value: #f4f4f4;
3810
+ --cds-syntax-bitwise-operator: #e0e0e0;
3811
+ --cds-syntax-block-comment: #42be65;
3812
+ --cds-syntax-bool: #f4f4f4;
3813
+ --cds-syntax-brace: #e0e0e0;
3814
+ --cds-syntax-bracket: #e0e0e0;
3815
+ --cds-syntax-character: #f4f4f4;
3816
+ --cds-syntax-class-name: #3ddbd9;
3817
+ --cds-syntax-color: #f4f4f4;
3818
+ --cds-syntax-comment: #42be65;
3819
+ --cds-syntax-compare-operator: #e0e0e0;
3820
+ --cds-syntax-constant: #4589ff;
3821
+ --cds-syntax-content: #f4f4f4;
3822
+ --cds-syntax-content-separator: #e0e0e0;
3823
+ --cds-syntax-control-keyword: #be95ff;
3824
+ --cds-syntax-control-operator: #be95ff;
3825
+ --cds-syntax-definition: #33b1ff;
3826
+ --cds-syntax-definition-keyword: #33b1ff;
3827
+ --cds-syntax-definition-operator: #33b1ff;
3828
+ --cds-syntax-deref-operator: #e0e0e0;
3829
+ --cds-syntax-doc-comment: #42be65;
3830
+ --cds-syntax-doc-string: #f4f4f4;
3831
+ --cds-syntax-document-meta: #42be65;
3832
+ --cds-syntax-emphasis: #f4f4f4;
3833
+ --cds-syntax-escape: #e0e0e0;
3834
+ --cds-syntax-float: #6fdc8c;
3835
+ --cds-syntax-function: #f1c21b;
3836
+ --cds-syntax-heading: #33b1ff;
3837
+ --cds-syntax-heading-1: #33b1ff;
3838
+ --cds-syntax-heading-2: #33b1ff;
3839
+ --cds-syntax-heading-3: #33b1ff;
3840
+ --cds-syntax-heading-4: #33b1ff;
3841
+ --cds-syntax-heading-5: #33b1ff;
3842
+ --cds-syntax-heading-6: #33b1ff;
3843
+ --cds-syntax-integer: #6fdc8c;
3844
+ --cds-syntax-invalid: #fa4d56;
3845
+ --cds-syntax-keyword: #4589ff;
3846
+ --cds-syntax-label-name: #a6c8ff;
3847
+ --cds-syntax-line-comment: #42be65;
3848
+ --cds-syntax-link: #4589ff;
3849
+ --cds-syntax-list: #f4f4f4;
3850
+ --cds-syntax-literal: #f4f4f4;
3851
+ --cds-syntax-local: #a6c8ff;
3852
+ --cds-syntax-logic-operator: #e0e0e0;
3853
+ --cds-syntax-macro-name: #f4f4f4;
3854
+ --cds-syntax-meta: #42be65;
3855
+ --cds-syntax-modifier: #4589ff;
3856
+ --cds-syntax-module-keyword: #be95ff;
3857
+ --cds-syntax-monospace: #f4f4f4;
3858
+ --cds-syntax-name: #a6c8ff;
3859
+ --cds-syntax-namespace: #3ddbd9;
3860
+ --cds-syntax-null: #f4f4f4;
3861
+ --cds-syntax-number: #6fdc8c;
3862
+ --cds-syntax-operator: #e0e0e0;
3863
+ --cds-syntax-operator-keyword: #4589ff;
3864
+ --cds-syntax-paren: #e0e0e0;
3865
+ --cds-syntax-processing-instruction: #f4f4f4;
3866
+ --cds-syntax-property-name: #33b1ff;
3867
+ --cds-syntax-punctuation: #e0e0e0;
3868
+ --cds-syntax-quote: #42be65;
3869
+ --cds-syntax-regexp: #be95ff;
3870
+ --cds-syntax-self: #3ddbd9;
3871
+ --cds-syntax-separator: #e0e0e0;
3872
+ --cds-syntax-special: #4589ff;
3873
+ --cds-syntax-special-string: #be95ff;
3874
+ --cds-syntax-square-bracket: #e0e0e0;
3875
+ --cds-syntax-standard: #4589ff;
3876
+ --cds-syntax-strikethrough: #f4f4f4;
3877
+ --cds-syntax-string: #f4f4f4;
3878
+ --cds-syntax-strong: #f4f4f4;
3879
+ --cds-syntax-tag: #3ddbd9;
3880
+ --cds-syntax-tag-name: #3ddbd9;
3881
+ --cds-syntax-type: #3ddbd9;
3882
+ --cds-syntax-type-name: #3ddbd9;
3883
+ --cds-syntax-type-operator: #3ddbd9;
3884
+ --cds-syntax-unit: #6fdc8c;
3885
+ --cds-syntax-update-operator: #e0e0e0;
3886
+ --cds-syntax-url: #e0e0e0;
3887
+ --cds-syntax-variable: #a6c8ff;
3888
+ --cds-syntax-variable-name: #a6c8ff;
3529
3889
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
3530
3890
  --cds-text-error: #ff8389;
3531
3891
  --cds-text-helper: #a8a8a8;
@@ -3669,6 +4029,14 @@ em {
3669
4029
 
3670
4030
  .cds--accordion__heading {
3671
4031
  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
4032
+ display: inline-block;
4033
+ padding: 0;
4034
+ border: 0;
4035
+ appearance: none;
4036
+ background: none;
4037
+ cursor: pointer;
4038
+ text-align: start;
4039
+ inline-size: 100%;
3672
4040
  box-sizing: border-box;
3673
4041
  padding: 0;
3674
4042
  border: 0;
@@ -3682,16 +4050,6 @@ em {
3682
4050
  .cds--accordion__heading *::after {
3683
4051
  box-sizing: inherit;
3684
4052
  }
3685
- .cds--accordion__heading {
3686
- display: inline-block;
3687
- padding: 0;
3688
- border: 0;
3689
- appearance: none;
3690
- background: none;
3691
- cursor: pointer;
3692
- text-align: start;
3693
- inline-size: 100%;
3694
- }
3695
4053
  .cds--accordion__heading::-moz-focus-inner {
3696
4054
  border: 0;
3697
4055
  }
@@ -4743,6 +5101,14 @@ li.cds--accordion__item--disabled:last-of-type {
4743
5101
  }
4744
5102
 
4745
5103
  .cds--popover--tab-tip__button {
5104
+ display: inline-block;
5105
+ padding: 0;
5106
+ border: 0;
5107
+ appearance: none;
5108
+ background: none;
5109
+ cursor: pointer;
5110
+ text-align: start;
5111
+ inline-size: 100%;
4746
5112
  box-sizing: border-box;
4747
5113
  padding: 0;
4748
5114
  border: 0;
@@ -4756,16 +5122,6 @@ li.cds--accordion__item--disabled:last-of-type {
4756
5122
  .cds--popover--tab-tip__button *::after {
4757
5123
  box-sizing: inherit;
4758
5124
  }
4759
- .cds--popover--tab-tip__button {
4760
- display: inline-block;
4761
- padding: 0;
4762
- border: 0;
4763
- appearance: none;
4764
- background: none;
4765
- cursor: pointer;
4766
- text-align: start;
4767
- inline-size: 100%;
4768
- }
4769
5125
  .cds--popover--tab-tip__button::-moz-focus-inner {
4770
5126
  border: 0;
4771
5127
  }
@@ -4789,6 +5145,9 @@ li.cds--accordion__item--disabled:last-of-type {
4789
5145
  .cds--popover--tab-tip__button:hover {
4790
5146
  background-color: var(--cds-layer-hover);
4791
5147
  }
5148
+ .cds--popover--tab-tip__button svg {
5149
+ fill: var(--cds-icon-primary, #161616);
5150
+ }
4792
5151
 
4793
5152
  .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
4794
5153
  background: var(--cds-layer);
@@ -4838,6 +5197,14 @@ li.cds--accordion__item--disabled:last-of-type {
4838
5197
  }
4839
5198
 
4840
5199
  .cds--definition-term {
5200
+ display: inline-block;
5201
+ padding: 0;
5202
+ border: 0;
5203
+ appearance: none;
5204
+ background: none;
5205
+ cursor: pointer;
5206
+ text-align: start;
5207
+ inline-size: 100%;
4841
5208
  box-sizing: border-box;
4842
5209
  padding: 0;
4843
5210
  border: 0;
@@ -4851,16 +5218,6 @@ li.cds--accordion__item--disabled:last-of-type {
4851
5218
  .cds--definition-term *::after {
4852
5219
  box-sizing: inherit;
4853
5220
  }
4854
- .cds--definition-term {
4855
- display: inline-block;
4856
- padding: 0;
4857
- border: 0;
4858
- appearance: none;
4859
- background: none;
4860
- cursor: pointer;
4861
- text-align: start;
4862
- inline-size: 100%;
4863
- }
4864
5221
  .cds--definition-term::-moz-focus-inner {
4865
5222
  border: 0;
4866
5223
  }
@@ -5394,11 +5751,100 @@ li.cds--accordion__item--disabled:last-of-type {
5394
5751
  box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
5395
5752
  }
5396
5753
 
5754
+ .cds--btn-set--fluid {
5755
+ container-type: inline-size;
5756
+ }
5757
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner {
5758
+ --flex-direction: row;
5759
+ display: flex;
5760
+ flex-direction: var(--flex-direction);
5761
+ align-items: stretch;
5762
+ justify-content: flex-end;
5763
+ inline-size: 100%;
5764
+ }
5765
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn {
5766
+ flex: 0 1 25%;
5767
+ max-inline-size: 14.5rem;
5768
+ }
5769
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn {
5770
+ min-inline-size: 11rem;
5771
+ }
5772
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,
5773
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost {
5774
+ flex: 1 1 25%;
5775
+ max-inline-size: none;
5776
+ padding-inline-start: 2rem; /* increased padding when inline */
5777
+ }
5778
+ @container (width <= 11rem) {
5779
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) {
5780
+ --flex-direction: column;
5781
+ }
5782
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn {
5783
+ flex: initial;
5784
+ inline-size: 100%;
5785
+ max-inline-size: none;
5786
+ }
5787
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost {
5788
+ padding-inline-start: 1rem;
5789
+ }
5790
+ }
5791
+ @container (width <= 22rem) {
5792
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) {
5793
+ --flex-direction: column;
5794
+ }
5795
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn {
5796
+ flex: initial;
5797
+ inline-size: 100%;
5798
+ max-inline-size: none;
5799
+ }
5800
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost {
5801
+ padding-inline-start: 1rem;
5802
+ }
5803
+ }
5804
+ @container (width <= 33rem) {
5805
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) {
5806
+ --flex-direction: column;
5807
+ }
5808
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn {
5809
+ flex: initial;
5810
+ inline-size: 100%;
5811
+ max-inline-size: none;
5812
+ }
5813
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost {
5814
+ padding-inline-start: 1rem;
5815
+ }
5816
+ }
5817
+ @container (width <= 44rem) {
5818
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) {
5819
+ --flex-direction: column;
5820
+ }
5821
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn {
5822
+ flex: initial;
5823
+ inline-size: 100%;
5824
+ max-inline-size: none;
5825
+ }
5826
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost {
5827
+ padding-inline-start: 1rem;
5828
+ }
5829
+ }
5830
+ @container (width <= 44rem) {
5831
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn {
5832
+ flex-basis: 50%;
5833
+ max-inline-size: none;
5834
+ }
5835
+ }
5836
+ @container (width <= 33rem) {
5837
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn {
5838
+ flex: 1 1 100%;
5839
+ max-inline-size: none;
5840
+ }
5841
+ }
5842
+
5397
5843
  .cds--toggletip-label {
5398
- font-size: var(--cds-body-01-font-size, 0.875rem);
5399
- font-weight: var(--cds-body-01-font-weight, 400);
5400
- line-height: var(--cds-body-01-line-height, 1.42857);
5401
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
5844
+ font-size: var(--cds-label-01-font-size, 0.75rem);
5845
+ font-weight: var(--cds-label-01-font-weight, 400);
5846
+ line-height: var(--cds-label-01-line-height, 1.33333);
5847
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
5402
5848
  color: var(--cds-text-secondary, #525252);
5403
5849
  margin-inline-end: 0.5rem;
5404
5850
  }
@@ -5411,6 +5857,14 @@ li.cds--accordion__item--disabled:last-of-type {
5411
5857
  }
5412
5858
 
5413
5859
  .cds--toggletip-button {
5860
+ display: inline-block;
5861
+ padding: 0;
5862
+ border: 0;
5863
+ appearance: none;
5864
+ background: none;
5865
+ cursor: pointer;
5866
+ text-align: start;
5867
+ inline-size: 100%;
5414
5868
  box-sizing: border-box;
5415
5869
  padding: 0;
5416
5870
  border: 0;
@@ -5424,16 +5878,6 @@ li.cds--accordion__item--disabled:last-of-type {
5424
5878
  .cds--toggletip-button *::after {
5425
5879
  box-sizing: inherit;
5426
5880
  }
5427
- .cds--toggletip-button {
5428
- display: inline-block;
5429
- padding: 0;
5430
- border: 0;
5431
- appearance: none;
5432
- background: none;
5433
- cursor: pointer;
5434
- text-align: start;
5435
- inline-size: 100%;
5436
- }
5437
5881
  .cds--toggletip-button::-moz-focus-inner {
5438
5882
  border: 0;
5439
5883
  }
@@ -6395,6 +6839,14 @@ li.cds--accordion__item--disabled:last-of-type {
6395
6839
 
6396
6840
  .cds--overflow-menu,
6397
6841
  .cds--overflow-menu__trigger {
6842
+ display: inline-block;
6843
+ padding: 0;
6844
+ border: 0;
6845
+ appearance: none;
6846
+ background: none;
6847
+ cursor: pointer;
6848
+ text-align: start;
6849
+ inline-size: 100%;
6398
6850
  box-sizing: border-box;
6399
6851
  padding: 0;
6400
6852
  border: 0;
@@ -6411,17 +6863,6 @@ li.cds--accordion__item--disabled:last-of-type {
6411
6863
  .cds--overflow-menu__trigger *::after {
6412
6864
  box-sizing: inherit;
6413
6865
  }
6414
- .cds--overflow-menu,
6415
- .cds--overflow-menu__trigger {
6416
- display: inline-block;
6417
- padding: 0;
6418
- border: 0;
6419
- appearance: none;
6420
- background: none;
6421
- cursor: pointer;
6422
- text-align: start;
6423
- inline-size: 100%;
6424
- }
6425
6866
  .cds--overflow-menu::-moz-focus-inner,
6426
6867
  .cds--overflow-menu__trigger::-moz-focus-inner {
6427
6868
  border: 0;
@@ -7140,10 +7581,12 @@ a.cds--overflow-menu-options__btn::before {
7140
7581
  text-decoration: none;
7141
7582
  }
7142
7583
 
7584
+ .cds--link.cds--link--visited,
7143
7585
  .cds--link.cds--link--visited:visited {
7144
7586
  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
7145
7587
  }
7146
7588
 
7589
+ .cds--link.cds--link--visited:hover,
7147
7590
  .cds--link.cds--link--visited:visited:hover {
7148
7591
  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
7149
7592
  }
@@ -7329,6 +7772,14 @@ textarea:-webkit-autofill:focus {
7329
7772
  }
7330
7773
 
7331
7774
  .cds--label + .cds--tooltip .cds--tooltip__trigger {
7775
+ display: inline-block;
7776
+ padding: 0;
7777
+ border: 0;
7778
+ appearance: none;
7779
+ background: none;
7780
+ cursor: pointer;
7781
+ text-align: start;
7782
+ inline-size: 100%;
7332
7783
  box-sizing: border-box;
7333
7784
  padding: 0;
7334
7785
  border: 0;
@@ -7342,16 +7793,6 @@ textarea:-webkit-autofill:focus {
7342
7793
  .cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
7343
7794
  box-sizing: inherit;
7344
7795
  }
7345
- .cds--label + .cds--tooltip .cds--tooltip__trigger {
7346
- display: inline-block;
7347
- padding: 0;
7348
- border: 0;
7349
- appearance: none;
7350
- background: none;
7351
- cursor: pointer;
7352
- text-align: start;
7353
- inline-size: 100%;
7354
- }
7355
7796
  .cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
7356
7797
  border: 0;
7357
7798
  }
@@ -7539,10 +7980,9 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
7539
7980
  font-weight: 600;
7540
7981
  }
7541
7982
  .cds--form-requirement {
7542
- font-size: var(--cds-label-01-font-size, 0.75rem);
7543
- font-weight: var(--cds-label-01-font-weight, 400);
7544
- line-height: var(--cds-label-01-line-height, 1.33333);
7545
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
7983
+ font-size: var(--cds-helper-text-01-font-size, 0.75rem);
7984
+ line-height: var(--cds-helper-text-01-line-height, 1.33333);
7985
+ letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
7546
7986
  display: none;
7547
7987
  overflow: hidden;
7548
7988
  margin: 0.25rem 0 0;
@@ -8982,8 +9422,7 @@ fieldset[disabled] .cds--form__helper-text {
8982
9422
  }
8983
9423
 
8984
9424
  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
8985
- fill: var(--cds-icon-secondary, #525252);
8986
- transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
9425
+ fill: var(--cds-icon-primary, #161616);
8987
9426
  }
8988
9427
 
8989
9428
  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {
@@ -8996,11 +9435,6 @@ fieldset[disabled] .cds--form__helper-text {
8996
9435
  }
8997
9436
  }
8998
9437
 
8999
- .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg,
9000
- .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
9001
- fill: var(--cds-icon-primary, #161616);
9002
- }
9003
-
9004
9438
  .cds--text-input--invalid,
9005
9439
  .cds--text-input--warning {
9006
9440
  padding-inline-end: 2.5rem;
@@ -10189,6 +10623,14 @@ fieldset[disabled] .cds--form__helper-text {
10189
10623
  }
10190
10624
 
10191
10625
  .cds--list-box__field {
10626
+ display: inline-block;
10627
+ padding: 0;
10628
+ border: 0;
10629
+ appearance: none;
10630
+ background: none;
10631
+ cursor: pointer;
10632
+ text-align: start;
10633
+ inline-size: 100%;
10192
10634
  box-sizing: border-box;
10193
10635
  padding: 0;
10194
10636
  border: 0;
@@ -10202,16 +10644,6 @@ fieldset[disabled] .cds--form__helper-text {
10202
10644
  .cds--list-box__field *::after {
10203
10645
  box-sizing: inherit;
10204
10646
  }
10205
- .cds--list-box__field {
10206
- display: inline-block;
10207
- padding: 0;
10208
- border: 0;
10209
- appearance: none;
10210
- background: none;
10211
- cursor: pointer;
10212
- text-align: start;
10213
- inline-size: 100%;
10214
- }
10215
10647
  .cds--list-box__field::-moz-focus-inner {
10216
10648
  border: 0;
10217
10649
  }
@@ -10286,6 +10718,13 @@ fieldset[disabled] .cds--form__helper-text {
10286
10718
  }
10287
10719
 
10288
10720
  .cds--list-box__menu-icon {
10721
+ display: inline-block;
10722
+ padding: 0;
10723
+ border: 0;
10724
+ appearance: none;
10725
+ background: none;
10726
+ cursor: pointer;
10727
+ text-align: start;
10289
10728
  box-sizing: border-box;
10290
10729
  padding: 0;
10291
10730
  border: 0;
@@ -10299,15 +10738,6 @@ fieldset[disabled] .cds--form__helper-text {
10299
10738
  .cds--list-box__menu-icon *::after {
10300
10739
  box-sizing: inherit;
10301
10740
  }
10302
- .cds--list-box__menu-icon {
10303
- display: inline-block;
10304
- padding: 0;
10305
- border: 0;
10306
- appearance: none;
10307
- background: none;
10308
- cursor: pointer;
10309
- text-align: start;
10310
- }
10311
10741
  .cds--list-box__menu-icon::-moz-focus-inner {
10312
10742
  border: 0;
10313
10743
  }
@@ -10335,6 +10765,13 @@ fieldset[disabled] .cds--form__helper-text {
10335
10765
  }
10336
10766
 
10337
10767
  .cds--list-box__selection {
10768
+ display: inline-block;
10769
+ padding: 0;
10770
+ border: 0;
10771
+ appearance: none;
10772
+ background: none;
10773
+ cursor: pointer;
10774
+ text-align: start;
10338
10775
  box-sizing: border-box;
10339
10776
  padding: 0;
10340
10777
  border: 0;
@@ -10348,15 +10785,6 @@ fieldset[disabled] .cds--form__helper-text {
10348
10785
  .cds--list-box__selection *::after {
10349
10786
  box-sizing: inherit;
10350
10787
  }
10351
- .cds--list-box__selection {
10352
- display: inline-block;
10353
- padding: 0;
10354
- border: 0;
10355
- appearance: none;
10356
- background: none;
10357
- cursor: pointer;
10358
- text-align: start;
10359
- }
10360
10788
  .cds--list-box__selection::-moz-focus-inner {
10361
10789
  border: 0;
10362
10790
  }
@@ -10483,6 +10911,10 @@ fieldset[disabled] .cds--form__helper-text {
10483
10911
  }
10484
10912
  }
10485
10913
 
10914
+ .cds--autoalign .cds--list-box__menu {
10915
+ inset-inline: auto;
10916
+ }
10917
+
10486
10918
  .cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
10487
10919
  display: none;
10488
10920
  max-block-size: 0;
@@ -10783,8 +11215,7 @@ fieldset[disabled] .cds--form__helper-text {
10783
11215
  inset-block-end: 3rem;
10784
11216
  }
10785
11217
 
10786
- .cds--list-box input[role=combobox],
10787
- .cds--list-box input[type=text] {
11218
+ .cds--list-box .cds--text-input {
10788
11219
  background-color: inherit;
10789
11220
  min-inline-size: 0;
10790
11221
  text-overflow: ellipsis;
@@ -11430,6 +11861,14 @@ fieldset[disabled] .cds--form__helper-text {
11430
11861
  }
11431
11862
 
11432
11863
  .cds--contained-list-item--clickable .cds--contained-list-item__content {
11864
+ display: inline-block;
11865
+ padding: 0;
11866
+ border: 0;
11867
+ appearance: none;
11868
+ background: none;
11869
+ cursor: pointer;
11870
+ text-align: start;
11871
+ inline-size: 100%;
11433
11872
  box-sizing: border-box;
11434
11873
  padding: 0;
11435
11874
  border: 0;
@@ -11443,16 +11882,6 @@ fieldset[disabled] .cds--form__helper-text {
11443
11882
  .cds--contained-list-item--clickable .cds--contained-list-item__content *::after {
11444
11883
  box-sizing: inherit;
11445
11884
  }
11446
- .cds--contained-list-item--clickable .cds--contained-list-item__content {
11447
- display: inline-block;
11448
- padding: 0;
11449
- border: 0;
11450
- appearance: none;
11451
- background: none;
11452
- cursor: pointer;
11453
- text-align: start;
11454
- inline-size: 100%;
11455
- }
11456
11885
  .cds--contained-list-item--clickable .cds--contained-list-item__content::-moz-focus-inner {
11457
11886
  border: 0;
11458
11887
  }
@@ -12428,6 +12857,15 @@ fieldset[disabled] .cds--form__helper-text {
12428
12857
  padding-inline: 1rem;
12429
12858
  }
12430
12859
 
12860
+ .cds--data-table-header.cds--data-table-header__with-decorator {
12861
+ display: flex;
12862
+ justify-content: space-between;
12863
+ }
12864
+
12865
+ .cds--data-table-header.cds--data-table-header__with-decorator.cds--data-table-header__with-decorator--standalone {
12866
+ justify-content: flex-end;
12867
+ }
12868
+
12431
12869
  .cds--data-table-header__title {
12432
12870
  font-size: var(--cds-heading-03-font-size, 1.25rem);
12433
12871
  font-weight: var(--cds-heading-03-font-weight, 400);
@@ -13384,6 +13822,13 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13384
13822
  }
13385
13823
 
13386
13824
  .cds--search-close {
13825
+ display: inline-block;
13826
+ padding: 0;
13827
+ border: 0;
13828
+ appearance: none;
13829
+ background: none;
13830
+ cursor: pointer;
13831
+ text-align: start;
13387
13832
  box-sizing: border-box;
13388
13833
  padding: 0;
13389
13834
  border: 0;
@@ -13397,16 +13842,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13397
13842
  .cds--search-close *::after {
13398
13843
  box-sizing: inherit;
13399
13844
  }
13400
- .cds--search-close {
13401
- display: inline-block;
13402
- padding: 0;
13403
- border: 0;
13404
- appearance: none;
13405
- background: none;
13406
- cursor: pointer;
13407
- text-align: start;
13408
- }
13409
- .cds--search-close::-moz-focus-inner {
13845
+ .cds--search-close::-moz-focus-inner {
13410
13846
  border: 0;
13411
13847
  }
13412
13848
  .cds--search-close {
@@ -13860,6 +14296,14 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13860
14296
  }
13861
14297
 
13862
14298
  .cds--overflow-menu.cds--toolbar-action {
14299
+ display: inline-block;
14300
+ padding: 0;
14301
+ border: 0;
14302
+ appearance: none;
14303
+ background: none;
14304
+ cursor: pointer;
14305
+ text-align: start;
14306
+ inline-size: 100%;
13863
14307
  box-sizing: border-box;
13864
14308
  padding: 0;
13865
14309
  border: 0;
@@ -13873,16 +14317,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13873
14317
  .cds--overflow-menu.cds--toolbar-action *::after {
13874
14318
  box-sizing: inherit;
13875
14319
  }
13876
- .cds--overflow-menu.cds--toolbar-action {
13877
- display: inline-block;
13878
- padding: 0;
13879
- border: 0;
13880
- appearance: none;
13881
- background: none;
13882
- cursor: pointer;
13883
- text-align: start;
13884
- inline-size: 100%;
13885
- }
13886
14320
  .cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {
13887
14321
  border: 0;
13888
14322
  }
@@ -13896,6 +14330,14 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13896
14330
  }
13897
14331
 
13898
14332
  .cds--toolbar-action {
14333
+ display: inline-block;
14334
+ padding: 0;
14335
+ border: 0;
14336
+ appearance: none;
14337
+ background: none;
14338
+ cursor: pointer;
14339
+ text-align: start;
14340
+ inline-size: 100%;
13899
14341
  box-sizing: border-box;
13900
14342
  padding: 0;
13901
14343
  border: 0;
@@ -13909,16 +14351,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13909
14351
  .cds--toolbar-action *::after {
13910
14352
  box-sizing: inherit;
13911
14353
  }
13912
- .cds--toolbar-action {
13913
- display: inline-block;
13914
- padding: 0;
13915
- border: 0;
13916
- appearance: none;
13917
- background: none;
13918
- cursor: pointer;
13919
- text-align: start;
13920
- inline-size: 100%;
13921
- }
13922
14354
  .cds--toolbar-action::-moz-focus-inner {
13923
14355
  border: 0;
13924
14356
  }
@@ -14438,6 +14870,13 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
14438
14870
  }
14439
14871
 
14440
14872
  .cds--table-expand__button {
14873
+ display: inline-block;
14874
+ padding: 0;
14875
+ border: 0;
14876
+ appearance: none;
14877
+ background: none;
14878
+ cursor: pointer;
14879
+ text-align: start;
14441
14880
  box-sizing: border-box;
14442
14881
  padding: 0;
14443
14882
  border: 0;
@@ -14451,15 +14890,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
14451
14890
  .cds--table-expand__button *::after {
14452
14891
  box-sizing: inherit;
14453
14892
  }
14454
- .cds--table-expand__button {
14455
- display: inline-block;
14456
- padding: 0;
14457
- border: 0;
14458
- appearance: none;
14459
- background: none;
14460
- cursor: pointer;
14461
- text-align: start;
14462
- }
14463
14893
  .cds--table-expand__button::-moz-focus-inner {
14464
14894
  border: 0;
14465
14895
  }
@@ -14804,6 +15234,13 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
14804
15234
  }
14805
15235
 
14806
15236
  .cds--table-sort {
15237
+ display: inline-block;
15238
+ padding: 0;
15239
+ border: 0;
15240
+ appearance: none;
15241
+ background: none;
15242
+ cursor: pointer;
15243
+ text-align: start;
14807
15244
  box-sizing: border-box;
14808
15245
  padding: 0;
14809
15246
  border: 0;
@@ -14817,15 +15254,6 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
14817
15254
  .cds--table-sort *::after {
14818
15255
  box-sizing: inherit;
14819
15256
  }
14820
- .cds--table-sort {
14821
- display: inline-block;
14822
- padding: 0;
14823
- border: 0;
14824
- appearance: none;
14825
- background: none;
14826
- cursor: pointer;
14827
- text-align: start;
14828
- }
14829
15257
  .cds--table-sort::-moz-focus-inner {
14830
15258
  border: 0;
14831
15259
  }
@@ -17113,10 +17541,9 @@ button.cds--dropdown-text:focus {
17113
17541
 
17114
17542
  .cds--file__selected-file--invalid .cds--form-requirement__title,
17115
17543
  .cds--file__selected-file--invalid .cds--form-requirement__supplement {
17116
- font-size: var(--cds-label-01-font-size, 0.75rem);
17117
- font-weight: var(--cds-label-01-font-weight, 400);
17118
- line-height: var(--cds-label-01-line-height, 1.33333);
17119
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
17544
+ font-size: var(--cds-helper-text-01-font-size, 0.75rem);
17545
+ line-height: var(--cds-helper-text-01-line-height, 1.33333);
17546
+ letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
17120
17547
  padding: 0 1rem;
17121
17548
  }
17122
17549
 
@@ -17129,10 +17556,9 @@ button.cds--dropdown-text:focus {
17129
17556
  }
17130
17557
 
17131
17558
  .cds--file__selected-file--invalid + .cds--form-requirement {
17132
- font-size: var(--cds-label-01-font-size, 0.75rem);
17133
- font-weight: var(--cds-label-01-font-weight, 400);
17134
- line-height: var(--cds-label-01-line-height, 1.33333);
17135
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
17559
+ font-size: var(--cds-helper-text-01-font-size, 0.75rem);
17560
+ line-height: var(--cds-helper-text-01-line-height, 1.33333);
17561
+ letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
17136
17562
  display: block;
17137
17563
  overflow: visible;
17138
17564
  padding: 0.5rem 1rem;
@@ -17222,6 +17648,14 @@ button.cds--dropdown-text:focus {
17222
17648
  }
17223
17649
 
17224
17650
  .cds--file__drop-container {
17651
+ display: inline-block;
17652
+ padding: 0;
17653
+ border: 0;
17654
+ appearance: none;
17655
+ background: none;
17656
+ cursor: pointer;
17657
+ text-align: start;
17658
+ inline-size: 100%;
17225
17659
  box-sizing: border-box;
17226
17660
  padding: 0;
17227
17661
  border: 0;
@@ -17235,16 +17669,6 @@ button.cds--dropdown-text:focus {
17235
17669
  .cds--file__drop-container *::after {
17236
17670
  box-sizing: inherit;
17237
17671
  }
17238
- .cds--file__drop-container {
17239
- display: inline-block;
17240
- padding: 0;
17241
- border: 0;
17242
- appearance: none;
17243
- background: none;
17244
- cursor: pointer;
17245
- text-align: start;
17246
- inline-size: 100%;
17247
- }
17248
17672
  .cds--file__drop-container::-moz-focus-inner {
17249
17673
  border: 0;
17250
17674
  }
@@ -17412,6 +17836,11 @@ button.cds--dropdown-text:focus {
17412
17836
  border-block-end: 1px solid var(--cds-border-strong);
17413
17837
  }
17414
17838
 
17839
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement:empty,
17840
+ .cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--form-requirement:empty {
17841
+ block-size: 2rem;
17842
+ }
17843
+
17415
17844
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid] .cds--list-box__invalid-icon,
17416
17845
  .cds--list-box__wrapper--fluid .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon {
17417
17846
  inset-block-start: 5.0625rem;
@@ -17611,7 +18040,7 @@ button.cds--dropdown-text:focus {
17611
18040
  }
17612
18041
 
17613
18042
  .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
17614
- inset-inline-end: 0.75rem;
18043
+ inset-inline-end: 1rem;
17615
18044
  }
17616
18045
 
17617
18046
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__wrapper--decorator-inner > *::before,
@@ -17950,6 +18379,10 @@ button.cds--dropdown-text:focus {
17950
18379
  padding-inline-end: 4rem;
17951
18380
  }
17952
18381
 
18382
+ .cds--multi-select {
18383
+ box-sizing: border-box;
18384
+ }
18385
+
17953
18386
  .cds--multi-select .cds--list-box__field--wrapper {
17954
18387
  display: inline-flex;
17955
18388
  align-items: center;
@@ -18314,6 +18747,14 @@ button.cds--dropdown-text:focus {
18314
18747
  }
18315
18748
 
18316
18749
  .cds--number__control-btn {
18750
+ display: inline-block;
18751
+ padding: 0;
18752
+ border: 0;
18753
+ appearance: none;
18754
+ background: none;
18755
+ cursor: pointer;
18756
+ text-align: start;
18757
+ inline-size: 100%;
18317
18758
  box-sizing: border-box;
18318
18759
  padding: 0;
18319
18760
  border: 0;
@@ -18327,16 +18768,6 @@ button.cds--dropdown-text:focus {
18327
18768
  .cds--number__control-btn *::after {
18328
18769
  box-sizing: inherit;
18329
18770
  }
18330
- .cds--number__control-btn {
18331
- display: inline-block;
18332
- padding: 0;
18333
- border: 0;
18334
- appearance: none;
18335
- background: none;
18336
- cursor: pointer;
18337
- text-align: start;
18338
- inline-size: 100%;
18339
- }
18340
18771
  .cds--number__control-btn::-moz-focus-inner {
18341
18772
  border: 0;
18342
18773
  }
@@ -20114,6 +20545,10 @@ optgroup.cds--select-optgroup:disabled,
20114
20545
  inset-inline-start: auto;
20115
20546
  }
20116
20547
 
20548
+ .cds--text-input--fluid.cds--text-input-wrapper--readonly .cds--text-input__field-wrapper .cds--text-input {
20549
+ color: var(--cds-text-secondary, #525252);
20550
+ }
20551
+
20117
20552
  .cds--text-input--fluid .cds--label::-webkit-scrollbar,
20118
20553
  .cds--text-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
20119
20554
  display: none;
@@ -21311,6 +21746,18 @@ optgroup.cds--select-optgroup:disabled,
21311
21746
  .cds--inline-notification--low-contrast {
21312
21747
  color: var(--cds-text-primary, #161616);
21313
21748
  }
21749
+ .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
21750
+ outline: 2px solid var(--cds-focus, #0f62fe);
21751
+ outline-offset: -2px;
21752
+ }
21753
+ @media screen and (prefers-contrast) {
21754
+ .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
21755
+ outline-style: dotted;
21756
+ }
21757
+ }
21758
+ .cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
21759
+ fill: var(--cds-icon-primary, #161616);
21760
+ }
21314
21761
  .cds--inline-notification--low-contrast::before {
21315
21762
  position: absolute;
21316
21763
  box-sizing: border-box;
@@ -21553,20 +22000,6 @@ optgroup.cds--select-optgroup:disabled,
21553
22000
  }
21554
22001
  }
21555
22002
 
21556
- .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
21557
- outline: 2px solid var(--cds-focus, #0f62fe);
21558
- outline-offset: -2px;
21559
- }
21560
- @media screen and (prefers-contrast) {
21561
- .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
21562
- outline-style: dotted;
21563
- }
21564
- }
21565
-
21566
- .cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
21567
- fill: var(--cds-icon-primary, #161616);
21568
- }
21569
-
21570
22003
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21571
22004
  .cds--inline-notification {
21572
22005
  outline: 1px solid transparent;
@@ -21639,6 +22072,22 @@ optgroup.cds--select-optgroup:disabled,
21639
22072
  .cds--toast-notification--low-contrast {
21640
22073
  color: var(--cds-text-primary, #161616);
21641
22074
  }
22075
+ .cds--toast-notification--low-contrast .cds--toast-notification__subtitle,
22076
+ .cds--toast-notification--low-contrast .cds--toast-notification__caption {
22077
+ color: var(--cds-text-primary, #161616);
22078
+ }
22079
+ .cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
22080
+ fill: var(--cds-icon-primary, #161616);
22081
+ }
22082
+ .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
22083
+ outline: 2px solid var(--cds-focus, #0f62fe);
22084
+ outline-offset: -2px;
22085
+ }
22086
+ @media screen and (prefers-contrast) {
22087
+ .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
22088
+ outline-style: dotted;
22089
+ }
22090
+ }
21642
22091
 
21643
22092
  .cds--toast-notification--error {
21644
22093
  background: var(--cds-background-inverse, #393939);
@@ -21779,20 +22228,6 @@ optgroup.cds--select-optgroup:disabled,
21779
22228
  fill: var(--cds-icon-inverse, #ffffff);
21780
22229
  }
21781
22230
 
21782
- .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
21783
- outline: 2px solid var(--cds-focus, #0f62fe);
21784
- outline-offset: -2px;
21785
- }
21786
- @media screen and (prefers-contrast) {
21787
- .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
21788
- outline-style: dotted;
21789
- }
21790
- }
21791
-
21792
- .cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
21793
- fill: var(--cds-icon-primary, #161616);
21794
- }
21795
-
21796
22231
  .cds--toast-notification__title {
21797
22232
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
21798
22233
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
@@ -21813,10 +22248,6 @@ optgroup.cds--select-optgroup:disabled,
21813
22248
  word-break: break-word;
21814
22249
  }
21815
22250
 
21816
- .cds--toast-notification--low-contrast .cds--toast-notification__subtitle {
21817
- color: var(--cds-text-primary, #161616);
21818
- }
21819
-
21820
22251
  .cds--toast-notification__caption {
21821
22252
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
21822
22253
  font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -21826,10 +22257,6 @@ optgroup.cds--select-optgroup:disabled,
21826
22257
  padding-block-start: 0.5rem;
21827
22258
  }
21828
22259
 
21829
- .cds--toast-notification--low-contrast .cds--toast-notification__caption {
21830
- color: var(--cds-text-primary, #161616);
21831
- }
21832
-
21833
22260
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21834
22261
  .cds--toast-notification {
21835
22262
  outline: 1px solid transparent;
@@ -21922,6 +22349,13 @@ optgroup.cds--select-optgroup:disabled,
21922
22349
  .cds--actionable-notification--low-contrast {
21923
22350
  color: var(--cds-text-primary, #161616);
21924
22351
  }
22352
+ .cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle,
22353
+ .cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
22354
+ color: var(--cds-text-primary, #161616);
22355
+ }
22356
+ .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
22357
+ fill: var(--cds-icon-primary, #161616);
22358
+ }
21925
22359
 
21926
22360
  .cds--actionable-notification--low-contrast:not(.cds--actionable-notification--toast)::before {
21927
22361
  position: absolute;
@@ -22135,10 +22569,6 @@ optgroup.cds--select-optgroup:disabled,
22135
22569
  word-break: break-word;
22136
22570
  }
22137
22571
 
22138
- .cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle {
22139
- color: var(--cds-text-primary, #161616);
22140
- }
22141
-
22142
22572
  .cds--actionable-notification__caption {
22143
22573
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
22144
22574
  font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -22148,10 +22578,6 @@ optgroup.cds--select-optgroup:disabled,
22148
22578
  padding-block-start: 1.5rem;
22149
22579
  }
22150
22580
 
22151
- .cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
22152
- color: var(--cds-text-primary, #161616);
22153
- }
22154
-
22155
22581
  /* Ghost action button when inline */
22156
22582
  .cds--actionable-notification__action-button.cds--btn--ghost {
22157
22583
  block-size: 2rem;
@@ -22303,10 +22729,6 @@ optgroup.cds--select-optgroup:disabled,
22303
22729
  }
22304
22730
  }
22305
22731
 
22306
- .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
22307
- fill: var(--cds-icon-primary, #161616);
22308
- }
22309
-
22310
22732
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22311
22733
  .cds--actionable-notification {
22312
22734
  outline: 1px solid transparent;
@@ -22791,6 +23213,11 @@ span.cds--pagination__text.cds--pagination__items-count {
22791
23213
  transform: translate(0.5rem, -50%);
22792
23214
  }
22793
23215
 
23216
+ .cds--pagination .cds--select--inline .cds--select-input[disabled],
23217
+ .cds--pagination .cds--select--inline .cds--select-input[disabled]:hover {
23218
+ background-color: var(--cds-layer);
23219
+ }
23220
+
22794
23221
  .cds--unstable-pagination {
22795
23222
  box-sizing: border-box;
22796
23223
  padding: 0;
@@ -23021,6 +23448,13 @@ span.cds--pagination__text.cds--pagination__items-count {
23021
23448
  font-weight: var(--cds-body-compact-01-font-weight, 400);
23022
23449
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
23023
23450
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
23451
+ display: inline-block;
23452
+ padding: 0;
23453
+ border: 0;
23454
+ appearance: none;
23455
+ background: none;
23456
+ cursor: pointer;
23457
+ text-align: start;
23024
23458
  box-sizing: border-box;
23025
23459
  padding: 0;
23026
23460
  border: 0;
@@ -23034,15 +23468,6 @@ span.cds--pagination__text.cds--pagination__items-count {
23034
23468
  .cds--pagination-nav__page *::after {
23035
23469
  box-sizing: inherit;
23036
23470
  }
23037
- .cds--pagination-nav__page {
23038
- display: inline-block;
23039
- padding: 0;
23040
- border: 0;
23041
- appearance: none;
23042
- background: none;
23043
- cursor: pointer;
23044
- text-align: start;
23045
- }
23046
23471
  .cds--pagination-nav__page::-moz-focus-inner {
23047
23472
  border: 0;
23048
23473
  }
@@ -23559,6 +23984,14 @@ span.cds--pagination__text.cds--pagination__items-count {
23559
23984
  }
23560
23985
 
23561
23986
  .cds--progress-step-button {
23987
+ display: inline-block;
23988
+ padding: 0;
23989
+ border: 0;
23990
+ appearance: none;
23991
+ background: none;
23992
+ cursor: pointer;
23993
+ text-align: start;
23994
+ inline-size: 100%;
23562
23995
  box-sizing: border-box;
23563
23996
  padding: 0;
23564
23997
  border: 0;
@@ -23572,16 +24005,6 @@ span.cds--pagination__text.cds--pagination__items-count {
23572
24005
  .cds--progress-step-button *::after {
23573
24006
  box-sizing: inherit;
23574
24007
  }
23575
- .cds--progress-step-button {
23576
- display: inline-block;
23577
- padding: 0;
23578
- border: 0;
23579
- appearance: none;
23580
- background: none;
23581
- cursor: pointer;
23582
- text-align: start;
23583
- inline-size: 100%;
23584
- }
23585
24008
  .cds--progress-step-button::-moz-focus-inner {
23586
24009
  border: 0;
23587
24010
  }
@@ -24892,6 +25315,14 @@ span.cds--pagination__text.cds--pagination__items-count {
24892
25315
  display: flex;
24893
25316
  }
24894
25317
  .cds--tabs .cds--tab--overflow-nav-button {
25318
+ display: inline-block;
25319
+ padding: 0;
25320
+ border: 0;
25321
+ appearance: none;
25322
+ background: none;
25323
+ cursor: pointer;
25324
+ text-align: start;
25325
+ inline-size: 100%;
24895
25326
  box-sizing: border-box;
24896
25327
  padding: 0;
24897
25328
  border: 0;
@@ -24905,16 +25336,6 @@ span.cds--pagination__text.cds--pagination__items-count {
24905
25336
  .cds--tabs .cds--tab--overflow-nav-button *::after {
24906
25337
  box-sizing: inherit;
24907
25338
  }
24908
- .cds--tabs .cds--tab--overflow-nav-button {
24909
- display: inline-block;
24910
- padding: 0;
24911
- border: 0;
24912
- appearance: none;
24913
- background: none;
24914
- cursor: pointer;
24915
- text-align: start;
24916
- inline-size: 100%;
24917
- }
24918
25339
  .cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
24919
25340
  border: 0;
24920
25341
  }
@@ -25107,6 +25528,14 @@ span.cds--pagination__text.cds--pagination__items-count {
25107
25528
  display: none;
25108
25529
  }
25109
25530
  .cds--tabs .cds--tabs__nav-item--close-icon {
25531
+ display: inline-block;
25532
+ padding: 0;
25533
+ border: 0;
25534
+ appearance: none;
25535
+ background: none;
25536
+ cursor: pointer;
25537
+ text-align: start;
25538
+ inline-size: 100%;
25110
25539
  box-sizing: border-box;
25111
25540
  padding: 0;
25112
25541
  border: 0;
@@ -25120,16 +25549,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25120
25549
  .cds--tabs .cds--tabs__nav-item--close-icon *::after {
25121
25550
  box-sizing: inherit;
25122
25551
  }
25123
- .cds--tabs .cds--tabs__nav-item--close-icon {
25124
- display: inline-block;
25125
- padding: 0;
25126
- border: 0;
25127
- appearance: none;
25128
- background: none;
25129
- cursor: pointer;
25130
- text-align: start;
25131
- inline-size: 100%;
25132
- }
25133
25552
  .cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
25134
25553
  border: 0;
25135
25554
  }
@@ -25200,6 +25619,13 @@ span.cds--pagination__text.cds--pagination__items-count {
25200
25619
  padding-inline-start: var(--cds-layout-density-padding-inline-local);
25201
25620
  }
25202
25621
  .cds--tabs .cds--tabs__nav-link {
25622
+ display: inline-block;
25623
+ padding: 0;
25624
+ border: 0;
25625
+ appearance: none;
25626
+ background: none;
25627
+ cursor: pointer;
25628
+ text-align: start;
25203
25629
  box-sizing: border-box;
25204
25630
  padding: 0;
25205
25631
  border: 0;
@@ -25213,15 +25639,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25213
25639
  .cds--tabs .cds--tabs__nav-link *::after {
25214
25640
  box-sizing: inherit;
25215
25641
  }
25216
- .cds--tabs .cds--tabs__nav-link {
25217
- display: inline-block;
25218
- padding: 0;
25219
- border: 0;
25220
- appearance: none;
25221
- background: none;
25222
- cursor: pointer;
25223
- text-align: start;
25224
- }
25225
25642
  .cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
25226
25643
  border: 0;
25227
25644
  }
@@ -25500,9 +25917,11 @@ span.cds--pagination__text.cds--pagination__items-count {
25500
25917
  }
25501
25918
 
25502
25919
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
25503
- .cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected {
25504
- color: Highlight;
25505
- outline: 1px solid Highlight;
25920
+ .cds--tabs__nav-item--selected .cds--tabs__nav-link,
25921
+ .cds--tabs__nav-item--selected.cds--tabs__nav-link,
25922
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,
25923
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected.cds--tabs__nav-link {
25924
+ background-color: SelectedItem;
25506
25925
  }
25507
25926
  }
25508
25927
 
@@ -25709,6 +26128,14 @@ span.cds--pagination__text.cds--pagination__items-count {
25709
26128
  }
25710
26129
 
25711
26130
  .cds--tile__chevron--interactive {
26131
+ display: inline-block;
26132
+ padding: 0;
26133
+ border: 0;
26134
+ appearance: none;
26135
+ background: none;
26136
+ cursor: pointer;
26137
+ text-align: start;
26138
+ inline-size: 100%;
25712
26139
  box-sizing: border-box;
25713
26140
  padding: 0;
25714
26141
  border: 0;
@@ -25722,16 +26149,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25722
26149
  .cds--tile__chevron--interactive *::after {
25723
26150
  box-sizing: inherit;
25724
26151
  }
25725
- .cds--tile__chevron--interactive {
25726
- display: inline-block;
25727
- padding: 0;
25728
- border: 0;
25729
- appearance: none;
25730
- background: none;
25731
- cursor: pointer;
25732
- text-align: start;
25733
- inline-size: 100%;
25734
- }
25735
26152
  .cds--tile__chevron--interactive::-moz-focus-inner {
25736
26153
  border: 0;
25737
26154
  }
@@ -26705,7 +27122,7 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
26705
27122
  inline-size: 100%;
26706
27123
  }
26707
27124
 
26708
- .cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
27125
+ .cds--tree .cds--tree-node__label .cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
26709
27126
  box-shadow: none;
26710
27127
  outline: 2px solid var(--cds-focus, #0f62fe);
26711
27128
  }
@@ -26756,6 +27173,14 @@ div:has(.cds--header) ~ .cds--content {
26756
27173
  }
26757
27174
 
26758
27175
  .cds--header__action {
27176
+ display: inline-block;
27177
+ padding: 0;
27178
+ border: 0;
27179
+ appearance: none;
27180
+ background: none;
27181
+ cursor: pointer;
27182
+ text-align: start;
27183
+ inline-size: 100%;
26759
27184
  box-sizing: border-box;
26760
27185
  padding: 0;
26761
27186
  border: 0;
@@ -26769,16 +27194,6 @@ div:has(.cds--header) ~ .cds--content {
26769
27194
  .cds--header__action *::after {
26770
27195
  box-sizing: inherit;
26771
27196
  }
26772
- .cds--header__action {
26773
- display: inline-block;
26774
- padding: 0;
26775
- border: 0;
26776
- appearance: none;
26777
- background: none;
26778
- cursor: pointer;
26779
- text-align: start;
26780
- inline-size: 100%;
26781
- }
26782
27197
  .cds--header__action::-moz-focus-inner {
26783
27198
  border: 0;
26784
27199
  }
@@ -27310,6 +27725,14 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
27310
27725
  }
27311
27726
 
27312
27727
  .cds--side-nav__submenu {
27728
+ display: inline-block;
27729
+ padding: 0;
27730
+ border: 0;
27731
+ appearance: none;
27732
+ background: none;
27733
+ cursor: pointer;
27734
+ text-align: start;
27735
+ inline-size: 100%;
27313
27736
  box-sizing: border-box;
27314
27737
  padding: 0;
27315
27738
  border: 0;
@@ -27323,16 +27746,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
27323
27746
  .cds--side-nav__submenu *::after {
27324
27747
  box-sizing: inherit;
27325
27748
  }
27326
- .cds--side-nav__submenu {
27327
- display: inline-block;
27328
- padding: 0;
27329
- border: 0;
27330
- appearance: none;
27331
- background: none;
27332
- cursor: pointer;
27333
- text-align: start;
27334
- inline-size: 100%;
27335
- }
27336
27749
  .cds--side-nav__submenu::-moz-focus-inner {
27337
27750
  border: 0;
27338
27751
  }
@@ -27780,6 +28193,14 @@ div:has(.cds--header) ~ .cds--content {
27780
28193
  }
27781
28194
 
27782
28195
  .cds--header__action {
28196
+ display: inline-block;
28197
+ padding: 0;
28198
+ border: 0;
28199
+ appearance: none;
28200
+ background: none;
28201
+ cursor: pointer;
28202
+ text-align: start;
28203
+ inline-size: 100%;
27783
28204
  box-sizing: border-box;
27784
28205
  padding: 0;
27785
28206
  border: 0;
@@ -27793,16 +28214,6 @@ div:has(.cds--header) ~ .cds--content {
27793
28214
  .cds--header__action *::after {
27794
28215
  box-sizing: inherit;
27795
28216
  }
27796
- .cds--header__action {
27797
- display: inline-block;
27798
- padding: 0;
27799
- border: 0;
27800
- appearance: none;
27801
- background: none;
27802
- cursor: pointer;
27803
- text-align: start;
27804
- inline-size: 100%;
27805
- }
27806
28217
  .cds--header__action::-moz-focus-inner {
27807
28218
  border: 0;
27808
28219
  }
@@ -28334,6 +28745,14 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
28334
28745
  }
28335
28746
 
28336
28747
  .cds--side-nav__submenu {
28748
+ display: inline-block;
28749
+ padding: 0;
28750
+ border: 0;
28751
+ appearance: none;
28752
+ background: none;
28753
+ cursor: pointer;
28754
+ text-align: start;
28755
+ inline-size: 100%;
28337
28756
  box-sizing: border-box;
28338
28757
  padding: 0;
28339
28758
  border: 0;
@@ -28347,16 +28766,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
28347
28766
  .cds--side-nav__submenu *::after {
28348
28767
  box-sizing: inherit;
28349
28768
  }
28350
- .cds--side-nav__submenu {
28351
- display: inline-block;
28352
- padding: 0;
28353
- border: 0;
28354
- appearance: none;
28355
- background: none;
28356
- cursor: pointer;
28357
- text-align: start;
28358
- inline-size: 100%;
28359
- }
28360
28769
  .cds--side-nav__submenu::-moz-focus-inner {
28361
28770
  border: 0;
28362
28771
  }