@carbon/elements 10.54.1 → 10.55.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.
Files changed (10) hide show
  1. package/package.json +4 -4
  2. package/scss/themes/modules/generated/_themes.scss +16 -16
  3. package/scss/type/_inlined/font-face/_mono.scss +914 -178
  4. package/scss/type/_inlined/font-face/_sans-condensed.scss +866 -159
  5. package/scss/type/_inlined/font-face/_sans.scss +1033 -204
  6. package/scss/type/_inlined/font-face/_serif.scss +914 -178
  7. package/scss/type/font-face/_mono.scss +914 -178
  8. package/scss/type/font-face/_sans-condensed.scss +866 -159
  9. package/scss/type/font-face/_sans.scss +1033 -204
  10. package/scss/type/font-face/_serif.scss +914 -178
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/elements",
3
3
  "description": "A collection of design elements in code for the IBM Design Language",
4
- "version": "10.54.1",
4
+ "version": "10.55.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -41,8 +41,8 @@
41
41
  "@carbon/import-once": "^10.7.0",
42
42
  "@carbon/layout": "^10.37.0",
43
43
  "@carbon/motion": "^10.29.0",
44
- "@carbon/themes": "^10.53.1",
45
- "@carbon/type": "^10.43.1"
44
+ "@carbon/themes": "^10.54.0",
45
+ "@carbon/type": "^10.44.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@carbon/cli": "^10.34.0",
@@ -51,5 +51,5 @@
51
51
  "replace-in-file": "^3.4.2",
52
52
  "rimraf": "^3.0.0"
53
53
  },
54
- "gitHead": "e2c445f242cdd201c73e55dc10a998f3dec73ec4"
54
+ "gitHead": "9db9b14761bfaabde5cd54e1f47957d243d90321"
55
55
  }
package/scss/themes/modules/generated/_themes.scss CHANGED
@@ -13,13 +13,13 @@
13
13
 
14
14
  $white: (
15
15
  background: #ffffff,
16
- background-active: #c6c6c6,
16
+ background-active: rgba(141, 141, 141, 0.5),
17
17
  background-brand: #0f62fe,
18
- background-hover: #e8e8e8,
18
+ background-hover: rgba(141, 141, 141, 0.12),
19
19
  background-inverse: #393939,
20
20
  background-inverse-hover: #474747,
21
- background-selected: #e0e0e0,
22
- background-selected-hover: #d1d1d1,
21
+ background-selected: rgba(141, 141, 141, 0.2),
22
+ background-selected-hover: rgba(141, 141, 141, 0.32),
23
23
  border-disabled: #c6c6c6,
24
24
  border-interactive: #0f62fe,
25
25
  border-inverse: #161616,
@@ -118,13 +118,13 @@ $white: utilities.merge(
118
118
 
119
119
  $g10: (
120
120
  background: #f4f4f4,
121
- background-active: #c6c6c6,
121
+ background-active: rgba(141, 141, 141, 0.5),
122
122
  background-brand: #0f62fe,
123
- background-hover: #e8e8e8,
123
+ background-hover: rgba(141, 141, 141, 0.12),
124
124
  background-inverse: #393939,
125
125
  background-inverse-hover: #474747,
126
- background-selected: #e0e0e0,
127
- background-selected-hover: #d1d1d1,
126
+ background-selected: rgba(141, 141, 141, 0.2),
127
+ background-selected-hover: rgba(141, 141, 141, 0.32),
128
128
  border-disabled: #c6c6c6,
129
129
  border-interactive: #0f62fe,
130
130
  border-inverse: #161616,
@@ -223,13 +223,13 @@ $g10: utilities.merge(
223
223
 
224
224
  $g90: (
225
225
  background: #262626,
226
- background-active: #393939,
226
+ background-active: rgba(141, 141, 141, 0.4),
227
227
  background-brand: #0f62fe,
228
- background-hover: #333333,
228
+ background-hover: rgba(141, 141, 141, 0.16),
229
229
  background-inverse: #f4f4f4,
230
230
  background-inverse-hover: #e8e8e8,
231
- background-selected: #393939,
232
- background-selected-hover: #474747,
231
+ background-selected: rgba(141, 141, 141, 0.24),
232
+ background-selected-hover: rgba(141, 141, 141, 0.32),
233
233
  border-disabled: rgba(141, 141, 141, 0.5),
234
234
  border-interactive: #4589ff,
235
235
  border-inverse: #f4f4f4,
@@ -328,13 +328,13 @@ $g90: utilities.merge(
328
328
 
329
329
  $g100: (
330
330
  background: #161616,
331
- background-active: #393939,
331
+ background-active: rgba(141, 141, 141, 0.4),
332
332
  background-brand: #0f62fe,
333
- background-hover: #292929,
333
+ background-hover: rgba(141, 141, 141, 0.16),
334
334
  background-inverse: #f4f4f4,
335
335
  background-inverse-hover: #e8e8e8,
336
- background-selected: #262626,
337
- background-selected-hover: #333333,
336
+ background-selected: rgba(141, 141, 141, 0.24),
337
+ background-selected-hover: rgba(141, 141, 141, 0.32),
338
338
  border-disabled: rgba(141, 141, 141, 0.5),
339
339
  border-interactive: #4589ff,
340
340
  border-inverse: #f4f4f4,