Skip to content

Commit 51277f5

Browse files
PixeledCodePixeledCode
committed
feat(core): fix tests
1 parent 69144f1 commit 51277f5

File tree

4 files changed

+40
-35
lines changed

4 files changed

+40
-35
lines changed

‎packages/paste-core/components/label/stories/label.stories.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ export const Customized: Story = () => {
8787
<Box display="flex" alignContent="start">
8888
<RequiredDot />
8989
</Box>
90-
<Label optional htmlFor="optional_label" data-testid="label_test">
90+
<Label optional htmlFor="optional_label">
9191
Optional label
9292
</Label>
9393
</Card>
@@ -112,7 +112,7 @@ export const Customized: Story = () => {
112112
<Box display="flex" alignContent="start">
113113
<RequiredDot data-testid="required_dot" />
114114
</Box>
115-
<Label optional htmlFor="optional_label" data-testid="label_test">
115+
<Label optional htmlFor="optional_label">
116116
Optional label
117117
</Label>
118118
</CustomizationProvider>
@@ -141,7 +141,7 @@ export const Customized: Story = () => {
141141
<Box display="flex" alignContent="start">
142142
<RequiredDot data-testid="custom_required_dot" element="BAR" />
143143
</Box>
144-
<Label optional htmlFor="optional_label" data-testid="label_test" element="TAR">
144+
<Label optional htmlFor="optional_label" element="TAR">
145145
Optional label
146146
</Label>
147147
</CustomizationProvider>

‎packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap

+33-28
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@ exports[`Design Tokens matches the Dark theme 1`] = `
1111
\\"color-background-primary-weaker\\": \\"rgb(31, 48, 76)\\",
1212
\\"color-background-destructive-weaker\\": \\"rgb(31, 48, 76)\\",
1313
\\"color-background-inverse-stronger-elevation\\": \\"rgb(64, 79, 110)\\",
14-
\\"color-background-body-elevation\\": \\"rgb(25, 39, 62)\\",
14+
\\"color-background-body-elevation\\": \\"rgb(24, 37, 60)\\",
1515
\\"color-background-warning\\": \\"rgb(244, 124, 34)\\",
16-
\\"color-background-elevation\\": \\"rgb(25, 39, 62)\\",
16+
\\"color-background-elevation\\": \\"rgb(24, 37, 60)\\",
1717
\\"color-background-warning-weakest\\": \\"rgb(64, 19, 15)\\",
1818
\\"color-background-inverse-strong\\": \\"rgb(57, 71, 98)\\",
1919
\\"color-background-new\\": \\"rgb(56, 14, 120)\\",
@@ -68,6 +68,7 @@ exports[`Design Tokens matches the Dark theme 1`] = `
6868
\\"color-background-overlay\\": \\"rgba(18, 28, 45, 0.9)\\",
6969
\\"color-background-unavailable\\": \\"rgb(214, 31, 31)\\",
7070
\\"color-background-strong-elevation\\": \\"rgb(31, 48, 76)\\",
71+
\\"color-background-body-elevation-primary\\": \\"rgb(24, 37, 60)\\",
7172
\\"color-background-inverse-strongest\\": \\"rgb(255, 255, 255)\\",
7273
\\"color-background-weak-elevation\\": \\"rgb(18, 28, 45)\\",
7374
\\"color-background-error-stronger\\": \\"rgb(252, 207, 207)\\",
@@ -156,7 +157,7 @@ exports[`Design Tokens matches the Dark theme 1`] = `
156157
\\"shadow-border-new-weaker\\": \\"0 0 0 1px #5817bd\\",
157158
\\"shadow-elevation-bottom-inverse-05\\": \\"0 1px 0 0 #1f304c\\",
158159
\\"shadow-low\\": \\"0 2px 4px 0 rgba(0, 0, 0, 0.4)\\",
159-
\\"shadow-elevation-left-20\\": \\"0 0 0 1px #19273E, -4px 0 8px 0 rgba(0, 0, 0, 0.3), -16px 0 32px 0 rgba(0, 0, 0, 0.2)\\",
160+
\\"shadow-elevation-left-20\\": \\"0 0 0 1px #18253C, -4px 0 8px 0 rgba(0, 0, 0, 0.3), -16px 0 32px 0 rgba(0, 0, 0, 0.2)\\",
160161
\\"shadow-border-inverse-strong\\": \\"0 0 0 1px #e1e3ea\\",
161162
\\"shadow-border-warning-weaker\\": \\"0 0 0 1px #c35323\\",
162163
\\"shadow-elevation-bottom-05\\": \\"0 1px 0 0 #1f304c\\",
@@ -177,7 +178,7 @@ exports[`Design Tokens matches the Dark theme 1`] = `
177178
\\"shadow-border-bottom-brand-10-strong\\": \\"0 1px 0 #855c15\\",
178179
\\"shadow-border-bottom-brand-20-strong\\": \\"0 1px 0 #043cb5\\",
179180
\\"shadow-right-inverse\\": \\"-4px 0 8px -4px rgba(0, 0, 0, 0.4)\\",
180-
\\"shadow-elevation-top-20\\": \\"0 0 0 1px #19273E, 0 6px 8px 0 rgba(0, 0, 0, 0.3), 16px 16px 32px 0 rgba(0, 0, 0, 0.2)\\",
181+
\\"shadow-elevation-top-20\\": \\"0 0 0 1px #18253C, 0 6px 8px 0 rgba(0, 0, 0, 0.3), 16px 16px 32px 0 rgba(0, 0, 0, 0.2)\\",
181182
\\"shadow-border-bottom-brand-30-strong\\": \\"0 1px 0 #0e7c3a\\",
182183
\\"shadow-left\\": \\"4px 0 8px -4px rgba(0, 0, 0, 0.4)\\",
183184
\\"shadow-border-error\\": \\"0 0 0 1px #d61f1f\\",
@@ -282,7 +283,7 @@ exports[`Design Tokens matches the Dark theme 1`] = `
282283
\\"color-gray-70\\": \\"rgb(75, 86, 113)\\",
283284
\\"color-gray-60\\": \\"rgb(96, 107, 133)\\",
284285
\\"color-gray-50\\": \\"rgb(136, 145, 170)\\",
285-
\\"color-gray-40\\": \\"rgb(142, 150, 174)\\",
286+
\\"color-gray-40\\": \\"rgb(139, 147, 170)\\",
286287
\\"color-brand\\": \\"rgb(0, 20, 137)\\",
287288
\\"color-gray-30\\": \\"rgb(202, 205, 216)\\",
288289
\\"color-gray-20\\": \\"rgb(225, 227, 234)\\",
@@ -512,7 +513,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
512513
\\"color-background-busy\\": \\"rgb(244, 124, 34)\\",
513514
\\"color-background-success\\": \\"rgb(20, 176, 83)\\",
514515
\\"color-background-destructive-weakest\\": \\"rgb(254, 236, 236)\\",
515-
\\"color-background-offline\\": \\"rgb(142, 150, 174)\\",
516+
\\"color-background-offline\\": \\"rgb(139, 147, 170)\\",
516517
\\"color-background-row-striped\\": \\"rgb(244, 244, 246)\\",
517518
\\"color-background-primary-strongest\\": \\"rgb(6, 3, 58)\\",
518519
\\"color-background-success-weakest\\": \\"rgb(237, 253, 243)\\",
@@ -553,6 +554,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
553554
\\"color-background-overlay\\": \\"rgba(6, 3, 58, 0.4)\\",
554555
\\"color-background-unavailable\\": \\"rgb(214, 31, 31)\\",
555556
\\"color-background-strong-elevation\\": \\"rgb(225, 227, 234)\\",
557+
\\"color-background-body-elevation-primary\\": \\"rgb(244, 249, 255)\\",
556558
\\"color-background-inverse-strongest\\": \\"rgb(255, 255, 255)\\",
557559
\\"color-background-weak-elevation\\": \\"rgb(249, 249, 250)\\",
558560
\\"color-background-error-stronger\\": \\"rgb(74, 11, 11)\\",
@@ -590,7 +592,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
590592
\\"color-border-error-strong\\": \\"rgb(117, 12, 12)\\",
591593
\\"color-border-error-weak\\": \\"rgb(245, 138, 138)\\",
592594
\\"color-border-neutral-weak\\": \\"rgb(102, 179, 255)\\",
593-
\\"color-border\\": \\"rgb(136, 145, 170)\\",
595+
\\"color-border\\": \\"rgb(139, 147, 170)\\",
594596
\\"color-border-weakest\\": \\"rgb(255, 255, 255)\\",
595597
\\"color-border-inverse-stronger\\": \\"rgb(244, 244, 246)\\",
596598
\\"color-border-inverse-weaker\\": \\"rgb(57, 71, 98)\\",
@@ -688,7 +690,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
688690
\\"shadow-border-bottom-notification-stronger\\": \\"0 1px 0 #4a0b0b\\",
689691
\\"shadow-border-bottom-error-weaker\\": \\"0 1px 0 #fccfcf\\",
690692
\\"shadow-border-weaker\\": \\"0 0 0 1px #e1e3ea\\",
691-
\\"shadow-border\\": \\"0 0 0 1px #8891aa\\",
693+
\\"shadow-border\\": \\"0 0 0 1px #8B93AA\\",
692694
\\"shadow-elevation-inverse-10\\": \\"0 -1px 0 0 #1f304c, 0 3px 4px 0 rgba(0, 0, 0, 0.1)\\",
693695
\\"shadow-border-right-inverse-strong\\": \\"1px 0 #e1e3ea\\",
694696
\\"shadow-border-bottom-neutral-weaker\\": \\"0 1px 0 #cce4ff\\",
@@ -777,7 +779,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
777779
\\"color-gray-70\\": \\"rgb(75, 86, 113)\\",
778780
\\"color-gray-60\\": \\"rgb(96, 107, 133)\\",
779781
\\"color-gray-50\\": \\"rgb(136, 145, 170)\\",
780-
\\"color-gray-40\\": \\"rgb(142, 150, 174)\\",
782+
\\"color-gray-40\\": \\"rgb(139, 147, 170)\\",
781783
\\"color-brand\\": \\"rgb(0, 20, 137)\\",
782784
\\"color-gray-30\\": \\"rgb(202, 205, 216)\\",
783785
\\"color-gray-20\\": \\"rgb(225, 227, 234)\\",
@@ -951,7 +953,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
951953
\\"color-text-destructive-weak\\": \\"rgb(246, 177, 177)\\",
952954
\\"color-text-inverse\\": \\"rgb(255, 255, 255)\\",
953955
\\"color-text-inverse-weakest\\": \\"rgb(75, 86, 113)\\",
954-
\\"color-text-weaker\\": \\"rgb(142, 150, 174)\\",
956+
\\"color-text-weaker\\": \\"rgb(139, 147, 170)\\",
955957
\\"color-text-warning-strong\\": \\"rgb(141, 49, 24)\\",
956958
\\"color-text-icon-warning\\": \\"rgb(227, 106, 25)\\",
957959
\\"color-text-error-stronger\\": \\"rgb(74, 11, 11)\\",
@@ -997,7 +999,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
997999
\\"color-background-busy\\": \\"rgb(244, 124, 34)\\",
9981000
\\"color-background-success\\": \\"rgb(20, 176, 83)\\",
9991001
\\"color-background-destructive-weakest\\": \\"rgb(254, 236, 236)\\",
1000-
\\"color-background-offline\\": \\"rgb(142, 150, 174)\\",
1002+
\\"color-background-offline\\": \\"rgb(139, 147, 170)\\",
10011003
\\"color-background-row-striped\\": \\"rgb(244, 244, 246)\\",
10021004
\\"color-background-primary-strongest\\": \\"rgb(6, 3, 58)\\",
10031005
\\"color-background-success-weakest\\": \\"rgb(237, 253, 243)\\",
@@ -1038,6 +1040,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
10381040
\\"color-background-overlay\\": \\"rgba(6, 3, 58, 0.4)\\",
10391041
\\"color-background-unavailable\\": \\"rgb(214, 31, 31)\\",
10401042
\\"color-background-strong-elevation\\": \\"rgb(225, 227, 234)\\",
1043+
\\"color-background-body-elevation-primary\\": \\"rgb(244, 249, 255)\\",
10411044
\\"color-background-inverse-strongest\\": \\"rgb(255, 255, 255)\\",
10421045
\\"color-background-weak-elevation\\": \\"rgb(249, 249, 250)\\",
10431046
\\"color-background-error-stronger\\": \\"rgb(74, 11, 11)\\",
@@ -1075,7 +1078,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
10751078
\\"color-border-error-strong\\": \\"rgb(117, 12, 12)\\",
10761079
\\"color-border-error-weak\\": \\"rgb(245, 138, 138)\\",
10771080
\\"color-border-neutral-weak\\": \\"rgb(102, 179, 255)\\",
1078-
\\"color-border\\": \\"rgb(136, 145, 170)\\",
1081+
\\"color-border\\": \\"rgb(139, 147, 170)\\",
10791082
\\"color-border-weakest\\": \\"rgb(255, 255, 255)\\",
10801083
\\"color-border-inverse-stronger\\": \\"rgb(244, 244, 246)\\",
10811084
\\"color-border-inverse-weaker\\": \\"rgb(57, 71, 98)\\",
@@ -1173,7 +1176,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
11731176
\\"shadow-border-bottom-notification-stronger\\": \\"0 1px 0 #4a0b0b\\",
11741177
\\"shadow-border-bottom-error-weaker\\": \\"0 1px 0 #fccfcf\\",
11751178
\\"shadow-border-weaker\\": \\"0 0 0 1px #e1e3ea\\",
1176-
\\"shadow-border\\": \\"0 0 0 1px #8891aa\\",
1179+
\\"shadow-border\\": \\"0 0 0 1px #8B93AA\\",
11771180
\\"shadow-elevation-inverse-10\\": \\"0 -1px 0 0 #1f304c, 0 3px 4px 0 rgba(0, 0, 0, 0.1)\\",
11781181
\\"shadow-border-right-inverse-strong\\": \\"1px 0 #e1e3ea\\",
11791182
\\"shadow-border-bottom-neutral-weaker\\": \\"0 1px 0 #cce4ff\\",
@@ -1262,7 +1265,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
12621265
\\"color-gray-70\\": \\"rgb(75, 86, 113)\\",
12631266
\\"color-gray-60\\": \\"rgb(96, 107, 133)\\",
12641267
\\"color-gray-50\\": \\"rgb(136, 145, 170)\\",
1265-
\\"color-gray-40\\": \\"rgb(142, 150, 174)\\",
1268+
\\"color-gray-40\\": \\"rgb(139, 147, 170)\\",
12661269
\\"color-brand\\": \\"rgb(0, 20, 137)\\",
12671270
\\"color-gray-30\\": \\"rgb(202, 205, 216)\\",
12681271
\\"color-gray-20\\": \\"rgb(225, 227, 234)\\",
@@ -1436,7 +1439,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
14361439
\\"color-text-destructive-weak\\": \\"rgb(246, 177, 177)\\",
14371440
\\"color-text-inverse\\": \\"rgb(255, 255, 255)\\",
14381441
\\"color-text-inverse-weakest\\": \\"rgb(75, 86, 113)\\",
1439-
\\"color-text-weaker\\": \\"rgb(142, 150, 174)\\",
1442+
\\"color-text-weaker\\": \\"rgb(139, 147, 170)\\",
14401443
\\"color-text-warning-strong\\": \\"rgb(141, 49, 24)\\",
14411444
\\"color-text-icon-warning\\": \\"rgb(227, 106, 25)\\",
14421445
\\"color-text-error-stronger\\": \\"rgb(74, 11, 11)\\",
@@ -1466,13 +1469,13 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
14661469
\\"color-background-primary-weaker\\": \\"rgb(31, 48, 76)\\",
14671470
\\"color-background-destructive-weaker\\": \\"rgb(31, 48, 76)\\",
14681471
\\"color-background-inverse-stronger-elevation\\": \\"rgb(64, 79, 110)\\",
1469-
\\"color-background-body-elevation\\": \\"rgb(25, 39, 62)\\",
1472+
\\"color-background-body-elevation\\": \\"rgb(24, 37, 60)\\",
14701473
\\"color-background-warning\\": \\"rgb(244, 124, 34)\\",
1471-
\\"color-background-elevation\\": \\"rgb(25, 39, 62)\\",
1474+
\\"color-background-elevation\\": \\"rgb(24, 37, 60)\\",
14721475
\\"color-background-warning-weakest\\": \\"rgb(18, 28, 45)\\",
14731476
\\"color-background-inverse-strong\\": \\"rgb(31, 48, 76)\\",
14741477
\\"color-background-new\\": \\"rgb(56, 14, 120)\\",
1475-
\\"color-background-inverse-elevation\\": \\"rgb(25, 39, 62)\\",
1478+
\\"color-background-inverse-elevation\\": \\"rgb(24, 37, 60)\\",
14761479
\\"color-background-strong\\": \\"rgb(31, 48, 76)\\",
14771480
\\"color-background-new-weakest\\": \\"rgb(18, 28, 45)\\",
14781481
\\"color-background-destructive\\": \\"rgb(214, 31, 31)\\",
@@ -1523,6 +1526,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
15231526
\\"color-background-overlay\\": \\"rgba(18, 28, 45, 0.9)\\",
15241527
\\"color-background-unavailable\\": \\"rgb(214, 31, 31)\\",
15251528
\\"color-background-strong-elevation\\": \\"rgb(31, 48, 76)\\",
1529+
\\"color-background-body-elevation-primary\\": \\"rgb(24, 37, 60)\\",
15261530
\\"color-background-inverse-strongest\\": \\"rgb(255, 255, 255)\\",
15271531
\\"color-background-weak-elevation\\": \\"rgb(18, 28, 45)\\",
15281532
\\"color-background-error-stronger\\": \\"rgb(252, 207, 207)\\",
@@ -1611,7 +1615,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
16111615
\\"shadow-border-new-weaker\\": \\"0 0 0 1px #5817bd\\",
16121616
\\"shadow-elevation-bottom-inverse-05\\": \\"0 1px 0 0 #1f304c\\",
16131617
\\"shadow-low\\": \\"0 2px 4px 0 rgba(0, 0, 0, 0.4)\\",
1614-
\\"shadow-elevation-left-20\\": \\"0 0 0 1px #19273E, -4px 0 8px 0 rgba(0, 0, 0, 0.3), -16px 0 32px 0 rgba(0, 0, 0, 0.2)\\",
1618+
\\"shadow-elevation-left-20\\": \\"0 0 0 1px #18253C, -4px 0 8px 0 rgba(0, 0, 0, 0.3), -16px 0 32px 0 rgba(0, 0, 0, 0.2)\\",
16151619
\\"shadow-border-inverse-strong\\": \\"0 0 0 1px #e1e3ea\\",
16161620
\\"shadow-border-warning-weaker\\": \\"0 0 0 1px #c35323\\",
16171621
\\"shadow-elevation-bottom-05\\": \\"0 1px 0 0 #1f304c\\",
@@ -1632,7 +1636,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
16321636
\\"shadow-border-bottom-brand-10-strong\\": \\"0 1px 0 #855c15\\",
16331637
\\"shadow-border-bottom-brand-20-strong\\": \\"0 1px 0 #043cb5\\",
16341638
\\"shadow-right-inverse\\": \\"-4px 0 8px -4px rgba(0, 0, 0, 0.4)\\",
1635-
\\"shadow-elevation-top-20\\": \\"0 0 0 1px #19273E, 0 6px 8px 0 rgba(0, 0, 0, 0.3), 16px 16px 32px 0 rgba(0, 0, 0, 0.2)\\",
1639+
\\"shadow-elevation-top-20\\": \\"0 0 0 1px #18253C, 0 6px 8px 0 rgba(0, 0, 0, 0.3), 16px 16px 32px 0 rgba(0, 0, 0, 0.2)\\",
16361640
\\"shadow-border-bottom-brand-30-strong\\": \\"0 1px 0 #0e7c3a\\",
16371641
\\"shadow-left\\": \\"4px 0 8px -4px rgba(0, 0, 0, 0.4)\\",
16381642
\\"shadow-border-error\\": \\"0 0 0 1px #d61f1f\\",
@@ -1737,7 +1741,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
17371741
\\"color-gray-70\\": \\"rgb(75, 86, 113)\\",
17381742
\\"color-gray-60\\": \\"rgb(96, 107, 133)\\",
17391743
\\"color-gray-50\\": \\"rgb(136, 145, 170)\\",
1740-
\\"color-gray-40\\": \\"rgb(142, 150, 174)\\",
1744+
\\"color-gray-40\\": \\"rgb(139, 147, 170)\\",
17411745
\\"color-brand\\": \\"rgb(0, 20, 137)\\",
17421746
\\"color-gray-30\\": \\"rgb(202, 205, 216)\\",
17431747
\\"color-gray-20\\": \\"rgb(225, 227, 234)\\",
@@ -1957,7 +1961,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
19571961
\\"color-background-warning-weakest\\": \\"rgb(253, 247, 244)\\",
19581962
\\"color-background-inverse-strong\\": \\"rgb(31, 48, 76)\\",
19591963
\\"color-background-new\\": \\"rgb(245, 240, 252)\\",
1960-
\\"color-background-inverse-elevation\\": \\"rgb(25, 39, 62)\\",
1964+
\\"color-background-inverse-elevation\\": \\"rgb(24, 37, 60)\\",
19611965
\\"color-background-strong\\": \\"rgb(225, 227, 234)\\",
19621966
\\"color-background-new-weakest\\": \\"rgb(250, 247, 253)\\",
19631967
\\"color-background-destructive\\": \\"rgb(199, 35, 35)\\",
@@ -1967,7 +1971,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
19671971
\\"color-background-busy\\": \\"rgb(244, 124, 34)\\",
19681972
\\"color-background-success\\": \\"rgb(20, 176, 83)\\",
19691973
\\"color-background-destructive-weakest\\": \\"rgb(254, 245, 245)\\",
1970-
\\"color-background-offline\\": \\"rgb(142, 150, 174)\\",
1974+
\\"color-background-offline\\": \\"rgb(139, 147, 170)\\",
19711975
\\"color-background-row-striped\\": \\"rgb(249, 249, 250)\\",
19721976
\\"color-background-primary-strongest\\": \\"rgb(6, 3, 58)\\",
19731977
\\"color-background-success-weakest\\": \\"rgb(237, 253, 243)\\",
@@ -2008,6 +2012,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
20082012
\\"color-background-overlay\\": \\"rgba(96, 107, 133, 0.5)\\",
20092013
\\"color-background-unavailable\\": \\"rgb(214, 31, 31)\\",
20102014
\\"color-background-strong-elevation\\": \\"rgb(225, 227, 234)\\",
2015+
\\"color-background-body-elevation-primary\\": \\"rgb(244, 249, 255)\\",
20112016
\\"color-background-inverse-strongest\\": \\"rgb(255, 255, 255)\\",
20122017
\\"color-background-weak-elevation\\": \\"rgb(249, 249, 250)\\",
20132018
\\"color-background-error-stronger\\": \\"rgb(74, 11, 11)\\",
@@ -2045,7 +2050,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
20452050
\\"color-border-error-strong\\": \\"rgb(117, 12, 12)\\",
20462051
\\"color-border-error-weak\\": \\"rgb(245, 138, 138)\\",
20472052
\\"color-border-neutral-weak\\": \\"rgb(102, 179, 255)\\",
2048-
\\"color-border\\": \\"rgb(136, 145, 170)\\",
2053+
\\"color-border\\": \\"rgb(139, 147, 170)\\",
20492054
\\"color-border-weakest\\": \\"rgb(255, 255, 255)\\",
20502055
\\"color-border-inverse-stronger\\": \\"rgb(244, 244, 246)\\",
20512056
\\"color-border-inverse-weaker\\": \\"rgb(57, 71, 98)\\",
@@ -2121,7 +2126,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
21212126
\\"shadow-border-bottom-brand-30-strong\\": \\"0 1px 0 #0e7c3a\\",
21222127
\\"shadow-left\\": \\"4px 0 8px -4px rgba(18, 28, 45, 0.2)\\",
21232128
\\"shadow-border-error\\": \\"0 0 0 1px #c72323\\",
2124-
\\"shadow-border-bottom-decorative-10-weaker\\": \\"0 1px 0 #8e96ae\\",
2129+
\\"shadow-border-bottom-decorative-10-weaker\\": \\"0 1px 0 #8B93AA\\",
21252130
\\"shadow-border-bottom-primary\\": \\"0 1px 0 #006dfa\\",
21262131
\\"shadow-border-bottom-decorative-20-weaker\\": \\"0 1px 0 #66b3ff\\",
21272132
\\"shadow-border-inverse-stronger\\": \\"0 0 0 1px #f4f4f6\\",
@@ -2143,7 +2148,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
21432148
\\"shadow-border-bottom-notification-stronger\\": \\"0 1px 0 #4a0b0b\\",
21442149
\\"shadow-border-bottom-error-weaker\\": \\"0 1px 0 #f58a8a\\",
21452150
\\"shadow-border-weaker\\": \\"0 0 0 1px #e1e3ea\\",
2146-
\\"shadow-border\\": \\"0 0 0 1px #8891aa\\",
2151+
\\"shadow-border\\": \\"0 0 0 1px #8B93AA\\",
21472152
\\"shadow-elevation-inverse-10\\": \\"0 -1px 0 0 #1f304c, 0 3px 4px 0 rgba(0, 0, 0, 0.1)\\",
21482153
\\"shadow-border-right-inverse-strong\\": \\"1px 0 #e1e3ea\\",
21492154
\\"shadow-border-bottom-neutral-weaker\\": \\"0 1px 0 #66b3ff\\",
@@ -2222,7 +2227,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
22222227
\\"color-gray-70\\": \\"rgb(75, 86, 113)\\",
22232228
\\"color-gray-60\\": \\"rgb(96, 107, 133)\\",
22242229
\\"color-gray-50\\": \\"rgb(136, 145, 170)\\",
2225-
\\"color-gray-40\\": \\"rgb(142, 150, 174)\\",
2230+
\\"color-gray-40\\": \\"rgb(139, 147, 170)\\",
22262231
\\"color-brand\\": \\"rgb(0, 20, 137)\\",
22272232
\\"color-gray-30\\": \\"rgb(202, 205, 216)\\",
22282233
\\"color-gray-20\\": \\"rgb(225, 227, 234)\\",
@@ -2406,7 +2411,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
24062411
\\"color-text-destructive-weak\\": \\"rgb(246, 177, 177)\\",
24072412
\\"color-text-inverse\\": \\"rgb(255, 255, 255)\\",
24082413
\\"color-text-inverse-weakest\\": \\"rgb(75, 86, 113)\\",
2409-
\\"color-text-weaker\\": \\"rgb(142, 150, 174)\\",
2414+
\\"color-text-weaker\\": \\"rgb(139, 147, 170)\\",
24102415
\\"color-text-warning-strong\\": \\"rgb(141, 49, 24)\\",
24112416
\\"color-text-icon-warning\\": \\"rgb(195, 83, 35)\\",
24122417
\\"color-text-error-stronger\\": \\"rgb(74, 11, 11)\\",

‎packages/paste-libraries/data-visualization/__test__/__snapshots__/index.spec.tsx.snap

+2-2
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ Object {
2222
],
2323
"credits": Object {
2424
"style": Object {
25-
"color": "rgb(142, 150, 174)",
25+
"color": "rgb(139, 147, 170)",
2626
},
2727
},
2828
"labels": Object {
@@ -188,7 +188,7 @@ Object {
188188
],
189189
"credits": Object {
190190
"style": Object {
191-
"color": "rgb(142, 150, 174)",
191+
"color": "rgb(139, 147, 170)",
192192
},
193193
},
194194
"labels": Object {

‎packages/paste-website/src/__tests__/colorGradient.test.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ const sampleAliases = ["palette-gray-80", "palette-gray-100", "palette-gray-20",
44
const sortedAliases = ["palette-gray-100", "palette-gray-80", "palette-gray-60", "palette-gray-20"];
55
const aliasValues = [
66
"#121c2d",
7-
"#19273E",
7+
"#18253C",
88
"#1f304c",
99
"#25395b",
1010
"#394762",
@@ -13,7 +13,7 @@ const aliasValues = [
1313
"#606b85",
1414
"#67728e",
1515
"#8891aa",
16-
"#8e96ae",
16+
"#8B93AA",
1717
"#cacdd8",
1818
"#e1e3ea",
1919
"#edeef2",

0 commit comments

Comments
 (0)