Skip to content

Commit 17cb70d

Browse files
jhn3981jhn3981
authored
feat: 아이콘 size가 string 값을 받을 수 있게한다 (#884)
1 parent 4177648 commit 17cb70d

File tree

17 files changed

+34
-34
lines changed

17 files changed

+34
-34
lines changed

‎packages/vibrant-components/src/lib/DatePickerField/__snapshots__/DatePickerField.spec.tsx.snap

+3-3
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ exports[`<DatePickerField /> when size is lg match snapshot 1`] = `
3939
width: 100%;
4040
border-width: 1px;
4141
border-style: solid;
42-
border-color: #00000026;
42+
border-color: #0000001a;
4343
height: 50px;
4444
border-radius: 4px;
4545
overflow: hidden;
@@ -285,7 +285,7 @@ exports[`<DatePickerField /> when size is md match snapshot 1`] = `
285285
width: 100%;
286286
border-width: 1px;
287287
border-style: solid;
288-
border-color: #00000026;
288+
border-color: #0000001a;
289289
height: 38px;
290290
border-radius: 4px;
291291
overflow: hidden;
@@ -531,7 +531,7 @@ exports[`<DatePickerField /> when size is sm match snapshot 1`] = `
531531
width: 100%;
532532
border-width: 1px;
533533
border-style: solid;
534-
border-color: #00000026;
534+
border-color: #0000001a;
535535
height: 30px;
536536
border-radius: 4px;
537537
overflow: hidden;

‎packages/vibrant-components/src/lib/Divider/__snapshots__/Divider.spec.tsx.snap

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ exports[`<Divider /> when Divider with margin rendered match snapshot 1`] = `
2525
-ms-flex-preferred-size: auto;
2626
flex-basis: auto;
2727
border-width: 0;
28-
border-color: #00000026;
28+
border-color: #0000001a;
2929
border-style: solid;
3030
width: 100%;
3131
height: 0;

‎packages/vibrant-components/src/lib/Drawer/DrawerFooter/__snapshots__/DrawerFooter.spec.tsx.snap

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ exports[`<DrawerFooter /> when DrawerFooter is rendering match snapshot 1`] = `
2525
-ms-flex-preferred-size: auto;
2626
flex-basis: auto;
2727
border-width: 0;
28-
border-color: #00000026;
28+
border-color: #0000001a;
2929
border-style: solid;
3030
width: 100%;
3131
height: 0;

‎packages/vibrant-components/src/lib/Drawer/DrawerHeader/__snapshots__/DrawerHeader.spec.tsx.snap

+2-2
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,7 @@ exports[`<DrawerHeader /> when children is set match snapshot 1`] = `
196196
-ms-flex-preferred-size: auto;
197197
flex-basis: auto;
198198
border-width: 0;
199-
border-color: #00000026;
199+
border-color: #0000001a;
200200
border-style: solid;
201201
width: 100%;
202202
height: 0;
@@ -345,7 +345,7 @@ exports[`<DrawerHeader /> when title is activated match snapshot 1`] = `
345345
-ms-flex-preferred-size: auto;
346346
flex-basis: auto;
347347
border-width: 0;
348-
border-color: #00000026;
348+
border-color: #0000001a;
349349
border-style: solid;
350350
width: 100%;
351351
height: 0;

‎packages/vibrant-components/src/lib/Drawer/DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap

+1-1
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ exports[`<DrawerPanel /> when component is rendering match snapshot 1`] = `
9191
-ms-flex-preferred-size: auto;
9292
flex-basis: auto;
9393
border-width: 0;
94-
border-color: #00000026;
94+
border-color: #0000001a;
9595
border-style: solid;
9696
width: 0;
9797
border-right-width: 1px;

‎packages/vibrant-components/src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap

+4-4
Original file line numberDiff line numberDiff line change
@@ -152,7 +152,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 1`] =
152152
-ms-flex-preferred-size: auto;
153153
flex-basis: auto;
154154
border-width: 0;
155-
border-color: #00000026;
155+
border-color: #0000001a;
156156
border-style: solid;
157157
width: 0;
158158
border-right-width: 1px;
@@ -432,7 +432,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 2`] =
432432
-ms-flex-preferred-size: auto;
433433
flex-basis: auto;
434434
border-width: 0;
435-
border-color: #00000026;
435+
border-color: #0000001a;
436436
border-style: solid;
437437
width: 0;
438438
border-right-width: 1px;
@@ -708,7 +708,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 3`] =
708708
-ms-flex-preferred-size: auto;
709709
flex-basis: auto;
710710
border-width: 0;
711-
border-color: #00000026;
711+
border-color: #0000001a;
712712
border-style: solid;
713713
width: 100%;
714714
height: 0;
@@ -984,7 +984,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 4`] =
984984
-ms-flex-preferred-size: auto;
985985
flex-basis: auto;
986986
border-width: 0;
987-
border-color: #00000026;
987+
border-color: #0000001a;
988988
border-style: solid;
989989
width: 100%;
990990
height: 0;

