@ultraviolet/icons 5.0.3 → 5.0.4

package/dist/components/CategoryIcon/__generated__/ProfileCategoryIcon.js

@@ -19,7 +19,7 @@ const ProfileCategoryIcon = ({
     /* @__PURE__ */ jsx(
       "path",
       {
-        className: "fill ",
+        className: "fill",
         clipRule: "evenodd",
         d: "M10 2C5.58215 2 2 5.58215 2 10C2 14.4189 5.58215 18 10 18C14.4189 18 18 14.4189 18 10C18 5.58215 14.4189 2 10 2ZM10 4.01131C13.3026 4.01131 15.9887 6.69742 15.9887 10C15.9887 13.3016 13.3026 15.9887 10 15.9887C6.69742 15.9887 4.01131 13.3016 4.01131 10C4.01131 6.69742 6.69742 4.01131 10 4.01131Z",
         fill: "#521094",

package/dist/components/CategoryIcon/style.css.d.ts

@@ -1,3 +1,3 @@
 export declare const VARIANTS: readonly ["primary", "neutral"];
-export declare const categoryIcon: Record<"primary" | "neutral" | "primaryDisabled" | "neutralDisabled", string>;
+export declare const categoryIcon: Record<"primary" | "neutral" | "neutralDisabled" | "primaryDisabled", string>;
 //# sourceMappingURL=style.css.d.ts.map

package/dist/components/CategoryIcon/style.css.js

@@ -1,14 +1,14 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { styleVariants, globalStyle } from "@vanilla-extract/css";
 import { theme } from "@ultraviolet/themes";
+import { styleVariants, globalStyle } from "@vanilla-extract/css";
 setFileScope("src/components/CategoryIcon/style.css.ts", "@ultraviolet/icons");
 const VARIANTS = ["primary", "neutral"];
 const FILL_CLASSES = ["fill", "fillStrong"];
 const categoryIcon = styleVariants({
-  primaryDisabled: {},
-  primary: {},
+  neutral: {},
   neutralDisabled: {},
-  neutral: {}
+  primary: {},
+  primaryDisabled: {}
 });
 const color = theme.colors.other.icon.category;
 VARIANTS.forEach((variant) => {

package/dist/components/Flags/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Flags/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,+BAA0C,SAAS,4CAIvE,CAAA"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Flags/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,+BAA0C,SAAS,4CAIvE,CAAA"}

package/dist/components/Flags/style.css.js

@@ -1,16 +1,16 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { theme } from "@ultraviolet/themes";
 import { styleVariants } from "@vanilla-extract/css";
 import { SIZES } from "./constant.js";
-import { theme } from "@ultraviolet/themes";
 setFileScope("src/components/Flags/style.css.ts", "@ultraviolet/icons");
 const flag = styleVariants(
   Object.fromEntries(
     Object.keys(SIZES).map((size) => [
       size,
       {
-        width: theme.sizing[SIZES[size]],
+        height: theme.sizing[SIZES[size]],
         minWidth: theme.sizing[SIZES[size]],
-        height: theme.sizing[SIZES[size]]
+        width: theme.sizing[SIZES[size]]
       }
     ])
   )

package/dist/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGjE,KAAK,UAAU,GAAG,MAAM,OAAO,KAAK,CAAA;AAEpC,KAAK,KAAK,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAExC,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAE/C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,IAAI,CACN,QAAQ,CAAC,aAAa,CAAC,EACvB,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,OAAO,CAC3E,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,IAAI;WAfR,UAAU;iBACJ,eAAe;gBAChB,KAAK;oBACD,MAAM;eACX,OAAO;cACR,SAAS;6JA8CpB,CAAA"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGjE,KAAK,UAAU,GAAG,MAAM,OAAO,KAAK,CAAA;AAEpC,KAAK,KAAK,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAExC,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAE/C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,IAAI,CACN,QAAQ,CAAC,aAAa,CAAC,EACvB,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,OAAO,CAC3E,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,IAAI;WAfR,UAAU;iBACJ,eAAe;gBAChB,KAAK;oBACD,MAAM;eACX,OAAO;cACR,SAAS;6JA8CpB,CAAA"}

package/dist/components/Icon/styles.css.d.ts

@@ -1,18 +1,18 @@
 import { PROMINENCES, SENTIMENTS } from './constants';
 export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        false: {};
+        true: {};
+    };
+    prominence: Record<keyof typeof PROMINENCES, object>;
     sentiment: Record<(typeof SENTIMENTS)[number], object>;
     size: {
         [k: string]: {
             height: `var(--${string})`;
-            width: `var(--${string})`;
-            minWidth: `var(--${string})`;
             minHeight: `var(--${string})`;
+            minWidth: `var(--${string})`;
+            width: `var(--${string})`;
         };
     };
-    disabled: {
-        true: {};
-        false: {};
-    };
-    prominence: Record<keyof typeof PROMINENCES, object>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Icon/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/styles.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAS,MAAM,aAAa,CAAA;AAiC5D,eAAO,MAAM,IAAI;eAQR,MAAM,CAAC,CAAC,OAAO,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC;;;;;;;;;;;;;gBAa3C,MAAM,CAAC,MAAM,OAAO,WAAW,EAAE,MAAM,CAAC;EAyB/C,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/styles.css.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAS,MAAM,aAAa,CAAA;AA+B5D,eAAO,MAAM,IAAI;;;;;gBAmCR,MAAM,CAAC,MAAM,OAAO,WAAW,EAAE,MAAM,CAAC;eAGxC,MAAM,CAAC,CAAC,OAAO,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC;;;;;;;;;EAQlD,CAAA"}

package/dist/components/Icon/styles.css.js

@@ -1,16 +1,16 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { theme } from "@ultraviolet/themes";
-import { recipe } from "@vanilla-extract/recipes";
-import { PROMINENCES, SENTIMENTS, SIZES } from "./constants.js";
 import { capitalize } from "@ultraviolet/utils";
 import { globalStyle } from "@vanilla-extract/css";
+import { recipe } from "@vanilla-extract/recipes";
+import { SIZES, SENTIMENTS, PROMINENCES } from "./constants.js";
 setFileScope("src/components/Icon/styles.css.ts", "@ultraviolet/icons");
 function generateSizeStyle(size) {
   return {
     height: theme.sizing[SIZES[size]],
-    width: theme.sizing[SIZES[size]],
+    minHeight: theme.sizing[SIZES[size]],
     minWidth: theme.sizing[SIZES[size]],
-    minHeight: theme.sizing[SIZES[size]]
+    width: theme.sizing[SIZES[size]]
   };
 }
 function getIconColor(prominence, sentiment, disabled) {
@@ -24,62 +24,62 @@ function getIconColor(prominence, sentiment, disabled) {
 }
 const icon = recipe({
   base: {
-    verticalAlign: "middle",
-    fill: "currentcolor"
-  },
-  variants: {
-    sentiment: Object.fromEntries(
-      SENTIMENTS.map((sentiment) => [sentiment, {}])
-    ),
-    size: Object.fromEntries(
-      Object.keys(SIZES).map((size) => [
-        size,
-        generateSizeStyle(size)
-      ])
-    ),
-    disabled: {
-      true: {},
-      false: {}
-    },
-    prominence: Object.fromEntries(
-      Object.keys(PROMINENCES).map((prominence) => [prominence, {}])
-    )
+    fill: "currentcolor",
+    verticalAlign: "middle"
   },
   compoundVariants: [true, false].flatMap(
     (disabled) => Object.keys(PROMINENCES).flatMap(
       (prominence) => [...SENTIMENTS, void 0].map((sentiment) => ({
-        // We need to add undefined to have the variant where sentiment is undefined
-        variants: {
-          sentiment,
-          prominence,
-          disabled
-        },
         style: {
           fill: getIconColor(
             prominence,
             sentiment,
             disabled
           )
+        },
+        // We need to add undefined to have the variant where sentiment is undefined
+        variants: {
+          disabled,
+          prominence,
+          sentiment
         }
       }))
     )
   ),
   defaultVariants: {
-    prominence: "default",
-    disabled: false
+    disabled: false,
+    prominence: "default"
+  },
+  variants: {
+    disabled: {
+      false: {},
+      true: {}
+    },
+    prominence: Object.fromEntries(
+      Object.keys(PROMINENCES).map((prominence) => [prominence, {}])
+    ),
+    sentiment: Object.fromEntries(
+      SENTIMENTS.map((sentiment) => [sentiment, {}])
+    ),
+    size: Object.fromEntries(
+      Object.keys(SIZES).map((size) => [
+        size,
+        generateSizeStyle(size)
+      ])
+    )
   }
 });
-Object.keys(PROMINENCES).forEach(
-  (prominence) => SENTIMENTS.forEach((sentiment) => {
+Object.keys(PROMINENCES).forEach((prominence) => {
+  SENTIMENTS.forEach((sentiment) => {
     globalStyle(
-      `${icon({ sentiment, prominence })} .fillStroke`,
+      `${icon({ prominence, sentiment })} .fillStroke`,
       {
         fill: "none",
         stroke: getIconColor(prominence, sentiment)
       }
     );
-  })
-);
+  });
+});
 endFileScope();
 export {
   icon

package/dist/components/Logo/style.css.js

@@ -1,16 +1,16 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { theme } from "@ultraviolet/themes";
 import { styleVariants } from "@vanilla-extract/css";
 import { SIZES } from "./constant.js";
-import { theme } from "@ultraviolet/themes";
 setFileScope("src/components/Logo/style.css.ts", "@ultraviolet/icons");
 const logo = styleVariants(
   Object.fromEntries(
     Object.keys(SIZES).map((size) => [
       size,
       {
-        width: theme.sizing[SIZES[size]],
+        height: theme.sizing[SIZES[size]],
         minWidth: theme.sizing[SIZES[size]],
-        height: theme.sizing[SIZES[size]]
+        width: theme.sizing[SIZES[size]]
       }
     ])
   )

package/dist/components/ProductIcon/styles.css.js

@@ -1,14 +1,14 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { theme } from "@ultraviolet/themes";
-import { SIZES, VARIANTS } from "./constants.js";
 import { styleVariants, globalStyle } from "@vanilla-extract/css";
+import { SIZES, VARIANTS } from "./constants.js";
 setFileScope("src/components/ProductIcon/styles.css.ts", "@ultraviolet/icons");
 const PROMINENCES = ["Weak", "Strong", ""];
 function generateSizeStyle(size) {
   return {
     height: theme.sizing[SIZES[size]],
-    width: theme.sizing[SIZES[size]],
-    minWidth: theme.sizing[SIZES[size]]
+    minWidth: theme.sizing[SIZES[size]],
+    width: theme.sizing[SIZES[size]]
   };
 }
 function generateVariantStyle(variant, disabled, prominence) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/icons",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "Ultraviolet Icons",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -112,7 +112,7 @@
     "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
-    "@babel/core": "7.28.5",
+    "@babel/core": "7.28.6",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "react": "19.2.3",
@@ -124,7 +124,7 @@
     "@vanilla-extract/css": "1.17.4",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/recipes": "0.5.7",
-    "@ultraviolet/themes": "3.0.2",
+    "@ultraviolet/themes": "3.0.3",
     "@ultraviolet/utils": "1.0.0"
   },
   "scripts": {