@aquera/nile-elements 0.1.39-beta-1.2 → 0.1.40-beta-1.1

package/src/nile-tag/nile-tag.css.ts

@@ -26,7 +26,7 @@ export const styles = css`
     white-space: nowrap;
     user-select: none;
     border-radius: var(--nile-radius-sm , var(--ng-radius-sm));
-    gap: var(--nile-spacing-sm , var(--ng-spacing-1-5));
+    gap: var(--nile-spacing-sm , var(--ng-spacing-sm));
   }
 
   .tag__remove::part(base) {
@@ -42,7 +42,7 @@ export const styles = css`
     font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
     height: var(--nile-height-26px , var(--ng-height-auto));
     border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
-    padding: var(--nile-spacing-none , var(--ng-spacing-1)) var(--nile-spacing-lg , var(--ng-spacing-2));
+    padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-lg , var(--ng-spacing-md));
   }
 
   .tag--primary {
@@ -132,7 +132,7 @@ export const styles = css`
   }
 
   .tag__remove {
-    margin-inline-start: var(--nile-spacing-md , var(--ng-spacing-2));
+    margin-inline-start: var(--nile-spacing-md , var(--ng-spacing-md));
   }
 
   /*
@@ -140,11 +140,11 @@ export const styles = css`
    */
 
   .tag--pill {
-    border-radius: var(--nile-radius-full , var(--ng-spacing-20));
+    border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));
   }
 
   .tag__prefix {
-  padding: var(--nile-spacing-xs , var(--ng-spacing-1)) var(--nile-spacing-sm , var(--ng-spacing-1-5));
+  padding: var(--nile-spacing-xs , var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));
 }
 
  .tag__content {

package/src/nile-textarea/nile-textarea.css.ts

@@ -56,7 +56,7 @@ export const styles = css`
     margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));
     font-size: var(--nile-type-scale-2), var(--ng-font-size-text-md);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
   }
@@ -82,7 +82,7 @@ export const styles = css`
     letter-spacing: 0.5px;
     vertical-align: middle;
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
-    transition: 0.3s color, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) border, 0.3s box-shadow, 0.3s background-color;
+    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) color, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) border, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) box-shadow, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) background-color;
     cursor: text;
     min-height: var(--nile-height-12px, var(--ng-height-12px));
   }
@@ -149,7 +149,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md)); /* 100% */
     letter-spacing: 0.2px;
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
@@ -206,7 +206,8 @@ export const styles = css`
   }
 
   .textarea--standard.textarea--success {
-    border-color: var(--nile-colors-green-500, var(--ng-colors-text-success-primary-600));
+    //TODO: Need Token from design system
+    border-color: var(--nile-colors-green-500);
   }
 
   .textarea--standard.textarea--destructive {
@@ -223,35 +224,38 @@ export const styles = css`
     border-radius: var(--nile-radius-sm, var(--ng-radius-xs));
     max-width: 400px;
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));
-    color: var(--nile-colors-red-500, var(--ng-colors-text-error-primary-600));
+    //TODO: Need Token from design system
+    border: 1px solid var(--nile-colors-red-500);
+    //TODO: Need Token from design system
+    color: var(--nile-colors-red-500);
     padding: var(--nile-spacing-lg, var(--ng-spacing-lg));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-md));
     max-height: 300px;
-    overflow-y: scroll;
+    overflow-y: auto;
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
   }
 
   .input__remove-non-printable {
     color: var(--nile-colors-red-500, var(--ng-colors-text-error-primary-600));
-    margin-left: var(--nile-spacing-lg, var(--ng-nile-spacing-lg));
+    margin-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
     font-size: var(--nile-type-scale-3, var(--nile-font-size-base));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     cursor: pointer;
   }
 
   .input__srtiked-text-container {
-    margin-top: var(--nile-spacing-xs, var(--ng-nile-spacing-xs));
+    margin-top: var(--nile-spacing-xs, var(--ng-spacing-xs));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
-    word-wrap: break-all;
-    line-height: var(--nile-line-height-xsmall, var(--ng-nile-line-height-xsmall));
+    word-break: break-all;
+    overflow-wrap: break-word;
+    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
   }
 
   .input__srtiked-text {
     text-decoration: line-through;
-    text-decoration-color: var(--nile-colors-white-base, var(--ng-colors-background-bg-primary));
-    color: var(--nile-colors-white-base, var(--ng-colors-background-bg-primary));
-    background-color: var(--nile-colors-red-500, var(--ng-colors-text-text-error-primary600));
+    text-decoration-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    background-color: var(--nile-colors-red-500, var(--ng-colors-text-error-primary-600));
   }
 `;
 

package/src/nile-toast/nile-toast.css.ts

@@ -27,7 +27,7 @@ export const styles = css`
     position: relative;
     display: flex;
     align-items: flex-start;
-    border: solid 2px 2px;
+    border: solid 2px;
     border-radius: var(--nile-radius-md, var(--ng-radius-xl));
     margin: inherit;
     padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