‎packages/vibrant-components/src/lib/NumericField/__snapshots__/NumericField.spec.tsx.snap

+1-1
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ exports[`<NumericField /> when NumericField rendered match snapshot 1`] = `
4545
padding-right: 38px;
4646
height: 100%;
4747
text-align: center;
48-
border-color: #00000026;
48+
border-color: #0000001a;
4949
border-style: solid;
5050
border-radius: 4px;
5151
-moz-appearance: textfield;

‎packages/vibrant-components/src/lib/PasswordField/__snapshots__/PasswordField.spec.tsx.snap

+3-3
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ exports[`<PasswordField /> when size is lg match snapshot 1`] = `
5454
height: 50px;
5555
border-width: 1px;
5656
border-style: solid;
57-
border-color: #00000026;
57+
border-color: #0000001a;
5858
background-color: #ffffff;
5959
border-radius: 4px;
6060
}
@@ -430,7 +430,7 @@ exports[`<PasswordField /> when size is md match snapshot 1`] = `
430430
height: 38px;
431431
border-width: 1px;
432432
border-style: solid;
433-
border-color: #00000026;
433+
border-color: #0000001a;
434434
background-color: #ffffff;
435435
border-radius: 4px;
436436
}
@@ -806,7 +806,7 @@ exports[`<PasswordField /> when size is sm match snapshot 1`] = `
806806
height: 30px;
807807
border-width: 1px;
808808
border-style: solid;
809-
border-color: #00000026;
809+
border-color: #0000001a;
810810
background-color: #ffffff;
811811
border-radius: 4px;
812812
}

‎packages/vibrant-components/src/lib/Radio/__snapshots__/Radio.spec.tsx.snap

+2-2
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ exports[`<Radio /> when size is md match snapshot 1`] = `
9898
position: relative;
9999
width: 24px;
100100
height: 24px;
101-
fill: #00000026;
101+
fill: #0000001a;
102102
}
103103
104104
<div>
@@ -233,7 +233,7 @@ exports[`<Radio /> when size is sm match snapshot 1`] = `
233233
position: relative;
234234
width: 20px;
235235
height: 20px;
236-
fill: #00000026;
236+
fill: #0000001a;
237237
}
238238
239239
<div>

‎packages/vibrant-components/src/lib/RangePickerField/__snapshots__/RangePickerField.spec.tsx.snap

+3-3
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ exports[`<RangePickerField /> when size is lg match snapshot 1`] = `
5959
width: 100%;
6060
border-width: 1px;
6161
border-style: solid;
62-
border-color: #00000026;
62+
border-color: #0000001a;
6363
height: 50px;
6464
border-radius: 4px;
6565
overflow: hidden;
@@ -325,7 +325,7 @@ exports[`<RangePickerField /> when size is md match snapshot 1`] = `
325325
width: 100%;
326326
border-width: 1px;
327327
border-style: solid;
328-
border-color: #00000026;
328+
border-color: #0000001a;
329329
height: 38px;
330330
border-radius: 4px;
331331
overflow: hidden;
@@ -591,7 +591,7 @@ exports[`<RangePickerField /> when size is sm match snapshot 1`] = `
591591
width: 100%;
592592
border-width: 1px;
593593
border-style: solid;
594-
border-color: #00000026;
594+
border-color: #0000001a;
595595
height: 30px;
596596
border-radius: 4px;
597597
overflow: hidden;

‎packages/vibrant-components/src/lib/SelectField/__snapshots__/SelectField.spec.tsx.snap

+3-3
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ exports[`<SelectField /> when size is lg match snapshot 1`] = `
7070
padding-right: 15px;
7171
border-width: 1px;
7272
border-style: solid;
73-
border-color: #00000026;
73+
border-color: #0000001a;
7474
border-radius: 4px;
7575
background-color: #ffffff;
7676
}
@@ -279,7 +279,7 @@ exports[`<SelectField /> when size is md match snapshot 1`] = `
279279
padding-right: 9px;
280280
border-width: 1px;
281281
border-style: solid;
282-
border-color: #00000026;
282+
border-color: #0000001a;
283283
border-radius: 4px;
284284
background-color: #ffffff;
285285
}
@@ -488,7 +488,7 @@ exports[`<SelectField /> when size is sm match snapshot 1`] = `
488488
padding-right: 7px;
489489
border-width: 1px;
490490
border-style: solid;
491-
border-color: #00000026;
491+
border-color: #0000001a;
492492
border-radius: 4px;
493493
background-color: #ffffff;
494494
}

‎packages/vibrant-components/src/lib/TabGroup/__snapshots__/TabGroup.spec.tsx.snap

+1-1
Original file line numberDiff line numberDiff line change
@@ -321,7 +321,7 @@ exports[`<TabGroup /> when TabGroup rendered match snapshot 1`] = `
321321
-ms-flex-preferred-size: auto;
322322
flex-basis: auto;
323323
border-width: 0;
324-
border-color: #00000026;
324+
border-color: #0000001a;
325325
border-style: solid;
326326
width: 100%;
327327
height: 0;

‎packages/vibrant-components/src/lib/TableSearch/TableSearchField/__snapshots__/TableSearchField.spec.tsx.snap

+1-1
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ exports[`<TableSearchField /> when maxWidth is default match snapshot 1`] = `
7373
height: 38px;
7474
border-width: 1px;
7575
border-style: solid;
76-
border-color: #00000026;
76+
border-color: #0000001a;
7777
background-color: #ffffff;
7878
border-radius: 4px;
7979
}

‎packages/vibrant-components/src/lib/TableSearch/TableSearchOption/__snapshots__/TableSearchOption.spec.tsx.snap

+2-2
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ exports[`<TableSearchOption /> when width is 1200px match snapshot 1`] = `
8989
padding-right: 9px;
9090
border-width: 1px;
9191
border-style: solid;
92-
border-color: #00000026;
92+
border-color: #0000001a;
9393
border-radius: 4px;
9494
background-color: #ffffff;
9595
}
@@ -325,7 +325,7 @@ exports[`<TableSearchOption /> when width is default match snapshot 1`] = `
325325
padding-right: 9px;
326326
border-width: 1px;
327327
border-style: solid;
328-
border-color: #00000026;
328+
border-color: #0000001a;
329329
border-radius: 4px;
330330
background-color: #ffffff;
331331
}

‎packages/vibrant-components/src/lib/TableSearch/__snapshots__/TableSearch.spec.tsx.snap

+2-2
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ exports[`<TableSearch /> when component is rendering match snapshot 1`] = `
100100
height: 38px;
101101
border-width: 1px;
102102
border-style: solid;
103-
border-color: #00000026;
103+
border-color: #0000001a;
104104
background-color: #ffffff;
105105
border-radius: 4px;
106106
}
@@ -427,7 +427,7 @@ exports[`<TableSearch /> when component is rendering match snapshot 1`] = `
427427
padding-right: 9px;
428428
border-width: 1px;
429429
border-style: solid;
430-
border-color: #00000026;
430+
border-color: #0000001a;
431431
border-radius: 4px;
432432
background-color: #ffffff;
433433
}

‎packages/vibrant-components/src/lib/TextField/__snapshots__/TextField.spec.tsx.snap

+3-3
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ exports[`<TextField /> when size is lg match snapshot 1`] = `
5454
height: 50px;
5555
border-width: 1px;
5656
border-style: solid;
57-
border-color: #00000026;
57+
border-color: #0000001a;
5858
background-color: #ffffff;
5959
border-radius: 4px;
6060
}
@@ -357,7 +357,7 @@ exports[`<TextField /> when size is md match snapshot 1`] = `
357357
height: 38px;
358358
border-width: 1px;
359359
border-style: solid;
360-
border-color: #00000026;
360+
border-color: #0000001a;
361361
background-color: #ffffff;
362362
border-radius: 4px;
363363
}
@@ -660,7 +660,7 @@ exports[`<TextField /> when size is sm match snapshot 1`] = `
660660
height: 30px;
661661
border-width: 1px;
662662
border-style: solid;
663-
border-color: #00000026;
663+
border-color: #0000001a;
664664
background-color: #ffffff;
665665
border-radius: 4px;
666666
}

‎packages/vibrant-icons/src/lib/Icon/IconProp.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,6 @@ export type IconComponent<Props, Type extends 'Fill' | 'Regular' | 'Thin'> = FC<
77

88
export type IconProps = Pick<BoxProps, 'fill'> &
99
SpacingSystemProps & {
10-
size?: ResponsiveValue<number>;
10+
size?: ResponsiveValue<number | string>;
1111
testId?: string;
1212
};

0 commit comments

Comments
 (0)