@breadstone/mosaik-themes 0.0.173 → 0.0.175

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

@@ -0,0 +1,423 @@
+module.exports = {
+  "theme": {
+    "extend": {
+      "fontFamily": {
+        "font.family": "Nunito, sans-serif",
+        "typography.headline1.fontFamily": "Nunito, sans-serif",
+        "typography.headline2'.fontFamily": "Nunito, sans-serif",
+        "typography.headline3.fontFamily": "Nunito, sans-serif",
+        "typography.headline4.fontFamily": "Nunito, sans-serif",
+        "typography.headline5.fontFamily": "Nunito, sans-serif",
+        "typography.headline6.fontFamily": "Nunito, sans-serif",
+        "typography.subtitle1.fontFamily": "Nunito, sans-serif",
+        "typography.subtitle2.fontFamily": "Nunito, sans-serif",
+        "typography.body1.fontFamily": "Nunito, sans-serif",
+        "typography.body2.fontFamily": "Nunito, sans-serif",
+        "typography.caption.fontFamily": "Nunito, sans-serif",
+        "typography.button.fontFamily": "Nunito, sans-serif",
+        "typography.overline.fontFamily": "Nunito, sans-serif"
+      },
+      "spacing": {
+        "layout.radius": "0px",
+        "layout.space": "10px",
+        "layout.thickness": "3px",
+        "typography.headline1.lineHeight": "100px",
+        "typography.headline2'.lineHeight": "64px",
+        "typography.headline3.lineHeight": "52px",
+        "typography.headline4.lineHeight": "38px",
+        "typography.headline5.lineHeight": "28px",
+        "typography.headline6.lineHeight": "24px",
+        "typography.subtitle1.lineHeight": "20px",
+        "typography.subtitle2.lineHeight": "18px",
+        "typography.body1.lineHeight": "20px",
+        "typography.body2.lineHeight": "18px",
+        "typography.caption.lineHeight": "16px",
+        "typography.button.lineHeight": "18px",
+        "typography.overline.lineHeight": "16px",
+        "elevation.light.light.offsetX.0": "2px",
+        "elevation.light.light.offsetY.0": "2px",
+        "elevation.light.light.blur.0": "0px",
+        "elevation.light.light.spread.0": "0px",
+        "elevation.light.semilight.offsetX.0": "3px",
+        "elevation.light.semilight.offsetY.0": "3px",
+        "elevation.light.semilight.blur.0": "0px",
+        "elevation.light.semilight.spread.0": "0px",
+        "elevation.light.regular.offsetX.0": "4px",
+        "elevation.light.regular.offsetY.0": "4px",
+        "elevation.light.regular.blur.0": "0px",
+        "elevation.light.regular.spread.0": "0px",
+        "elevation.light.semibold.offsetX.0": "5px",
+        "elevation.light.semibold.offsetY.0": "5px",
+        "elevation.light.semibold.blur.0": "0px",
+        "elevation.light.semibold.spread.0": "0px",
+        "elevation.light.bold.offsetX.0": "6px",
+        "elevation.light.bold.offsetY.0": "6px",
+        "elevation.light.bold.blur.0": "0px",
+        "elevation.light.bold.spread.0": "0px",
+        "elevation.light.extrabold.offsetX.0": "7px",
+        "elevation.light.extrabold.offsetY.0": "7px",
+        "elevation.light.extrabold.blur.0": "0px",
+        "elevation.light.extrabold.spread.0": "0px",
+        "elevation.dark.light.offsetX.0": "2px",
+        "elevation.dark.light.offsetY.0": "2px",
+        "elevation.dark.light.blur.0": "0px",
+        "elevation.dark.light.spread.0": "0px",
+        "elevation.dark.semilight.offsetX.0": "3px",
+        "elevation.dark.semilight.offsetY.0": "3px",
+        "elevation.dark.semilight.blur.0": "0px",
+        "elevation.dark.semilight.spread.0": "0px",
+        "elevation.dark.regular.offsetX.0": "4px",
+        "elevation.dark.regular.offsetY.0": "4px",
+        "elevation.dark.regular.blur.0": "0px",
+        "elevation.dark.regular.spread.0": "0px",
+        "elevation.dark.semibold.offsetX.0": "5px",
+        "elevation.dark.semibold.offsetY.0": "5px",
+        "elevation.dark.semibold.blur.0": "0px",
+        "elevation.dark.semibold.spread.0": "0px",
+        "elevation.dark.bold.offsetX.0": "6px",
+        "elevation.dark.bold.offsetY.0": "6px",
+        "elevation.dark.bold.blur.0": "0px",
+        "elevation.dark.bold.spread.0": "0px",
+        "elevation.dark.extrabold.offsetX.0": "7px",
+        "elevation.dark.extrabold.offsetY.0": "7px",
+        "elevation.dark.extrabold.blur.0": "0px",
+        "elevation.dark.extrabold.spread.0": "0px",
+        "size.tiny": "2px",
+        "size.small": "4px",
+        "size.medium": "8px",
+        "size.large": "16px",
+        "size.giant": "32px"
+      },
+      "colors": {
+        "scheme": {
+          "light": {
+            "background": "rgb(234, 234, 234)",
+            "foreground": "rgb(60, 69, 79)",
+            "highlight": "rgb(209, 209, 209)",
+            "middlelight": "rgb(138, 138, 138)",
+            "lowlight": "rgb(92, 92, 92)",
+            "transparent": "rgba(255, 255, 255, 0)",
+            "semiTransparent": "rgba(255, 255, 255, 0.67)",
+            "disabled": "rgb(104, 104, 104)",
+            "contrast": "rgb(51, 51, 51)"
+          },
+          "dark": {
+            "background": "rgb(21, 21, 21)",
+            "foreground": "rgb(195, 186, 176)",
+            "highlight": "rgb(46, 46, 46)",
+            "middlelight": "rgb(117, 117, 117)",
+            "lowlight": "rgb(163, 163, 163)",
+            "transparent": "rgba(255, 255, 255, 0)",
+            "semiTransparent": "rgba(0, 0, 0, 0.67)",
+            "disabled": "rgb(71, 71, 71)",
+            "contrast": "rgb(255, 255, 255)"
+          }
+        },
+        "color": {
+          "light": {
+            "primary": {
+              "0": "rgb(255, 255, 255)",
+              "50": "rgb(249, 249, 249)",
+              "100": "rgb(242, 242, 242)",
+              "200": "rgb(232, 232, 232)",
+              "300": "rgb(216, 216, 216)",
+              "400": "rgb(180, 180, 180)",
+              "500": "rgb(148, 148, 148)",
+              "600": "rgb(108, 108, 108)",
+              "700": "rgb(89, 89, 89)",
+              "800": "rgb(58, 58, 58)",
+              "900": "rgb(26, 26, 26)"
+            },
+            "secondary": {
+              "0": "rgb(255, 255, 255)",
+              "50": "rgb(225, 243, 239)",
+              "100": "rgb(181, 224, 214)",
+              "200": "rgb(133, 205, 188)",
+              "300": "rgb(87, 185, 162)",
+              "400": "rgb(56, 169, 144)",
+              "500": "rgb(36, 153, 126)",
+              "600": "rgb(32, 140, 113)",
+              "700": "rgb(27, 124, 98)",
+              "800": "rgb(22, 108, 84)",
+              "900": "rgb(13, 80, 58)"
+            },
+            "info": {
+              "0": "rgb(255, 255, 255)",
+              "50": "rgb(232, 234, 249)",
+              "100": "rgb(198, 201, 241)",
+              "200": "rgb(159, 167, 231)",
+              "300": "rgb(120, 132, 221)",
+              "400": "rgb(89, 104, 214)",
+              "500": "rgb(57, 77, 205)",
+              "600": "rgb(51, 68, 194)",
+              "700": "rgb(41, 58, 182)",
+              "800": "rgb(32, 47, 170)",
+              "900": "rgb(10, 26, 151)"
+            },
+            "warning": {
+              "0": "rgb(255, 255, 255)",
+              "50": "rgb(252, 252, 229)",
+              "100": "rgb(247, 246, 191)",
+              "200": "rgb(241, 242, 148)",
+              "300": "rgb(235, 236, 103)",
+              "400": "rgb(229, 231, 65)",
+              "500": "rgb(223, 227, 0)",
+              "600": "rgb(209, 209, 0)",
+              "700": "rgb(191, 186, 0)",
+              "800": "rgb(174, 163, 0)",
+              "900": "rgb(146, 124, 0)"
+            },
+            "danger": {
+              "0": "rgb(255, 255, 255)",
+              "50": "rgb(252, 236, 239)",
+              "100": "rgb(248, 208, 213)",
+              "200": "rgb(230, 159, 161)",
+              "300": "rgb(217, 123, 125)",
+              "400": "rgb(227, 95, 95)",
+              "500": "rgb(232, 82, 74)",
+              "600": "rgb(217, 74, 71)",
+              "700": "rgb(199, 65, 65)",
+              "800": "rgb(185, 60, 58)",
+              "900": "rgb(171, 50, 47)"
+            },
+            "success": {
+              "0": "rgb(255, 255, 255)",
+              "50": "rgb(225, 243, 239)",
+              "100": "rgb(181, 224, 214)",
+              "200": "rgb(133, 205, 188)",
+              "300": "rgb(87, 185, 162)",
+              "400": "rgb(56, 169, 144)",
+              "500": "rgb(36, 153, 126)",
+              "600": "rgb(32, 140, 113)",
+              "700": "rgb(27, 124, 98)",
+              "800": "rgb(22, 108, 84)",
+              "900": "rgb(13, 80, 58)"
+            },
+            "neutral": {
+              "0": "rgb(255, 255, 255)",
+              "50": "rgb(249, 249, 249)",
+              "100": "rgb(242, 242, 242)",
+              "200": "rgb(232, 232, 232)",
+              "300": "rgb(216, 216, 216)",
+              "400": "rgb(180, 180, 180)",
+              "500": "rgb(148, 148, 148)",
+              "600": "rgb(108, 108, 108)",
+              "700": "rgb(89, 89, 89)",
+              "800": "rgb(58, 58, 58)",
+              "900": "rgb(26, 26, 26)"
+            }
+          },
+          "dark": {
+            "primary": {
+              "0": "rgb(0, 0, 0)",
+              "50": "rgb(26, 26, 26)",
+              "100": "rgb(58, 58, 58)",
+              "200": "rgb(89, 89, 89)",
+              "300": "rgb(108, 108, 108)",
+              "400": "rgb(148, 148, 148)",
+              "500": "rgb(180, 180, 180)",
+              "600": "rgb(216, 216, 216)",
+              "700": "rgb(232, 232, 232)",
+              "800": "rgb(242, 242, 242)",
+              "900": "rgb(249, 249, 249)"
+            },
+            "secondary": {
+              "0": "rgb(0, 0, 0)",
+              "50": "rgb(13, 80, 58)",
+              "100": "rgb(22, 108, 84)",
+              "200": "rgb(27, 124, 98)",
+              "300": "rgb(32, 140, 113)",
+              "400": "rgb(36, 153, 126)",
+              "500": "rgb(56, 169, 144)",
+              "600": "rgb(87, 185, 162)",
+              "700": "rgb(133, 205, 188)",
+              "800": "rgb(181, 224, 214)",
+              "900": "rgb(225, 243, 239)"
+            },
+            "info": {
+              "0": "rgb(0, 0, 0)",
+              "50": "rgb(10, 26, 151)",
+              "100": "rgb(32, 47, 170)",
+              "200": "rgb(41, 58, 182)",
+              "300": "rgb(51, 68, 194)",
+              "400": "rgb(57, 77, 205)",
+              "500": "rgb(89, 104, 214)",
+              "600": "rgb(120, 132, 221)",
+              "700": "rgb(159, 167, 231)",
+              "800": "rgb(198, 201, 241)",
+              "900": "rgb(232, 234, 249)"
+            },
+            "warning": {
+              "0": "rgb(0, 0, 0)",
+              "50": "rgb(146, 124, 0)",
+              "100": "rgb(174, 163, 0)",
+              "200": "rgb(191, 186, 0)",
+              "300": "rgb(209, 209, 0)",
+              "400": "rgb(223, 227, 0)",
+              "500": "rgb(229, 231, 65)",
+              "600": "rgb(235, 236, 103)",
+              "700": "rgb(241, 242, 148)",
+              "800": "rgb(247, 246, 191)",
+              "900": "rgb(252, 252, 229)"
+            },
+            "danger": {
+              "0": "rgb(0, 0, 0)",
+              "50": "rgb(171, 50, 47)",
+              "100": "rgb(185, 60, 58)",
+              "200": "rgb(199, 65, 65)",
+              "300": "rgb(217, 74, 71)",
+              "400": "rgb(232, 82, 74)",
+              "500": "rgb(227, 95, 95)",
+              "600": "rgb(217, 123, 125)",
+              "700": "rgb(230, 159, 161)",
+              "800": "rgb(248, 208, 213)",
+              "900": "rgb(252, 236, 239)"
+            },
+            "success": {
+              "0": "rgb(0, 0, 0)",
+              "50": "rgb(13, 80, 58)",
+              "100": "rgb(22, 108, 84)",
+              "200": "rgb(27, 124, 98)",
+              "300": "rgb(32, 140, 113)",
+              "400": "rgb(36, 153, 126)",
+              "500": "rgb(56, 169, 144)",
+              "600": "rgb(87, 185, 162)",
+              "700": "rgb(133, 205, 188)",
+              "800": "rgb(181, 224, 214)",
+              "900": "rgb(225, 243, 239)"
+            },
+            "neutral": {
+              "0": "rgb(0, 0, 0)",
+              "50": "rgb(26, 26, 26)",
+              "100": "rgb(58, 58, 58)",
+              "200": "rgb(89, 89, 89)",
+              "300": "rgb(108, 108, 108)",
+              "400": "rgb(148, 148, 148)",
+              "500": "rgb(180, 180, 180)",
+              "600": "rgb(216, 216, 216)",
+              "700": "rgb(232, 232, 232)",
+              "800": "rgb(242, 242, 242)",
+              "900": "rgb(249, 249, 249)"
+            }
+          }
+        },
+        "elevation": {
+          "light": {
+            "light": {
+              "color": {
+                "0": "rgb(51, 51, 51)"
+              }
+            },
+            "semilight": {
+              "color": {
+                "0": "rgb(51, 51, 51)"
+              }
+            },
+            "regular": {
+              "color": {
+                "0": "rgb(51, 51, 51)"
+              }
+            },
+            "semibold": {
+              "color": {
+                "0": "rgb(51, 51, 51)"
+              }
+            },
+            "bold": {
+              "color": {
+                "0": "rgb(51, 51, 51)"
+              }
+            },
+            "extrabold": {
+              "color": {
+                "0": "rgb(51, 51, 51)"
+              }
+            }
+          },
+          "dark": {
+            "light": {
+              "color": {
+                "0": "rgb(255, 255, 255)"
+              }
+            },
+            "semilight": {
+              "color": {
+                "0": "rgb(255, 255, 255)"
+              }
+            },
+            "regular": {
+              "color": {
+                "0": "rgb(255, 255, 255)"
+              }
+            },
+            "semibold": {
+              "color": {
+                "0": "rgb(255, 255, 255)"
+              }
+            },
+            "bold": {
+              "color": {
+                "0": "rgb(255, 255, 255)"
+              }
+            },
+            "extrabold": {
+              "color": {
+                "0": "rgb(255, 255, 255)"
+              }
+            }
+          }
+        }
+      },
+      "fontSize": {
+        "typography.headline1.fontSize": "96px",
+        "typography.headline2'.fontSize": "60px",
+        "typography.headline3.fontSize": "48px",
+        "typography.headline4.fontSize": "34px",
+        "typography.headline5.fontSize": "24px",
+        "typography.headline6.fontSize": "20px",
+        "typography.subtitle1.fontSize": "16px",
+        "typography.subtitle2.fontSize": "14px",
+        "typography.body1.fontSize": "16px",
+        "typography.body2.fontSize": "14px",
+        "typography.caption.fontSize": "12px",
+        "typography.button.fontSize": "14px",
+        "typography.overline.fontSize": "12px"
+      },
+      "letterSpacing": {
+        "typography.headline1.letterSpacing": "-0.25px",
+        "typography.headline2'.letterSpacing": "-0.13333333333333333px",
+        "typography.headline3.letterSpacing": "normal",
+        "typography.headline4.letterSpacing": "0.11764705882352941px",
+        "typography.headline5.letterSpacing": "normal",
+        "typography.headline6.letterSpacing": "0.2px",
+        "typography.subtitle1.letterSpacing": "0.15px",
+        "typography.subtitle2.letterSpacing": "0.1142857142857143px",
+        "typography.body1.letterSpacing": "0.5px",
+        "typography.body2.letterSpacing": "0.2857142857142857px",
+        "typography.caption.letterSpacing": "0.5333333333333333px",
+        "typography.button.letterSpacing": "1.4285714285714286px",
+        "typography.overline.letterSpacing": "2.6666666666666665px"
+      },
+      "boxShadow": {
+        "elevation-light-light-_": "2px 2px 0px 0px rgb(51, 51, 51)",
+        "elevation-light-semilight-_": "3px 3px 0px 0px rgb(51, 51, 51)",
+        "elevation-light-regular-_": "4px 4px 0px 0px rgb(51, 51, 51)",
+        "elevation-light-semibold-_": "5px 5px 0px 0px rgb(51, 51, 51)",
+        "elevation-light-bold-_": "6px 6px 0px 0px rgb(51, 51, 51)",
+        "elevation-light-extrabold-_": "7px 7px 0px 0px rgb(51, 51, 51)",
+        "elevation-dark-light-_": "2px 2px 0px 0px rgb(255, 255, 255)",
+        "elevation-dark-semilight-_": "3px 3px 0px 0px rgb(255, 255, 255)",
+        "elevation-dark-regular-_": "4px 4px 0px 0px rgb(255, 255, 255)",
+        "elevation-dark-semibold-_": "5px 5px 0px 0px rgb(255, 255, 255)",
+        "elevation-dark-bold-_": "6px 6px 0px 0px rgb(255, 255, 255)",
+        "elevation-dark-extrabold-_": "7px 7px 0px 0px rgb(255, 255, 255)"
+      },
+      "transitionDuration": {
+        "duration._": "200ms 400ms 600ms",
+        "duration.short": "200ms",
+        "duration.medium": "400ms",
+        "duration.long": "600ms"
+      }
+    }
+  }
+};

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

@@ -0,0 +1,92 @@
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+  theme: {
+  "extend": {
+    "fontFamily": {
+      "font.family": "'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": {
+            "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"
+          }
+        },
+        "dark": {
+          "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"
+          }
+        }
+      }
+    },
+    "fontSize": {
+      "typography.headline1.fontSize": "80px",
+      "typography.headline2.fontSize": "72px",
+      "typography.headline3.fontSize": "64px",
+      "typography.headline4.fontSize": "56px",
+      "typography.headline5.fontSize": "48px",
+      "typography.headline6.fontSize": "40px"
+    }
+  }
+},
+  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.)
+    })
+  ]
+};