@canonical/launchpad-design-tokens 1.0.2 → 1.0.3

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 (7) hide show
  1. package/dist/css/dimension/responsive.css +30 -30
  2. package/dist/css/typography/extraWide.css +20 -10
  3. package/dist/css/typography/medium.css +20 -10
  4. package/dist/css/typography/narrow.css +20 -10
  5. package/dist/css/typography/responsive.css +42 -62
  6. package/dist/css/typography/wide.css +20 -10
  7. package/package.json +1 -1
package/dist/css/dimension/responsive.css CHANGED
@@ -28,35 +28,7 @@
28
28
  * Do not edit directly, this file was auto-generated.
29
29
  */
30
30
 
31
- @media (min-width: 1681px) {
32
- :root {
33
- --tmp-dimension-spacing-inline-xxx-small: 0.25rem;
34
- --tmp-dimension-spacing-inline-xx-small: 0.5rem;
35
- --tmp-dimension-spacing-inline-x-small: 0.75rem;
36
- --tmp-dimension-spacing-inline-small: 1rem;
37
- --tmp-dimension-spacing-inline-medium: 1.5rem;
38
- --tmp-dimension-spacing-inline-large: 2rem;
39
- --tmp-dimension-spacing-inline-x-large: 2.5rem;
40
- --tmp-dimension-spacing-inline-xx-large: 3rem;
41
- --tmp-dimension-spacing-inline-xxx-large: 3.5rem;
42
- --tmp-dimension-spacing-block-xxx-small: 0.25rem;
43
- --tmp-dimension-spacing-block-xx-small: 0.5rem;
44
- --tmp-dimension-spacing-block-x-small: 0.75rem;
45
- --tmp-dimension-spacing-block-small: 1rem;
46
- --tmp-dimension-spacing-block-medium: 1.5rem;
47
- --tmp-dimension-spacing-block-large: 2rem;
48
- --tmp-dimension-spacing-block-x-large: 2.5rem;
49
- --tmp-dimension-spacing-block-xx-large: 3rem;
50
- --tmp-dimension-spacing-block-xxx-large: 3.5rem;
51
- }
52
- }
53
-
54
-
55
- /**
56
- * Do not edit directly, this file was auto-generated.
57
- */
58
-
59
- @media (min-width: 1037px) {
31
+ @media (min-width: 621px) {
60
32
  :root {
61
33
  --tmp-dimension-spacing-inline-xxx-small: 0.125rem;
62
34
  --tmp-dimension-spacing-inline-xx-small: 0.25rem;
@@ -84,7 +56,7 @@
84
56
  * Do not edit directly, this file was auto-generated.
85
57
  */
86
58
 
87
- @media (min-width: 621px) {
59
+ @media (min-width: 1037px) {
88
60
  :root {
89
61
  --tmp-dimension-spacing-inline-xxx-small: 0.125rem;
90
62
  --tmp-dimension-spacing-inline-xx-small: 0.25rem;
@@ -106,3 +78,31 @@
106
78
  --tmp-dimension-spacing-block-xxx-large: 3rem;
107
79
  }
108
80
  }
81
+
82
+
83
+ /**
84
+ * Do not edit directly, this file was auto-generated.
85
+ */
86
+
87
+ @media (min-width: 1681px) {
88
+ :root {
89
+ --tmp-dimension-spacing-inline-xxx-small: 0.25rem;
90
+ --tmp-dimension-spacing-inline-xx-small: 0.5rem;
91
+ --tmp-dimension-spacing-inline-x-small: 0.75rem;
92
+ --tmp-dimension-spacing-inline-small: 1rem;
93
+ --tmp-dimension-spacing-inline-medium: 1.5rem;
94
+ --tmp-dimension-spacing-inline-large: 2rem;
95
+ --tmp-dimension-spacing-inline-x-large: 2.5rem;
96
+ --tmp-dimension-spacing-inline-xx-large: 3rem;
97
+ --tmp-dimension-spacing-inline-xxx-large: 3.5rem;
98
+ --tmp-dimension-spacing-block-xxx-small: 0.25rem;
99
+ --tmp-dimension-spacing-block-xx-small: 0.5rem;
100
+ --tmp-dimension-spacing-block-x-small: 0.75rem;
101
+ --tmp-dimension-spacing-block-small: 1rem;
102
+ --tmp-dimension-spacing-block-medium: 1.5rem;
103
+ --tmp-dimension-spacing-block-large: 2rem;
104
+ --tmp-dimension-spacing-block-x-large: 2.5rem;
105
+ --tmp-dimension-spacing-block-xx-large: 3rem;
106
+ --tmp-dimension-spacing-block-xxx-large: 3.5rem;
107
+ }
108
+ }
package/dist/css/typography/extraWide.css CHANGED
@@ -3,6 +3,26 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --tmp-typography-paragraph-x-small: 400 0.75rem/1.125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ --tmp-typography-paragraph-small: 400 0.875rem/1.3125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
8
+ --tmp-typography-paragraph-default: 400 1rem/1.5rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
9
+ --tmp-typography-code-x-small: 400 0.75rem/1.125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
10
+ --tmp-typography-code-small: 400 0.875rem/1.3125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
11
+ --tmp-typography-code-default: 400 1rem/1.5rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
12
+ --tmp-typography-h3: 450 1.75rem/2rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --tmp-typography-h4: 200 1.75rem/2rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --tmp-typography-h5: 450 1.5rem/2rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --tmp-typography-h6: 300 1.5rem/2rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
16
+ --tmp-typography-weight-180: 180;
17
+ --tmp-typography-weight-200: 200;
18
+ --tmp-typography-weight-300: 300;
19
+ --tmp-typography-weight-400: 400;
20
+ --tmp-typography-weight-450: 450;
21
+ --tmp-typography-letter-spacing-medium: 0em;
22
+ --tmp-typography-letter-spacing-large: 0.05em;
23
+ --tmp-typography-letter-spacing-x-large: 0.07em;
24
+ --tmp-typography-font-family-default: 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
25
+ --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
6
26
  --tmp-typography-font-size-x-small: 0.75rem;
7
27
  --tmp-typography-font-size-small: 0.875rem;
8
28
  --tmp-typography-font-size-medium: 1rem;
@@ -13,14 +33,4 @@
13
33
  --tmp-typography-line-height-small: 1.3125rem;
14
34
  --tmp-typography-line-height-medium: 1.5rem;
15
35
  --tmp-typography-line-height-large: 2rem;
16
- --tmp-typography-weight-180: 180;
17
- --tmp-typography-weight-200: 200;
18
- --tmp-typography-weight-300: 300;
19
- --tmp-typography-weight-400: 400;
20
- --tmp-typography-weight-450: 450;
21
- --tmp-typography-letter-spacing-medium: 0em;
22
- --tmp-typography-letter-spacing-large: 0.05em;
23
- --tmp-typography-letter-spacing-x-large: 0.07em;
24
- --tmp-typography-font-family-default: 'Ubuntu Sans';
25
- --tmp-typography-font-family-mono: 'Ubuntu Sans Mono';
26
36
  }
package/dist/css/typography/medium.css CHANGED
@@ -3,6 +3,26 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --tmp-typography-paragraph-x-small: 400 0.625rem/0.9375rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ --tmp-typography-paragraph-small: 400 0.75rem/1.125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
8
+ --tmp-typography-paragraph-default: 400 0.875rem/1.3125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
9
+ --tmp-typography-code-x-small: 400 0.625rem/0.9375rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
10
+ --tmp-typography-code-small: 400 0.75rem/1.125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
11
+ --tmp-typography-code-default: 400 0.875rem/1.3125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
12
+ --tmp-typography-h3: 450 1.5rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --tmp-typography-h4: 200 1.5rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --tmp-typography-h5: 450 1.3125rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --tmp-typography-h6: 300 1.3125rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
16
+ --tmp-typography-weight-180: 180;
17
+ --tmp-typography-weight-200: 200;
18
+ --tmp-typography-weight-300: 300;
19
+ --tmp-typography-weight-400: 400;
20
+ --tmp-typography-weight-450: 450;
21
+ --tmp-typography-letter-spacing-medium: 0em;
22
+ --tmp-typography-letter-spacing-large: 0.05em;
23
+ --tmp-typography-letter-spacing-x-large: 0.07em;
24
+ --tmp-typography-font-family-default: 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
25
+ --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
6
26
  --tmp-typography-font-size-x-small: 0.625rem;
7
27
  --tmp-typography-font-size-small: 0.75rem;
8
28
  --tmp-typography-font-size-medium: 0.875rem;
@@ -13,14 +33,4 @@
13
33
  --tmp-typography-line-height-small: 1.125rem;
14
34
  --tmp-typography-line-height-medium: 1.3125rem;
15
35
  --tmp-typography-line-height-large: 1.75rem;
16
- --tmp-typography-weight-180: 180;
17
- --tmp-typography-weight-200: 200;
18
- --tmp-typography-weight-300: 300;
19
- --tmp-typography-weight-400: 400;
20
- --tmp-typography-weight-450: 450;
21
- --tmp-typography-letter-spacing-medium: 0em;
22
- --tmp-typography-letter-spacing-large: 0.05em;
23
- --tmp-typography-letter-spacing-x-large: 0.07em;
24
- --tmp-typography-font-family-default: 'Ubuntu Sans';
25
- --tmp-typography-font-family-mono: 'Ubuntu Sans Mono';
26
36
  }
package/dist/css/typography/narrow.css CHANGED
@@ -3,6 +3,26 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --tmp-typography-paragraph-x-small: 400 0.625rem/0.9375rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ --tmp-typography-paragraph-small: 400 0.75rem/1.125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
8
+ --tmp-typography-paragraph-default: 400 0.875rem/1.3125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
9
+ --tmp-typography-code-x-small: 400 0.625rem/0.9375rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
10
+ --tmp-typography-code-small: 400 0.75rem/1.125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
11
+ --tmp-typography-code-default: 400 0.875rem/1.3125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
12
+ --tmp-typography-h3: 450 1.5rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --tmp-typography-h4: 200 1.5rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --tmp-typography-h5: 450 1.3125rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --tmp-typography-h6: 300 1.3125rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
16
+ --tmp-typography-weight-180: 180;
17
+ --tmp-typography-weight-200: 200;
18
+ --tmp-typography-weight-300: 300;
19
+ --tmp-typography-weight-400: 400;
20
+ --tmp-typography-weight-450: 450;
21
+ --tmp-typography-letter-spacing-medium: 0em;
22
+ --tmp-typography-letter-spacing-large: 0.05em;
23
+ --tmp-typography-letter-spacing-x-large: 0.07em;
24
+ --tmp-typography-font-family-default: 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
25
+ --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
6
26
  --tmp-typography-font-size-x-small: 0.625rem;
7
27
  --tmp-typography-font-size-small: 0.75rem;
8
28
  --tmp-typography-font-size-medium: 0.875rem;
@@ -13,14 +33,4 @@
13
33
  --tmp-typography-line-height-small: 1.125rem;
14
34
  --tmp-typography-line-height-medium: 1.3125rem;
15
35
  --tmp-typography-line-height-large: 1.75rem;
16
- --tmp-typography-weight-180: 180;
17
- --tmp-typography-weight-200: 200;
18
- --tmp-typography-weight-300: 300;
19
- --tmp-typography-weight-400: 400;
20
- --tmp-typography-weight-450: 450;
21
- --tmp-typography-letter-spacing-medium: 0em;
22
- --tmp-typography-letter-spacing-large: 0.05em;
23
- --tmp-typography-letter-spacing-x-large: 0.07em;
24
- --tmp-typography-font-family-default: 'Ubuntu Sans';
25
- --tmp-typography-font-family-mono: 'Ubuntu Sans Mono';
26
36
  }
package/dist/css/typography/responsive.css CHANGED
@@ -3,6 +3,16 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --tmp-typography-weight-180: 180;
7
+ --tmp-typography-weight-200: 200;
8
+ --tmp-typography-weight-300: 300;
9
+ --tmp-typography-weight-400: 400;
10
+ --tmp-typography-weight-450: 450;
11
+ --tmp-typography-letter-spacing-medium: 0em;
12
+ --tmp-typography-letter-spacing-large: 0.05em;
13
+ --tmp-typography-letter-spacing-x-large: 0.07em;
14
+ --tmp-typography-font-family-default: "Ubuntu Sans", Ubuntu, -apple-system, "Segoe UI", Roboto, Oxygen, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
15
+ --tmp-typography-font-family-mono: "Ubuntu Sans Mono", "Ubuntu Mono", Consolas, Monaco, Courier, monospace;
6
16
  --tmp-typography-font-size-x-small: 0.625rem;
7
17
  --tmp-typography-font-size-small: 0.75rem;
8
18
  --tmp-typography-font-size-medium: 0.875rem;
@@ -13,46 +23,16 @@
13
23
  --tmp-typography-line-height-small: 1.125rem;
14
24
  --tmp-typography-line-height-medium: 1.3125rem;
15
25
  --tmp-typography-line-height-large: 1.75rem;
16
- --tmp-typography-weight-180: 180;
17
- --tmp-typography-weight-200: 200;
18
- --tmp-typography-weight-300: 300;
19
- --tmp-typography-weight-400: 400;
20
- --tmp-typography-weight-450: 450;
21
- --tmp-typography-letter-spacing-medium: 0em;
22
- --tmp-typography-letter-spacing-large: 0.05em;
23
- --tmp-typography-letter-spacing-x-large: 0.07em;
24
- --tmp-typography-font-family-default: "Ubuntu Sans";
25
- --tmp-typography-font-family-mono: "Ubuntu Sans Mono";
26
- }
27
-
28
-
29
- /**
30
- * Do not edit directly, this file was auto-generated.
31
- */
32
-
33
- @media (min-width: 1681px) {
34
- :root {
35
- --tmp-typography-font-size-x-small: 0.75rem;
36
- --tmp-typography-font-size-small: 0.875rem;
37
- --tmp-typography-font-size-medium: 1rem;
38
- --tmp-typography-font-size-large: 1.5rem;
39
- --tmp-typography-font-size-x-large: 1.75rem;
40
- --tmp-typography-font-size-xx-large: 2rem;
41
- --tmp-typography-line-height-x-small: 1.125rem;
42
- --tmp-typography-line-height-small: 1.3125rem;
43
- --tmp-typography-line-height-medium: 1.5rem;
44
- --tmp-typography-line-height-large: 2rem;
45
- --tmp-typography-weight-180: 180;
46
- --tmp-typography-weight-200: 200;
47
- --tmp-typography-weight-300: 300;
48
- --tmp-typography-weight-400: 400;
49
- --tmp-typography-weight-450: 450;
50
- --tmp-typography-letter-spacing-medium: 0em;
51
- --tmp-typography-letter-spacing-large: 0.05em;
52
- --tmp-typography-letter-spacing-x-large: 0.07em;
53
- --tmp-typography-font-family-default: "Ubuntu Sans";
54
- --tmp-typography-font-family-mono: "Ubuntu Sans Mono";
55
- }
26
+ --tmp-typography-paragraph-x-small: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-x-small) / var(--tmp-typography-line-height-x-small) var(--tmp-typography-font-family-default);
27
+ --tmp-typography-paragraph-small: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-small) / var(--tmp-typography-line-height-small) var(--tmp-typography-font-family-default);
28
+ --tmp-typography-paragraph-default: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-medium) / var(--tmp-typography-line-height-medium) var(--tmp-typography-font-family-default);
29
+ --tmp-typography-code-x-small: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-x-small) / var(--tmp-typography-line-height-x-small) var(--tmp-typography-font-family-mono);
30
+ --tmp-typography-code-small: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-small) / var(--tmp-typography-line-height-small) var(--tmp-typography-font-family-mono);
31
+ --tmp-typography-code-default: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-medium) / var(--tmp-typography-line-height-medium) var(--tmp-typography-font-family-mono);
32
+ --tmp-typography-h3: var(--tmp-typography-weight-450) var(--tmp-typography-font-size-x-large) / var(--tmp-typography-line-height-large) var(--tmp-typography-font-family-default);
33
+ --tmp-typography-h4: var(--tmp-typography-weight-200) var(--tmp-typography-font-size-x-large) / var(--tmp-typography-line-height-large) var(--tmp-typography-font-family-default);
34
+ --tmp-typography-h5: var(--tmp-typography-weight-450) var(--tmp-typography-font-size-large) / var(--tmp-typography-line-height-large) var(--tmp-typography-font-family-default);
35
+ --tmp-typography-h6: var(--tmp-typography-weight-300) var(--tmp-typography-font-size-large) / var(--tmp-typography-line-height-large) var(--tmp-typography-font-family-default);
56
36
  }
