npm - @shuriken-ui/tailwind - Versions diffs - 1.0.0-beta.3 → 1.0.0-beta.5 - Mend

@shuriken-ui/tailwind 1.0.0-beta.3 → 1.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/preset.cjs CHANGED Viewed

@@ -3201,237 +3201,6 @@ const checkbox = plugin__default.withOptions(
   }
 );
-const defaultCheckboxAnimatedConfig = {
-  size: "8",
-  rounded: "full",
-  label: {
-    disabledOpacity: "75",
-    inner: {
-      duration: "300"
-    }
-  },
-  default: {
-    color: "muted-600",
-    colorDark: "muted-200"
-  },
-  light: "white",
-  muted: "muted-400",
-  primary: "primary-500",
-  info: "info-500",
-  success: "success-500",
-  warning: "warning-500",
-  danger: "danger-500"
-};
-const checkboxAnimated = plugin__default.withOptions(
-  function(options) {
-    let { prefix } = defu.defu(options, defaultPluginOptions);
-    if (prefix) {
-      prefix = `${prefix}-`;
-    }
-    return function({ addComponents, theme }) {
-      const config = theme(
-        "shurikenUi.checkboxAnimated"
-      );
-      const keyframes = {
-        "@keyframes stroke": {
-          "100%": {
-            "stroke-dashoffset": "0"
-          }
-        },
-        "@keyframes reverseCircle": {
-          from: {
-            "stroke-dashoffset": "0"
-          },
-          to: {
-            "stroke-dashoffset": "166"
-          }
-        },
-        "@keyframes reverseCheck": {
-          from: {
-            "stroke-dashoffset": "0"
-          },
-          to: {
-            "stroke-dashoffset": "48"
-          }
-        }
-      };
-      addComponents({
-        [`.${prefix}checkbox-animated`]: {
-          [`@apply ${prefix}focus relative h-${config.size} w-${config.size} rounded-${config.rounded} focus-within:outline-current`]: {},
-          [`.${prefix}checkbox-animated-input`]: {
-            [`@apply cursor-pointer disabled:cursor-not-allowed absolute h-full w-full opacity-0 z-[1] left-0 top-0`]: {}
-          },
-          [`.${prefix}checkbox-animated-label`]: {
-            [`@apply relative h-${config.size} w-${config.size} disabled:opacity-75`]: {},
-            [`.${prefix}checkbox-animated-label-inner`]: {
-              [`@apply absolute h-${config.size} w-${config.size} border border-solid z-0 opacity-100 transition-all duration-${config.label.inner.duration} rounded-full  left-0 top-0`]: {},
-              [`&.${prefix}is-opaque`]: {
-                [`@apply opacity-0`]: {}
-              }
-            },
-            [`&:deep(svg circle)`]: {
-              [`@apply h-${config.size} w-${config.size} stroke-2 stroke-current fill-none`]: "",
-              "stroke-dasharray": "166",
-              "stroke-dashoffset": "166",
-              "stroke-miterlimit": "10"
-            },
-            [`&:deep(svg)`]: {
-              [`@apply h-${config.size} w-${config.size} stroke-2 text-current stroke-current shadow-[inset_0_0_0_currentColor] mx-auto my-0 rounded-full`]: "",
-              "stroke-miterlimit": "10"
-            },
-            [`&:deep(svg path)`]: {
-              [`@apply origin-[50%_50%] stroke-current`]: "",
-              "stroke-dasharray": "48",
-              "stroke-dashoffset": "48"
-            }
-          },
-          [`&.${prefix}checked`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`&:deep(svg circle)`]: {
-                "@apply animate-[stroke_0.6s_cubic-bezier(0.65,0,0.45,1)_both]": {}
-              },
-              [`&:deep(svg path)`]: {
-                "@apply animate-[stroke_0.3s_cubic-bezier(0.65,0,0.45,1)_0.8s_both]": {}
-              }
-            }
-          },
-          [`&.${prefix}unchecked`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`&:deep(svg circle)`]: {
-                "@apply animate-[reverseCircle_0.6s_cubic-bezier(0.65,0,0.45,1)_0.2s_both]": {}
-              },
-              [`&:deep(svg path)`]: {
-                "@apply animate-[reverseCheck_0.3s_cubic-bezier(0.65,0,0.45,1)_0.1s_both]": {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-default`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.default.color} dark:text-${config.default.colorDark}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.default.color} dark:border-${config.default.colorDark}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-light`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.light}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.light}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-muted`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.muted}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.muted}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-primary`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.primary}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.primary}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-info`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.info}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.info}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-success`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.success}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.success}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-warning`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.warning}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.warning}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-danger`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.danger}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.danger}`]: {}
-              }
-            }
-          }
-        }
-      });
-      addComponents(keyframes);
-    };
-  },
-  function() {
-    return {
-      theme: {
-        shurikenUi: {
-          checkboxAnimated: defaultCheckboxAnimatedConfig
-        }
-      }
-    };
-  }
-);
-const defaultCheckboxHeadlessConfig = {
-  label: {
-    text: "muted-400",
-    textSize: "sm",
-    font: "sans"
-  },
-  input: {
-    size: "full"
-  }
-};
-const checkboxHeadless = plugin__default.withOptions(
-  function(options) {
-    let { prefix } = defu.defu(options, defaultPluginOptions);
-    if (prefix) {
-      prefix = `${prefix}-`;
-    }
-    return function({ addComponents, theme }) {
-      const config = theme(
-        "shurikenUi.checkboxHeadless"
-      );
-      addComponents({
-        [`.${prefix}checkbox-headless`]: {
-          [`@apply relative`]: {},
-          [`.${prefix}checkbox-headless-label`]: {
-            [`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
-          },
-          [`.${prefix}checkbox-headless-inner`]: {
-            [`@apply relative`]: {},
-            [`.${prefix}checkbox-headless-input`]: {
-              [`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
-            }
-          }
-        }
-      });
-    };
-  },
-  function() {
-    return {
-      theme: {
-        shurikenUi: {
-          checkboxHeadless: defaultCheckboxHeadlessConfig
-        }
-      }
-    };
-  }
-);
 const defaultDropdownDividerConfig = {
   space: "2",
   border: "muted-200",
@@ -7390,53 +7159,6 @@ const radio = plugin__default.withOptions(
   }
 );
-const defaultRadioHeadlessConfig = {
-  label: {
-    text: "muted-400",
-    textSize: "sm",
-    font: "sans"
-  },
-  input: {
-    size: "full"
-  }
-};
-const radioHeadless = plugin__default.withOptions(
-  function(options) {
-    let { prefix } = defu.defu(options, defaultPluginOptions);
-    if (prefix) {
-      prefix = `${prefix}-`;
-    }
-    return function({ addComponents, theme }) {
-      const config = theme(
-        "shurikenUi.radioHeadless"
-      );
-      addComponents({
-        [`.${prefix}radio-headless`]: {
-          [`@apply relative`]: {},
-          [`.${prefix}radio-headless-label`]: {
-            [`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
-          },
-          [`.${prefix}radio-headless-inner`]: {
-            [`@apply relative`]: {},
-            [`.${prefix}radio-headless-input`]: {
-              [`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
-            }
-          }
-        }
-      });
-    };
-  },
-  function() {
-    return {
-      theme: {
-        shurikenUi: {
-          radioHeadless: defaultRadioHeadlessConfig
-        }
-      }
-    };
-  }
-);
 const defaultSelectConfig = {
   labelFloat: {
     text: "primary-500",
@@ -9971,8 +9693,6 @@ const components = [
   button,
   card,
   checkbox,
-  checkboxAnimated,
-  checkboxHeadless,
   dropdownDivider,
   dropdownItem,
   dropdown,
@@ -10000,7 +9720,6 @@ const components = [
   progress,
   prose,
   radio,
-  radioHeadless,
   select,
   slimscroll,
   snack,

package/dist/preset.mjs CHANGED Viewed

@@ -3188,237 +3188,6 @@ const checkbox = plugin.withOptions(
   }
 );
-const defaultCheckboxAnimatedConfig = {
-  size: "8",
-  rounded: "full",
-  label: {
-    disabledOpacity: "75",
-    inner: {
-      duration: "300"
-    }
-  },
-  default: {
-    color: "muted-600",
-    colorDark: "muted-200"
-  },
-  light: "white",
-  muted: "muted-400",
-  primary: "primary-500",
-  info: "info-500",
-  success: "success-500",
-  warning: "warning-500",
-  danger: "danger-500"
-};
-const checkboxAnimated = plugin.withOptions(
-  function(options) {
-    let { prefix } = defu(options, defaultPluginOptions);
-    if (prefix) {
-      prefix = `${prefix}-`;
-    }
-    return function({ addComponents, theme }) {
-      const config = theme(
-        "shurikenUi.checkboxAnimated"
-      );
-      const keyframes = {
-        "@keyframes stroke": {
-          "100%": {
-            "stroke-dashoffset": "0"
-          }
-        },
-        "@keyframes reverseCircle": {
-          from: {
-            "stroke-dashoffset": "0"
-          },
-          to: {
-            "stroke-dashoffset": "166"
-          }
-        },
-        "@keyframes reverseCheck": {
-          from: {
-            "stroke-dashoffset": "0"
-          },
-          to: {
-            "stroke-dashoffset": "48"
-          }
-        }
-      };
-      addComponents({
-        [`.${prefix}checkbox-animated`]: {
-          [`@apply ${prefix}focus relative h-${config.size} w-${config.size} rounded-${config.rounded} focus-within:outline-current`]: {},
-          [`.${prefix}checkbox-animated-input`]: {
-            [`@apply cursor-pointer disabled:cursor-not-allowed absolute h-full w-full opacity-0 z-[1] left-0 top-0`]: {}
-          },
-          [`.${prefix}checkbox-animated-label`]: {
-            [`@apply relative h-${config.size} w-${config.size} disabled:opacity-75`]: {},
-            [`.${prefix}checkbox-animated-label-inner`]: {
-              [`@apply absolute h-${config.size} w-${config.size} border border-solid z-0 opacity-100 transition-all duration-${config.label.inner.duration} rounded-full  left-0 top-0`]: {},
-              [`&.${prefix}is-opaque`]: {
-                [`@apply opacity-0`]: {}
-              }
-            },
-            [`&:deep(svg circle)`]: {
-              [`@apply h-${config.size} w-${config.size} stroke-2 stroke-current fill-none`]: "",
-              "stroke-dasharray": "166",
-              "stroke-dashoffset": "166",
-              "stroke-miterlimit": "10"
-            },
-            [`&:deep(svg)`]: {
-              [`@apply h-${config.size} w-${config.size} stroke-2 text-current stroke-current shadow-[inset_0_0_0_currentColor] mx-auto my-0 rounded-full`]: "",
-              "stroke-miterlimit": "10"
-            },
-            [`&:deep(svg path)`]: {
-              [`@apply origin-[50%_50%] stroke-current`]: "",
-              "stroke-dasharray": "48",
-              "stroke-dashoffset": "48"
-            }
-          },
-          [`&.${prefix}checked`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`&:deep(svg circle)`]: {
-                "@apply animate-[stroke_0.6s_cubic-bezier(0.65,0,0.45,1)_both]": {}
-              },
-              [`&:deep(svg path)`]: {
-                "@apply animate-[stroke_0.3s_cubic-bezier(0.65,0,0.45,1)_0.8s_both]": {}
-              }
-            }
-          },
-          [`&.${prefix}unchecked`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`&:deep(svg circle)`]: {
-                "@apply animate-[reverseCircle_0.6s_cubic-bezier(0.65,0,0.45,1)_0.2s_both]": {}
-              },
-              [`&:deep(svg path)`]: {
-                "@apply animate-[reverseCheck_0.3s_cubic-bezier(0.65,0,0.45,1)_0.1s_both]": {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-default`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.default.color} dark:text-${config.default.colorDark}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.default.color} dark:border-${config.default.colorDark}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-light`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.light}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.light}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-muted`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.muted}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.muted}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-primary`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.primary}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.primary}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-info`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.info}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.info}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-success`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.success}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.success}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-warning`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.warning}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.warning}`]: {}
-              }
-            }
-          },
-          [`&.${prefix}checkbox-animated-danger`]: {
-            [`.${prefix}checkbox-animated-label`]: {
-              [`@apply text-${config.danger}`]: {},
-              [`.${prefix}checkbox-animated-label-inner`]: {
-                [`@apply border-${config.danger}`]: {}
-              }
-            }
-          }
-        }
-      });
-      addComponents(keyframes);
-    };
-  },
-  function() {
-    return {
-      theme: {
-        shurikenUi: {
-          checkboxAnimated: defaultCheckboxAnimatedConfig
-        }
-      }
-    };
-  }
-);
-const defaultCheckboxHeadlessConfig = {
-  label: {
-    text: "muted-400",
-    textSize: "sm",
-    font: "sans"
-  },
-  input: {
-    size: "full"
-  }
-};
-const checkboxHeadless = plugin.withOptions(
-  function(options) {
-    let { prefix } = defu(options, defaultPluginOptions);
-    if (prefix) {
-      prefix = `${prefix}-`;
-    }
-    return function({ addComponents, theme }) {
-      const config = theme(
-        "shurikenUi.checkboxHeadless"
-      );
-      addComponents({
-        [`.${prefix}checkbox-headless`]: {
-          [`@apply relative`]: {},
-          [`.${prefix}checkbox-headless-label`]: {
-            [`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
-          },
-          [`.${prefix}checkbox-headless-inner`]: {
-            [`@apply relative`]: {},
-            [`.${prefix}checkbox-headless-input`]: {
-              [`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
-            }
-          }
-        }
-      });
-    };
-  },
-  function() {
-    return {
-      theme: {
-        shurikenUi: {
-          checkboxHeadless: defaultCheckboxHeadlessConfig
-        }
-      }
-    };
-  }
-);
 const defaultDropdownDividerConfig = {
   space: "2",
   border: "muted-200",
@@ -7377,53 +7146,6 @@ const radio = plugin.withOptions(
   }
 );
-const defaultRadioHeadlessConfig = {
-  label: {
-    text: "muted-400",
-    textSize: "sm",
-    font: "sans"
-  },
-  input: {
-    size: "full"
-  }
-};
-const radioHeadless = plugin.withOptions(
-  function(options) {
-    let { prefix } = defu(options, defaultPluginOptions);
-    if (prefix) {
-      prefix = `${prefix}-`;
-    }
-    return function({ addComponents, theme }) {
-      const config = theme(
-        "shurikenUi.radioHeadless"
-      );
-      addComponents({
-        [`.${prefix}radio-headless`]: {
-          [`@apply relative`]: {},
-          [`.${prefix}radio-headless-label`]: {
-            [`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
-          },
-          [`.${prefix}radio-headless-inner`]: {
-            [`@apply relative`]: {},
-            [`.${prefix}radio-headless-input`]: {
-              [`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
-            }
-          }
-        }
-      });
-    };
-  },
-  function() {
-    return {
-      theme: {
-        shurikenUi: {
-          radioHeadless: defaultRadioHeadlessConfig
-        }
-      }
-    };
-  }
-);
 const defaultSelectConfig = {
   labelFloat: {
     text: "primary-500",
@@ -9958,8 +9680,6 @@ const components = [
   button,
   card,
   checkbox,
-  checkboxAnimated,
-  checkboxHeadless,
   dropdownDivider,
   dropdownItem,
   dropdown,
@@ -9987,7 +9707,6 @@ const components = [
   progress,
   prose,
   radio,
-  radioHeadless,
   select,
   slimscroll,
   snack,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@shuriken-ui/tailwind",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
   "license": "MIT",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
   "repository": "shuriken-ui/tailwind",