@breadstone/mosaik-themes 0.0.174 → 0.0.176

package/tailwind/v3/mosaik-memphis.tailwind.config.cjs

@@ -0,0 +1,308 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  "theme": {
+    "extend": {
+      "fontFamily": {
+        "sans": "Nunito, sans-serif",
+        "headline1": "Nunito, sans-serif",
+        "headline2'": "Nunito, sans-serif",
+        "headline3": "Nunito, sans-serif",
+        "headline4": "Nunito, sans-serif",
+        "headline5": "Nunito, sans-serif",
+        "headline6": "Nunito, sans-serif",
+        "subtitle1": "Nunito, sans-serif",
+        "subtitle2": "Nunito, sans-serif",
+        "body1": "Nunito, sans-serif",
+        "body2": "Nunito, sans-serif",
+        "caption": "Nunito, sans-serif",
+        "button": "Nunito, sans-serif",
+        "overline": "Nunito, sans-serif"
+      },
+      "spacing": {
+        "radius": "0px",
+        "space": "10px",
+        "thickness": "3px",
+        "size-tiny": "2px",
+        "size-small": "4px",
+        "size-medium": "8px",
+        "size-large": "16px",
+        "size-giant": "32px"
+      },
+      "colors": {
+        "background": "oklch(93.70% 0.0000 NaN)",
+        "foreground": "oklch(38.62% 0.0207 251.11)",
+        "highlight": "oklch(86.07% 0.0000 NaN)",
+        "middlelight": "oklch(63.34% 0.0000 NaN)",
+        "lowlight": "oklch(47.48% 0.0000 NaN)",
+        "transparent": "oklch(100.00% 0.0000 NaN / 0.00)",
+        "semiTransparent": "oklch(100.00% 0.0000 NaN / 0.67)",
+        "disabled": "oklch(51.73% 0.0000 NaN)",
+        "contrast": "oklch(32.11% 0.0000 NaN)",
+        "background-dark": "oklch(19.57% 0.0000 NaN)",
+        "foreground-dark": "oklch(79.35% 0.0173 70.48)",
+        "highlight-dark": "oklch(30.12% 0.0000 NaN)",
+        "middlelight-dark": "oklch(56.24% 0.0000 NaN)",
+        "lowlight-dark": "oklch(71.55% 0.0000 NaN)",
+        "transparent-dark": "oklch(100.00% 0.0000 NaN / 0.00)",
+        "semiTransparent-dark": "oklch(0.00% 0.0000 NaN / 0.67)",
+        "disabled-dark": "oklch(39.79% 0.0000 NaN)",
+        "contrast-dark": "oklch(100.00% 0.0000 NaN)",
+        "primary": {
+          "0": "oklch(100.00% 0.0000 NaN)",
+          "50": "oklch(98.21% 0.0000 NaN)",
+          "100": "oklch(96.12% 0.0000 NaN)",
+          "200": "oklch(93.10% 0.0000 NaN)",
+          "300": "oklch(88.22% 0.0000 NaN)",
+          "400": "oklch(76.99% 0.0000 NaN)",
+          "500": "oklch(66.65% 0.0000 NaN)",
+          "600": "oklch(53.13% 0.0000 NaN)",
+          "700": "oklch(46.40% 0.0000 NaN)",
+          "800": "oklch(34.85% 0.0000 NaN)",
+          "900": "oklch(21.78% 0.0000 NaN)"
+        },
+        "secondary": {
+          "0": "oklch(100.00% 0.0000 NaN)",
+          "50": "oklch(94.97% 0.0197 181.01)",
+          "100": "oklch(87.34% 0.0468 179.37)",
+          "200": "oklch(79.59% 0.0765 177.63)",
+          "300": "oklch(72.02% 0.0990 175.79)",
+          "400": "oklch(66.49% 0.1076 175.10)",
+          "500": "oklch(61.35% 0.1083 173.03)",
+          "600": "oklch(57.43% 0.1030 171.47)",
+          "700": "oklch(52.55% 0.0957 170.04)",
+          "800": "oklch(47.58% 0.0876 169.17)",
+          "900": "oklch(38.51% 0.0745 165.49)"
+        },
+        "info": {
+          "0": "oklch(100.00% 0.0000 NaN)",
+          "50": "oklch(93.99% 0.0203 279.98)",
+          "100": "oklch(84.66% 0.0556 281.77)",
+          "200": "oklch(74.58% 0.0927 278.40)",
+          "300": "oklch(64.30% 0.1333 276.18)",
+          "400": "oklch(56.30% 0.1679 273.90)",
+          "500": "oklch(48.71% 0.1977 270.31)",
+          "600": "oklch(45.84% 0.1955 270.44)",
+          "700": "oklch(42.49% 0.1941 269.50)",
+          "800": "oklch(39.05% 0.1932 268.83)",
+          "900": "oklch(33.07% 0.1949 265.89)"
+        },
+        "warning": {
+          "0": "oklch(100.00% 0.0000 NaN)",
+          "50": "oklch(98.50% 0.0301 106.90)",
+          "100": "oklch(96.06% 0.0707 106.78)",
+          "200": "oklch(94.00% 0.1164 108.96)",
+          "300": "oklch(91.71% 0.1543 109.48)",
+          "400": "oklch(89.86% 0.1772 110.18)",
+          "500": "oklch(88.33% 0.1942 111.06)",
+          "600": "oklch(83.31% 0.1816 109.76)",
+          "700": "oklch(76.80% 0.1654 107.77)",
+          "800": "oklch(70.25% 0.1489 104.75)",
+          "900": "oklch(58.92% 0.1214 96.61)"
+        },
+        "danger": {
+          "0": "oklch(100.00% 0.0000 NaN)",
+          "50": "oklch(95.66% 0.0178 4.63)",
+          "100": "oklch(89.30% 0.0454 9.58)",
+          "200": "oklch(77.19% 0.0850 17.37)",
+          "300": "oklch(68.64% 0.1170 19.23)",
+          "400": "oklch(65.26% 0.1653 22.80)",
+          "500": "oklch(64.08% 0.1872 26.78)",
+          "600": "oklch(60.73% 0.1797 25.28)",
+          "700": "oklch(56.68% 0.1705 24.38)",
+          "800": "oklch(53.67% 0.1615 25.20)",
+          "900": "oklch(50.01% 0.1579 26.13)"
+        },
+        "success": {
+          "0": "oklch(100.00% 0.0000 NaN)",
+          "50": "oklch(94.97% 0.0197 181.01)",
+          "100": "oklch(87.34% 0.0468 179.37)",
+          "200": "oklch(79.59% 0.0765 177.63)",
+          "300": "oklch(72.02% 0.0990 175.79)",
+          "400": "oklch(66.49% 0.1076 175.10)",
+          "500": "oklch(61.35% 0.1083 173.03)",
+          "600": "oklch(57.43% 0.1030 171.47)",
+          "700": "oklch(52.55% 0.0957 170.04)",
+          "800": "oklch(47.58% 0.0876 169.17)",
+          "900": "oklch(38.51% 0.0745 165.49)"
+        },
+        "neutral": {
+          "0": "oklch(100.00% 0.0000 NaN)",
+          "50": "oklch(98.21% 0.0000 NaN)",
+          "100": "oklch(96.12% 0.0000 NaN)",
+          "200": "oklch(93.10% 0.0000 NaN)",
+          "300": "oklch(88.22% 0.0000 NaN)",
+          "400": "oklch(76.99% 0.0000 NaN)",
+          "500": "oklch(66.65% 0.0000 NaN)",
+          "600": "oklch(53.13% 0.0000 NaN)",
+          "700": "oklch(46.40% 0.0000 NaN)",
+          "800": "oklch(34.85% 0.0000 NaN)",
+          "900": "oklch(21.78% 0.0000 NaN)"
+        },
+        "primary-dark": {
+          "0": "oklch(0.00% 0.0000 NaN)",
+          "50": "oklch(21.78% 0.0000 NaN)",
+          "100": "oklch(34.85% 0.0000 NaN)",
+          "200": "oklch(46.40% 0.0000 NaN)",
+          "300": "oklch(53.13% 0.0000 NaN)",
+          "400": "oklch(66.65% 0.0000 NaN)",
+          "500": "oklch(76.99% 0.0000 NaN)",
+          "600": "oklch(88.22% 0.0000 NaN)",
+          "700": "oklch(93.10% 0.0000 NaN)",
+          "800": "oklch(96.12% 0.0000 NaN)",
+          "900": "oklch(98.21% 0.0000 NaN)"
+        },
+        "secondary-dark": {
+          "0": "oklch(0.00% 0.0000 NaN)",
+          "50": "oklch(38.51% 0.0745 165.49)",
+          "100": "oklch(47.58% 0.0876 169.17)",
+          "200": "oklch(52.55% 0.0957 170.04)",
+          "300": "oklch(57.43% 0.1030 171.47)",
+          "400": "oklch(61.35% 0.1083 173.03)",
+          "500": "oklch(66.49% 0.1076 175.10)",
+          "600": "oklch(72.02% 0.0990 175.79)",
+          "700": "oklch(79.59% 0.0765 177.63)",
+          "800": "oklch(87.34% 0.0468 179.37)",
+          "900": "oklch(94.97% 0.0197 181.01)"
+        },
+        "info-dark": {
+          "0": "oklch(0.00% 0.0000 NaN)",
+          "50": "oklch(33.07% 0.1949 265.89)",
+          "100": "oklch(39.05% 0.1932 268.83)",
+          "200": "oklch(42.49% 0.1941 269.50)",
+          "300": "oklch(45.84% 0.1955 270.44)",
+          "400": "oklch(48.71% 0.1977 270.31)",
+          "500": "oklch(56.30% 0.1679 273.90)",
+          "600": "oklch(64.30% 0.1333 276.18)",
+          "700": "oklch(74.58% 0.0927 278.40)",
+          "800": "oklch(84.66% 0.0556 281.77)",
+          "900": "oklch(93.99% 0.0203 279.98)"
+        },
+        "warning-dark": {
+          "0": "oklch(0.00% 0.0000 NaN)",
+          "50": "oklch(58.92% 0.1214 96.61)",
+          "100": "oklch(70.25% 0.1489 104.75)",
+          "200": "oklch(76.80% 0.1654 107.77)",
+          "300": "oklch(83.31% 0.1816 109.76)",
+          "400": "oklch(88.33% 0.1942 111.06)",
+          "500": "oklch(89.86% 0.1772 110.18)",
+          "600": "oklch(91.71% 0.1543 109.48)",
+          "700": "oklch(94.00% 0.1164 108.96)",
+          "800": "oklch(96.06% 0.0707 106.78)",
+          "900": "oklch(98.50% 0.0301 106.90)"
+        },
+        "danger-dark": {
+          "0": "oklch(0.00% 0.0000 NaN)",
+          "50": "oklch(50.01% 0.1579 26.13)",
+          "100": "oklch(53.67% 0.1615 25.20)",
+          "200": "oklch(56.68% 0.1705 24.38)",
+          "300": "oklch(60.73% 0.1797 25.28)",
+          "400": "oklch(64.08% 0.1872 26.78)",
+          "500": "oklch(65.26% 0.1653 22.80)",
+          "600": "oklch(68.64% 0.1170 19.23)",
+          "700": "oklch(77.19% 0.0850 17.37)",
+          "800": "oklch(89.30% 0.0454 9.58)",
+          "900": "oklch(95.66% 0.0178 4.63)"
+        },
+        "success-dark": {
+          "0": "oklch(0.00% 0.0000 NaN)",
+          "50": "oklch(38.51% 0.0745 165.49)",
+          "100": "oklch(47.58% 0.0876 169.17)",
+          "200": "oklch(52.55% 0.0957 170.04)",
+          "300": "oklch(57.43% 0.1030 171.47)",
+          "400": "oklch(61.35% 0.1083 173.03)",
+          "500": "oklch(66.49% 0.1076 175.10)",
+          "600": "oklch(72.02% 0.0990 175.79)",
+          "700": "oklch(79.59% 0.0765 177.63)",
+          "800": "oklch(87.34% 0.0468 179.37)",
+          "900": "oklch(94.97% 0.0197 181.01)"
+        },
+        "neutral-dark": {
+          "0": "oklch(0.00% 0.0000 NaN)",
+          "50": "oklch(21.78% 0.0000 NaN)",
+          "100": "oklch(34.85% 0.0000 NaN)",
+          "200": "oklch(46.40% 0.0000 NaN)",
+          "300": "oklch(53.13% 0.0000 NaN)",
+          "400": "oklch(66.65% 0.0000 NaN)",
+          "500": "oklch(76.99% 0.0000 NaN)",
+          "600": "oklch(88.22% 0.0000 NaN)",
+          "700": "oklch(93.10% 0.0000 NaN)",
+          "800": "oklch(96.12% 0.0000 NaN)",
+          "900": "oklch(98.21% 0.0000 NaN)"
+        }
+      },
+      "fontSize": {
+        "headline1": "96px",
+        "headline2'": "60px",
+        "headline3": "48px",
+        "headline4": "34px",
+        "headline5": "24px",
+        "headline6": "20px",
+        "subtitle1": "16px",
+        "subtitle2": "14px",
+        "body1": "16px",
+        "body2": "14px",
+        "caption": "12px",
+        "button": "14px",
+        "overline": "12px"
+      },
+      "lineHeight": {
+        "headline1": "100px",
+        "headline2'": "64px",
+        "headline3": "52px",
+        "headline4": "38px",
+        "headline5": "28px",
+        "headline6": "24px",
+        "subtitle1": "20px",
+        "subtitle2": "18px",
+        "body1": "20px",
+        "body2": "18px",
+        "caption": "16px",
+        "button": "18px",
+        "overline": "16px"
+      },
+      "fontWeight": {
+        "headline1": "300",
+        "headline2'": "300",
+        "headline3": "400",
+        "headline4": "400",
+        "headline5": "400",
+        "headline6": "500",
+        "subtitle1": "400",
+        "subtitle2": "500",
+        "body1": "400",
+        "body2": "400",
+        "caption": "400",
+        "button": "700",
+        "overline": "500"
+      },
+      "letterSpacing": {
+        "headline1": "-0.25px",
+        "headline2'": "-0.13333333333333333px",
+        "headline3": "normal",
+        "headline4": "0.11764705882352941px",
+        "headline5": "normal",
+        "headline6": "0.2px",
+        "subtitle1": "0.15px",
+        "subtitle2": "0.1142857142857143px",
+        "body1": "0.5px",
+        "body2": "0.2857142857142857px",
+        "caption": "0.5333333333333333px",
+        "button": "1.4285714285714286px",
+        "overline": "2.6666666666666665px"
+      },
+      "transitionDuration": {
+        "DEFAULT": "200ms 400ms 600ms",
+        "short": "200ms",
+        "medium": "400ms",
+        "long": "600ms"
+      }
+    }
+  }
+};

