@breadstone/mosaik-themes 0.0.174 → 0.0.175

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

@@ -0,0 +1,550 @@
+const plugin = require('tailwindcss/plugin');
+
+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": "12px",
+      "layout.space": "8px",
+      "layout.thickness": "2px",
+      "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": "0px",
+      "elevation.light.light.offsetX.1": "0px",
+      "elevation.light.light.offsetY.0": "0px",
+      "elevation.light.light.offsetY.1": "1px",
+      "elevation.light.light.blur.0": "2px",
+      "elevation.light.light.blur.1": "2px",
+      "elevation.light.light.spread.0": "0px",
+      "elevation.light.light.spread.1": "0px",
+      "elevation.light.semilight.offsetX.0": "0px",
+      "elevation.light.semilight.offsetX.1": "0px",
+      "elevation.light.semilight.offsetY.0": "0px",
+      "elevation.light.semilight.offsetY.1": "2px",
+      "elevation.light.semilight.blur.0": "2px",
+      "elevation.light.semilight.blur.1": "4px",
+      "elevation.light.semilight.spread.0": "0px",
+      "elevation.light.semilight.spread.1": "0px",
+      "elevation.light.regular.offsetX.0": "0px",
+      "elevation.light.regular.offsetX.1": "0px",
+      "elevation.light.regular.offsetY.0": "0px",
+      "elevation.light.regular.offsetY.1": "4px",
+      "elevation.light.regular.blur.0": "2px",
+      "elevation.light.regular.blur.1": "8px",
+      "elevation.light.regular.spread.0": "0px",
+      "elevation.light.regular.spread.1": "0px",
+      "elevation.light.semibold.offsetX.0": "0px",
+      "elevation.light.semibold.offsetX.1": "0px",
+      "elevation.light.semibold.offsetY.0": "0px",
+      "elevation.light.semibold.offsetY.1": "8px",
+      "elevation.light.semibold.blur.0": "2px",
+      "elevation.light.semibold.blur.1": "16px",
+      "elevation.light.semibold.spread.0": "0px",
+      "elevation.light.semibold.spread.1": "0px",
+      "elevation.light.bold.offsetX.0": "0px",
+      "elevation.light.bold.offsetX.1": "0px",
+      "elevation.light.bold.offsetY.0": "0px",
+      "elevation.light.bold.offsetY.1": "14px",
+      "elevation.light.bold.blur.0": "8px",
+      "elevation.light.bold.blur.1": "28px",
+      "elevation.light.bold.spread.0": "0px",
+      "elevation.light.bold.spread.1": "0px",
+      "elevation.light.extrabold.offsetX.0": "0px",
+      "elevation.light.extrabold.offsetX.1": "0px",
+      "elevation.light.extrabold.offsetY.0": "0px",
+      "elevation.light.extrabold.offsetY.1": "32px",
+      "elevation.light.extrabold.blur.0": "8px",
+      "elevation.light.extrabold.blur.1": "64px",
+      "elevation.light.extrabold.spread.0": "0px",
+      "elevation.light.extrabold.spread.1": "0px",
+      "elevation.dark.light.offsetX.0": "0px",
+      "elevation.dark.light.offsetX.1": "0px",
+      "elevation.dark.light.offsetY.0": "0px",
+      "elevation.dark.light.offsetY.1": "1px",
+      "elevation.dark.light.blur.0": "2px",
+      "elevation.dark.light.blur.1": "2px",
+      "elevation.dark.light.spread.0": "0px",
+      "elevation.dark.light.spread.1": "0px",
+      "elevation.dark.semilight.offsetX.0": "0px",
+      "elevation.dark.semilight.offsetX.1": "0px",
+      "elevation.dark.semilight.offsetY.0": "0px",
+      "elevation.dark.semilight.offsetY.1": "2px",
+      "elevation.dark.semilight.blur.0": "2px",
+      "elevation.dark.semilight.blur.1": "4px",
+      "elevation.dark.semilight.spread.0": "0px",
+      "elevation.dark.semilight.spread.1": "0px",
+      "elevation.dark.regular.offsetX.0": "0px",
+      "elevation.dark.regular.offsetX.1": "0px",
+      "elevation.dark.regular.offsetY.0": "0px",
+      "elevation.dark.regular.offsetY.1": "4px",
+      "elevation.dark.regular.blur.0": "2px",
+      "elevation.dark.regular.blur.1": "8px",
+      "elevation.dark.regular.spread.0": "0px",
+      "elevation.dark.regular.spread.1": "0px",
+      "elevation.dark.semibold.offsetX.0": "0px",
+      "elevation.dark.semibold.offsetX.1": "0px",
+      "elevation.dark.semibold.offsetY.0": "0px",
+      "elevation.dark.semibold.offsetY.1": "8px",
+      "elevation.dark.semibold.blur.0": "2px",
+      "elevation.dark.semibold.blur.1": "16px",
+      "elevation.dark.semibold.spread.0": "0px",
+      "elevation.dark.semibold.spread.1": "0px",
+      "elevation.dark.bold.offsetX.0": "0px",
+      "elevation.dark.bold.offsetX.1": "0px",
+      "elevation.dark.bold.offsetY.0": "0px",
+      "elevation.dark.bold.offsetY.1": "14px",
+      "elevation.dark.bold.blur.0": "8px",
+      "elevation.dark.bold.blur.1": "28px",
+      "elevation.dark.bold.spread.0": "0px",
+      "elevation.dark.bold.spread.1": "0px",
+      "elevation.dark.extrabold.offsetX.0": "0px",
+      "elevation.dark.extrabold.offsetX.1": "0px",
+      "elevation.dark.extrabold.offsetY.0": "0px",
+      "elevation.dark.extrabold.offsetY.1": "32px",
+      "elevation.dark.extrabold.blur.0": "8px",
+      "elevation.dark.extrabold.blur.1": "64px",
+      "elevation.dark.extrabold.spread.0": "0px",
+      "elevation.dark.extrabold.spread.1": "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(255, 255, 255)",
+          "selection": "rgba(204, 204, 204, 0.44)"
+        },
+        "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(255, 255, 255, 0.03)",
+          "disabled": "rgb(71, 71, 71)",
+          "contrast": "rgb(0, 0, 0)",
+          "selection": "rgba(204, 204, 204, 0.44)"
+        }
+      },
+      "color": {
+        "light": {
+          "primary": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(252, 228, 236)",
+            "100": "#f8bcd0",
+            "200": "rgb(244, 143, 177)",
+            "300": "rgb(240, 98, 146)",
+            "400": "#ec407a",
+            "500": "rgb(233, 30, 99)",
+            "600": "rgb(203, 26, 86)",
+            "700": "rgb(163, 21, 69)",
+            "800": "rgb(126, 16, 53)",
+            "900": "rgb(58, 8, 25)"
+          },
+          "secondary": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(230, 246, 233)",
+            "100": "rgb(195, 232, 201)",
+            "200": "rgb(155, 217, 167)",
+            "300": "rgb(112, 203, 131)",
+            "400": "rgb(77, 191, 104)",
+            "500": "rgb(33, 179, 77)",
+            "600": "rgb(22, 164, 68)",
+            "700": "rgb(0, 146, 56)",
+            "800": "rgb(0, 129, 45)",
+            "900": "rgb(0, 98, 24)"
+          },
+          "tertiary": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(225, 245, 252)",
+            "100": "rgb(180, 230, 247)",
+            "200": "rgb(132, 213, 243)",
+            "300": "rgb(86, 197, 238)",
+            "400": "rgb(53, 184, 235)",
+            "500": "rgb(25, 172, 233)",
+            "600": "rgb(19, 158, 219)",
+            "700": "rgb(9, 139, 199)",
+            "800": "rgb(8, 122, 180)",
+            "900": "rgb(0, 90, 146)"
+          },
+          "info": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(244, 250, 255)",
+            "100": "rgb(221, 241, 255)",
+            "200": "rgb(173, 219, 255)",
+            "300": "rgb(111, 182, 255)",
+            "400": "rgb(57, 144, 255)",
+            "500": "rgb(9, 107, 222)",
+            "600": "rgb(5, 77, 167)",
+            "700": "rgb(2, 54, 125)",
+            "800": "rgb(7, 40, 89)",
+            "900": "rgb(0, 21, 60)"
+          },
+          "warning": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(255, 248, 197)",
+            "100": "rgb(250, 225, 125)",
+            "200": "rgb(234, 197, 79)",
+            "300": "rgb(212, 167, 44)",
+            "400": "rgb(191, 135, 0)",
+            "500": "rgb(154, 103, 0)",
+            "600": "rgb(125, 78, 0)",
+            "700": "rgb(99, 60, 1)",
+            "800": "rgb(77, 45, 0)",
+            "900": "rgb(59, 35, 0)"
+          },
+          "danger": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(255, 248, 246)",
+            "100": "rgb(255, 233, 232)",
+            "200": "rgb(255, 199, 197)",
+            "300": "rgb(255, 145, 146)",
+            "400": "rgb(250, 82, 85)",
+            "500": "rgb(211, 35, 47)",
+            "600": "rgb(161, 14, 37)",
+            "700": "rgb(119, 6, 27)",
+            "800": "rgb(88, 0, 19)",
+            "900": "rgb(57, 0, 13)"
+          },
+          "success": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(243, 254, 245)",
+            "100": "rgb(215, 245, 221)",
+            "200": "rgb(119, 236, 149)",
+            "300": "rgb(76, 199, 110)",
+            "400": "rgb(44, 162, 77)",
+            "500": "rgb(26, 125, 54)",
+            "600": "rgb(15, 93, 38)",
+            "700": "rgb(3, 67, 24)",
+            "800": "rgb(0, 47, 15)",
+            "900": "rgb(0, 29, 9)"
+          },
+          "highlight": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(253, 247, 255)",
+            "100": "rgb(244, 234, 255)",
+            "200": "rgb(225, 203, 255)",
+            "300": "rgb(198, 158, 255)",
+            "400": "rgb(163, 116, 249)",
+            "500": "rgb(129, 77, 222)",
+            "600": "rgb(95, 53, 174)",
+            "700": "rgb(69, 35, 130)",
+            "800": "rgb(48, 23, 97)",
+            "900": "rgb(29, 10, 66)"
+          },
+          "neutral": {
+            "0": "rgb(255, 255, 255)",
+            "50": "rgb(247, 247, 248)",
+            "100": "rgb(235, 235, 239)",
+            "200": "rgb(216, 216, 223)",
+            "300": "rgb(185, 185, 198)",
+            "400": "rgb(143, 143, 163)",
+            "500": "rgb(115, 115, 140)",
+            "600": "rgb(90, 90, 114)",
+            "700": "rgb(67, 67, 86)",
+            "800": "rgb(37, 37, 45)",
+            "900": "rgb(19, 19, 24)"
+          }
+        },
+        "dark": {
+          "primary": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(58, 8, 25)",
+            "100": "rgb(126, 16, 53)",
+            "200": "rgb(163, 21, 69)",
+            "300": "rgb(203, 26, 86)",
+            "400": "rgb(233, 30, 99)",
+            "500": "rgb(236, 64, 122)",
+            "600": "rgb(240, 98, 146)",
+            "700": "rgb(244, 143, 177)",
+            "800": "rgb(248, 188, 208)",
+            "900": "rgb(252, 228, 236)"
+          },
+          "secondary": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(0, 98, 24)",
+            "100": "rgb(0, 129, 45)",
+            "200": "rgb(0, 146, 56)",
+            "300": "rgb(22, 164, 68)",
+            "400": "rgb(33, 179, 77)",
+            "500": "rgb(77, 191, 104)",
+            "600": "rgb(112, 203, 131)",
+            "700": "rgb(155, 217, 167)",
+            "800": "rgb(195, 232, 201)",
+            "900": "rgb(230, 246, 233)"
+          },
+          "tertiary": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(0, 90, 146)",
+            "100": "rgb(8, 122, 180)",
+            "200": "rgb(9, 139, 199)",
+            "300": "rgb(19, 158, 219)",
+            "400": "rgb(25, 172, 233)",
+            "500": "rgb(53, 184, 235)",
+            "600": "rgb(86, 197, 238)",
+            "700": "rgb(132, 213, 243)",
+            "800": "rgb(180, 230, 247)",
+            "900": "rgb(225, 245, 252)"
+          },
+          "info": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(0, 21, 60)",
+            "100": "rgb(7, 40, 89)",
+            "200": "rgb(2, 54, 125)",
+            "300": "rgb(5, 77, 167)",
+            "400": "rgb(9, 107, 222)",
+            "500": "rgb(57, 144, 255)",
+            "600": "rgb(111, 182, 255)",
+            "700": "rgb(173, 219, 255)",
+            "800": "rgb(221, 241, 255)",
+            "900": "rgb(244, 250, 255)"
+          },
+          "warning": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(59, 35, 0)",
+            "100": "rgb(77, 45, 0)",
+            "200": "rgb(99, 60, 1)",
+            "300": "rgb(125, 78, 0)",
+            "400": "rgb(154, 103, 0)",
+            "500": "rgb(191, 135, 0)",
+            "600": "rgb(212, 167, 44)",
+            "700": "rgb(234, 197, 79)",
+            "800": "rgb(250, 225, 125)",
+            "900": "rgb(255, 248, 197)"
+          },
+          "danger": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(57, 0, 13)",
+            "100": "rgb(88, 0, 19)",
+            "200": "rgb(119, 6, 27)",
+            "300": "rgb(161, 14, 37)",
+            "400": "rgb(211, 35, 47)",
+            "500": "rgb(250, 82, 85)",
+            "600": "rgb(255, 145, 146)",
+            "700": "rgb(255, 199, 197)",
+            "800": "rgb(255, 233, 232)",
+            "900": "rgb(255, 248, 246)"
+          },
+          "success": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(0, 29, 9)",
+            "100": "rgb(0, 47, 15)",
+            "200": "rgb(3, 67, 24)",
+            "300": "rgb(15, 93, 38)",
+            "400": "rgb(26, 125, 54)",
+            "500": "rgb(44, 162, 77)",
+            "600": "rgb(76, 199, 110)",
+            "700": "rgb(119, 236, 149)",
+            "800": "rgb(215, 245, 221)",
+            "900": "rgb(243, 254, 245)"
+          },
+          "highlight": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(29, 10, 66)",
+            "100": "rgb(48, 23, 97)",
+            "200": "rgb(69, 35, 130)",
+            "300": "rgb(95, 53, 174)",
+            "400": "rgb(129, 77, 222)",
+            "500": "rgb(163, 116, 249)",
+            "600": "rgb(198, 158, 255)",
+            "700": "rgb(225, 203, 255)",
+            "800": "rgb(244, 234, 255)",
+            "900": "rgb(253, 247, 255)"
+          },
+          "neutral": {
+            "0": "rgb(0, 0, 0)",
+            "50": "rgb(19, 19, 24)",
+            "100": "rgb(37, 37, 45)",
+            "200": "rgb(67, 67, 86)",
+            "300": "rgb(90, 90, 114)",
+            "400": "rgb(115, 115, 140)",
+            "500": "rgb(143, 143, 163)",
+            "600": "rgb(185, 185, 198)",
+            "700": "rgb(216, 216, 223)",
+            "800": "rgb(235, 235, 239)",
+            "900": "rgb(247, 247, 248)"
+          }
+        }
+      },
+      "elevation": {
+        "light": {
+          "light": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.12)",
+              "1": "rgba(0, 0, 0, 0.14)"
+            }
+          },
+          "semilight": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.12)",
+              "1": "rgba(0, 0, 0, 0.14)"
+            }
+          },
+          "regular": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.12)",
+              "1": "rgba(0, 0, 0, 0.14)"
+            }
+          },
+          "semibold": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.12)",
+              "1": "rgba(0, 0, 0, 0.14)"
+            }
+          },
+          "bold": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.12)",
+              "1": "rgba(0, 0, 0, 0.14)"
+            }
+          },
+          "extrabold": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.12)",
+              "1": "rgba(0, 0, 0, 0.14)"
+            }
+          }
+        },
+        "dark": {
+          "light": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.24)",
+              "1": "rgba(0, 0, 0, 0.28)"
+            }
+          },
+          "semilight": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.24)",
+              "1": "rgba(0, 0, 0, 0.28)"
+            }
+          },
+          "regular": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.24)",
+              "1": "rgba(0, 0, 0, 0.28)"
+            }
+          },
+          "semibold": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.24)",
+              "1": "rgba(0, 0, 0, 0.28)"
+            }
+          },
+          "bold": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.24)",
+              "1": "rgba(0, 0, 0, 0.28)"
+            }
+          },
+          "extrabold": {
+            "color": {
+              "0": "rgba(0, 0, 0, 0.24)",
+              "1": "rgba(0, 0, 0, 0.28)"
+            }
+          }
+        }
+      }
+    },
+    "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-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)",
+      "elevation-light-semilight-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)",
+      "elevation-light-regular-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)",
+      "elevation-light-semibold-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)",
+      "elevation-light-bold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)",
+      "elevation-light-extrabold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)",
+      "elevation-dark-light-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)",
+      "elevation-dark-semilight-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)",
+      "elevation-dark-regular-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)",
+      "elevation-dark-semibold-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)",
+      "elevation-dark-bold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)",
+      "elevation-dark-extrabold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)"
+    },
+    "transitionDuration": {
+      "duration._": "200ms 400ms 600ms",
+      "duration.short": "200ms",
+      "duration.medium": "400ms",
+      "duration.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-material.tailwind.plugin.cjs

@@ -0,0 +1,41 @@
+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": "rgb(98, 0, 238)",
+          "secondary": "rgb(55, 0, 179)",
+          "tertiary": "rgb(3, 218, 198)"
+        }
+      }
+    }
+  }
+},
+  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.)
+    })
+  ]
+};