@@ -132,7 +132,7 @@ export const styles = css`
 
   .alert__message--title {
     font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
-    color:var(--nile-colors-dark-900, var(--ng-colors-primary-900));
+    color:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
   }
 
   .alert__message--content {

package/src/nile-toolbar/nile-toolbar.css.ts

@@ -30,8 +30,8 @@ export const styles = css`
     font-weight: var(--nile-toolbar-font-weight, var(--ng-font-weight-500));
     font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
     font-size: var(--nile-toolbar-font-size, var(--ng-font-size-text-xl));
-    background-color: var(--nile-toolbar-background-color, var(--ng-colors-text-primary-on-brand));
-    color: var(--nile-toolbar-text-color, var(--ng-color-base-black));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    /* color: var(--nile-toolbar-text-color, var(--ng-color-base-black)); */  // TODO: Need to be tokenized in future.
   }
 `;
 

package/src/nile-tooltip/nile-tooltip.css.ts

@@ -18,7 +18,6 @@ export const styles = css`
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-    
     display: contents;
   }
 
@@ -55,7 +54,7 @@ export const styles = css`
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
     background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));
     font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));
-    font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-600));
+    font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));
     line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));
     padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));
     color: var(--nile-colors-white-base, var(--ng-colors-text-white));
@@ -72,4 +71,4 @@ export const styles = css`
   }
 `;
 
-export default [styles];
+export default [styles];

package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts

@@ -60,13 +60,13 @@ export const styles = css`
 	.stepper__item__bulletin {
 		display:grid;
 		place-content:center;
-		
+
 		margin-top: var(--nile-spacing-one-half-x, var(--ng-spacing-none));
 		margin-bottom: var(--nile-spacing-one-half-x, var(--ng-spacing-none));
 	}
 
 	.stepper__item--selected .stepper-item__connector-content{
-		margin-left: var(--nile-spacing-none, calc( var(--ng-spacing-xxs) * -1 ))
+    margin-left: var(--nile-spacing-none, calc(var(--ng-spacing-xxs) * -1px));
 	}
 
 	.stepper__item--selected .stepper__item__bulletin{
@@ -99,7 +99,7 @@ export const styles = css`
 		background-color:var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));
 		overflow:hidden;
 	}
-	
+
 	.stepper__bulletin__icon--active {
 		border: var(--lines-thickness) solid var(--nile-colors-primary-500,var(--ng-colors-border-brand));
 		width: calc(var(--circle-height) + calc( var(--lines-thickness) * 2));
@@ -144,7 +144,7 @@ export const styles = css`
 
 	.stepper__content__title--active{
 		color:var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
-		font-weight: var(--nile-font-weight-semi-bold,var(--ng-font-weight-semi-bold));
+		font-weight: var(--nile-font-weight-semi-bold,var(--ng-font-weight-semibold));
 	}
 
 	.stepper__content__subtitle {

package/vscode-html-custom-data.json

@@ -62,7 +62,7 @@
     },
     {
       "name": "nile-auto-complete",
-      "description": "Attributes:\n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `allMenuItems` - \n\nProperties:\n\n  * `styles` - \n\n  * `dropdownElement` - \n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `allMenuItems` - \n\n  * `menuItems` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `noPadding` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `allMenuItems` - \n\nProperties:\n\n  * `styles` - \n\n  * `dropdownElement` - \n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `noPadding` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `allMenuItems` - \n\n  * `menuItems` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -102,6 +102,11 @@
           "description": "`noOutline` {`boolean`} - \n\nProperty: noOutline\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "noPadding",
+          "description": "`noPadding` {`boolean`} - \n\nProperty: noPadding\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "loading",
           "description": "`loading` {`boolean`} - \n\nProperty: loading\n\nDefault: false",
@@ -273,8 +278,13 @@
     },
     {
       "name": "nile-breadcrumb-item",
-      "description": "Nile BreadCrumb Item component.\n\nProperties:\n\n  * `isLast` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
+      "description": "Nile BreadCrumb Item component.\n\nAttributes:\n\n  * `separator` {`string`} - Render method\n\nProperties:\n\n  * `isLast` {`boolean`} - \n\n  * `separator` {`string`} - Render method\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "separator",
+          "description": "`separator` {`string`} - Render method\n\nProperty: separator\n\nDefault: arrowright"
+        }
+      ]
     },
     {
       "name": "nile-breadcrumb",
@@ -2032,7 +2042,7 @@
     },
     {
       "name": "nile-input",
-      "description": "Nile icon component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `noOutline` - \n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `passwordToggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `passwordVisible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `noSpinButtons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `noOutline` - \n\n  * `valueAsDate` {`Date | null`} - Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.\n\n  * `valueAsNumber` {`number`} - Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `passwordToggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `passwordVisible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `noSpinButtons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `valueAsDate` {`Date | null`} - Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.\n\n  * `valueAsNumber` {`number`} - Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "title",
@@ -2281,6 +2291,10 @@
           "name": "noOutline",
           "description": "`noOutline` - \n\nProperty: noOutline\n\nDefault: false"
         },
+        {
+          "name": "noPadding",
+          "description": "`noPadding` - \n\nProperty: noPadding\n\nDefault: false"
+        },
         {
           "name": "name",
           "description": "`name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "