@producteca/producteca-ui-kit 1.3.1 → 1.3.3

package/dist/style.css

@@ -1 +1 @@
-.button-module_btn_XFZLT{border-radius:4px;white-space:nowrap;justify-content:center;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:8px;cursor:pointer;font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important}.button-module_btn_XFZLT:disabled,.button-module_btn_XFZLT.button-module_disabled_tB8LZ{opacity:.5;pointer-events:none;cursor:default}.button-module_btn_XFZLT.button-module_lg_Hkfw0{height:45px;min-width:134px;font-size:14px}.button-module_btn_XFZLT.button-module_sm_QYj0l{height:41px;min-width:114px;font-size:12px}.button-module_primary_ppbyq{color:#fff;background-color:#06f;border:1px solid #0066FF}.button-module_primary_ppbyq:hover{background-color:#0058db}.button-module_primary_ppbyq:focus{border:2px solid #0045AD}.button-module_primary_ppbyq.button-module_outline_qVYGR{background-color:#fff;color:#06f;border:1px solid #0066FF}.button-module_primary_ppbyq.button-module_outline_qVYGR:hover{background-color:#f5f5f5}.button-module_success_PUJLB{color:#fff;background-color:#1fb62a;border:1px solid #1FB62A}.button-module_success_PUJLB:hover{background-color:#21962a}.button-module_success_PUJLB:focus{border:2px solid #136A19}.button-module_success_PUJLB.button-module_outline_qVYGR{background-color:#fff;color:#1fb62a;border:1px solid #1FB62A}.button-module_success_PUJLB.button-module_outline_qVYGR:hover{background-color:#f5f5f5}.button-module_secondary_esy5L{color:#fff;background-color:#f90;border:1px solid #FF9900}.button-module_secondary_esy5L:hover{background-color:#dc8400}.button-module_secondary_esy5L:focus{border:2px solid #A86501}.button-module_secondary_esy5L.button-module_outline_qVYGR{background-color:#fff;color:#f90;border:1px solid #FF9900}.button-module_secondary_esy5L.button-module_outline_qVYGR:hover{background-color:#f5f5f5}.button-module_error_eUPLx{color:#fff;background-color:#d90c0c;border:1px solid #D90C0C}.button-module_error_eUPLx:hover{background-color:#9a1414}.button-module_error_eUPLx:focus{border:2px solid #9A1414}.button-module_error_eUPLx.button-module_outline_qVYGR{background-color:#fff;color:#d90c0c;border:1px solid #D90C0C}.button-module_error_eUPLx.button-module_outline_qVYGR:hover{background-color:#f5f5f5}.emptyState-module_empty-state-container_Jt3Ox{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:45vh;gap:16px}.emptyState-module_empty-state-container_Jt3Ox .emptyState-module_link-container_X3bUM{display:flex;flex-direction:column;gap:8px}.emptyState-module_empty-state-container_Jt3Ox .emptyState-module_link-container_X3bUM span{color:#252525;font-size:14px;font-weight:400;line-height:21px}.emptyState-module_empty-state-container_Jt3Ox svg{cursor:default;position:relative;left:12px}.emptyState-module_empty-state-container_Jt3Ox a{font-size:12px;font-weight:400;line-height:18px;text-align:center;color:#06f;cursor:pointer}.emptyState-module_empty-state-container_Jt3Ox a:hover{text-decoration:underline}.selectField-module_select-field-container_WU57n{display:flex;flex-direction:column;gap:8px}.selectField-module_select-field-container_WU57n label{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#252525;font-size:12px;font-weight:400;text-align:left;line-height:18px;margin:0}.selectField-module_select-field-container_WU57n input{width:267px;height:40px;font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#252525;font-size:14px;font-weight:400;padding:9.5px 16px}.selectField-module_select-field-container_WU57n .selectField-module_select-field--is-required_Y-bim{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#d90c0c;font-size:12px;font-weight:400}.selectField-module_select-field-container_WU57n .selectField-module_select-field--with-modifier_C1-wk{align-items:center;gap:16px}.selectField-module_select-field-container_WU57n .selectField-module_select-field-body_77RB-,.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt{display:flex}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .selectField-module_select-field__is-clearable_BF2W0{position:relative;top:0;right:65px;cursor:pointer;width:0}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .selectField-module_select-field__search-icon_FWd8w{position:relative;left:16px;top:10px;z-index:1;width:0}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .selectField-module_select-field__is-multiple_Hjgnk{position:relative;white-space:nowrap;width:0;left:16px;height:40px;display:flex;align-items:center;z-index:1}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .selectField-module_select-field__is-multiple_Hjgnk span{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#252525;font-size:14px;font-weight:400}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field--is-disabled{opacity:.5}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field--is-disabled .select-field__control--is-disabled{background-color:#f5f5f5}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field--is-disabled .select-field__control--is-disabled .select-field__value-container>.select-field__placeholder{color:#404040}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__indicators{width:40px;height:40px;display:flex;justify-content:flex-end}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__clear-indicator{display:none}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__dropdown-indicator{padding:18.5px;background:url(https://d17riqmt8yes2m.cloudfront.net/assets/icons/arrow_down.svg) 50%/40% 15px no-repeat!important}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__dropdown-indicator svg{display:none}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control{width:267px;height:40px;font-size:14px;border:1px solid #D7D7D7;cursor:pointer}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control.select-field__control--is-focused{border-color:#d7d7d7;box-shadow:none}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control.select-field__control--menu-is-open{border-color:#d7d7d7;box-shadow:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control.select-field__control--menu-is-open .select-field__dropdown-indicator{transform:rotate(180deg);transition:all .2s ease-out}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control .select-field__value-container{height:40px;padding-left:16px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding-top:0}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control .select-field__value-container .select-field__single-value{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;font-size:14px;color:#252525;font-weight:400;margin:0}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control .select-field__value-container .select-field__placeholder{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;font-size:14px;color:#acacac;font-weight:400;margin:0;height:40px;display:flex;align-items:center}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control .select-field__value-container.select-field__value-container--is-multi .select-field__multi-value{display:none}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control .select-field__input-container{height:40px;margin:0;padding:0;position:relative;top:-3px}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .select-field__control .select-field__input-container .select-field__input{top:3px;position:relative}.selectField-module_select-field-container_WU57n .selectField-module_select-field--is-clearable_qN2nU .select-field__indicators{width:75px}.selectField-module_select-field-container_WU57n .selectField-module_select-field--is-searchable_0YqAZ .selectField-module_select-field__is-multiple_Hjgnk span{margin-left:32px}.selectField-module_select-field-container_WU57n .selectField-module_select-field--is-searchable_0YqAZ .select-field__control.select-field__control--is-focused .select-field__placeholder{display:none}.selectField-module_select-field-container_WU57n .selectField-module_select-field--is-searchable_0YqAZ .select-field__control.select-field__control--is-focused .select-field__single-value{position:absolute;left:16px}.selectField-module_select-field-container_WU57n .selectField-module_select-field--is-searchable_0YqAZ .select-field__control>.select-field__value-container{margin-left:24px}.selectField-module_select-field-container_WU57n .selectField-module_select-field--is-searchable_0YqAZ .select-field__control>.select-field__value-container>.select-field__placeholder{position:unset}.selectField-module_select-field-container_WU57n .selectField-module_select-field--on-error_OtWTR .select-field__control{border:1px solid #D90C0C}.selectField-module_select-field__input-multiple_AmbMp{display:grid;align-items:center;grid-template-columns:20px 1fr}.selectField-module_option-with-tooltip_o5azL{position:relative;cursor:pointer}.selectField-module_option-with-tooltip_o5azL:hover:after{visibility:visible;opacity:1}.selectField-module_option-with-tooltip_o5azL:after{content:attr(title);visibility:hidden;position:absolute;top:0;opacity:0;font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;background:#666;z-index:1;padding:4px;text-align:left;font-size:12px;line-height:16px;border-radius:4px;white-space:normal;color:#fff;transition:opacity .2s ease-in-out;font-weight:400}.toggleInput-module_toggle-input-container_l39iP{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#252525;display:flex;flex-direction:column;gap:16px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_title_PBnHP{font-size:14px;font-weight:400;line-height:21px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz{display:flex;flex-direction:column;gap:16px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz label{display:flex;align-items:center;gap:8px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz input{margin:0;cursor:pointer}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz span{cursor:pointer}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz input:disabled,.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz .toggleInput-module_disabled_EAw1M{pointer-events:none;cursor:default;color:#acacac;border:#D7D7D7}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz.toggleInput-module_lg_jM-xA input{width:18px;height:18px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz.toggleInput-module_lg_jM-xA span{font-size:14px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz.toggleInput-module_md_gpzk7 input{width:16px;height:16px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz.toggleInput-module_md_gpzk7 span{font-size:14px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz.toggleInput-module_sm_npL60 input{width:14px;height:14px}.toggleInput-module_toggle-input-container_l39iP .toggleInput-module_toggle-input-items_ZVuzz.toggleInput-module_sm_npL60 span{font-size:12px}body{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important}body .select-field__menu-portal{z-index:9999}body .select-field__menu-portal .select-field__menu-list{max-height:192px;display:flex;flex-direction:column}body .select-field__menu-portal .select-field__menu-list.select-field__menu-list--is-multi .select-field__option{display:flex;align-items:center}body .select-field__menu-portal .select-field__menu-list.select-field__menu-list--is-multi .select-field__option label{margin-left:8px}body .select-field__menu-portal .select-field__menu-list .select-field__option{cursor:pointer;height:40px;min-height:40px;margin:0;padding:0 16px;overflow:visible;white-space:nowrap;font-size:14px;font-weight:400;color:#252525;line-height:24px}body .select-field__menu-portal .select-field__menu-list .select-field__option label{font-size:14px;font-weight:400;color:#252525;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0;display:block;padding:9.5px 0;line-height:21px}body .select-field__menu-portal .select-field__menu-list .select-field__menu-notice{font-size:14px;color:#252525;padding:0;min-height:40px;display:flex;align-items:center;justify-content:center}body .select-field__menu-portal .select-field__menu-list .select-field__option--is-selected{background-color:#fff}body .select-field__menu-portal .select-field__menu-list .select-field__option--is-focused{background-color:#ededed}body .select-field__menu-portal .select-field__menu-list .select-field__option--is-disabled{opacity:.5;cursor:default}body .select-field__menu-portal .select-field__menu{margin:0 0 0 1px;max-height:230px;overflow-y:auto;width:calc(100% - 2px);border-top-right-radius:0;border-top-left-radius:0;z-index:9999}body .select-field__menu-portal .select-field__menu input[type=checkbox]{height:20px;min-width:20px;width:20px;margin:0}.spinner-module_loader_9R9ub{border-radius:50%;border:2px solid #0066FF;border-left:2px solid #EDEDED;width:17px;height:17px;transform-origin:center center;animation:spinner-module_rotate_pvg-5 1s linear infinite}@keyframes spinner-module_rotate_pvg-5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+.button-module_btn_XFZLT{border-radius:4px;white-space:nowrap;justify-content:center;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:8px;cursor:pointer;font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important}.button-module_btn_XFZLT:disabled,.button-module_btn_XFZLT.button-module_disabled_tB8LZ{opacity:.5;pointer-events:none;cursor:default}.button-module_btn_XFZLT.button-module_lg_Hkfw0{height:45px;min-width:134px;font-size:14px}.button-module_btn_XFZLT.button-module_sm_QYj0l{height:41px;min-width:114px;font-size:12px}.button-module_primary_ppbyq{color:#fff;background-color:#06f;border:1px solid #0066FF}.button-module_primary_ppbyq:hover{background-color:#0058db}.button-module_primary_ppbyq:focus{border:2px solid #0045AD}.button-module_primary_ppbyq.button-module_outline_qVYGR{background-color:#fff;color:#06f;border:1px solid #0066FF}.button-module_primary_ppbyq.button-module_outline_qVYGR:hover{background-color:#f5f5f5}.button-module_success_PUJLB{color:#fff;background-color:#1fb62a;border:1px solid #1FB62A}.button-module_success_PUJLB:hover{background-color:#21962a}.button-module_success_PUJLB:focus{border:2px solid #136A19}.button-module_success_PUJLB.button-module_outline_qVYGR{background-color:#fff;color:#1fb62a;border:1px solid #1FB62A}.button-module_success_PUJLB.button-module_outline_qVYGR:hover{background-color:#f5f5f5}.button-module_secondary_esy5L{color:#fff;background-color:#f90;border:1px solid #FF9900}.button-module_secondary_esy5L:hover{background-color:#dc8400}.button-module_secondary_esy5L:focus{border:2px solid #A86501}.button-module_secondary_esy5L.button-module_outline_qVYGR{background-color:#fff;color:#f90;border:1px solid #FF9900}.button-module_secondary_esy5L.button-module_outline_qVYGR:hover{background-color:#f5f5f5}.button-module_error_eUPLx{color:#fff;background-color:#d90c0c;border:1px solid #D90C0C}.button-module_error_eUPLx:hover{background-color:#9a1414}.button-module_error_eUPLx:focus{border:2px solid #9A1414}.button-module_error_eUPLx.button-module_outline_qVYGR{background-color:#fff;color:#d90c0c;border:1px solid #D90C0C}.button-module_error_eUPLx.button-module_outline_qVYGR:hover{background-color:#f5f5f5}body{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important}body .select-field__menu-portal{z-index:9999}body .select-field__menu-portal .select-field__menu-list{max-height:192px;display:flex;flex-direction:column}body .select-field__menu-portal .select-field__menu-list.select-field__menu-list--is-multi .select-field__option{display:flex;align-items:center}body .select-field__menu-portal .select-field__menu-list.select-field__menu-list--is-multi .select-field__option label{margin-left:8px}body .select-field__menu-portal .select-field__menu-list .select-field__option{cursor:pointer;height:40px;min-height:40px;margin:0;padding:0 16px;overflow:visible;white-space:nowrap;font-size:14px;font-weight:400;color:#252525;line-height:24px}body .select-field__menu-portal .select-field__menu-list .select-field__option label{font-size:14px;font-weight:400;color:#252525;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0;display:block;padding:9.5px 0;line-height:21px}body .select-field__menu-portal .select-field__menu-list .select-field__menu-notice{font-size:14px;color:#252525;padding:0;min-height:40px;display:flex;align-items:center;justify-content:center}body .select-field__menu-portal .select-field__menu-list .select-field__option--is-selected{background-color:#fff}body .select-field__menu-portal .select-field__menu-list .select-field__option--is-focused{background-color:#ededed}body .select-field__menu-portal .select-field__menu-list .select-field__option--is-disabled{opacity:.5;cursor:default}body .select-field__menu-portal .select-field__menu{margin:0 0 0 1px;max-height:230px;overflow-y:auto;width:calc(100% - 2px);border-top-right-radius:0;border-top-left-radius:0;z-index:9999}body .select-field__menu-portal .select-field__menu input[type=checkbox]{height:20px;min-width:20px;width:20px;margin:0}.spinner-module_loader_9R9ub{border-radius:50%;border:2px solid #0066FF;border-left:2px solid #EDEDED;width:17px;height:17px;transform-origin:center center;animation:spinner-module_rotate_pvg-5 1s linear infinite}@keyframes spinner-module_rotate_pvg-5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/styles/colors.d.ts

@@ -16,11 +16,10 @@ export type ColorShade = '900' | '800' | '733' | '700' | '500' | '400' | '300' |
 export declare const Colors: ColorMap;
 export type ColorCategory = keyof typeof Colors;
 export declare const getColor: (category: ColorCategory, shade: ColorShade) => string;
-export declare const allColors: {
-    title: string;
-    color: string;
-}[];
-export declare const ColorOptions: string[];
-export declare const ColorValues: string[];
+export declare const allColors: boolean[];
+export declare const ColorOptions: any[];
+export declare const ColorValues: any[];
+export declare const Shades: string[];
+export declare const Categories: string[];
 export declare const isValidColor: (color: string) => boolean;
 export default Colors;

package/dist/styles/theme.d.ts

@@ -0,0 +1,2 @@
+declare const theme: import('@mui/material/styles').Theme;
+export default theme;

package/dist/validators/index.d.ts

@@ -0,0 +1 @@
+export * from './validation';

package/dist/validators/validation.d.ts

@@ -0,0 +1,21 @@
+export interface Meta {
+    touched?: boolean;
+    error?: {
+        locale: string;
+        params?: Record<string, any>;
+    };
+    warning?: {
+        locale: string;
+        params?: Record<string, any>;
+    };
+}
+export type inputValue = string | number;
+export interface ValidationProps {
+    meta?: Meta;
+    isRequired?: boolean;
+    isValid?: (value: inputValue) => boolean;
+    value: inputValue;
+}
+export declare const hasError: (props: ValidationProps) => boolean;
+export declare const hasWarning: (props: ValidationProps) => boolean;
+export declare const formValidation: (props: ValidationProps) => "warning" | "error" | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@producteca/producteca-ui-kit",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "main": "./dist/producteca-ui-kit.umd.js",
   "types": "./dist/index.d.ts",
   "repository": {
@@ -16,6 +16,14 @@
   "engines": {
     "node": "22"
   },
+  "exports": {
+    "./components": "./dist/components/index.ts",
+    "./components/inputs": "./dist/components/inputs/index.ts",
+    "./patterns": "./dist/components/patterns/index.ts",
+    "./icons": "./dist/components/icons/index.ts",
+    "./colors": "./dist/styles/colors.tsx",
+    ".": "./dist"
+  },
   "scripts": {
     "dev": "storybook dev -p 6006",
     "build": "storybook build",
@@ -55,6 +63,7 @@
     "@storybook/react-vite": "^8.0.9",
     "@storybook/test": "^8.0.9",
     "@testing-library/react": "^16.0.0",
+    "@types/lodash": "^4.17.14",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
@@ -91,5 +100,11 @@
     "storybook": "^8.0.9",
     "storybook-i18n": "^3.0.1",
     "storybook-react-i18next": "^3.1.1"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^6.4.0",
+    "@mui/material": "^6.4.0"
   }
 }

package/dist/components/icons/closeIcon/closeIcon.d.ts

@@ -1,5 +0,0 @@
-import { IconInterface } from '../parameters';
-
-export declare const CloseIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
-export type { IconInterface };
-export default CloseIcon;

package/dist/components/icons/searchIcon/searchIcon.d.ts

@@ -1,5 +0,0 @@
-import { IconInterface } from '../parameters';
-
-export declare const SearchIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
-export type { IconInterface };
-export default SearchIcon;