@maggioli-design-system/styles 14.1.0 → 14.2.2
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.
- package/dist/css/animations.css +2 -2
- package/dist/css/base.css +4 -0
- package/dist/css/colors-hex-brand-synbee.css +1 -1
- package/dist/css/colors-hex-brand.css +1 -1
- package/dist/css/colors-hex-default.css +1 -1
- package/dist/css/colors-hex-label.css +1 -1
- package/dist/css/colors-hex-status.css +1 -1
- package/dist/css/colors-hex-synbee-v1.css +1 -1
- package/dist/css/colors-hex-tones.css +1 -1
- package/dist/css/colors-hex.css +1 -1
- package/dist/css/colors-rgb-brand-synbee.css +1 -1
- package/dist/css/colors-rgb-brand.css +1 -1
- package/dist/css/colors-rgb-default.css +1 -1
- package/dist/css/colors-rgb-label.css +1 -1
- package/dist/css/colors-rgb-status.css +1 -1
- package/dist/css/colors-rgb-synbee-v1.css +1 -1
- package/dist/css/colors-rgb-tones.css +1 -1
- package/dist/css/colors-rgb.css +1 -1
- package/dist/css/globals.css +1 -1
- package/dist/css/reset.css +1 -0
- package/dist/css/typography.css +18 -0
- package/dist/tailwind/reset.css +1 -0
- package/dist/tailwind/typography.css +18 -0
- package/package.json +1 -1
package/dist/css/animations.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@keyframes focus-bounce {
|
|
2
2
|
0%, 75%, 100% {
|
|
3
|
-
outline-offset: var(--magma-outline-focus-offset);
|
|
3
|
+
outline-offset: var(--magma-outline-focus-offset, 6px);
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
50% {
|
|
7
|
-
outline-offset: var(--magma-outline-blur-offset);
|
|
7
|
+
outline-offset: var(--magma-outline-blur-offset, 2px);
|
|
8
8
|
}
|
|
9
9
|
}
|
package/dist/css/base.css
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
@tailwind components;
|
|
2
2
|
body{
|
|
3
3
|
|
|
4
|
+
min-height: 1.5rem;
|
|
5
|
+
|
|
4
6
|
font-size: 1rem;
|
|
5
7
|
|
|
6
8
|
line-height: 1.5rem;
|
|
@@ -25,6 +27,8 @@ button,
|
|
|
25
27
|
optgroup,
|
|
26
28
|
select{
|
|
27
29
|
|
|
30
|
+
min-height: 1.5rem;
|
|
31
|
+
|
|
28
32
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
29
33
|
|
|
30
34
|
font-size: 0.875rem;
|
package/dist/css/colors-hex.css
CHANGED
package/dist/css/colors-rgb.css
CHANGED
package/dist/css/globals.css
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--magma-outline-blur-color: transparent;
|
|
15
15
|
--magma-outline-blur: 2px solid var(--magma-outline-blur-color);
|
|
16
16
|
--magma-outline-focus-offset: 2px;
|
|
17
|
-
--magma-outline-focus-color: rgb(var(--tone-neutral-
|
|
17
|
+
--magma-outline-focus-color: rgb(var(--tone-neutral-04, 0 0 0));
|
|
18
18
|
--magma-outline-focus: 2px solid var(--magma-outline-focus-color);
|
|
19
19
|
--magma-overlay-blur: var(--magma-backdrop-blur);
|
|
20
20
|
--magma-overlay-color: var(--magma-backdrop-color);
|
package/dist/css/reset.css
CHANGED
package/dist/css/typography.css
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
.typography-title-h1 {
|
|
3
|
+
min-height: 3rem;
|
|
3
4
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
4
5
|
font-size: 3rem;
|
|
5
6
|
line-height: 3rem;
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
-moz-osx-font-smoothing: grayscale
|
|
10
11
|
}
|
|
11
12
|
.typography-title-h2 {
|
|
13
|
+
min-height: 2.5rem;
|
|
12
14
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
13
15
|
font-size: 2.25rem;
|
|
14
16
|
line-height: 2.5rem;
|
|
@@ -18,6 +20,7 @@
|
|
|
18
20
|
-moz-osx-font-smoothing: grayscale
|
|
19
21
|
}
|
|
20
22
|
.typography-title-h3 {
|
|
23
|
+
min-height: 2.25rem;
|
|
21
24
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
22
25
|
font-size: 1.875rem;
|
|
23
26
|
line-height: 2.25rem;
|
|
@@ -27,6 +30,7 @@
|
|
|
27
30
|
-moz-osx-font-smoothing: grayscale
|
|
28
31
|
}
|
|
29
32
|
.typography-title-h4 {
|
|
33
|
+
min-height: 2rem;
|
|
30
34
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
31
35
|
font-size: 1.5rem;
|
|
32
36
|
line-height: 2rem;
|
|
@@ -36,6 +40,7 @@
|
|
|
36
40
|
-moz-osx-font-smoothing: grayscale
|
|
37
41
|
}
|
|
38
42
|
.typography-title-h5 {
|
|
43
|
+
min-height: 1.75rem;
|
|
39
44
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
40
45
|
font-size: 1.25rem;
|
|
41
46
|
line-height: 1.75rem;
|
|
@@ -45,6 +50,7 @@
|
|
|
45
50
|
-moz-osx-font-smoothing: grayscale
|
|
46
51
|
}
|
|
47
52
|
.typography-title-h6 {
|
|
53
|
+
min-height: 1.5rem;
|
|
48
54
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
49
55
|
font-size: 1rem;
|
|
50
56
|
line-height: 1.5rem;
|
|
@@ -54,6 +60,7 @@
|
|
|
54
60
|
-moz-osx-font-smoothing: grayscale
|
|
55
61
|
}
|
|
56
62
|
.typography-title-action {
|
|
63
|
+
min-height: 1.5rem;
|
|
57
64
|
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
58
65
|
font-size: 0.875rem;
|
|
59
66
|
line-height: 1.5rem;
|
|
@@ -62,6 +69,7 @@
|
|
|
62
69
|
-moz-osx-font-smoothing: grayscale
|
|
63
70
|
}
|
|
64
71
|
.typography-info-paragraph {
|
|
72
|
+
min-height: 2rem;
|
|
65
73
|
font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
66
74
|
font-size: 1.25rem;
|
|
67
75
|
line-height: 2rem;
|
|
@@ -69,6 +77,7 @@
|
|
|
69
77
|
-moz-osx-font-smoothing: grayscale
|
|
70
78
|
}
|
|
71
79
|
.typography-info-detail {
|
|
80
|
+
min-height: 1.5rem;
|
|
72
81
|
font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
73
82
|
font-size: 1rem;
|
|
74
83
|
line-height: 1.5rem;
|
|
@@ -76,6 +85,7 @@
|
|
|
76
85
|
-moz-osx-font-smoothing: grayscale
|
|
77
86
|
}
|
|
78
87
|
.typography-info-caption {
|
|
88
|
+
min-height: 1.25rem;
|
|
79
89
|
font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
80
90
|
font-size: 0.875rem;
|
|
81
91
|
line-height: 1.25rem;
|
|
@@ -83,6 +93,7 @@
|
|
|
83
93
|
-moz-osx-font-smoothing: grayscale
|
|
84
94
|
}
|
|
85
95
|
.typography-info-label {
|
|
96
|
+
min-height: 1rem;
|
|
86
97
|
font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
87
98
|
font-size: 0.75rem;
|
|
88
99
|
line-height: 1rem;
|
|
@@ -92,6 +103,7 @@
|
|
|
92
103
|
-moz-osx-font-smoothing: grayscale
|
|
93
104
|
}
|
|
94
105
|
.typography-info-option {
|
|
106
|
+
min-height: 0.625rem;
|
|
95
107
|
font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
96
108
|
font-size: 0.625rem;
|
|
97
109
|
line-height: 0.625rem;
|
|
@@ -102,6 +114,7 @@
|
|
|
102
114
|
-moz-osx-font-smoothing: grayscale
|
|
103
115
|
}
|
|
104
116
|
.typography-info-tip {
|
|
117
|
+
min-height: 1rem;
|
|
105
118
|
font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
106
119
|
font-size: 0.75rem;
|
|
107
120
|
line-height: 1rem;
|
|
@@ -109,6 +122,7 @@
|
|
|
109
122
|
-moz-osx-font-smoothing: grayscale
|
|
110
123
|
}
|
|
111
124
|
.typography-read-paragraph {
|
|
125
|
+
min-height: 2rem;
|
|
112
126
|
font-family: 'Merriweather', Times, 'Times New Roman', serif;
|
|
113
127
|
font-size: 1.25rem;
|
|
114
128
|
line-height: 2rem;
|
|
@@ -117,6 +131,7 @@
|
|
|
117
131
|
-moz-osx-font-smoothing: grayscale
|
|
118
132
|
}
|
|
119
133
|
.typography-read-detail {
|
|
134
|
+
min-height: 1.5rem;
|
|
120
135
|
font-family: 'Merriweather', Times, 'Times New Roman', serif;
|
|
121
136
|
font-size: 1rem;
|
|
122
137
|
line-height: 1.5rem;
|
|
@@ -125,6 +140,7 @@
|
|
|
125
140
|
-moz-osx-font-smoothing: grayscale
|
|
126
141
|
}
|
|
127
142
|
.typography-read-caption {
|
|
143
|
+
min-height: 1.25rem;
|
|
128
144
|
font-family: 'Merriweather', Times, 'Times New Roman', serif;
|
|
129
145
|
font-size: 0.875rem;
|
|
130
146
|
line-height: 1.25rem;
|
|
@@ -132,6 +148,7 @@
|
|
|
132
148
|
-moz-osx-font-smoothing: grayscale
|
|
133
149
|
}
|
|
134
150
|
.typography-code-snippet {
|
|
151
|
+
min-height: 1.5rem;
|
|
135
152
|
font-family: 'Roboto Mono', 'Courier New', monospace;
|
|
136
153
|
font-size: 1rem;
|
|
137
154
|
line-height: 1.5rem;
|
|
@@ -139,6 +156,7 @@
|
|
|
139
156
|
-moz-osx-font-smoothing: grayscale
|
|
140
157
|
}
|
|
141
158
|
.typography-code-hack {
|
|
159
|
+
min-height: 1.25rem;
|
|
142
160
|
font-family: 'Roboto Mono', 'Courier New', monospace;
|
|
143
161
|
font-size: 0.875rem;
|
|
144
162
|
line-height: 1.25rem;
|
package/dist/tailwind/reset.css
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
antialiased
|
|
5
5
|
font-black
|
|
6
6
|
font-title
|
|
7
|
+
min-h-1200
|
|
7
8
|
text-size-title-h1;
|
|
8
9
|
}
|
|
9
10
|
|
|
@@ -12,6 +13,7 @@
|
|
|
12
13
|
antialiased
|
|
13
14
|
font-black
|
|
14
15
|
font-title
|
|
16
|
+
min-h-1000
|
|
15
17
|
text-size-title-h2;
|
|
16
18
|
}
|
|
17
19
|
|
|
@@ -20,6 +22,7 @@
|
|
|
20
22
|
antialiased
|
|
21
23
|
font-black
|
|
22
24
|
font-title
|
|
25
|
+
min-h-900
|
|
23
26
|
text-size-title-h3;
|
|
24
27
|
}
|
|
25
28
|
|
|
@@ -28,6 +31,7 @@
|
|
|
28
31
|
antialiased
|
|
29
32
|
font-bold
|
|
30
33
|
font-title
|
|
34
|
+
min-h-800
|
|
31
35
|
text-size-title-h4;
|
|
32
36
|
}
|
|
33
37
|
|
|
@@ -36,6 +40,7 @@
|
|
|
36
40
|
antialiased
|
|
37
41
|
font-bold
|
|
38
42
|
font-title
|
|
43
|
+
min-h-700
|
|
39
44
|
text-size-title-h5;
|
|
40
45
|
}
|
|
41
46
|
|
|
@@ -44,6 +49,7 @@
|
|
|
44
49
|
antialiased
|
|
45
50
|
font-bold
|
|
46
51
|
font-title
|
|
52
|
+
min-h-600
|
|
47
53
|
text-size-title-h6;
|
|
48
54
|
}
|
|
49
55
|
|
|
@@ -52,6 +58,7 @@
|
|
|
52
58
|
antialiased
|
|
53
59
|
font-medium
|
|
54
60
|
font-title
|
|
61
|
+
min-h-600
|
|
55
62
|
text-size-title-action;
|
|
56
63
|
}
|
|
57
64
|
|
|
@@ -59,6 +66,7 @@
|
|
|
59
66
|
@apply
|
|
60
67
|
antialiased
|
|
61
68
|
font-info
|
|
69
|
+
min-h-800
|
|
62
70
|
text-size-info-paragraph;
|
|
63
71
|
}
|
|
64
72
|
|
|
@@ -66,6 +74,7 @@
|
|
|
66
74
|
@apply
|
|
67
75
|
antialiased
|
|
68
76
|
font-info
|
|
77
|
+
min-h-600
|
|
69
78
|
text-size-info-detail;
|
|
70
79
|
}
|
|
71
80
|
|
|
@@ -73,6 +82,7 @@
|
|
|
73
82
|
@apply
|
|
74
83
|
antialiased
|
|
75
84
|
font-info
|
|
85
|
+
min-h-500
|
|
76
86
|
text-size-info-caption;
|
|
77
87
|
}
|
|
78
88
|
|
|
@@ -81,6 +91,7 @@
|
|
|
81
91
|
antialiased
|
|
82
92
|
font-bold
|
|
83
93
|
font-info
|
|
94
|
+
min-h-400
|
|
84
95
|
text-size-info-label
|
|
85
96
|
uppercase;
|
|
86
97
|
}
|
|
@@ -90,6 +101,7 @@
|
|
|
90
101
|
antialiased
|
|
91
102
|
font-bold
|
|
92
103
|
font-info
|
|
104
|
+
min-h-250
|
|
93
105
|
text-size-info-option
|
|
94
106
|
uppercase;
|
|
95
107
|
}
|
|
@@ -98,6 +110,7 @@
|
|
|
98
110
|
@apply
|
|
99
111
|
antialiased
|
|
100
112
|
font-info
|
|
113
|
+
min-h-400
|
|
101
114
|
text-size-info-tip;
|
|
102
115
|
}
|
|
103
116
|
|
|
@@ -106,6 +119,7 @@
|
|
|
106
119
|
antialiased
|
|
107
120
|
font-light
|
|
108
121
|
font-read
|
|
122
|
+
min-h-800
|
|
109
123
|
text-size-read-paragraph;
|
|
110
124
|
}
|
|
111
125
|
|
|
@@ -114,6 +128,7 @@
|
|
|
114
128
|
antialiased
|
|
115
129
|
font-light
|
|
116
130
|
font-read
|
|
131
|
+
min-h-600
|
|
117
132
|
text-size-read-detail;
|
|
118
133
|
}
|
|
119
134
|
|
|
@@ -121,6 +136,7 @@
|
|
|
121
136
|
@apply
|
|
122
137
|
antialiased
|
|
123
138
|
font-read
|
|
139
|
+
min-h-500
|
|
124
140
|
text-size-read-caption;
|
|
125
141
|
}
|
|
126
142
|
|
|
@@ -128,6 +144,7 @@
|
|
|
128
144
|
@apply
|
|
129
145
|
antialiased
|
|
130
146
|
font-code
|
|
147
|
+
min-h-600
|
|
131
148
|
text-size-code-snippet;
|
|
132
149
|
}
|
|
133
150
|
|
|
@@ -135,6 +152,7 @@
|
|
|
135
152
|
@apply
|
|
136
153
|
antialiased
|
|
137
154
|
font-code
|
|
155
|
+
min-h-500
|
|
138
156
|
text-size-code-hack;
|
|
139
157
|
}
|
|
140
158
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/styles",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.2.2",
|
|
4
4
|
"description": "This module contains SCSS and CSS styles used by Maggioli Design System, it also makes available a Tailwind config based on Maggioli design tokens.",
|
|
5
5
|
"main": "./tailwind.config.js",
|
|
6
6
|
"scripts": {
|