@citizenplane/pimp 10.1.1 → 10.1.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 (4) hide show
  1. package/dist/style.css +1 -1
  2. package/package.json +1 -1
  3. package/src/assets/css/typography.css +16 -29
  4. package/src/components/BaseInputLabel.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citizenplane/pimp",
3
- "version": "10.1.1",
3
+ "version": "10.1.3",
4
4
  "scripts": {
5
5
  "dev": "storybook dev -p 8080",
6
6
  "build-storybook": "storybook build --output-dir ./docs",
package/src/assets/css/typography.css CHANGED
@@ -27,75 +27,62 @@
27
27
  --cp-line-height-8xl: 6rem;
28
28
  --cp-line-height-9xl: 8rem;
29
29
 
30
- --cp-text-size-xs: 0.75em;
31
- --cp-text-size-sm: 0.875em;
32
- --cp-text-size-md: 1em;
33
- --cp-text-size-lg: 1.125em;
34
- --cp-text-size-xl: 1.25em;
35
- --cp-text-size-2xl: 1.5em;
36
- --cp-text-size-3xl: 1.875em;
37
- --cp-text-size-4xl: 2.25em;
38
- --cp-text-size-5xl: 3em;
39
- --cp-text-size-6xl: 3.75em;
40
- --cp-text-size-7xl: 4.5em;
41
- --cp-text-size-8xl: 6em;
42
- --cp-text-size-9xl: 8em;
43
-
44
- --cp-text-xs: var(--cp-size-xs);
30
+ --cp-text-size-xs: 0.75rem;
31
+ --cp-text-size-sm: 0.875rem;
32
+ --cp-text-size-md: 1rem;
33
+ --cp-text-size-lg: 1.125rem;
34
+ --cp-text-size-xl: 1.25rem;
35
+ --cp-text-size-2xl: 1.5rem;
36
+ --cp-text-size-3xl: 1.875rem;
37
+ --cp-text-size-4xl: 2.25rem;
38
+ --cp-text-size-5xl: 3rem;
39
+ --cp-text-size-6xl: 3.75rem;
40
+ --cp-text-size-7xl: 4.5rem;
41
+ --cp-text-size-8xl: 6rem;
42
+ --cp-text-size-9xl: 8rem;
43
+
45
44
  --cp-text-xs-line-height: var(--cp-line-height-xs);
46
45
  --cp-text-xs-letter-spacing: var(--cp-letter-spacing-xs);
47
46
 
48
- --cp-text-sm: var(--cp-size-sm);
49
47
  --cp-text-sm-line-height: var(--cp-line-height-sm);
50
48
  --cp-text-sm-letter-spacing: var(--cp-letter-spacing-sm);
51
49
 
52
- --cp-text-md: var(--cp-size-md);
53
50
  --cp-text-md-line-height: var(--cp-line-height-md);
54
51
  --cp-text-md-letter-spacing: var(--cp-letter-spacing-md);
55
52
 
56
- --cp-text-lg: var(--cp-size-lg);
57
53
  --cp-text-lg-line-height: var(--cp-line-height-lg);
58
54
  --cp-text-lg-letter-spacing: var(--cp-letter-spacing-lg);
59
55
 
60
- --cp-text-xl: var(--cp-size-xl);
61
56
  --cp-text-xl-line-height: var(--cp-line-height-xl);
62
57
  --cp-text-xl-letter-spacing: var(--cp-letter-spacing-xl);
63
58
 
64
- --cp-text-2xl: var(--cp-size-2xl);
65
59
  --cp-text-2xl-line-height: var(--cp-line-height-2xl);
66
60
  --cp-text-2xl-letter-spacing: var(--cp-letter-spacing-2xl);
67
61
 
68
- --cp-text-3xl: var(--cp-size-3xl);
69
62
  --cp-text-3xl-line-height: var(--cp-line-height-3xl);
70
63
  --cp-text-3xl-letter-spacing: var(--cp-letter-spacing-3xl);
71
64
 
72
- --cp-text-4xl: var(--cp-size-4xl);
73
65
  --cp-text-4xl-line-height: var(--cp-line-height-4xl);
74
66
  --cp-text-4xl-letter-spacing: var(--cp-letter-spacing-4xl);
75
67
 
76
- --cp-text-5xl: var(--cp-size-5xl);
77
68
  --cp-text-5xl-line-height: var(--cp-line-height-5xl);
78
69
  --cp-text-5xl-letter-spacing: var(--cp-letter-spacing-5xl);
79
70
 
80
- --cp-text-6xl: var(--cp-size-6xl);
81
71
  --cp-text-6xl-line-height: var(--cp-line-height-6xl);
82
72
  --cp-text-6xl-letter-spacing: var(--cp-letter-spacing-6xl);
83
73
 
84
- --cp-text-7xl: var(--cp-size-7xl);
85
74
  --cp-text-7xl-line-height: var(--cp-line-height-7xl);
86
75
  --cp-text-7xl-letter-spacing: var(--cp-letter-spacing-7xl);
87
76
 
88
- --cp-text-8xl: var(--cp-size-8xl);
89
77
  --cp-text-8xl-line-height: var(--cp-line-height-8xl);
90
78
  --cp-text-8xl-letter-spacing: var(--cp-letter-spacing-8xl);
91
79
 
92
- --cp-text-9xl: var(--cp-size-9xl);
93
80
  --cp-text-9xl-line-height: var(--cp-line-height-9xl);
94
81
  --cp-text-9xl-letter-spacing: var(--cp-letter-spacing-9xl);
95
82
 
96
83
  /* monospace text-size styles */
97
84
 
98
- --cp-monospace-xs: var(--cp-size-xs);
85
+ --cp-monospace-xs: var(--cp-text-size-xs);
99
86
  --cp-monospace-xs-line-height: var(--cp-line-height-xs);
100
87
  --cp-monospace-xs-letter-spacing: var(--cp-letter-spacing-xs);
101
88
 
@@ -103,7 +90,7 @@
103
90
  --cp-monospace-sm-line-height: var(--cp-line-height-sm);
104
91
  --cp-monospace-sm-letter-spacing: var(--cp-letter-spacing-sm);
105
92
 
106
- --cp-monospace-md-font-light: var(--cp-size-md);
93
+ --cp-monospace-md-font-light: var(--cp-text-size-md);
107
94
  --cp-monospace-md-line-height: var(--cp-line-height-md);
108
95
  --cp-monospace-md-letter-spacing: var(--cp-letter-spacing-md);
109
96
  }
package/src/components/BaseInputLabel.vue CHANGED
@@ -40,7 +40,7 @@ defineOptions({
40
40
  position: relative;
41
41
  display: flex;
42
42
  align-items: center;
43
- font-size: var(--cp-text-sm);
43
+ font-size: var(--cp-text-size-sm);
44
44
  line-height: var(--cp-line-height-md);
45
45
  letter-spacing: var(--cp-letter-spacing-sm);
46
46
  margin-bottom: var(--cp-spacing-md);