feat(PinInput): implement component (#2570)

Co-authored-by: Max Steinwand <msteinwand@kues.de>
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
Co-authored-by: Romain Hamel <rom.hml@gmail.com>
This commit is contained in:
max
2024-11-12 16:11:06 +01:00
committed by GitHub
parent f516d7b36d
commit 95aa6f68b3
32 changed files with 1580 additions and 654 deletions

View File

@@ -16,7 +16,7 @@ export default (options: Required<ModuleOptions>) => ({
...buttonGroupVariantWithRoot,
size: {
xs: {
base: 'px-2 py-1 text-xs',
base: 'px-2 py-1 text-xs gap-1',
leading: 'ps-2',
trailing: 'pe-2',
leadingIcon: 'size-4',
@@ -24,7 +24,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-4'
},
sm: {
base: 'px-2.5 py-1.5 text-xs',
base: 'px-2.5 py-1.5 text-xs gap-1.5',
leading: 'ps-2.5',
trailing: 'pe-2.5',
leadingIcon: 'size-4',
@@ -32,7 +32,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-4'
},
md: {
base: 'px-2.5 py-1.5 text-sm',
base: 'px-2.5 py-1.5 text-sm gap-1.5',
leading: 'ps-2.5',
trailing: 'pe-2.5',
leadingIcon: 'size-5',
@@ -40,7 +40,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-5'
},
lg: {
base: 'px-3 py-2 text-sm',
base: 'px-3 py-2 text-sm gap-2',
leading: 'ps-3',
trailing: 'pe-3',
leadingIcon: 'size-5',
@@ -48,7 +48,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-5'
},
xl: {
base: 'px-3 py-2 text-base',
base: 'px-3 py-2 text-base gap-2',
leading: 'ps-3',
trailing: 'pe-3',
leadingIcon: 'size-6',