@canonical/launchpad-design-tokens 1.0.8 → 1.0.10

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/dist/css/dimension/extraWide.css +2 -0
  2. package/dist/css/dimension/medium.css +2 -0
  3. package/dist/css/dimension/narrow.css +2 -0
  4. package/dist/css/dimension/responsive.css +8 -0
  5. package/dist/css/dimension/wide.css +2 -0
  6. package/dist/css/typography/extraWide.css +6 -6
  7. package/dist/css/typography/medium.css +6 -6
  8. package/dist/css/typography/narrow.css +6 -6
  9. package/dist/css/typography/responsive.css +24 -24
  10. package/dist/css/typography/wide.css +6 -6
  11. package/package.json +1 -1
package/dist/css/dimension/extraWide.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --dimension-radius-medium: 0px;
11
11
  --dimension-radius-large: 0px;
12
12
  --dimension-radius-full: 9999px;
13
+ --tmp-dimension-spacing-inline-minimum: 0.125rem;
13
14
  --tmp-dimension-spacing-inline-xxxs: 0.25rem;
14
15
  --tmp-dimension-spacing-inline-xxs: 0.5rem;
15
16
  --tmp-dimension-spacing-inline-xs: 0.75rem;
@@ -19,6 +20,7 @@
19
20
  --tmp-dimension-spacing-inline-xl: 2.5rem;
20
21
  --tmp-dimension-spacing-inline-xxl: 3rem;
21
22
  --tmp-dimension-spacing-inline-xxxl: 3.5rem;
23
+ --tmp-dimension-spacing-block-minimum: 0.125rem;
22
24
  --tmp-dimension-spacing-block-xxxs: 0.25rem;
23
25
  --tmp-dimension-spacing-block-xxs: 0.5rem;
24
26
  --tmp-dimension-spacing-block-xs: 0.75rem;
package/dist/css/dimension/medium.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --dimension-radius-medium: 0px;
11
11
  --dimension-radius-large: 0px;
12
12
  --dimension-radius-full: 9999px;
13
+ --tmp-dimension-spacing-inline-minimum: 0rem;
13
14
  --tmp-dimension-spacing-inline-xxxs: 0.125rem;
14
15
  --tmp-dimension-spacing-inline-xxs: 0.25rem;
15
16
  --tmp-dimension-spacing-inline-xs: 0.5rem;
@@ -19,6 +20,7 @@
19
20
  --tmp-dimension-spacing-inline-xl: 2rem;
20
21
  --tmp-dimension-spacing-inline-xxl: 2.5rem;
21
22
  --tmp-dimension-spacing-inline-xxxl: 3rem;
23
+ --tmp-dimension-spacing-block-minimum: 0rem;
22
24
  --tmp-dimension-spacing-block-xxxs: 0.125rem;
23
25
  --tmp-dimension-spacing-block-xxs: 0.25rem;
24
26
  --tmp-dimension-spacing-block-xs: 0.5rem;
package/dist/css/dimension/narrow.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --dimension-radius-medium: 0px;
11
11
  --dimension-radius-large: 0px;
12
12
  --dimension-radius-full: 9999px;
13
+ --tmp-dimension-spacing-inline-minimum: 0rem;
13
14
  --tmp-dimension-spacing-inline-xxxs: 0.125rem;
14
15
  --tmp-dimension-spacing-inline-xxs: 0.25rem;
15
16
  --tmp-dimension-spacing-inline-xs: 0.375rem;
@@ -19,6 +20,7 @@
19
20
  --tmp-dimension-spacing-inline-xl: 1.25rem;
20
21
  --tmp-dimension-spacing-inline-xxl: 1.5rem;
21
22
  --tmp-dimension-spacing-inline-xxxl: 2rem;
23
+ --tmp-dimension-spacing-block-minimum: 0rem;
22
24
  --tmp-dimension-spacing-block-xxxs: 0.125rem;
23
25
  --tmp-dimension-spacing-block-xxs: 0.25rem;
