@carbon/styles 1.18.0 → 1.19.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.18.0",
4
+ "version": "1.19.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -32,13 +32,13 @@
32
32
  "sass": "^1.33.0"
33
33
  },
34
34
  "dependencies": {
35
- "@carbon/colors": "^11.9.0",
36
- "@carbon/feature-flags": "^0.10.0",
37
- "@carbon/grid": "^11.8.0",
38
- "@carbon/layout": "^11.8.0",
39
- "@carbon/motion": "^11.6.0",
40
- "@carbon/themes": "^11.13.0",
41
- "@carbon/type": "^11.12.0",
35
+ "@carbon/colors": "^11.10.0-rc.0",
36
+ "@carbon/feature-flags": "^0.11.0-rc.0",
37
+ "@carbon/grid": "^11.9.0-rc.0",
38
+ "@carbon/layout": "^11.9.0-rc.0",
39
+ "@carbon/motion": "^11.7.0-rc.0",
40
+ "@carbon/themes": "^11.14.0-rc.0",
41
+ "@carbon/type": "^11.13.0-rc.0",
42
42
  "@ibm/plex": "6.0.0-next.6"
43
43
  },
44
44
  "devDependencies": {
@@ -59,5 +59,5 @@
59
59
  "scss/**/*.css",
60
60
  "css/**/*.css"
61
61
  ],
62
- "gitHead": "00fdab625998b2ae048814059ae8447435d6c7cd"
62
+ "gitHead": "a9d6ab5cc79665453f218fd5821c65c399337c15"
63
63
  }
@@ -42,4 +42,20 @@
42
42
  .#{$prefix}--list-box__field {
43
43
  padding: 0;
44
44
  }
45
+
46
+ // readonly
47
+ .#{$prefix}--combo-box--readonly,
48
+ .#{$prefix}--combo-box--readonly:hover {
49
+ background-color: transparent;
50
+ }
51
+
52
+ .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__menu-icon,
53
+ .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__selection {
54
+ cursor: default;
55
+ }
56
+
57
+ .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__menu-icon svg,
58
+ .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__selection svg {
59
+ fill: $icon-disabled;
60
+ }
45
61
  }
@@ -473,4 +473,19 @@
473
473
  .#{$prefix}--list-box__menu-item__selected-icon {
474
474
  @include high-contrast-mode('icon-fill');
475
475
  }
476
+
477
+ // readonly
478
+ .#{$prefix}--dropdown--readonly,
479
+ .#{$prefix}--dropdown--readonly:hover {
480
+ background-color: transparent;
481
+ }
482
+
483
+ .#{$prefix}--dropdown--readonly .#{$prefix}--list-box__field,
484
+ .#{$prefix}--dropdown--readonly .#{$prefix}--list-box__menu-icon {
485
+ cursor: default;
486
+ }
487
+
488
+ .#{$prefix}--dropdown--readonly .#{$prefix}--list-box__menu-icon svg {
489
+ fill: $icon-disabled;
490
+ }
476
491
  }
@@ -98,6 +98,13 @@
98
98
  color: $text-disabled;
99
99
  }
100
100
 
101
+ //-----------------------------
102
+ // Readonly
103
+ //-----------------------------
104
+ .#{$prefix}--text-area__wrapper--readonly .#{$prefix}--text-area {
105
+ background: transparent;
106
+ }
107
+
101
108
  // V11: Possibly deprecate
102
109
  .#{$prefix}--text-area.#{$prefix}--text-area--light:disabled {
103
110
  background-color: $field-02;