@nimbus-ds/input 2.5.0 → 2.6.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 The Input component allows the user to enter or edit information in text format.
 
+## 2025-08-20 `2.6.0`
+
+#### 🎉 New features
+
+- Added new `ai-generative` appearance to `Input`, `Input.Search` and `Input.Password` to match Nimbus AI gradient style. ([#333](https://github.com/TiendaNube/nimbus-design-system/pull/333) by [@joacotornello](https://github.com/joacotornello))
+- Added boolean prop `aiGenerated` to `Input`, `Input.Search` and `Input.Password` to highlight AI-filled values without changing APIs. It applies the AI generative border, white background and a pink focus ring. ([#333](https://github.com/TiendaNube/nimbus-design-system/pull/333) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-03-18 `2.5.0`
 
 #### 🎉 New features

package/README.md

@@ -30,6 +30,10 @@ The component has 3 variants that can be used according to context and applicati
 - Search - Used for search fields, this is the only variant that does not require the use of the Label component as it has an icon by default.
 - Password - Used to receive passwords or sensitive data.
 
+## AI-generated highlight
+
+- Use `aiGenerated` when the field value was filled by a Generative AI to highlight it visually. This applies the Nimbus AI gradient border, white background and a subtle pink focus ring.
+
 ## Additional elements
 
 The component has some elements that can be used together to highlight or add context to the inputs.

package/dist/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 The Input component allows the user to enter or edit information in text format.
 
+## 2025-08-20 `2.6.0`
+
+#### 🎉 New features
+
+- Added new `ai-generative` appearance to `Input`, `Input.Search` and `Input.Password` to match Nimbus AI gradient style. ([#333](https://github.com/TiendaNube/nimbus-design-system/pull/333) by [@joacotornello](https://github.com/joacotornello))
+- Added boolean prop `aiGenerated` to `Input`, `Input.Search` and `Input.Password` to highlight AI-filled values without changing APIs. It applies the AI generative border, white background and a pink focus ring. ([#333](https://github.com/TiendaNube/nimbus-design-system/pull/333) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-03-18 `2.5.0`
 
 #### 🎉 New features

package/dist/README.md

@@ -30,6 +30,10 @@ The component has 3 variants that can be used according to context and applicati
 - Search - Used for search fields, this is the only variant that does not require the use of the Label component as it has an icon by default.
 - Password - Used to receive passwords or sensitive data.
 
+## AI-generated highlight
+
+- Use `aiGenerated` when the field value was filled by a Generative AI to highlight it visually. This applies the Nimbus AI gradient border, white background and a subtle pink focus ring.
+
 ## Additional elements
 
 The component has some elements that can be used together to highlight or add context to the inputs.

package/dist/index.d.ts

@@ -3,9 +3,9 @@
 import React from 'react';
 import { ComponentPropsWithRef, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 
-export type InputPasswordProperties = Pick<InputBaseProps, "appearance" | "disabled">;
+export type InputPasswordProperties = Pick<InputBaseProps, "appearance" | "disabled" | "aiGenerated">;
 declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProperties & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
-export type InputSearchProperties = Pick<InputBaseProps, "appearance" | "disabled">;
+export type InputSearchProperties = Pick<InputBaseProps, "appearance" | "disabled" | "aiGenerated">;
 declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProperties & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
 export interface SkeletonProperties {
 	/**
@@ -39,7 +39,12 @@ export interface InputProperties {
 	 * Change the visual style of the input.
 	 * @default neutral
 	 */
-	appearance?: "neutral" | "success" | "warning" | "danger";
+	appearance?: "neutral" | "success" | "warning" | "danger" | "ai-generative";
+	/**
+	 * Highlights the field to indicate its value was generated by AI.
+	 * Applies AI gradient border, white background and an AI focus ring.
+	 */
+	aiGenerated?: boolean;
 	/**
 	 * Disables the input, disallowing user interaction.
 	 */

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-!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,r,n,o)=>(()=>{"use strict";var a={480:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useRefObjectAsForwardedRef=void 0;const n=r(155);t.useRefObjectAsForwardedRef=function(e,t){(0,n.useImperativeHandle)(e,(()=>t.current))}},36:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Input=void 0;const n=r(769).__importStar(r(155)),o=r(480),a=r(367),i=r(337),s=(0,n.forwardRef)((({className:e,style:t,appearance:r="neutral",appendPosition:s="start",append:c,...u},l)=>{const p=(0,n.useRef)(null);(0,o.useRefObjectAsForwardedRef)(l,p);const f=()=>p.current?.focus(),d=u?.["data-testid"];return n.default.createElement("div",{"data-testid":d?`${d}-container`:"",className:a.input.classnames.appearance[r]},c&&"start"===s&&n.default.createElement(i.InputIcon,{"data-testid":d?`${d}-icon`:"",appendPosition:s,onClick:f},c),n.default.createElement("input",{...u,ref:p,className:a.input.classnames.input}),c&&"end"===s&&n.default.createElement(i.InputIcon,{"data-testid":d?`${d}-icon`:"",appendPosition:s,onClick:f},c))}));t.Input=s,s.Password=i.InputPassword,s.Search=i.InputSearch,s.Skeleton=i.InputSkeleton,s.displayName="Input",s.Password.displayName="Input.Password",s.Search.displayName="Input.Search",s.Skeleton.displayName="Input.Skeleton"},214:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputIcon=void 0;const n=r(769).__importDefault(r(155)),o=r(367);t.InputIcon=({className:e,style:t,appendPosition:r,children:a,...i})=>n.default.createElement("button",{type:"button","data-append-position":r,className:[o.input.classnames.container__icon,o.input.classnames.container__icon_append[r]].join(" "),...i},a)},535:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputIcon=void 0;const n=r(214);var o=r(214);Object.defineProperty(t,"InputIcon",{enumerable:!0,get:function(){return o.InputIcon}}),t.default=n.InputIcon},798:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const n=r(769).__importStar(r(155)),o=r(480),a=r(809),i=r(367),s=r(208),c=r(535),u=(0,n.forwardRef)((({className:e,style:t,appearance:r="neutral",onChange:u,...l},p)=>{const f=(0,n.useRef)(null);(0,o.useRefObjectAsForwardedRef)(p,f);const[d,y]=(0,n.useState)(l.value||""),[_,b]=(0,n.useState)(!1);return n.default.createElement("div",{className:i.input.classnames.appearance[r]},n.default.createElement("input",{...l,ref:f,className:i.input.classnames.input,value:d,type:_?"text":"password",onChange:e=>{u&&u(e),y(e.target.value)}}),d&&n.default.createElement(c.InputIcon,{"data-testid":"button-password-show",appendPosition:"end",onClick:()=>{f.current?.focus(),b((e=>!e))}},n.default.createElement(s.Icon,{color:"neutral-textDisabled",source:n.default.createElement(s.Icon,{color:"primary-interactive",source:_?n.default.createElement(a.EyeOffIcon,null):n.default.createElement(a.EyeIcon,null)})})))}));t.InputPassword=u},143:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const n=r(798);var o=r(798);Object.defineProperty(t,"InputPassword",{enumerable:!0,get:function(){return o.InputPassword}}),t.default=n.InputPassword},754:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const n=r(769).__importStar(r(155)),o=r(480),a=r(809),i=r(367),s=r(208),c=r(535),u=(0,n.forwardRef)((({className:e,style:t,appearance:r="neutral",...u},l)=>{const p=(0,n.useRef)(null);(0,o.useRefObjectAsForwardedRef)(l,p);return n.default.createElement("div",{className:i.input.classnames.appearance[r]},n.default.createElement(c.InputIcon,{"data-testid":"icon-search",appendPosition:"start",onClick:()=>p.current?.focus()},n.default.createElement(s.Icon,{color:"neutral-textDisabled",source:n.default.createElement(a.SearchIcon,null)})),n.default.createElement("input",{...u,ref:p,className:i.input.classnames.input,type:"search"}))}));t.InputSearch=u},654:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const n=r(754);var o=r(754);Object.defineProperty(t,"InputSearch",{enumerable:!0,get:function(){return o.InputSearch}}),t.default=n.InputSearch},950:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const n=r(769).__importDefault(r(155)),o=r(334);t.InputSkeleton=({width:e,"data-testid":t})=>n.default.createElement(o.Skeleton,{"data-testid":t,width:e??"100%",height:"2rem",borderRadius:"0.5rem"})},365:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const n=r(950);var o=r(950);Object.defineProperty(t,"InputSkeleton",{enumerable:!0,get:function(){return o.InputSkeleton}}),t.default=n.InputSkeleton},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(769);n.__exportStar(r(535),t),n.__exportStar(r(143),t),n.__exportStar(r(654),t),n.__exportStar(r(365),t)},208:e=>{e.exports=n},809:e=>{e.exports=r},334:e=>{e.exports=o},367:e=>{e.exports=t},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>S,__asyncValues:()=>g,__await:()=>P,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>M,__classPrivateFieldSet:()=>D,__createBinding:()=>b,__decorate:()=>s,__disposeResources:()=>F,__esDecorate:()=>u,__exportStar:()=>m,__extends:()=>o,__generator:()=>_,__importDefault:()=>R,__importStar:()=>k,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>p,__read:()=>h,__rest:()=>i,__runInitializers:()=>l,__setFunctionName:()=>f,__spread:()=>w,__spreadArray:()=>O,__spreadArrays:()=>I,__values:()=>v,default:()=>C});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(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 r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function s(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",l=!t&&e?n.static?e:e.prototype:null,p=t||(l?Object.getOwnPropertyDescriptor(l,n.name):{}),f=!1,d=r.length-1;d>=0;d--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,r[d])("accessor"===c?{get:p.get,set:p.set}:p[u],y);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(s=i(b.get))&&(p.get=s),(s=i(b.set))&&(p.set=s),(s=i(b.init))&&o.unshift(s)}else(s=i(b))&&("field"===c?o.unshift(s):p[u]=s)}l&&Object.defineProperty(l,n.name,p),f=!0}function l(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function p(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function s(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,s)}c((n=n.apply(e,t||[])).next())}))}function _(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(c){return function(s){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&s[0]?n.return:s[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;switch(n=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,n=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e],n=0}finally{r=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}}var b=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function m(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||b(t,e,r)}function v(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function I(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)n[o]=a[i];return n}function O(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function P(e){return this instanceof P?(this.v=e,this):new P(e)}function S(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||s(e,t)}))})}function s(e,t){try{(r=o[e](t)).value instanceof P?Promise.resolve(r.value.v).then(c,u):l(a[0][2],r)}catch(e){l(a[0][3],e)}var r}function c(e){s("next",e)}function u(e){s("throw",e)}function l(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function j(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:P(e[n](t)),done:!1}:o?o(t):t}:o}}function g(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=v(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function k(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&b(t,e,r);return x(t,e),t}function R(e){return e&&e.__esModule?e:{default:e}}function T(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function D(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!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"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function M(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)}function N(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var A="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function F(e){function t(t){e.error=e.hasError?new A(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const C={__extends:o,__assign:a,__rest:i,__decorate:s,__param:c,__metadata:d,__awaiter:y,__generator:_,__createBinding:b,__exportStar:m,__values:v,__read:h,__spread:w,__spreadArrays:I,__spreadArray:O,__await:P,__asyncGenerator:S,__asyncDelegator:j,__asyncValues:g,__makeTemplateObject:E,__importStar:k,__importDefault:R,__classPrivateFieldGet:T,__classPrivateFieldSet:D,__classPrivateFieldIn:M,__addDisposableResource:N,__disposeResources:F}}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return a[e](r,r.exports,s),r.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.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=s(36);var r=s(36);Object.defineProperty(e,"Input",{enumerable:!0,get:function(){return r.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,r,n,o)=>(()=>{"use strict";var a={480:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useRefObjectAsForwardedRef=void 0;const n=r(155);t.useRefObjectAsForwardedRef=function(e,t){(0,n.useImperativeHandle)(e,(()=>t.current))}},36:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Input=void 0;const n=r(769).__importStar(r(155)),o=r(480),a=r(367),i=r(337),s=(0,n.forwardRef)((({className:e,style:t,appearance:r="neutral",aiGenerated:s=!1,appendPosition:c="start",append:u,...l},p)=>{const f=(0,n.useRef)(null);(0,o.useRefObjectAsForwardedRef)(p,f);const d=()=>f.current?.focus(),y=l?.["data-testid"];return n.default.createElement("div",{"data-testid":y?`${y}-container`:"",className:[s&&a.input.classnames.aiGenerated,a.input.classnames.appearance[r]].filter(Boolean).join(" ")},u&&"start"===c&&n.default.createElement(i.InputIcon,{"data-testid":y?`${y}-icon`:"",appendPosition:c,onClick:d},u),n.default.createElement("input",{...l,ref:f,className:a.input.classnames.input}),u&&"end"===c&&n.default.createElement(i.InputIcon,{"data-testid":y?`${y}-icon`:"",appendPosition:c,onClick:d},u))}));t.Input=s,s.Password=i.InputPassword,s.Search=i.InputSearch,s.Skeleton=i.InputSkeleton,s.displayName="Input",s.Password.displayName="Input.Password",s.Search.displayName="Input.Search",s.Skeleton.displayName="Input.Skeleton"},214:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputIcon=void 0;const n=r(769).__importDefault(r(155)),o=r(367);t.InputIcon=({className:e,style:t,appendPosition:r,children:a,...i})=>n.default.createElement("button",{type:"button","data-append-position":r,className:[o.input.classnames.container__icon,o.input.classnames.container__icon_append[r]].join(" "),...i},a)},535:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputIcon=void 0;const n=r(214);var o=r(214);Object.defineProperty(t,"InputIcon",{enumerable:!0,get:function(){return o.InputIcon}}),t.default=n.InputIcon},798:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const n=r(769).__importStar(r(155)),o=r(480),a=r(809),i=r(367),s=r(208),c=r(535),u=(0,n.forwardRef)((({className:e,style:t,appearance:r="neutral",aiGenerated:u=!1,onChange:l,...p},f)=>{const d=(0,n.useRef)(null);(0,o.useRefObjectAsForwardedRef)(f,d);const[y,_]=(0,n.useState)(p.value||""),[b,m]=(0,n.useState)(!1);return n.default.createElement("div",{className:[i.input.classnames.appearance[r],u&&i.input.classnames.aiGenerated].filter(Boolean).join(" ")},n.default.createElement("input",{...p,ref:d,className:i.input.classnames.input,value:y,type:b?"text":"password",onChange:e=>{l&&l(e),_(e.target.value)}}),y&&n.default.createElement(c.InputIcon,{"data-testid":"button-password-show",appendPosition:"end",onClick:()=>{d.current?.focus(),m((e=>!e))}},n.default.createElement(s.Icon,{color:"neutral-textDisabled",source:n.default.createElement(s.Icon,{color:"primary-interactive",source:b?n.default.createElement(a.EyeOffIcon,null):n.default.createElement(a.EyeIcon,null)})})))}));t.InputPassword=u},143:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputPassword=void 0;const n=r(798);var o=r(798);Object.defineProperty(t,"InputPassword",{enumerable:!0,get:function(){return o.InputPassword}}),t.default=n.InputPassword},754:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const n=r(769).__importStar(r(155)),o=r(480),a=r(809),i=r(367),s=r(208),c=r(535),u=(0,n.forwardRef)((({className:e,style:t,appearance:r="neutral",aiGenerated:u=!1,...l},p)=>{const f=(0,n.useRef)(null);(0,o.useRefObjectAsForwardedRef)(p,f);return n.default.createElement("div",{className:[i.input.classnames.appearance[r],u&&i.input.classnames.aiGenerated].filter(Boolean).join(" ")},n.default.createElement(c.InputIcon,{"data-testid":"icon-search",appendPosition:"start",onClick:()=>f.current?.focus()},n.default.createElement(s.Icon,{color:"neutral-textDisabled",source:n.default.createElement(a.SearchIcon,null)})),n.default.createElement("input",{...l,ref:f,className:i.input.classnames.input,type:"search"}))}));t.InputSearch=u},654:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSearch=void 0;const n=r(754);var o=r(754);Object.defineProperty(t,"InputSearch",{enumerable:!0,get:function(){return o.InputSearch}}),t.default=n.InputSearch},950:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const n=r(769).__importDefault(r(155)),o=r(334);t.InputSkeleton=({width:e,"data-testid":t})=>n.default.createElement(o.Skeleton,{"data-testid":t,width:e??"100%",height:"2rem",borderRadius:"0.5rem"})},365:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.InputSkeleton=void 0;const n=r(950);var o=r(950);Object.defineProperty(t,"InputSkeleton",{enumerable:!0,get:function(){return o.InputSkeleton}}),t.default=n.InputSkeleton},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(769);n.__exportStar(r(535),t),n.__exportStar(r(143),t),n.__exportStar(r(654),t),n.__exportStar(r(365),t)},208:e=>{e.exports=n},809:e=>{e.exports=r},334:e=>{e.exports=o},367:e=>{e.exports=t},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>S,__asyncGenerator:()=>P,__asyncValues:()=>g,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>M,__classPrivateFieldSet:()=>D,__createBinding:()=>b,__decorate:()=>s,__disposeResources:()=>F,__esDecorate:()=>u,__exportStar:()=>m,__extends:()=>o,__generator:()=>_,__importDefault:()=>R,__importStar:()=>k,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>p,__read:()=>h,__rest:()=>i,__runInitializers:()=>l,__setFunctionName:()=>f,__spread:()=>w,__spreadArray:()=>I,__spreadArrays:()=>j,__values:()=>v,default:()=>C});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(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 r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function s(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",l=!t&&e?n.static?e:e.prototype:null,p=t||(l?Object.getOwnPropertyDescriptor(l,n.name):{}),f=!1,d=r.length-1;d>=0;d--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,r[d])("accessor"===c?{get:p.get,set:p.set}:p[u],y);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(s=i(b.get))&&(p.get=s),(s=i(b.set))&&(p.set=s),(s=i(b.init))&&o.unshift(s)}else(s=i(b))&&("field"===c?o.unshift(s):p[u]=s)}l&&Object.defineProperty(l,n.name,p),f=!0}function l(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function p(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function s(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,s)}c((n=n.apply(e,t||[])).next())}))}function _(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(c){return function(s){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&s[0]?n.return:s[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;switch(n=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,n=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e],n=0}finally{r=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}}var b=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function m(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||b(t,e,r)}function v(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function j(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)n[o]=a[i];return n}function I(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||s(e,t)}))})}function s(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(c,u):l(a[0][2],r)}catch(e){l(a[0][3],e)}var r}function c(e){s("next",e)}function u(e){s("throw",e)}function l(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function S(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:O(e[n](t)),done:!1}:o?o(t):t}:o}}function g(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=v(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function k(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&b(t,e,r);return x(t,e),t}function R(e){return e&&e.__esModule?e:{default:e}}function T(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function D(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!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"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function M(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)}function N(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var A="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function F(e){function t(t){e.error=e.hasError?new A(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const C={__extends:o,__assign:a,__rest:i,__decorate:s,__param:c,__metadata:d,__awaiter:y,__generator:_,__createBinding:b,__exportStar:m,__values:v,__read:h,__spread:w,__spreadArrays:j,__spreadArray:I,__await:O,__asyncGenerator:P,__asyncDelegator:S,__asyncValues:g,__makeTemplateObject:E,__importStar:k,__importDefault:R,__classPrivateFieldGet:T,__classPrivateFieldSet:D,__classPrivateFieldIn:M,__addDisposableResource:N,__disposeResources:F}}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return a[e](r,r.exports,s),r.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.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=s(36);var r=s(36);Object.defineProperty(e,"Input",{enumerable:!0,get:function(){return r.Input}}),e.default=t.Input})(),c})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/input",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -14,8 +14,8 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/icon": "^3.0.1",
-    "@nimbus-ds/icons": "^1.6.1",
+    "@nimbus-ds/icon": "^3.2.1",
+    "@nimbus-ds/icons": "^1.12.0",
     "@nimbus-ds/skeleton": "^3.0.1"
   },
   "peerDependencies": {
@@ -31,6 +31,6 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "@nimbus-ds/webpack": "^1.5.0"
+    "@nimbus-ds/webpack": "^1.6.0"
   }
 }