@maggioli-design-system/design-tokens 13.0.0 → 13.2.0
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 +2 -2
- 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 +2 -2
- package/dist/js/tailwind-font-size.js +2 -2
- package/dist/js/tailwind-leading.js +2 -2
- package/dist/js/tailwind-props.js +14 -2
- 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/cosmetic/box-shadow.json +36 -0
- 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 v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 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 v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:48 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 v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ignore_for_file: unused_import
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:48 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const palette = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:48 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const getColor = (cssVar, { opacityVariable, opacityValue }) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const fontFamily = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const fontSize = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const leading = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const properties = {
|
|
@@ -136,6 +136,18 @@ const properties = {
|
|
|
136
136
|
'2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
|
|
137
137
|
'inner': 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
|
|
138
138
|
'none': '0 0 rgb(0 0 0 / 0)',
|
|
139
|
+
'outline': '0 0 0 1px rgb(var(--tone-neutral-01) / 0.3)',
|
|
140
|
+
'outline-50': '0 0 0 2px rgb(var(--tone-neutral-01) / 0.3)',
|
|
141
|
+
'outline-75': '0 0 0 3px rgb(var(--tone-neutral-01) / 0.3)',
|
|
142
|
+
'outline-100': '0 0 0 4px rgb(var(--tone-neutral-01) / 0.3)',
|
|
143
|
+
'outline-light': '0 0 0 1px rgb(var(--tone-neutral-01) / 0.15)',
|
|
144
|
+
'outline-light-50': '0 0 0 2px rgb(var(--tone-neutral-01) / 0.15)',
|
|
145
|
+
'outline-light-75': '0 0 0 3px rgb(var(--tone-neutral-01) / 0.15)',
|
|
146
|
+
'outline-light-100': '0 0 0 4px rgb(var(--tone-neutral-01) / 0.15)',
|
|
147
|
+
'outline-strong': '0 0 0 1px rgb(var(--tone-neutral-01) / 0.6)',
|
|
148
|
+
'outline-strong-50': '0 0 0 2px rgb(var(--tone-neutral-01) / 0.6)',
|
|
149
|
+
'outline-strong-75': '0 0 0 3px rgb(var(--tone-neutral-01) / 0.6)',
|
|
150
|
+
'outline-strong-100': '0 0 0 4px rgb(var(--tone-neutral-01) / 0.6)',
|
|
139
151
|
},
|
|
140
152
|
gridTemplateColumns: {
|
|
141
153
|
'fit-lg': 'repeat(auto-fit, minmax(17.5rem, 1fr))',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.
|
|
2
|
+
@magma-design-system/design-tokens v13.2.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Thu, 05 Sep 2024 13:09:49 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 v13.
|
|
2
|
+
"comment": "@magma-design-system/design-tokens v13.2.0 Generated by Style Dictionary at Thu, 05 Sep 2024 13:09:48 GMT, do not edit directly.",
|
|
3
3
|
"light": [
|
|
4
4
|
{
|
|
5
5
|
"Tone Slate 01": "#1c222a",
|
package/dist/scss/variables.scss
CHANGED
|
@@ -36,6 +36,42 @@
|
|
|
36
36
|
},
|
|
37
37
|
"none": {
|
|
38
38
|
"value": "0 0 rgb(0 0 0 / 0)"
|
|
39
|
+
},
|
|
40
|
+
"outline": {
|
|
41
|
+
"value": "0 0 0 1px rgb(var(--tone-neutral-01) / 0.3)"
|
|
42
|
+
},
|
|
43
|
+
"outline-50": {
|
|
44
|
+
"value": "0 0 0 2px rgb(var(--tone-neutral-01) / 0.3)"
|
|
45
|
+
},
|
|
46
|
+
"outline-75": {
|
|
47
|
+
"value": "0 0 0 3px rgb(var(--tone-neutral-01) / 0.3)"
|
|
48
|
+
},
|
|
49
|
+
"outline-100": {
|
|
50
|
+
"value": "0 0 0 4px rgb(var(--tone-neutral-01) / 0.3)"
|
|
51
|
+
},
|
|
52
|
+
"outline-light": {
|
|
53
|
+
"value": "0 0 0 1px rgb(var(--tone-neutral-01) / 0.15)"
|
|
54
|
+
},
|
|
55
|
+
"outline-light-50": {
|
|
56
|
+
"value": "0 0 0 2px rgb(var(--tone-neutral-01) / 0.15)"
|
|
57
|
+
},
|
|
58
|
+
"outline-light-75": {
|
|
59
|
+
"value": "0 0 0 3px rgb(var(--tone-neutral-01) / 0.15)"
|
|
60
|
+
},
|
|
61
|
+
"outline-light-100": {
|
|
62
|
+
"value": "0 0 0 4px rgb(var(--tone-neutral-01) / 0.15)"
|
|
63
|
+
},
|
|
64
|
+
"outline-strong": {
|
|
65
|
+
"value": "0 0 0 1px rgb(var(--tone-neutral-01) / 0.6)"
|
|
66
|
+
},
|
|
67
|
+
"outline-strong-50": {
|
|
68
|
+
"value": "0 0 0 2px rgb(var(--tone-neutral-01) / 0.6)"
|
|
69
|
+
},
|
|
70
|
+
"outline-strong-75": {
|
|
71
|
+
"value": "0 0 0 3px rgb(var(--tone-neutral-01) / 0.6)"
|
|
72
|
+
},
|
|
73
|
+
"outline-strong-100": {
|
|
74
|
+
"value": "0 0 0 4px rgb(var(--tone-neutral-01) / 0.6)"
|
|
39
75
|
}
|
|
40
76
|
}
|
|
41
77
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/design-tokens",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.2.0",
|
|
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": [
|