package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs

@@ -0,0 +1,118 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+  theme: {
+  "extend": {
+    "fontFamily": {
+      "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
+    },
+    "spacing": {
+      "layout-radius": "12px",
+      "layout-space": "8px",
+      "layout-thickness": "2px",
+      "size-tiny": "2px",
+      "size-small": "4px",
+      "size-medium": "8px",
+      "size-large": "16px",
+      "size-giant": "32px"
+    },
+    "colors": {
+      "primary": {
+        "100": "#cfe2ff",
+        "200": "#9ec5fe",
+        "300": "#6ea8fe",
+        "400": "#3d8bfd",
+        "500": "#0d6efd",
+        "600": "#0a58ca",
+        "700": "#084298",
+        "800": "#052c65",
+        "900": "#031633"
+      },
+      "secondary": {
+        "100": "#f8f9fa",
+        "200": "#e9ecef",
+        "300": "#dee2e6",
+        "400": "#ced4da",
+        "500": "#adb5bd",
+        "600": "#6c757d",
+        "700": "#495057",
+        "800": "#343a40",
+        "900": "#212529"
+      },
+      "primary-dark": {
+        "100": "#cfe2ff",
+        "200": "#9ec5fe",
+        "300": "#6ea8fe",
+        "400": "#3d8bfd",
+        "500": "#0d6efd",
+        "600": "#0a58ca",
+        "700": "#084298",
+        "800": "#052c65",
+        "900": "#031633"
+      },
+      "secondary-dark": {
+        "100": "#f8f9fa",
+        "200": "#e9ecef",
+        "300": "#dee2e6",
+        "400": "#ced4da",
+        "500": "#adb5bd",
+        "600": "#6c757d",
+        "700": "#495057",
+        "800": "#343a40",
+        "900": "#212529"
+      }
+    },
+    "fontSize": {
+      "headline1": "80px",
+      "headline2": "72px",
+      "headline3": "64px",
+      "headline4": "56px",
+      "headline5": "48px",
+      "headline6": "40px"
+    },
+    "lineHeight": {
+      "headline1": "1.2",
+      "headline2": "1.2",
+      "headline3": "1.2",
+      "headline4": "1.2",
+      "headline5": "1.2",
+      "headline6": "1.2"
+    },
+    "fontWeight": {
+      "headline1": "300",
+      "headline2": "300",
+      "headline3": "300",
+      "headline4": "300",
+      "headline5": "300",
+      "headline6": "300"
+    },
+    "letterSpacing": {
+      "headline1": "0",
+      "headline2": "0",
+      "headline3": "0",
+      "headline4": "0",
+      "headline5": "0",
+      "headline6": "0"
+    }
+  }
+},
+  plugins: [
+    plugin(function({ addUtilities, theme, e }) {
+      const shadows = theme('boxShadow') || {};
+      const utils = Object.entries(shadows).reduce((acc, [key, value]) => {
+        acc['.' + e('shadow-' + key)] = { boxShadow: value };
+        return acc;
+      }, {});
+      addUtilities(utils, ['responsive', 'hover', 'focus']);
+      // You can extend with more utilities here (spacing, radii, etc.)
+    })
+  ]
+};

