@pantheon-systems/pds-design-tokens 2.0.0-alpha.10 → 2.0.0-alpha.11

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 (16) hide show
  1. package/README.md +17 -44
  2. package/build/css/variables.global.css +24 -49
  3. package/build/css/variables.typography.css +34 -0
  4. package/build/figma/tokens.json +2798 -4621
  5. package/build/js/variables.global.d.ts +3 -28
  6. package/build/js/variables.global.js +35 -60
  7. package/build/js/variables.typography.d.ts +65 -0
  8. package/build/js/variables.typography.js +52 -0
  9. package/build/json/tokens.json +389 -242
  10. package/package.json +1 -1
  11. package/build/css/variables.compact.css +0 -17
  12. package/build/css/variables.expanded.css +0 -17
  13. package/build/js/variables.compact.d.ts +0 -34
  14. package/build/js/variables.compact.js +0 -34
  15. package/build/js/variables.expanded.d.ts +0 -34
  16. package/build/js/variables.expanded.js +0 -34
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
3
  "description": "Design Tokens for the Pantheon Design System",
4
- "version": "2.0.0-alpha.10",
4
+ "version": "2.0.0-alpha.11",
5
5
  "publishConfig": {
6
6
  "access": "public",
7
7
  "registry": "https://registry.npmjs.org/",
package/build/css/variables.compact.css DELETED
@@ -1,17 +0,0 @@
1
- :root, [data-scale="compact"] {
2
- --pds-typography-size-code-block: 0.9rem;
3
- --pds-typography-size-7xl: clamp(4.172rem, 3.7rem + 1.9vw, 5.215rem);
4
- --pds-typography-size-6xl: clamp(3.338rem, 2.96rem + 1.52vw, 4.172rem);
5
- --pds-typography-size-5xl: clamp(2.67rem, 2.37rem + 1.21vw, 3.338rem);
6
- --pds-typography-size-4xl: clamp(2.136rem, 1.89rem + 0.97vw, 2.67rem);
7
- --pds-typography-size-3xl: clamp(1.709rem, 1.51rem + 0.78vw, 2.136rem);
8
- --pds-typography-size-2xl: clamp(1.367rem, 1.21rem + 0.62vw, 1.709rem);
9
- --pds-typography-size-xl: clamp(1.094rem, 0.97rem + 0.5vw, 1.367rem);
10
- --pds-typography-size-l: 1.094rem;
11
- --pds-typography-size-m: 0.875rem;
12
- --pds-typography-size-s: 0.7rem;
13
- --pds-typography-size-xs: 0.56rem;
14
- --pds-typography-size-2xs: 0.448rem;
15
- --pds-typography-size-default: 0.875rem;
16
- --pds-typography-size-input-label: 0.875rem;
17
- }
package/build/css/variables.expanded.css DELETED
@@ -1,17 +0,0 @@
1
- [data-scale="expanded"] {
2
- --pds-typography-size-code-block: 0.9rem;
3
- --pds-typography-size-7xl: clamp(7.975rem, 7.07rem + 3.63vw, 9.969rem);
4
- --pds-typography-size-6xl: clamp(5.983rem, 5.3rem + 2.72vw, 7.478rem);
5
- --pds-typography-size-5xl: clamp(4.488rem, 3.98rem + 2.04vw, 5.61rem);
6
- --pds-typography-size-4xl: clamp(3.367rem, 2.98rem + 1.53vw, 4.209rem);
7
- --pds-typography-size-3xl: clamp(2.526rem, 2.24rem + 1.15vw, 3.157rem);
8
- --pds-typography-size-2xl: clamp(1.895rem, 1.68rem + 0.86vw, 2.369rem);
9
- --pds-typography-size-xl: clamp(1.422rem, 1.26rem + 0.65vw, 1.777rem);
10
- --pds-typography-size-l: 1.333rem;
11
- --pds-typography-size-m: 1rem;
12
- --pds-typography-size-s: 0.75rem;
13
- --pds-typography-size-xs: 0.563rem;
14
- --pds-typography-size-2xs: 0.422rem;
15
- --pds-typography-size-default: 1rem;
16
- --pds-typography-size-input-label: 1rem;
17
- }
package/build/js/variables.compact.d.ts DELETED
@@ -1,34 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const TYPOGRAPHY_SIZE_CODE_BLOCK: string;
6
- export const TYPOGRAPHY_SIZE_7XL: string;
7
- export const TYPOGRAPHY_SIZE_6XL: string;
8
- export const TYPOGRAPHY_SIZE_5XL: string;
9
- export const TYPOGRAPHY_SIZE_4XL: string;
10
- export const TYPOGRAPHY_SIZE_3XL: string;
11
- export const TYPOGRAPHY_SIZE_2XL: string;
12
- export const TYPOGRAPHY_SIZE_XL: string;
13
- export const TYPOGRAPHY_SIZE_L: string;
14
- export const TYPOGRAPHY_SIZE_M: string;
15
- export const TYPOGRAPHY_SIZE_S: string;
16
- export const TYPOGRAPHY_SIZE_XS: string;
17
- export const TYPOGRAPHY_SIZE_2XS: string;
18
- export const TYPOGRAPHY_SIZE_DEFAULT: string;
19
- export const TYPOGRAPHY_SIZE_INPUT_LABEL: string;
20
-
21
- export const TYPOGRAPHY_SIZE : {
22
- TYPOGRAPHY_SIZE_2XS: string;
23
- TYPOGRAPHY_SIZE_XS: string;
24
- TYPOGRAPHY_SIZE_S: string;
25
- TYPOGRAPHY_SIZE_M: string;
26
- TYPOGRAPHY_SIZE_L: string;
27
- TYPOGRAPHY_SIZE_XL: string;
28
- TYPOGRAPHY_SIZE_2XL: string;
29
- TYPOGRAPHY_SIZE_3XL: string;
30
- TYPOGRAPHY_SIZE_4XL: string;
31
- TYPOGRAPHY_SIZE_5XL: string;
32
- TYPOGRAPHY_SIZE_6XL: string;
33
- TYPOGRAPHY_SIZE_7XL: string;
34
- };
package/build/js/variables.compact.js DELETED
@@ -1,34 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const TYPOGRAPHY_SIZE_CODE_BLOCK = "0.9rem";
6
- export const TYPOGRAPHY_SIZE_7XL = "5.215rem";
7
- export const TYPOGRAPHY_SIZE_6XL = "4.172rem";
8
- export const TYPOGRAPHY_SIZE_5XL = "3.338rem";
9
- export const TYPOGRAPHY_SIZE_4XL = "2.67rem";
10
- export const TYPOGRAPHY_SIZE_3XL = "2.136rem";
11
- export const TYPOGRAPHY_SIZE_2XL = "1.709rem";
12
- export const TYPOGRAPHY_SIZE_XL = "1.367rem";
13
- export const TYPOGRAPHY_SIZE_L = "1.094rem";
14
- export const TYPOGRAPHY_SIZE_M = "0.875rem";
15
- export const TYPOGRAPHY_SIZE_S = "0.7rem";
16
- export const TYPOGRAPHY_SIZE_XS = "0.56rem";
17
- export const TYPOGRAPHY_SIZE_2XS = "0.448rem";
18
- export const TYPOGRAPHY_SIZE_DEFAULT = "0.875rem";
19
- export const TYPOGRAPHY_SIZE_INPUT_LABEL = "0.875rem";
20
-
21
- export const TYPOGRAPHY_SIZE = {
22
- TYPOGRAPHY_SIZE_2XS,
23
- TYPOGRAPHY_SIZE_XS,
24
- TYPOGRAPHY_SIZE_S,
25
- TYPOGRAPHY_SIZE_M,
26
- TYPOGRAPHY_SIZE_L,
27
- TYPOGRAPHY_SIZE_XL,
28
- TYPOGRAPHY_SIZE_2XL,
29
- TYPOGRAPHY_SIZE_3XL,
30
- TYPOGRAPHY_SIZE_4XL,
31
- TYPOGRAPHY_SIZE_5XL,
32
- TYPOGRAPHY_SIZE_6XL,
33
- TYPOGRAPHY_SIZE_7XL,
34
- };
package/build/js/variables.expanded.d.ts DELETED
@@ -1,34 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const TYPOGRAPHY_SIZE_CODE_BLOCK: string;
6
- export const TYPOGRAPHY_SIZE_7XL: string;
7
- export const TYPOGRAPHY_SIZE_6XL: string;
8
- export const TYPOGRAPHY_SIZE_5XL: string;
9
- export const TYPOGRAPHY_SIZE_4XL: string;
10
- export const TYPOGRAPHY_SIZE_3XL: string;
11
- export const TYPOGRAPHY_SIZE_2XL: string;
12
- export const TYPOGRAPHY_SIZE_XL: string;
13
- export const TYPOGRAPHY_SIZE_L: string;
14
- export const TYPOGRAPHY_SIZE_M: string;
15
- export const TYPOGRAPHY_SIZE_S: string;
16
- export const TYPOGRAPHY_SIZE_XS: string;
17
- export const TYPOGRAPHY_SIZE_2XS: string;
18
- export const TYPOGRAPHY_SIZE_DEFAULT: string;
19
- export const TYPOGRAPHY_SIZE_INPUT_LABEL: string;
20
-
21
- export const TYPOGRAPHY_SIZE : {
22
- TYPOGRAPHY_SIZE_2XS: string;
23
- TYPOGRAPHY_SIZE_XS: string;
24
- TYPOGRAPHY_SIZE_S: string;
25
- TYPOGRAPHY_SIZE_M: string;
26
- TYPOGRAPHY_SIZE_L: string;
27
- TYPOGRAPHY_SIZE_XL: string;
28
- TYPOGRAPHY_SIZE_2XL: string;
29
- TYPOGRAPHY_SIZE_3XL: string;
30
- TYPOGRAPHY_SIZE_4XL: string;
31
- TYPOGRAPHY_SIZE_5XL: string;
32
- TYPOGRAPHY_SIZE_6XL: string;
33
- TYPOGRAPHY_SIZE_7XL: string;
34
- };
package/build/js/variables.expanded.js DELETED
@@ -1,34 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const TYPOGRAPHY_SIZE_CODE_BLOCK = "0.9rem";
6
- export const TYPOGRAPHY_SIZE_7XL = "9.969rem";
7
- export const TYPOGRAPHY_SIZE_6XL = "7.478rem";
8
- export const TYPOGRAPHY_SIZE_5XL = "5.61rem";
9
- export const TYPOGRAPHY_SIZE_4XL = "4.209rem";
10
- export const TYPOGRAPHY_SIZE_3XL = "3.157rem";
11
- export const TYPOGRAPHY_SIZE_2XL = "2.369rem";
12
- export const TYPOGRAPHY_SIZE_XL = "1.777rem";
13
- export const TYPOGRAPHY_SIZE_L = "1.333rem";
14
- export const TYPOGRAPHY_SIZE_M = "1rem";
15
- export const TYPOGRAPHY_SIZE_S = "0.75rem";
16
- export const TYPOGRAPHY_SIZE_XS = "0.563rem";
17
- export const TYPOGRAPHY_SIZE_2XS = "0.422rem";
18
- export const TYPOGRAPHY_SIZE_DEFAULT = "1rem";
19
- export const TYPOGRAPHY_SIZE_INPUT_LABEL = "1rem";
20
-
21
- export const TYPOGRAPHY_SIZE = {
22
- TYPOGRAPHY_SIZE_2XS,
23
- TYPOGRAPHY_SIZE_XS,
24
- TYPOGRAPHY_SIZE_S,
25
- TYPOGRAPHY_SIZE_M,
26
- TYPOGRAPHY_SIZE_L,
27
- TYPOGRAPHY_SIZE_XL,
28
- TYPOGRAPHY_SIZE_2XL,
29
- TYPOGRAPHY_SIZE_3XL,
30
- TYPOGRAPHY_SIZE_4XL,
31
- TYPOGRAPHY_SIZE_5XL,
32
- TYPOGRAPHY_SIZE_6XL,
33
- TYPOGRAPHY_SIZE_7XL,
34
- };