24
26
  --tmp-dimension-spacing-block-xs: 0.375rem;
package/dist/css/dimension/responsive.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --dimension-radius-medium: 0px;
11
11
  --dimension-radius-large: 0px;
12
12
  --dimension-radius-full: 9999px;
13
+ --tmp-dimension-spacing-inline-minimum: 0rem;
13
14
  --tmp-dimension-spacing-inline-xxxs: 0.125rem;
14
15
  --tmp-dimension-spacing-inline-xxs: 0.25rem;
15
16
  --tmp-dimension-spacing-inline-xs: 0.375rem;
@@ -19,6 +20,7 @@
19
20
  --tmp-dimension-spacing-inline-xl: 1.25rem;
20
21
  --tmp-dimension-spacing-inline-xxl: 1.5rem;
21
22
  --tmp-dimension-spacing-inline-xxxl: 2rem;
23
+ --tmp-dimension-spacing-block-minimum: 0rem;
22
24
  --tmp-dimension-spacing-block-xxxs: 0.125rem;
23
25
  --tmp-dimension-spacing-block-xxs: 0.25rem;
24
26
  --tmp-dimension-spacing-block-xs: 0.375rem;
@@ -37,6 +39,7 @@
37
39
 
38
40
  @media (min-width: 621px) {
39
41
  :root {
42
+ --tmp-dimension-spacing-inline-minimum: 0rem;
40
43
  --tmp-dimension-spacing-inline-xxxs: 0.125rem;
41
44
  --tmp-dimension-spacing-inline-xxs: 0.25rem;
42
45
  --tmp-dimension-spacing-inline-xs: 0.5rem;
@@ -46,6 +49,7 @@
46
49
  --tmp-dimension-spacing-inline-xl: 2rem;
47
50
  --tmp-dimension-spacing-inline-xxl: 2.5rem;
48
51
  --tmp-dimension-spacing-inline-xxxl: 3rem;
52
+ --tmp-dimension-spacing-block-minimum: 0rem;
49
53
  --tmp-dimension-spacing-block-xxxs: 0.125rem;
50
54
  --tmp-dimension-spacing-block-xxs: 0.25rem;
51
55
  --tmp-dimension-spacing-block-xs: 0.5rem;
@@ -65,6 +69,7 @@
65
69
 
66
70
  @media (min-width: 1037px) {
67
71
  :root {
72
+ --tmp-dimension-spacing-inline-minimum: 0rem;
68
73
  --tmp-dimension-spacing-inline-xxxs: 0.125rem;
69
74
  --tmp-dimension-spacing-inline-xxs: 0.25rem;
70
75
  --tmp-dimension-spacing-inline-xs: 0.5rem;
@@ -74,6 +79,7 @@
74
79
  --tmp-dimension-spacing-inline-xl: 2rem;
75
80
  --tmp-dimension-spacing-inline-xxl: 2.5rem;
76
81
  --tmp-dimension-spacing-inline-xxxl: 3rem;
82
+ --tmp-dimension-spacing-block-minimum: 0rem;
77
83
  --tmp-dimension-spacing-block-xxxs: 0.125rem;
78
84
  --tmp-dimension-spacing-block-xxs: 0.25rem;
79
85
  --tmp-dimension-spacing-block-xs: 0.5rem;
@@ -93,6 +99,7 @@
93
99
 
94
100
  @media (min-width: 1681px) {
95
101
  :root {
102
+ --tmp-dimension-spacing-inline-minimum: 0.125rem;
96
103
  --tmp-dimension-spacing-inline-xxxs: 0.25rem;
97
104
  --tmp-dimension-spacing-inline-xxs: 0.5rem;
98
105
  --tmp-dimension-spacing-inline-xs: 0.75rem;
@@ -102,6 +109,7 @@
102
109
  --tmp-dimension-spacing-inline-xl: 2.5rem;
103
110
  --tmp-dimension-spacing-inline-xxl: 3rem;
104
111
  --tmp-dimension-spacing-inline-xxxl: 3.5rem;
112
+ --tmp-dimension-spacing-block-minimum: 0.125rem;
105
113
  --tmp-dimension-spacing-block-xxxs: 0.25rem;
106
114
  --tmp-dimension-spacing-block-xxs: 0.5rem;
107
115
  --tmp-dimension-spacing-block-xs: 0.75rem;
package/dist/css/dimension/wide.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --dimension-radius-medium: 0px;
11
11
  --dimension-radius-large: 0px;
12
12
  --dimension-radius-full: 9999px;
13
+ --tmp-dimension-spacing-inline-minimum: 0rem;
13
14
  --tmp-dimension-spacing-inline-xxxs: 0.125rem;
14
15
  --tmp-dimension-spacing-inline-xxs: 0.25rem;
15
16
  --tmp-dimension-spacing-inline-xs: 0.5rem;
@@ -19,6 +20,7 @@
19
20
  --tmp-dimension-spacing-inline-xl: 2rem;
20
21
  --tmp-dimension-spacing-inline-xxl: 2.5rem;
21
22
  --tmp-dimension-spacing-inline-xxxl: 3rem;
23
+ --tmp-dimension-spacing-block-minimum: 0rem;
22
24
  --tmp-dimension-spacing-block-xxxs: 0.125rem;
23
25
  --tmp-dimension-spacing-block-xxs: 0.25rem;
24
26
  --tmp-dimension-spacing-block-xs: 0.5rem;
package/dist/css/typography/extraWide.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --tmp-typography-letter-spacing-xl: 0.07em;
14
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
15
  --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
16
- --tmp-typography-font-size-xs: 0.75rem;
17
- --tmp-typography-font-size-s: 0.875rem;
18
- --tmp-typography-font-size-m: 1rem;
16
+ --tmp-typography-font-size-xs: 0.875rem;
17
+ --tmp-typography-font-size-s: 1rem;
18
+ --tmp-typography-font-size-m: 1.125rem;
19
19
  --tmp-typography-font-size-l: 1.5rem;
20
20
  --tmp-typography-font-size-xl: 1.75rem;
21
21
  --tmp-typography-font-size-xxl: 2rem;
22
- --tmp-typography-line-height-xs: 1.125rem;
23
- --tmp-typography-line-height-s: 1.3125rem;
24
- --tmp-typography-line-height-m: 1.5rem;
22
+ --tmp-typography-line-height-xs: 1.25rem;
23
+ --tmp-typography-line-height-s: 1.5rem;
24
+ --tmp-typography-line-height-m: 1.6875rem;
25
25
  --tmp-typography-line-height-l: 2rem;
26
26
  --tmp-typography-paragraph-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs)/var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
27
27
  --tmp-typography-paragraph-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s)/var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
package/dist/css/typography/medium.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --tmp-typography-letter-spacing-xl: 0.07em;
14
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
15
  --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
16
- --tmp-typography-font-size-xs: 0.625rem;
17
- --tmp-typography-font-size-s: 0.75rem;
18
- --tmp-typography-font-size-m: 0.875rem;
16
+ --tmp-typography-font-size-xs: 0.75rem;
17
+ --tmp-typography-font-size-s: 0.875rem;
18
+ --tmp-typography-font-size-m: 1rem;
19
19
  --tmp-typography-font-size-l: 1.3125rem;
20
20
  --tmp-typography-font-size-xl: 1.5rem;
21
21
  --tmp-typography-font-size-xxl: 1.75rem;
22
- --tmp-typography-line-height-xs: 0.9375rem;
23
- --tmp-typography-line-height-s: 1.125rem;
24
- --tmp-typography-line-height-m: 1.3125rem;
22
+ --tmp-typography-line-height-xs: 1rem;
23
+ --tmp-typography-line-height-s: 1.25rem;
24
+ --tmp-typography-line-height-m: 1.5rem;
25
25
  --tmp-typography-line-height-l: 1.75rem;
26
26
  --tmp-typography-paragraph-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs)/var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
27
27
  --tmp-typography-paragraph-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s)/var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
package/dist/css/typography/narrow.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --tmp-typography-letter-spacing-xl: 0.07em;
14
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
15
  --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
16
- --tmp-typography-font-size-xs: 0.625rem;
17
- --tmp-typography-font-size-s: 0.75rem;
18
- --tmp-typography-font-size-m: 0.875rem;
16
+ --tmp-typography-font-size-xs: 0.75rem;
17
+ --tmp-typography-font-size-s: 0.875rem;
18
+ --tmp-typography-font-size-m: 1rem;
19
19
  --tmp-typography-font-size-l: 1.3125rem;
20
20
  --tmp-typography-font-size-xl: 1.5rem;
21
21
  --tmp-typography-font-size-xxl: 1.75rem;
22
- --tmp-typography-line-height-xs: 0.9375rem;
23
- --tmp-typography-line-height-s: 1.125rem;
24
- --tmp-typography-line-height-m: 1.3125rem;
22
+ --tmp-typography-line-height-xs: 1rem;
23
+ --tmp-typography-line-height-s: 1.25rem;
24
+ --tmp-typography-line-height-m: 1.5rem;
25
25
  --tmp-typography-line-height-l: 1.75rem;
26
26
  --tmp-typography-paragraph-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs)/var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
27
27
  --tmp-typography-paragraph-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s)/var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
