@carbon/styles 0.15.0-rc.0 → 0.15.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": "0.15.0-rc.0",
4
+ "version": "0.15.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -20,18 +20,18 @@
20
20
  "access": "public"
21
21
  },
22
22
  "dependencies": {
23
- "@carbon/colors": "^10.37.0-rc.0",
23
+ "@carbon/colors": "^10.37.0",
24
24
  "@carbon/feature-flags": "^0.7.0",
25
- "@carbon/grid": "^10.42.0-rc.0",
26
- "@carbon/layout": "^10.37.0-rc.0",
27
- "@carbon/motion": "^10.29.0-rc.0",
28
- "@carbon/themes": "^10.52.0-rc.0",
29
- "@carbon/type": "^10.42.0-rc.0",
25
+ "@carbon/grid": "^10.42.0",
26
+ "@carbon/layout": "^10.37.0",
27
+ "@carbon/motion": "^10.29.0",
28
+ "@carbon/themes": "^10.52.0",
29
+ "@carbon/type": "^10.42.0",
30
30
  "@ibm/plex": "6.0.0-next.6"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@carbon/test-utils": "^10.21.0",
34
34
  "css": "^3.0.0"
35
35
  },
36
- "gitHead": "e41618f5aaa9a10ce93edd844f1a280dc29eaf50"
36
+ "gitHead": "aadefba8b1097fad433fe63c9c896b1a3e1b589a"
37
37
  }
@@ -130,7 +130,7 @@
130
130
  background-color: $field-02;
131
131
  }
132
132
 
133
- .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']::after {
133
+ .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(.#{$prefix}--breadcrumb-menu-options)::after {
134
134
  top: rem(-3px);
135
135
  left: 0;
136
136
  width: rem(40px);
@@ -96,15 +96,19 @@
96
96
  width: 100%;
97
97
  }
98
98
 
99
- .#{$prefix}--text-input__invalid-icon {
99
+ .#{$prefix}--text-input__invalid-icon,
100
+ .#{$prefix}--text-input__readonly-icon {
100
101
  position: absolute;
101
102
  // top/transform used to center invalid icon in IE11
102
103
  top: 50%;
103
104
  right: $spacing-05;
104
- fill: $support-error;
105
105
  transform: translateY(-50%);
106
106
  }
107
107
 
108
+ .#{$prefix}--text-input__invalid-icon {
109
+ fill: $support-error;
110
+ }
111
+
108
112
  .#{$prefix}--text-input__invalid-icon--warning {
109
113
  fill: $support-warning;
110
114
  }
@@ -175,7 +179,8 @@
175
179
  }
176
180
 
177
181
  .#{$prefix}--text-input--invalid,
178
- .#{$prefix}--text-input--warning {
182
+ .#{$prefix}--text-input--warning,
183
+ .#{$prefix}--text-input-wrapper--readonly .#{$prefix}--text-input {
179
184
  padding-right: $spacing-08;
180
185
  }
181
186
 
@@ -381,6 +386,15 @@
381
386
  flex-direction: column;
382
387
  }
383
388
 
389
+ //-----------------------------
390
+ // Readonly
391
+ //-----------------------------
392
+
393
+ .#{$prefix}--form--fluid .#{$prefix}--text-input-wrapper--readonly,
394
+ .#{$prefix}--text-input-wrapper--readonly .#{$prefix}--text-input {
395
+ background: transparent;
396
+ }
397
+
384
398
  // Windows HCM fix
385
399
  .#{$prefix}--text-input--password__visibility,
386
400
  // TODO: remove selector above