feat(ffe-icons): Endre ikonstørrelse på lg og xl, (lg 40 -> 32, xl 48 -> 40)

Breaking change: Ikon med størrelse XL er nå blitt litt mindre (48px til 40px) og lg har blitt mindre (40px -> 32px)

Author: hagenek

examples/sbanky/tailwind.config.js

@@ -0,0 +1,72 @@
+/** @type {import('tailwindcss').Config} */
+const colors = require('@sb1/ffe-core/lib/colors');
+const { greyCharcoalDarkmode } = require('@sb1/ffe-core/lib/colors-deprecated');
+const spacing = require('@sb1/ffe-core/lib/spacing');
+const breakpoints = require('@sb1/ffe-core/lib/breakpoints');
+
+module.exports = {
+    content: ['./src/**/*.{tsx,ts}'],
+    darkMode: [
+        'variant',
+        [
+            '@media (prefers-color-scheme: dark) { body.regard-color-scheme-preference & }',
+        ],
+    ],
+    theme: {
+        colors: {
+            ...colors,
+            inherit: 'inherit',
+            transparent: 'transparent',
+            fargeBeksvart: greyCharcoalDarkmode,
+        },
+        screens: {
+            sm: breakpoints.breakpointSm,
+            md: breakpoints.breakpointMd,
+            lg: breakpoints.breakpointLg,
+            xl: breakpoints.breakpointXl,
+        },
+        spacing: {
+            0: 0,
+            0.5: spacing.spacing2xs,
+            1: spacing.spacing,
+            2: spacing.spacingSm,
+            3: spacing.spacingMd,
+            4: spacing.spacingLg,
+            5: spacing.spacingXl,
+            6: spacing.spacing2xl,
+            8: spacing.spacing3xl,
+            10: spacing.spacing4xl,
+            20: spacing.spacing5xl,
+            '2xs': spacing.spacing2xs,
+            xs: spacing.spacingXs,
+            sm: spacing.spacingSm,
+            md: spacing.spacingMd,
+            lg: spacing.spacingLg,
+            xl: spacing.spacingXl,
+            '2xl': spacing.spacing2xl,
+            '3xl': spacing.spacing3xl,
+            '4xl': spacing.spacing4xl,
+            '5xl': spacing.spacing5xl,
+            '1/2': '50%',
+        },
+        animation: {
+            slide: 'slide 1.8s infinite',
+        },
+        keyframes: {
+            slide: {
+                '0%': { transform: 'translateX(-100%)' },
+                '100%': { transform: 'translateX(100%)' },
+            },
+        },
+        extend: {
+            borderRadius: {
+                DEFAULT: '8px',
+                lg: '32px',
+            },
+        },
+    },
+    plugins: [],
+    corePlugins: {
+        preflight: false,
+    },
+};

packages/ffe-icons/bin/build.js

@@ -13,8 +13,8 @@ const {
     const sizes = [
         { name: 'sm', opsz: 20 },
         { name: 'md', opsz: 24 },
-        { name: 'lg', opsz: 40 },
-        { name: 'xl', opsz: 48 },
+        { name: 'lg', opsz: 32 },
+        { name: 'xl', opsz: 40 },
     ];
     const fill = [0, 1];