@carbon/styles 1.19.0-rc.0 → 1.19.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 (8) hide show
  1. package/css/styles.css +20 -0
  2. package/css/styles.min.css +1 -1
  3. package/package.json +9 -9
  4. package/scss/__tests__/theme-test.js +4 -0
  5. package/scss/_feature-flags.scss +1 -0
  6. package/scss/components/tile/_tile.scss +23 -1
  7. package/scss/layer/_layer-sets.scss +5 -0
  8. package/scss/theme/_theme.scss +1 -0
package/css/styles.css CHANGED
@@ -2700,6 +2700,7 @@ em {
2700
2700
  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
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
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
2703
2704
  }
2704
2705
 
2705
2706
  .cds--layer-one {
@@ -2716,6 +2717,7 @@ em {
2716
2717
  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
2717
2718
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
2718
2719
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
2720
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
2719
2721
  }
2720
2722
 
2721
2723
  .cds--layer-two {
@@ -2732,6 +2734,7 @@ em {
2732
2734
  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
2733
2735
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
2734
2736
  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
2737
+ --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
2735
2738
  }
2736
2739
 
2737
2740
  .cds--layer-three {
@@ -2748,6 +2751,7 @@ em {
2748
2751
  --cds-border-subtle: var(--cds-border-subtle-03, #e0e0e0);
2749
2752
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
2750
2753
  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
2754
+ --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
2751
2755
  }
2752
2756
 
2753
2757
  .cds--white {
@@ -2774,6 +2778,9 @@ em {
2774
2778
  --cds-border-subtle-selected-01: #c6c6c6;
2775
2779
  --cds-border-subtle-selected-02: #c6c6c6;
2776
2780
  --cds-border-subtle-selected-03: #c6c6c6;
2781
+ --cds-border-tile-01: #c6c6c6;
2782
+ --cds-border-tile-02: #a8a8a8;
2783
+ --cds-border-tile-03: #c6c6c6;
2777
2784
  --cds-field-01: #f4f4f4;
2778
2785
  --cds-field-02: #ffffff;
2779
2786
  --cds-field-03: #f4f4f4;
@@ -2862,6 +2869,7 @@ em {
2862
2869
  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
2863
2870
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
2864
2871
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
2872
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
2865
2873
  --cds-button-separator: #e0e0e0;
2866
2874
  --cds-button-primary: #0f62fe;
2867
2875
  --cds-button-secondary: #393939;
@@ -2943,6 +2951,9 @@ em {
2943
2951
  --cds-border-subtle-selected-01: #c6c6c6;
2944
2952
  --cds-border-subtle-selected-02: #c6c6c6;
2945
2953
  --cds-border-subtle-selected-03: #c6c6c6;
2954
+ --cds-border-tile-01: #a8a8a8;
2955
+ --cds-border-tile-02: #c6c6c6;
2956
+ --cds-border-tile-03: #a8a8a8;
2946
2957
  --cds-field-01: #ffffff;
2947
2958
  --cds-field-02: #f4f4f4;
2948
2959
  --cds-field-03: #ffffff;
@@ -3031,6 +3042,7 @@ em {
3031
3042
  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
3032
3043
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
3033
3044
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
3045
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
3034
3046
  --cds-button-separator: #e0e0e0;
3035
3047
  --cds-button-primary: #0f62fe;
3036
3048
  --cds-button-secondary: #393939;
@@ -3112,6 +3124,9 @@ em {
3112
3124
  --cds-border-subtle-selected-01: #6f6f6f;
3113
3125
  --cds-border-subtle-selected-02: #8d8d8d;
3114
3126
  --cds-border-subtle-selected-03: #a8a8a8;
3127
+ --cds-border-tile-01: #6f6f6f;
3128
+ --cds-border-tile-02: #8d8d8d;
3129
+ --cds-border-tile-03: #a8a8a8;
3115
3130
  --cds-field-01: #393939;
3116
3131
  --cds-field-02: #525252;
3117
3132
  --cds-field-03: #6f6f6f;
@@ -3200,6 +3215,7 @@ em {
3200
3215
  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
3201
3216
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
3202
3217
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
3218
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
3203
3219
  --cds-button-separator: #161616;
3204
3220
  --cds-button-primary: #0f62fe;
3205
3221
  --cds-button-secondary: #6f6f6f;
@@ -3280,6 +3296,9 @@ em {
3280
3296
  --cds-border-subtle-selected-01: #525252;
3281
3297
  --cds-border-subtle-selected-02: #6f6f6f;
3282
3298
  --cds-border-subtle-selected-03: #8d8d8d;
3299
+ --cds-border-tile-01: #525252;
3300
+ --cds-border-tile-02: #6f6f6f;
3301
+ --cds-border-tile-03: #8d8d8d;
3283
3302
  --cds-field-01: #262626;
3284
3303
  --cds-field-02: #393939;
3285
3304
  --cds-field-03: #525252;
@@ -3368,6 +3387,7 @@ em {
3368
3387
  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
3369
3388
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
3370
3389
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
3390
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
3371
3391
  --cds-button-separator: #161616;
3372
3392
  --cds-button-primary: #0f62fe;
3373
3393
  --cds-button-secondary: #6f6f6f;