@cronocode/react-box 1.6.7 → 1.6.9

package/plugins.mjs

@@ -1,220 +1,221 @@
-function u(r) {
-  const _ = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
+var c;
+((i) => {
+  function h(r) {
+    const _ = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
   `), t = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
   `), n = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
   `), l = [":root {"];
-  _ && l.push(`  ${_}`), t && l.push(`  ${t}`), n && l.push(`  ${n}`), l.push("}");
-  const c = Object.keys(r.colors).map((o) => `
-.color_${o},
-.color_h_${o}:hover,
-._h:hover>.color_h_${o} {
-  color: var(--color${o});
-}
-
-.color_f_${o}:focus-within,
-._f:focus-within>.color_f_${o} {
-  color: var(--color${o});
-}
-
-.color_a_${o}:active {
-  color: var(--color${o});
-}
-
-.bgColor_${o},
-.bgColor_h_${o}:hover,
-._h:hover>.bgColor_h_${o} {
-  background-color: var(--color${o});
-}
-
-.bgColor_f_${o}:focus-within,
-._f:focus-within>.bgColor_f_${o} {
-  background-color: var(--color${o});
-}
-
-.bgColor_a_${o}:active {
-  background-color: var(--color${o});
-}
-
-.borderColor_${o},
-.borderColor_h_${o}:hover,
-._h:hover>.borderColor_h_${o} {
-  border-color: var(--color${o});
-}
-
-.borderColor_f_${o}:focus-within,
-._f:focus-within>.borderColor_f_${o} {
-  border-color: var(--color${o});
-}
-
-.borderColor_a_${o}:active {
-  border-color: var(--color${o});
-}
-
-.outlineColor_${o},
-.outlineColor_h_${o}:hover,
-._h:hover>.outlineColor_h_${o} {
-  outline-color: var(--color${o});
-}
-
-.outlineColor_f_${o}:focus-within,
-._f:focus-within>.outlineColor_f_${o} {
-  outline-color: var(--color${o});
-}
-
-.outlineColor_a_${o}:active {
-  outline-color: var(--color${o});
-}
-
-.fill_${o},
-.fill_h_${o}:hover,
-._h:hover>.fill_h_${o} {
-  path,
-  circle,
-  rect,
-  line {
-    fill: var(--color${o});
-  }
-}
-
-.fill_f_${o}:focus-within,
-._f:focus-within>.fill_f_${o} {
-  path,
-  circle,
-  rect,
-  line {
-    fill: var(--color${o});
-  }
-}
-
-.fill_a_${o}:active {
-  path,
-  circle,
-  rect,
-  line {
-    fill: var(--color${o});
-  }
-}
-
-.stroke_${o},
-.stroke_h_${o}:hover,
-._h:hover>.stroke_h_${o} {
-  path,
-  circle,
-  rect,
-  line {
-    stroke: var(--color${o});
-  }
-}
-
-.stroke_f_${o}:focus-within,
-._f:focus-within>.stroke_f_${o} {
-  path,
-  circle,
-  rect,
-  line {
-    stroke: var(--color${o});
-  }
-}
-
-.stroke_a_${o}:active {
-  path,
-  circle,
-  rect,
-  line {
-    stroke: var(--color${o});
-  }
-}`), i = Object.keys(r.shadows).map((o) => `
-.shadow_${o},
-.shadow_h_${o}:hover,
-._h:hover>.shadow_h_${o} {
-  box-shadow: var(--shadow${o});
-}
-
-.shadow_f_${o}:focus-within,
-._f:focus-within>.shadow_f_${o} {
-  box-shadow: var(--shadow${o});
-}
-
-.shadow_a_${o}:active {
-  box-shadow: var(--shadow${o});
-}`), h = Object.keys(r.backgrounds).map((o) => `
-.bg_${o},
-.bg_h_${o}:hover,
-._h:hover>.bg_h_${o} {
-  background: var(--background${o});
-}
-
-.bg_f_${o}:focus-within,
-._f:focus-within>.bg_f_${o} {
-  background: var(--background${o});
-}
-
-.bg_a_${o}:active {
-  background: var(--background${o});
-}`), $ = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), s = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), b = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), p = `import '@cronocode/react-box';
-
-declare module '@cronocode/react-box/types' {
-  type ColorType = ${$};
-  type BackgroundType = ${s};
-  type ShadowType = ${b};
-
-  namespace Augmented {
-    interface BoxProps {
-      color?: ColorType;
-      colorH?: ColorType;
-      colorF?: ColorType;
-      colorA?: ColorType;
-      bgColor?: ColorType;
-      bgColorH?: ColorType;
-      bgColorF?: ColorType;
-      bgColorA?: ColorType;
-      backgroundColor?: ColorType;
-      backgroundColorH?: ColorType;
-      backgroundColorF?: ColorType;
-      backgroundColorA?: ColorType;
-      borderColor?: ColorType;
-      borderColorH?: ColorType;
-      borderColorF?: ColorType;
-      borderColorA?: ColorType;
-      outlineColor?: ColorType;
-      outlineColorH?: ColorType;
-      outlineColorF?: ColorType;
-      outlineColorA?: ColorType;
-      bg?: BackgroundType;
-      bgH?: BackgroundType;
-      bgF?: BackgroundType;
-      bgA?: BackgroundType;
-      background?: BackgroundType;
-      backgroundH?: BackgroundType;
-      backgroundF?: BackgroundType;
-      backgroundA?: BackgroundType;
-      shadow?: ShadowType;
-      shadowH?: ShadowType;
-      shadowF?: ShadowType;
-      shadowA?: ShadowType;
+    _ && l.push(`  ${_}`), t && l.push(`  ${t}`), n && l.push(`  ${n}`), l.push("}");
+    const $ = Object.keys(r.colors).map((o) => `
+  .color_${o},
+  .color_h_${o}:hover,
+  ._h:hover>.color_h_${o} {
+    color: var(--color${o});
+  }
+  
+  .color_f_${o}:focus-within,
+  ._f:focus-within>.color_f_${o} {
+    color: var(--color${o});
+  }
+  
+  .color_a_${o}:active {
+    color: var(--color${o});
+  }
+  
+  .bgColor_${o},
+  .bgColor_h_${o}:hover,
+  ._h:hover>.bgColor_h_${o} {
+    background-color: var(--color${o});
+  }
+  
+  .bgColor_f_${o}:focus-within,
+  ._f:focus-within>.bgColor_f_${o} {
+    background-color: var(--color${o});
+  }
+  
+  .bgColor_a_${o}:active {
+    background-color: var(--color${o});
+  }
+  
+  .borderColor_${o},
+  .borderColor_h_${o}:hover,
+  ._h:hover>.borderColor_h_${o} {
+    border-color: var(--color${o});
+  }
+  
+  .borderColor_f_${o}:focus-within,
+  ._f:focus-within>.borderColor_f_${o} {
+    border-color: var(--color${o});
+  }
+  
+  .borderColor_a_${o}:active {
+    border-color: var(--color${o});
+  }
+  
+  .outlineColor_${o},
+  .outlineColor_h_${o}:hover,
+  ._h:hover>.outlineColor_h_${o} {
+    outline-color: var(--color${o});
+  }
+  
+  .outlineColor_f_${o}:focus-within,
+  ._f:focus-within>.outlineColor_f_${o} {
+    outline-color: var(--color${o});
+  }
+  
+  .outlineColor_a_${o}:active {
+    outline-color: var(--color${o});
+  }
+  
+  .fill_${o},
+  .fill_h_${o}:hover,
+  ._h:hover>.fill_h_${o} {
+    path,
+    circle,
+    rect,
+    line {
+      fill: var(--color${o});
     }
-
-    interface SvgProps {
-      fill?: ColorType;
-      fillH?: ColorType;
-      fillF?: ColorType;
-      fillA?: ColorType;
-      stroke?: ColorType;
-      strokeH?: ColorType;
-      strokeF?: ColorType;
-      strokeA?: ColorType;
+  }
+  
+  .fill_f_${o}:focus-within,
+  ._f:focus-within>.fill_f_${o} {
+    path,
+    circle,
+    rect,
+    line {
+      fill: var(--color${o});
     }
   }
-}
-`;
-  return {
-    themeCss: [l.join(`
-`), ...c, ...i, ...h].join(`
+  
+  .fill_a_${o}:active {
+    path,
+    circle,
+    rect,
+    line {
+      fill: var(--color${o});
+    }
+  }
+  
+  .stroke_${o},
+  .stroke_h_${o}:hover,
+  ._h:hover>.stroke_h_${o} {
+    path,
+    circle,
+    rect,
+    line {
+      stroke: var(--color${o});
+    }
+  }
+  
+  .stroke_f_${o}:focus-within,
+  ._f:focus-within>.stroke_f_${o} {
+    path,
+    circle,
+    rect,
+    line {
+      stroke: var(--color${o});
+    }
+  }
+  
+  .stroke_a_${o}:active {
+    path,
+    circle,
+    rect,
+    line {
+      stroke: var(--color${o});
+    }
+  }`), s = Object.keys(r.shadows).map((o) => `
+  .shadow_${o},
+  .shadow_h_${o}:hover,
+  ._h:hover>.shadow_h_${o} {
+    box-shadow: var(--shadow${o});
+  }
+  
+  .shadow_f_${o}:focus-within,
+  ._f:focus-within>.shadow_f_${o} {
+    box-shadow: var(--shadow${o});
+  }
+  
+  .shadow_a_${o}:active {
+    box-shadow: var(--shadow${o});
+  }`), b = Object.keys(r.backgrounds).map((o) => `
+  .bg_${o},
+  .bg_h_${o}:hover,
+  ._h:hover>.bg_h_${o} {
+    background: var(--background${o});
+  }
+  
+  .bg_f_${o}:focus-within,
+  ._f:focus-within>.bg_f_${o} {
+    background: var(--background${o});
+  }
+  
+  .bg_a_${o}:active {
+    background: var(--background${o});
+  }`), p = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), u = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), C = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), d = `import '@cronocode/react-box';
+  
+  declare module '@cronocode/react-box/types' {
+    type ColorType = ${p};
+    type BackgroundType = ${u};
+    type ShadowType = ${C};
+  
+    namespace Augmented {
+      interface BoxProps {
+        color?: ColorType;
+        colorH?: ColorType;
+        colorF?: ColorType;
+        colorA?: ColorType;
+        bgColor?: ColorType;
+        bgColorH?: ColorType;
+        bgColorF?: ColorType;
+        bgColorA?: ColorType;
+        backgroundColor?: ColorType;
+        backgroundColorH?: ColorType;
+        backgroundColorF?: ColorType;
+        backgroundColorA?: ColorType;
+        borderColor?: ColorType;
+        borderColorH?: ColorType;
+        borderColorF?: ColorType;
+        borderColorA?: ColorType;
+        outlineColor?: ColorType;
+        outlineColorH?: ColorType;
+        outlineColorF?: ColorType;
+        outlineColorA?: ColorType;
+        bg?: BackgroundType;
+        bgH?: BackgroundType;
+        bgF?: BackgroundType;
+        bgA?: BackgroundType;
+        background?: BackgroundType;
+        backgroundH?: BackgroundType;
+        backgroundF?: BackgroundType;
+        backgroundA?: BackgroundType;
+        shadow?: ShadowType;
+        shadowH?: ShadowType;
+        shadowF?: ShadowType;
+        shadowA?: ShadowType;
+      }
+  
+      interface SvgProps {
+        fill?: ColorType;
+        fillH?: ColorType;
+        fillF?: ColorType;
+        fillA?: ColorType;
+        stroke?: ColorType;
+        strokeH?: ColorType;
+        strokeF?: ColorType;
+        strokeA?: ColorType;
+      }
+    }
+  }
+  `;
+    return {
+      themeCss: [l.join(`
+`), ...$, ...s, ...b].join(`
 `) + `
 `,
-    boxDts: p
-  };
-}
-export {
-  u as boxTheme
-};
+      boxDts: d
+    };
+  }
+  i.boxTheme = h;
+})(c || (c = {}));