@massimo-cassandro/minimo 0.5.2 → 0.5.4

package/design-tokens-utilities/build-tokens-src/formats/css.mjs

@@ -147,9 +147,32 @@ StyleDictionary.registerFormat({
 
     const resolveRefs = makeResolveRefs(tokenByPath);
 
+    const sequenceList = [
+      'xxs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl', 'xxxl', '2xl', '3xl',
+      'xlight', 'light', 'regular', 'medium', 'semibold', 'bold', 'xbold'
+    ]
+
+    const sortFunction = (a, b) => {
+      const idxA = sequenceList.indexOf(a.name);
+      const idxB = sequenceList.indexOf(b.name);
+
+      // Entrambi nella lista → ordine arbitrario
+      if (idxA !== -1 && idxB !== -1) return idxA - idxB;
+
+      // Solo A nella lista → A viene prima
+      if (idxA !== -1) return -1;
+
+      // Solo B nella lista → B viene prima
+      if (idxB !== -1) return 1;
+
+      // Nessuno nella lista → ordine alfabetico
+      return a.name.localeCompare(b.name, 'en', { numeric: true, sensitivity: 'base' });
+    };
+
     const lines = dictionary.allTokens
       .slice()
-      .sort((a, b) => a.name.localeCompare(b.name, 'en', {numeric: true, sensitivity: 'base'}))
+      // .sort((a, b) => a.name.localeCompare(b.name, 'en', {numeric: true, sensitivity: 'base'}))
+      .sort((a, b) => sortFunction(a,b))
       .flatMap((token) => {
         const type = token.$type ?? token.type;
         const orig = token.original?.$value ?? token.original?.value;

package/package.json

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

package/src/css/forms/fieldset.css

@@ -23,7 +23,7 @@ fieldset.form-group, fieldset.form-collection-fset {
 */
 
 
-.fieldset { /* :not(.fupl-wrapper):not(.form-group):not(.form-collection-fset) { */
+.fset { /* :not(.fupl-wrapper):not(.form-group):not(.form-collection-fset) { */
   position: relative;
   padding: 3rem 1rem 1rem;
   margin: 1rem 0 2rem;
@@ -50,7 +50,7 @@ fieldset.form-group, fieldset.form-collection-fset {
   }
 
 
-  .fieldset { /* :not(.fupl-wrapper):not(.form-group) { */
+  .fset { /* :not(.fupl-wrapper):not(.form-group) { */
     padding-top: 2rem;
     margin-bottom: .5rem;
     border: none;

package/src/css/forms/input-group.css

@@ -21,7 +21,7 @@
     font-size: var(--btn-font-size);
     background-color: var(--form-input-group-background-color);
     border: 1px solid var(--form-control-border-color);
-    border-radius: var(--btn-border-radius);
+    border-radius: var(--form-control-border-radius);
   }
 
   > .btn, .input-group-text {