@carbon/styles 1.79.1 → 1.80.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.79.1",
4
+ "version": "1.80.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -40,13 +40,13 @@
40
40
  }
41
41
  },
42
42
  "dependencies": {
43
- "@carbon/colors": "^11.31.0",
43
+ "@carbon/colors": "^11.32.0",
44
44
  "@carbon/feature-flags": "^0.26.0",
45
- "@carbon/grid": "^11.34.0",
46
- "@carbon/layout": "^11.32.0",
47
- "@carbon/motion": "^11.26.0",
48
- "@carbon/themes": "^11.50.0",
49
- "@carbon/type": "^11.38.0",
45
+ "@carbon/grid": "^11.35.0",
46
+ "@carbon/layout": "^11.33.0",
47
+ "@carbon/motion": "^11.27.0",
48
+ "@carbon/themes": "^11.51.0",
49
+ "@carbon/type": "^11.39.0",
50
50
  "@ibm/plex": "6.0.0-next.6",
51
51
  "@ibm/plex-mono": "0.0.3-alpha.0",
52
52
  "@ibm/plex-sans": "0.0.3-alpha.0",
@@ -59,7 +59,7 @@
59
59
  "@ibm/telemetry-js": "^1.5.0"
60
60
  },
61
61
  "devDependencies": {
62
- "@carbon/test-utils": "^10.35.0",
62
+ "@carbon/test-utils": "^10.36.0",
63
63
  "autoprefixer": "^10.4.7",
64
64
  "browserslist-config-carbon": "^11.2.0",
65
65
  "css": "^3.0.0",
@@ -75,5 +75,5 @@
75
75
  "scss/**/*.css",
76
76
  "css/**/*.css"
77
77
  ],
78
- "gitHead": "1fcbf602a0c0a9e33987b3b63e7a7a8b39af47d0"
78
+ "gitHead": "01b2d2b1c2d901921c615dcbdb85e0a2340b67e6"
79
79
  }
@@ -310,34 +310,6 @@
310
310
  inline-size: convert.to-rem(32px);
311
311
  }
312
312
 
313
- // fix expanded parent separating border length
314
- tr.#{$prefix}--parent-row.#{$prefix}--expandable-row
315
- td.#{$prefix}--table-expand
316
- + td::after {
317
- position: absolute;
318
- background-color: $layer-accent;
319
- block-size: convert.to-rem(1px);
320
- content: '';
321
- inline-size: convert.to-rem(8px);
322
- inset-block-end: convert.to-rem(-1px);
323
- inset-inline-start: 0;
324
- }
325
-
326
- tr.#{$prefix}--parent-row.#{$prefix}--expandable-row:hover
327
- td.#{$prefix}--table-expand
328
- + td::after,
329
- tr.#{$prefix}--parent-row.#{$prefix}--expandable-row.#{$prefix}--expandable-row--hover
330
- td.#{$prefix}--table-expand
331
- + td::after {
332
- background-color: $layer-hover;
333
- }
334
-
335
- tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected
336
- td.#{$prefix}--table-expand
337
- + td::after {
338
- display: none;
339
- }
340
-
341
313
  //----------------------------------------------------------------------------
342
314
  //ZEBRA
343
315
  //----------------------------------------------------------------------------
@@ -116,6 +116,8 @@
116
116
  }
117
117
 
118
118
  .#{$prefix}--page-header__tab-bar {
119
+ display: grid;
120
+ padding: 0 $spacing-05;
119
121
  border: 1px solid green; /* stylelint-disable-line */
120
122
  }
121
123
  }
@@ -81,13 +81,11 @@
81
81
  .#{$prefix}--toggle__switch {
82
82
  &::after {
83
83
  display: block;
84
- border: 2px solid $focus;
85
84
  border-radius: convert.to-rem(16px);
86
- block-size: calc(100% + convert.to-rem(6px));
85
+ block-size: 100%;
87
86
  content: '';
88
- inline-size: calc(100% + convert.to-rem(6px));
89
- margin-block-start: convert.to-rem(-3px);
90
- margin-inline-start: convert.to-rem(-3px);
87
+ outline: 2px solid $focus;
88
+ outline-offset: 1px;
91
89
  }
92
90
  }
93
91