@carbon/styles 1.94.0 → 1.94.1-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.
package/css/styles.css CHANGED
@@ -2900,7 +2900,7 @@ em {
2900
2900
  --cds-link-primary-hover: #0043ce;
2901
2901
  --cds-link-secondary: #0043ce;
2902
2902
  --cds-link-visited: #8a3ffc;
2903
- --cds-overlay: rgba(22, 22, 22, 0.5);
2903
+ --cds-overlay: rgba(0, 0, 0, 0.6);
2904
2904
  --cds-shadow: rgba(0, 0, 0, 0.3);
2905
2905
  --cds-skeleton-background: #e8e8e8;
2906
2906
  --cds-skeleton-element: #c6c6c6;
@@ -3139,7 +3139,7 @@ em {
3139
3139
  --cds-link-primary-hover: #0043ce;
3140
3140
  --cds-link-secondary: #0043ce;
3141
3141
  --cds-link-visited: #8a3ffc;
3142
- --cds-overlay: rgba(22, 22, 22, 0.5);
3142
+ --cds-overlay: rgba(0, 0, 0, 0.6);
3143
3143
  --cds-shadow: rgba(0, 0, 0, 0.3);
3144
3144
  --cds-skeleton-background: #e8e8e8;
3145
3145
  --cds-skeleton-element: #c6c6c6;
@@ -3378,7 +3378,7 @@ em {
3378
3378
  --cds-link-primary-hover: #a6c8ff;
3379
3379
  --cds-link-secondary: #a6c8ff;
3380
3380
  --cds-link-visited: #be95ff;
3381
- --cds-overlay: rgba(0, 0, 0, 0.65);
3381
+ --cds-overlay: rgba(0, 0, 0, 0.6);
3382
3382
  --cds-shadow: rgba(0, 0, 0, 0.8);
3383
3383
  --cds-skeleton-background: #333333;
3384
3384
  --cds-skeleton-element: #525252;
@@ -3616,7 +3616,7 @@ em {
3616
3616
  --cds-link-primary-hover: #a6c8ff;
3617
3617
  --cds-link-secondary: #a6c8ff;
3618
3618
  --cds-link-visited: #be95ff;
3619
- --cds-overlay: rgba(0, 0, 0, 0.65);
3619
+ --cds-overlay: rgba(0, 0, 0, 0.6);
3620
3620
  --cds-shadow: rgba(0, 0, 0, 0.8);
3621
3621
  --cds-skeleton-background: #292929;
3622
3622
  --cds-skeleton-element: #393939;
@@ -11083,11 +11083,6 @@ fieldset[disabled] .cds--form__helper-text {
11083
11083
  inset-inline-end: 7.125rem;
11084
11084
  }
11085
11085
 
11086
- .cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > *,
11087
- .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
11088
- inset-inline-end: 7.25rem;
11089
- }
11090
-
11091
11086
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
11092
11087
  .cds--list-box__field,
11093
11088
  .cds--list-box__menu,
@@ -16172,7 +16167,7 @@ th .cds--table-sort__flex {
16172
16167
  }
16173
16168
 
16174
16169
  .cds--dialog::backdrop {
16175
- background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
16170
+ background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
16176
16171
  opacity: 0;
16177
16172
  }
16178
16173
 
@@ -17000,7 +16995,7 @@ button.cds--dropdown-text:focus {
17000
16995
  display: flex;
17001
16996
  align-items: center;
17002
16997
  justify-content: center;
17003
- background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
16998
+ background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
17004
16999
  block-size: 100%;
17005
17000
  inline-size: 100%;
17006
17001
  inset-block-start: 0;
@@ -19879,6 +19874,30 @@ optgroup.cds--select-optgroup:disabled,
19879
19874
  display: none;
19880
19875
  }
19881
19876
 
19877
+ .cds--select--fluid__skeleton {
19878
+ position: relative;
19879
+ background: var(--cds-skeleton-background, #e8e8e8);
19880
+ block-size: 4rem;
19881
+ border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
19882
+ }
19883
+
19884
+ .cds--select--fluid__skeleton .cds--skeleton {
19885
+ position: absolute;
19886
+ block-size: 0.5rem;
19887
+ inline-size: 25%;
19888
+ inset-block-start: 1rem;
19889
+ inset-inline-start: 1rem;
19890
+ }
19891
+
19892
+ .cds--select--fluid__skeleton .cds--label {
19893
+ position: absolute;
19894
+ padding: 0;
19895
+ block-size: 0.5rem;
19896
+ inline-size: 50%;
19897
+ inset-block-start: 2.25rem;
19898
+ inset-inline-start: 1rem;
19899
+ }
19900
+
19882
19901
  .cds--text-area {
19883
19902
  box-sizing: border-box;
19884
19903
  padding: 0;
@@ -20990,7 +21009,7 @@ optgroup.cds--select-optgroup:disabled,
20990
21009
  display: flex;
20991
21010
  align-items: center;
20992
21011
  justify-content: center;
20993
- background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
21012
+ background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
20994
21013
  block-size: 100vh;
20995
21014
  content: "";
20996
21015
  inline-size: 100vw;
@@ -21125,6 +21144,7 @@ optgroup.cds--select-optgroup:disabled,
21125
21144
  .cds--modal-container {
21126
21145
  position: fixed;
21127
21146
  display: grid;
21147
+ border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
21128
21148
  background-color: var(--cds-layer);
21129
21149
  grid-template-columns: 100%;
21130
21150
  grid-template-rows: auto 1fr auto;
@@ -27488,7 +27508,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
27488
27508
  @media (max-width: 65.98rem) {
27489
27509
  .cds--side-nav__overlay-active {
27490
27510
  z-index: 6000;
27491
- background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
27511
+ background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
27492
27512
  block-size: 100vh;
27493
27513
  inline-size: 100vw;
27494
27514
  opacity: 1;
@@ -28524,7 +28544,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
28524
28544
  @media (max-width: 65.98rem) {
28525
28545
  .cds--side-nav__overlay-active {
28526
28546
  z-index: 6000;
28527
- background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
28547
+ background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
28528
28548
  block-size: 100vh;
28529
28549
  inline-size: 100vw;
28530
28550
  opacity: 1;