package/dist/css/typography/responsive.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --tmp-typography-letter-spacing-xl: 0.07em;
14
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
15
  --tmp-typography-font-family-mono: "Ubuntu Sans Mono", "Ubuntu Mono", Consolas, Monaco, Courier, monospace;
16
- --tmp-typography-font-size-xs: 0.625rem;
17
- --tmp-typography-font-size-s: 0.75rem;
18
- --tmp-typography-font-size-m: 0.875rem;
16
+ --tmp-typography-font-size-xs: 0.75rem;
17
+ --tmp-typography-font-size-s: 0.875rem;
18
+ --tmp-typography-font-size-m: 1rem;
19
19
  --tmp-typography-font-size-l: 1.3125rem;
20
20
  --tmp-typography-font-size-xl: 1.5rem;
21
21
  --tmp-typography-font-size-xxl: 1.75rem;
22
- --tmp-typography-line-height-xs: 0.9375rem;
23
- --tmp-typography-line-height-s: 1.125rem;
24
- --tmp-typography-line-height-m: 1.3125rem;
22
+ --tmp-typography-line-height-xs: 1rem;
23
+ --tmp-typography-line-height-s: 1.25rem;
24
+ --tmp-typography-line-height-m: 1.5rem;
25
25
  --tmp-typography-line-height-l: 1.75rem;
