@khanacademy/wonder-blocks-button 4.0.13 → 4.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/es/index.js +33 -27
  3. package/dist/index.js +33 -27
  4. package/package.json +2 -2
  5. package/src/__tests__/__snapshots__/custom-snapshot.test.tsx.snap +144 -216
  6. package/src/components/__tests__/button.test.tsx +19 -0
  7. package/src/components/button-core.tsx +43 -41
  8. package/tsconfig-build.tsbuildinfo +1 -1
package/src/__tests__/__snapshots__/custom-snapshot.test.tsx.snap CHANGED
@@ -8269,6 +8269,16 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false focused 1
8269
8269
  "::MozFocusInner": {
8270
8270
  "border": 0,
8271
8271
  },
8272
+ ":after": {
8273
+ "borderColor": "#1865f2",
8274
+ "borderRadius": 4,
8275
+ "borderStyle": "solid",
8276
+ "borderWidth": 2,
8277
+ "content": "''",
8278
+ "height": "calc(100% - 4px)",
8279
+ "position": "absolute",
8280
+ "width": "calc(100% + 4px)",
8281
+ },
8272
8282
  ":focus": {
8273
8283
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
8274
8284
  },
@@ -8301,16 +8311,6 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false focused 1
8301
8311
  className=""
8302
8312
  style={
8303
8313
  {
8304
- ":after": {
8305
- "background": "#1865f2",
8306
- "borderRadius": 2,
8307
- "bottom": 0,
8308
- "content": "''",
8309
- "height": 2,
8310
- "position": "absolute",
8311
- "right": 0,
8312
- "width": "calc(100% - 0px)",
8313
- },
8314
8314
  "MozOsxFontSmoothing": "grayscale",
8315
8315
  "WebkitFontSmoothing": "antialiased",
8316
8316
  "alignItems": "center",
@@ -8395,7 +8395,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false hovered 1
8395
8395
  "height": 2,
8396
8396
  "position": "absolute",
8397
8397
  "right": 0,
8398
- "width": "calc(100% - 0px)",
8398
+ "width": "100%",
8399
8399
  },
8400
8400
  "MozOsxFontSmoothing": "grayscale",
8401
8401
  "WebkitFontSmoothing": "antialiased",
@@ -8475,13 +8475,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false pressed 1
8475
8475
  {
8476
8476
  ":after": {
8477
8477
  "background": "#1b50b3",
8478
- "borderRadius": 2,
8479
- "bottom": -1,
8480
- "content": "''",
8481
- "height": 2,
8482
- "position": "absolute",
8483
- "right": 0,
8484
- "width": "calc(100% - 0px)",
8478
+ "height": 1,
8485
8479
  },
8486
8480
  "MozOsxFontSmoothing": "grayscale",
8487
8481
  "WebkitFontSmoothing": "antialiased",
@@ -8604,6 +8598,16 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true focused 1`
8604
8598
  "::MozFocusInner": {
8605
8599
  "border": 0,
8606
8600
  },
8601
+ ":after": {
8602
+ "borderColor": "#ffffff",
8603
+ "borderRadius": 4,
8604
+ "borderStyle": "solid",
8605
+ "borderWidth": 2,
8606
+ "content": "''",
8607
+ "height": "calc(100% - 4px)",
8608
+ "position": "absolute",
8609
+ "width": "calc(100% + 4px)",
8610
+ },
8607
8611
  ":focus": {
8608
8612
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
8609
8613
  },
@@ -8636,16 +8640,6 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true focused 1`
8636
8640
  className=""
8637
8641
  style={
8638
8642
  {
8639
- ":after": {
8640
- "background": "#ffffff",
8641
- "borderRadius": 2,
8642
- "bottom": 0,
8643
- "content": "''",
8644
- "height": 2,
8645
- "position": "absolute",
8646
- "right": 0,
8647
- "width": "calc(100% - 0px)",
8648
- },
8649
8643
  "MozOsxFontSmoothing": "grayscale",
8650
8644
  "WebkitFontSmoothing": "antialiased",
8651
8645
  "alignItems": "center",
@@ -8730,7 +8724,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true hovered 1`
8730
8724
  "height": 2,
8731
8725
  "position": "absolute",
8732
8726
  "right": 0,
8733
- "width": "calc(100% - 0px)",
8727
+ "width": "100%",
8734
8728
  },
8735
8729
  "MozOsxFontSmoothing": "grayscale",
8736
8730
  "WebkitFontSmoothing": "antialiased",
@@ -8810,13 +8804,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true pressed 1`
8810
8804
  {
8811
8805
  ":after": {
8812
8806
  "background": "#b5cefb",
8813
- "borderRadius": 2,
8814
- "bottom": -1,
8815
- "content": "''",
8816
- "height": 2,
8817
- "position": "absolute",
8818
- "right": 0,
8819
- "width": "calc(100% - 0px)",
8807
+ "height": 1,
8820
8808
  },
8821
8809
  "MozOsxFontSmoothing": "grayscale",
8822
8810
  "WebkitFontSmoothing": "antialiased",
@@ -8939,6 +8927,16 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false focused
8939
8927
  "::MozFocusInner": {
8940
8928
  "border": 0,
8941
8929
  },
8930
+ ":after": {
8931
+ "borderColor": "#1865f2",
8932
+ "borderRadius": 4,
8933
+ "borderStyle": "solid",
8934
+ "borderWidth": 2,
8935
+ "content": "''",
8936
+ "height": "calc(100% - 4px)",
8937
+ "position": "absolute",
8938
+ "width": "calc(100% + 4px)",
8939
+ },
8942
8940
  ":focus": {
8943
8941
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
8944
8942
  },
@@ -8971,16 +8969,6 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false focused
8971
8969
  className=""
8972
8970
  style={
8973
8971
  {
8974
- ":after": {
8975
- "background": "#1865f2",
8976
- "borderRadius": 2,
8977
- "bottom": 0,
8978
- "content": "''",
8979
- "height": 2,
8980
- "position": "absolute",
8981
- "right": 0,
8982
- "width": "calc(100% - 0px)",
8983
- },
8984
8972
  "MozOsxFontSmoothing": "grayscale",
8985
8973
  "WebkitFontSmoothing": "antialiased",
8986
8974
  "alignItems": "center",
@@ -9065,7 +9053,7 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false hovered
9065
9053
  "height": 2,
9066
9054
  "position": "absolute",
9067
9055
  "right": 0,
9068
- "width": "calc(100% - 0px)",
9056
+ "width": "100%",
9069
9057
  },
9070
9058
  "MozOsxFontSmoothing": "grayscale",
9071
9059
  "WebkitFontSmoothing": "antialiased",
@@ -9145,13 +9133,7 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false pressed
9145
9133
  {
9146
9134
  ":after": {
9147
9135
  "background": "#1b50b3",
9148
- "borderRadius": 2,
9149
- "bottom": -1,
9150
- "content": "''",
9151
- "height": 2,
9152
- "position": "absolute",
9153
- "right": 0,
9154
- "width": "calc(100% - 0px)",
9136
+ "height": 1,
9155
9137
  },
9156
9138
  "MozOsxFontSmoothing": "grayscale",
9157
9139
  "WebkitFontSmoothing": "antialiased",
@@ -9274,6 +9256,16 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true focused 1
9274
9256
  "::MozFocusInner": {
9275
9257
  "border": 0,
9276
9258
  },
9259
+ ":after": {
9260
+ "borderColor": "#ffffff",
9261
+ "borderRadius": 4,
9262
+ "borderStyle": "solid",
9263
+ "borderWidth": 2,
9264
+ "content": "''",
9265
+ "height": "calc(100% - 4px)",
9266
+ "position": "absolute",
9267
+ "width": "calc(100% + 4px)",
9268
+ },
9277
9269
  ":focus": {
9278
9270
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
9279
9271
  },
@@ -9306,16 +9298,6 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true focused 1
9306
9298
  className=""
9307
9299
  style={
9308
9300
  {
9309
- ":after": {
9310
- "background": "#ffffff",
9311
- "borderRadius": 2,
9312
- "bottom": 0,
9313
- "content": "''",
9314
- "height": 2,
9315
- "position": "absolute",
9316
- "right": 0,
9317
- "width": "calc(100% - 0px)",
9318
- },
9319
9301
  "MozOsxFontSmoothing": "grayscale",
9320
9302
  "WebkitFontSmoothing": "antialiased",
9321
9303
  "alignItems": "center",
@@ -9400,7 +9382,7 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true hovered 1
9400
9382
  "height": 2,
9401
9383
  "position": "absolute",
9402
9384
  "right": 0,
9403
- "width": "calc(100% - 0px)",
9385
+ "width": "100%",
9404
9386
  },
9405
9387
  "MozOsxFontSmoothing": "grayscale",
9406
9388
  "WebkitFontSmoothing": "antialiased",
@@ -9480,13 +9462,7 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true pressed 1
9480
9462
  {
9481
9463
  ":after": {
9482
9464
  "background": "#b5cefb",
9483
- "borderRadius": 2,
9484
- "bottom": -1,
9485
- "content": "''",
9486
- "height": 2,
9487
- "position": "absolute",
9488
- "right": 0,
9489
- "width": "calc(100% - 0px)",
9465
+ "height": 1,
9490
9466
  },
9491
9467
  "MozOsxFontSmoothing": "grayscale",
9492
9468
  "WebkitFontSmoothing": "antialiased",
@@ -9609,6 +9585,16 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false focused 1
9609
9585
  "::MozFocusInner": {
9610
9586
  "border": 0,
9611
9587
  },
9588
+ ":after": {
9589
+ "borderColor": "#1865f2",
9590
+ "borderRadius": 4,
9591
+ "borderStyle": "solid",
9592
+ "borderWidth": 2,
9593
+ "content": "''",
9594
+ "height": "calc(100% - 4px)",
9595
+ "position": "absolute",
9596
+ "width": "calc(100% + 4px)",
9597
+ },
9612
9598
  ":focus": {
9613
9599
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
9614
9600
  },
@@ -9641,16 +9627,6 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false focused 1
9641
9627
  className=""
9642
9628
  style={
9643
9629
  {
9644
- ":after": {
9645
- "background": "#1865f2",
9646
- "borderRadius": 2,
9647
- "bottom": 0,
9648
- "content": "''",
9649
- "height": 2,
9650
- "position": "absolute",
9651
- "right": 0,
9652
- "width": "calc(100% - 0px)",
9653
- },
9654
9630
  "MozOsxFontSmoothing": "grayscale",
9655
9631
  "WebkitFontSmoothing": "antialiased",
9656
9632
  "alignItems": "center",
@@ -9735,7 +9711,7 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false hovered 1
9735
9711
  "height": 2,
9736
9712
  "position": "absolute",
9737
9713
  "right": 0,
9738
- "width": "calc(100% - 0px)",
9714
+ "width": "100%",
9739
9715
  },
9740
9716
  "MozOsxFontSmoothing": "grayscale",
9741
9717
  "WebkitFontSmoothing": "antialiased",
@@ -9815,13 +9791,7 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false pressed 1
9815
9791
  {
9816
9792
  ":after": {
9817
9793
  "background": "#1b50b3",
9818
- "borderRadius": 2,
9819
- "bottom": -1,
9820
- "content": "''",
9821
- "height": 2,
9822
- "position": "absolute",
9823
- "right": 0,
9824
- "width": "calc(100% - 0px)",
9794
+ "height": 1,
9825
9795
  },
9826
9796
  "MozOsxFontSmoothing": "grayscale",
9827
9797
  "WebkitFontSmoothing": "antialiased",
@@ -9944,6 +9914,16 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true focused 1`
9944
9914
  "::MozFocusInner": {
9945
9915
  "border": 0,
9946
9916
  },
9917
+ ":after": {
9918
+ "borderColor": "#ffffff",
9919
+ "borderRadius": 4,
9920
+ "borderStyle": "solid",
9921
+ "borderWidth": 2,
9922
+ "content": "''",
9923
+ "height": "calc(100% - 4px)",
9924
+ "position": "absolute",
9925
+ "width": "calc(100% + 4px)",
9926
+ },
9947
9927
  ":focus": {
9948
9928
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
9949
9929
  },
@@ -9976,16 +9956,6 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true focused 1`
9976
9956
  className=""
9977
9957
  style={
9978
9958
  {
9979
- ":after": {
9980
- "background": "#ffffff",
9981
- "borderRadius": 2,
9982
- "bottom": 0,
9983
- "content": "''",
9984
- "height": 2,
9985
- "position": "absolute",
9986
- "right": 0,
9987
- "width": "calc(100% - 0px)",
9988
- },
9989
9959
  "MozOsxFontSmoothing": "grayscale",
9990
9960
  "WebkitFontSmoothing": "antialiased",
9991
9961
  "alignItems": "center",
@@ -10070,7 +10040,7 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true hovered 1`
10070
10040
  "height": 2,
10071
10041
  "position": "absolute",
10072
10042
  "right": 0,
10073
- "width": "calc(100% - 0px)",
10043
+ "width": "100%",
10074
10044
  },
10075
10045
  "MozOsxFontSmoothing": "grayscale",
10076
10046
  "WebkitFontSmoothing": "antialiased",
@@ -10150,13 +10120,7 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true pressed 1`
10150
10120
  {
10151
10121
  ":after": {
10152
10122
  "background": "#b5cefb",
10153
- "borderRadius": 2,
10154
- "bottom": -1,
10155
- "content": "''",
10156
- "height": 2,
10157
- "position": "absolute",
10158
- "right": 0,
10159
- "width": "calc(100% - 0px)",
10123
+ "height": 1,
10160
10124
  },
10161
10125
  "MozOsxFontSmoothing": "grayscale",
10162
10126
  "WebkitFontSmoothing": "antialiased",
@@ -10279,6 +10243,16 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false focus
10279
10243
  "::MozFocusInner": {
10280
10244
  "border": 0,
10281
10245
  },
10246
+ ":after": {
10247
+ "borderColor": "#d92916",
10248
+ "borderRadius": 4,
10249
+ "borderStyle": "solid",
10250
+ "borderWidth": 2,
10251
+ "content": "''",
10252
+ "height": "calc(100% - 4px)",
10253
+ "position": "absolute",
10254
+ "width": "calc(100% + 4px)",
10255
+ },
10282
10256
  ":focus": {
10283
10257
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
10284
10258
  },
@@ -10311,16 +10285,6 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false focus
10311
10285
  className=""
10312
10286
  style={
10313
10287
  {
10314
- ":after": {
10315
- "background": "#d92916",
10316
- "borderRadius": 2,
10317
- "bottom": 0,
10318
- "content": "''",
10319
- "height": 2,
10320
- "position": "absolute",
10321
- "right": 0,
10322
- "width": "calc(100% - 0px)",
10323
- },
10324
10288
  "MozOsxFontSmoothing": "grayscale",
10325
10289
  "WebkitFontSmoothing": "antialiased",
10326
10290
  "alignItems": "center",
@@ -10405,7 +10369,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false hover
10405
10369
  "height": 2,
10406
10370
  "position": "absolute",
10407
10371
  "right": 0,
10408
- "width": "calc(100% - 0px)",
10372
+ "width": "100%",
10409
10373
  },
10410
10374
  "MozOsxFontSmoothing": "grayscale",
10411
10375
  "WebkitFontSmoothing": "antialiased",
@@ -10485,13 +10449,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false press
10485
10449
  {
10486
10450
  ":after": {
10487
10451
  "background": "#9e271d",
10488
- "borderRadius": 2,
10489
- "bottom": -1,
10490
- "content": "''",
10491
- "height": 2,
10492
- "position": "absolute",
10493
- "right": 0,
10494
- "width": "calc(100% - 0px)",
10452
+ "height": 1,
10495
10453
  },
10496
10454
  "MozOsxFontSmoothing": "grayscale",
10497
10455
  "WebkitFontSmoothing": "antialiased",
@@ -10614,6 +10572,16 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true focuse
10614
10572
  "::MozFocusInner": {
10615
10573
  "border": 0,
10616
10574
  },
10575
+ ":after": {
10576
+ "borderColor": "#ffffff",
10577
+ "borderRadius": 4,
10578
+ "borderStyle": "solid",
10579
+ "borderWidth": 2,
10580
+ "content": "''",
10581
+ "height": "calc(100% - 4px)",
10582
+ "position": "absolute",
10583
+ "width": "calc(100% + 4px)",
10584
+ },
10617
10585
  ":focus": {
10618
10586
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
10619
10587
  },
@@ -10646,16 +10614,6 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true focuse
10646
10614
  className=""
10647
10615
  style={
10648
10616
  {
10649
- ":after": {
10650
- "background": "#ffffff",
10651
- "borderRadius": 2,
10652
- "bottom": 0,
10653
- "content": "''",
10654
- "height": 2,
10655
- "position": "absolute",
10656
- "right": 0,
10657
- "width": "calc(100% - 0px)",
10658
- },
10659
10617
  "MozOsxFontSmoothing": "grayscale",
10660
10618
  "WebkitFontSmoothing": "antialiased",
10661
10619
  "alignItems": "center",
@@ -10740,7 +10698,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true hovere
10740
10698
  "height": 2,
10741
10699
  "position": "absolute",
10742
10700
  "right": 0,
10743
- "width": "calc(100% - 0px)",
10701
+ "width": "100%",
10744
10702
  },
10745
10703
  "MozOsxFontSmoothing": "grayscale",
10746
10704
  "WebkitFontSmoothing": "antialiased",
@@ -10820,13 +10778,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true presse
10820
10778
  {
10821
10779
  ":after": {
10822
10780
  "background": "#f3bbb4",
10823
- "borderRadius": 2,
10824
- "bottom": -1,
10825
- "content": "''",
10826
- "height": 2,
10827
- "position": "absolute",
10828
- "right": 0,
10829
- "width": "calc(100% - 0px)",
10781
+ "height": 1,
10830
10782
  },
10831
10783
  "MozOsxFontSmoothing": "grayscale",
10832
10784
  "WebkitFontSmoothing": "antialiased",
@@ -10949,6 +10901,16 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false focu
10949
10901
  "::MozFocusInner": {
10950
10902
  "border": 0,
10951
10903
  },
10904
+ ":after": {
10905
+ "borderColor": "#d92916",
10906
+ "borderRadius": 4,
10907
+ "borderStyle": "solid",
10908
+ "borderWidth": 2,
10909
+ "content": "''",
10910
+ "height": "calc(100% - 4px)",
10911
+ "position": "absolute",
10912
+ "width": "calc(100% + 4px)",
10913
+ },
10952
10914
  ":focus": {
10953
10915
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
10954
10916
  },
@@ -10981,16 +10943,6 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false focu
10981
10943
  className=""
10982
10944
  style={
10983
10945
  {
10984
- ":after": {
10985
- "background": "#d92916",
10986
- "borderRadius": 2,
10987
- "bottom": 0,
10988
- "content": "''",
10989
- "height": 2,
10990
- "position": "absolute",
10991
- "right": 0,
10992
- "width": "calc(100% - 0px)",
10993
- },
10994
10946
  "MozOsxFontSmoothing": "grayscale",
10995
10947
  "WebkitFontSmoothing": "antialiased",
10996
10948
  "alignItems": "center",
@@ -11075,7 +11027,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false hove
11075
11027
  "height": 2,
11076
11028
  "position": "absolute",
11077
11029
  "right": 0,
11078
- "width": "calc(100% - 0px)",
11030
+ "width": "100%",
11079
11031
  },
11080
11032
  "MozOsxFontSmoothing": "grayscale",
11081
11033
  "WebkitFontSmoothing": "antialiased",
@@ -11155,13 +11107,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false pres
11155
11107
  {
11156
11108
  ":after": {
11157
11109
  "background": "#9e271d",
11158
- "borderRadius": 2,
11159
- "bottom": -1,
11160
- "content": "''",
11161
- "height": 2,
11162
- "position": "absolute",
11163
- "right": 0,
11164
- "width": "calc(100% - 0px)",
11110
+ "height": 1,
11165
11111
  },
11166
11112
  "MozOsxFontSmoothing": "grayscale",
11167
11113
  "WebkitFontSmoothing": "antialiased",
@@ -11284,6 +11230,16 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true focus
11284
11230
  "::MozFocusInner": {
11285
11231
  "border": 0,
11286
11232
  },
11233
+ ":after": {
11234
+ "borderColor": "#ffffff",
11235
+ "borderRadius": 4,
11236
+ "borderStyle": "solid",
11237
+ "borderWidth": 2,
11238
+ "content": "''",
11239
+ "height": "calc(100% - 4px)",
11240
+ "position": "absolute",
11241
+ "width": "calc(100% + 4px)",
11242
+ },
11287
11243
  ":focus": {
11288
11244
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
11289
11245
  },
@@ -11316,16 +11272,6 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true focus
11316
11272
  className=""
11317
11273
  style={
11318
11274
  {
11319
- ":after": {
11320
- "background": "#ffffff",
11321
- "borderRadius": 2,
11322
- "bottom": 0,
11323
- "content": "''",
11324
- "height": 2,
11325
- "position": "absolute",
11326
- "right": 0,
11327
- "width": "calc(100% - 0px)",
11328
- },
11329
11275
  "MozOsxFontSmoothing": "grayscale",
11330
11276
  "WebkitFontSmoothing": "antialiased",
11331
11277
  "alignItems": "center",
@@ -11410,7 +11356,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true hover
11410
11356
  "height": 2,
11411
11357
  "position": "absolute",
11412
11358
  "right": 0,
11413
- "width": "calc(100% - 0px)",
11359
+ "width": "100%",
11414
11360
  },
11415
11361
  "MozOsxFontSmoothing": "grayscale",
11416
11362
  "WebkitFontSmoothing": "antialiased",
@@ -11490,13 +11436,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true press
11490
11436
  {
11491
11437
  ":after": {
11492
11438
  "background": "#f3bbb4",
11493
- "borderRadius": 2,
11494
- "bottom": -1,
11495
- "content": "''",
11496
- "height": 2,
11497
- "position": "absolute",
11498
- "right": 0,
11499
- "width": "calc(100% - 0px)",
11439
+ "height": 1,
11500
11440
  },
11501
11441
  "MozOsxFontSmoothing": "grayscale",
11502
11442
  "WebkitFontSmoothing": "antialiased",
@@ -11619,6 +11559,16 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false focus
11619
11559
  "::MozFocusInner": {
11620
11560
  "border": 0,
11621
11561
  },
11562
+ ":after": {
11563
+ "borderColor": "#d92916",
11564
+ "borderRadius": 4,
11565
+ "borderStyle": "solid",
11566
+ "borderWidth": 2,
11567
+ "content": "''",
11568
+ "height": "calc(100% - 4px)",
11569
+ "position": "absolute",
11570
+ "width": "calc(100% + 4px)",
11571
+ },
11622
11572
  ":focus": {
11623
11573
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
11624
11574
  },
@@ -11651,16 +11601,6 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false focus
11651
11601
  className=""
11652
11602
  style={
11653
11603
  {
11654
- ":after": {
11655
- "background": "#d92916",
11656
- "borderRadius": 2,
11657
- "bottom": 0,
11658
- "content": "''",
11659
- "height": 2,
11660
- "position": "absolute",
11661
- "right": 0,
11662
- "width": "calc(100% - 0px)",
11663
- },
11664
11604
  "MozOsxFontSmoothing": "grayscale",
11665
11605
  "WebkitFontSmoothing": "antialiased",
11666
11606
  "alignItems": "center",
@@ -11745,7 +11685,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false hover
11745
11685
  "height": 2,
11746
11686
  "position": "absolute",
11747
11687
  "right": 0,
11748
- "width": "calc(100% - 0px)",
11688
+ "width": "100%",
11749
11689
  },
11750
11690
  "MozOsxFontSmoothing": "grayscale",
11751
11691
  "WebkitFontSmoothing": "antialiased",
@@ -11825,13 +11765,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false press
11825
11765
  {
11826
11766
  ":after": {
11827
11767
  "background": "#9e271d",
11828
- "borderRadius": 2,
11829
- "bottom": -1,
11830
- "content": "''",
11831
- "height": 2,
11832
- "position": "absolute",
11833
- "right": 0,
11834
- "width": "calc(100% - 0px)",
11768
+ "height": 1,
11835
11769
  },
11836
11770
  "MozOsxFontSmoothing": "grayscale",
11837
11771
  "WebkitFontSmoothing": "antialiased",
@@ -11954,6 +11888,16 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true focuse
11954
11888
  "::MozFocusInner": {
11955
11889
  "border": 0,
11956
11890
  },
11891
+ ":after": {
11892
+ "borderColor": "#ffffff",
11893
+ "borderRadius": 4,
11894
+ "borderStyle": "solid",
11895
+ "borderWidth": 2,
11896
+ "content": "''",
11897
+ "height": "calc(100% - 4px)",
11898
+ "position": "absolute",
11899
+ "width": "calc(100% + 4px)",
11900
+ },
11957
11901
  ":focus": {
11958
11902
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
11959
11903
  },
@@ -11986,16 +11930,6 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true focuse
11986
11930
  className=""
11987
11931
  style={
11988
11932
  {
11989
- ":after": {
11990
- "background": "#ffffff",
11991
- "borderRadius": 2,
11992
- "bottom": 0,
11993
- "content": "''",
11994
- "height": 2,
11995
- "position": "absolute",
11996
- "right": 0,
11997
- "width": "calc(100% - 0px)",
11998
- },
11999
11933
  "MozOsxFontSmoothing": "grayscale",
12000
11934
  "WebkitFontSmoothing": "antialiased",
12001
11935
  "alignItems": "center",
@@ -12080,7 +12014,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true hovere
12080
12014
  "height": 2,
12081
12015
  "position": "absolute",
12082
12016
  "right": 0,
12083
- "width": "calc(100% - 0px)",
12017
+ "width": "100%",
12084
12018
  },
12085
12019
  "MozOsxFontSmoothing": "grayscale",
12086
12020
  "WebkitFontSmoothing": "antialiased",
@@ -12160,13 +12094,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true presse
12160
12094
  {
12161
12095
  ":after": {
12162
12096
  "background": "#f3bbb4",
12163
- "borderRadius": 2,
12164
- "bottom": -1,
12165
- "content": "''",
12166
- "height": 2,
12167
- "position": "absolute",
12168
- "right": 0,
12169
- "width": "calc(100% - 0px)",
12097
+ "height": 1,
12170
12098
  },
12171
12099
  "MozOsxFontSmoothing": "grayscale",
12172
12100
  "WebkitFontSmoothing": "antialiased",