package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs

@@ -0,0 +1,80 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+  theme: {
+  "extend": {
+    "fontFamily": {
+      "sans": "'Noto Sans', sans-serif",
+      "heading": "'Noto Sans', sans-serif",
+      "content": "'Noto Sans', sans-serif",
+      "button": "'Noto Sans', sans-serif"
+    },
+    "spacing": {
+      "radius": "3px",
+      "space": "8px",
+      "thickness": "1px",
+      "size-tiny": "2px",
+      "size-small": "4px",
+      "size-medium": "8px",
+      "size-large": "16px",
+      "size-giant": "32px"
+    },
+    "colors": {
+      "primary": {
+        "0": "#ffffff",
+        "100": "#fed7ea",
+        "500": "#dc1884"
+      },
+      "primary-dark": {
+        "0": "#000000",
+        "100": "#4b0225",
+        "500": "#dc1884"
+      }
+    },
+    "fontSize": {
+      "heading": "24px",
+      "content": "16px",
+      "button": "16px"
+    },
+    "lineHeight": {
+      "heading": "28px",
+      "content": "20px",
+      "button": "20px"
+    },
+    "fontWeight": {
+      "heading": "300",
+      "content": "300",
+      "button": "700"
+    },
+    "letterSpacing": {
+      "heading": "-0.25px",
+      "content": "-0.25px",
+      "button": "-0.25px"
+    },
+    "transitionDuration": {
+      "short": "200ms",
+      "medium": "400ms",
+      "long": "600ms"
+    }
+  }
+},
+  plugins: [
+    plugin(function({ addUtilities, theme, e }) {
+      const shadows = theme('boxShadow') || {};
+      const utils = Object.entries(shadows).reduce((acc, [key, value]) => {
+        acc['.' + e('shadow-' + key)] = { boxShadow: value };
+        return acc;
+      }, {});
+      addUtilities(utils, ['responsive', 'hover', 'focus']);
+      // You can extend with more utilities here (spacing, radii, etc.)
+    })
+  ]
+};

