@producteca/producteca-ui-kit 1.3.0 → 1.3.2

package/dist/style.css

@@ -0,0 +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-{display:flex}.selectField-module_select-field-container_WU57n .selectField-module_lg_X6iXv .selectField-module_body_JkePt .select-field__control{width:312px}.selectField-module_select-field-container_WU57n .selectField-module_md_BhHmf .selectField-module_body_JkePt .select-field__control{width:272px}.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;display:flex;align-items:center}.selectField-module_select-field-container_WU57n .selectField-module_body_JkePt .selectField-module_select-field__search-icon_FWd8w{position:relative;left:14px;top:9px;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:17.5px;background:url(https://d17riqmt8yes2m.cloudfront.net/assets/icons/arrow_down.svg) 50%/51% 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}.textInput-module_form-field_QGlJ8{display:flex;justify-content:center;flex-direction:column;gap:8px;font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important}.textInput-module_form-field_QGlJ8 label{font-weight:400;color:#252525;font-size:12px}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk{display:flex;gap:8px;align-items:center}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk .textInput-module_with-right-icon_S4zqz{position:relative}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk .textInput-module_with-right-icon_S4zqz input{padding-right:40px}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk .textInput-module_with-left-icon_zhm2g{position:relative}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk .textInput-module_with-left-icon_zhm2g input{padding-left:44px}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk input{height:40px;border-radius:4px;border:1px solid #D7D7D7;padding:0 16px;display:flex;align-items:center;outline:none}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk input::-moz-placeholder{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#acacac}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk input::placeholder{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#acacac}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk input:hover{border-color:#acacac}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk input:focus{border-color:#252525}.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk input:disabled,.textInput-module_form-field_QGlJ8 .textInput-module_input-container_nyvMk .textInput-module_disabled_4bP-a{pointer-events:none;cursor:default;color:#acacac;border:1px solid #D7D7D7;background-color:#f5f5f5}.textInput-module_text-input_sF8pT{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#252525;font-size:14px}.textInput-module_text-input_sF8pT .textInput-module_right-icon_NTriN{cursor:pointer;position:absolute;top:0;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.textInput-module_text-input_sF8pT .textInput-module_right-icon_NTriN>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.textInput-module_text-input_sF8pT .textInput-module_right-icon_NTriN svg{color:#acacac}.textInput-module_text-input_sF8pT .textInput-module_left-icon_-fkJw{position:absolute;top:9px;left:13px;cursor:pointer}.textInput-module_text-input_sF8pT .textInput-module_left-icon_-fkJw svg{color:#acacac}.textInput-module_text-input_sF8pT.textInput-module_lg_lrrdk>input{width:312px}.textInput-module_text-input_sF8pT.textInput-module_md_ece4v>input{width:272px}.textInput-module_text-input_sF8pT.textInput-module_sm_I4vHT>input{width:56px;text-align:center}.textInput-module_text-input_sF8pT.textInput-module_warning_TDyCV input{border:1px solid #FF9900}.textInput-module_text-input_sF8pT.textInput-module_warning_TDyCV input:hover{border-color:#f90}.textInput-module_text-input_sF8pT.textInput-module_warning_TDyCV input:focus{border-color:#f90}.textInput-module_text-input_sF8pT.textInput-module_warning_TDyCV .textInput-module_message_S6AVE{font-size:12px;color:#f90}.textInput-module_text-input_sF8pT.textInput-module_error_qzdKS input{border:1px solid #D90C0C}.textInput-module_text-input_sF8pT.textInput-module_error_qzdKS input:hover{border-color:#d90c0c}.textInput-module_text-input_sF8pT.textInput-module_error_qzdKS input:focus{border-color:#d90c0c}.textInput-module_text-input_sF8pT.textInput-module_error_qzdKS .textInput-module_message_S6AVE{font-size:12px;color:#d90c0c}.textInput-module_text-input_sF8pT .textInput-module_title_2LK2-{font-size:14px;font-weight:400;line-height:21px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.toggleInput-module_toggle-input-container_UOj9s{font-family:Poppins,Open Sans,Helvetica,Arial,sans-serif!important;color:#252525;display:flex;flex-direction:column;gap:16px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_title_VLrfF{font-size:14px;font-weight:400;line-height:21px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e{display:flex;flex-direction:column;gap:16px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e label{display:flex;align-items:center;gap:8px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e input{margin:0;cursor:pointer}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e span{cursor:pointer}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e input:disabled,.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e .toggleInput-module_disabled_r0-Qj{pointer-events:none;cursor:default;color:#acacac;border:#D7D7D7}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e.toggleInput-module_lg_07bmc input{width:18px;height:18px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e.toggleInput-module_lg_07bmc span{font-size:14px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e.toggleInput-module_md_gVTc8 input{width:16px;height:16px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e.toggleInput-module_md_gVTc8 span{font-size:14px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e.toggleInput-module_sm_YXaMd input{width:14px;height:14px}.toggleInput-module_toggle-input-container_UOj9s .toggleInput-module_toggle-input-items_zFS8e.toggleInput-module_sm_YXaMd 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)}}

package/dist/styles/colors.d.ts

@@ -0,0 +1,25 @@
+export type ColorMap = {
+    [category: string]: {
+        '900'?: string;
+        '800'?: string;
+        '733'?: string;
+        '700'?: string;
+        '500'?: string;
+        '400'?: string;
+        '300'?: string;
+        '200'?: string;
+        '100'?: string;
+        '50'?: string;
+    };
+};
+export type ColorShade = '900' | '800' | '733' | '700' | '500' | '400' | '300' | '200' | '100' | '50';
+export declare const Colors: ColorMap;
+export type ColorCategory = keyof typeof Colors;
+export declare const getColor: (category: ColorCategory, shade: ColorShade) => 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.0",
+  "version": "1.3.2",
   "main": "./dist/producteca-ui-kit.umd.js",
   "types": "./dist/index.d.ts",
   "repository": {
@@ -21,6 +21,7 @@
     "build": "storybook build",
     "build:lib": "rm -rf dist && tsc && vite build",
     "version": "git add package.json",
+    "preversion": "npm run build:lib",
     "postversion": "npm publish",
     "deploy": "make deploy",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx --fix",
@@ -54,6 +55,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",
@@ -90,5 +92,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"
   }
 }