@massimo-cassandro/minimo 1.19.3 → 1.19.5
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/design-tokens/_src/color-accent.minimo.tokens.mjs +6 -9
- package/design-tokens/_src/text.minimo.tokens.mjs +1 -1
- package/design-tokens/tokens/design-tokens/_src/color-accent.minimo.tokens.jsonc +6 -8
- package/design-tokens/tokens/design-tokens/_src/text.minimo.tokens.jsonc +0 -6
- package/design-tokens/tokens/src/components/snackbar/snackbar.minimo.tokens.jsonc +5 -5
- package/design-tokens/tokens/src/web-components/s-datatable-component/simple-datatable.minimo.tokens.jsonc +1 -1
- package/package.json +1 -1
- package/src/components/snackbar/snackbar.minimo.tokens.mjs +5 -5
- package/src/css/text.css +1 -1
- package/src/custom-properties.css +5 -6
- package/src/web-components/s-datatable-component/simple-datatable.minimo.tokens.mjs +1 -1
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
accent: {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
'
|
|
8
|
-
|
|
9
|
-
$type: 'color'
|
|
10
|
-
}
|
|
3
|
+
$value: '#567d0d',
|
|
4
|
+
$type: 'color'
|
|
5
|
+
},
|
|
6
|
+
'accent-fg': {
|
|
7
|
+
$value: '#fff',
|
|
8
|
+
$type: 'color'
|
|
11
9
|
}
|
|
12
|
-
|
|
13
10
|
};
|
|
@@ -6,13 +6,11 @@
|
|
|
6
6
|
// -----------------------------------------------------------------------
|
|
7
7
|
{
|
|
8
8
|
"accent": {
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
"
|
|
14
|
-
|
|
15
|
-
"$value": "#fff"
|
|
16
|
-
}
|
|
9
|
+
"$type": "color",
|
|
10
|
+
"$value": "#567d0d"
|
|
11
|
+
},
|
|
12
|
+
"accent-fg": {
|
|
13
|
+
"$type": "color",
|
|
14
|
+
"$value": "#fff"
|
|
17
15
|
}
|
|
18
16
|
}
|
|
@@ -5,12 +5,6 @@
|
|
|
5
5
|
// Re-generate with: node build-tokens.mjs --config <path/to/config>
|
|
6
6
|
// -----------------------------------------------------------------------
|
|
7
7
|
{
|
|
8
|
-
"accent": {
|
|
9
|
-
"color": {
|
|
10
|
-
"$type": "color",
|
|
11
|
-
"$value": "{accent.100}"
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
8
|
"text": {
|
|
15
9
|
"muted": {
|
|
16
10
|
"$type": "color",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"$value": "none"
|
|
23
23
|
},
|
|
24
24
|
"border-radius": {
|
|
25
|
-
"$type": "
|
|
25
|
+
"$type": "dimension",
|
|
26
26
|
"$value": "{radius.xs}"
|
|
27
27
|
},
|
|
28
28
|
"padding": {
|
|
@@ -83,12 +83,12 @@
|
|
|
83
83
|
"$value": "transparent"
|
|
84
84
|
},
|
|
85
85
|
"width": {
|
|
86
|
-
"$type": "
|
|
87
|
-
"$value": "
|
|
86
|
+
"$type": "dimension",
|
|
87
|
+
"$value": "{btn.close.border.width}"
|
|
88
88
|
},
|
|
89
89
|
"radius": {
|
|
90
|
-
"$type": "
|
|
91
|
-
"$value": "
|
|
90
|
+
"$type": "dimension",
|
|
91
|
+
"$value": "50%"
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
94
|
"hover": {
|
package/package.json
CHANGED
|
@@ -18,7 +18,7 @@ export default{
|
|
|
18
18
|
},
|
|
19
19
|
'border-radius': {
|
|
20
20
|
$value: '{radius.xs}',
|
|
21
|
-
$type: '
|
|
21
|
+
$type: 'dimension'
|
|
22
22
|
},
|
|
23
23
|
padding: {
|
|
24
24
|
block: {
|
|
@@ -81,12 +81,12 @@ export default{
|
|
|
81
81
|
$type: 'color'
|
|
82
82
|
},
|
|
83
83
|
width: {
|
|
84
|
-
$
|
|
85
|
-
$
|
|
84
|
+
$type: 'dimension',
|
|
85
|
+
$value: '{btn.close.border.width}'
|
|
86
86
|
},
|
|
87
87
|
radius: {
|
|
88
|
-
$
|
|
89
|
-
$
|
|
88
|
+
$type: 'dimension',
|
|
89
|
+
$value: '50%'
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
|
package/src/css/text.css
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--accent
|
|
3
|
-
--accent-
|
|
4
|
-
--accent-color: var(--accent-100);
|
|
2
|
+
--accent: #567d0d;
|
|
3
|
+
--accent-fg: #fff;
|
|
5
4
|
|
|
6
5
|
--alert-border-radius: var(--radius-sm);
|
|
7
6
|
--alert-box-shadow: 0 0 .5rem 0 oklch(0% 0 0 / .5);
|
|
@@ -275,7 +274,7 @@
|
|
|
275
274
|
--sdt-pagination-border: var(--btn-border-width) var(--neutral-100);
|
|
276
275
|
--sdt-pagination-padding-block: var(--size-xxs);
|
|
277
276
|
--sdt-pagination-padding-inline: var(--size-xs);
|
|
278
|
-
--sdt-thead-hover-background-color: color-mix(in srgb, var(--table-thead-background-color) 90%, var(--accent
|
|
277
|
+
--sdt-thead-hover-background-color: color-mix(in srgb, var(--table-thead-background-color) 90%, var(--accent));
|
|
279
278
|
|
|
280
279
|
--secondary-100: #650853;
|
|
281
280
|
--secondary-100-fg: #fff;
|
|
@@ -311,8 +310,8 @@
|
|
|
311
310
|
--snackbar-btn-close-active-icon-color: var(--snackbar-text-color);
|
|
312
311
|
--snackbar-btn-close-background-color: transparent;
|
|
313
312
|
--snackbar-btn-close-border-color: transparent;
|
|
314
|
-
--snackbar-btn-close-border-radius:
|
|
315
|
-
--snackbar-btn-close-border-width:
|
|
313
|
+
--snackbar-btn-close-border-radius: 50%;
|
|
314
|
+
--snackbar-btn-close-border-width: var(--btn-close-border-width);
|
|
316
315
|
--snackbar-btn-close-focus-outline-color: color-mix(in srgb, var(--snackbar-text-color) 50%, transparent);
|
|
317
316
|
--snackbar-btn-close-focus-outline-offset: .125rem;
|
|
318
317
|
--snackbar-btn-close-focus-outline-width: .125rem;
|