Skip to content

Commit e514cc7

Browse files
snitin315snitin315
committed
refactor: update tokens
1 parent c342d76 commit e514cc7

File tree

9 files changed

+80
-80
lines changed

9 files changed

+80
-80
lines changed

‎packages/blade/src/components/Chip/Chip.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ export default {
8282
table: {
8383
category: propsCategory.CHIP,
8484
type: {
85-
summary: '"default" | "positive" | "negative"',
85+
summary: '"primary" | "positive" | "negative"',
8686
},
8787
},
8888
options: ['primary', 'positive', 'negative'],
@@ -120,5 +120,5 @@ const ChipTemplate: StoryFn<typeof ChipComponent> = ({ children, ...args }) => {
120120
export const Default = ChipTemplate.bind({});
121121
Default.storyName = 'Default';
122122
Default.args = {
123-
color: 'default',
123+
color: 'primary',
124124
};

‎packages/blade/src/components/Chip/__tests__/__snapshots__/Chip.native.test.tsx.snap

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -423,15 +423,15 @@ exports[`<Chip /> should prioritize Chip's isDisabled prop instead of ChipGroup
423423
}
424424
>
425425
<View
426-
borderColor="interactive.border.gray.default"
426+
borderColor="interactive.border.gray.faded"
427427
isDisabled={false}
428428
style={
429429
[
430430
{
431431
"alignItems": "center",
432432
"alignSelf": "center",
433433
"backgroundColor": "hsla(0, 0%, 100%, 1)",
434-
"borderColor": "hsla(211, 27%, 76%, 1)",
434+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
435435
"borderRadius": 9999,
436436
"borderWidth": 1,
437437
"display": "flex",
@@ -455,7 +455,7 @@ exports[`<Chip /> should prioritize Chip's isDisabled prop instead of ChipGroup
455455
<View
456456
alignItems="center"
457457
backgroundColor="transparent"
458-
borderColor="interactive.border.gray.default"
458+
borderColor="interactive.border.gray.faded"
459459
borderRadius="max"
460460
borderWidth="thinner"
461461
color="primary"
@@ -472,7 +472,7 @@ exports[`<Chip /> should prioritize Chip's isDisabled prop instead of ChipGroup
472472
{
473473
"alignItems": "center",
474474
"backgroundColor": "hsla(0, 0%, 100%, 0)",
475-
"borderColor": "hsla(211, 27%, 76%, 1)",
475+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
476476
"borderRadius": 9999,
477477
"borderStyle": "solid",
478478
"borderWidth": 0.5,
@@ -756,15 +756,15 @@ exports[`<Chip /> should render chip 1`] = `
756756
}
757757
>
758758
<View
759-
borderColor="interactive.border.gray.default"
759+
borderColor="interactive.border.gray.faded"
760760
isDisabled={false}
761761
style={
762762
[
763763
{
764764
"alignItems": "center",
765765
"alignSelf": "center",
766766
"backgroundColor": "hsla(0, 0%, 100%, 1)",
767-
"borderColor": "hsla(211, 27%, 76%, 1)",
767+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
768768
"borderRadius": 9999,
769769
"borderWidth": 1,
770770
"display": "flex",
@@ -788,7 +788,7 @@ exports[`<Chip /> should render chip 1`] = `
788788
<View
789789
alignItems="center"
790790
backgroundColor="transparent"
791-
borderColor="interactive.border.gray.default"
791+
borderColor="interactive.border.gray.faded"
792792
borderRadius="max"
793793
borderWidth="thinner"
794794
color="primary"
@@ -805,7 +805,7 @@ exports[`<Chip /> should render chip 1`] = `
805805
{
806806
"alignItems": "center",
807807
"backgroundColor": "hsla(0, 0%, 100%, 0)",
808-
"borderColor": "hsla(211, 27%, 76%, 1)",
808+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
809809
"borderRadius": 9999,
810810
"borderStyle": "solid",
811811
"borderWidth": 0.5,
@@ -963,15 +963,15 @@ exports[`<Chip /> should render chip 1`] = `
963963
}
964964
>
965965
<View
966-
borderColor="interactive.border.gray.default"
966+
borderColor="interactive.border.gray.faded"
967967
isDisabled={false}
968968
style={
969969
[
970970
{
971971
"alignItems": "center",
972972
"alignSelf": "center",
973973
"backgroundColor": "hsla(0, 0%, 100%, 1)",
974-
"borderColor": "hsla(211, 27%, 76%, 1)",
974+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
975975
"borderRadius": 9999,
976976
"borderWidth": 1,
977977
"display": "flex",
@@ -995,7 +995,7 @@ exports[`<Chip /> should render chip 1`] = `
995995
<View
996996
alignItems="center"
997997
backgroundColor="transparent"
998-
borderColor="interactive.border.gray.default"
998+
borderColor="interactive.border.gray.faded"
999999
borderRadius="max"
10001000
borderWidth="thinner"
10011001
color="primary"
@@ -1012,7 +1012,7 @@ exports[`<Chip /> should render chip 1`] = `
10121012
{
10131013
"alignItems": "center",
10141014
"backgroundColor": "hsla(0, 0%, 100%, 0)",
1015-
"borderColor": "hsla(211, 27%, 76%, 1)",
1015+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
10161016
"borderRadius": 9999,
10171017
"borderStyle": "solid",
10181018
"borderWidth": 0.5,
@@ -1296,15 +1296,15 @@ exports[`<Chip /> should render chip with icon 1`] = `
12961296
}
12971297
>
12981298
<View
1299-
borderColor="interactive.border.gray.default"
1299+
borderColor="interactive.border.gray.faded"
13001300
isDisabled={false}
13011301
style={
13021302
[
13031303
{
13041304
"alignItems": "center",
13051305
"alignSelf": "center",
13061306
"backgroundColor": "hsla(0, 0%, 100%, 1)",
1307-
"borderColor": "hsla(211, 27%, 76%, 1)",
1307+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
13081308
"borderRadius": 9999,
13091309
"borderWidth": 1,
13101310
"display": "flex",
@@ -1328,7 +1328,7 @@ exports[`<Chip /> should render chip with icon 1`] = `
13281328
<View
13291329
alignItems="center"
13301330
backgroundColor="transparent"
1331-
borderColor="interactive.border.gray.default"
1331+
borderColor="interactive.border.gray.faded"
13321332
borderRadius="max"
13331333
borderWidth="thinner"
13341334
color="primary"
@@ -1345,7 +1345,7 @@ exports[`<Chip /> should render chip with icon 1`] = `
13451345
{
13461346
"alignItems": "center",
13471347
"backgroundColor": "hsla(0, 0%, 100%, 0)",
1348-
"borderColor": "hsla(211, 27%, 76%, 1)",
1348+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
13491349
"borderRadius": 9999,
13501350
"borderStyle": "solid",
13511351
"borderWidth": 0.5,
@@ -1589,15 +1589,15 @@ exports[`<Chip /> should render chip with icon 1`] = `
15891589
}
15901590
>
15911591
<View
1592-
borderColor="interactive.border.gray.default"
1592+
borderColor="interactive.border.gray.faded"
15931593
isDisabled={false}
15941594
style={
15951595
[
15961596
{
15971597
"alignItems": "center",
15981598
"alignSelf": "center",
15991599
"backgroundColor": "hsla(0, 0%, 100%, 1)",
1600-
"borderColor": "hsla(211, 27%, 76%, 1)",
1600+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
16011601
"borderRadius": 9999,
16021602
"borderWidth": 1,
16031603
"display": "flex",
@@ -1621,7 +1621,7 @@ exports[`<Chip /> should render chip with icon 1`] = `
16211621
<View
16221622
alignItems="center"
16231623
backgroundColor="transparent"
1624-
borderColor="interactive.border.gray.default"
1624+
borderColor="interactive.border.gray.faded"
16251625
borderRadius="max"
16261626
borderWidth="thinner"
16271627
color="primary"
@@ -1638,7 +1638,7 @@ exports[`<Chip /> should render chip with icon 1`] = `
16381638
{
16391639
"alignItems": "center",
16401640
"backgroundColor": "hsla(0, 0%, 100%, 0)",
1641-
"borderColor": "hsla(211, 27%, 76%, 1)",
1641+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
16421642
"borderRadius": 9999,
16431643
"borderStyle": "solid",
16441644
"borderWidth": 0.5,
@@ -2215,15 +2215,15 @@ exports[`<Chip /> should set disabled state with isDisabled 1`] = `
22152215
}
22162216
>
22172217
<View
2218-
borderColor="interactive.border.gray.default"
2218+
borderColor="interactive.border.gray.faded"
22192219
isDisabled={false}
22202220
style={
22212221
[
22222222
{
22232223
"alignItems": "center",
22242224
"alignSelf": "center",
22252225
"backgroundColor": "hsla(0, 0%, 100%, 1)",
2226-
"borderColor": "hsla(211, 27%, 76%, 1)",
2226+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
22272227
"borderRadius": 9999,
22282228
"borderWidth": 1,
22292229
"display": "flex",
@@ -2247,7 +2247,7 @@ exports[`<Chip /> should set disabled state with isDisabled 1`] = `
22472247
<View
22482248
alignItems="center"
22492249
backgroundColor="transparent"
2250-
borderColor="interactive.border.gray.default"
2250+
borderColor="interactive.border.gray.faded"
22512251
borderRadius="max"
22522252
borderWidth="thinner"
22532253
color="primary"
@@ -2264,7 +2264,7 @@ exports[`<Chip /> should set disabled state with isDisabled 1`] = `
22642264
{
22652265
"alignItems": "center",
22662266
"backgroundColor": "hsla(0, 0%, 100%, 0)",
2267-
"borderColor": "hsla(211, 27%, 76%, 1)",
2267+
"borderColor": "hsla(211, 20%, 52%, 0.18)",
22682268
"borderRadius": 9999,
22692269
"borderStyle": "solid",
22702270
"borderWidth": 0.5,

0 commit comments

Comments
 (0)