@carbon/themes 11.0.1 → 11.1.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/docs/sass.md +13 -17
- package/package.json +6 -7
package/docs/sass.md
CHANGED
|
@@ -2,27 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
> Sass documentation for `@carbon/themes`
|
|
4
4
|
|
|
5
|
-
_Note: this documentation is used with the next version of `@carbon/themes`
|
|
6
|
-
which uses Sass Modules. It will not work in the current stable version of this
|
|
7
|
-
package_
|
|
8
|
-
|
|
9
5
|
## Usage
|
|
10
6
|
|
|
11
7
|
There are several entrypoints that you can use with `@carbon/themes`, including:
|
|
12
8
|
|
|
13
|
-
| Filename
|
|
14
|
-
|
|
|
15
|
-
| `@use '@carbon/themes';`
|
|
16
|
-
| `@use '@carbon/themes/scss/
|
|
17
|
-
| `@use '@carbon/themes/scss/
|
|
18
|
-
| `@use '@carbon/themes/scss/
|
|
19
|
-
| `@use '@carbon/themes/scss/
|
|
20
|
-
| `@use '@carbon/themes/scss/compat/themes';`
|
|
21
|
-
| `@use '@carbon/themes/scss/compat/tokens';`
|
|
9
|
+
| Filename | Description |
|
|
10
|
+
| ------------------------------------------- | ------------------------------------------------------ |
|
|
11
|
+
| `@use '@carbon/themes';` | Package entrypoint |
|
|
12
|
+
| `@use '@carbon/themes/scss/config';` | Specify config options for the package |
|
|
13
|
+
| `@use '@carbon/themes/scss/themes';` | Theme definitions for white, g10, g90, and g100 |
|
|
14
|
+
| `@use '@carbon/themes/scss/theme';` | Set the current theme, get token values from the theme |
|
|
15
|
+
| `@use '@carbon/themes/scss/tokens';` | Access theme tokens |
|
|
16
|
+
| `@use '@carbon/themes/scss/compat/themes';` | v10 Theme definitions for white, g10, g90, and g100 |
|
|
17
|
+
| `@use '@carbon/themes/scss/compat/tokens';` | v10 theme tokens |
|
|
22
18
|
|
|
23
19
|
_Note: the white, g10, g90, and g100 themes are only available in the
|
|
24
|
-
`scss/
|
|
25
|
-
|
|
20
|
+
`scss/themes` file and are not re-exported in `@carbon/themes`. To learn more,
|
|
21
|
+
checkout our [FAQ](#why-are-the-themes-not-exported-in-carbonthemes)._
|
|
26
22
|
|
|
27
23
|
You can bring in `@carbon/themes` by using `@use`:
|
|
28
24
|
|
|
@@ -46,7 +42,7 @@ $custom-variable: rgba(themes.get('token-01'), 0.25);
|
|
|
46
42
|
You can configure the current theme with the `$theme` option:
|
|
47
43
|
|
|
48
44
|
```scss
|
|
49
|
-
@use '@carbon/themes/scss/
|
|
45
|
+
@use '@carbon/themes/scss/themes';
|
|
50
46
|
@use '@carbon/themes' with (
|
|
51
47
|
$theme: themes.$g100,
|
|
52
48
|
);
|
|
@@ -55,7 +51,7 @@ You can configure the current theme with the `$theme` option:
|
|
|
55
51
|
You can also extend the theme with your own custom tokens:
|
|
56
52
|
|
|
57
53
|
```scss
|
|
58
|
-
@use '@carbon/themes/scss/
|
|
54
|
+
@use '@carbon/themes/scss/themes';
|
|
59
55
|
@use '@carbon/themes' with (
|
|
60
56
|
$fallback: themes.$g100,
|
|
61
57
|
$theme: (
|
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.0.
|
|
4
|
+
"version": "11.1.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && babel-node --presets '@babel/preset-env' tasks/build.js && carbon-cli check \"scss/*.scss\""
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@carbon/colors": "^11.0.0",
|
|
33
|
-
"@carbon/layout": "^11.0.0",
|
|
34
|
-
"@carbon/type": "^11.0.0",
|
|
32
|
+
"@carbon/colors": "^11.1.0-rc.0",
|
|
33
|
+
"@carbon/layout": "^11.1.0-rc.0",
|
|
34
|
+
"@carbon/type": "^11.1.0-rc.0",
|
|
35
35
|
"color": "^3.1.2"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
@@ -40,14 +40,13 @@
|
|
|
40
40
|
"@carbon/cli": "^11.0.0",
|
|
41
41
|
"@carbon/cli-reporter": "^10.5.0",
|
|
42
42
|
"@carbon/scss-generator": "^10.13.0",
|
|
43
|
-
"@carbon/test-utils": "^10.
|
|
43
|
+
"@carbon/test-utils": "^10.23.0-rc.0",
|
|
44
44
|
"change-case": "^4.1.1",
|
|
45
45
|
"core-js": "^3.16.0",
|
|
46
46
|
"fs-extra": "^10.0.0",
|
|
47
47
|
"js-yaml": "^3.13.0",
|
|
48
|
-
"node-sass": "^7.0.1",
|
|
49
48
|
"rimraf": "^3.0.0"
|
|
50
49
|
},
|
|
51
50
|
"sideEffects": false,
|
|
52
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "8487e08b549acfed947b37fccd37ed38fe9b5aa6"
|
|
53
52
|
}
|