@well-insight/ui 0.1.8 → 0.1.10

package/dist/components/InputColor/styles.css

@@ -1,65 +1,67 @@
-/* —— Form: InputColor —— */
-.wi-inputcolor {
-    display: inline-flex;
-    flex-direction: column;
-    gap: var(--wi-space-2);
+/* —— Form: InputColor —— */
+.wi-inputcolor {
+    --wi-inputcolor-text-min-width: 7rem;
+    --wi-inputcolor-preset-size: 1.25rem;
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--wi-space-2);
 }
 
-.wi-inputcolor--disabled {
-    opacity: var(--wi-opacity-disabled);
+.wi-inputcolor--disabled {
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-inputcolor__swatch {
-    background: transparent;
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-control);
-    cursor: pointer;
-    height: var(--wi-control-height-medium);
-    padding: 0;
-    width: var(--wi-control-height-medium);
+.wi-inputcolor__swatch {
+    background: transparent;
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    cursor: pointer;
+    height: var(--wi-control-height-medium);
+    padding: 0;
+    width: var(--wi-control-height-medium);
 }
 
-.wi-inputcolor__text {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-control);
-    color: var(--wi-color-text);
-    font: inherit;
-    font-size: var(--wi-control-font-medium);
-    min-height: var(--wi-control-height-medium);
-    min-width: 7rem;
-    padding: 0 var(--wi-control-padding-x-medium);
+.wi-inputcolor__text {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    min-width: var(--wi-inputcolor-text-min-width);
+    padding: 0 var(--wi-control-padding-x-medium);
 }
 
-.wi-inputcolor__text:focus-visible,
-.wi-inputcolor__swatch:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
+.wi-inputcolor__text:focus-visible,
+.wi-inputcolor__swatch:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
 }
 
-.wi-inputcolor__row {
-    align-items: center;
-    display: flex;
-    gap: var(--wi-space-2);
+.wi-inputcolor__row {
+    align-items: center;
+    display: flex;
+    gap: var(--wi-space-2);
 }
 
-.wi-inputcolor__swatches {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--wi-space-1);
-    margin-top: var(--wi-space-2);
+.wi-inputcolor__swatches {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--wi-space-1);
+    margin-top: var(--wi-space-2);
 }
 
-.wi-inputcolor__preset {
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-sm);
-    cursor: pointer;
-    height: 1.25rem;
-    padding: 0;
-    width: 1.25rem;
+.wi-inputcolor__preset {
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-sm);
+    cursor: pointer;
+    height: var(--wi-inputcolor-preset-size);
+    padding: 0;
+    width: var(--wi-inputcolor-preset-size);
 }
 
-.wi-inputcolor__preset:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
+.wi-inputcolor__preset:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
 }

package/dist/components/InputNumber/InputNumber.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.vue"],"names":[],"mappings":";AAuJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA4N/C,QAAA,MAAM,YAAY;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"InputNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.vue"],"names":[],"mappings":";AAmJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA8N/C,QAAA,MAAM,YAAY;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InputNumber/styles.css

