@vector-im/compound-design-tokens 1.1.0 → 1.1.1

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 (2) hide show
  1. package/assets/web/css/compound-design-tokens.css +22 -20
  2. package/package.json +1 -1
package/assets/web/css/compound-design-tokens.css CHANGED
@@ -1,21 +1,23 @@
1
- /* Establish a layer order that allows semantic tokens to be customized, but not base tokens */
2
- @layer semantic, custom, base;
1
+ /* Establish a layer order that allows semantic tokens to be customized, but not base tokens.
2
+ * The layers are prefixed by 'cpd-' because Tailwind will interpret '@layer base' directives.
3
+ */
4
+ @layer cpd-semantic, custom, cpd-base;
3
5
 
4
- @import url("./cpd-common-base.css") layer(base) screen;
5
- @import url("./cpd-common-semantic.css") layer(semantic) screen;
6
- @import url("./cpd-theme-light-base.css") layer(base) screen;
7
- @import url("./cpd-theme-light-base-mq.css") layer(base) screen and (prefers-color-scheme: light);
8
- @import url("./cpd-theme-light-semantic.css") layer(semantic) screen;
9
- @import url("./cpd-theme-light-semantic-mq.css") layer(semantic) screen and (prefers-color-scheme: light);
10
- @import url("./cpd-theme-light-hc-base.css") layer(base) screen;
11
- @import url("./cpd-theme-light-hc-base-mq.css") layer(base) screen and (prefers-color-scheme: light) and (prefers-contrast: more);
12
- @import url("./cpd-theme-light-hc-semantic.css") layer(semantic) screen;
13
- @import url("./cpd-theme-light-hc-semantic-mq.css") layer(semantic) screen and (prefers-color-scheme: light) and (prefers-contrast: more);
14
- @import url("./cpd-theme-dark-base.css") layer(base) screen;
15
- @import url("./cpd-theme-dark-base-mq.css") layer(base) screen and (prefers-color-scheme: dark);
16
- @import url("./cpd-theme-dark-semantic.css") layer(semantic) screen;
17
- @import url("./cpd-theme-dark-semantic-mq.css") layer(semantic) screen and (prefers-color-scheme: dark);
18
- @import url("./cpd-theme-dark-hc-base.css") layer(base) screen;
19
- @import url("./cpd-theme-dark-hc-base-mq.css") layer(base) screen and (prefers-color-scheme: dark) and (prefers-contrast: more);
20
- @import url("./cpd-theme-dark-hc-semantic.css") layer(semantic) screen;
21
- @import url("./cpd-theme-dark-hc-semantic-mq.css") layer(semantic) screen and (prefers-color-scheme: dark) and (prefers-contrast: more);
6
+ @import url("./cpd-common-base.css") layer(cpd-base) screen;
7
+ @import url("./cpd-common-semantic.css") layer(cpd-semantic) screen;
8
+ @import url("./cpd-theme-light-base.css") layer(cpd-base) screen;
9
+ @import url("./cpd-theme-light-base-mq.css") layer(cpd-base) screen and (prefers-color-scheme: light);
10
+ @import url("./cpd-theme-light-semantic.css") layer(cpd-semantic) screen;
11
+ @import url("./cpd-theme-light-semantic-mq.css") layer(cpd-semantic) screen and (prefers-color-scheme: light);
12
+ @import url("./cpd-theme-light-hc-base.css") layer(cpd-base) screen;
13
+ @import url("./cpd-theme-light-hc-base-mq.css") layer(cpd-base) screen and (prefers-color-scheme: light) and (prefers-contrast: more);
14
+ @import url("./cpd-theme-light-hc-semantic.css") layer(cpd-semantic) screen;
15
+ @import url("./cpd-theme-light-hc-semantic-mq.css") layer(cpd-semantic) screen and (prefers-color-scheme: light) and (prefers-contrast: more);
16
+ @import url("./cpd-theme-dark-base.css") layer(cpd-base) screen;
17
+ @import url("./cpd-theme-dark-base-mq.css") layer(cpd-base) screen and (prefers-color-scheme: dark);
18
+ @import url("./cpd-theme-dark-semantic.css") layer(cpd-semantic) screen;
19
+ @import url("./cpd-theme-dark-semantic-mq.css") layer(cpd-semantic) screen and (prefers-color-scheme: dark);
20
+ @import url("./cpd-theme-dark-hc-base.css") layer(cpd-base) screen;
21
+ @import url("./cpd-theme-dark-hc-base-mq.css") layer(cpd-base) screen and (prefers-color-scheme: dark) and (prefers-contrast: more);
22
+ @import url("./cpd-theme-dark-hc-semantic.css") layer(cpd-semantic) screen;
23
+ @import url("./cpd-theme-dark-hc-semantic-mq.css") layer(cpd-semantic) screen and (prefers-color-scheme: dark) and (prefers-contrast: more);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vector-im/compound-design-tokens",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "Compound design tokens",
5
5
  "scripts": {
6
6
  "build": "ts-node ./build.ts",