@carbon/styles 1.96.0-rc.0 → 1.97.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.
package/css/styles.css CHANGED
@@ -2832,8 +2832,10 @@ em {
2832
2832
  --cds-chat-avatar-bot: #6f6f6f;
2833
2833
  --cds-chat-avatar-user: #0f62fe;
2834
2834
  --cds-chat-bubble-agent: #ffffff;
2835
+ --cds-chat-bubble-agent-text: #161616;
2835
2836
  --cds-chat-bubble-border: #e0e0e0;
2836
2837
  --cds-chat-bubble-user: #e0e0e0;
2838
+ --cds-chat-bubble-user-text: #161616;
2837
2839
  --cds-chat-button: #0f62fe;
2838
2840
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
2839
2841
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
@@ -2841,9 +2843,11 @@ em {
2841
2843
  --cds-chat-button-text-hover: #0043ce;
2842
2844
  --cds-chat-button-text-selected: #525252;
2843
2845
  --cds-chat-header-background: #ffffff;
2846
+ --cds-chat-header-text: #161616;
2844
2847
  --cds-chat-prompt-background: #ffffff;
2845
2848
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
2846
2849
  --cds-chat-prompt-border-start: #f4f4f4;
2850
+ --cds-chat-prompt-text: #161616;
2847
2851
  --cds-chat-shell-background: #ffffff;
2848
2852
  --cds-field-01: #f4f4f4;
2849
2853
  --cds-field-02: #ffffff;
@@ -2915,6 +2919,47 @@ em {
2915
2919
  --cds-support-success-inverse: #42be65;
2916
2920
  --cds-support-warning: #f1c21b;
2917
2921
  --cds-support-warning-inverse: #f1c21b;
2922
+ --cds-syntax-atom: #161616;
2923
+ --cds-syntax-attribute: #00539a;
2924
+ --cds-syntax-attribute-name: #00539a;
2925
+ --cds-syntax-attribute-value: #161616;
2926
+ --cds-syntax-block-comment: #198038;
2927
+ --cds-syntax-bool: #161616;
2928
+ --cds-syntax-character: #161616;
2929
+ --cds-syntax-class-name: #007d79;
2930
+ --cds-syntax-color: #161616;
2931
+ --cds-syntax-comment: #198038;
2932
+ --cds-syntax-control-keyword: #6929c4;
2933
+ --cds-syntax-definition-keyword: #00539a;
2934
+ --cds-syntax-doc-comment: #198038;
2935
+ --cds-syntax-doc-string: #161616;
2936
+ --cds-syntax-escape: #343a3f;
2937
+ --cds-syntax-float: #198038;
2938
+ --cds-syntax-integer: #198038;
2939
+ --cds-syntax-keyword: #0f62fe;
2940
+ --cds-syntax-label-name: #0f62fe;
2941
+ --cds-syntax-line-comment: #198038;
2942
+ --cds-syntax-literal: #161616;
2943
+ --cds-syntax-macro-name: #161616;
2944
+ --cds-syntax-module-keyword: #6929c4;
2945
+ --cds-syntax-name: #0f62fe;
2946
+ --cds-syntax-namespace: #007d79;
2947
+ --cds-syntax-null: #161616;
2948
+ --cds-syntax-number: #198038;
2949
+ --cds-syntax-operator-keyword: #0f62fe;
2950
+ --cds-syntax-property-name: #00539a;
2951
+ --cds-syntax-regexp: #6929c4;
2952
+ --cds-syntax-self: #007d79;
2953
+ --cds-syntax-special-string: #8a3ffc;
2954
+ --cds-syntax-string: #161616;
2955
+ --cds-syntax-tag: #007d79;
2956
+ --cds-syntax-tag-name: #007d79;
2957
+ --cds-syntax-type: #007d79;
2958
+ --cds-syntax-type-name: #007d79;
2959
+ --cds-syntax-unit: #198038;
2960
+ --cds-syntax-url: #343a3f;
2961
+ --cds-syntax-variable: #0f62fe;
2962
+ --cds-syntax-variable-name: #0f62fe;
2918
2963
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
2919
2964
  --cds-text-error: #da1e28;
2920
2965
  --cds-text-helper: #6f6f6f;
@@ -3071,8 +3116,10 @@ em {
3071
3116
  --cds-chat-avatar-bot: #6f6f6f;
3072
3117
  --cds-chat-avatar-user: #0f62fe;
3073
3118
  --cds-chat-bubble-agent: #ffffff;
3119
+ --cds-chat-bubble-agent-text: #161616;
3074
3120
  --cds-chat-bubble-border: #e0e0e0;
3075
3121
  --cds-chat-bubble-user: #e0e0e0;
3122
+ --cds-chat-bubble-user-text: #161616;
3076
3123
  --cds-chat-button: #0f62fe;
3077
3124
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
3078
3125
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
@@ -3080,9 +3127,11 @@ em {
3080
3127
  --cds-chat-button-text-hover: #0043ce;
3081
3128
  --cds-chat-button-text-selected: #525252;
3082
3129
  --cds-chat-header-background: #ffffff;
3130
+ --cds-chat-header-text: #161616;
3083
3131
  --cds-chat-prompt-background: #ffffff;
3084
3132
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
3085
3133
  --cds-chat-prompt-border-start: #f4f4f4;
3134
+ --cds-chat-prompt-text: #161616;
3086
3135
  --cds-chat-shell-background: #ffffff;
3087
3136
  --cds-field-01: #ffffff;
3088
3137
  --cds-field-02: #f4f4f4;
@@ -3154,6 +3203,47 @@ em {
3154
3203
  --cds-support-success-inverse: #42be65;
3155
3204
  --cds-support-warning: #f1c21b;
3156
3205
  --cds-support-warning-inverse: #f1c21b;
3206
+ --cds-syntax-atom: #161616;
3207
+ --cds-syntax-attribute: #00539a;
3208
+ --cds-syntax-attribute-name: #00539a;
3209
+ --cds-syntax-attribute-value: #161616;
3210
+ --cds-syntax-block-comment: #198038;
3211
+ --cds-syntax-bool: #161616;
3212
+ --cds-syntax-character: #161616;
3213
+ --cds-syntax-class-name: #007d79;
3214
+ --cds-syntax-color: #161616;
3215
+ --cds-syntax-comment: #198038;
3216
+ --cds-syntax-control-keyword: #6929c4;
3217
+ --cds-syntax-definition-keyword: #00539a;
3218
+ --cds-syntax-doc-comment: #198038;
3219
+ --cds-syntax-doc-string: #161616;
3220
+ --cds-syntax-escape: #343a3f;
3221
+ --cds-syntax-float: #198038;
3222
+ --cds-syntax-integer: #198038;
3223
+ --cds-syntax-keyword: #0f62fe;
3224
+ --cds-syntax-label-name: #0f62fe;
3225
+ --cds-syntax-line-comment: #198038;
3226
+ --cds-syntax-literal: #161616;
3227
+ --cds-syntax-macro-name: #161616;
3228
+ --cds-syntax-module-keyword: #6929c4;
3229
+ --cds-syntax-name: #0f62fe;
3230
+ --cds-syntax-namespace: #007d79;
3231
+ --cds-syntax-null: #161616;
3232
+ --cds-syntax-number: #198038;
3233
+ --cds-syntax-operator-keyword: #0f62fe;
3234
+ --cds-syntax-property-name: #00539a;
3235
+ --cds-syntax-regexp: #6929c4;
3236
+ --cds-syntax-self: #007d79;
3237
+ --cds-syntax-special-string: #8a3ffc;
3238
+ --cds-syntax-string: #161616;
3239
+ --cds-syntax-tag: #007d79;
3240
+ --cds-syntax-tag-name: #007d79;
3241
+ --cds-syntax-type: #007d79;
3242
+ --cds-syntax-type-name: #007d79;
3243
+ --cds-syntax-unit: #198038;
3244
+ --cds-syntax-url: #343a3f;
3245
+ --cds-syntax-variable: #0f62fe;
3246
+ --cds-syntax-variable-name: #0f62fe;
3157
3247
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
3158
3248
  --cds-text-error: #da1e28;
3159
3249
  --cds-text-helper: #6f6f6f;
@@ -3310,8 +3400,10 @@ em {
3310
3400
  --cds-chat-avatar-bot: #8d8d8d;
3311
3401
  --cds-chat-avatar-user: #4589ff;
3312
3402
  --cds-chat-bubble-agent: #262626;
3403
+ --cds-chat-bubble-agent-text: #f4f4f4;
3313
3404
  --cds-chat-bubble-border: #525252;
3314
3405
  --cds-chat-bubble-user: #393939;
3406
+ --cds-chat-bubble-user-text: #f4f4f4;
3315
3407
  --cds-chat-button: #78a9ff;
3316
3408
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
3317
3409
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
@@ -3319,9 +3411,11 @@ em {
3319
3411
  --cds-chat-button-text-hover: #a6c8ff;
3320
3412
  --cds-chat-button-text-selected: #c6c6c6;
3321
3413
  --cds-chat-header-background: #262626;
3414
+ --cds-chat-header-text: #f4f4f4;
3322
3415
  --cds-chat-prompt-background: #161616;
3323
3416
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
3324
3417
  --cds-chat-prompt-border-start: #262626;
3418
+ --cds-chat-prompt-text: #f4f4f4;
3325
3419
  --cds-chat-shell-background: #262626;
3326
3420
  --cds-field-01: #393939;
3327
3421
  --cds-field-02: #525252;
@@ -3393,6 +3487,47 @@ em {
3393
3487
  --cds-support-success-inverse: #24a148;
3394
3488
  --cds-support-warning: #f1c21b;
3395
3489
  --cds-support-warning-inverse: #f1c21b;
3490
+ --cds-syntax-atom: #f4f4f4;
3491
+ --cds-syntax-attribute: #33b1ff;
3492
+ --cds-syntax-attribute-name: #33b1ff;
3493
+ --cds-syntax-attribute-value: #f4f4f4;
3494
+ --cds-syntax-block-comment: #42be65;
3495
+ --cds-syntax-bool: #f4f4f4;
3496
+ --cds-syntax-character: #f4f4f4;
3497
+ --cds-syntax-class-name: #3ddbd9;
3498
+ --cds-syntax-color: #f4f4f4;
3499
+ --cds-syntax-comment: #42be65;
3500
+ --cds-syntax-control-keyword: #be95ff;
3501
+ --cds-syntax-definition-keyword: #33b1ff;
3502
+ --cds-syntax-doc-comment: #42be65;
3503
+ --cds-syntax-doc-string: #f4f4f4;
3504
+ --cds-syntax-escape: #e0e0e0;
3505
+ --cds-syntax-float: #6fdc8c;
3506
+ --cds-syntax-integer: #6fdc8c;
3507
+ --cds-syntax-keyword: #4589ff;
3508
+ --cds-syntax-label-name: #a6c8ff;
3509
+ --cds-syntax-line-comment: #42be65;
3510
+ --cds-syntax-literal: #f4f4f4;
3511
+ --cds-syntax-macro-name: #f4f4f4;
3512
+ --cds-syntax-module-keyword: #be95ff;
3513
+ --cds-syntax-name: #a6c8ff;
3514
+ --cds-syntax-namespace: #3ddbd9;
3515
+ --cds-syntax-null: #f4f4f4;
3516
+ --cds-syntax-number: #6fdc8c;
3517
+ --cds-syntax-operator-keyword: #4589ff;
3518
+ --cds-syntax-property-name: #33b1ff;
3519
+ --cds-syntax-regexp: #be95ff;
3520
+ --cds-syntax-self: #3ddbd9;
3521
+ --cds-syntax-special-string: #be95ff;
3522
+ --cds-syntax-string: #f4f4f4;
3523
+ --cds-syntax-tag: #3ddbd9;
3524
+ --cds-syntax-tag-name: #3ddbd9;
3525
+ --cds-syntax-type: #3ddbd9;
3526
+ --cds-syntax-type-name: #3ddbd9;
3527
+ --cds-syntax-unit: #6fdc8c;
3528
+ --cds-syntax-url: #e0e0e0;
3529
+ --cds-syntax-variable: #a6c8ff;
3530
+ --cds-syntax-variable-name: #a6c8ff;
3396
3531
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
3397
3532
  --cds-text-error: #ffb3b8;
3398
3533
  --cds-text-helper: #c6c6c6;
@@ -3548,8 +3683,10 @@ em {
3548
3683
  --cds-chat-avatar-bot: #8d8d8d;
3549
3684
  --cds-chat-avatar-user: #4589ff;
3550
3685
  --cds-chat-bubble-agent: #262626;
3686
+ --cds-chat-bubble-agent-text: #f4f4f4;
3551
3687
  --cds-chat-bubble-border: #525252;
3552
3688
  --cds-chat-bubble-user: #393939;
3689
+ --cds-chat-bubble-user-text: #f4f4f4;
3553
3690
  --cds-chat-button: #78a9ff;
3554
3691
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
3555
3692
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
@@ -3557,9 +3694,11 @@ em {
3557
3694
  --cds-chat-button-text-hover: #a6c8ff;
3558
3695
  --cds-chat-button-text-selected: #c6c6c6;
3559
3696
  --cds-chat-header-background: #262626;
3697
+ --cds-chat-header-text: #f4f4f4;
3560
3698
  --cds-chat-prompt-background: #161616;
3561
3699
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
3562
3700
  --cds-chat-prompt-border-start: #262626;
3701
+ --cds-chat-prompt-text: #f4f4f4;
3563
3702
  --cds-chat-shell-background: #262626;
3564
3703
  --cds-field-01: #262626;
3565
3704
  --cds-field-02: #393939;
@@ -3631,6 +3770,47 @@ em {
3631
3770
  --cds-support-success-inverse: #24a148;
3632
3771
  --cds-support-warning: #f1c21b;
3633
3772
  --cds-support-warning-inverse: #f1c21b;
3773
+ --cds-syntax-atom: #f4f4f4;
3774
+ --cds-syntax-attribute: #33b1ff;
3775
+ --cds-syntax-attribute-name: #33b1ff;
3776
+ --cds-syntax-attribute-value: #f4f4f4;
3777
+ --cds-syntax-block-comment: #42be65;
3778
+ --cds-syntax-bool: #f4f4f4;
3779
+ --cds-syntax-character: #f4f4f4;
3780
+ --cds-syntax-class-name: #3ddbd9;
3781
+ --cds-syntax-color: #f4f4f4;
3782
+ --cds-syntax-comment: #42be65;
3783
+ --cds-syntax-control-keyword: #be95ff;
3784
+ --cds-syntax-definition-keyword: #33b1ff;
3785
+ --cds-syntax-doc-comment: #42be65;
3786
+ --cds-syntax-doc-string: #f4f4f4;
3787
+ --cds-syntax-escape: #e0e0e0;
3788
+ --cds-syntax-float: #6fdc8c;
3789
+ --cds-syntax-integer: #6fdc8c;
3790
+ --cds-syntax-keyword: #4589ff;
3791
+ --cds-syntax-label-name: #a6c8ff;
3792
+ --cds-syntax-line-comment: #42be65;
3793
+ --cds-syntax-literal: #f4f4f4;
3794
+ --cds-syntax-macro-name: #f4f4f4;
3795
+ --cds-syntax-module-keyword: #be95ff;
3796
+ --cds-syntax-name: #a6c8ff;
3797
+ --cds-syntax-namespace: #3ddbd9;
3798
+ --cds-syntax-null: #f4f4f4;
3799
+ --cds-syntax-number: #6fdc8c;
3800
+ --cds-syntax-operator-keyword: #4589ff;
3801
+ --cds-syntax-property-name: #33b1ff;
3802
+ --cds-syntax-regexp: #be95ff;
3803
+ --cds-syntax-self: #3ddbd9;
3804
+ --cds-syntax-special-string: #be95ff;
3805
+ --cds-syntax-string: #f4f4f4;
3806
+ --cds-syntax-tag: #3ddbd9;
3807
+ --cds-syntax-tag-name: #3ddbd9;
3808
+ --cds-syntax-type: #3ddbd9;
3809
+ --cds-syntax-type-name: #3ddbd9;
3810
+ --cds-syntax-unit: #6fdc8c;
3811
+ --cds-syntax-url: #e0e0e0;
3812
+ --cds-syntax-variable: #a6c8ff;
3813
+ --cds-syntax-variable-name: #a6c8ff;
3634
3814
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
3635
3815
  --cds-text-error: #ff8389;
3636
3816
  --cds-text-helper: #a8a8a8;
@@ -3774,6 +3954,16 @@ em {
3774
3954
 
3775
3955
  .cds--accordion__heading {
3776
3956
  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
3957
+ display: inline-block;
3958
+ padding: 0;
3959
+ border: 0;
3960
+ -webkit-appearance: none;
3961
+ -moz-appearance: none;
3962
+ appearance: none;
3963
+ background: none;
3964
+ cursor: pointer;
3965
+ text-align: start;
3966
+ inline-size: 100%;
3777
3967
  box-sizing: border-box;
3778
3968
  padding: 0;
3779
3969
  border: 0;
@@ -3787,18 +3977,6 @@ em {
3787
3977
  .cds--accordion__heading *::after {
3788
3978
  box-sizing: inherit;
3789
3979
  }
3790
- .cds--accordion__heading {
3791
- display: inline-block;
3792
- padding: 0;
3793
- border: 0;
3794
- -webkit-appearance: none;
3795
- -moz-appearance: none;
3796
- appearance: none;
3797
- background: none;
3798
- cursor: pointer;
3799
- text-align: start;
3800
- inline-size: 100%;
3801
- }
3802
3980
  .cds--accordion__heading::-moz-focus-inner {
3803
3981
  border: 0;
3804
3982
  }
@@ -4852,6 +5030,16 @@ li.cds--accordion__item--disabled:last-of-type {
4852
5030
  }
4853
5031
 
4854
5032
  .cds--popover--tab-tip__button {
5033
+ display: inline-block;
5034
+ padding: 0;
5035
+ border: 0;
5036
+ -webkit-appearance: none;
5037
+ -moz-appearance: none;
5038
+ appearance: none;
5039
+ background: none;
5040
+ cursor: pointer;
5041
+ text-align: start;
5042
+ inline-size: 100%;
4855
5043
  box-sizing: border-box;
4856
5044
  padding: 0;
4857
5045
  border: 0;
@@ -4865,18 +5053,6 @@ li.cds--accordion__item--disabled:last-of-type {
4865
5053
  .cds--popover--tab-tip__button *::after {
4866
5054
  box-sizing: inherit;
4867
5055
  }
4868
- .cds--popover--tab-tip__button {
4869
- display: inline-block;
4870
- padding: 0;
4871
- border: 0;
4872
- -webkit-appearance: none;
4873
- -moz-appearance: none;
4874
- appearance: none;
4875
- background: none;
4876
- cursor: pointer;
4877
- text-align: start;
4878
- inline-size: 100%;
4879
- }
4880
5056
  .cds--popover--tab-tip__button::-moz-focus-inner {
4881
5057
  border: 0;
4882
5058
  }
@@ -4949,6 +5125,16 @@ li.cds--accordion__item--disabled:last-of-type {
4949
5125
  }
4950
5126
 
4951
5127
  .cds--definition-term {
5128
+ display: inline-block;
5129
+ padding: 0;
5130
+ border: 0;
5131
+ -webkit-appearance: none;
5132
+ -moz-appearance: none;
5133
+ appearance: none;
5134
+ background: none;
5135
+ cursor: pointer;
5136
+ text-align: start;
5137
+ inline-size: 100%;
4952
5138
  box-sizing: border-box;
4953
5139
  padding: 0;
4954
5140
  border: 0;
@@ -4962,18 +5148,6 @@ li.cds--accordion__item--disabled:last-of-type {
4962
5148
  .cds--definition-term *::after {
4963
5149
  box-sizing: inherit;
4964
5150
  }
4965
- .cds--definition-term {
4966
- display: inline-block;
4967
- padding: 0;
4968
- border: 0;
4969
- -webkit-appearance: none;
4970
- -moz-appearance: none;
4971
- appearance: none;
4972
- background: none;
4973
- cursor: pointer;
4974
- text-align: start;
4975
- inline-size: 100%;
4976
- }
4977
5151
  .cds--definition-term::-moz-focus-inner {
4978
5152
  border: 0;
4979
5153
  }
@@ -5508,6 +5682,95 @@ li.cds--accordion__item--disabled:last-of-type {
5508
5682
  box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
5509
5683
  }
5510
5684
 
5685
+ .cds--btn-set--fluid {
5686
+ container-type: inline-size;
5687
+ }
5688
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner {
5689
+ --flex-direction: row;
5690
+ display: flex;
5691
+ flex-direction: var(--flex-direction);
5692
+ align-items: stretch;
5693
+ justify-content: flex-end;
5694
+ inline-size: 100%;
5695
+ }
5696
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn {
5697
+ flex: 0 1 25%;
5698
+ max-inline-size: 14.5rem;
5699
+ }
5700
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn {
5701
+ min-inline-size: 11rem;
5702
+ }
5703
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,
5704
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost {
5705
+ flex: 1 1 25%;
5706
+ max-inline-size: none;
5707
+ padding-inline-start: 2rem; /* increased padding when inline */
5708
+ }
5709
+ @container (width <= 11rem) {
5710
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) {
5711
+ --flex-direction: column;
5712
+ }
5713
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn {
5714
+ flex: initial;
5715
+ inline-size: 100%;
5716
+ max-inline-size: none;
5717
+ }
5718
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost {
5719
+ padding-inline-start: 1rem;
5720
+ }
5721
+ }
5722
+ @container (width <= 22rem) {
5723
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) {
5724
+ --flex-direction: column;
5725
+ }
5726
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn {
5727
+ flex: initial;
5728
+ inline-size: 100%;
5729
+ max-inline-size: none;
5730
+ }
5731
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost {
5732
+ padding-inline-start: 1rem;
5733
+ }
5734
+ }
5735
+ @container (width <= 33rem) {
5736
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) {
5737
+ --flex-direction: column;
5738
+ }
5739
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn {
5740
+ flex: initial;
5741
+ inline-size: 100%;
5742
+ max-inline-size: none;
5743
+ }
5744
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost {
5745
+ padding-inline-start: 1rem;
5746
+ }
5747
+ }
5748
+ @container (width <= 44rem) {
5749
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) {
5750
+ --flex-direction: column;
5751
+ }
5752
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn {
5753
+ flex: initial;
5754
+ inline-size: 100%;
5755
+ max-inline-size: none;
5756
+ }
5757
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost {
5758
+ padding-inline-start: 1rem;
5759
+ }
5760
+ }
5761
+ @container (width <= 44rem) {
5762
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn {
5763
+ flex-basis: 50%;
5764
+ max-inline-size: none;
5765
+ }
5766
+ }
5767
+ @container (width <= 33rem) {
5768
+ .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn {
5769
+ flex: 1 1 100%;
5770
+ max-inline-size: none;
5771
+ }
5772
+ }
5773
+
5511
5774
  .cds--toggletip-label {
5512
5775
  font-size: var(--cds-body-01-font-size, 0.875rem);
5513
5776
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -5525,6 +5788,16 @@ li.cds--accordion__item--disabled:last-of-type {
5525
5788
  }
5526
5789
 
5527
5790
  .cds--toggletip-button {
5791
+ display: inline-block;
5792
+ padding: 0;
5793
+ border: 0;
5794
+ -webkit-appearance: none;
5795
+ -moz-appearance: none;
5796
+ appearance: none;
5797
+ background: none;
5798
+ cursor: pointer;
5799
+ text-align: start;
5800
+ inline-size: 100%;
5528
5801
  box-sizing: border-box;
5529
5802
  padding: 0;
5530
5803
  border: 0;
@@ -5538,18 +5811,6 @@ li.cds--accordion__item--disabled:last-of-type {
5538
5811
  .cds--toggletip-button *::after {
5539
5812
  box-sizing: inherit;
5540
5813
  }
5541
- .cds--toggletip-button {
5542
- display: inline-block;
5543
- padding: 0;
5544
- border: 0;
5545
- -webkit-appearance: none;
5546
- -moz-appearance: none;
5547
- appearance: none;
5548
- background: none;
5549
- cursor: pointer;
5550
- text-align: start;
5551
- inline-size: 100%;
5552
- }
5553
5814
  .cds--toggletip-button::-moz-focus-inner {
5554
5815
  border: 0;
5555
5816
  }
@@ -6513,6 +6774,16 @@ li.cds--accordion__item--disabled:last-of-type {
6513
6774
 
6514
6775
  .cds--overflow-menu,
6515
6776
  .cds--overflow-menu__trigger {
6777
+ display: inline-block;
6778
+ padding: 0;
6779
+ border: 0;
6780
+ -webkit-appearance: none;
6781
+ -moz-appearance: none;
6782
+ appearance: none;
6783
+ background: none;
6784
+ cursor: pointer;
6785
+ text-align: start;
6786
+ inline-size: 100%;
6516
6787
  box-sizing: border-box;
6517
6788
  padding: 0;
6518
6789
  border: 0;
@@ -6529,19 +6800,6 @@ li.cds--accordion__item--disabled:last-of-type {
6529
6800
  .cds--overflow-menu__trigger *::after {
6530
6801
  box-sizing: inherit;
6531
6802
  }
6532
- .cds--overflow-menu,
6533
- .cds--overflow-menu__trigger {
6534
- display: inline-block;
6535
- padding: 0;
6536
- border: 0;
6537
- -webkit-appearance: none;
6538
- -moz-appearance: none;
6539
- appearance: none;
6540
- background: none;
6541
- cursor: pointer;
6542
- text-align: start;
6543
- inline-size: 100%;
6544
- }
6545
6803
  .cds--overflow-menu::-moz-focus-inner,
6546
6804
  .cds--overflow-menu__trigger::-moz-focus-inner {
6547
6805
  border: 0;
@@ -7260,10 +7518,12 @@ a.cds--overflow-menu-options__btn::before {
7260
7518
  text-decoration: none;
7261
7519
  }
7262
7520
 
7521
+ .cds--link.cds--link--visited,
7263
7522
  .cds--link.cds--link--visited:visited {
7264
7523
  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
7265
7524
  }
7266
7525
 
7526
+ .cds--link.cds--link--visited:hover,
7267
7527
  .cds--link.cds--link--visited:visited:hover {
7268
7528
  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
7269
7529
  }
@@ -7449,6 +7709,16 @@ textarea:-webkit-autofill:focus {
7449
7709
  }
7450
7710
 
7451
7711
  .cds--label + .cds--tooltip .cds--tooltip__trigger {
7712
+ display: inline-block;
7713
+ padding: 0;
7714
+ border: 0;
7715
+ -webkit-appearance: none;
7716
+ -moz-appearance: none;
7717
+ appearance: none;
7718
+ background: none;
7719
+ cursor: pointer;
7720
+ text-align: start;
7721
+ inline-size: 100%;
7452
7722
  box-sizing: border-box;
7453
7723
  padding: 0;
7454
7724
  border: 0;
@@ -7462,18 +7732,6 @@ textarea:-webkit-autofill:focus {
7462
7732
  .cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
7463
7733
  box-sizing: inherit;
7464
7734
  }
7465
- .cds--label + .cds--tooltip .cds--tooltip__trigger {
7466
- display: inline-block;
7467
- padding: 0;
7468
- border: 0;
7469
- -webkit-appearance: none;
7470
- -moz-appearance: none;
7471
- appearance: none;
7472
- background: none;
7473
- cursor: pointer;
7474
- text-align: start;
7475
- inline-size: 100%;
7476
- }
7477
7735
  .cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
7478
7736
  border: 0;
7479
7737
  }
@@ -7661,10 +7919,9 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
7661
7919
  font-weight: 600;
7662
7920
  }
7663
7921
  .cds--form-requirement {
7664
- font-size: var(--cds-label-01-font-size, 0.75rem);
7665
- font-weight: var(--cds-label-01-font-weight, 400);
7666
- line-height: var(--cds-label-01-line-height, 1.33333);
7667
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
7922
+ font-size: var(--cds-helper-text-01-font-size, 0.75rem);
7923
+ line-height: var(--cds-helper-text-01-line-height, 1.33333);
7924
+ letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
7668
7925
  display: none;
7669
7926
  overflow: hidden;
7670
7927
  margin: 0.25rem 0 0;
@@ -10334,6 +10591,16 @@ fieldset[disabled] .cds--form__helper-text {
10334
10591
  }
10335
10592
 
10336
10593
  .cds--list-box__field {
10594
+ display: inline-block;
10595
+ padding: 0;
10596
+ border: 0;
10597
+ -webkit-appearance: none;
10598
+ -moz-appearance: none;
10599
+ appearance: none;
10600
+ background: none;
10601
+ cursor: pointer;
10602
+ text-align: start;
10603
+ inline-size: 100%;
10337
10604
  box-sizing: border-box;
10338
10605
  padding: 0;
10339
10606
  border: 0;
@@ -10347,18 +10614,6 @@ fieldset[disabled] .cds--form__helper-text {
10347
10614
  .cds--list-box__field *::after {
10348
10615
  box-sizing: inherit;
10349
10616
  }
10350
- .cds--list-box__field {
10351
- display: inline-block;
10352
- padding: 0;
10353
- border: 0;
10354
- -webkit-appearance: none;
10355
- -moz-appearance: none;
10356
- appearance: none;
10357
- background: none;
10358
- cursor: pointer;
10359
- text-align: start;
10360
- inline-size: 100%;
10361
- }
10362
10617
  .cds--list-box__field::-moz-focus-inner {
10363
10618
  border: 0;
10364
10619
  }
@@ -10435,6 +10690,15 @@ fieldset[disabled] .cds--form__helper-text {
10435
10690
  }
10436
10691
 
10437
10692
  .cds--list-box__menu-icon {
10693
+ display: inline-block;
10694
+ padding: 0;
10695
+ border: 0;
10696
+ -webkit-appearance: none;
10697
+ -moz-appearance: none;
10698
+ appearance: none;
10699
+ background: none;
10700
+ cursor: pointer;
10701
+ text-align: start;
10438
10702
  box-sizing: border-box;
10439
10703
  padding: 0;
10440
10704
  border: 0;
@@ -10448,17 +10712,6 @@ fieldset[disabled] .cds--form__helper-text {
10448
10712
  .cds--list-box__menu-icon *::after {
10449
10713
  box-sizing: inherit;
10450
10714
  }
10451
- .cds--list-box__menu-icon {
10452
- display: inline-block;
10453
- padding: 0;
10454
- border: 0;
10455
- -webkit-appearance: none;
10456
- -moz-appearance: none;
10457
- appearance: none;
10458
- background: none;
10459
- cursor: pointer;
10460
- text-align: start;
10461
- }
10462
10715
  .cds--list-box__menu-icon::-moz-focus-inner {
10463
10716
  border: 0;
10464
10717
  }
@@ -10486,6 +10739,15 @@ fieldset[disabled] .cds--form__helper-text {
10486
10739
  }
10487
10740
 
10488
10741
  .cds--list-box__selection {
10742
+ display: inline-block;
10743
+ padding: 0;
10744
+ border: 0;
10745
+ -webkit-appearance: none;
10746
+ -moz-appearance: none;
10747
+ appearance: none;
10748
+ background: none;
10749
+ cursor: pointer;
10750
+ text-align: start;
10489
10751
  box-sizing: border-box;
10490
10752
  padding: 0;
10491
10753
  border: 0;
@@ -10499,17 +10761,6 @@ fieldset[disabled] .cds--form__helper-text {
10499
10761
  .cds--list-box__selection *::after {
10500
10762
  box-sizing: inherit;
10501
10763
  }
10502
- .cds--list-box__selection {
10503
- display: inline-block;
10504
- padding: 0;
10505
- border: 0;
10506
- -webkit-appearance: none;
10507
- -moz-appearance: none;
10508
- appearance: none;
10509
- background: none;
10510
- cursor: pointer;
10511
- text-align: start;
10512
- }
10513
10764
  .cds--list-box__selection::-moz-focus-inner {
10514
10765
  border: 0;
10515
10766
  }
@@ -10940,7 +11191,6 @@ fieldset[disabled] .cds--form__helper-text {
10940
11191
  inset-block-end: 3rem;
10941
11192
  }
10942
11193
 
10943
- .cds--list-box input[role=combobox],
10944
11194
  .cds--list-box input[type=text] {
10945
11195
  background-color: inherit;
10946
11196
  min-inline-size: 0;
@@ -11589,6 +11839,16 @@ fieldset[disabled] .cds--form__helper-text {
11589
11839
  }
11590
11840
 
11591
11841
  .cds--contained-list-item--clickable .cds--contained-list-item__content {
11842
+ display: inline-block;
11843
+ padding: 0;
11844
+ border: 0;
11845
+ -webkit-appearance: none;
11846
+ -moz-appearance: none;
11847
+ appearance: none;
11848
+ background: none;
11849
+ cursor: pointer;
11850
+ text-align: start;
11851
+ inline-size: 100%;
11592
11852
  box-sizing: border-box;
11593
11853
  padding: 0;
11594
11854
  border: 0;
@@ -11602,18 +11862,6 @@ fieldset[disabled] .cds--form__helper-text {
11602
11862
  .cds--contained-list-item--clickable .cds--contained-list-item__content *::after {
11603
11863
  box-sizing: inherit;
11604
11864
  }
11605
- .cds--contained-list-item--clickable .cds--contained-list-item__content {
11606
- display: inline-block;
11607
- padding: 0;
11608
- border: 0;
11609
- -webkit-appearance: none;
11610
- -moz-appearance: none;
11611
- appearance: none;
11612
- background: none;
11613
- cursor: pointer;
11614
- text-align: start;
11615
- inline-size: 100%;
11616
- }
11617
11865
  .cds--contained-list-item--clickable .cds--contained-list-item__content::-moz-focus-inner {
11618
11866
  border: 0;
11619
11867
  }
@@ -12594,6 +12842,15 @@ fieldset[disabled] .cds--form__helper-text {
12594
12842
  padding-inline: 1rem;
12595
12843
  }
12596
12844
 
12845
+ .cds--data-table-header.cds--data-table-header__with-decorator {
12846
+ display: flex;
12847
+ justify-content: space-between;
12848
+ }
12849
+
12850
+ .cds--data-table-header.cds--data-table-header__with-decorator.cds--data-table-header__with-decorator--standalone {
12851
+ justify-content: flex-end;
12852
+ }
12853
+
12597
12854
  .cds--data-table-header__title {
12598
12855
  font-size: var(--cds-heading-03-font-size, 1.25rem);
12599
12856
  font-weight: var(--cds-heading-03-font-weight, 400);
@@ -13560,6 +13817,15 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13560
13817
  }
13561
13818
 
13562
13819
  .cds--search-close {
13820
+ display: inline-block;
13821
+ padding: 0;
13822
+ border: 0;
13823
+ -webkit-appearance: none;
13824
+ -moz-appearance: none;
13825
+ appearance: none;
13826
+ background: none;
13827
+ cursor: pointer;
13828
+ text-align: start;
13563
13829
  box-sizing: border-box;
13564
13830
  padding: 0;
13565
13831
  border: 0;
@@ -13573,17 +13839,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
13573
13839
  .cds--search-close *::after {
13574
13840
  box-sizing: inherit;
13575
13841
  }
13576
- .cds--search-close {
13577
- display: inline-block;
13578
- padding: 0;
13579
- border: 0;
13580
- -webkit-appearance: none;
13581
- -moz-appearance: none;
13582
- appearance: none;
13583
- background: none;
13584
- cursor: pointer;
13585
- text-align: start;
13586
- }
13587
13842
  .cds--search-close::-moz-focus-inner {
13588
13843
  border: 0;
13589
13844
  }
@@ -14068,6 +14323,16 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
14068
14323
  }
14069
14324
 
14070
14325
  .cds--overflow-menu.cds--toolbar-action {
14326
+ display: inline-block;
14327
+ padding: 0;
14328
+ border: 0;
14329
+ -webkit-appearance: none;
14330
+ -moz-appearance: none;
14331
+ appearance: none;
14332
+ background: none;
14333
+ cursor: pointer;
14334
+ text-align: start;
14335
+ inline-size: 100%;
14071
14336
  box-sizing: border-box;
14072
14337
  padding: 0;
14073
14338
  border: 0;
@@ -14081,18 +14346,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
14081
14346
  .cds--overflow-menu.cds--toolbar-action *::after {
14082
14347
  box-sizing: inherit;
14083
14348
  }
14084
- .cds--overflow-menu.cds--toolbar-action {
14085
- display: inline-block;
14086
- padding: 0;
14087
- border: 0;
14088
- -webkit-appearance: none;
14089
- -moz-appearance: none;
14090
- appearance: none;
14091
- background: none;
14092
- cursor: pointer;
14093
- text-align: start;
14094
- inline-size: 100%;
14095
- }
14096
14349
  .cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {
14097
14350
  border: 0;
14098
14351
  }
@@ -14106,6 +14359,16 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
14106
14359
  }
14107
14360
 
14108
14361
  .cds--toolbar-action {
14362
+ display: inline-block;
14363
+ padding: 0;
14364
+ border: 0;
14365
+ -webkit-appearance: none;
14366
+ -moz-appearance: none;
14367
+ appearance: none;
14368
+ background: none;
14369
+ cursor: pointer;
14370
+ text-align: start;
14371
+ inline-size: 100%;
14109
14372
  box-sizing: border-box;
14110
14373
  padding: 0;
14111
14374
  border: 0;
@@ -14119,18 +14382,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
14119
14382
  .cds--toolbar-action *::after {
14120
14383
  box-sizing: inherit;
14121
14384
  }
14122
- .cds--toolbar-action {
14123
- display: inline-block;
14124
- padding: 0;
14125
- border: 0;
14126
- -webkit-appearance: none;
14127
- -moz-appearance: none;
14128
- appearance: none;
14129
- background: none;
14130
- cursor: pointer;
14131
- text-align: start;
14132
- inline-size: 100%;
14133
- }
14134
14385
  .cds--toolbar-action::-moz-focus-inner {
14135
14386
  border: 0;
14136
14387
  }
@@ -14657,6 +14908,15 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
14657
14908
  }
14658
14909
 
14659
14910
  .cds--table-expand__button {
14911
+ display: inline-block;
14912
+ padding: 0;
14913
+ border: 0;
14914
+ -webkit-appearance: none;
14915
+ -moz-appearance: none;
14916
+ appearance: none;
14917
+ background: none;
14918
+ cursor: pointer;
14919
+ text-align: start;
14660
14920
  box-sizing: border-box;
14661
14921
  padding: 0;
14662
14922
  border: 0;
@@ -14670,17 +14930,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
14670
14930
  .cds--table-expand__button *::after {
14671
14931
  box-sizing: inherit;
14672
14932
  }
14673
- .cds--table-expand__button {
14674
- display: inline-block;
14675
- padding: 0;
14676
- border: 0;
14677
- -webkit-appearance: none;
14678
- -moz-appearance: none;
14679
- appearance: none;
14680
- background: none;
14681
- cursor: pointer;
14682
- text-align: start;
14683
- }
14684
14933
  .cds--table-expand__button::-moz-focus-inner {
14685
14934
  border: 0;
14686
14935
  }
@@ -15025,6 +15274,15 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
15025
15274
  }
15026
15275
 
15027
15276
  .cds--table-sort {
15277
+ display: inline-block;
15278
+ padding: 0;
15279
+ border: 0;
15280
+ -webkit-appearance: none;
15281
+ -moz-appearance: none;
15282
+ appearance: none;
15283
+ background: none;
15284
+ cursor: pointer;
15285
+ text-align: start;
15028
15286
  box-sizing: border-box;
15029
15287
  padding: 0;
15030
15288
  border: 0;
@@ -15038,17 +15296,6 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
15038
15296
  .cds--table-sort *::after {
15039
15297
  box-sizing: inherit;
15040
15298
  }
15041
- .cds--table-sort {
15042
- display: inline-block;
15043
- padding: 0;
15044
- border: 0;
15045
- -webkit-appearance: none;
15046
- -moz-appearance: none;
15047
- appearance: none;
15048
- background: none;
15049
- cursor: pointer;
15050
- text-align: start;
15051
- }
15052
15299
  .cds--table-sort::-moz-focus-inner {
15053
15300
  border: 0;
15054
15301
  }
@@ -17351,10 +17598,9 @@ button.cds--dropdown-text:focus {
17351
17598
 
17352
17599
  .cds--file__selected-file--invalid .cds--form-requirement__title,
17353
17600
  .cds--file__selected-file--invalid .cds--form-requirement__supplement {
17354
- font-size: var(--cds-label-01-font-size, 0.75rem);
17355
- font-weight: var(--cds-label-01-font-weight, 400);
17356
- line-height: var(--cds-label-01-line-height, 1.33333);
17357
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
17601
+ font-size: var(--cds-helper-text-01-font-size, 0.75rem);
17602
+ line-height: var(--cds-helper-text-01-line-height, 1.33333);
17603
+ letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
17358
17604
  padding: 0 1rem;
17359
17605
  }
17360
17606
 
@@ -17367,10 +17613,9 @@ button.cds--dropdown-text:focus {
17367
17613
  }
17368
17614
 
17369
17615
  .cds--file__selected-file--invalid + .cds--form-requirement {
17370
- font-size: var(--cds-label-01-font-size, 0.75rem);
17371
- font-weight: var(--cds-label-01-font-weight, 400);
17372
- line-height: var(--cds-label-01-line-height, 1.33333);
17373
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
17616
+ font-size: var(--cds-helper-text-01-font-size, 0.75rem);
17617
+ line-height: var(--cds-helper-text-01-line-height, 1.33333);
17618
+ letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
17374
17619
  display: block;
17375
17620
  overflow: visible;
17376
17621
  padding: 0.5rem 1rem;
@@ -17459,20 +17704,6 @@ button.cds--dropdown-text:focus {
17459
17704
  margin-inline-end: -0.5rem;
17460
17705
  }
17461
17706
 
17462
- .cds--file__drop-container {
17463
- box-sizing: border-box;
17464
- padding: 0;
17465
- border: 0;
17466
- margin: 0;
17467
- font-family: inherit;
17468
- font-size: 100%;
17469
- vertical-align: baseline;
17470
- }
17471
- .cds--file__drop-container *,
17472
- .cds--file__drop-container *::before,
17473
- .cds--file__drop-container *::after {
17474
- box-sizing: inherit;
17475
- }
17476
17707
  .cds--file__drop-container {
17477
17708
  display: inline-block;
17478
17709
  padding: 0;
@@ -17484,6 +17715,18 @@ button.cds--dropdown-text:focus {
17484
17715
  cursor: pointer;
17485
17716
  text-align: start;
17486
17717
  inline-size: 100%;
17718
+ box-sizing: border-box;
17719
+ padding: 0;
17720
+ border: 0;
17721
+ margin: 0;
17722
+ font-family: inherit;
17723
+ font-size: 100%;
17724
+ vertical-align: baseline;
17725
+ }
17726
+ .cds--file__drop-container *,
17727
+ .cds--file__drop-container *::before,
17728
+ .cds--file__drop-container *::after {
17729
+ box-sizing: inherit;
17487
17730
  }
17488
17731
  .cds--file__drop-container::-moz-focus-inner {
17489
17732
  border: 0;
@@ -18190,6 +18433,10 @@ button.cds--dropdown-text:focus {
18190
18433
  padding-inline-end: 4rem;
18191
18434
  }
18192
18435
 
18436
+ .cds--multi-select {
18437
+ box-sizing: border-box;
18438
+ }
18439
+
18193
18440
  .cds--multi-select .cds--list-box__field--wrapper {
18194
18441
  display: inline-flex;
18195
18442
  align-items: center;
@@ -18556,6 +18803,16 @@ button.cds--dropdown-text:focus {
18556
18803
  }
18557
18804
 
18558
18805
  .cds--number__control-btn {
18806
+ display: inline-block;
18807
+ padding: 0;
18808
+ border: 0;
18809
+ -webkit-appearance: none;
18810
+ -moz-appearance: none;
18811
+ appearance: none;
18812
+ background: none;
18813
+ cursor: pointer;
18814
+ text-align: start;
18815
+ inline-size: 100%;
18559
18816
  box-sizing: border-box;
18560
18817
  padding: 0;
18561
18818
  border: 0;
@@ -18569,18 +18826,6 @@ button.cds--dropdown-text:focus {
18569
18826
  .cds--number__control-btn *::after {
18570
18827
  box-sizing: inherit;
18571
18828
  }
18572
- .cds--number__control-btn {
18573
- display: inline-block;
18574
- padding: 0;
18575
- border: 0;
18576
- -webkit-appearance: none;
18577
- -moz-appearance: none;
18578
- appearance: none;
18579
- background: none;
18580
- cursor: pointer;
18581
- text-align: start;
18582
- inline-size: 100%;
18583
- }
18584
18829
  .cds--number__control-btn::-moz-focus-inner {
18585
18830
  border: 0;
18586
18831
  }
@@ -20818,6 +21063,7 @@ optgroup.cds--select-optgroup:disabled,
20818
21063
  .cds--inline-loading {
20819
21064
  display: flex;
20820
21065
  align-items: center;
21066
+ color: var(--cds-text-secondary, #525252);
20821
21067
  inline-size: 100%;
20822
21068
  min-block-size: 2rem;
20823
21069
  }
@@ -20827,7 +21073,6 @@ optgroup.cds--select-optgroup:disabled,
20827
21073
  font-weight: var(--cds-label-02-font-weight, 400);
20828
21074
  line-height: var(--cds-label-02-line-height, 1.28572);
20829
21075
  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
20830
- color: var(--cds-text-secondary, #525252);
20831
21076
  }
20832
21077
 
20833
21078
  .cds--inline-loading__animation {
@@ -23058,6 +23303,11 @@ span.cds--pagination__text.cds--pagination__items-count {
23058
23303
  transform: translate(0.5rem, -50%);
23059
23304
  }
23060
23305
 
23306
+ .cds--pagination .cds--select--inline .cds--select-input[disabled],
23307
+ .cds--pagination .cds--select--inline .cds--select-input[disabled]:hover {
23308
+ background-color: var(--cds-layer);
23309
+ }
23310
+
23061
23311
  .cds--unstable-pagination {
23062
23312
  box-sizing: border-box;
23063
23313
  padding: 0;
@@ -23288,6 +23538,15 @@ span.cds--pagination__text.cds--pagination__items-count {
23288
23538
  font-weight: var(--cds-body-compact-01-font-weight, 400);
23289
23539
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
23290
23540
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
23541
+ display: inline-block;
23542
+ padding: 0;
23543
+ border: 0;
23544
+ -webkit-appearance: none;
23545
+ -moz-appearance: none;
23546
+ appearance: none;
23547
+ background: none;
23548
+ cursor: pointer;
23549
+ text-align: start;
23291
23550
  box-sizing: border-box;
23292
23551
  padding: 0;
23293
23552
  border: 0;
@@ -23301,17 +23560,6 @@ span.cds--pagination__text.cds--pagination__items-count {
23301
23560
  .cds--pagination-nav__page *::after {
23302
23561
  box-sizing: inherit;
23303
23562
  }
23304
- .cds--pagination-nav__page {
23305
- display: inline-block;
23306
- padding: 0;
23307
- border: 0;
23308
- -webkit-appearance: none;
23309
- -moz-appearance: none;
23310
- appearance: none;
23311
- background: none;
23312
- cursor: pointer;
23313
- text-align: start;
23314
- }
23315
23563
  .cds--pagination-nav__page::-moz-focus-inner {
23316
23564
  border: 0;
23317
23565
  }
@@ -23832,6 +24080,16 @@ span.cds--pagination__text.cds--pagination__items-count {
23832
24080
  }
23833
24081
 
23834
24082
  .cds--progress-step-button {
24083
+ display: inline-block;
24084
+ padding: 0;
24085
+ border: 0;
24086
+ -webkit-appearance: none;
24087
+ -moz-appearance: none;
24088
+ appearance: none;
24089
+ background: none;
24090
+ cursor: pointer;
24091
+ text-align: start;
24092
+ inline-size: 100%;
23835
24093
  box-sizing: border-box;
23836
24094
  padding: 0;
23837
24095
  border: 0;
@@ -23845,18 +24103,6 @@ span.cds--pagination__text.cds--pagination__items-count {
23845
24103
  .cds--progress-step-button *::after {
23846
24104
  box-sizing: inherit;
23847
24105
  }
23848
- .cds--progress-step-button {
23849
- display: inline-block;
23850
- padding: 0;
23851
- border: 0;
23852
- -webkit-appearance: none;
23853
- -moz-appearance: none;
23854
- appearance: none;
23855
- background: none;
23856
- cursor: pointer;
23857
- text-align: start;
23858
- inline-size: 100%;
23859
- }
23860
24106
  .cds--progress-step-button::-moz-focus-inner {
23861
24107
  border: 0;
23862
24108
  }
@@ -25171,6 +25417,16 @@ span.cds--pagination__text.cds--pagination__items-count {
25171
25417
  display: flex;
25172
25418
  }
25173
25419
  .cds--tabs .cds--tab--overflow-nav-button {
25420
+ display: inline-block;
25421
+ padding: 0;
25422
+ border: 0;
25423
+ -webkit-appearance: none;
25424
+ -moz-appearance: none;
25425
+ appearance: none;
25426
+ background: none;
25427
+ cursor: pointer;
25428
+ text-align: start;
25429
+ inline-size: 100%;
25174
25430
  box-sizing: border-box;
25175
25431
  padding: 0;
25176
25432
  border: 0;
@@ -25184,18 +25440,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25184
25440
  .cds--tabs .cds--tab--overflow-nav-button *::after {
25185
25441
  box-sizing: inherit;
25186
25442
  }
25187
- .cds--tabs .cds--tab--overflow-nav-button {
25188
- display: inline-block;
25189
- padding: 0;
25190
- border: 0;
25191
- -webkit-appearance: none;
25192
- -moz-appearance: none;
25193
- appearance: none;
25194
- background: none;
25195
- cursor: pointer;
25196
- text-align: start;
25197
- inline-size: 100%;
25198
- }
25199
25443
  .cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
25200
25444
  border: 0;
25201
25445
  }
@@ -25388,6 +25632,16 @@ span.cds--pagination__text.cds--pagination__items-count {
25388
25632
  display: none;
25389
25633
  }
25390
25634
  .cds--tabs .cds--tabs__nav-item--close-icon {
25635
+ display: inline-block;
25636
+ padding: 0;
25637
+ border: 0;
25638
+ -webkit-appearance: none;
25639
+ -moz-appearance: none;
25640
+ appearance: none;
25641
+ background: none;
25642
+ cursor: pointer;
25643
+ text-align: start;
25644
+ inline-size: 100%;
25391
25645
  box-sizing: border-box;
25392
25646
  padding: 0;
25393
25647
  border: 0;
@@ -25401,18 +25655,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25401
25655
  .cds--tabs .cds--tabs__nav-item--close-icon *::after {
25402
25656
  box-sizing: inherit;
25403
25657
  }
25404
- .cds--tabs .cds--tabs__nav-item--close-icon {
25405
- display: inline-block;
25406
- padding: 0;
25407
- border: 0;
25408
- -webkit-appearance: none;
25409
- -moz-appearance: none;
25410
- appearance: none;
25411
- background: none;
25412
- cursor: pointer;
25413
- text-align: start;
25414
- inline-size: 100%;
25415
- }
25416
25658
  .cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
25417
25659
  border: 0;
25418
25660
  }
@@ -25483,6 +25725,15 @@ span.cds--pagination__text.cds--pagination__items-count {
25483
25725
  padding-inline-start: var(--cds-layout-density-padding-inline-local);
25484
25726
  }
25485
25727
  .cds--tabs .cds--tabs__nav-link {
25728
+ display: inline-block;
25729
+ padding: 0;
25730
+ border: 0;
25731
+ -webkit-appearance: none;
25732
+ -moz-appearance: none;
25733
+ appearance: none;
25734
+ background: none;
25735
+ cursor: pointer;
25736
+ text-align: start;
25486
25737
  box-sizing: border-box;
25487
25738
  padding: 0;
25488
25739
  border: 0;
@@ -25496,17 +25747,6 @@ span.cds--pagination__text.cds--pagination__items-count {
25496
25747
  .cds--tabs .cds--tabs__nav-link *::after {
25497
25748
  box-sizing: inherit;
25498
25749
  }
25499
- .cds--tabs .cds--tabs__nav-link {
25500
- display: inline-block;
25501
- padding: 0;
25502
- border: 0;
25503
- -webkit-appearance: none;
25504
- -moz-appearance: none;
25505
- appearance: none;
25506
- background: none;
25507
- cursor: pointer;
25508
- text-align: start;
25509
- }
25510
25750
  .cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
25511
25751
  border: 0;
25512
25752
  }
@@ -25994,6 +26234,16 @@ span.cds--pagination__text.cds--pagination__items-count {
25994
26234
  }
25995
26235
 
25996
26236
  .cds--tile__chevron--interactive {
26237
+ display: inline-block;
26238
+ padding: 0;
26239
+ border: 0;
26240
+ -webkit-appearance: none;
26241
+ -moz-appearance: none;
26242
+ appearance: none;
26243
+ background: none;
26244
+ cursor: pointer;
26245
+ text-align: start;
26246
+ inline-size: 100%;
25997
26247
  box-sizing: border-box;
25998
26248
  padding: 0;
25999
26249
  border: 0;
@@ -26007,18 +26257,6 @@ span.cds--pagination__text.cds--pagination__items-count {
26007
26257
  .cds--tile__chevron--interactive *::after {
26008
26258
  box-sizing: inherit;
26009
26259
  }
26010
- .cds--tile__chevron--interactive {
26011
- display: inline-block;
26012
- padding: 0;
26013
- border: 0;
26014
- -webkit-appearance: none;
26015
- -moz-appearance: none;
26016
- appearance: none;
26017
- background: none;
26018
- cursor: pointer;
26019
- text-align: start;
26020
- inline-size: 100%;
26021
- }
26022
26260
  .cds--tile__chevron--interactive::-moz-focus-inner {
26023
26261
  border: 0;
26024
26262
  }
@@ -27052,6 +27290,16 @@ div:has(.cds--header) ~ .cds--content {
27052
27290
  }
27053
27291
 
27054
27292
  .cds--header__action {
27293
+ display: inline-block;
27294
+ padding: 0;
27295
+ border: 0;
27296
+ -webkit-appearance: none;
27297
+ -moz-appearance: none;
27298
+ appearance: none;
27299
+ background: none;
27300
+ cursor: pointer;
27301
+ text-align: start;
27302
+ inline-size: 100%;
27055
27303
  box-sizing: border-box;
27056
27304
  padding: 0;
27057
27305
  border: 0;
@@ -27065,18 +27313,6 @@ div:has(.cds--header) ~ .cds--content {
27065
27313
  .cds--header__action *::after {
27066
27314
  box-sizing: inherit;
27067
27315
  }
27068
- .cds--header__action {
27069
- display: inline-block;
27070
- padding: 0;
27071
- border: 0;
27072
- -webkit-appearance: none;
27073
- -moz-appearance: none;
27074
- appearance: none;
27075
- background: none;
27076
- cursor: pointer;
27077
- text-align: start;
27078
- inline-size: 100%;
27079
- }
27080
27316
  .cds--header__action::-moz-focus-inner {
27081
27317
  border: 0;
27082
27318
  }
@@ -27612,6 +27848,16 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
27612
27848
  }
27613
27849
 
27614
27850
  .cds--side-nav__submenu {
27851
+ display: inline-block;
27852
+ padding: 0;
27853
+ border: 0;
27854
+ -webkit-appearance: none;
27855
+ -moz-appearance: none;
27856
+ appearance: none;
27857
+ background: none;
27858
+ cursor: pointer;
27859
+ text-align: start;
27860
+ inline-size: 100%;
27615
27861
  box-sizing: border-box;
27616
27862
  padding: 0;
27617
27863
  border: 0;
@@ -27625,18 +27871,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
27625
27871
  .cds--side-nav__submenu *::after {
27626
27872
  box-sizing: inherit;
27627
27873
  }
27628
- .cds--side-nav__submenu {
27629
- display: inline-block;
27630
- padding: 0;
27631
- border: 0;
27632
- -webkit-appearance: none;
27633
- -moz-appearance: none;
27634
- appearance: none;
27635
- background: none;
27636
- cursor: pointer;
27637
- text-align: start;
27638
- inline-size: 100%;
27639
- }
27640
27874
  .cds--side-nav__submenu::-moz-focus-inner {
27641
27875
  border: 0;
27642
27876
  }
@@ -28088,6 +28322,16 @@ div:has(.cds--header) ~ .cds--content {
28088
28322
  }
28089
28323
 
28090
28324
  .cds--header__action {
28325
+ display: inline-block;
28326
+ padding: 0;
28327
+ border: 0;
28328
+ -webkit-appearance: none;
28329
+ -moz-appearance: none;
28330
+ appearance: none;
28331
+ background: none;
28332
+ cursor: pointer;
28333
+ text-align: start;
28334
+ inline-size: 100%;
28091
28335
  box-sizing: border-box;
28092
28336
  padding: 0;
28093
28337
  border: 0;
@@ -28101,18 +28345,6 @@ div:has(.cds--header) ~ .cds--content {
28101
28345
  .cds--header__action *::after {
28102
28346
  box-sizing: inherit;
28103
28347
  }
28104
- .cds--header__action {
28105
- display: inline-block;
28106
- padding: 0;
28107
- border: 0;
28108
- -webkit-appearance: none;
28109
- -moz-appearance: none;
28110
- appearance: none;
28111
- background: none;
28112
- cursor: pointer;
28113
- text-align: start;
28114
- inline-size: 100%;
28115
- }
28116
28348
  .cds--header__action::-moz-focus-inner {
28117
28349
  border: 0;
28118
28350
  }
@@ -28648,6 +28880,16 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
28648
28880
  }
28649
28881
 
28650
28882
  .cds--side-nav__submenu {
28883
+ display: inline-block;
28884
+ padding: 0;
28885
+ border: 0;
28886
+ -webkit-appearance: none;
28887
+ -moz-appearance: none;
28888
+ appearance: none;
28889
+ background: none;
28890
+ cursor: pointer;
28891
+ text-align: start;
28892
+ inline-size: 100%;
28651
28893
  box-sizing: border-box;
28652
28894
  padding: 0;
28653
28895
  border: 0;
@@ -28661,18 +28903,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
28661
28903
  .cds--side-nav__submenu *::after {
28662
28904
  box-sizing: inherit;
28663
28905
  }
28664
- .cds--side-nav__submenu {
28665
- display: inline-block;
28666
- padding: 0;
28667
- border: 0;
28668
- -webkit-appearance: none;
28669
- -moz-appearance: none;
28670
- appearance: none;
28671
- background: none;
28672
- cursor: pointer;
28673
- text-align: start;
28674
- inline-size: 100%;
28675
- }
28676
28906
  .cds--side-nav__submenu::-moz-focus-inner {
28677
28907
  border: 0;
28678
28908
  }