@nimbus-ds/input 2.3.0 → 2.3.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 The Input component allows the user to enter or edit information in text format.
 
+## 2023-04-13 `2.3.1`
+
+#### 🐛 Bug fixes
+
+- Fixed bug in input component where Icon sent was overlapping text. ([#149](https://github.com/TiendaNube/nimbus-design-system/pull/149) by [@juniorconquista](https://github.com/juniorconquista)).
+
 ## 2023-03-13 `2.3.0`
 
 ### 💡 Others
@@ -42,6 +48,7 @@ The Input component allows the user to enter or edit information in text format.
 - Removed `terser-webpack-plugin@5.3.5`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `ts-loader@9.3.1`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `webpack-cli@4.10.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
+- Removed `webpack@5.74.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `typescript@4.7.4`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 
 ## 2022-11-18 `1.1.0`

package/dist/index.d.ts

@@ -3,37 +3,65 @@
 import React from 'react';
 import { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 
-export type InputPasswordProps = Pick<InputProps, "appearance" | "disabled"> & InputHTMLAttributes<HTMLInputElement>;
+export type InputPasswordProperties = Pick<InputProps, "appearance" | "disabled">;
+export type InputPasswordProps = InputPasswordProperties & InputHTMLAttributes<HTMLInputElement>;
 declare const InputPassword: React.FC<InputPasswordProps>;
-export type InputSearchProps = Pick<InputProps, "appearance" | "disabled"> & InputHTMLAttributes<HTMLInputElement>;
+export type InputSearchProperties = Pick<InputProps, "appearance" | "disabled">;
+export type InputSearchProps = InputSearchProperties & InputHTMLAttributes<HTMLInputElement>;
 declare const InputSearch: React.FC<InputSearchProps>;
-export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-	/** width alignment in content */
+export interface SkeletonProperties {
+	/**
+	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
+	 */
 	width: string;
-	/** height alignment in content */
+	/**
+	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+	 */
 	height: string;
-	/** borderRadius alignment in content */
+	/**
+	 * The border radius of the skeleton.
+	 */
 	borderRadius?: string;
-}
-export type InputSkeletonProps = Partial<Pick<SkeletonProps, "width">> & {
+	/**
+	 * This is an attribute used to identify a DOM node for testing purposes.
+	 */
 	"data-testid"?: string;
-};
+}
+export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
+export type InputSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "data-testid">>;
+export type InputSkeletonProps = InputSkeletonProperties;
 declare const InputSkeleton: React.FC<InputSkeletonProps>;
 export interface InputComponents {
 	Password: typeof InputPassword;
 	Search: typeof InputSearch;
 	Skeleton: typeof InputSkeleton;
 }
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
-	/** Input appearance */
+export interface InputProperties {
+	/**
+	 * Change the visual style of the input.
+	 * @default neutral
+	 */
 	appearance?: "neutral" | "success" | "warning" | "danger";
-	/** Input disabled */
+	/**
+	 * Disables the input, disallowing user interaction.
+	 */
 	disabled?: boolean;
-	/** Input append position icon */
+	/**
+	 * Sent icon display position
+	 * @default start
+	 */
 	appendPosition?: "end" | "start";
-	/** Input append icon */
+	/**
+	 * SVG icon to be displayed on input.
+	 * @TJS-type React.ReactNode
+	 */
 	append?: ReactNode;
+	/**
+	 * This is an attribute used to identify a DOM node for testing purposes.
+	 */
+	"data-testid"?: string;
 }
+export type InputProps = InputProperties & InputHTMLAttributes<HTMLInputElement>;
 export declare const Input: React.FC<InputProps> & InputComponents;
 
 export {

package/dist/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/icons","@nimbus-ds/icon","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/input"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/input"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/icons"],e["@nimbus-ds/icon"],e["@nimbus-ds/skeleton"])}(global,((e,t,n,r,o)=>(()=>{"use strict";var a={584:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Input=void 0;const r=n(15).__importDefault(n(156)),o=n(990),a=n(612),i=({className:e,style:t,appearance:n="neutral",appendPosition:a="start",append:i,...u})=>r.default.createElement("div",{className:o.input.classnames.container},i&&r.default.createElement("div",{className:o.input.classnames.container__icon_append[a]},i),r.default.createElement("input",{...u,className:[o.input.classnames.appearance[n],i&&o.input.classnames.container__input_append[a]].join(" ")}));t.Input=i,i.displayName="Input",i.Password=a.InputPassword,i.Search=a.InputSearch,i.Skeleton=a.InputSkeleton,i.Password.displayName="Input.Password",i.Search.displayName="Input.Search",i.Skeleton.displayName="Input.Skeleton"},135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const r=n(15).__importStar(n(156)),o=n(215),a=n(990),i=n(633);t.InputPassword=({className:e,style:t,appearance:n="neutral",onChange:u,...c})=>{const[s,l]=(0,r.useState)(c.value||""),[p,f]=(0,r.useState)(!1);return r.default.createElement("div",{className:a.input.classnames.container},s&&r.default.createElement("button",{"data-testid":"button-password-show",type:"button",className:[a.input.classnames.container__button,a.input.classnames.container__icon_append.end].join(" "),onClick:()=>f((e=>!e))},r.default.createElement(i.Icon,{color:"primary-interactive",source:p?r.default.createElement(o.EyeOffIcon,null):r.default.createElement(o.EyeIcon,null)})),r.default.createElement("input",{...c,className:[a.input.classnames.appearance[n],a.input.classnames.container__input_append.end].join(" "),type:p?"text":"password",value:s,onChange:e=>{u&&u(e),l(e.target.value)}}))}},329:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const r=n(135);var o=n(135);Object.defineProperty(t,"InputPassword",{enumerable:!0,get:function(){return o.InputPassword}}),t.default=r.InputPassword},514:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const r=n(15).__importDefault(n(156)),o=n(215),a=n(990),i=n(633);t.InputSearch=({className:e,style:t,appearance:n="neutral",...u})=>r.default.createElement("div",{className:a.input.classnames.container},r.default.createElement("div",{"data-testid":"icon-search",className:a.input.classnames.container__icon_append.start},r.default.createElement(i.Icon,{color:"neutral-textDisabled",source:r.default.createElement(o.SearchIcon,null)})),r.default.createElement("input",{...u,className:[a.input.classnames.appearance[n],a.input.classnames.container__input_append.start].join(" "),type:"search"}))},398:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const r=n(514);var o=n(514);Object.defineProperty(t,"InputSearch",{enumerable:!0,get:function(){return o.InputSearch}}),t.default=r.InputSearch},742:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const r=n(15).__importDefault(n(156)),o=n(678);t.InputSkeleton=({width:e,"data-testid":t})=>r.default.createElement(o.Skeleton,{"data-testid":t,width:e??"100%",height:"2rem",borderRadius:"0.5rem"})},763:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const r=n(742);var o=n(742);Object.defineProperty(t,"InputSkeleton",{enumerable:!0,get:function(){return o.InputSkeleton}}),t.default=r.InputSkeleton},612:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(15);r.__exportStar(n(329),t),r.__exportStar(n(398),t),r.__exportStar(n(763),t)},15:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>w,__asyncValues:()=>S,__await:()=>h,__awaiter:()=>l,__classPrivateFieldGet:()=>x,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>E,__createBinding:()=>f,__decorate:()=>u,__exportStar:()=>d,__extends:()=>o,__generator:()=>p,__importDefault:()=>I,__importStar:()=>g,__makeTemplateObject:()=>O,__metadata:()=>s,__param:()=>c,__read:()=>m,__rest:()=>i,__spread:()=>b,__spreadArray:()=>v,__spreadArrays:()=>_,__values:()=>y});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function u(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function c(e,t){return function(n,r){t(n,r,e)}}function s(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function u(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}c((r=r.apply(e,t||[])).next())}))}function p(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(a){return function(u){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}}var f=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function d(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||f(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function m(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function b(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function _(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)r[o]=a[i];return r}function v(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=o[e](t)).value instanceof h?Promise.resolve(n.value.v).then(c,s):l(a[0][2],n)}catch(e){l(a[0][3],e)}var n}function c(e){u("next",e)}function s(e){u("throw",e)}function l(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function P(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:h(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function S(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var j=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function g(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&f(t,e,n);return j(t,e),t}function I(e){return e&&e.__esModule?e:{default:e}}function x(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function E(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function k(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=r},215:e=>{e.exports=n},678:e=>{e.exports=o},990:e=>{e.exports=t},156:t=>{t.exports=e}},i={};function u(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return a[e](n,n.exports,u),n.exports}u.d=(e,t)=>{for(var n in t)u.o(t,n)&&!u.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.Input=void 0;const t=u(584);var n=u(584);Object.defineProperty(e,"Input",{enumerable:!0,get:function(){return n.Input}}),e.default=t.Input})(),c})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/icons","@nimbus-ds/icon","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/input"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/input"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/icons"],e["@nimbus-ds/icon"],e["@nimbus-ds/skeleton"])}(global,((e,t,n,r,o)=>(()=>{"use strict";var a={584:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Input=void 0;const r=n(15).__importStar(n(156)),o=n(990),a=n(612),u=({className:e,style:t,appearance:n="neutral",appendPosition:u="start",append:i,...c})=>{const l=(0,r.useRef)(null),s=()=>l.current?.focus(),p=c?.["data-testid"];return r.default.createElement("div",{"data-testid":p?`${p}-container`:"",className:o.input.classnames.appearance[n]},i&&"start"===u&&r.default.createElement(a.InputIcon,{"data-testid":p?`${p}-icon`:"",appendPosition:u,onClick:s},i),r.default.createElement("input",{...c,ref:l,className:o.input.classnames.input}),i&&"end"===u&&r.default.createElement(a.InputIcon,{"data-testid":p?`${p}-icon`:"",appendPosition:u,onClick:s},i))};t.Input=u,u.Password=a.InputPassword,u.Search=a.InputSearch,u.Skeleton=a.InputSkeleton,u.displayName="Input",u.Password.displayName="Input.Password",u.Search.displayName="Input.Search",u.Skeleton.displayName="Input.Skeleton"},668:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputIcon=void 0;const r=n(15).__importDefault(n(156)),o=n(990);t.InputIcon=({className:e,style:t,appendPosition:n,children:a,...u})=>r.default.createElement("button",{type:"button","data-append-position":n,className:[o.input.classnames.container__icon,o.input.classnames.container__icon_append[n]].join(" "),...u},a)},8:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputIcon=void 0;const r=n(668);var o=n(668);Object.defineProperty(t,"InputIcon",{enumerable:!0,get:function(){return o.InputIcon}}),t.default=r.InputIcon},135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const r=n(15).__importStar(n(156)),o=n(215),a=n(990),u=n(633),i=n(8);t.InputPassword=({className:e,style:t,appearance:n="neutral",onChange:c,...l})=>{const s=(0,r.useRef)(null),[p,f]=(0,r.useState)(l.value||""),[d,y]=(0,r.useState)(!1);return r.default.createElement("div",{className:a.input.classnames.appearance[n]},r.default.createElement("input",{...l,ref:s,className:a.input.classnames.input,value:p,type:d?"text":"password",onChange:e=>{c&&c(e),f(e.target.value)}}),p&&r.default.createElement(i.InputIcon,{"data-testid":"button-password-show",appendPosition:"end",onClick:()=>{s.current?.focus(),y((e=>!e))}},r.default.createElement(u.Icon,{color:"neutral-textDisabled",source:r.default.createElement(u.Icon,{color:"primary-interactive",source:d?r.default.createElement(o.EyeOffIcon,null):r.default.createElement(o.EyeIcon,null)})})))}},329:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const r=n(135);var o=n(135);Object.defineProperty(t,"InputPassword",{enumerable:!0,get:function(){return o.InputPassword}}),t.default=r.InputPassword},514:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const r=n(15).__importStar(n(156)),o=n(215),a=n(990),u=n(633),i=n(8);t.InputSearch=({className:e,style:t,appearance:n="neutral",...c})=>{const l=(0,r.useRef)(null);return r.default.createElement("div",{className:a.input.classnames.appearance[n]},r.default.createElement(i.InputIcon,{"data-testid":"icon-search",appendPosition:"start",onClick:()=>l.current?.focus()},r.default.createElement(u.Icon,{color:"neutral-textDisabled",source:r.default.createElement(o.SearchIcon,null)})),r.default.createElement("input",{...c,ref:l,className:a.input.classnames.input,type:"search"}))}},398:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const r=n(514);var o=n(514);Object.defineProperty(t,"InputSearch",{enumerable:!0,get:function(){return o.InputSearch}}),t.default=r.InputSearch},742:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const r=n(15).__importDefault(n(156)),o=n(678);t.InputSkeleton=({width:e,"data-testid":t})=>r.default.createElement(o.Skeleton,{"data-testid":t,width:e??"100%",height:"2rem",borderRadius:"0.5rem"})},763:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const r=n(742);var o=n(742);Object.defineProperty(t,"InputSkeleton",{enumerable:!0,get:function(){return o.InputSkeleton}}),t.default=r.InputSkeleton},612:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(15);r.__exportStar(n(8),t),r.__exportStar(n(329),t),r.__exportStar(n(398),t),r.__exportStar(n(763),t)},15:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>I,__asyncGenerator:()=>w,__asyncValues:()=>P,__await:()=>h,__awaiter:()=>s,__classPrivateFieldGet:()=>x,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>E,__createBinding:()=>f,__decorate:()=>i,__exportStar:()=>d,__extends:()=>o,__generator:()=>p,__importDefault:()=>g,__importStar:()=>j,__makeTemplateObject:()=>S,__metadata:()=>l,__param:()=>c,__read:()=>b,__rest:()=>u,__spread:()=>m,__spreadArray:()=>v,__spreadArrays:()=>_,__values:()=>y});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function u(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function i(e,t,n,r){var o,a=arguments.length,u=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(u=(a<3?o(u):a>3?o(t,n,u):o(t,n))||u);return a>3&&u&&Object.defineProperty(t,n,u),u}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,n,r){return new(n||(n=Promise))((function(o,a){function u(e){try{c(r.next(e))}catch(e){a(e)}}function i(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(u,i)}c((r=r.apply(e,t||[])).next())}))}function p(e,t){var n,r,o,a,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;u;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return u.label++,{value:a[1],done:!1};case 5:u.label++,r=a[1],a=[0];continue;case 7:a=u.ops.pop(),u.trys.pop();continue;default:if(!(o=u.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){u=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){u.label=a[1];break}if(6===a[0]&&u.label<o[1]){u.label=o[1],o=a;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(a);break}o[2]&&u.ops.pop(),u.trys.pop();continue}a=t.call(e,u)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}var f=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function d(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||f(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),u=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)u.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return u}function m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function _(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],u=0,i=a.length;u<i;u++,o++)r[o]=a[u];return r}function v(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},u("next"),u("throw"),u("return"),r[Symbol.asyncIterator]=function(){return this},r;function u(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||i(e,t)}))})}function i(e,t){try{(n=o[e](t)).value instanceof h?Promise.resolve(n.value.v).then(c,l):s(a[0][2],n)}catch(e){s(a[0][3],e)}var n}function c(e){i("next",e)}function l(e){i("throw",e)}function s(e,t){e(t),a.shift(),a.length&&i(a[0][0],a[0][1])}}function I(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:h(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function S(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function j(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&f(t,e,n);return O(t,e),t}function g(e){return e&&e.__esModule?e:{default:e}}function x(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function E(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function k(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=r},215:e=>{e.exports=n},678:e=>{e.exports=o},990:e=>{e.exports=t},156:t=>{t.exports=e}},u={};function i(e){var t=u[e];if(void 0!==t)return t.exports;var n=u[e]={exports:{}};return a[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.Input=void 0;const t=i(584);var n=i(584);Object.defineProperty(e,"Input",{enumerable:!0,get:function(){return n.Input}}),e.default=t.Input})(),c})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/input",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -9,7 +9,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "webpack",
+    "build": "yarn g:webpack",
     "clean": "rm -rf dist",
     "version": "yarn version"
   },
@@ -31,6 +31,6 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "webpack": "^5.74.0"
+    "@nimbus-ds/webpack": "^1.3.0"
   }
 }