@carbon/themes 11.35.0 → 11.37.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.
Files changed (11) hide show
  1. package/es/index.js +335 -345
  2. package/lib/index.js +334 -343
  3. package/package.json +6 -6
  4. package/scss/generated/_themes.scss +4 -0
  5. package/scss/generated/_tokens.scss +3 -0
  6. package/src/g10.js +2 -0
  7. package/src/g100.js +2 -0
  8. package/src/g90.js +2 -0
  9. package/src/tokens/v11TokenGroup.js +2 -1
  10. package/src/white.js +2 -0
  11. package/umd/index.js +334 -343
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/themes",
3
3
  "description": "Themes for applying color in the Carbon Design System",
4
- "version": "11.35.0",
4
+ "version": "11.37.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -31,16 +31,16 @@
31
31
  "postinstall": "ibmtelemetry --config=telemetry.yml"
32
32
  },
33
33
  "dependencies": {
34
- "@carbon/colors": "^11.22.0",
35
- "@carbon/layout": "^11.22.0",
36
- "@carbon/type": "^11.27.0",
34
+ "@carbon/colors": "^11.23.0-rc.0",
35
+ "@carbon/layout": "^11.23.0-rc.0",
36
+ "@carbon/type": "^11.28.0-rc.0",
37
37
  "@ibm/telemetry-js": "^1.5.0",
38
38
  "color": "^4.0.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@babel/node": "^7.17.10",
42
42
  "@babel/preset-env": "^7.18.2",
43
- "@carbon/cli": "^11.17.0",
43
+ "@carbon/cli": "^11.18.0-rc.0",
44
44
  "@carbon/cli-reporter": "^10.7.0",
45
45
  "@carbon/scss-generator": "^10.18.0",
46
46
  "@carbon/test-utils": "^10.30.0",
@@ -51,5 +51,5 @@
51
51
  "rimraf": "^5.0.0"
52
52
  },
53
53
  "sideEffects": false,
54
- "gitHead": "e4922a44b2110b9dcb71da21ff6c0c9bb95610e0"
54
+ "gitHead": "3931acee4fc6da9481e5bef55ea6347a4b10e2fb"
55
55
  }
package/scss/generated/_themes.scss CHANGED
@@ -121,6 +121,7 @@ $white: (
121
121
  link-inverse: #78a9ff,
122
122
  link-inverse-active: #f4f4f4,
123
123
  link-inverse-hover: #a6c8ff,
124
+ link-inverse-visited: #be95ff,
124
125
  link-primary: #0f62fe,
125
126
  link-primary-hover: #0043ce,
126
127
  link-secondary: #0043ce,
@@ -268,6 +269,7 @@ $g10: (
268
269
  link-inverse: #78a9ff,
269
270
  link-inverse-active: #f4f4f4,
270
271
  link-inverse-hover: #a6c8ff,
272
+ link-inverse-visited: #be95ff,
271
273
  link-primary: #0f62fe,
272
274
  link-primary-hover: #0043ce,
273
275
  link-secondary: #0043ce,
@@ -415,6 +417,7 @@ $g90: (
415
417
  link-inverse: #0f62fe,
416
418
  link-inverse-active: #161616,
417
419
  link-inverse-hover: #0043ce,
420
+ link-inverse-visited: #8a3ffc,
418
421
  link-primary: #78a9ff,
419
422
  link-primary-hover: #a6c8ff,
420
423
  link-secondary: #a6c8ff,
@@ -562,6 +565,7 @@ $g100: (
562
565
  link-inverse: #0f62fe,
563
566
  link-inverse-active: #161616,
564
567
  link-inverse-hover: #0043ce,
568
+ link-inverse-visited: #8a3ffc,
565
569
  link-primary: #78a9ff,
566
570
  link-primary-hover: #a6c8ff,
567
571
  link-secondary: #a6c8ff,
package/scss/generated/_tokens.scss CHANGED
@@ -226,6 +226,9 @@ $link-primary-hover: _get('link-primary-hover') !default;
226
226
  /// The CSS Custom Property for the `link-secondary` token
227
227
  $link-secondary: _get('link-secondary') !default;
228
228
 
229
+ /// The CSS Custom Property for the `link-inverse-visited` token
230
+ $link-inverse-visited: _get('link-inverse-visited') !default;
231
+
229
232
  /// The CSS Custom Property for the `link-visited` token
230
233
  $link-visited: _get('link-visited') !default;
231
234
 
package/src/g10.js CHANGED
@@ -38,6 +38,7 @@ import {
38
38
  red50,
39
39
  red60,
40
40
  purple60,
41
+ purple40,
41
42
 
42
43
  // Constants
43
44
  black,
@@ -163,6 +164,7 @@ export const linkPrimaryHover = blue70;
163
164
  export const linkSecondary = blue70;
164
165
  export const linkInverse = blue40;
165
166
  export const linkVisited = purple60;
167
+ export const linkInverseVisited = purple40;
166
168
  export const linkInverseActive = gray10;
167
169
  export const linkInverseHover = blue30;
168
170
 
package/src/g100.js CHANGED
@@ -40,6 +40,7 @@ import {
40
40
  red60,
41
41
  purple40,
42
42
  purple50,
43
+ purple60,
43
44
 
44
45
  // Constants
45
46
  white,
@@ -166,6 +167,7 @@ export const linkPrimaryHover = blue30;
166
167
  export const linkSecondary = blue30;
167
168
  export const linkInverse = blue60;
168
169
  export const linkVisited = purple40;
170
+ export const linkInverseVisited = purple60;
169
171
  export const linkInverseActive = gray100;
170
172
  export const linkInverseHover = blue70;
171
173
 
package/src/g90.js CHANGED
@@ -40,6 +40,7 @@ import {
40
40
  red60,
41
41
  purple40,
42
42
  purple50,
43
+ purple60,
43
44
 
44
45
  // Constants
45
46
  white,
@@ -166,6 +167,7 @@ export const linkPrimaryHover = blue30;
166
167
  export const linkSecondary = blue30;
167
168
  export const linkInverse = blue60;
168
169
  export const linkVisited = purple40;
170
+ export const linkInverseVisited = purple60;
169
171
  export const linkInverseActive = gray100;
170
172
  export const linkInverseHover = blue70;
171
173
 
package/src/tokens/v11TokenGroup.js CHANGED
@@ -260,8 +260,9 @@ export const link = TokenGroup.create({
260
260
  'link-secondary',
261
261
  {
262
262
  state: 'visited',
263
- name: 'link-visited',
263
+ name: 'link-inverse-visited',
264
264
  },
265
+ 'link-visited',
265
266
  'link-inverse',
266
267
  'link-inverse-active',
267
268
  'link-inverse-hover',
package/src/white.js CHANGED
@@ -38,6 +38,7 @@ import {
38
38
  red50,
39
39
  red60,
40
40
  purple60,
41
+ purple40,
41
42
 
42
43
  // Constants
43
44
  black,
@@ -163,6 +164,7 @@ export const linkPrimaryHover = blue70;
163
164
  export const linkSecondary = blue70;
164
165
  export const linkInverse = blue40;
165
166
  export const linkVisited = purple60;
167
+ export const linkInverseVisited = purple40;
166
168
  export const linkInverseActive = gray10;
167
169
  export const linkInverseHover = blue30;
168
170