@massimo-cassandro/minimo 0.7.0 → 0.7.2

package/design-tokens/btn-close.minimo.tokens.jsonc

@@ -54,6 +54,12 @@
             "$value": "{btn.close.icon.color}"
           }
         },
+        "border": {
+          "color": {
+            "$type": "color",
+            "$value": "{btn.close.icon.color}"
+          }
+        },
         "icon": {
           "color": {
             "$type": "color",

package/design-tokens-src/btn-close.minimo.tokens.jsonc

@@ -22,14 +22,14 @@
           "$value": "50%",
           "$type": "dimension"
         }
-        
+
       },
       "background": {
         "color": {
           "$value": "{body.background.color}",
           "$type": "color"
         },
-        
+
       },
       "icon": {
         "color": {
@@ -52,6 +52,12 @@
             "$type": "color"
           }
         },
+        "border": {
+          "color": {
+            "$value": "{btn.close.icon.color}",
+            "$type": "color"
+          }
+        },
         "icon": {
           "color": {
             "$value": "{btn.close.background.color}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "Light css framework",
   "type": "module",
   "homepage": "https://github.com/massimo-cassandro/minimo#readme",

package/src/components/sf-macro/sf-macro.css

@@ -1,3 +1,5 @@
+/* TODO migliorare l'integrazione con btn-close e adeguare i tokens dove necessario */
+
 
 .sf-macro-wrapper {
 

package/src/components/sf-macro/sf-macro.js

@@ -26,7 +26,9 @@ export function sf_macro({
 
         if(add_callback && typeof add_callback === 'function') {
           add_callback(
-            macro_container.querySelector('.sf-macro-riga:last-child'),
+            insertAtTop
+              ? macro_container.querySelector('.sf-macro-riga:first-child')
+              : macro_container.querySelector('.sf-macro-riga:last-child'),
             e.target.closest('.sf-macro-riga-add')
           );
         }

package/src/css/buttons/btn-close.css

@@ -50,6 +50,7 @@
     &:hover {
 
       background-color: var(--btn-close-hover-background-color);
+      border-color: var(--btn-close-hover-border-color);
 
       &::before, &::after {
         background-color: var(--btn-close-hover-icon-color);

package/src/css/buttons/buttons.css

@@ -53,6 +53,7 @@ a.btn {
 
   svg {
     width: 1em;
+    pointer-events: none;
     fill: currentColor;
   }
 

package/src/css/text.css

@@ -113,3 +113,8 @@ li {
 .text-success {
   color: var(--status-success-color);
 }
+
+.text-numeric {
+  font-feature-settings: 'lnum', 'tnum';
+  font-variant-numeric: lining-nums tabular-nums;
+}

package/src/css/utilities.css

@@ -196,3 +196,4 @@
 .my-xl {
   margin-block: var(--size-xl);
 }
+

package/src/custom-properties-default.css

@@ -23,6 +23,7 @@
   --btn-close-focus-outline-offset: .125rem;
   --btn-close-focus-outline-width: .125rem;
   --btn-close-hover-background-color: var(--btn-close-icon-color);
+  --btn-close-hover-border-color: var(--btn-close-icon-color);
   --btn-close-hover-icon-color: var(--btn-close-background-color);
   --btn-close-icon-bar-size: .125rem;
   --btn-close-icon-color: var(--text-color);