@maggioli-design-system/design-tokens 10.6.1 → 10.6.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/android/colors.xml +1 -1
- 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/flutter/colors-brand-synbee.dart +1 -1
- package/dist/flutter/colors-brand.dart +1 -1
- package/dist/flutter/colors-default.dart +1 -1
- package/dist/flutter/colors-label.dart +1 -1
- package/dist/flutter/colors-status.dart +1 -1
- package/dist/flutter/colors-synbee-v1.dart +1 -1
- package/dist/flutter/colors-tones.dart +1 -1
- package/dist/flutter/colors.dart +1 -1
- package/dist/flutter/fonts.dart +22 -73
- package/dist/ios/StyleDictionaryColor.h +1 -1
- package/dist/ios/StyleDictionaryColor.m +1 -1
- package/dist/ios-swift/StyleDictionary.swift +1 -1
- package/dist/ios-swift/StyleDictionaryColor.swift +1 -1
- package/dist/js/colors-css-vars.js +1 -1
- package/dist/js/tailwind-colors-css-vars.js +1 -1
- package/dist/js/tailwind-font-family.js +1 -1
- package/dist/js/tailwind-font-size.js +19 -37
- package/dist/json/coolors.json +1 -1
- package/dist/scss/variables.scss +1 -1
- package/dist/style-dictionary/properties/font/default.json +36 -6
- package/package.json +1 -1
package/dist/android/colors.xml
CHANGED
package/dist/css/colors-hex.css
CHANGED
package/dist/css/colors-rgb.css
CHANGED
package/dist/flutter/colors.dart
CHANGED
package/dist/flutter/fonts.dart
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Magma Design System / Design Tokens
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Mon,
|
|
5
|
+
Generated at Mon, 05 Jun 2023 13:10:11 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -69,13 +69,6 @@ class TextStyles {
|
|
|
69
69
|
fontWeight: FontWeight.w500,
|
|
70
70
|
height: 24,
|
|
71
71
|
);
|
|
72
|
-
static const TextStyle infoParagraph = TextStyle(
|
|
73
|
-
fontFamily: "Karla",
|
|
74
|
-
fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
|
|
75
|
-
fontSize: 20,
|
|
76
|
-
fontWeight: FontWeight.w400,
|
|
77
|
-
height: 32,
|
|
78
|
-
);
|
|
79
72
|
static const TextStyle infoDetail = TextStyle(
|
|
80
73
|
fontFamily: "Karla",
|
|
81
74
|
fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
|
|
@@ -105,12 +98,13 @@ class TextStyles {
|
|
|
105
98
|
letterSpacing: -0.4,
|
|
106
99
|
height: 10,
|
|
107
100
|
);
|
|
108
|
-
static const TextStyle
|
|
101
|
+
static const TextStyle infoDetailBold = TextStyle(
|
|
102
|
+
fontFamily: "Karla",
|
|
103
|
+
fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
|
|
104
|
+
);
|
|
105
|
+
static const TextStyle infoCaptionBold = TextStyle(
|
|
109
106
|
fontFamily: "Karla",
|
|
110
107
|
fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
|
|
111
|
-
fontSize: 12,
|
|
112
|
-
fontWeight: FontWeight.w400,
|
|
113
|
-
height: 16,
|
|
114
108
|
);
|
|
115
109
|
static const TextStyle readParagraph = TextStyle(
|
|
116
110
|
fontFamily: "Merriweather",
|
|
@@ -119,71 +113,26 @@ class TextStyles {
|
|
|
119
113
|
fontWeight: FontWeight.w300,
|
|
120
114
|
height: 32,
|
|
121
115
|
);
|
|
122
|
-
static const TextStyle
|
|
116
|
+
static const TextStyle readParagraphBold = TextStyle(
|
|
123
117
|
fontFamily: "Merriweather",
|
|
124
118
|
fontFamilyFallback: <String>["Merriweather","Times","Times New Roman","serif"],
|
|
125
|
-
fontSize: 16,
|
|
126
|
-
fontWeight: FontWeight.w300,
|
|
127
|
-
height: 24,
|
|
128
|
-
);
|
|
129
|
-
static const TextStyle readCaption = TextStyle(
|
|
130
|
-
fontFamily: "Merriweather",
|
|
131
|
-
fontFamilyFallback: <String>["Merriweather","Times","Times New Roman","serif"],
|
|
132
|
-
fontSize: 14,
|
|
133
|
-
fontWeight: FontWeight.w400,
|
|
134
|
-
height: 20,
|
|
135
|
-
);
|
|
136
|
-
static const TextStyle codeSnippet = TextStyle(
|
|
137
|
-
fontFamily: "Roboto Mono",
|
|
138
|
-
fontFamilyFallback: <String>["Roboto Mono","monospace"],
|
|
139
|
-
fontSize: 16,
|
|
140
|
-
fontWeight: FontWeight.w400,
|
|
141
|
-
height: 24,
|
|
142
|
-
);
|
|
143
|
-
static const TextStyle codeHack = TextStyle(
|
|
144
|
-
fontFamily: "Roboto Mono",
|
|
145
|
-
fontFamilyFallback: <String>["Roboto Mono","monospace"],
|
|
146
|
-
fontSize: 14,
|
|
147
|
-
fontWeight: FontWeight.w400,
|
|
148
|
-
height: 20,
|
|
149
119
|
);
|
|
150
120
|
|
|
151
121
|
static const TextTheme textTheme = TextTheme(
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
franco: TextStyles.infoParagraph,
|
|
168
|
-
infoDetail: TextStyles.infoDetail,
|
|
169
|
-
franco: TextStyles.infoDetail,
|
|
170
|
-
infoCaption: TextStyles.infoCaption,
|
|
171
|
-
franco: TextStyles.infoCaption,
|
|
172
|
-
infoLabel: TextStyles.infoLabel,
|
|
173
|
-
franco: TextStyles.infoLabel,
|
|
174
|
-
infoOption: TextStyles.infoOption,
|
|
175
|
-
franco: TextStyles.infoOption,
|
|
176
|
-
infoTip: TextStyles.infoTip,
|
|
177
|
-
franco: TextStyles.infoTip,
|
|
178
|
-
readParagraph: TextStyles.readParagraph,
|
|
179
|
-
franco: TextStyles.readParagraph,
|
|
180
|
-
readDetail: TextStyles.readDetail,
|
|
181
|
-
franco: TextStyles.readDetail,
|
|
182
|
-
readCaption: TextStyles.readCaption,
|
|
183
|
-
franco: TextStyles.readCaption,
|
|
184
|
-
codeSnippet: TextStyles.codeSnippet,
|
|
185
|
-
franco: TextStyles.codeSnippet,
|
|
186
|
-
codeHack: TextStyles.codeHack,
|
|
187
|
-
franco: TextStyles.codeHack,
|
|
122
|
+
displayLarge: TextStyle.titleH1
|
|
123
|
+
displayMedium: TextStyle.titleH2
|
|
124
|
+
displaySmall: TextStyle.titleH3
|
|
125
|
+
headlineLarge: TextStyle.titleH4
|
|
126
|
+
headlineMedium: TextStyle.titleH5
|
|
127
|
+
headlineSmall: TextStyle.titleH6
|
|
128
|
+
labelLarge: TextStyle.titleAction
|
|
129
|
+
bodyMedium: TextStyle.infoDetail
|
|
130
|
+
titleMedium: TextStyle.infoDetailBold
|
|
131
|
+
bodySmall: TextStyle.infoCaption
|
|
132
|
+
titleSmall: TextStyle.infoCaptionBold
|
|
133
|
+
labelMedium: TextStyle.infoLabel
|
|
134
|
+
labelSmall: TextStyle.infoOption
|
|
135
|
+
bodyLarge: TextStyle.readParagraph
|
|
136
|
+
titleLarge: TextStyle.readParagraphBold
|
|
188
137
|
);
|
|
189
138
|
}
|
|
@@ -1,87 +1,69 @@
|
|
|
1
1
|
/*
|
|
2
2
|
Generated by Style Dictionary
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated at Mon,
|
|
4
|
+
Generated at Mon, 05 Jun 2023 13:10:11 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
const fontSize = {
|
|
8
|
-
"size-title-h1": ['
|
|
9
|
-
fontSize: '3rem',
|
|
8
|
+
"size-title-h1": ['48px', {
|
|
10
9
|
letterSpacing: '-0.025em',
|
|
11
10
|
lineHeight: '3rem',
|
|
12
11
|
}],
|
|
13
|
-
"size-title-h2": ['
|
|
14
|
-
fontSize: '2.25rem',
|
|
12
|
+
"size-title-h2": ['36px', {
|
|
15
13
|
letterSpacing: '-0.025em',
|
|
16
14
|
lineHeight: '2.5rem',
|
|
17
15
|
}],
|
|
18
|
-
"size-title-h3": ['
|
|
19
|
-
fontSize: '1.875rem',
|
|
16
|
+
"size-title-h3": ['30px', {
|
|
20
17
|
letterSpacing: '-0.025em',
|
|
21
18
|
lineHeight: '2.25rem',
|
|
22
19
|
}],
|
|
23
|
-
"size-title-h4": ['
|
|
24
|
-
fontSize: '1.5rem',
|
|
20
|
+
"size-title-h4": ['24px', {
|
|
25
21
|
letterSpacing: '-0.025em',
|
|
26
22
|
lineHeight: '2rem',
|
|
27
23
|
}],
|
|
28
|
-
"size-title-h5": ['
|
|
29
|
-
fontSize: '1.25rem',
|
|
24
|
+
"size-title-h5": ['20px', {
|
|
30
25
|
letterSpacing: '-0.025em',
|
|
31
26
|
lineHeight: '1.75rem',
|
|
32
27
|
}],
|
|
33
|
-
"size-title-h6": ['
|
|
34
|
-
fontSize: '1rem',
|
|
28
|
+
"size-title-h6": ['16px', {
|
|
35
29
|
letterSpacing: '-0.025em',
|
|
36
30
|
lineHeight: '1.5rem',
|
|
37
31
|
}],
|
|
38
|
-
"size-title-action": ['
|
|
39
|
-
fontSize: '0.875rem',
|
|
32
|
+
"size-title-action": ['14px', {
|
|
40
33
|
lineHeight: '1.5rem',
|
|
41
34
|
}],
|
|
42
|
-
"size-info-paragraph": ['
|
|
43
|
-
fontSize: '1.25rem',
|
|
35
|
+
"size-info-paragraph": ['20px', {
|
|
44
36
|
lineHeight: '2rem',
|
|
45
37
|
}],
|
|
46
|
-
"size-info-detail": ['
|
|
47
|
-
fontSize: '1rem',
|
|
38
|
+
"size-info-detail": ['16px', {
|
|
48
39
|
lineHeight: '1.5rem',
|
|
49
40
|
}],
|
|
50
|
-
"size-info-caption": ['
|
|
51
|
-
fontSize: '0.875rem',
|
|
41
|
+
"size-info-caption": ['14px', {
|
|
52
42
|
lineHeight: '1.25rem',
|
|
53
43
|
}],
|
|
54
|
-
"size-info-label": ['
|
|
55
|
-
fontSize: '0.75rem',
|
|
44
|
+
"size-info-label": ['12px', {
|
|
56
45
|
lineHeight: '1rem',
|
|
57
46
|
}],
|
|
58
|
-
"size-info-option": ['
|
|
59
|
-
fontSize: '0.625rem',
|
|
47
|
+
"size-info-option": ['10px', {
|
|
60
48
|
letterSpacing: '-0.025em',
|
|
61
49
|
lineHeight: '0.625rem',
|
|
62
50
|
}],
|
|
63
|
-
"size-info-tip": ['
|
|
64
|
-
fontSize: '0.75rem',
|
|
51
|
+
"size-info-tip": ['12px', {
|
|
65
52
|
lineHeight: '1rem',
|
|
66
53
|
}],
|
|
67
|
-
"size-read-paragraph": ['
|
|
68
|
-
fontSize: '1.25rem',
|
|
54
|
+
"size-read-paragraph": ['20px', {
|
|
69
55
|
lineHeight: '2rem',
|
|
70
56
|
}],
|
|
71
|
-
"size-read-detail": ['
|
|
72
|
-
fontSize: '1rem',
|
|
57
|
+
"size-read-detail": ['16px', {
|
|
73
58
|
lineHeight: '1.5rem',
|
|
74
59
|
}],
|
|
75
|
-
"size-read-caption": ['
|
|
76
|
-
fontSize: '0.875rem',
|
|
60
|
+
"size-read-caption": ['14px', {
|
|
77
61
|
lineHeight: '1.25rem',
|
|
78
62
|
}],
|
|
79
|
-
"size-code-snippet": ['
|
|
80
|
-
fontSize: '1rem',
|
|
63
|
+
"size-code-snippet": ['16px', {
|
|
81
64
|
lineHeight: '1.5rem',
|
|
82
65
|
}],
|
|
83
|
-
"size-code-hack": ['
|
|
84
|
-
fontSize: '0.875rem',
|
|
66
|
+
"size-code-hack": ['14px', {
|
|
85
67
|
lineHeight: '1.25rem',
|
|
86
68
|
}],
|
|
87
69
|
}
|
package/dist/json/coolors.json
CHANGED
package/dist/scss/variables.scss
CHANGED
|
@@ -72,17 +72,32 @@
|
|
|
72
72
|
"paragraph": {
|
|
73
73
|
"fontSize": { "value": "20px" },
|
|
74
74
|
"fontWeight": { "value": 400 },
|
|
75
|
-
"lineHeight": { "value": "32px" }
|
|
75
|
+
"lineHeight": { "value": "32px" },
|
|
76
|
+
"variants": {
|
|
77
|
+
"bold": {
|
|
78
|
+
"fontWeight": { "value": 700 }
|
|
79
|
+
}
|
|
80
|
+
}
|
|
76
81
|
},
|
|
77
82
|
"detail": {
|
|
78
83
|
"fontSize": { "value": "16px" },
|
|
79
84
|
"fontWeight": { "value": 400 },
|
|
80
|
-
"lineHeight": { "value": "24px" }
|
|
85
|
+
"lineHeight": { "value": "24px" },
|
|
86
|
+
"variants": {
|
|
87
|
+
"bold": {
|
|
88
|
+
"fontWeight": { "value": 700 }
|
|
89
|
+
}
|
|
90
|
+
}
|
|
81
91
|
},
|
|
82
92
|
"caption": {
|
|
83
93
|
"fontSize": { "value": "14px" },
|
|
84
94
|
"fontWeight": { "value": 400 },
|
|
85
|
-
"lineHeight": { "value": "20px" }
|
|
95
|
+
"lineHeight": { "value": "20px" },
|
|
96
|
+
"variants": {
|
|
97
|
+
"bold": {
|
|
98
|
+
"fontWeight": { "value": 700 }
|
|
99
|
+
}
|
|
100
|
+
}
|
|
86
101
|
},
|
|
87
102
|
"label": {
|
|
88
103
|
"fontSize": { "value": "12px" },
|
|
@@ -117,17 +132,32 @@
|
|
|
117
132
|
"paragraph": {
|
|
118
133
|
"fontSize": { "value": "20px" },
|
|
119
134
|
"fontWeight": { "value": 300 },
|
|
120
|
-
"lineHeight": { "value": "32px" }
|
|
135
|
+
"lineHeight": { "value": "32px" },
|
|
136
|
+
"variants": {
|
|
137
|
+
"bold": {
|
|
138
|
+
"fontWeight": { "value": 700 }
|
|
139
|
+
}
|
|
140
|
+
}
|
|
121
141
|
},
|
|
122
142
|
"detail": {
|
|
123
143
|
"fontSize": { "value": "16px" },
|
|
124
144
|
"fontWeight": { "value": 300 },
|
|
125
|
-
"lineHeight": { "value": "24px" }
|
|
145
|
+
"lineHeight": { "value": "24px" },
|
|
146
|
+
"variants": {
|
|
147
|
+
"bold": {
|
|
148
|
+
"fontWeight": { "value": 700 }
|
|
149
|
+
}
|
|
150
|
+
}
|
|
126
151
|
},
|
|
127
152
|
"caption": {
|
|
128
153
|
"fontSize": { "value": "14px" },
|
|
129
154
|
"fontWeight": { "value": 400 },
|
|
130
|
-
"lineHeight": { "value": "20px" }
|
|
155
|
+
"lineHeight": { "value": "20px" },
|
|
156
|
+
"variants": {
|
|
157
|
+
"bold": {
|
|
158
|
+
"fontWeight": { "value": 700 }
|
|
159
|
+
}
|
|
160
|
+
}
|
|
131
161
|
}
|
|
132
162
|
}
|
|
133
163
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/design-tokens",
|
|
3
|
-
"version": "10.6.
|
|
3
|
+
"version": "10.6.2",
|
|
4
4
|
"description": "This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.",
|
|
5
5
|
"author": "Vittorio Vittori",
|
|
6
6
|
"contributors": [
|