@udixio/theme 1.0.0-beta.17 → 1.0.0-beta.19

package/dist/theme.esm.js

@@ -1646,90 +1646,6 @@ function bootstrapFromConfig(path) {
 var PluginAbstract = function PluginAbstract() {};
 PluginAbstract.dependencies = [];
 
-var state = function state(colorkeys) {
-  return plugin(function (pluginArgs) {
-    addAllNewComponents(pluginArgs, {
-      statePrefix: 'state',
-      disabledStyles: {
-        textOpacity: 0.38,
-        backgroundOpacity: 0.12
-      },
-      transition: {
-        duration: 150
-      }
-    }, colorkeys);
-  }, {});
-};
-var addAllNewComponents = function addAllNewComponents(_ref, _ref2, colorKeys) {
-  var addComponents = _ref.addComponents;
-  var statePrefix = _ref2.statePrefix,
-    disabledStyles = _ref2.disabledStyles,
-    transition = _ref2.transition;
-  var newComponents = {};
-  for (var _i = 0, _arr = [false, true]; _i < _arr.length; _i++) {
-    var isGroup = _arr[_i];
-    var group = isGroup ? 'group-' : '';
-    for (var _iterator = _createForOfIteratorHelperLoose(colorKeys), _step; !(_step = _iterator()).done;) {
-      var _newComponents$classN;
-      var colorName = _step.value;
-      var className = "." + group + statePrefix + "-" + colorName;
-      newComponents[className] = (_newComponents$classN = {}, _newComponents$classN["@apply " + group + "hover:bg-" + colorName + "/[0.08]"] = {}, _newComponents$classN["@apply " + group + "active:bg-" + colorName + "/[0.12]"] = {}, _newComponents$classN["@apply " + group + "focus-visible:bg-" + colorName + "/[0.12]"] = {}, _newComponents$classN);
-      if (transition) {
-        newComponents[className]["@apply transition-colors"] = {};
-        newComponents[className]["@apply duration-" + transition.duration] = {};
-      }
-      if (disabledStyles) {
-        newComponents[className]["@apply " + group + "disabled:text-on-surface/[" + disabledStyles.textOpacity + "]"] = {};
-        newComponents[className]["@apply " + group + "disabled:bg-on-surface/[" + disabledStyles.backgroundOpacity + "]"] = {};
-      }
-    }
-  }
-  for (var _iterator2 = _createForOfIteratorHelperLoose(colorKeys), _step2; !(_step2 = _iterator2()).done;) {
-    var _colorName = _step2.value;
-    for (var _i2 = 0, _arr2 = ['hover', 'active', 'focus', 'disabled']; _i2 < _arr2.length; _i2++) {
-      var stateName = _arr2[_i2];
-      var _className = "." + stateName + "-" + statePrefix + "-" + _colorName;
-      if (stateName === 'active' || stateName === 'focus') {
-        var _newComponents$_class;
-        newComponents[_className] = (_newComponents$_class = {}, _newComponents$_class["@apply bg-" + _colorName + "/[0.12]"] = {}, _newComponents$_class);
-      } else if (stateName === 'hover') {
-        var _newComponents$_class2;
-        newComponents[_className] = (_newComponents$_class2 = {}, _newComponents$_class2["@apply bg-" + _colorName + "/[0.08]"] = {}, _newComponents$_class2);
-      } else if (stateName === 'disabled') {
-        var _newComponents$_class3, _newComponents$_class4;
-        newComponents[_className] = (_newComponents$_class3 = {}, _newComponents$_class3["@apply text-on-surface/[" + disabledStyles.textOpacity + "]"] = {}, _newComponents$_class3);
-        newComponents[_className] = (_newComponents$_class4 = {}, _newComponents$_class4["@apply bg-on-surface/[" + disabledStyles.backgroundOpacity + "]"] = {}, _newComponents$_class4);
-      }
-    }
-  }
-  addComponents(newComponents);
-};
-
-var themer = function themer(colors, darkMode) {
-  var options = {
-    defaultTheme: {
-      extend: {
-        colors: {}
-      }
-    },
-    themes: [{
-      name: 'darkTheme',
-      extend: {
-        colors: {}
-      }
-    }]
-  };
-  Object.entries(colors).forEach(function (_ref) {
-    var key = _ref[0],
-      value = _ref[1];
-    options.defaultTheme.extend.colors[key] = value.light;
-    options.themes[0].extend.colors[key] = value.dark;
-  });
-  options.themes[0].selectors = darkMode === 'class' ? ['.dark-mode', '[data-theme="dark"]'] : undefined;
-  options.themes[0].mediaQuery = darkMode === 'media' ? '@media (prefers-color-scheme: dark)' : undefined;
-  return require('tailwindcss-themer')(options);
-};
-
 var FontFamily;
 (function (FontFamily) {
   FontFamily["Expressive"] = "expressive";
@@ -1890,6 +1806,90 @@ var FontPlugin = /*#__PURE__*/function (_PluginAbstract) {
   return FontPlugin;
 }(PluginAbstract);
 
+var state = function state(colorkeys) {
+  return plugin(function (pluginArgs) {
+    addAllNewComponents(pluginArgs, {
+      statePrefix: 'state',
+      disabledStyles: {
+        textOpacity: 0.38,
+        backgroundOpacity: 0.12
+      },
+      transition: {
+        duration: 150
+      }
+    }, colorkeys);
+  }, {});
+};
+var addAllNewComponents = function addAllNewComponents(_ref, _ref2, colorKeys) {
+  var addComponents = _ref.addComponents;
+  var statePrefix = _ref2.statePrefix,
+    disabledStyles = _ref2.disabledStyles,
+    transition = _ref2.transition;
+  var newComponents = {};
+  for (var _i = 0, _arr = [false, true]; _i < _arr.length; _i++) {
+    var isGroup = _arr[_i];
+    var group = isGroup ? 'group-' : '';
+    for (var _iterator = _createForOfIteratorHelperLoose(colorKeys), _step; !(_step = _iterator()).done;) {
+      var _newComponents$classN;
+      var colorName = _step.value;
+      var className = "." + group + statePrefix + "-" + colorName;
+      newComponents[className] = (_newComponents$classN = {}, _newComponents$classN["@apply " + group + "hover:bg-" + colorName + "/[0.08]"] = {}, _newComponents$classN["@apply " + group + "active:bg-" + colorName + "/[0.12]"] = {}, _newComponents$classN["@apply " + group + "focus-visible:bg-" + colorName + "/[0.12]"] = {}, _newComponents$classN);
+      if (transition) {
+        newComponents[className]["@apply transition-colors"] = {};
+        newComponents[className]["@apply duration-" + transition.duration] = {};
+      }
+      if (disabledStyles) {
+        newComponents[className]["@apply " + group + "disabled:text-on-surface/[" + disabledStyles.textOpacity + "]"] = {};
+        newComponents[className]["@apply " + group + "disabled:bg-on-surface/[" + disabledStyles.backgroundOpacity + "]"] = {};
+      }
+    }
+  }
+  for (var _iterator2 = _createForOfIteratorHelperLoose(colorKeys), _step2; !(_step2 = _iterator2()).done;) {
+    var _colorName = _step2.value;
+    for (var _i2 = 0, _arr2 = ['hover', 'active', 'focus', 'disabled']; _i2 < _arr2.length; _i2++) {
+      var stateName = _arr2[_i2];
+      var _className = "." + stateName + "-" + statePrefix + "-" + _colorName;
+      if (stateName === 'active' || stateName === 'focus') {
+        var _newComponents$_class;
+        newComponents[_className] = (_newComponents$_class = {}, _newComponents$_class["@apply bg-" + _colorName + "/[0.12]"] = {}, _newComponents$_class);
+      } else if (stateName === 'hover') {
+        var _newComponents$_class2;
+        newComponents[_className] = (_newComponents$_class2 = {}, _newComponents$_class2["@apply bg-" + _colorName + "/[0.08]"] = {}, _newComponents$_class2);
+      } else if (stateName === 'disabled') {
+        var _newComponents$_class3, _newComponents$_class4;
+        newComponents[_className] = (_newComponents$_class3 = {}, _newComponents$_class3["@apply text-on-surface/[" + disabledStyles.textOpacity + "]"] = {}, _newComponents$_class3);
+        newComponents[_className] = (_newComponents$_class4 = {}, _newComponents$_class4["@apply bg-on-surface/[" + disabledStyles.backgroundOpacity + "]"] = {}, _newComponents$_class4);
+      }
+    }
+  }
+  addComponents(newComponents);
+};
+
+var themer = function themer(colors, darkMode) {
+  var options = {
+    defaultTheme: {
+      extend: {
+        colors: {}
+      }
+    },
+    themes: [{
+      name: 'darkTheme',
+      extend: {
+        colors: {}
+      }
+    }]
+  };
+  Object.entries(colors).forEach(function (_ref) {
+    var key = _ref[0],
+      value = _ref[1];
+    options.defaultTheme.extend.colors[key] = value.light;
+    options.themes[0].extend.colors[key] = value.dark;
+  });
+  options.themes[0].selectors = darkMode === 'class' ? ['.dark-mode', '[data-theme="dark"]'] : undefined;
+  options.themes[0].mediaQuery = darkMode === 'media' ? '@media (prefers-color-scheme: dark)' : undefined;
+  return require('tailwindcss-themer')(options);
+};
+
 var font = function font(fontStyles, responsiveBreakPoints) {
   var createUtilities = function createUtilities(_ref) {
     var theme = _ref.theme;
@@ -1944,7 +1944,12 @@ var font = function font(fontStyles, responsiveBreakPoints) {
 
 var TailwindPlugin = /*#__PURE__*/function (_PluginAbstract) {
   function TailwindPlugin(appService, options) {
+    var _options$darkMode, _options$responsiveBr;
     var _this;
+    (_options$darkMode = options.darkMode) != null ? _options$darkMode : options.darkMode = 'class';
+    (_options$responsiveBr = options.responsiveBreakPoints) != null ? _options$responsiveBr : options.responsiveBreakPoints = {
+      lg: 1.125
+    };
     _this = _PluginAbstract.call(this) || this;
     _this.appService = void 0;
     _this.options = void 0;
@@ -1999,5 +2004,5 @@ var createTheme = function createTheme() {
   return plugin.getTheme();
 };
 
-export { AppContainer, AppModule, AppService, ColorEntity, ColorManagerService, ColorModule, ColorService, ConfigModule, ConfigService, ContrastCurve, DynamicColor, PluginAbstract, PluginModule, PluginService, SchemeEntity, SchemeService, TailwindPlugin, ThemeModule, ThemeService, ToneDeltaPair, VariantEntity, VariantModel, VariantService, bootstrap, bootstrapFromConfig, createTheme, defaultColors, defineConfig, getRotatedHue, highestSurface, importContainer, state, themer };
+export { AppContainer, AppModule, AppService, ColorEntity, ColorManagerService, ColorModule, ColorService, ConfigModule, ConfigService, ContrastCurve, DynamicColor, FontFamily, FontPlugin, PluginAbstract, PluginModule, PluginService, SchemeEntity, SchemeService, TailwindPlugin, ThemeModule, ThemeService, ToneDeltaPair, VariantEntity, VariantModel, VariantService, bootstrap, bootstrapFromConfig, createTheme, defaultColors, defineConfig, getRotatedHue, highestSurface, importContainer, state, themer };
 //# sourceMappingURL=theme.esm.js.map