26
26
  --tmp-typography-paragraph-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs) / var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
27
27
  --tmp-typography-paragraph-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s) / var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
@@ -42,15 +42,15 @@
42
42
 
43
43
  @media (min-width: 621px) {
44
44
  :root {
45
- --tmp-typography-font-size-xs: 0.625rem;
46
- --tmp-typography-font-size-s: 0.75rem;
47
- --tmp-typography-font-size-m: 0.875rem;
45
+ --tmp-typography-font-size-xs: 0.75rem;
46
+ --tmp-typography-font-size-s: 0.875rem;
47
+ --tmp-typography-font-size-m: 1rem;
48
48
  --tmp-typography-font-size-l: 1.3125rem;
49
49
  --tmp-typography-font-size-xl: 1.5rem;
50
50
  --tmp-typography-font-size-xxl: 1.75rem;
51
- --tmp-typography-line-height-xs: 0.9375rem;
52
- --tmp-typography-line-height-s: 1.125rem;
53
- --tmp-typography-line-height-m: 1.3125rem;
51
+ --tmp-typography-line-height-xs: 1rem;
52
+ --tmp-typography-line-height-s: 1.25rem;
53
+ --tmp-typography-line-height-m: 1.5rem;
54
54
  --tmp-typography-line-height-l: 1.75rem;
55
55
  }
56
56
  }
@@ -62,15 +62,15 @@
62
62
 
63
63
  @media (min-width: 1037px) {
64
64
  :root {
65
- --tmp-typography-font-size-xs: 0.625rem;
66
- --tmp-typography-font-size-s: 0.75rem;
67
- --tmp-typography-font-size-m: 0.875rem;
65
+ --tmp-typography-font-size-xs: 0.75rem;
66
+ --tmp-typography-font-size-s: 0.875rem;
67
+ --tmp-typography-font-size-m: 1rem;
68
68
  --tmp-typography-font-size-l: 1.3125rem;
69
69
  --tmp-typography-font-size-xl: 1.5rem;
70
70
  --tmp-typography-font-size-xxl: 1.75rem;
71
- --tmp-typography-line-height-xs: 0.9375rem;
72
- --tmp-typography-line-height-s: 1.125rem;
73
- --tmp-typography-line-height-m: 1.3125rem;
71
+ --tmp-typography-line-height-xs: 1rem;
72
+ --tmp-typography-line-height-s: 1.25rem;
73
+ --tmp-typography-line-height-m: 1.5rem;
74
74
  --tmp-typography-line-height-l: 1.75rem;
75
75
  }
76
76
  }
@@ -82,15 +82,15 @@
82
82
 
83
83
  @media (min-width: 1681px) {
84
84
  :root {
85
- --tmp-typography-font-size-xs: 0.75rem;
86
- --tmp-typography-font-size-s: 0.875rem;
87
- --tmp-typography-font-size-m: 1rem;
85
+ --tmp-typography-font-size-xs: 0.875rem;
86
+ --tmp-typography-font-size-s: 1rem;
87
+ --tmp-typography-font-size-m: 1.125rem;
88
88
  --tmp-typography-font-size-l: 1.5rem;
89
89
  --tmp-typography-font-size-xl: 1.75rem;
90
90
  --tmp-typography-font-size-xxl: 2rem;
91
- --tmp-typography-line-height-xs: 1.125rem;
92
- --tmp-typography-line-height-s: 1.3125rem;
93
- --tmp-typography-line-height-m: 1.5rem;
91
+ --tmp-typography-line-height-xs: 1.25rem;
92
+ --tmp-typography-line-height-s: 1.5rem;
93
+ --tmp-typography-line-height-m: 1.6875rem;
94
94
  --tmp-typography-line-height-l: 2rem;
95
95
  }
96
96
  }
package/dist/css/typography/wide.css CHANGED
@@ -13,15 +13,15 @@
13
13
  --tmp-typography-letter-spacing-xl: 0.07em;
14
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
15
  --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
16
- --tmp-typography-font-size-xs: 0.625rem;
17
- --tmp-typography-font-size-s: 0.75rem;
18
- --tmp-typography-font-size-m: 0.875rem;
16
+ --tmp-typography-font-size-xs: 0.75rem;
17
+ --tmp-typography-font-size-s: 0.875rem;
18
+ --tmp-typography-font-size-m: 1rem;
19
19
  --tmp-typography-font-size-l: 1.3125rem;
20
20
  --tmp-typography-font-size-xl: 1.5rem;
21
21
  --tmp-typography-font-size-xxl: 1.75rem;
22
- --tmp-typography-line-height-xs: 0.9375rem;
23
- --tmp-typography-line-height-s: 1.125rem;
24
- --tmp-typography-line-height-m: 1.3125rem;
22
+ --tmp-typography-line-height-xs: 1rem;
23
+ --tmp-typography-line-height-s: 1.25rem;
24
+ --tmp-typography-line-height-m: 1.5rem;
25
25
  --tmp-typography-line-height-l: 1.75rem;
26
26
  --tmp-typography-paragraph-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs)/var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
27
27
  --tmp-typography-paragraph-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s)/var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/launchpad-design-tokens",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "description": "Design tokens for Canonical's Launchpad",
5
5
  "files": ["dist/css"],
6
6
  "type": "module",