@massimo-cassandro/minimo 0.6.6 → 0.6.7

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.
Files changed (5) hide show
  1. package/design-tokens/components/sf-macro.minimo.tokens.jsonc +20 -2
  2. package/design-tokens-src/components/sf-macro.minimo.tokens.mjs +32 -14
  3. package/package.json +1 -1
  4. package/src/components/sf-macro/sf-macro.css +9 -3
  5. package/src/custom-properties-default.css +6 -2
package/design-tokens/components/sf-macro.minimo.tokens.jsonc CHANGED
@@ -52,12 +52,30 @@
52
52
  "close": {
53
53
  "size": {
54
54
  "$type": "dimension",
55
- "$value": "2rem"
55
+ "$value": "{btn.close.size}"
56
56
  },
57
57
  "background": {
58
58
  "color": {
59
59
  "$type": "color",
60
- "$value": "{body.background.color}"
60
+ "$value": "{btn.close.background.color}"
61
+ }
62
+ },
63
+ "position": {
64
+ "top": {
65
+ "$type": "dimension",
66
+ "$value": "-.5rem"
67
+ },
68
+ "right": {
69
+ "$type": "dimension",
70
+ "$value": "-.5rem"
71
+ },
72
+ "bottom": {
73
+ "$type": "dimension",
74
+ "$value": "auto"
75
+ },
76
+ "left": {
77
+ "$type": "dimension",
78
+ "$value": "auto"
61
79
  }
62
80
  }
63
81
  }
package/design-tokens-src/components/sf-macro.minimo.tokens.mjs CHANGED
@@ -47,20 +47,38 @@ export default {
47
47
  }
48
48
  }, // end rows
49
49
 
50
- // btn: {
51
- // close: {
52
- // size: {
53
- // $value: '2rem',
54
- // $type: 'dimension'
55
- // },
56
- // background: {
57
- // color: {
58
- // $value: '{body.background.color}',
59
- // $type: 'color'
60
- // }
61
- // }
62
- // }
63
- // }, // end btn
50
+ btn: {
51
+ close: {
52
+ size: {
53
+ $value: '{btn.close.size}',
54
+ $type: 'dimension'
55
+ },
56
+ background: {
57
+ color: {
58
+ $value: '{btn.close.background.color}',
59
+ $type: 'color'
60
+ }
61
+ },
62
+ position: {
63
+ top: {
64
+ $type: 'dimension',
65
+ $value: '-.5rem'
66
+ },
67
+ right: {
68
+ $type: 'dimension',
69
+ $value: '-.5rem'
70
+ },
71
+ bottom:{
72
+ $type: 'dimension',
73
+ $value: 'auto'
74
+ },
75
+ left: {
76
+ $type: 'dimension',
77
+ $value: 'auto'
78
+ },
79
+ }
80
+ }
81
+ }, // end btn
64
82
 
65
83
  } // end sf-macro
66
84
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@massimo-cassandro/minimo",
3
- "version": "0.6.6",
3
+ "version": "0.6.7",
4
4
  "description": "Light css framework",
5
5
  "type": "module",
6
6
  "homepage": "https://github.com/massimo-cassandro/minimo#readme",
package/src/components/sf-macro/sf-macro.css CHANGED
@@ -1,6 +1,9 @@
1
1
 
2
2
  .sf-macro-wrapper {
3
3
 
4
+ --btn-close-background-color: var(--sf-macro-btn-close-background-color);
5
+ --btn-close-size: var(--sf-macro-btn-close-size);
6
+
4
7
 
5
8
  /* etichette campi righe successive alla prima */
6
9
  @media (--media-large-viewport-up) {
@@ -63,13 +66,16 @@
63
66
 
64
67
 
65
68
  .sf-macro-close-btn { /* button */
69
+
66
70
  position: absolute;
67
- top: -.5rem;
68
- right: -.5rem;
71
+ top: var(--sf-macro-btn-close-position-top);
72
+ right: var(--sf-macro-btn-close-position-right);
73
+ bottom: var(--sf-macro-btn-close-position-bottom);
74
+ left: var(--sf-macro-btn-close-position-left);
75
+
69
76
  z-index: 1;
70
77
  display: block;
71
78
 
72
-
73
79
  &[disabled], [disabled] & {
74
80
  cursor: not-allowed;
75
81
  opacity: .4;
package/src/custom-properties-default.css CHANGED
@@ -193,8 +193,12 @@
193
193
  --sdt-thead-hover-background-color: calc(color-mix(in srgb, var(--table-thead-background-color) 90%, var(--accent-100)));
194
194
  --secondary-100: #650853;
195
195
  --secondary-100-fg: #fff;
196
- --sf-macro-btn-close-background-color: var(--body-background-color);
197
- --sf-macro-btn-close-size: 2rem;
196
+ --sf-macro-btn-close-background-color: var(--btn-close-background-color);
197
+ --sf-macro-btn-close-position-bottom: auto;
198
+ --sf-macro-btn-close-position-left: auto;
199
+ --sf-macro-btn-close-position-right: -.5rem;
200
+ --sf-macro-btn-close-position-top: -.5rem;
201
+ --sf-macro-btn-close-size: var(--btn-close-size);
198
202
  --sf-macro-rows-border: 1px solid var(--neutral-100);
199
203
  --sf-macro-rows-border-radius: var(--radius-xs);
200
204
  --sf-macro-rows-even-background-color: var(--body-background-color);