57
37
 
58
38
 
@@ -60,7 +40,7 @@
60
40
  * Do not edit directly, this file was auto-generated.
61
41
  */
62
42
 
63
- @media (min-width: 1037px) {
43
+ @media (min-width: 621px) {
64
44
  :root {
65
45
  --tmp-typography-font-size-x-small: 0.625rem;
66
46
  --tmp-typography-font-size-small: 0.75rem;
@@ -72,16 +52,6 @@
72
52
  --tmp-typography-line-height-small: 1.125rem;
73
53
  --tmp-typography-line-height-medium: 1.3125rem;
74
54
  --tmp-typography-line-height-large: 1.75rem;
75
- --tmp-typography-weight-180: 180;
76
- --tmp-typography-weight-200: 200;
77
- --tmp-typography-weight-300: 300;
78
- --tmp-typography-weight-400: 400;
79
- --tmp-typography-weight-450: 450;
80
- --tmp-typography-letter-spacing-medium: 0em;
81
- --tmp-typography-letter-spacing-large: 0.05em;
82
- --tmp-typography-letter-spacing-x-large: 0.07em;
83
- --tmp-typography-font-family-default: "Ubuntu Sans";
84
- --tmp-typography-font-family-mono: "Ubuntu Sans Mono";
85
55
  }
86
56
  }
87
57
 
@@ -90,7 +60,7 @@
90
60
  * Do not edit directly, this file was auto-generated.
91
61
  */
92
62
 
93
- @media (min-width: 621px) {
63
+ @media (min-width: 1037px) {
94
64
  :root {
95
65
  --tmp-typography-font-size-x-small: 0.625rem;
96
66
  --tmp-typography-font-size-small: 0.75rem;
@@ -102,15 +72,25 @@
102
72
  --tmp-typography-line-height-small: 1.125rem;
103
73
  --tmp-typography-line-height-medium: 1.3125rem;
104
74
  --tmp-typography-line-height-large: 1.75rem;
105
- --tmp-typography-weight-180: 180;
106
- --tmp-typography-weight-200: 200;
107
- --tmp-typography-weight-300: 300;
108
- --tmp-typography-weight-400: 400;
109
- --tmp-typography-weight-450: 450;
110
- --tmp-typography-letter-spacing-medium: 0em;
111
- --tmp-typography-letter-spacing-large: 0.05em;
112
- --tmp-typography-letter-spacing-x-large: 0.07em;
113
- --tmp-typography-font-family-default: "Ubuntu Sans";
114
- --tmp-typography-font-family-mono: "Ubuntu Sans Mono";
75
+ }
76
+ }
77
+
78
+
79
+ /**
80
+ * Do not edit directly, this file was auto-generated.
81
+ */
82
+
83
+ @media (min-width: 1681px) {
84
+ :root {
85
+ --tmp-typography-font-size-x-small: 0.75rem;
86
+ --tmp-typography-font-size-small: 0.875rem;
87
+ --tmp-typography-font-size-medium: 1rem;
88
+ --tmp-typography-font-size-large: 1.5rem;
89
+ --tmp-typography-font-size-x-large: 1.75rem;
90
+ --tmp-typography-font-size-xx-large: 2rem;
91
+ --tmp-typography-line-height-x-small: 1.125rem;
92
+ --tmp-typography-line-height-small: 1.3125rem;
93
+ --tmp-typography-line-height-medium: 1.5rem;
94
+ --tmp-typography-line-height-large: 2rem;
115
95
  }
116
96
  }
package/dist/css/typography/wide.css CHANGED
@@ -3,6 +3,26 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --tmp-typography-paragraph-x-small: 400 0.625rem/0.9375rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ --tmp-typography-paragraph-small: 400 0.75rem/1.125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
8
+ --tmp-typography-paragraph-default: 400 0.875rem/1.3125rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
9
+ --tmp-typography-code-x-small: 400 0.625rem/0.9375rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
10
+ --tmp-typography-code-small: 400 0.75rem/1.125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
11
+ --tmp-typography-code-default: 400 0.875rem/1.3125rem 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
12
+ --tmp-typography-h3: 450 1.5rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --tmp-typography-h4: 200 1.5rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --tmp-typography-h5: 450 1.3125rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --tmp-typography-h6: 300 1.3125rem/1.75rem 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
16
+ --tmp-typography-weight-180: 180;
17
+ --tmp-typography-weight-200: 200;
18
+ --tmp-typography-weight-300: 300;
19
+ --tmp-typography-weight-400: 400;
20
+ --tmp-typography-weight-450: 450;
21
+ --tmp-typography-letter-spacing-medium: 0em;
22
+ --tmp-typography-letter-spacing-large: 0.05em;
23
+ --tmp-typography-letter-spacing-x-large: 0.07em;
24
+ --tmp-typography-font-family-default: 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
25
+ --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
6
26
  --tmp-typography-font-size-x-small: 0.625rem;
7
27
  --tmp-typography-font-size-small: 0.75rem;
8
28
  --tmp-typography-font-size-medium: 0.875rem;
@@ -13,14 +33,4 @@
13
33
  --tmp-typography-line-height-small: 1.125rem;
14
34
  --tmp-typography-line-height-medium: 1.3125rem;
15
35
  --tmp-typography-line-height-large: 1.75rem;
16
- --tmp-typography-weight-180: 180;
17
- --tmp-typography-weight-200: 200;
18
- --tmp-typography-weight-300: 300;
19
- --tmp-typography-weight-400: 400;
20
- --tmp-typography-weight-450: 450;
21
- --tmp-typography-letter-spacing-medium: 0em;
22
- --tmp-typography-letter-spacing-large: 0.05em;
23
- --tmp-typography-letter-spacing-x-large: 0.07em;
24
- --tmp-typography-font-family-default: 'Ubuntu Sans';
25
- --tmp-typography-font-family-mono: 'Ubuntu Sans Mono';
26
36
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/launchpad-design-tokens",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "Design tokens for Canonical's Launchpad",
5
5
  "files": ["dist/css"],
6
6
  "type": "module",