@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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/styles",
3
3
  "description": "Styles for the Carbon Design System",
4
- "version": "1.94.0",
4
+ "version": "1.94.1-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -45,7 +45,7 @@
45
45
  "@carbon/grid": "^11.45.0",
46
46
  "@carbon/layout": "^11.43.0",
47
47
  "@carbon/motion": "^11.37.0",
48
- "@carbon/themes": "^11.62.0",
48
+ "@carbon/themes": "^11.62.1-rc.0",
49
49
  "@carbon/type": "^11.49.0",
50
50
  "@ibm/plex": "6.0.0-next.6",
51
51
  "@ibm/plex-mono": "1.1.0",
@@ -75,5 +75,5 @@
75
75
  "scss/**/*.css",
76
76
  "css/**/*.css"
77
77
  ],
78
- "gitHead": "4bb1c57e936fa6a1527a4d6483668ecf3cfff51f"
78
+ "gitHead": "fde0c0fc9b6c3931d871720ee94e99255603d18d"
79
79
  }
@@ -230,4 +230,29 @@
230
230
  .#{$prefix}--slug::before {
231
231
  display: none;
232
232
  }
233
+
234
+ // Skeleton
235
+ .#{$prefix}--select--fluid__skeleton {
236
+ position: relative;
237
+ background: $skeleton-background;
238
+ block-size: convert.to-rem(64px);
239
+ border-block-end: 1px solid $skeleton-element;
240
+ }
241
+
242
+ .#{$prefix}--select--fluid__skeleton .#{$prefix}--skeleton {
243
+ position: absolute;
244
+ block-size: convert.to-rem(8px);
245
+ inline-size: 25%;
246
+ inset-block-start: $spacing-05;
247
+ inset-inline-start: $spacing-05;
248
+ }
249
+
250
+ .#{$prefix}--select--fluid__skeleton .#{$prefix}--label {
251
+ position: absolute;
252
+ padding: 0;
253
+ block-size: convert.to-rem(8px);
254
+ inline-size: 50%;
255
+ inset-block-start: convert.to-rem(36px);
256
+ inset-inline-start: $spacing-05;
257
+ }
233
258
  }
@@ -1156,18 +1156,7 @@ $list-box-menu-width: convert.to-rem(300px);
1156
1156
  .#{$prefix}--list-box__invalid-icon {
1157
1157
  inset-inline-end: convert.to-rem(114px);
1158
1158
  }
1159
- .#{$prefix}--list-box__wrapper--decorator
1160
- .#{$prefix}--list-box--invalid
1161
- .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)
1162
- ~ .#{$prefix}--list-box__inner-wrapper--decorator
1163
- > *,
1164
- .#{$prefix}--list-box__wrapper--decorator
1165
- .#{$prefix}--list-box--warning
1166
- .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)
1167
- ~ .#{$prefix}--list-box__inner-wrapper--decorator
1168
- > * {
1169
- inset-inline-end: convert.to-rem(116px);
1170
- }
1159
+
1171
1160
  // Windows HCM fix
1172
1161
  .#{$prefix}--list-box__field,
1173
1162
  .#{$prefix}--list-box__menu,
@@ -96,6 +96,7 @@
96
96
  .#{$prefix}--modal-container {
97
97
  position: fixed;
98
98
  display: grid;
99
+ border: 1px solid $border-subtle-01;
99
100
  background-color: $layer;
100
101
  grid-template-columns: 100%;
101
102
  grid-template-rows: auto 1fr auto;