@carbon/styles 1.32.0 → 1.33.0-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.32.0",
4
+ "version": "1.33.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -31,14 +31,19 @@
31
31
  "peerDependencies": {
32
32
  "sass": "^1.33.0"
33
33
  },
34
+ "peerDependenciesMeta": {
35
+ "sass": {
36
+ "optional": true
37
+ }
38
+ },
34
39
  "dependencies": {
35
- "@carbon/colors": "^11.16.0",
40
+ "@carbon/colors": "^11.17.0-rc.0",
36
41
  "@carbon/feature-flags": "^0.15.0",
37
- "@carbon/grid": "^11.15.0",
38
- "@carbon/layout": "^11.15.0",
39
- "@carbon/motion": "^11.12.0",
40
- "@carbon/themes": "^11.20.0",
41
- "@carbon/type": "^11.19.0",
42
+ "@carbon/grid": "^11.16.0-rc.0",
43
+ "@carbon/layout": "^11.16.0-rc.0",
44
+ "@carbon/motion": "^11.13.0-rc.0",
45
+ "@carbon/themes": "^11.21.0-rc.0",
46
+ "@carbon/type": "^11.20.0-rc.0",
42
47
  "@ibm/plex": "6.0.0-next.6"
43
48
  },
44
49
  "devDependencies": {
@@ -59,5 +64,5 @@
59
64
  "scss/**/*.css",
60
65
  "css/**/*.css"
61
66
  ],
62
- "gitHead": "507ddae3074272a3be1ff98b3940532d74788d3c"
67
+ "gitHead": "b9e28c4e35eeddf4ecc3261630a8f3fecc7012d4"
63
68
  }
@@ -65,8 +65,8 @@
65
65
 
66
66
  //counter
67
67
  .#{$prefix}--text-area--fluid div.#{$prefix}--label {
68
- right: 1rem;
69
- left: initial;
68
+ display: flex;
69
+ justify-content: flex-end;
70
70
  }
71
71
 
72
72
  .#{$prefix}--text-area--fluid .#{$prefix}--text-area {
@@ -510,6 +510,7 @@ $list-box-menu-width: rem(300px);
510
510
  z-index: z('dropdown');
511
511
  right: 0;
512
512
  left: 0;
513
+ display: none;
513
514
  width: $list-box-width;
514
515
  background-color: $layer;
515
516
  overflow-y: auto;
@@ -521,11 +522,12 @@ $list-box-menu-width: rem(300px);
521
522
  }
522
523
  }
523
524
 
524
- .#{$prefix}--list-box
525
- .#{$prefix}--list-box__field[aria-expanded='false']
526
- + .#{$prefix}--list-box__menu {
527
- display: none;
528
- max-height: 0;
525
+ .#{$prefix}--list-box .#{$prefix}--list-box__field[aria-expanded='false'] {
526
+ .#{$prefix}--list-box__menu {
527
+ display: none;
528
+ max-height: 0;
529
+ visibility: hidden;
530
+ }
529
531
  }
530
532
 
531
533
  .#{$prefix}--list-box--expanded .#{$prefix}--list-box__menu {
@@ -768,8 +770,8 @@ $list-box-menu-width: rem(300px);
768
770
  }
769
771
 
770
772
  .#{$prefix}--list-box__menu-item--highlighted {
771
- border-color: transparent;
772
- background-color: $layer-selected;
773
+ @include focus-outline('outline');
774
+
773
775
  color: $text-primary;
774
776
  }
775
777