@@ -1,117 +1,127 @@
-/* —— Form: InputNumber —— */
-.wi-inputnumber-field {
-    display: grid;
-    gap: var(--wi-space-2);
+/* —— Form: InputNumber —— */
+.wi-inputnumber-field {
+    display: grid;
+    gap: var(--wi-space-2);
 }
 
-.wi-inputnumber-field--fluid {
-    width: 100%;
+.wi-inputnumber-field--fluid {
+    width: 100%;
 }
 
-.wi-inputnumber-field__label {
-    color: var(--wi-color-text);
-    font-size: var(--wi-font-size-md);
-    font-weight: 600;
+.wi-inputnumber-field__label {
+    color: var(--wi-color-text);
+    font-size: var(--wi-font-size-md);
+    font-weight: 600;
 }
 
-.wi-inputnumber {
-    align-items: stretch;
-    display: inline-flex;
-    max-width: 100%;
+.wi-inputnumber {
+    --wi-inputnumber-width: 8rem;
+    --wi-inputnumber-stack-button-padding-x: var(--wi-space-2);
+    align-items: stretch;
+    display: inline-flex;
+    max-width: 100%;
 }
 
-.wi-inputnumber--fluid {
-    display: flex;
-    width: 100%;
+.wi-inputnumber--fluid {
+    display: flex;
+    width: 100%;
 }
 
-.wi-inputnumber__input {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-control);
-    color: var(--wi-color-text);
-    font: inherit;
-    font-size: var(--wi-control-font-medium);
-    min-height: var(--wi-control-height-medium);
-    min-width: 0;
-    padding: 0 var(--wi-control-padding-x-medium);
-    width: 8rem;
+.wi-inputnumber__input {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    min-width: 0;
+    padding: 0 var(--wi-control-padding-x-medium);
+    width: var(--wi-inputnumber-width);
 }
 
-.wi-inputnumber--fluid .wi-inputnumber__input {
-    flex: 1 1 auto;
-    width: auto;
+.wi-inputnumber--fluid .wi-inputnumber__input {
+    flex: 1 1 auto;
+    width: auto;
 }
 
-.wi-inputnumber--buttons .wi-inputnumber__input {
-    border-radius: 0;
-    text-align: center;
+.wi-inputnumber--buttons .wi-inputnumber__input {
+    border-radius: 0;
+    text-align: center;
 }
 
-.wi-inputnumber--small .wi-inputnumber__input,
-.wi-inputnumber--small .wi-inputnumber__button {
-    min-height: var(--wi-control-height-small);
-    font-size: var(--wi-control-font-small);
+.wi-inputnumber--small .wi-inputnumber__input,
+.wi-inputnumber--small .wi-inputnumber__button {
+    min-height: var(--wi-control-height-small);
+    font-size: var(--wi-control-font-small);
 }
 
-.wi-inputnumber--large .wi-inputnumber__input,
-.wi-inputnumber--large .wi-inputnumber__button {
-    min-height: var(--wi-control-height-large);
-    font-size: var(--wi-control-font-large);
+.wi-inputnumber--large .wi-inputnumber__input,
+.wi-inputnumber--large .wi-inputnumber__button {
+    min-height: var(--wi-control-height-large);
+    font-size: var(--wi-control-font-large);
 }
 
-.wi-inputnumber--invalid .wi-inputnumber__input {
-    border-color: var(--wi-color-danger);
+.wi-inputnumber--invalid .wi-inputnumber__input {
+    border-color: var(--wi-color-danger);
 }
 
-.wi-inputnumber__button {
-    align-items: center;
-    background: color-mix(in srgb, var(--wi-color-text-muted) 12%, var(--wi-color-surface));
-    border: 1px solid var(--wi-color-border);
-    color: var(--wi-color-text);
-    cursor: pointer;
-    display: inline-flex;
-    font: inherit;
-    font-size: var(--wi-control-font-medium);
-    justify-content: center;
-    min-height: var(--wi-control-height-medium);
-    min-width: var(--wi-control-height-medium);
-    padding: 0;
+.wi-inputnumber__button {
+    align-items: center;
+    background: color-mix(
+        in srgb,
+        var(--wi-color-text-muted) 12%,
+        var(--wi-color-surface)
+    );
+    border: 1px solid var(--wi-color-border);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    justify-content: center;
+    min-height: var(--wi-control-height-medium);
+    min-width: var(--wi-control-height-medium);
+    padding: 0;
 }
 
-.wi-inputnumber__button--decrement {
-    border-radius: var(--wi-radius-control) 0 0 var(--wi-radius-control);
-    border-right: 0;
+.wi-inputnumber__button--decrement {
+    border-radius: var(--wi-radius-control) 0 0 var(--wi-radius-control);
+    border-right: 0;
 }
 
-.wi-inputnumber__button--increment {
-    border-left: 0;
-    border-radius: 0 var(--wi-radius-control) var(--wi-radius-control) 0;
+.wi-inputnumber__button--increment {
+    border-left: 0;
+    border-radius: 0 var(--wi-radius-control) var(--wi-radius-control) 0;
 }
 
-.wi-inputnumber__button:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--wi-color-text-muted) 20%, var(--wi-color-surface));
+.wi-inputnumber__button:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-text-muted) 20%,
+        var(--wi-color-surface)
+    );
 }
 
-.wi-inputnumber__button:disabled,
-.wi-inputnumber--disabled .wi-inputnumber__input {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-inputnumber__button:disabled,
+.wi-inputnumber--disabled .wi-inputnumber__input {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-inputnumber__input:focus-visible,
-.wi-inputnumber__button:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
-    z-index: 1;
+.wi-inputnumber__input:focus-visible,
+.wi-inputnumber__button:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+    z-index: 1;
 }
 
-.wi-inputnumber__stack {
-    display: flex;
-    flex-direction: column;
+.wi-inputnumber__stack {
+    display: flex;
+    flex-direction: column;
 }
 
-.wi-inputnumber__stack .wi-inputnumber__button {
-    min-height: 0;
-    padding: 0 0.4rem;
+.wi-inputnumber__stack .wi-inputnumber__button {
+    min-height: 0;
+    padding: 0 var(--wi-inputnumber-stack-button-padding-x);
 }

package/dist/components/InputOtp/InputOtp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOtp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/InputOtp.vue"],"names":[],"mappings":";AAsIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAiL5C,QAAA,MAAM,YAAY;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"InputOtp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/InputOtp.vue"],"names":[],"mappings":";AAAA,OAmIO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoL5C,QAAA,MAAM,YAAY;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InputPassword/InputPassword.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/InputPassword.vue"],"names":[],"mappings":"AAiPA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAS9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAsVjD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOjD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InputPassword.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/InputPassword.vue"],"names":[],"mappings":"AAiPA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAC;AAEnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA6VjD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOjD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InputPassword/styles.css

@@ -1,178 +1,191 @@
-/* —— Form: InputPassword —— */
-.wi-password-field {
-    display: grid;
-    gap: var(--wi-space-2);
+/* —— Form: InputPassword —— */
+.wi-password-field {
+    display: grid;
+    gap: var(--wi-space-2);
 }
 
-.wi-password-field--fluid {
-    width: 100%;
+.wi-password-field--fluid {
+    width: 100%;
 }
 
-.wi-password-field__label {
-    color: var(--wi-color-text);
-    font-size: var(--wi-font-size-md);
-    font-weight: 600;
+.wi-password-field__label {
+    color: var(--wi-color-text);
+    font-size: var(--wi-font-size-md);
+    font-weight: 600;
 }
 
-.wi-password {
-    display: inline-flex;
-    max-width: 100%;
-    position: relative;
+.wi-password {
+    --wi-password-toggle-size: var(--wi-control-affix-size);
+    display: inline-flex;
+    max-width: 100%;
+    position: relative;
 }
 
-.wi-password--fluid {
-    display: flex;
-    width: 100%;
+.wi-password--fluid {
+    display: flex;
+    width: 100%;
 }
 
-.wi-password__input {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-control);
-    color: var(--wi-color-text);
-    font: inherit;
-    font-size: var(--wi-control-font-medium);
-    min-height: var(--wi-control-height-medium);
-    padding: 0 var(--wi-control-padding-x-medium);
-    width: 100%;
+.wi-password__input {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
+    width: 100%;
 }
 
-.wi-password--toggle .wi-password__input {
-    padding-right: 2.25rem;
+.wi-password--toggle .wi-password__input {
+    padding-right: var(--wi-control-affix-gap);
 }
 
-.wi-password--small .wi-password__input {
-    min-height: var(--wi-control-height-small);
-    font-size: var(--wi-control-font-small);
-    padding: 0 var(--wi-control-padding-x-small);
+.wi-password--small .wi-password__input {
+    min-height: var(--wi-control-height-small);
+    font-size: var(--wi-control-font-small);
+    padding: 0 var(--wi-control-padding-x-small);
 }
 
-.wi-password--small.wi-password--toggle .wi-password__input {
-    padding-right: 2rem;
+.wi-password--small.wi-password--toggle .wi-password__input {
+    padding-right: var(--wi-control-affix-gap);
 }
 
-.wi-password--large .wi-password__input {
-    min-height: var(--wi-control-height-large);
-    font-size: var(--wi-control-font-large);
-    padding: 0 var(--wi-control-padding-x-large);
+.wi-password--large .wi-password__input {
+    min-height: var(--wi-control-height-large);
+    font-size: var(--wi-control-font-large);
+    padding: 0 var(--wi-control-padding-x-large);
 }
 
-.wi-password--large.wi-password--toggle .wi-password__input {
-    padding-right: 2.5rem;
+.wi-password--large.wi-password--toggle .wi-password__input {
+    padding-right: var(--wi-control-affix-gap);
 }
 
-.wi-password--invalid .wi-password__input {
-    border-color: var(--wi-color-danger);
+.wi-password--invalid .wi-password__input {
+    border-color: var(--wi-color-danger);
 }
 
-.wi-password--filled .wi-password__input {
-    background: color-mix(in srgb, var(--wi-color-text-muted) 12%, var(--wi-color-surface));
-    border-color: transparent;
+.wi-password--filled .wi-password__input {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-text-muted) 12%,
+        var(--wi-color-surface)
+    );
+    border-color: transparent;
 }
 
-.wi-password--clearable .wi-password__input {
-    padding-right: 2.25rem;
+.wi-password--clearable .wi-password__input {
+    padding-right: var(--wi-control-affix-gap);
 }
 
-.wi-password--toggle.wi-password--clearable .wi-password__input {
-    padding-right: 3.75rem;
+.wi-password--toggle.wi-password--clearable .wi-password__input {
+    padding-right: calc(
+        var(--wi-control-affix-padding) + var(--wi-control-affix-gap)
+    );
 }
 
-.wi-password--small.wi-password--toggle.wi-password--clearable .wi-password__input {
-    padding-right: 3.25rem;
+.wi-password--small.wi-password--toggle.wi-password--clearable
+    .wi-password__input {
+    padding-right: calc(
+        var(--wi-control-affix-padding) + var(--wi-control-affix-gap)
+    );
 }
 
-.wi-password--large.wi-password--toggle.wi-password--clearable .wi-password__input {
-    padding-right: 4rem;
+.wi-password--large.wi-password--toggle.wi-password--clearable
+    .wi-password__input {
+    padding-right: calc(
+        var(--wi-control-affix-padding) + var(--wi-control-affix-gap)
+    );
 }
 
-.wi-password__clear {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: var(--wi-color-text-muted);
-    cursor: pointer;
-    display: inline-flex;
-    font-size: var(--wi-font-size-lg);
-    height: var(--wi-control-affix-size);
-    justify-content: center;
-    padding: 0;
-    position: absolute;
-    right: var(--wi-space-1);
-    top: 50%;
-    transform: translateY(-50%);
-    width: var(--wi-control-affix-size);
+.wi-password__clear {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    font-size: var(--wi-font-size-lg);
+    height: var(--wi-control-affix-size);
+    justify-content: center;
+    padding: 0;
+    position: absolute;
+    right: var(--wi-space-1);
+    top: 50%;
+    transform: translateY(-50%);
+    width: var(--wi-control-affix-size);
 }
 
-.wi-password--toggle .wi-password__clear {
-    right: 2.1rem;
+.wi-password--toggle .wi-password__clear {
+    right: 2.1rem;
 }
 
-.wi-password__clear:hover:not(:disabled) {
-    color: var(--wi-color-text);
+.wi-password__clear:hover:not(:disabled) {
+    color: var(--wi-color-text);
 }
 
-.wi-password__clear:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
+.wi-password__clear:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
 }
 
-.wi-password__clear:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-password__clear:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-password--disabled .wi-password__input {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-password--disabled .wi-password__input {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-password__toggle {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: var(--wi-color-text-muted);
-    cursor: pointer;
-    display: inline-flex;
-    justify-content: center;
-    min-height: 1.75rem;
-    min-width: 1.75rem;
-    padding: 0.15rem;
-    position: absolute;
-    right: var(--wi-space-1);
-    top: 50%;
-    transform: translateY(-50%);
+.wi-password__toggle {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    justify-content: center;
+    min-height: var(--wi-password-toggle-size);
+    min-width: var(--wi-password-toggle-size);
+    padding: var(--wi-space-1);
+    position: absolute;
+    right: var(--wi-space-1);
+    top: 50%;
+    transform: translateY(-50%);
 }
 
-.wi-password__toggle:hover:not(:disabled) {
-    color: var(--wi-color-text);
+.wi-password__toggle:hover:not(:disabled) {
+    color: var(--wi-color-text);
 }
 
-.wi-password__toggle:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-password__toggle:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-password__input:focus-visible,
-.wi-password__toggle:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
+.wi-password__input:focus-visible,
+.wi-password__toggle:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
 }
 
-.wi-password__feedback {
-    font-size: var(--wi-font-size-xs);
+.wi-password__feedback {
+    font-size: var(--wi-font-size-xs);
 }
 
-.wi-password__feedback--weak {
-    color: var(--wi-color-danger);
+.wi-password__feedback--weak {
+    color: var(--wi-color-danger);
 }
 
-.wi-password__feedback--medium {
-    color: var(--wi-color-warn);
+.wi-password__feedback--medium {
+    color: var(--wi-color-warn);
 }
 
-.wi-password__feedback--strong {
-    color: var(--wi-color-success);
+.wi-password__feedback--strong {
+    color: var(--wi-color-success);
 }

package/dist/components/InputTags/InputTags.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTags.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputTags/InputTags.vue"],"names":[],"mappings":";AA2HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgK7C,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"InputTags.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputTags/InputTags.vue"],"names":[],"mappings":";AAyHA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAkK7C,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}