@canonical/launchpad-design-tokens 1.0.4 → 1.0.5

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 (9) hide show
  1. package/dist/css/color/dark.css +2 -2
  2. package/dist/css/color/light.css +2 -2
  3. package/dist/css/color/system.css +4 -4
  4. package/dist/css/typography/extraWide.css +5 -5
  5. package/dist/css/typography/medium.css +5 -5
  6. package/dist/css/typography/narrow.css +5 -5
  7. package/dist/css/typography/responsive.css +15 -15
  8. package/dist/css/typography/wide.css +5 -5
  9. package/package.json +1 -1
package/dist/css/color/dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --tmp-color-negative: #d17b85;
8
8
  --tmp-color-information: #5ea6ed;
9
9
  --tmp-color-caution: #c48831;
10
- --tmp-color-text: #ffffff;
10
+ --tmp-color-text-default: #ffffff;
11
11
  --tmp-color-text-muted: rgba(255, 255, 255, 0.6);
12
12
  --tmp-color-text-inactive: rgba(255, 255, 255, 0.75);
13
13
  --tmp-color-text-reversed: #000000;
@@ -31,7 +31,7 @@
31
31
  --tmp-color-background-information-active: rgba(0, 137, 255, 0.36);
32
32
  --tmp-color-background-caution-default: rgba(255, 115, 0, 0.2);
33
33
  --tmp-color-background-caution-hover: rgba(255, 143, 51, 0.3);
34
- --tmp-color-background-caution-caution-active: rgba(255, 115, 0, 0.36);
34
+ --tmp-color-background-caution-active: rgba(255, 115, 0, 0.36);
35
35
  --tmp-color-background-input: #2f2f2f;
36
36
  --tmp-color-background-overlay: rgba(17, 17, 17, 0.85);
37
37
  --tmp-color-background-button-positive-default: #008013;
package/dist/css/color/light.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --tmp-color-negative: #c7162b;
8
8
  --tmp-color-information: #24598f;
9
9
  --tmp-color-caution: #cc7900;
10
- --tmp-color-text: #000000;
10
+ --tmp-color-text-default: #000000;
11
11
  --tmp-color-text-muted: rgba(0, 0, 0, 0.6);
12
12
  --tmp-color-text-inactive: rgba(0, 0, 0, 0.75);
13
13
  --tmp-color-text-reversed: #ffffff;
@@ -31,7 +31,7 @@
31
31
  --tmp-color-background-information-active: rgba(0, 99, 199, 0.18);
32
32
  --tmp-color-background-caution-default: rgba(199, 90, 0, 0.1);
33
33
  --tmp-color-background-caution-hover: rgba(199, 90, 0, 0.15);
34
- --tmp-color-background-caution-caution-active: rgba(199, 90, 0, 0.18);
34
+ --tmp-color-background-caution-active: rgba(199, 90, 0, 0.18);
35
35
  --tmp-color-background-input: #f5f5f5;
36
36
  --tmp-color-background-overlay: rgba(17, 17, 17, 0.85);
37
37
  --tmp-color-background-button-positive-default: #0e8420;
package/dist/css/color/system.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --tmp-color-negative: #d17b85;
9
9
  --tmp-color-information: #5ea6ed;
10
10
  --tmp-color-caution: #c48831;
11
- --tmp-color-text: #ffffff;
11
+ --tmp-color-text-default: #ffffff;
12
12
  --tmp-color-text-muted: rgba(255, 255, 255, 0.6);
13
13
  --tmp-color-text-inactive: rgba(255, 255, 255, 0.75);
14
14
  --tmp-color-text-reversed: #000000;
@@ -32,7 +32,7 @@
32
32
  --tmp-color-background-information-active: rgba(0, 137, 255, 0.36);
33
33
  --tmp-color-background-caution-default: rgba(255, 115, 0, 0.2);
34
34
  --tmp-color-background-caution-hover: rgba(255, 143, 51, 0.3);
35
- --tmp-color-background-caution-caution-active: rgba(255, 115, 0, 0.36);
35
+ --tmp-color-background-caution-active: rgba(255, 115, 0, 0.36);
36
36
  --tmp-color-background-input: #2f2f2f;
37
37
  --tmp-color-background-overlay: rgba(17, 17, 17, 0.85);
38
38
  --tmp-color-background-button-positive-default: #008013;
@@ -79,7 +79,7 @@
79
79
  --tmp-color-negative: #c7162b;
80
80
  --tmp-color-information: #24598f;
81
81
  --tmp-color-caution: #cc7900;
82
- --tmp-color-text: #000000;
82
+ --tmp-color-text-default: #000000;
83
83
  --tmp-color-text-muted: rgba(0, 0, 0, 0.6);
84
84
  --tmp-color-text-inactive: rgba(0, 0, 0, 0.75);
85
85
  --tmp-color-text-reversed: #ffffff;
@@ -103,7 +103,7 @@
103
103
  --tmp-color-background-information-active: rgba(0, 99, 199, 0.18);
104
104
  --tmp-color-background-caution-default: rgba(199, 90, 0, 0.1);
105
105
  --tmp-color-background-caution-hover: rgba(199, 90, 0, 0.15);
106
- --tmp-color-background-caution-caution-active: rgba(199, 90, 0, 0.18);
106
+ --tmp-color-background-caution-active: rgba(199, 90, 0, 0.18);
107
107
  --tmp-color-background-input: #f5f5f5;
108
108
  --tmp-color-background-overlay: rgba(17, 17, 17, 0.85);
109
109
  --tmp-color-background-button-positive-default: #0e8420;
package/dist/css/typography/extraWide.css CHANGED
@@ -13,11 +13,11 @@
13
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
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
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;
16
+ --tmp-typography-weight-extra-thin: 180;
17
+ --tmp-typography-weight-thin: 200;
18
+ --tmp-typography-weight-light: 300;
19
+ --tmp-typography-weight-regular: 400;
20
+ --tmp-typography-weight-medium: 450;
21
21
  --tmp-typography-letter-spacing-m: 0em;
22
22
  --tmp-typography-letter-spacing-l: 0.05em;
23
23
  --tmp-typography-letter-spacing-xl: 0.07em;
package/dist/css/typography/medium.css CHANGED
@@ -13,11 +13,11 @@
13
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
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
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;
16
+ --tmp-typography-weight-extra-thin: 180;
17
+ --tmp-typography-weight-thin: 200;
18
+ --tmp-typography-weight-light: 300;
19
+ --tmp-typography-weight-regular: 400;
20
+ --tmp-typography-weight-medium: 450;
21
21
  --tmp-typography-letter-spacing-m: 0em;
22
22
  --tmp-typography-letter-spacing-l: 0.05em;
23
23
  --tmp-typography-letter-spacing-xl: 0.07em;
package/dist/css/typography/narrow.css CHANGED
@@ -13,11 +13,11 @@
13
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
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
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;
16
+ --tmp-typography-weight-extra-thin: 180;
17
+ --tmp-typography-weight-thin: 200;
18
+ --tmp-typography-weight-light: 300;
19
+ --tmp-typography-weight-regular: 400;
20
+ --tmp-typography-weight-medium: 450;
21
21
  --tmp-typography-letter-spacing-m: 0em;
22
22
  --tmp-typography-letter-spacing-l: 0.05em;
23
23
  --tmp-typography-letter-spacing-xl: 0.07em;
package/dist/css/typography/responsive.css CHANGED
@@ -3,11 +3,11 @@
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;
6
+ --tmp-typography-weight-extra-thin: 180;
7
+ --tmp-typography-weight-thin: 200;
8
+ --tmp-typography-weight-light: 300;
9
+ --tmp-typography-weight-regular: 400;
10
+ --tmp-typography-weight-medium: 450;
11
11
  --tmp-typography-letter-spacing-m: 0em;
12
12
  --tmp-typography-letter-spacing-l: 0.05em;
13
13
  --tmp-typography-letter-spacing-xl: 0.07em;
@@ -23,16 +23,16 @@
23
23
  --tmp-typography-line-height-s: 1.125rem;
24
24
  --tmp-typography-line-height-m: 1.3125rem;
25
25
  --tmp-typography-line-height-l: 1.75rem;
26
- --tmp-typography-paragraph-xs: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-xs) / var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
27
- --tmp-typography-paragraph-s: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-s) / var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
28
- --tmp-typography-paragraph-default: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-m) / var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-default);
29
- --tmp-typography-code-xs: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-xs) / var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-mono);
30
- --tmp-typography-code-s: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-s) / var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-mono);
31
- --tmp-typography-code-default: var(--tmp-typography-weight-400) var(--tmp-typography-font-size-m) / var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-mono);
32
- --tmp-typography-h3: var(--tmp-typography-weight-450) var(--tmp-typography-font-size-xl) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
33
- --tmp-typography-h4: var(--tmp-typography-weight-200) var(--tmp-typography-font-size-xl) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
34
- --tmp-typography-h5: var(--tmp-typography-weight-450) var(--tmp-typography-font-size-l) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
35
- --tmp-typography-h6: var(--tmp-typography-weight-300) var(--tmp-typography-font-size-l) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
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
+ --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);
28
+ --tmp-typography-paragraph-default: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-m) / var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-default);
29
+ --tmp-typography-code-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs) / var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-mono);
30
+ --tmp-typography-code-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s) / var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-mono);
31
+ --tmp-typography-code-default: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-m) / var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-mono);
32
+ --tmp-typography-h3: var(--tmp-typography-weight-medium) var(--tmp-typography-font-size-xl) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
33
+ --tmp-typography-h4: var(--tmp-typography-weight-thin) var(--tmp-typography-font-size-xl) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
34
+ --tmp-typography-h5: var(--tmp-typography-weight-medium) var(--tmp-typography-font-size-l) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
35
+ --tmp-typography-h6: var(--tmp-typography-weight-light) var(--tmp-typography-font-size-l) / var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
36
36
  }
37
37
 
38
38
 
package/dist/css/typography/wide.css CHANGED
@@ -13,11 +13,11 @@
13
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
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
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;
16
+ --tmp-typography-weight-extra-thin: 180;
17
+ --tmp-typography-weight-thin: 200;
18
+ --tmp-typography-weight-light: 300;
19
+ --tmp-typography-weight-regular: 400;
20
+ --tmp-typography-weight-medium: 450;
21
21
  --tmp-typography-letter-spacing-m: 0em;
22
22
  --tmp-typography-letter-spacing-l: 0.05em;
23
23
  --tmp-typography-letter-spacing-xl: 0.07em;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/launchpad-design-tokens",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "description": "Design tokens for Canonical's Launchpad",
5
5
  "files": ["dist/css"],
6
6
  "type": "module",