Skip to content

Commit 1a587ca

Browse files
CandelRCandelR
authored
Corrected circle button size (#50)
1 parent 93150f8 commit 1a587ca

File tree

3 files changed

+26
-26
lines changed

3 files changed

+26
-26
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@internxt/ui",
3-
"version": "0.0.20",
3+
"version": "0.0.21",
44
"description": "Library of Internxt components",
55
"repository": {
66
"type": "git",

‎src/components/buttonCircle/CircleButton.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@ const CircleButton = ({
103103
};
104104

105105
return (
106-
<div className="relative w-12 h-12" data-circle-button={variant}>
106+
<div className="relative w-11 h-11" data-circle-button={variant}>
107107
<button
108108
onClick={handleMainClick}
109109
className={`

‎src/components/buttonCircle/__test__/__snapshots__/CircleButton.test.tsx.snap‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ exports[`CircleButton component > should not render dropdown toggle for cancel v
66
"baseElement": <body>
77
<div>
88
<div
9-
class="relative w-12 h-12"
9+
class="relative w-11 h-11"
1010
data-circle-button="cancel"
1111
>
1212
<button
@@ -24,7 +24,7 @@ exports[`CircleButton component > should not render dropdown toggle for cancel v
2424
</body>,
2525
"container": <div>
2626
<div
27-
class="relative w-12 h-12"
27+
class="relative w-11 h-11"
2828
data-circle-button="cancel"
2929
>
3030
<button
@@ -99,7 +99,7 @@ exports[`CircleButton component > should not render dropdown toggle for warning
9999
"baseElement": <body>
100100
<div>
101101
<div
102-
class="relative w-12 h-12"
102+
class="relative w-11 h-11"
103103
data-circle-button="warning"
104104
>
105105
<button
@@ -117,7 +117,7 @@ exports[`CircleButton component > should not render dropdown toggle for warning
117117
</body>,
118118
"container": <div>
119119
<div
120-
class="relative w-12 h-12"
120+
class="relative w-11 h-11"
121121
data-circle-button="warning"
122122
>
123123
<button
@@ -192,7 +192,7 @@ exports[`CircleButton component > should render active default button correctly
192192
"baseElement": <body>
193193
<div>
194194
<div
195-
class="relative w-12 h-12"
195+
class="relative w-11 h-11"
196196
data-circle-button="default"
197197
>
198198
<button
@@ -210,7 +210,7 @@ exports[`CircleButton component > should render active default button correctly
210210
</body>,
211211
"container": <div>
212212
<div
213-
class="relative w-12 h-12"
213+
class="relative w-11 h-11"
214214
data-circle-button="default"
215215
>
216216
<button
@@ -285,7 +285,7 @@ exports[`CircleButton component > should render active warning button correctly
285285
"baseElement": <body>
286286
<div>
287287
<div
288-
class="relative w-12 h-12"
288+
class="relative w-11 h-11"
289289
data-circle-button="warning"
290290
>
291291
<button
@@ -303,7 +303,7 @@ exports[`CircleButton component > should render active warning button correctly
303303
</body>,
304304
"container": <div>
305305
<div
306-
class="relative w-12 h-12"
306+
class="relative w-11 h-11"
307307
data-circle-button="warning"
308308
>
309309
<button
@@ -378,7 +378,7 @@ exports[`CircleButton component > should render button with children correctly 1
378378
"baseElement": <body>
379379
<div>
380380
<div
381-
class="relative w-12 h-12"
381+
class="relative w-11 h-11"
382382
data-circle-button="default"
383383
>
384384
<button
@@ -400,7 +400,7 @@ exports[`CircleButton component > should render button with children correctly 1
400400
</body>,
401401
"container": <div>
402402
<div
403-
class="relative w-12 h-12"
403+
class="relative w-11 h-11"
404404
data-circle-button="default"
405405
>
406406
<button
@@ -479,7 +479,7 @@ exports[`CircleButton component > should render button with custom className cor
479479
"baseElement": <body>
480480
<div>
481481
<div
482-
class="relative w-12 h-12"
482+
class="relative w-11 h-11"
483483
data-circle-button="default"
484484
>
485485
<button
@@ -497,7 +497,7 @@ exports[`CircleButton component > should render button with custom className cor
497497
</body>,
498498
"container": <div>
499499
<div
500-
class="relative w-12 h-12"
500+
class="relative w-11 h-11"
501501
data-circle-button="default"
502502
>
503503
<button
@@ -572,7 +572,7 @@ exports[`CircleButton component > should render button with custom indicator cor
572572
"baseElement": <body>
573573
<div>
574574
<div
575-
class="relative w-12 h-12"
575+
class="relative w-11 h-11"
576576
data-circle-button="default"
577577
>
578578
<button
@@ -605,7 +605,7 @@ exports[`CircleButton component > should render button with custom indicator cor
605605
</body>,
606606
"container": <div>
607607
<div
608-
class="relative w-12 h-12"
608+
class="relative w-11 h-11"
609609
data-circle-button="default"
610610
>
611611
<button
@@ -695,7 +695,7 @@ exports[`CircleButton component > should render button with dropdown correctly 1
695695
"baseElement": <body>
696696
<div>
697697
<div
698-
class="relative w-12 h-12"
698+
class="relative w-11 h-11"
699699
data-circle-button="default"
700700
>
701701
<button
@@ -728,7 +728,7 @@ exports[`CircleButton component > should render button with dropdown correctly 1
728728
</body>,
729729
"container": <div>
730730
<div
731-
class="relative w-12 h-12"
731+
class="relative w-11 h-11"
732732
data-circle-button="default"
733733
>
734734
<button
@@ -818,7 +818,7 @@ exports[`CircleButton component > should render button with warning indicator co
818818
"baseElement": <body>
819819
<div>
820820
<div
821-
class="relative w-12 h-12"
821+
class="relative w-11 h-11"
822822
data-circle-button="warning"
823823
>
824824
<button
@@ -851,7 +851,7 @@ exports[`CircleButton component > should render button with warning indicator co
851851
</body>,
852852
"container": <div>
853853
<div
854-
class="relative w-12 h-12"
854+
class="relative w-11 h-11"
855855
data-circle-button="warning"
856856
>
857857
<button
@@ -941,7 +941,7 @@ exports[`CircleButton component > should render cancel button correctly 1`] = `
941941
"baseElement": <body>
942942
<div>
943943
<div
944-
class="relative w-12 h-12"
944+
class="relative w-11 h-11"
945945
data-circle-button="cancel"
946946
>
947947
<button
@@ -959,7 +959,7 @@ exports[`CircleButton component > should render cancel button correctly 1`] = `
959959
</body>,
960960
"container": <div>
961961
<div
962-
class="relative w-12 h-12"
962+
class="relative w-11 h-11"
963963
data-circle-button="cancel"
964964
>
965965
<button
@@ -1034,7 +1034,7 @@ exports[`CircleButton component > should render default button correctly 1`] = `
10341034
"baseElement": <body>
10351035
<div>
10361036
<div
1037-
class="relative w-12 h-12"
1037+
class="relative w-11 h-11"
10381038
data-circle-button="default"
10391039
>
10401040
<button
@@ -1052,7 +1052,7 @@ exports[`CircleButton component > should render default button correctly 1`] = `
10521052
</body>,
10531053
"container": <div>
10541054
<div
1055-
class="relative w-12 h-12"
1055+
class="relative w-11 h-11"
10561056
data-circle-button="default"
10571057
>
10581058
<button
@@ -1127,7 +1127,7 @@ exports[`CircleButton component > should render warning button correctly 1`] = `
11271127
"baseElement": <body>
11281128
<div>
11291129
<div
1130-
class="relative w-12 h-12"
1130+
class="relative w-11 h-11"
11311131
data-circle-button="warning"
11321132
>
11331133
<button
@@ -1145,7 +1145,7 @@ exports[`CircleButton component > should render warning button correctly 1`] = `
11451145
</body>,
11461146
"container": <div>
11471147
<div
1148-
class="relative w-12 h-12"
1148+
class="relative w-11 h-11"
11491149
data-circle-button="warning"
11501150
>
11511151
<button

0 commit comments

Comments
 (0)