@maggioli-design-system/design-tokens 12.0.0 → 12.0.1
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 +2 -2
- package/dist/css/colors-hex-brand.css +2 -2
- package/dist/css/colors-hex-default.css +2 -2
- package/dist/css/colors-hex-label.css +2 -2
- package/dist/css/colors-hex-status.css +2 -2
- package/dist/css/colors-hex-synbee-v1.css +2 -2
- package/dist/css/colors-hex-tones.css +2 -2
- package/dist/css/colors-hex.css +2 -2
- package/dist/css/colors-rgb-brand-synbee.css +2 -2
- package/dist/css/colors-rgb-brand.css +2 -2
- package/dist/css/colors-rgb-default.css +2 -2
- package/dist/css/colors-rgb-label.css +2 -2
- package/dist/css/colors-rgb-status.css +2 -2
- package/dist/css/colors-rgb-synbee-v1.css +2 -2
- package/dist/css/colors-rgb-tones.css +2 -2
- package/dist/css/colors-rgb.css +2 -2
- package/dist/flutter/colors-brand-synbee.dart +2 -2
- package/dist/flutter/colors-brand.dart +2 -2
- package/dist/flutter/colors-default.dart +2 -2
- package/dist/flutter/colors-label.dart +2 -2
- package/dist/flutter/colors-status.dart +2 -2
- package/dist/flutter/colors-synbee-v1.dart +2 -2
- package/dist/flutter/colors-tones.dart +2 -2
- package/dist/flutter/colors.dart +2 -2
- package/dist/flutter/fonts.dart +15 -15
- 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 +2 -2
- package/dist/js/tailwind-colors-css-vars.js +2 -2
- package/dist/js/tailwind-font-family.js +5 -6
- package/dist/js/tailwind-font-size.js +20 -20
- package/dist/js/tailwind-leading.js +14 -14
- package/dist/js/tailwind-props.js +14 -14
- package/dist/js/tailwind-screens.js +2 -2
- package/dist/json/coolors.json +1 -1
- package/dist/scss/variables.scss +1 -1
- package/dist/style-dictionary/tokens/typography/default.json +25 -26
- package/dist/style-dictionary/tokens/typography/leading.json +6 -6
- package/dist/style-dictionary/tokens/typography/size.json +6 -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
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
package/dist/flutter/colors.dart
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:46 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
package/dist/flutter/fonts.dart
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -16,7 +16,7 @@ class TextStyles {
|
|
|
16
16
|
|
|
17
17
|
static const TextStyle titleH1 = TextStyle(
|
|
18
18
|
fontFamily: "Roboto",
|
|
19
|
-
fontFamilyFallback: <String>[Roboto,-apple-system,BlinkMacSystemFont,'
|
|
19
|
+
fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
20
20
|
fontSize: 48px,
|
|
21
21
|
fontWeight: FontWeight.w900,
|
|
22
22
|
letterSpacing: -0.4,
|
|
@@ -24,7 +24,7 @@ class TextStyles {
|
|
|
24
24
|
);
|
|
25
25
|
static const TextStyle titleH2 = TextStyle(
|
|
26
26
|
fontFamily: "Roboto",
|
|
27
|
-
fontFamilyFallback: <String>[Roboto,-apple-system,BlinkMacSystemFont,'
|
|
27
|
+
fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
28
28
|
fontSize: 36px,
|
|
29
29
|
fontWeight: FontWeight.w900,
|
|
30
30
|
letterSpacing: -0.4,
|
|
@@ -32,7 +32,7 @@ class TextStyles {
|
|
|
32
32
|
);
|
|
33
33
|
static const TextStyle titleH3 = TextStyle(
|
|
34
34
|
fontFamily: "Roboto",
|
|
35
|
-
fontFamilyFallback: <String>[Roboto,-apple-system,BlinkMacSystemFont,'
|
|
35
|
+
fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
36
36
|
fontSize: 30px,
|
|
37
37
|
fontWeight: FontWeight.w900,
|
|
38
38
|
letterSpacing: -0.4,
|
|
@@ -40,7 +40,7 @@ class TextStyles {
|
|
|
40
40
|
);
|
|
41
41
|
static const TextStyle titleH4 = TextStyle(
|
|
42
42
|
fontFamily: "Roboto",
|
|
43
|
-
fontFamilyFallback: <String>[Roboto,-apple-system,BlinkMacSystemFont,'
|
|
43
|
+
fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
44
44
|
fontSize: 24px,
|
|
45
45
|
fontWeight: FontWeight.w700,
|
|
46
46
|
letterSpacing: -0.4,
|
|
@@ -48,7 +48,7 @@ class TextStyles {
|
|
|
48
48
|
);
|
|
49
49
|
static const TextStyle titleH5 = TextStyle(
|
|
50
50
|
fontFamily: "Roboto",
|
|
51
|
-
fontFamilyFallback: <String>[Roboto,-apple-system,BlinkMacSystemFont,'
|
|
51
|
+
fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
52
52
|
fontSize: 20px,
|
|
53
53
|
fontWeight: FontWeight.w700,
|
|
54
54
|
letterSpacing: -0.4,
|
|
@@ -56,7 +56,7 @@ class TextStyles {
|
|
|
56
56
|
);
|
|
57
57
|
static const TextStyle titleH6 = TextStyle(
|
|
58
58
|
fontFamily: "Roboto",
|
|
59
|
-
fontFamilyFallback: <String>[Roboto,-apple-system,BlinkMacSystemFont,'
|
|
59
|
+
fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
60
60
|
fontSize: 16px,
|
|
61
61
|
fontWeight: FontWeight.w700,
|
|
62
62
|
letterSpacing: -0.4,
|
|
@@ -64,35 +64,35 @@ class TextStyles {
|
|
|
64
64
|
);
|
|
65
65
|
static const TextStyle titleAction = TextStyle(
|
|
66
66
|
fontFamily: "Roboto",
|
|
67
|
-
fontFamilyFallback: <String>[Roboto,-apple-system,BlinkMacSystemFont,'
|
|
67
|
+
fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
68
68
|
fontSize: 14px,
|
|
69
69
|
fontWeight: FontWeight.w500,
|
|
70
70
|
height: 24px,
|
|
71
71
|
);
|
|
72
72
|
static const TextStyle infoDetail = TextStyle(
|
|
73
73
|
fontFamily: "Karla",
|
|
74
|
-
fontFamilyFallback: <String>[Karla,-apple-system,BlinkMacSystemFont,'
|
|
74
|
+
fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
75
75
|
fontSize: 16px,
|
|
76
76
|
fontWeight: FontWeight.w400,
|
|
77
77
|
height: 24px,
|
|
78
78
|
);
|
|
79
79
|
static const TextStyle infoCaption = TextStyle(
|
|
80
80
|
fontFamily: "Karla",
|
|
81
|
-
fontFamilyFallback: <String>[Karla,-apple-system,BlinkMacSystemFont,'
|
|
81
|
+
fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
82
82
|
fontSize: 14px,
|
|
83
83
|
fontWeight: FontWeight.w400,
|
|
84
84
|
height: 20px,
|
|
85
85
|
);
|
|
86
86
|
static const TextStyle infoLabel = TextStyle(
|
|
87
87
|
fontFamily: "Karla",
|
|
88
|
-
fontFamilyFallback: <String>[Karla,-apple-system,BlinkMacSystemFont,'
|
|
88
|
+
fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
89
89
|
fontSize: 12px,
|
|
90
90
|
fontWeight: FontWeight.w700,
|
|
91
91
|
height: 16px,
|
|
92
92
|
);
|
|
93
93
|
static const TextStyle infoOption = TextStyle(
|
|
94
94
|
fontFamily: "Karla",
|
|
95
|
-
fontFamilyFallback: <String>[Karla,-apple-system,BlinkMacSystemFont,'
|
|
95
|
+
fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
96
96
|
fontSize: 10px,
|
|
97
97
|
fontWeight: FontWeight.w700,
|
|
98
98
|
letterSpacing: -0.4,
|
|
@@ -100,11 +100,11 @@ class TextStyles {
|
|
|
100
100
|
);
|
|
101
101
|
static const TextStyle infoDetailBold = TextStyle(
|
|
102
102
|
fontFamily: "Karla",
|
|
103
|
-
fontFamilyFallback: <String>[Karla,-apple-system,BlinkMacSystemFont,'
|
|
103
|
+
fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
104
104
|
);
|
|
105
105
|
static const TextStyle infoCaptionBold = TextStyle(
|
|
106
106
|
fontFamily: "Karla",
|
|
107
|
-
fontFamilyFallback: <String>[Karla,-apple-system,BlinkMacSystemFont,'
|
|
107
|
+
fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif],
|
|
108
108
|
);
|
|
109
109
|
static const TextStyle readParagraph = TextStyle(
|
|
110
110
|
fontFamily: "'Merriweather'",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:46 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const palette = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:46 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const getColor = (cssVar, { opacityVariable, opacityValue }) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const fontFamily = {
|
|
@@ -12,20 +12,18 @@ const fontFamily = {
|
|
|
12
12
|
],
|
|
13
13
|
"title": [
|
|
14
14
|
"Roboto",
|
|
15
|
+
"system-ui",
|
|
15
16
|
"-apple-system",
|
|
16
17
|
"BlinkMacSystemFont",
|
|
17
|
-
"'San Francisco'",
|
|
18
18
|
"'Segoe UI'",
|
|
19
|
-
"'Helvetica Neue'",
|
|
20
19
|
"sans-serif",
|
|
21
20
|
],
|
|
22
21
|
"info": [
|
|
23
22
|
"Karla",
|
|
23
|
+
"system-ui",
|
|
24
24
|
"-apple-system",
|
|
25
25
|
"BlinkMacSystemFont",
|
|
26
|
-
"'San Francisco'",
|
|
27
26
|
"'Segoe UI'",
|
|
28
|
-
"'Helvetica Neue'",
|
|
29
27
|
"sans-serif",
|
|
30
28
|
],
|
|
31
29
|
"read": [
|
|
@@ -36,6 +34,7 @@ const fontFamily = {
|
|
|
36
34
|
],
|
|
37
35
|
"code": [
|
|
38
36
|
"'Roboto Mono'",
|
|
37
|
+
"'Courier New'",
|
|
39
38
|
"monospace",
|
|
40
39
|
],
|
|
41
40
|
}
|
|
@@ -1,70 +1,70 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const fontSize = {
|
|
9
|
-
"size-title-h1": ['
|
|
9
|
+
"size-title-h1": ['3rem', {
|
|
10
10
|
letterSpacing: '-0.025em',
|
|
11
11
|
lineHeight: '3rem',
|
|
12
12
|
}],
|
|
13
|
-
"size-title-h2": ['
|
|
13
|
+
"size-title-h2": ['2.25rem', {
|
|
14
14
|
letterSpacing: '-0.025em',
|
|
15
15
|
lineHeight: '2.5rem',
|
|
16
16
|
}],
|
|
17
|
-
"size-title-h3": ['
|
|
17
|
+
"size-title-h3": ['1.875rem', {
|
|
18
18
|
letterSpacing: '-0.025em',
|
|
19
19
|
lineHeight: '2.25rem',
|
|
20
20
|
}],
|
|
21
|
-
"size-title-h4": ['
|
|
21
|
+
"size-title-h4": ['1.5rem', {
|
|
22
22
|
letterSpacing: '-0.025em',
|
|
23
23
|
lineHeight: '2rem',
|
|
24
24
|
}],
|
|
25
|
-
"size-title-h5": ['
|
|
25
|
+
"size-title-h5": ['1.25rem', {
|
|
26
26
|
letterSpacing: '-0.025em',
|
|
27
27
|
lineHeight: '1.75rem',
|
|
28
28
|
}],
|
|
29
|
-
"size-title-h6": ['
|
|
29
|
+
"size-title-h6": ['1rem', {
|
|
30
30
|
letterSpacing: '-0.025em',
|
|
31
31
|
lineHeight: '1.5rem',
|
|
32
32
|
}],
|
|
33
|
-
"size-title-action": ['
|
|
33
|
+
"size-title-action": ['0.875rem', {
|
|
34
34
|
lineHeight: '1.5rem',
|
|
35
35
|
}],
|
|
36
|
-
"size-info-paragraph": ['
|
|
36
|
+
"size-info-paragraph": ['1.25rem', {
|
|
37
37
|
lineHeight: '2rem',
|
|
38
38
|
}],
|
|
39
|
-
"size-info-detail": ['
|
|
39
|
+
"size-info-detail": ['1rem', {
|
|
40
40
|
lineHeight: '1.5rem',
|
|
41
41
|
}],
|
|
42
|
-
"size-info-caption": ['
|
|
42
|
+
"size-info-caption": ['0.875rem', {
|
|
43
43
|
lineHeight: '1.25rem',
|
|
44
44
|
}],
|
|
45
|
-
"size-info-label": ['
|
|
45
|
+
"size-info-label": ['0.75rem', {
|
|
46
46
|
lineHeight: '1rem',
|
|
47
47
|
}],
|
|
48
|
-
"size-info-option": ['
|
|
48
|
+
"size-info-option": ['0.625rem', {
|
|
49
49
|
letterSpacing: '-0.025em',
|
|
50
50
|
lineHeight: '0.625rem',
|
|
51
51
|
}],
|
|
52
|
-
"size-info-tip": ['
|
|
52
|
+
"size-info-tip": ['0.75rem', {
|
|
53
53
|
lineHeight: '1rem',
|
|
54
54
|
}],
|
|
55
|
-
"size-read-paragraph": ['
|
|
55
|
+
"size-read-paragraph": ['1.25rem', {
|
|
56
56
|
lineHeight: '2rem',
|
|
57
57
|
}],
|
|
58
|
-
"size-read-detail": ['
|
|
58
|
+
"size-read-detail": ['1rem', {
|
|
59
59
|
lineHeight: '1.5rem',
|
|
60
60
|
}],
|
|
61
|
-
"size-read-caption": ['
|
|
61
|
+
"size-read-caption": ['0.875rem', {
|
|
62
62
|
lineHeight: '1.25rem',
|
|
63
63
|
}],
|
|
64
|
-
"size-code-snippet": ['
|
|
64
|
+
"size-code-snippet": ['1rem', {
|
|
65
65
|
lineHeight: '1.5rem',
|
|
66
66
|
}],
|
|
67
|
-
"size-code-hack": ['
|
|
67
|
+
"size-code-hack": ['0.875rem', {
|
|
68
68
|
lineHeight: '1.25rem',
|
|
69
69
|
}],
|
|
70
70
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const leading = {
|
|
@@ -12,18 +12,18 @@ const leading = {
|
|
|
12
12
|
'xs': '1rem',
|
|
13
13
|
'sm-px': '20px',
|
|
14
14
|
'sm': '1.25rem',
|
|
15
|
-
'px': '24px',
|
|
16
|
-
'
|
|
17
|
-
'
|
|
18
|
-
'
|
|
19
|
-
'
|
|
20
|
-
'
|
|
21
|
-
'
|
|
22
|
-
'
|
|
23
|
-
'
|
|
24
|
-
'
|
|
25
|
-
'
|
|
26
|
-
'
|
|
15
|
+
'md-px': '24px',
|
|
16
|
+
'md': '1.5rem',
|
|
17
|
+
'lg-px': '28px',
|
|
18
|
+
'lg': '1.75rem',
|
|
19
|
+
'xl-px': '32px',
|
|
20
|
+
'xl': '2rem',
|
|
21
|
+
'2xl-px': '36px',
|
|
22
|
+
'2xl': '2.25rem',
|
|
23
|
+
'3xl-px': '40px',
|
|
24
|
+
'3xl': '2.5rem',
|
|
25
|
+
'4xl-px': '48px',
|
|
26
|
+
'4xl': '3rem',
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
module.exports = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const properties = {
|
|
@@ -345,20 +345,20 @@ const properties = {
|
|
|
345
345
|
'2xs': '0.625rem',
|
|
346
346
|
'xs': '1rem',
|
|
347
347
|
'sm': '1.25rem',
|
|
348
|
-
'
|
|
349
|
-
'
|
|
350
|
-
'
|
|
351
|
-
'
|
|
352
|
-
'
|
|
353
|
-
'
|
|
348
|
+
'md': '1.5rem',
|
|
349
|
+
'lg': '1.75rem',
|
|
350
|
+
'xl': '2rem',
|
|
351
|
+
'2xl': '2.25rem',
|
|
352
|
+
'3xl': '2.5rem',
|
|
353
|
+
'4xl': '3rem',
|
|
354
354
|
},
|
|
355
355
|
fontSize: {
|
|
356
|
-
'
|
|
357
|
-
'
|
|
358
|
-
'
|
|
359
|
-
'
|
|
360
|
-
'
|
|
361
|
-
'
|
|
356
|
+
'4xl': '3rem',
|
|
357
|
+
'3xl': '2.25rem',
|
|
358
|
+
'2xl': '1.875rem',
|
|
359
|
+
'xl': '1.5rem',
|
|
360
|
+
'lg': '1.25rem',
|
|
361
|
+
'md': '1rem',
|
|
362
362
|
'sm': '0.875rem',
|
|
363
363
|
'xs': '0.75rem',
|
|
364
364
|
'2xs': '0.625rem',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v12.0.
|
|
2
|
+
@magma-design-system/design-tokens v12.0.1
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at Wed,
|
|
5
|
+
Generated at Wed, 10 Jan 2024 07:58:47 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const screens = {
|
package/dist/json/coolors.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"comment": "@magma-design-system/design-tokens v12.0.
|
|
2
|
+
"comment": "@magma-design-system/design-tokens v12.0.1 Generated by Style Dictionary at Wed, 10 Jan 2024 07:58:46 GMT, do not edit directly.",
|
|
3
3
|
"light": [
|
|
4
4
|
{
|
|
5
5
|
"Tone Slate 01": "#1c222a",
|
package/dist/scss/variables.scss
CHANGED
|
@@ -4,55 +4,54 @@
|
|
|
4
4
|
"fontFamily": {
|
|
5
5
|
"value": [
|
|
6
6
|
"Roboto",
|
|
7
|
+
"system-ui",
|
|
7
8
|
"-apple-system",
|
|
8
9
|
"BlinkMacSystemFont",
|
|
9
|
-
"'San Francisco'",
|
|
10
10
|
"'Segoe UI'",
|
|
11
|
-
"'Helvetica Neue'",
|
|
12
11
|
"sans-serif"
|
|
13
12
|
]
|
|
14
13
|
},
|
|
15
14
|
"variants": {
|
|
16
15
|
"h1": {
|
|
16
|
+
"fontSize": { "value": "{typography.fontSize.4xl}" },
|
|
17
|
+
"fontWeight": { "value": 900 },
|
|
18
|
+
"letterSpacing": { "value": "-0.4px" },
|
|
19
|
+
"lineHeight": { "value": "{typography.leading.4xl}" }
|
|
20
|
+
},
|
|
21
|
+
"h2": {
|
|
17
22
|
"fontSize": { "value": "{typography.fontSize.3xl}" },
|
|
18
23
|
"fontWeight": { "value": 900 },
|
|
19
24
|
"letterSpacing": { "value": "-0.4px" },
|
|
20
25
|
"lineHeight": { "value": "{typography.leading.3xl}" }
|
|
21
26
|
},
|
|
22
|
-
"
|
|
27
|
+
"h3": {
|
|
23
28
|
"fontSize": { "value": "{typography.fontSize.2xl}" },
|
|
24
29
|
"fontWeight": { "value": 900 },
|
|
25
30
|
"letterSpacing": { "value": "-0.4px" },
|
|
26
31
|
"lineHeight": { "value": "{typography.leading.2xl}" }
|
|
27
32
|
},
|
|
28
|
-
"
|
|
33
|
+
"h4": {
|
|
29
34
|
"fontSize": { "value": "{typography.fontSize.xl}" },
|
|
30
|
-
"fontWeight": { "value":
|
|
35
|
+
"fontWeight": { "value": 700 },
|
|
31
36
|
"letterSpacing": { "value": "-0.4px" },
|
|
32
37
|
"lineHeight": { "value": "{typography.leading.xl}" }
|
|
33
38
|
},
|
|
34
|
-
"
|
|
39
|
+
"h5": {
|
|
35
40
|
"fontSize": { "value": "{typography.fontSize.lg}" },
|
|
36
41
|
"fontWeight": { "value": 700 },
|
|
37
42
|
"letterSpacing": { "value": "-0.4px" },
|
|
38
43
|
"lineHeight": { "value": "{typography.leading.lg}" }
|
|
39
44
|
},
|
|
40
|
-
"
|
|
45
|
+
"h6": {
|
|
41
46
|
"fontSize": { "value": "{typography.fontSize.md}" },
|
|
42
47
|
"fontWeight": { "value": 700 },
|
|
43
48
|
"letterSpacing": { "value": "-0.4px" },
|
|
44
49
|
"lineHeight": { "value": "{typography.leading.md}" }
|
|
45
50
|
},
|
|
46
|
-
"h6": {
|
|
47
|
-
"fontSize": { "value": "{typography.fontSize.DEFAULT}" },
|
|
48
|
-
"fontWeight": { "value": 700 },
|
|
49
|
-
"letterSpacing": { "value": "-0.4px" },
|
|
50
|
-
"lineHeight": { "value": "{typography.leading.DEFAULT}" }
|
|
51
|
-
},
|
|
52
51
|
"action": {
|
|
53
52
|
"fontSize": { "value": "{typography.fontSize.sm}" },
|
|
54
53
|
"fontWeight": { "value": 500 },
|
|
55
|
-
"lineHeight": { "value": "{typography.leading.
|
|
54
|
+
"lineHeight": { "value": "{typography.leading.md}" }
|
|
56
55
|
}
|
|
57
56
|
}
|
|
58
57
|
},
|
|
@@ -60,19 +59,18 @@
|
|
|
60
59
|
"fontFamily": {
|
|
61
60
|
"value": [
|
|
62
61
|
"Karla",
|
|
62
|
+
"system-ui",
|
|
63
63
|
"-apple-system",
|
|
64
64
|
"BlinkMacSystemFont",
|
|
65
|
-
"'San Francisco'",
|
|
66
65
|
"'Segoe UI'",
|
|
67
|
-
"'Helvetica Neue'",
|
|
68
66
|
"sans-serif"
|
|
69
67
|
]
|
|
70
68
|
},
|
|
71
69
|
"variants": {
|
|
72
70
|
"paragraph": {
|
|
73
|
-
"fontSize": { "value": "{typography.fontSize.
|
|
71
|
+
"fontSize": { "value": "{typography.fontSize.lg}" },
|
|
74
72
|
"fontWeight": { "value": 400 },
|
|
75
|
-
"lineHeight": { "value": "{typography.leading.
|
|
73
|
+
"lineHeight": { "value": "{typography.leading.xl}" },
|
|
76
74
|
"variants": {
|
|
77
75
|
"bold": {
|
|
78
76
|
"fontWeight": { "value": 700 }
|
|
@@ -80,9 +78,9 @@
|
|
|
80
78
|
}
|
|
81
79
|
},
|
|
82
80
|
"detail": {
|
|
83
|
-
"fontSize": { "value": "{typography.fontSize.
|
|
81
|
+
"fontSize": { "value": "{typography.fontSize.md}" },
|
|
84
82
|
"fontWeight": { "value": 400 },
|
|
85
|
-
"lineHeight": { "value": "{typography.leading.
|
|
83
|
+
"lineHeight": { "value": "{typography.leading.md}" },
|
|
86
84
|
"variants": {
|
|
87
85
|
"bold": {
|
|
88
86
|
"fontWeight": { "value": 700 }
|
|
@@ -130,9 +128,9 @@
|
|
|
130
128
|
},
|
|
131
129
|
"variants": {
|
|
132
130
|
"paragraph": {
|
|
133
|
-
"fontSize": { "value": "{typography.fontSize.
|
|
131
|
+
"fontSize": { "value": "{typography.fontSize.lg}" },
|
|
134
132
|
"fontWeight": { "value": 300 },
|
|
135
|
-
"lineHeight": { "value": "{typography.leading.
|
|
133
|
+
"lineHeight": { "value": "{typography.leading.xl}" },
|
|
136
134
|
"variants": {
|
|
137
135
|
"bold": {
|
|
138
136
|
"fontWeight": { "value": 700 }
|
|
@@ -140,9 +138,9 @@
|
|
|
140
138
|
}
|
|
141
139
|
},
|
|
142
140
|
"detail": {
|
|
143
|
-
"fontSize": { "value": "{typography.fontSize.
|
|
141
|
+
"fontSize": { "value": "{typography.fontSize.md}" },
|
|
144
142
|
"fontWeight": { "value": 300 },
|
|
145
|
-
"lineHeight": { "value": "{typography.leading.
|
|
143
|
+
"lineHeight": { "value": "{typography.leading.md}" },
|
|
146
144
|
"variants": {
|
|
147
145
|
"bold": {
|
|
148
146
|
"fontWeight": { "value": 700 }
|
|
@@ -165,14 +163,15 @@
|
|
|
165
163
|
"fontFamily": {
|
|
166
164
|
"value": [
|
|
167
165
|
"'Roboto Mono'",
|
|
166
|
+
"'Courier New'",
|
|
168
167
|
"monospace"
|
|
169
168
|
]
|
|
170
169
|
},
|
|
171
170
|
"variants": {
|
|
172
171
|
"snippet": {
|
|
173
|
-
"fontSize": { "value": "{typography.fontSize.
|
|
172
|
+
"fontSize": { "value": "{typography.fontSize.md}" },
|
|
174
173
|
"fontWeight": { "value": 400 },
|
|
175
|
-
"lineHeight": { "value": "{typography.leading.
|
|
174
|
+
"lineHeight": { "value": "{typography.leading.md}" }
|
|
176
175
|
},
|
|
177
176
|
"hack": {
|
|
178
177
|
"fontSize": { "value": "{typography.fontSize.sm}" },
|
|
@@ -10,22 +10,22 @@
|
|
|
10
10
|
"sm": {
|
|
11
11
|
"value": "20px"
|
|
12
12
|
},
|
|
13
|
-
"
|
|
13
|
+
"md": {
|
|
14
14
|
"value": "24px"
|
|
15
15
|
},
|
|
16
|
-
"
|
|
16
|
+
"lg": {
|
|
17
17
|
"value": "28px"
|
|
18
18
|
},
|
|
19
|
-
"
|
|
19
|
+
"xl": {
|
|
20
20
|
"value": "32px"
|
|
21
21
|
},
|
|
22
|
-
"
|
|
22
|
+
"2xl": {
|
|
23
23
|
"value": "36px"
|
|
24
24
|
},
|
|
25
|
-
"
|
|
25
|
+
"3xl": {
|
|
26
26
|
"value": "40px"
|
|
27
27
|
},
|
|
28
|
-
"
|
|
28
|
+
"4xl": {
|
|
29
29
|
"value": "48px"
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"typography": {
|
|
3
3
|
"fontSize": {
|
|
4
|
-
"
|
|
4
|
+
"4xl": {
|
|
5
5
|
"value": "48px"
|
|
6
6
|
},
|
|
7
|
-
"
|
|
7
|
+
"3xl": {
|
|
8
8
|
"value": "36px"
|
|
9
9
|
},
|
|
10
|
-
"
|
|
10
|
+
"2xl": {
|
|
11
11
|
"value": "30px"
|
|
12
12
|
},
|
|
13
|
-
"
|
|
13
|
+
"xl": {
|
|
14
14
|
"value": "24px"
|
|
15
15
|
},
|
|
16
|
-
"
|
|
16
|
+
"lg": {
|
|
17
17
|
"value": "20px"
|
|
18
18
|
},
|
|
19
|
-
"
|
|
19
|
+
"md": {
|
|
20
20
|
"value": "16px"
|
|
21
21
|
},
|
|
22
22
|
"sm": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/design-tokens",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.1",
|
|
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": [
|