@janbox/storefront-ui 2.0.29 → 2.0.31

package/dist/style.css

@@ -1,85 +1,4 @@
-._checkbox__container_1rrv2_1 {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  width: fit-content;
-  max-width: 100%;
-}
-
-._checkbox__container_1rrv2_1:has(._checkbox__input_1rrv2_10:disabled) {
-  cursor: default;
-  pointer-events: none;
-}
-
-._checkbox__main_1rrv2_15 {
-  position: relative;
-  display: inline-flex;
-  border-radius: 9999px;
-  padding: 0.125rem;
-  width: 1.5rem;
-  height: 1.5rem;
-  flex-shrink: 0;
-}
-
-._checkbox__input_1rrv2_10 {
-  width: 0;
-  height: 0;
-  opacity: 0;
-  display: none;
-}
-
-._checkbox__checkmark_1rrv2_32 {
-  position: relative;
-  color: var(--color-neutral-600);
-  width: 100%;
-  height: 100%;
-  border-width: 1px;
-  border-style: solid;
-  border-color: currentColor;
-  border-radius: 0.25rem;
-}
-
-._checkbox__icon_1rrv2_43, ._checkbox__icon_checked_1rrv2_43, ._checkbox__icon_indeterminate_1rrv2_43 {
-  color: white;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-._checkbox__container_1rrv2_1:hover ._checkbox__checkmark_1rrv2_32 {
-  color: var(--checkbox-color);
-  box-shadow: 0 1px 3px 0 currentColor, 0 1px 2px -1px currentColor;
-}
-
-._checkbox__input_1rrv2_10:checked + ._checkbox__checkmark_1rrv2_32,
-._checkbox__input_1rrv2_10:indeterminate + ._checkbox__checkmark_1rrv2_32 {
-  color: var(--checkbox-color);
-  background-color: currentColor;
-}
-
-._checkbox__input_1rrv2_10:indeterminate + ._checkbox__checkmark_1rrv2_32 ._checkbox__icon_indeterminate_1rrv2_43 {
-  opacity: 1;
-}
-._checkbox__input_1rrv2_10:indeterminate + ._checkbox__checkmark_1rrv2_32 ._checkbox__icon_checked_1rrv2_43 {
-  opacity: 0;
-}
-
-._checkbox__input_1rrv2_10:checked + ._checkbox__checkmark_1rrv2_32 ._checkbox__icon_checked_1rrv2_43 {
-  opacity: 1;
-}
-._checkbox__input_1rrv2_10:checked + ._checkbox__checkmark_1rrv2_32 ._checkbox__icon_indeterminate_1rrv2_43 {
-  opacity: 0;
-}
-
-._checkbox__input_1rrv2_10:disabled + ._checkbox__checkmark_1rrv2_32 {
-  color: var(--color-neutral-300);
-}.rdrCalendarWrapper {
+.rdrCalendarWrapper {
   box-sizing: border-box;
   background: #ffffff;
   display: inline-flex;
@@ -658,166 +577,4 @@
   font-weight: 600;
   color: #849095;
   padding: 0.833em;
-}._radio_button__container_10dls_1 {
-  display: flex;
-  width: fit-content;
-  max-width: 100%;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-}
-
-._radio_button__container_10dls_1:has(._radio_button__input_10dls_10:disabled) {
-  cursor: default;
-  pointer-events: none;
-}
-
-._radio_button__input_10dls_10 {
-  width: 0;
-  height: 0;
-  opacity: 0;
-  display: none;
-}
-._radio_button__input_10dls_10:checked + ._radio_button__checkmark_10dls_21::after {
-  transform: scale(1);
-}
-
-._radio_button__main_10dls_25 {
-  position: relative;
-  display: flex;
-  border-radius: 9999px;
-  padding: 0.125rem;
-  width: 1.5rem;
-  height: 1.5rem;
-  flex-shrink: 0;
-}
-
-._radio_button__checkmark_10dls_21 {
-  color: var(--color-neutral-600);
-  width: 100%;
-  height: 100%;
-  border-width: 1px;
-  border-style: solid;
-  border-color: currentColor;
-  border-radius: 9999px;
-  position: relative;
-}
-._radio_button__checkmark_10dls_21::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border-width: 2px;
-  border-style: solid;
-  background-clip: content-box;
-  width: 100%;
-  height: 100%;
-  border-radius: 9999px;
-  transform: scale(0);
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 300ms;
-  border-color: transparent;
-  background-color: currentColor;
-}
-
-._radio_button__container_10dls_1:hover ._radio_button__checkmark_10dls_21 {
-  color: var(--radio-button-color);
-  box-shadow: 0 1px 3px 0 currentColor, 0 1px 2px -1px currentColor;
-}
-
-._radio_button__input_10dls_10:checked + ._radio_button__checkmark_10dls_21 {
-  color: var(--radio-button-color);
-}
-
-._radio_button__input_10dls_10:disabled + ._radio_button__checkmark_10dls_21 {
-  color: var(--color-neutral-300);
-}._switch__container_19zrg_1 {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  width: fit-content;
-  max-width: 100%;
-  padding-left: 0.125rem;
-  padding-right: 0.125rem;
-}
-
-._switch__container_19zrg_1:has(._switch__input_19zrg_12:disabled) {
-  cursor: default;
-  pointer-events: none;
-}
-
-._switch__input_19zrg_12 {
-  width: 0;
-  height: 0;
-  opacity: 0;
-  display: none;
-}
-
-._switch__main_19zrg_24 {
-  position: relative;
-  width: 2rem;
-  height: 1.5rem;
-}
-
-._switch__main_19zrg_24::before {
-  position: absolute;
-  left: 0;
-  right: 0;
-  content: "";
-  background-color: var(--color-neutral-300);
-  height: 1rem;
-  top: 50%;
-  transform: translateY(-50%);
-  border-radius: 9999px;
-  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-._switch__main_19zrg_24::after {
-  position: absolute;
-  left: 0;
-  aspect-ratio: 1;
-  content: "";
-  background-color: white;
-  height: 1.25rem;
-  top: 50%;
-  transform: translateY(-50%);
-  border-radius: 9999px;
-  border-width: 1px;
-  border-style: solid;
-  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-._switch__main_19zrg_24:has(._switch__input_19zrg_12:checked)::before {
-  background-color: var(--color-primary-400);
-}
-._switch__main_19zrg_24:has(._switch__input_19zrg_12:checked)::after {
-  background-color: var(--color-primary-600);
-  border-color: var(--color-primary-600);
-  left: 100%;
-  transform: translateX(-100%) translateY(-50%);
-}
-
-._switch__container_19zrg_1:hover ._switch__main_19zrg_24::before {
-  background-color: var(--color-neutral-300);
-}
-._switch__container_19zrg_1:hover ._switch__main_19zrg_24:has(._switch__input_19zrg_12:checked)::before {
-  background-color: var(--color-primary-500);
-}
-._switch__container_19zrg_1:hover ._switch__main_19zrg_24::after {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-}
-._switch__container_19zrg_1:hover ._switch__main_19zrg_24:has(._switch__input_19zrg_12:checked)::after {
-  box-shadow: 0 1px 3px 0 var(--color-primary-600), 0 1px 2px -1px var(--color-primary-600);
-}
-
-._switch__main_19zrg_24:has(._switch__input_19zrg_12:disabled)::before {
-  background-color: var(--color-neutral-300);
 }
-._switch__main_19zrg_24:has(._switch__input_19zrg_12:disabled)::after {
-  background-color: var(--color-neutral-400);
-  border-color: var(--color-neutral-400);
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "2.0.29",
+  "version": "2.0.31",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [
@@ -43,11 +43,11 @@
       "types": "./dist/components/index.d.ts",
       "default": "./dist/components/index.js"
     },
-    "./locales/*": "./dist/locales/*",
-    "./style.css": "./dist/style.css"
+    "./locales/*": "./dist/locales/*"
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "publishConfig": {
     "access": "restricted"
@@ -62,7 +62,6 @@
     "@floating-ui/react": "^0.27.13",
     "@floating-ui/react-dom": "^2.1.8",
     "@tanstack/react-virtual": "^3.10.9",
-    "clsx": "^2.1.1",
     "color": "^5.0.0",
     "dayjs": "^1.11.13",
     "embla-carousel-auto-scroll": "^8.6.0",
@@ -108,6 +107,7 @@
     "vite": "^5.3.3",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.1.6",
     "vite-tsconfig-paths": "^6.1.1"
   },
   "scripts": {

package/dist/lib/checkbox/checkbox.module.scss.js

@@ -1,23 +0,0 @@
-const checkbox__container = "_checkbox__container_1rrv2_1";
-const checkbox__input = "_checkbox__input_1rrv2_10";
-const checkbox__main = "_checkbox__main_1rrv2_15";
-const checkbox__checkmark = "_checkbox__checkmark_1rrv2_32";
-const checkbox__icon_checked = "_checkbox__icon_checked_1rrv2_43";
-const checkbox__icon_indeterminate = "_checkbox__icon_indeterminate_1rrv2_43";
-const classes = {
-  checkbox__container,
-  checkbox__input,
-  checkbox__main,
-  checkbox__checkmark,
-  checkbox__icon_checked,
-  checkbox__icon_indeterminate
-};
-export {
-  checkbox__checkmark,
-  checkbox__container,
-  checkbox__icon_checked,
-  checkbox__icon_indeterminate,
-  checkbox__input,
-  checkbox__main,
-  classes as default
-};

package/dist/lib/radio-button/radio-button.module.scss.js

@@ -1,17 +0,0 @@
-const radio_button__container = "_radio_button__container_10dls_1";
-const radio_button__input = "_radio_button__input_10dls_10";
-const radio_button__checkmark = "_radio_button__checkmark_10dls_21";
-const radio_button__main = "_radio_button__main_10dls_25";
-const classes = {
-  radio_button__container,
-  radio_button__input,
-  radio_button__checkmark,
-  radio_button__main
-};
-export {
-  classes as default,
-  radio_button__checkmark,
-  radio_button__container,
-  radio_button__input,
-  radio_button__main
-};

package/dist/lib/switch/switch.module.scss.js

@@ -1,14 +0,0 @@
-const switch__container = "_switch__container_19zrg_1";
-const switch__input = "_switch__input_19zrg_12";
-const switch__main = "_switch__main_19zrg_24";
-const classes = {
-  switch__container,
-  switch__input,
-  switch__main
-};
-export {
-  classes as default,
-  switch__container,
-  switch__input,
-  switch__main
-};