@carbon/styles 1.24.0-rc.0 → 1.24.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 (4) hide show
  1. package/css/styles.css +15 -11
  2. package/css/styles.min.css +1 -1
  3. package/package.json +11 -11
  4. package/scss/__tests__/theme-test.js +1 -0
package/css/styles.css CHANGED
@@ -2697,7 +2697,7 @@ em {
2697
2697
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
2698
2698
  --cds-field: var(--cds-field-01, #f4f4f4);
2699
2699
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
2700
- --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
2700
+ --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
2701
2701
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
2702
2702
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
2703
2703
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
@@ -2714,7 +2714,7 @@ em {
2714
2714
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
2715
2715
  --cds-field: var(--cds-field-01, #f4f4f4);
2716
2716
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
2717
- --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
2717
+ --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
2718
2718
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
2719
2719
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
2720
2720
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
@@ -2748,7 +2748,7 @@ em {
2748
2748
  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
2749
2749
  --cds-field: var(--cds-field-03, #f4f4f4);
2750
2750
  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
2751
- --cds-border-subtle: var(--cds-border-subtle-03, #e0e0e0);
2751
+ --cds-border-subtle: var(--cds-border-subtle-03, #c6c6c6);
2752
2752
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
2753
2753
  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
2754
2754
  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
@@ -2772,9 +2772,9 @@ em {
2772
2772
  --cds-border-strong-02: #8d8d8d;
2773
2773
  --cds-border-strong-03: #8d8d8d;
2774
2774
  --cds-border-subtle-00: #e0e0e0;
2775
- --cds-border-subtle-01: #e0e0e0;
2775
+ --cds-border-subtle-01: #c6c6c6;
2776
2776
  --cds-border-subtle-02: #e0e0e0;
2777
- --cds-border-subtle-03: #e0e0e0;
2777
+ --cds-border-subtle-03: #c6c6c6;
2778
2778
  --cds-border-subtle-selected-01: #c6c6c6;
2779
2779
  --cds-border-subtle-selected-02: #c6c6c6;
2780
2780
  --cds-border-subtle-selected-03: #c6c6c6;
@@ -2792,6 +2792,7 @@ em {
2792
2792
  --cds-focus-inverse: #ffffff;
2793
2793
  --cds-highlight: #d0e2ff;
2794
2794
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
2795
+ --cds-icon-interactive: #0f62fe;
2795
2796
  --cds-icon-inverse: #ffffff;
2796
2797
  --cds-icon-on-color: #ffffff;
2797
2798
  --cds-icon-on-color-disabled: #8d8d8d;
@@ -2866,7 +2867,7 @@ em {
2866
2867
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
2867
2868
  --cds-field: var(--cds-field-01, #f4f4f4);
2868
2869
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
2869
- --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
2870
+ --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
2870
2871
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
2871
2872
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
2872
2873
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
@@ -2944,9 +2945,9 @@ em {
2944
2945
  --cds-border-strong-01: #8d8d8d;
2945
2946
  --cds-border-strong-02: #8d8d8d;
2946
2947
  --cds-border-strong-03: #8d8d8d;
2947
- --cds-border-subtle-00: #e0e0e0;
2948
+ --cds-border-subtle-00: #c6c6c6;
2948
2949
  --cds-border-subtle-01: #e0e0e0;
2949
- --cds-border-subtle-02: #e0e0e0;
2950
+ --cds-border-subtle-02: #c6c6c6;
2950
2951
  --cds-border-subtle-03: #e0e0e0;
2951
2952
  --cds-border-subtle-selected-01: #c6c6c6;
2952
2953
  --cds-border-subtle-selected-02: #c6c6c6;
@@ -2965,6 +2966,7 @@ em {
2965
2966
  --cds-focus-inverse: #ffffff;
2966
2967
  --cds-highlight: #d0e2ff;
2967
2968
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
2969
+ --cds-icon-interactive: #0f62fe;
2968
2970
  --cds-icon-inverse: #ffffff;
2969
2971
  --cds-icon-on-color: #ffffff;
2970
2972
  --cds-icon-on-color-disabled: #8d8d8d;
@@ -3039,7 +3041,7 @@ em {
3039
3041
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
3040
3042
  --cds-field: var(--cds-field-01, #f4f4f4);
3041
3043
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
3042
- --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
3044
+ --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
3043
3045
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
3044
3046
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
3045
3047
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
@@ -3138,6 +3140,7 @@ em {
3138
3140
  --cds-focus-inverse: #0f62fe;
3139
3141
  --cds-highlight: #0043ce;
3140
3142
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
3143
+ --cds-icon-interactive: #ffffff;
3141
3144
  --cds-icon-inverse: #161616;
3142
3145
  --cds-icon-on-color: #ffffff;
3143
3146
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
@@ -3212,7 +3215,7 @@ em {
3212
3215
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
3213
3216
  --cds-field: var(--cds-field-01, #f4f4f4);
3214
3217
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
3215
- --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
3218
+ --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
3216
3219
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
3217
3220
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
3218
3221
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
@@ -3310,6 +3313,7 @@ em {
3310
3313
  --cds-focus-inverse: #0f62fe;
3311
3314
  --cds-highlight: #002d9c;
3312
3315
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
3316
+ --cds-icon-interactive: #ffffff;
3313
3317
  --cds-icon-inverse: #161616;
3314
3318
  --cds-icon-on-color: #ffffff;
3315
3319
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
@@ -3384,7 +3388,7 @@ em {
3384
3388
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
3385
3389
  --cds-field: var(--cds-field-01, #f4f4f4);
3386
3390
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
3387
- --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
3391
+ --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
3388
3392
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
3389
3393
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
3390
3394
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);