Skip to content

Commit 2e72f45

Browse files
tanerengiiintanerengiiin
committed
feat(tailwind): add fluid, iconfield, inplace, inputgroup, password components
1 parent 71ff79d commit 2e72f45

95 files changed

Lines changed: 3583 additions & 180 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎apps/showcase/__store__/index.tsx‎

Lines changed: 182 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2279,18 +2279,10 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
22792279
'component': React.lazy(() => import('demo/styled/password/filled-demo')),
22802280
'filePath': 'demo/styled/password/filled-demo.tsx',
22812281
},
2282-
'float-label-demo': {
2283-
'component': React.lazy(() => import('demo/styled/password/float-label-demo')),
2284-
'filePath': 'demo/styled/password/float-label-demo.tsx',
2285-
},
22862282
'fluid-demo': {
22872283
'component': React.lazy(() => import('demo/styled/password/fluid-demo')),
22882284
'filePath': 'demo/styled/password/fluid-demo.tsx',
22892285
},
2290-
'ifta-label-demo': {
2291-
'component': React.lazy(() => import('demo/styled/password/ifta-label-demo')),
2292-
'filePath': 'demo/styled/password/ifta-label-demo.tsx',
2293-
},
22942286
'invalid-demo': {
22952287
'component': React.lazy(() => import('demo/styled/password/invalid-demo')),
22962288
'filePath': 'demo/styled/password/invalid-demo.tsx',
@@ -3252,6 +3244,76 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
32523244
'filePath': 'demo/tailwind/accordion/with-radiobutton-demo.tsx',
32533245
},
32543246
},
3247+
'autocomplete': {
3248+
'arrow-demo': {
3249+
'component': React.lazy(() => import('demo/tailwind/autocomplete/arrow-demo')),
3250+
'filePath': 'demo/tailwind/autocomplete/arrow-demo.tsx',
3251+
},
3252+
'autocomplete-pt': {
3253+
'component': React.lazy(() => import('demo/tailwind/autocomplete/autocomplete-pt')),
3254+
'filePath': 'demo/tailwind/autocomplete/autocomplete-pt.tsx',
3255+
},
3256+
'basic-demo': {
3257+
'component': React.lazy(() => import('demo/tailwind/autocomplete/basic-demo')),
3258+
'filePath': 'demo/tailwind/autocomplete/basic-demo.tsx',
3259+
},
3260+
'chip-demo': {
3261+
'component': React.lazy(() => import('demo/tailwind/autocomplete/chip-demo')),
3262+
'filePath': 'demo/tailwind/autocomplete/chip-demo.tsx',
3263+
},
3264+
'clear-icon-demo': {
3265+
'component': React.lazy(() => import('demo/tailwind/autocomplete/clear-icon-demo')),
3266+
'filePath': 'demo/tailwind/autocomplete/clear-icon-demo.tsx',
3267+
},
3268+
'custom-group-demo': {
3269+
'component': React.lazy(() => import('demo/tailwind/autocomplete/custom-group-demo')),
3270+
'filePath': 'demo/tailwind/autocomplete/custom-group-demo.tsx',
3271+
},
3272+
'disabled-demo': {
3273+
'component': React.lazy(() => import('demo/tailwind/autocomplete/disabled-demo')),
3274+
'filePath': 'demo/tailwind/autocomplete/disabled-demo.tsx',
3275+
},
3276+
'filled-demo': {
3277+
'component': React.lazy(() => import('demo/tailwind/autocomplete/filled-demo')),
3278+
'filePath': 'demo/tailwind/autocomplete/filled-demo.tsx',
3279+
},
3280+
'fluid-demo': {
3281+
'component': React.lazy(() => import('demo/tailwind/autocomplete/fluid-demo')),
3282+
'filePath': 'demo/tailwind/autocomplete/fluid-demo.tsx',
3283+
},
3284+
'focus-behavior-demo': {
3285+
'component': React.lazy(() => import('demo/tailwind/autocomplete/focus-behavior-demo')),
3286+
'filePath': 'demo/tailwind/autocomplete/focus-behavior-demo.tsx',
3287+
},
3288+
'forceselection-demo': {
3289+
'component': React.lazy(() => import('demo/tailwind/autocomplete/forceselection-demo')),
3290+
'filePath': 'demo/tailwind/autocomplete/forceselection-demo.tsx',
3291+
},
3292+
'group-demo': {
3293+
'component': React.lazy(() => import('demo/tailwind/autocomplete/group-demo')),
3294+
'filePath': 'demo/tailwind/autocomplete/group-demo.tsx',
3295+
},
3296+
'invalid-demo': {
3297+
'component': React.lazy(() => import('demo/tailwind/autocomplete/invalid-demo')),
3298+
'filePath': 'demo/tailwind/autocomplete/invalid-demo.tsx',
3299+
},
3300+
'loading-demo': {
3301+
'component': React.lazy(() => import('demo/tailwind/autocomplete/loading-demo')),
3302+
'filePath': 'demo/tailwind/autocomplete/loading-demo.tsx',
3303+
},
3304+
'option-demo': {
3305+
'component': React.lazy(() => import('demo/tailwind/autocomplete/option-demo')),
3306+
'filePath': 'demo/tailwind/autocomplete/option-demo.tsx',
3307+
},
3308+
'sizes-demo': {
3309+
'component': React.lazy(() => import('demo/tailwind/autocomplete/sizes-demo')),
3310+
'filePath': 'demo/tailwind/autocomplete/sizes-demo.tsx',
3311+
},
3312+
'trigger-demo': {
3313+
'component': React.lazy(() => import('demo/tailwind/autocomplete/trigger-demo')),
3314+
'filePath': 'demo/tailwind/autocomplete/trigger-demo.tsx',
3315+
},
3316+
},
32553317
'avatar': {
32563318
'avatar-pt': {
32573319
'component': React.lazy(() => import('demo/tailwind/avatar/avatar-pt')),
@@ -3686,6 +3748,42 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
36863748
'filePath': 'demo/tailwind/fieldset/toggleable-demo.tsx',
36873749
},
36883750
},
3751+
'fluid': {
3752+
'basic-demo': {
3753+
'component': React.lazy(() => import('demo/tailwind/fluid/basic-demo')),
3754+
'filePath': 'demo/tailwind/fluid/basic-demo.tsx',
3755+
},
3756+
'comparision-demo': {
3757+
'component': React.lazy(() => import('demo/tailwind/fluid/comparision-demo')),
3758+
'filePath': 'demo/tailwind/fluid/comparision-demo.tsx',
3759+
},
3760+
'fluid-pt': {
3761+
'component': React.lazy(() => import('demo/tailwind/fluid/fluid-pt')),
3762+
'filePath': 'demo/tailwind/fluid/fluid-pt.tsx',
3763+
},
3764+
},
3765+
'inplace': {
3766+
'basic-demo': {
3767+
'component': React.lazy(() => import('demo/tailwind/inplace/basic-demo')),
3768+
'filePath': 'demo/tailwind/inplace/basic-demo.tsx',
3769+
},
3770+
'controlled-demo': {
3771+
'component': React.lazy(() => import('demo/tailwind/inplace/controlled-demo')),
3772+
'filePath': 'demo/tailwind/inplace/controlled-demo.tsx',
3773+
},
3774+
'disabled-demo': {
3775+
'component': React.lazy(() => import('demo/tailwind/inplace/disabled-demo')),
3776+
'filePath': 'demo/tailwind/inplace/disabled-demo.tsx',
3777+
},
3778+
'image-demo': {
3779+
'component': React.lazy(() => import('demo/tailwind/inplace/image-demo')),
3780+
'filePath': 'demo/tailwind/inplace/image-demo.tsx',
3781+
},
3782+
'inplace-pt': {
3783+
'component': React.lazy(() => import('demo/tailwind/inplace/inplace-pt')),
3784+
'filePath': 'demo/tailwind/inplace/inplace-pt.tsx',
3785+
},
3786+
},
36893787
'inputcolor': {
36903788
'advanced-demo': {
36913789
'component': React.lazy(() => import('demo/tailwind/inputcolor/advanced-demo')),
@@ -3708,6 +3806,32 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
37083806
'filePath': 'demo/tailwind/inputcolor/vertical-slider-demo.tsx',
37093807
},
37103808
},
3809+
'inputgroup': {
3810+
'basic-demo': {
3811+
'component': React.lazy(() => import('demo/tailwind/inputgroup/basic-demo')),
3812+
'filePath': 'demo/tailwind/inputgroup/basic-demo.tsx',
3813+
},
3814+
'button-demo': {
3815+
'component': React.lazy(() => import('demo/tailwind/inputgroup/button-demo')),
3816+
'filePath': 'demo/tailwind/inputgroup/button-demo.tsx',
3817+
},
3818+
'checkbox-radio-demo': {
3819+
'component': React.lazy(() => import('demo/tailwind/inputgroup/checkbox-radio-demo')),
3820+
'filePath': 'demo/tailwind/inputgroup/checkbox-radio-demo.tsx',
3821+
},
3822+
'inputgroup-pt': {
3823+
'component': React.lazy(() => import('demo/tailwind/inputgroup/inputgroup-pt')),
3824+
'filePath': 'demo/tailwind/inputgroup/inputgroup-pt.tsx',
3825+
},
3826+
'multiple-demo': {
3827+
'component': React.lazy(() => import('demo/tailwind/inputgroup/multiple-demo')),
3828+
'filePath': 'demo/tailwind/inputgroup/multiple-demo.tsx',
3829+
},
3830+
'select-demo': {
3831+
'component': React.lazy(() => import('demo/tailwind/inputgroup/select-demo')),
3832+
'filePath': 'demo/tailwind/inputgroup/select-demo.tsx',
3833+
},
3834+
},
37113835
'inputnumber': {
37123836
'basic-demo': {
37133837
'component': React.lazy(() => import('demo/tailwind/inputnumber/basic-demo')),
@@ -3996,6 +4120,56 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
39964120
'filePath': 'demo/tailwind/panel/toggleable-demo.tsx',
39974121
},
39984122
},
4123+
'password': {
4124+
'basic-demo': {
4125+
'component': React.lazy(() => import('demo/tailwind/password/basic-demo')),
4126+
'filePath': 'demo/tailwind/password/basic-demo.tsx',
4127+
},
4128+
'clear-icon-demo': {
4129+
'component': React.lazy(() => import('demo/tailwind/password/clear-icon-demo')),
4130+
'filePath': 'demo/tailwind/password/clear-icon-demo.tsx',
4131+
},
4132+
'disabled-demo': {
4133+
'component': React.lazy(() => import('demo/tailwind/password/disabled-demo')),
4134+
'filePath': 'demo/tailwind/password/disabled-demo.tsx',
4135+
},
4136+
'filled-demo': {
4137+
'component': React.lazy(() => import('demo/tailwind/password/filled-demo')),
4138+
'filePath': 'demo/tailwind/password/filled-demo.tsx',
4139+
},
4140+
'fluid-demo': {
4141+
'component': React.lazy(() => import('demo/tailwind/password/fluid-demo')),
4142+
'filePath': 'demo/tailwind/password/fluid-demo.tsx',
4143+
},
4144+
'invalid-demo': {
4145+
'component': React.lazy(() => import('demo/tailwind/password/invalid-demo')),
4146+
'filePath': 'demo/tailwind/password/invalid-demo.tsx',
4147+
},
4148+
'password-pt': {
4149+
'component': React.lazy(() => import('demo/tailwind/password/password-pt')),
4150+
'filePath': 'demo/tailwind/password/password-pt.tsx',
4151+
},
4152+
'popover-demo': {
4153+
'component': React.lazy(() => import('demo/tailwind/password/popover-demo')),
4154+
'filePath': 'demo/tailwind/password/popover-demo.tsx',
4155+
},
4156+
'requirements-demo': {
4157+
'component': React.lazy(() => import('demo/tailwind/password/requirements-demo')),
4158+
'filePath': 'demo/tailwind/password/requirements-demo.tsx',
4159+
},
4160+
'sizes-demo': {
4161+
'component': React.lazy(() => import('demo/tailwind/password/sizes-demo')),
4162+
'filePath': 'demo/tailwind/password/sizes-demo.tsx',
4163+
},
4164+
'strength-demo': {
4165+
'component': React.lazy(() => import('demo/tailwind/password/strength-demo')),
4166+
'filePath': 'demo/tailwind/password/strength-demo.tsx',
4167+
},
4168+
'toggle-mask-demo': {
4169+
'component': React.lazy(() => import('demo/tailwind/password/toggle-mask-demo')),
4170+
'filePath': 'demo/tailwind/password/toggle-mask-demo.tsx',
4171+
},
4172+
},
39994173
'popover': {
40004174
'accessibility-demo': {
40014175
'component': React.lazy(() => import('demo/tailwind/popover/accessibility-demo')),

‎apps/showcase/assets/menu/submenu/menu-tailwind.data.ts‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,10 @@ export const tailwindMenu = [
1616
{
1717
name: 'Form',
1818
children: [
19+
{
20+
name: 'AutoComplete',
21+
href: '/docs/tailwind/components/autocomplete'
22+
},
1923
{
2024
name: 'Checkbox',
2125
href: '/docs/tailwind/components/checkbox'
@@ -28,6 +32,10 @@ export const tailwindMenu = [
2832
name: 'InputColor',
2933
href: '/docs/tailwind/components/inputcolor'
3034
},
35+
{
36+
name: 'InputGroup',
37+
href: '/docs/tailwind/components/inputgroup'
38+
},
3139
{
3240
name: 'InputNumber',
3341
href: '/docs/tailwind/components/inputnumber'
@@ -48,6 +56,10 @@ export const tailwindMenu = [
4856
name: 'Listbox',
4957
href: '/docs/tailwind/components/listbox'
5058
},
59+
{
60+
name: 'Password',
61+
href: '/docs/tailwind/components/password'
62+
},
5163
{
5264
name: 'RadioButton',
5365
href: '/docs/tailwind/components/radiobutton'
@@ -131,6 +143,10 @@ export const tailwindMenu = [
131143
name: 'Splitter',
132144
href: '/docs/tailwind/components/splitter'
133145
},
146+
{
147+
name: 'Stepper',
148+
href: '/docs/tailwind/components/stepper'
149+
},
134150
{
135151
name: 'Tabs',
136152
href: '/docs/tailwind/components/tabs'
@@ -216,6 +232,14 @@ export const tailwindMenu = [
216232
name: 'Chip',
217233
href: '/docs/tailwind/components/chip'
218234
},
235+
{
236+
name: 'Fluid',
237+
href: '/docs/tailwind/components/fluid'
238+
},
239+
{
240+
name: 'Inplace',
241+
href: '/docs/tailwind/components/inplace'
242+
},
219243
{
220244
name: 'ProgressBar',
221245
href: '/docs/tailwind/components/progressbar'

‎apps/showcase/demo/styled/password/float-label-demo.tsx‎

Lines changed: 0 additions & 30 deletions
This file was deleted.

‎apps/showcase/demo/styled/password/ifta-label-demo.tsx‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

0 commit comments

Comments
 (0)