package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs

@@ -0,0 +1,57 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+  theme: {
+  "extend": {
+    "fontFamily": {
+      "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
+    },
+    "spacing": {
+      "layout-radius": "12px",
+      "layout-space": "8px",
+      "layout-thickness": "2px",
+      "size-tiny": "2px",
+      "size-small": "4px",
+      "size-medium": "8px",
+      "size-large": "16px",
+      "size-giant": "32px"
+    },
+    "colors": {
+      "color": {
+        "light-primary": "#0078D4",
+        "light-secondary": "#005A9E",
+        "light-tertiary": "#003E6B"
+      }
+    },
+    "transitionDuration": {
+      "durationUltraFast": "50ms",
+      "durationFaster": "100ms",
+      "durationFast": "150ms",
+      "durationNormal": "200ms",
+      "durationGentle": "250ms",
+      "durationSlow": "300ms",
+      "durationSlower": "400ms",
+      "durationUltraSlow": "500ms"
+    }
+  }
+},
+  plugins: [
+    plugin(function({ addUtilities, theme, e }) {
+      const shadows = theme('boxShadow') || {};
+      const utils = Object.entries(shadows).reduce((acc, [key, value]) => {
+        acc['.' + e('shadow-' + key)] = { boxShadow: value };
+        return acc;
+      }, {});
+      addUtilities(utils, ['responsive', 'hover', 'focus']);
+      // You can extend with more utilities here (spacing, radii, etc.)
+    })
+  ]
+};