Skip to content

Commit 0a0a22e

Browse files
junghyeonsujunghyeonsu
committed
chore(rootage): update bottom-sheet closeButton variants
1 parent a3e6859 commit 0a0a22e

File tree

7 files changed

+73
-70
lines changed

7 files changed

+73
-70
lines changed

‎docs/public/rootage/components/bottom-sheet.json‎

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,8 @@
154154
},
155155
"closeButton": {
156156
"values": {
157-
"true": {}
157+
"true": {},
158+
"false": {}
158159
},
159160
"defaultValue": "true"
160161
}
@@ -322,7 +323,8 @@
322323
},
323324
{
324325
"variants": {
325-
"headerAlignment": "left"
326+
"headerAlignment": "left",
327+
"closeButton": "true"
326328
},
327329
"definitions": [
328330
{
@@ -331,13 +333,12 @@
331333
],
332334
"slots": {
333335
"title": {
334-
"paddingLeft": {
335-
"type": "dimension",
336-
"value": "$dimension.spacing-x.global-gutter"
337-
},
338336
"paddingRight": {
339337
"type": "dimension",
340-
"value": "$dimension.spacing-x.global-gutter"
338+
"value": {
339+
"value": 50,
340+
"unit": "px"
341+
}
341342
}
342343
}
343344
}
@@ -347,7 +348,7 @@
347348
{
348349
"variants": {
349350
"headerAlignment": "left",
350-
"closeButton": "true"
351+
"closeButton": "false"
351352
},
352353
"definitions": [
353354
{
@@ -356,12 +357,13 @@
356357
],
357358
"slots": {
358359
"title": {
360+
"paddingLeft": {
361+
"type": "dimension",
362+
"value": "$dimension.spacing-x.global-gutter"
363+
},
359364
"paddingRight": {
360365
"type": "dimension",
361-
"value": {
362-
"value": 50,
363-
"unit": "px"
364-
}
366+
"value": "$dimension.spacing-x.global-gutter"
365367
}
366368
}
367369
}
@@ -370,7 +372,8 @@
370372
},
371373
{
372374
"variants": {
373-
"headerAlignment": "center"
375+
"headerAlignment": "center",
376+
"closeButton": "true"
374377
},
375378
"definitions": [
376379
{
@@ -381,11 +384,17 @@
381384
"title": {
382385
"paddingLeft": {
383386
"type": "dimension",
384-
"value": "$dimension.spacing-x.global-gutter"
387+
"value": {
388+
"value": 60,
389+
"unit": "px"
390+
}
385391
},
386392
"paddingRight": {
387393
"type": "dimension",
388-
"value": "$dimension.spacing-x.global-gutter"
394+
"value": {
395+
"value": 60,
396+
"unit": "px"
397+
}
389398
}
390399
}
391400
}
@@ -395,7 +404,7 @@
395404
{
396405
"variants": {
397406
"headerAlignment": "center",
398-
"closeButton": "true"
407+
"closeButton": "false"
399408
},
400409
"definitions": [
401410
{
@@ -406,17 +415,11 @@
406415
"title": {
407416
"paddingLeft": {
408417
"type": "dimension",
409-
"value": {
410-
"value": 60,
411-
"unit": "px"
412-
}
418+
"value": "$dimension.spacing-x.global-gutter"
413419
},
414420
"paddingRight": {
415421
"type": "dimension",
416-
"value": {
417-
"value": 60,
418-
"unit": "px"
419-
}
422+
"value": "$dimension.spacing-x.global-gutter"
420423
}
421424
}
422425
}

‎packages/css/vars/component/bottom-sheet.d.ts‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -51,22 +51,14 @@ export declare const vars: {
5151
}
5252
}
5353
},
54-
"headerAlignmentLeft": {
55-
"enabled": {
56-
"title": {
57-
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
58-
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
59-
}
60-
}
61-
},
6254
"headerAlignmentLeftCloseButtonTrue": {
6355
"enabled": {
6456
"title": {
6557
"paddingRight": "50px"
6658
}
6759
}
6860
},
69-
"headerAlignmentCenter": {
61+
"headerAlignmentLeftCloseButtonFalse": {
7062
"enabled": {
7163
"title": {
7264
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
@@ -81,5 +73,13 @@ export declare const vars: {
8173
"paddingRight": "60px"
8274
}
8375
}
76+
},
77+
"headerAlignmentCenterCloseButtonFalse": {
78+
"enabled": {
79+
"title": {
80+
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
81+
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
82+
}
83+
}
8484
}
8585
}

‎packages/css/vars/component/bottom-sheet.mjs‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -51,22 +51,14 @@ export const vars = {
5151
}
5252
}
5353
},
54-
"headerAlignmentLeft": {
55-
"enabled": {
56-
"title": {
57-
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
58-
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
59-
}
60-
}
61-
},
6254
"headerAlignmentLeftCloseButtonTrue": {
6355
"enabled": {
6456
"title": {
6557
"paddingRight": "50px"
6658
}
6759
}
6860
},
69-
"headerAlignmentCenter": {
61+
"headerAlignmentLeftCloseButtonFalse": {
7062
"enabled": {
7163
"title": {
7264
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
@@ -81,5 +73,13 @@ export const vars = {
8173
"paddingRight": "60px"
8274
}
8375
}
76+
},
77+
"headerAlignmentCenterCloseButtonFalse": {
78+
"enabled": {
79+
"title": {
80+
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
81+
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
82+
}
83+
}
8484
}
8585
}

‎packages/qvism-preset/src/recipes/bottom-sheet.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -190,8 +190,8 @@ const bottomSheet = defineSlotRecipe({
190190
justifyContent: "flex-start",
191191
},
192192
title: {
193-
paddingLeft: vars.headerAlignmentLeft.enabled.title.paddingLeft,
194-
paddingRight: vars.headerAlignmentLeft.enabled.title.paddingRight,
193+
paddingLeft: vars.headerAlignmentLeftCloseButtonFalse.enabled.title.paddingLeft,
194+
paddingRight: vars.headerAlignmentLeftCloseButtonFalse.enabled.title.paddingRight,
195195
[pseudo("[data-show-close-button]")]: {
196196
paddingRight: vars.headerAlignmentLeftCloseButtonTrue.enabled.title.paddingRight,
197197
},
@@ -203,8 +203,8 @@ const bottomSheet = defineSlotRecipe({
203203
textAlign: "center",
204204
},
205205
title: {
206-
paddingLeft: vars.headerAlignmentCenter.enabled.title.paddingLeft,
207-
paddingRight: vars.headerAlignmentCenter.enabled.title.paddingRight,
206+
paddingLeft: vars.headerAlignmentCenterCloseButtonFalse.enabled.title.paddingLeft,
207+
paddingRight: vars.headerAlignmentCenterCloseButtonFalse.enabled.title.paddingRight,
208208
[pseudo("[data-show-close-button]")]: {
209209
paddingLeft: vars.headerAlignmentCenterCloseButtonTrue.enabled.title.paddingLeft,
210210
paddingRight: vars.headerAlignmentCenterCloseButtonTrue.enabled.title.paddingRight,

‎packages/qvism-preset/src/vars/component/bottom-sheet.d.ts‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -51,22 +51,14 @@ export declare const vars: {
5151
}
5252
}
5353
},
54-
"headerAlignmentLeft": {
55-
"enabled": {
56-
"title": {
57-
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
58-
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
59-
}
60-
}
61-
},
6254
"headerAlignmentLeftCloseButtonTrue": {
6355
"enabled": {
6456
"title": {
6557
"paddingRight": "50px"
6658
}
6759
}
6860
},
69-
"headerAlignmentCenter": {
61+
"headerAlignmentLeftCloseButtonFalse": {
7062
"enabled": {
7163
"title": {
7264
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
@@ -81,5 +73,13 @@ export declare const vars: {
8173
"paddingRight": "60px"
8274
}
8375
}
76+
},
77+
"headerAlignmentCenterCloseButtonFalse": {
78+
"enabled": {
79+
"title": {
80+
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
81+
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
82+
}
83+
}
8484
}
8585
}

‎packages/qvism-preset/src/vars/component/bottom-sheet.mjs‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -51,22 +51,14 @@ export const vars = {
5151
}
5252
}
5353
},
54-
"headerAlignmentLeft": {
55-
"enabled": {
56-
"title": {
57-
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
58-
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
59-
}
60-
}
61-
},
6254
"headerAlignmentLeftCloseButtonTrue": {
6355
"enabled": {
6456
"title": {
6557
"paddingRight": "50px"
6658
}
6759
}
6860
},
69-
"headerAlignmentCenter": {
61+
"headerAlignmentLeftCloseButtonFalse": {
7062
"enabled": {
7163
"title": {
7264
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
@@ -81,5 +73,13 @@ export const vars = {
8173
"paddingRight": "60px"
8274
}
8375
}
76+
},
77+
"headerAlignmentCenterCloseButtonFalse": {
78+
"enabled": {
79+
"title": {
80+
"paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
81+
"paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
82+
}
83+
}
8484
}
8585
}

‎packages/rootage/components/bottom-sheet.yaml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -134,16 +134,11 @@ data:
134134
closeButton:
135135
fromTop: $dimension.x6
136136
fromRight: $dimension.x4
137-
headerAlignment=left:
138-
enabled:
139-
title:
140-
paddingLeft: $dimension.spacing-x.global-gutter
141-
paddingRight: $dimension.spacing-x.global-gutter
142137
headerAlignment=left,closeButton=true:
143138
enabled:
144139
title:
145140
paddingRight: 50px
146-
headerAlignment=center:
141+
headerAlignment=left,closeButton=false:
147142
enabled:
148143
title:
149144
paddingLeft: $dimension.spacing-x.global-gutter
@@ -153,3 +148,8 @@ data:
153148
title:
154149
paddingLeft: 60px
155150
paddingRight: 60px
151+
headerAlignment=center,closeButton=false:
152+
enabled:
153+
title:
154+
paddingLeft: $dimension.spacing-x.global-gutter
155+
paddingRight: $dimension.spacing-x.global-gutter

0 commit comments

Comments
 (0)