@cambly/syntax-core 1.17.0 → 1.19.0
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.
- package/dist/index.css +216 -18
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +53 -1
- package/dist/index.js +96 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +95 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -23,44 +23,164 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
|
|
26
|
-
.
|
|
27
|
-
color:
|
|
26
|
+
._inheritColor_j1pwm_2 {
|
|
27
|
+
color: inherit;
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
._destructive700Color_j1pwm_6 {
|
|
30
30
|
color: var(--color-base-destructive-700);
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
._gray700Color_j1pwm_10 {
|
|
33
33
|
color: var(--color-base-gray-700);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
._gray900Color_j1pwm_14 {
|
|
36
36
|
color: var(--color-base-gray-900);
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._primary700Color_j1pwm_18 {
|
|
39
|
+
color: var(--color-base-primary-700);
|
|
40
|
+
}
|
|
41
|
+
._whiteColor_j1pwm_22 {
|
|
39
42
|
color: var(--color-base-white);
|
|
40
43
|
}
|
|
41
|
-
.
|
|
42
|
-
color:
|
|
44
|
+
._blackBackgroundColor_j1pwm_27 {
|
|
45
|
+
background-color: var(--color-base-black);
|
|
43
46
|
}
|
|
44
|
-
.
|
|
45
|
-
background-color: var(--color-base-
|
|
47
|
+
._destructive100BackgroundColor_j1pwm_31 {
|
|
48
|
+
background-color: var(--color-base-destructive-100);
|
|
46
49
|
}
|
|
47
|
-
.
|
|
50
|
+
._destructive200BackgroundColor_j1pwm_35 {
|
|
51
|
+
background-color: var(--color-base-destructive-200);
|
|
52
|
+
}
|
|
53
|
+
._destructive300BackgroundColor_j1pwm_39 {
|
|
54
|
+
background-color: var(--color-base-destructive-300);
|
|
55
|
+
}
|
|
56
|
+
._destructive700BackgroundColor_j1pwm_43 {
|
|
48
57
|
background-color: var(--color-base-destructive-700);
|
|
49
58
|
}
|
|
50
|
-
.
|
|
51
|
-
background-color: var(--color-base-destructive-
|
|
59
|
+
._destructive800BackgroundColor_j1pwm_47 {
|
|
60
|
+
background-color: var(--color-base-destructive-800);
|
|
61
|
+
}
|
|
62
|
+
._destructive900BackgroundColor_j1pwm_51 {
|
|
63
|
+
background-color: var(--color-base-destructive-900);
|
|
64
|
+
}
|
|
65
|
+
._gray10BackgroundColor_j1pwm_55 {
|
|
66
|
+
background-color: var(--color-base-gray-10);
|
|
67
|
+
}
|
|
68
|
+
._gray30BackgroundColor_j1pwm_59 {
|
|
69
|
+
background-color: var(--color-base-gray-30);
|
|
70
|
+
}
|
|
71
|
+
._gray80BackgroundColor_j1pwm_63 {
|
|
72
|
+
background-color: var(--color-base-gray-80);
|
|
73
|
+
}
|
|
74
|
+
._gray100BackgroundColor_j1pwm_67 {
|
|
75
|
+
background-color: var(--color-base-gray-100);
|
|
76
|
+
}
|
|
77
|
+
._gray200BackgroundColor_j1pwm_71 {
|
|
78
|
+
background-color: var(--color-base-gray-200);
|
|
79
|
+
}
|
|
80
|
+
._gray300BackgroundColor_j1pwm_75 {
|
|
81
|
+
background-color: var(--color-base-gray-300);
|
|
82
|
+
}
|
|
83
|
+
._gray700BackgroundColor_j1pwm_79 {
|
|
84
|
+
background-color: var(--color-base-gray-700);
|
|
85
|
+
}
|
|
86
|
+
._gray800BackgroundColor_j1pwm_83 {
|
|
87
|
+
background-color: var(--color-base-gray-800);
|
|
88
|
+
}
|
|
89
|
+
._gray900BackgroundColor_j1pwm_87 {
|
|
90
|
+
background-color: var(--color-base-gray-900);
|
|
91
|
+
}
|
|
92
|
+
._orange100BackgroundColor_j1pwm_91 {
|
|
93
|
+
background-color: var(--color-base-orange-100);
|
|
94
|
+
}
|
|
95
|
+
._orange200BackgroundColor_j1pwm_95 {
|
|
96
|
+
background-color: var(--color-base-orange-200);
|
|
97
|
+
}
|
|
98
|
+
._orange300BackgroundColor_j1pwm_99 {
|
|
99
|
+
background-color: var(--color-base-orange-300);
|
|
100
|
+
}
|
|
101
|
+
._orange700BackgroundColor_j1pwm_103 {
|
|
102
|
+
background-color: var(--color-base-orange-700);
|
|
103
|
+
}
|
|
104
|
+
._orange800BackgroundColor_j1pwm_107 {
|
|
105
|
+
background-color: var(--color-base-orange-800);
|
|
106
|
+
}
|
|
107
|
+
._orange900BackgroundColor_j1pwm_111 {
|
|
108
|
+
background-color: var(--color-base-orange-900);
|
|
52
109
|
}
|
|
53
|
-
.
|
|
110
|
+
._primary100BackgroundColor_j1pwm_115 {
|
|
111
|
+
background-color: var(--color-base-primary-100);
|
|
112
|
+
}
|
|
113
|
+
._primary200BackgroundColor_j1pwm_119 {
|
|
114
|
+
background-color: var(--color-base-primary-200);
|
|
115
|
+
}
|
|
116
|
+
._primary300BackgroundColor_j1pwm_123 {
|
|
117
|
+
background-color: var(--color-base-primary-300);
|
|
118
|
+
}
|
|
119
|
+
._primary700BackgroundColor_j1pwm_127 {
|
|
120
|
+
background-color: var(--color-base-primary-700);
|
|
121
|
+
}
|
|
122
|
+
._primary800BackgroundColor_j1pwm_131 {
|
|
123
|
+
background-color: var(--color-base-primary-800);
|
|
124
|
+
}
|
|
125
|
+
._primary900BackgroundColor_j1pwm_135 {
|
|
126
|
+
background-color: var(--color-base-primary-900);
|
|
127
|
+
}
|
|
128
|
+
._success100BackgroundColor_j1pwm_139 {
|
|
129
|
+
background-color: var(--color-base-success-100);
|
|
130
|
+
}
|
|
131
|
+
._success200BackgroundColor_j1pwm_143 {
|
|
132
|
+
background-color: var(--color-base-success-200);
|
|
133
|
+
}
|
|
134
|
+
._success300BackgroundColor_j1pwm_147 {
|
|
135
|
+
background-color: var(--color-base-success-300);
|
|
136
|
+
}
|
|
137
|
+
._success700BackgroundColor_j1pwm_151 {
|
|
54
138
|
background-color: var(--color-base-success-700);
|
|
55
139
|
}
|
|
56
|
-
.
|
|
140
|
+
._success800BackgroundColor_j1pwm_155 {
|
|
141
|
+
background-color: var(--color-base-success-800);
|
|
142
|
+
}
|
|
143
|
+
._success900BackgroundColor_j1pwm_159 {
|
|
144
|
+
background-color: var(--color-base-success-900);
|
|
145
|
+
}
|
|
146
|
+
._purple100BackgroundColor_j1pwm_163 {
|
|
147
|
+
background-color: var(--color-base-purple-100);
|
|
148
|
+
}
|
|
149
|
+
._purple200BackgroundColor_j1pwm_167 {
|
|
150
|
+
background-color: var(--color-base-purple-200);
|
|
151
|
+
}
|
|
152
|
+
._purple300BackgroundColor_j1pwm_171 {
|
|
153
|
+
background-color: var(--color-base-purple-300);
|
|
154
|
+
}
|
|
155
|
+
._purple700BackgroundColor_j1pwm_175 {
|
|
156
|
+
background-color: var(--color-base-purple-700);
|
|
157
|
+
}
|
|
158
|
+
._purple800BackgroundColor_j1pwm_179 {
|
|
159
|
+
background-color: var(--color-base-purple-800);
|
|
160
|
+
}
|
|
161
|
+
._purple900BackgroundColor_j1pwm_183 {
|
|
162
|
+
background-color: var(--color-base-purple-900);
|
|
163
|
+
}
|
|
164
|
+
._whiteBackgroundColor_j1pwm_187 {
|
|
57
165
|
background-color: var(--color-base-white);
|
|
58
166
|
}
|
|
59
|
-
.
|
|
167
|
+
._yellow100BackgroundColor_j1pwm_191 {
|
|
168
|
+
background-color: var(--color-base-yellow-100);
|
|
169
|
+
}
|
|
170
|
+
._yellow200BackgroundColor_j1pwm_195 {
|
|
171
|
+
background-color: var(--color-base-yellow-200);
|
|
172
|
+
}
|
|
173
|
+
._yellow300BackgroundColor_j1pwm_199 {
|
|
174
|
+
background-color: var(--color-base-yellow-300);
|
|
175
|
+
}
|
|
176
|
+
._yellow700BackgroundColor_j1pwm_203 {
|
|
60
177
|
background-color: var(--color-base-yellow-700);
|
|
61
178
|
}
|
|
62
|
-
.
|
|
63
|
-
background-color: var(--color-base-
|
|
179
|
+
._yellow800BackgroundColor_j1pwm_207 {
|
|
180
|
+
background-color: var(--color-base-yellow-800);
|
|
181
|
+
}
|
|
182
|
+
._yellow900BackgroundColor_j1pwm_211 {
|
|
183
|
+
background-color: var(--color-base-yellow-900);
|
|
64
184
|
}
|
|
65
185
|
|
|
66
186
|
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
|
|
@@ -419,4 +539,82 @@
|
|
|
419
539
|
width: 232px;
|
|
420
540
|
}
|
|
421
541
|
}
|
|
542
|
+
|
|
543
|
+
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css/#css-module-data */
|
|
544
|
+
._radioButton_1dde1_1 {
|
|
545
|
+
display: flex;
|
|
546
|
+
flex-direction: row;
|
|
547
|
+
align-items: center;
|
|
548
|
+
cursor: pointer;
|
|
549
|
+
}
|
|
550
|
+
._focusedRadioButton_1dde1_8 {
|
|
551
|
+
box-shadow: 0 0 0 4px #000;
|
|
552
|
+
outline: solid 2px #fff;
|
|
553
|
+
}
|
|
554
|
+
._smBase_1dde1_13 {
|
|
555
|
+
height: 16px;
|
|
556
|
+
gap: 4px;
|
|
557
|
+
}
|
|
558
|
+
._mdBase_1dde1_18 {
|
|
559
|
+
height: 24px;
|
|
560
|
+
gap: 8px;
|
|
561
|
+
}
|
|
562
|
+
._radioStyleOverride_1dde1_23 {
|
|
563
|
+
opacity: 0;
|
|
564
|
+
margin: 0;
|
|
565
|
+
}
|
|
566
|
+
._smOverride_1dde1_28 {
|
|
567
|
+
width: 16px;
|
|
568
|
+
height: 16px;
|
|
569
|
+
}
|
|
570
|
+
._mdOverride_1dde1_33 {
|
|
571
|
+
width: 24px;
|
|
572
|
+
height: 24px;
|
|
573
|
+
}
|
|
574
|
+
._outer_1dde1_38 {
|
|
575
|
+
display: flex;
|
|
576
|
+
justify-content: center;
|
|
577
|
+
align-items: center;
|
|
578
|
+
position: absolute;
|
|
579
|
+
}
|
|
580
|
+
._sm_1dde1_13 {
|
|
581
|
+
height: 16px;
|
|
582
|
+
width: 16px;
|
|
583
|
+
border-radius: 8px;
|
|
584
|
+
}
|
|
585
|
+
._md_1dde1_18 {
|
|
586
|
+
height: 24px;
|
|
587
|
+
width: 24px;
|
|
588
|
+
border-radius: 12px;
|
|
589
|
+
}
|
|
590
|
+
._errorOuterBackgroundColor_1dde1_57 {
|
|
591
|
+
background-color: var(--color-base-destructive-700);
|
|
592
|
+
}
|
|
593
|
+
._outerBackgroundColor_1dde1_61 {
|
|
594
|
+
background-color: var(--color-base-primary-700);
|
|
595
|
+
}
|
|
596
|
+
._background_1dde1_65 {
|
|
597
|
+
position: absolute;
|
|
598
|
+
box-sizing: border-box;
|
|
599
|
+
border: 2px solid;
|
|
600
|
+
}
|
|
601
|
+
._errorBorderColor_1dde1_71 {
|
|
602
|
+
border-color: var(--color-base-destructive-700);
|
|
603
|
+
}
|
|
604
|
+
._borderColor_1dde1_75 {
|
|
605
|
+
border-color: var(--color-base-primary-700);
|
|
606
|
+
}
|
|
607
|
+
._circle_1dde1_79 {
|
|
608
|
+
border-radius: 50%;
|
|
609
|
+
}
|
|
610
|
+
._smInner_1dde1_83 {
|
|
611
|
+
background-color: var(--color-base-white);
|
|
612
|
+
height: 6px;
|
|
613
|
+
width: 6px;
|
|
614
|
+
}
|
|
615
|
+
._mdInner_1dde1_89 {
|
|
616
|
+
background-color: var(--color-base-white);
|
|
617
|
+
height: 10px;
|
|
618
|
+
width: 10px;
|
|
619
|
+
}
|
|
422
620
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data"],"sourcesContent":["._avatar_1s8z7_1 {\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n border-radius: 50%;\n}\n\n._sm_1s8z7_8 {\n width: 24px;\n height: 24px;\n}\n\n._md_1s8z7_13 {\n width: 40px;\n height: 40px;\n}\n\n._lg_1s8z7_18 {\n width: 72px;\n height: 72px;\n}\n\n._xl_1s8z7_23 {\n width: 128px;\n height: 128px;\n}\n","/* Regular Colors */\n._primary700Color_o4pig_2 {\n color: var(--color-base-primary-700);\n}\n\n._destructive700Color_o4pig_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_o4pig_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_o4pig_14 {\n color: var(--color-base-gray-900);\n}\n\n._whiteColor_o4pig_18 {\n color: var(--color-base-white);\n}\n\n._inheritColor_o4pig_22 {\n color: inherit;\n}\n\n/* Background Colors */\n._primary100BackgroundColor_o4pig_27 {\n background-color: var(--color-base-primary-100);\n}\n\n._destructive700Background_o4pig_31 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive100BackgroundColor_o4pig_35 {\n background-color: var(--color-base-destructive-100);\n}\n\n._success700BackgroundColor_o4pig_39 {\n background-color: var(--color-base-success-700);\n}\n\n._whiteBackgroundColor_o4pig_43 {\n background-color: var(--color-base-white);\n}\n\n._yellow700BackgroundColor_o4pig_47 {\n background-color: var(--color-base-yellow-700);\n}\n\n._primary700BackgroundColor_o4pig_51 {\n background-color: var(--color-base-primary-700);\n}\n","._button_1p2nl_1 {\n border: none;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n._buttonGap_1p2nl_9 {\n gap: 4px;\n}\n\n._button_1p2nl_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._button_1p2nl_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._button_1p2nl_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._button_1p2nl_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._fullWidth_1p2nl_50 {\n width: 100%;\n}\n\n._sm_1p2nl_54 {\n min-width: 52px;\n height: 32px;\n padding: 0 12px;\n border-radius: 8px;\n}\n\n._md_1p2nl_61 {\n min-width: 72px;\n height: 40px;\n padding: 0 16px;\n border-radius: 12px;\n}\n\n._lg_1p2nl_68 {\n min-width: 88px;\n height: 48px;\n padding: 0 20px;\n border-radius: 16px;\n}\n\n._icon_1p2nl_75 {\n color: inherit;\n}\n\n._smIcon_1p2nl_79 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n}\n\n._mdIcon_1p2nl_86 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n}\n\n._lgIcon_1p2nl_93 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n}\n\n._textContainer_1p2nl_100 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n@keyframes _syntaxButtonLoadingRotate_1p2nl_1 {\n 0% {\n transform-origin: 50% 50%;\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n._loading_1p2nl_115 {\n animation: _syntaxButtonLoadingRotate_1p2nl_1 1.4s linear infinite;\n}\n\n._loadingCircle_1p2nl_119 {\n stroke: currentcolor;\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0;\n transform-origin: center;\n}\n\n/** TODO Change with `Typography` component when available */\n._buttonText_1p2nl_127 {\n color: inherit;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n font-weight: 500;\n}\n\n._buttonTextSmall_1p2nl_134 {\n font-size: 12px;\n}\n\n._buttonTextMedium_1p2nl_138 {\n font-size: 14px;\n}\n\n._buttonTextLarge_1p2nl_142 {\n font-size: 16px;\n}\n","._buttonGroup_184aa_1 {\n display: flex;\n gap: 8px;\n}\n\n._horizontal_184aa_6 {\n flex-direction: row;\n}\n\n._vertical_184aa_10 {\n flex-direction: column;\n}\n\n._smallGap_184aa_14 {\n gap: 8px;\n}\n\n._mediumGap_184aa_18 {\n gap: 12px;\n}\n\n._largeGap_184aa_22 {\n gap: 16px;\n}\n","._card_hvz2b_1 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._card_hvz2b_1 {\n padding: 36px;\n }\n}\n","._divider_1ddgq_1 {\n background-color: var(--color-base-gray-10);\n border-radius: 50px;\n border: none;\n height: 1px;\n margin: 0;\n}\n","._typography_1krnf_1 {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n}\n\n/* Sizes */\n._size100_1krnf_8 {\n font-size: 12px;\n}\n\n._size200_1krnf_12 {\n font-size: 14px;\n}\n\n._size300_1krnf_16 {\n font-size: 16px;\n}\n\n._size500_1krnf_20 {\n font-size: 20px;\n}\n\n._size600_1krnf_24 {\n font-size: 28px;\n}\n\n._size700_1krnf_28 {\n font-size: 40px;\n}\n\n._size800_1krnf_32 {\n font-size: 64px;\n}\n\n/* Align */\n._center_1krnf_37 {\n text-align: center;\n}\n\n._forceLeft_1krnf_41 {\n text-align: left;\n}\n\n._forceRight_1krnf_45 {\n text-align: right;\n}\n\n._start_1krnf_49 {\n text-align: start;\n}\n\n._end_1krnf_53 {\n text-align: end;\n}\n\n/* Boldness */\n._bold_1krnf_58 {\n font-weight: 700;\n}\n\n._regular_1krnf_62 {\n font-weight: 400;\n}\n\n._semiBold_1krnf_66 {\n font-weight: 600;\n}\n\n._heavy_1krnf_70 {\n font-weight: 860;\n}\n\n._underline_1krnf_74 {\n text-decoration: underline;\n}\n\n._inline_1krnf_78 {\n display: inline;\n}\n\n._uppercase_1krnf_82 {\n text-transform: uppercase;\n}\n","._iconButton_dzhn0_1 {\n align-items: center;\n justify-content: center;\n display: flex;\n border: none;\n border-radius: 50%;\n}\n\n._iconButton_dzhn0_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._iconButton_dzhn0_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._iconButton_dzhn0_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._iconButton_dzhn0_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._sm_dzhn0_46 {\n height: 32px;\n width: 32px;\n}\n\n._md_dzhn0_51 {\n height: 40px;\n width: 40px;\n}\n\n._lg_dzhn0_56 {\n height: 48px;\n width: 48px;\n}\n\n._smIcon_dzhn0_61 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n}\n\n._mdIcon_dzhn0_68 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n}\n\n._lgIcon_dzhn0_75 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n}\n","._mainContainer_p0un4_1 {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n}\n\n._checkboxContainer_p0un4_8 {\n display: flex;\n flex-direction: row;\n}\n\n._inputOverlay_p0un4_13 {\n opacity: 0;\n position: absolute;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n._focusedCheckbox_p0un4_21 {\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._checkbox_p0un4_8 {\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n}\n\n._uncheckedBox_p0un4_35 {\n border: 2px solid;\n}\n\n._uncheckedBorder_p0un4_39 {\n border-color: var(--color-base-primary-700);\n}\n\n._uncheckedErrorBorder_p0un4_43 {\n border-color: var(--color-base-destructive-700);\n}\n\n._checkedBox_p0un4_47 {\n color: #fff;\n}\n\n._checkedNonError_p0un4_51 {\n background: var(--color-base-primary-700);\n}\n\n._checkedError_p0un4_55 {\n background: var(--color-base-destructive-700);\n}\n\n._sm_p0un4_59 {\n height: 16px;\n width: 16px;\n border-radius: 6px;\n}\n\n._md_p0un4_65 {\n height: 24px;\n width: 24px;\n border-radius: 8px;\n}\n","._miniActionCard_qebkn_1 {\n border-radius: 24px;\n padding: 20px;\n width: 169px;\n height: 156px;\n background-color: #fff;\n}\n\n._card_qebkn_9 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._miniActionCard_qebkn_1 {\n width: 232px;\n }\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACvBF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACnDF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;AAIA;AAAA;AAAA;AAIJ;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC9IF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACtBF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;ACRJ;AACE;AACA;AACA;AACA;AACA;AAAA;;;ACLF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClFF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;;;AC9EF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACnEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;","names":[]}
|
|
1
|
+
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css/#css-module-data"],"sourcesContent":["._avatar_1s8z7_1 {\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n border-radius: 50%;\n}\n\n._sm_1s8z7_8 {\n width: 24px;\n height: 24px;\n}\n\n._md_1s8z7_13 {\n width: 40px;\n height: 40px;\n}\n\n._lg_1s8z7_18 {\n width: 72px;\n height: 72px;\n}\n\n._xl_1s8z7_23 {\n width: 128px;\n height: 128px;\n}\n","/* Regular Colors */\n._inheritColor_j1pwm_2 {\n color: inherit;\n}\n\n._destructive700Color_j1pwm_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_j1pwm_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_j1pwm_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_j1pwm_18 {\n color: var(--color-base-primary-700);\n}\n\n._whiteColor_j1pwm_22 {\n color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_j1pwm_27 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_j1pwm_31 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_j1pwm_35 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_j1pwm_39 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_j1pwm_43 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_j1pwm_47 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_j1pwm_51 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_j1pwm_55 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_j1pwm_59 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray80BackgroundColor_j1pwm_63 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_j1pwm_67 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_j1pwm_71 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_j1pwm_75 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_j1pwm_79 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_j1pwm_83 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_j1pwm_87 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_j1pwm_91 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_j1pwm_95 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_j1pwm_99 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_j1pwm_103 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_j1pwm_107 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_j1pwm_111 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_j1pwm_115 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_j1pwm_119 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_j1pwm_123 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_j1pwm_127 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_j1pwm_131 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_j1pwm_135 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_j1pwm_139 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_j1pwm_143 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_j1pwm_147 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_j1pwm_151 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_j1pwm_155 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_j1pwm_159 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_j1pwm_163 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_j1pwm_167 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_j1pwm_171 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_j1pwm_175 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_j1pwm_179 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_j1pwm_183 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_j1pwm_187 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_j1pwm_191 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_j1pwm_195 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_j1pwm_199 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_j1pwm_203 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_j1pwm_207 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_j1pwm_211 {\n background-color: var(--color-base-yellow-900);\n}\n","._button_1p2nl_1 {\n border: none;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n._buttonGap_1p2nl_9 {\n gap: 4px;\n}\n\n._button_1p2nl_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._button_1p2nl_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._button_1p2nl_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._button_1p2nl_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._fullWidth_1p2nl_50 {\n width: 100%;\n}\n\n._sm_1p2nl_54 {\n min-width: 52px;\n height: 32px;\n padding: 0 12px;\n border-radius: 8px;\n}\n\n._md_1p2nl_61 {\n min-width: 72px;\n height: 40px;\n padding: 0 16px;\n border-radius: 12px;\n}\n\n._lg_1p2nl_68 {\n min-width: 88px;\n height: 48px;\n padding: 0 20px;\n border-radius: 16px;\n}\n\n._icon_1p2nl_75 {\n color: inherit;\n}\n\n._smIcon_1p2nl_79 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n}\n\n._mdIcon_1p2nl_86 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n}\n\n._lgIcon_1p2nl_93 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n}\n\n._textContainer_1p2nl_100 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n@keyframes _syntaxButtonLoadingRotate_1p2nl_1 {\n 0% {\n transform-origin: 50% 50%;\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n._loading_1p2nl_115 {\n animation: _syntaxButtonLoadingRotate_1p2nl_1 1.4s linear infinite;\n}\n\n._loadingCircle_1p2nl_119 {\n stroke: currentcolor;\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0;\n transform-origin: center;\n}\n\n/** TODO Change with `Typography` component when available */\n._buttonText_1p2nl_127 {\n color: inherit;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n font-weight: 500;\n}\n\n._buttonTextSmall_1p2nl_134 {\n font-size: 12px;\n}\n\n._buttonTextMedium_1p2nl_138 {\n font-size: 14px;\n}\n\n._buttonTextLarge_1p2nl_142 {\n font-size: 16px;\n}\n","._buttonGroup_184aa_1 {\n display: flex;\n gap: 8px;\n}\n\n._horizontal_184aa_6 {\n flex-direction: row;\n}\n\n._vertical_184aa_10 {\n flex-direction: column;\n}\n\n._smallGap_184aa_14 {\n gap: 8px;\n}\n\n._mediumGap_184aa_18 {\n gap: 12px;\n}\n\n._largeGap_184aa_22 {\n gap: 16px;\n}\n","._card_hvz2b_1 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._card_hvz2b_1 {\n padding: 36px;\n }\n}\n","._divider_1ddgq_1 {\n background-color: var(--color-base-gray-10);\n border-radius: 50px;\n border: none;\n height: 1px;\n margin: 0;\n}\n","._typography_1krnf_1 {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n}\n\n/* Sizes */\n._size100_1krnf_8 {\n font-size: 12px;\n}\n\n._size200_1krnf_12 {\n font-size: 14px;\n}\n\n._size300_1krnf_16 {\n font-size: 16px;\n}\n\n._size500_1krnf_20 {\n font-size: 20px;\n}\n\n._size600_1krnf_24 {\n font-size: 28px;\n}\n\n._size700_1krnf_28 {\n font-size: 40px;\n}\n\n._size800_1krnf_32 {\n font-size: 64px;\n}\n\n/* Align */\n._center_1krnf_37 {\n text-align: center;\n}\n\n._forceLeft_1krnf_41 {\n text-align: left;\n}\n\n._forceRight_1krnf_45 {\n text-align: right;\n}\n\n._start_1krnf_49 {\n text-align: start;\n}\n\n._end_1krnf_53 {\n text-align: end;\n}\n\n/* Boldness */\n._bold_1krnf_58 {\n font-weight: 700;\n}\n\n._regular_1krnf_62 {\n font-weight: 400;\n}\n\n._semiBold_1krnf_66 {\n font-weight: 600;\n}\n\n._heavy_1krnf_70 {\n font-weight: 860;\n}\n\n._underline_1krnf_74 {\n text-decoration: underline;\n}\n\n._inline_1krnf_78 {\n display: inline;\n}\n\n._uppercase_1krnf_82 {\n text-transform: uppercase;\n}\n","._iconButton_dzhn0_1 {\n align-items: center;\n justify-content: center;\n display: flex;\n border: none;\n border-radius: 50%;\n}\n\n._iconButton_dzhn0_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._iconButton_dzhn0_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._iconButton_dzhn0_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._iconButton_dzhn0_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._sm_dzhn0_46 {\n height: 32px;\n width: 32px;\n}\n\n._md_dzhn0_51 {\n height: 40px;\n width: 40px;\n}\n\n._lg_dzhn0_56 {\n height: 48px;\n width: 48px;\n}\n\n._smIcon_dzhn0_61 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n}\n\n._mdIcon_dzhn0_68 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n}\n\n._lgIcon_dzhn0_75 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n}\n","._mainContainer_p0un4_1 {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n}\n\n._checkboxContainer_p0un4_8 {\n display: flex;\n flex-direction: row;\n}\n\n._inputOverlay_p0un4_13 {\n opacity: 0;\n position: absolute;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n._focusedCheckbox_p0un4_21 {\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._checkbox_p0un4_8 {\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n}\n\n._uncheckedBox_p0un4_35 {\n border: 2px solid;\n}\n\n._uncheckedBorder_p0un4_39 {\n border-color: var(--color-base-primary-700);\n}\n\n._uncheckedErrorBorder_p0un4_43 {\n border-color: var(--color-base-destructive-700);\n}\n\n._checkedBox_p0un4_47 {\n color: #fff;\n}\n\n._checkedNonError_p0un4_51 {\n background: var(--color-base-primary-700);\n}\n\n._checkedError_p0un4_55 {\n background: var(--color-base-destructive-700);\n}\n\n._sm_p0un4_59 {\n height: 16px;\n width: 16px;\n border-radius: 6px;\n}\n\n._md_p0un4_65 {\n height: 24px;\n width: 24px;\n border-radius: 8px;\n}\n","._miniActionCard_qebkn_1 {\n border-radius: 24px;\n padding: 20px;\n width: 169px;\n height: 156px;\n background-color: #fff;\n}\n\n._card_qebkn_9 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._miniActionCard_qebkn_1 {\n width: 232px;\n }\n}\n","._radioButton_1dde1_1 {\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n}\n\n._focusedRadioButton_1dde1_8 {\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._smBase_1dde1_13 {\n height: 16px;\n gap: 4px;\n}\n\n._mdBase_1dde1_18 {\n height: 24px;\n gap: 8px;\n}\n\n._radioStyleOverride_1dde1_23 {\n opacity: 0;\n margin: 0;\n}\n\n._smOverride_1dde1_28 {\n width: 16px;\n height: 16px;\n}\n\n._mdOverride_1dde1_33 {\n width: 24px;\n height: 24px;\n}\n\n._outer_1dde1_38 {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n._sm_1dde1_13 {\n height: 16px;\n width: 16px;\n border-radius: 8px;\n}\n\n._md_1dde1_18 {\n height: 24px;\n width: 24px;\n border-radius: 12px;\n}\n\n._errorOuterBackgroundColor_1dde1_57 {\n background-color: var(--color-base-destructive-700);\n}\n\n._outerBackgroundColor_1dde1_61 {\n background-color: var(--color-base-primary-700);\n}\n\n._background_1dde1_65 {\n position: absolute;\n box-sizing: border-box;\n border: 2px solid;\n}\n\n._errorBorderColor_1dde1_71 {\n border-color: var(--color-base-destructive-700);\n}\n\n._borderColor_1dde1_75 {\n border-color: var(--color-base-primary-700);\n}\n\n._circle_1dde1_79 {\n border-radius: 50%;\n}\n\n._smInner_1dde1_83 {\n background-color: var(--color-base-white);\n height: 6px;\n width: 6px;\n}\n\n._mdInner_1dde1_89 {\n background-color: var(--color-base-white);\n height: 10px;\n width: 10px;\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACvBF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACnNF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;AAIA;AAAA;AAAA;AAIJ;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC9IF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACtBF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;ACRJ;AACE;AACA;AACA;AACA;AACA;AAAA;;;ACLF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClFF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;;;AC9EF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACnEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;AChBJ;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;","names":[]}
|
package/dist/index.d.ts
CHANGED
|
@@ -247,6 +247,7 @@ declare const IconButton: ({ accessibilityLabel, color, disabled: disabledProp,
|
|
|
247
247
|
declare const Checkbox: ({ checked, disabled, size, label, error, onChange, }: {
|
|
248
248
|
/**
|
|
249
249
|
* Whether or not the box has been clicked
|
|
250
|
+
*
|
|
250
251
|
* @defaultValue false
|
|
251
252
|
*/
|
|
252
253
|
checked: boolean;
|
|
@@ -256,11 +257,16 @@ declare const Checkbox: ({ checked, disabled, size, label, error, onChange, }: {
|
|
|
256
257
|
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
257
258
|
/**
|
|
258
259
|
* Whether or not the box is disabled
|
|
260
|
+
*
|
|
259
261
|
* @defaultValue false
|
|
260
262
|
*/
|
|
261
263
|
disabled?: boolean | undefined;
|
|
262
264
|
/**
|
|
263
265
|
* The size of the checkbox and icon
|
|
266
|
+
*
|
|
267
|
+
* * `sm`: 16px
|
|
268
|
+
* * `md`: 24px
|
|
269
|
+
*
|
|
264
270
|
* @defaultValue "md"
|
|
265
271
|
*/
|
|
266
272
|
size?: "sm" | "md" | undefined;
|
|
@@ -270,6 +276,7 @@ declare const Checkbox: ({ checked, disabled, size, label, error, onChange, }: {
|
|
|
270
276
|
label: string;
|
|
271
277
|
/**
|
|
272
278
|
* Whether or not there is an error with the input
|
|
279
|
+
*
|
|
273
280
|
* @defaultValue false
|
|
274
281
|
*/
|
|
275
282
|
error?: boolean | undefined;
|
|
@@ -357,4 +364,49 @@ declare const Typography: ({ align, as, children, color, inline, size, tooltip,
|
|
|
357
364
|
weight?: "regular" | "semiBold" | "bold" | "heavy" | undefined;
|
|
358
365
|
}) => ReactElement;
|
|
359
366
|
|
|
360
|
-
|
|
367
|
+
/**
|
|
368
|
+
* RadioButton is a radio button with accompanying text
|
|
369
|
+
*/
|
|
370
|
+
declare const RadioButton: ({ checked, disabled, error, label, onChange, size, value, }: {
|
|
371
|
+
/**
|
|
372
|
+
* Whether or not the box is checked
|
|
373
|
+
*
|
|
374
|
+
* @defaultValue false
|
|
375
|
+
*/
|
|
376
|
+
checked?: boolean | undefined;
|
|
377
|
+
/**
|
|
378
|
+
* Whether or not the box is disabled
|
|
379
|
+
*
|
|
380
|
+
* @defaultValue false
|
|
381
|
+
*/
|
|
382
|
+
disabled?: boolean | undefined;
|
|
383
|
+
/**
|
|
384
|
+
* Whether to show error color schema
|
|
385
|
+
*
|
|
386
|
+
* @defaultValue false
|
|
387
|
+
*/
|
|
388
|
+
error?: boolean | undefined;
|
|
389
|
+
/**
|
|
390
|
+
* Always add a label tag for best accessibility practices
|
|
391
|
+
*/
|
|
392
|
+
label: string;
|
|
393
|
+
/**
|
|
394
|
+
* The callback to be called when the button is clicked
|
|
395
|
+
*/
|
|
396
|
+
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
397
|
+
/**
|
|
398
|
+
* Size of the components
|
|
399
|
+
*
|
|
400
|
+
* * `sm`: 16px
|
|
401
|
+
* * `md`: 24px
|
|
402
|
+
*
|
|
403
|
+
* @defaultValue "md"
|
|
404
|
+
*/
|
|
405
|
+
size?: "sm" | "md" | undefined;
|
|
406
|
+
/**
|
|
407
|
+
* Value of the selected radio option
|
|
408
|
+
*/
|
|
409
|
+
value?: string | undefined;
|
|
410
|
+
}) => ReactElement;
|
|
411
|
+
|
|
412
|
+
export { Avatar, Button, ButtonGroup, Card, Divider, Heading, IconButton, Checkbox as LabeledCheckbox, MiniActionCard, RadioButton, Typography };
|
package/dist/index.js
CHANGED
|
@@ -93,6 +93,7 @@ __export(src_exports, {
|
|
|
93
93
|
IconButton: () => IconButton_default,
|
|
94
94
|
LabeledCheckbox: () => LabeledCheckbox_default,
|
|
95
95
|
MiniActionCard: () => MiniActionCard_default,
|
|
96
|
+
RadioButton: () => RadioButton_default,
|
|
96
97
|
Typography: () => Typography_default
|
|
97
98
|
});
|
|
98
99
|
module.exports = __toCommonJS(src_exports);
|
|
@@ -125,7 +126,7 @@ var Avatar_default = Avatar;
|
|
|
125
126
|
var import_classnames2 = __toESM(require_classnames());
|
|
126
127
|
|
|
127
128
|
// css-module:./colors.module.css#css-module
|
|
128
|
-
var colors_module_default = { "
|
|
129
|
+
var colors_module_default = { "inheritColor": "_inheritColor_j1pwm_2", "destructive700Color": "_destructive700Color_j1pwm_6", "gray700Color": "_gray700Color_j1pwm_10", "gray900Color": "_gray900Color_j1pwm_14", "primary700Color": "_primary700Color_j1pwm_18", "whiteColor": "_whiteColor_j1pwm_22", "blackBackgroundColor": "_blackBackgroundColor_j1pwm_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_j1pwm_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_j1pwm_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_j1pwm_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_j1pwm_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_j1pwm_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_j1pwm_51", "gray10BackgroundColor": "_gray10BackgroundColor_j1pwm_55", "gray30BackgroundColor": "_gray30BackgroundColor_j1pwm_59", "gray80BackgroundColor": "_gray80BackgroundColor_j1pwm_63", "gray100BackgroundColor": "_gray100BackgroundColor_j1pwm_67", "gray200BackgroundColor": "_gray200BackgroundColor_j1pwm_71", "gray300BackgroundColor": "_gray300BackgroundColor_j1pwm_75", "gray700BackgroundColor": "_gray700BackgroundColor_j1pwm_79", "gray800BackgroundColor": "_gray800BackgroundColor_j1pwm_83", "gray900BackgroundColor": "_gray900BackgroundColor_j1pwm_87", "orange100BackgroundColor": "_orange100BackgroundColor_j1pwm_91", "orange200BackgroundColor": "_orange200BackgroundColor_j1pwm_95", "orange300BackgroundColor": "_orange300BackgroundColor_j1pwm_99", "orange700BackgroundColor": "_orange700BackgroundColor_j1pwm_103", "orange800BackgroundColor": "_orange800BackgroundColor_j1pwm_107", "orange900BackgroundColor": "_orange900BackgroundColor_j1pwm_111", "primary100BackgroundColor": "_primary100BackgroundColor_j1pwm_115", "primary200BackgroundColor": "_primary200BackgroundColor_j1pwm_119", "primary300BackgroundColor": "_primary300BackgroundColor_j1pwm_123", "primary700BackgroundColor": "_primary700BackgroundColor_j1pwm_127", "primary800BackgroundColor": "_primary800BackgroundColor_j1pwm_131", "primary900BackgroundColor": "_primary900BackgroundColor_j1pwm_135", "success100BackgroundColor": "_success100BackgroundColor_j1pwm_139", "success200BackgroundColor": "_success200BackgroundColor_j1pwm_143", "success300BackgroundColor": "_success300BackgroundColor_j1pwm_147", "success700BackgroundColor": "_success700BackgroundColor_j1pwm_151", "success800BackgroundColor": "_success800BackgroundColor_j1pwm_155", "success900BackgroundColor": "_success900BackgroundColor_j1pwm_159", "purple100BackgroundColor": "_purple100BackgroundColor_j1pwm_163", "purple200BackgroundColor": "_purple200BackgroundColor_j1pwm_167", "purple300BackgroundColor": "_purple300BackgroundColor_j1pwm_171", "purple700BackgroundColor": "_purple700BackgroundColor_j1pwm_175", "purple800BackgroundColor": "_purple800BackgroundColor_j1pwm_179", "purple900BackgroundColor": "_purple900BackgroundColor_j1pwm_183", "whiteBackgroundColor": "_whiteBackgroundColor_j1pwm_187", "yellow100BackgroundColor": "_yellow100BackgroundColor_j1pwm_191", "yellow200BackgroundColor": "_yellow200BackgroundColor_j1pwm_195", "yellow300BackgroundColor": "_yellow300BackgroundColor_j1pwm_199", "yellow700BackgroundColor": "_yellow700BackgroundColor_j1pwm_203", "yellow800BackgroundColor": "_yellow800BackgroundColor_j1pwm_207", "yellow900BackgroundColor": "_yellow900BackgroundColor_j1pwm_211" };
|
|
129
130
|
|
|
130
131
|
// src/colors/backgroundColor.ts
|
|
131
132
|
function backgroundColor(color) {
|
|
@@ -133,7 +134,7 @@ function backgroundColor(color) {
|
|
|
133
134
|
case "secondary":
|
|
134
135
|
return colors_module_default.primary100BackgroundColor;
|
|
135
136
|
case "destructive-primary":
|
|
136
|
-
return colors_module_default.
|
|
137
|
+
return colors_module_default.destructive700BackgroundColor;
|
|
137
138
|
case "destructive-secondary":
|
|
138
139
|
return colors_module_default.destructive100BackgroundColor;
|
|
139
140
|
case "success":
|
|
@@ -287,11 +288,11 @@ var ButtonGroup = ({
|
|
|
287
288
|
() => ({ disabled, fullWidth, size }),
|
|
288
289
|
[disabled, fullWidth, size]
|
|
289
290
|
);
|
|
290
|
-
const
|
|
291
|
+
const classnames2 = (0, import_classnames3.default)(ButtonGroup_module_default.buttonGroup, gap[size], {
|
|
291
292
|
[ButtonGroup_module_default.horizontal]: orientation === "horizontal",
|
|
292
293
|
[ButtonGroup_module_default.vertical]: orientation === "vertical"
|
|
293
294
|
});
|
|
294
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ButtonGroupContext_default.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className:
|
|
295
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ButtonGroupContext_default.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: classnames2, children }) });
|
|
295
296
|
};
|
|
296
297
|
var ButtonGroup_default = ButtonGroup;
|
|
297
298
|
|
|
@@ -322,7 +323,7 @@ var import_classnames4 = __toESM(require_classnames());
|
|
|
322
323
|
var Typography_module_default = { "typography": "_typography_1krnf_1", "size100": "_size100_1krnf_8", "size200": "_size200_1krnf_12", "size300": "_size300_1krnf_16", "size500": "_size500_1krnf_20", "size600": "_size600_1krnf_24", "size700": "_size700_1krnf_28", "size800": "_size800_1krnf_32", "center": "_center_1krnf_37", "forceLeft": "_forceLeft_1krnf_41", "forceRight": "_forceRight_1krnf_45", "start": "_start_1krnf_49", "end": "_end_1krnf_53", "bold": "_bold_1krnf_58", "regular": "_regular_1krnf_62", "semiBold": "_semiBold_1krnf_66", "heavy": "_heavy_1krnf_70", "underline": "_underline_1krnf_74", "inline": "_inline_1krnf_78", "uppercase": "_uppercase_1krnf_82" };
|
|
323
324
|
|
|
324
325
|
// css-module:../colors/colors.module.css#css-module
|
|
325
|
-
var colors_module_default2 = { "
|
|
326
|
+
var colors_module_default2 = { "inheritColor": "_inheritColor_j1pwm_2", "destructive700Color": "_destructive700Color_j1pwm_6", "gray700Color": "_gray700Color_j1pwm_10", "gray900Color": "_gray900Color_j1pwm_14", "primary700Color": "_primary700Color_j1pwm_18", "whiteColor": "_whiteColor_j1pwm_22", "blackBackgroundColor": "_blackBackgroundColor_j1pwm_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_j1pwm_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_j1pwm_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_j1pwm_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_j1pwm_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_j1pwm_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_j1pwm_51", "gray10BackgroundColor": "_gray10BackgroundColor_j1pwm_55", "gray30BackgroundColor": "_gray30BackgroundColor_j1pwm_59", "gray80BackgroundColor": "_gray80BackgroundColor_j1pwm_63", "gray100BackgroundColor": "_gray100BackgroundColor_j1pwm_67", "gray200BackgroundColor": "_gray200BackgroundColor_j1pwm_71", "gray300BackgroundColor": "_gray300BackgroundColor_j1pwm_75", "gray700BackgroundColor": "_gray700BackgroundColor_j1pwm_79", "gray800BackgroundColor": "_gray800BackgroundColor_j1pwm_83", "gray900BackgroundColor": "_gray900BackgroundColor_j1pwm_87", "orange100BackgroundColor": "_orange100BackgroundColor_j1pwm_91", "orange200BackgroundColor": "_orange200BackgroundColor_j1pwm_95", "orange300BackgroundColor": "_orange300BackgroundColor_j1pwm_99", "orange700BackgroundColor": "_orange700BackgroundColor_j1pwm_103", "orange800BackgroundColor": "_orange800BackgroundColor_j1pwm_107", "orange900BackgroundColor": "_orange900BackgroundColor_j1pwm_111", "primary100BackgroundColor": "_primary100BackgroundColor_j1pwm_115", "primary200BackgroundColor": "_primary200BackgroundColor_j1pwm_119", "primary300BackgroundColor": "_primary300BackgroundColor_j1pwm_123", "primary700BackgroundColor": "_primary700BackgroundColor_j1pwm_127", "primary800BackgroundColor": "_primary800BackgroundColor_j1pwm_131", "primary900BackgroundColor": "_primary900BackgroundColor_j1pwm_135", "success100BackgroundColor": "_success100BackgroundColor_j1pwm_139", "success200BackgroundColor": "_success200BackgroundColor_j1pwm_143", "success300BackgroundColor": "_success300BackgroundColor_j1pwm_147", "success700BackgroundColor": "_success700BackgroundColor_j1pwm_151", "success800BackgroundColor": "_success800BackgroundColor_j1pwm_155", "success900BackgroundColor": "_success900BackgroundColor_j1pwm_159", "purple100BackgroundColor": "_purple100BackgroundColor_j1pwm_163", "purple200BackgroundColor": "_purple200BackgroundColor_j1pwm_167", "purple300BackgroundColor": "_purple300BackgroundColor_j1pwm_171", "purple700BackgroundColor": "_purple700BackgroundColor_j1pwm_175", "purple800BackgroundColor": "_purple800BackgroundColor_j1pwm_179", "purple900BackgroundColor": "_purple900BackgroundColor_j1pwm_183", "whiteBackgroundColor": "_whiteBackgroundColor_j1pwm_187", "yellow100BackgroundColor": "_yellow100BackgroundColor_j1pwm_191", "yellow200BackgroundColor": "_yellow200BackgroundColor_j1pwm_195", "yellow300BackgroundColor": "_yellow300BackgroundColor_j1pwm_199", "yellow700BackgroundColor": "_yellow700BackgroundColor_j1pwm_203", "yellow800BackgroundColor": "_yellow800BackgroundColor_j1pwm_207", "yellow900BackgroundColor": "_yellow900BackgroundColor_j1pwm_211" };
|
|
326
327
|
|
|
327
328
|
// src/Typography/Typography.tsx
|
|
328
329
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
@@ -480,8 +481,6 @@ var Checkbox = ({
|
|
|
480
481
|
type: "checkbox",
|
|
481
482
|
className: (0, import_classnames6.default)(LabeledCheckbox_module_default.inputOverlay, LabeledCheckbox_module_default[size]),
|
|
482
483
|
checked,
|
|
483
|
-
"aria-checked": checked,
|
|
484
|
-
tabIndex: 0,
|
|
485
484
|
onChange,
|
|
486
485
|
disabled,
|
|
487
486
|
onFocus: () => {
|
|
@@ -521,6 +520,95 @@ var MiniActionCard = ({
|
|
|
521
520
|
children
|
|
522
521
|
}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: MiniActionCard_module_default.miniActionCard, children });
|
|
523
522
|
var MiniActionCard_default = MiniActionCard;
|
|
523
|
+
|
|
524
|
+
// src/RadioButton/RadioButton.tsx
|
|
525
|
+
var import_react6 = require("react");
|
|
526
|
+
var import_classnames7 = __toESM(require_classnames());
|
|
527
|
+
|
|
528
|
+
// css-module:./RadioButton.module.css#css-module
|
|
529
|
+
var RadioButton_module_default = { "radioButton": "_radioButton_1dde1_1", "focusedRadioButton": "_focusedRadioButton_1dde1_8", "smBase": "_smBase_1dde1_13", "mdBase": "_mdBase_1dde1_18", "radioStyleOverride": "_radioStyleOverride_1dde1_23", "smOverride": "_smOverride_1dde1_28", "mdOverride": "_mdOverride_1dde1_33", "outer": "_outer_1dde1_38", "sm": "_sm_1dde1_13", "md": "_md_1dde1_18", "errorOuterBackgroundColor": "_errorOuterBackgroundColor_1dde1_57", "outerBackgroundColor": "_outerBackgroundColor_1dde1_61", "background": "_background_1dde1_65", "errorBorderColor": "_errorBorderColor_1dde1_71", "borderColor": "_borderColor_1dde1_75", "circle": "_circle_1dde1_79", "smInner": "_smInner_1dde1_83", "mdInner": "_mdInner_1dde1_89" };
|
|
530
|
+
|
|
531
|
+
// src/RadioButton/RadioButton.tsx
|
|
532
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
533
|
+
var RadioButton = ({
|
|
534
|
+
checked = false,
|
|
535
|
+
disabled = false,
|
|
536
|
+
error = false,
|
|
537
|
+
label,
|
|
538
|
+
onChange,
|
|
539
|
+
size = "md",
|
|
540
|
+
value = ""
|
|
541
|
+
}) => {
|
|
542
|
+
const [isFocused, setIsFocused] = (0, import_react6.useState)(false);
|
|
543
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
544
|
+
"label",
|
|
545
|
+
{
|
|
546
|
+
className: (0, import_classnames7.default)(RadioButton_module_default.radioButton, {
|
|
547
|
+
[RadioButton_module_default.smBase]: size === "sm",
|
|
548
|
+
[RadioButton_module_default.mdBase]: size === "md"
|
|
549
|
+
}),
|
|
550
|
+
children: [
|
|
551
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
552
|
+
"input",
|
|
553
|
+
{
|
|
554
|
+
type: "radio",
|
|
555
|
+
className: (0, import_classnames7.default)(RadioButton_module_default.radioStyleOverride, {
|
|
556
|
+
[RadioButton_module_default.smOverride]: size === "sm",
|
|
557
|
+
[RadioButton_module_default.mdOverride]: size === "md"
|
|
558
|
+
}),
|
|
559
|
+
checked,
|
|
560
|
+
onChange,
|
|
561
|
+
disabled,
|
|
562
|
+
value: value != null ? value : label,
|
|
563
|
+
onFocus: () => {
|
|
564
|
+
setIsFocused(true);
|
|
565
|
+
},
|
|
566
|
+
onBlur: () => {
|
|
567
|
+
setIsFocused(false);
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
),
|
|
571
|
+
checked ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
572
|
+
"div",
|
|
573
|
+
{
|
|
574
|
+
className: (0, import_classnames7.default)(RadioButton_module_default.outer, RadioButton_module_default[size], {
|
|
575
|
+
[RadioButton_module_default.errorOuterBackgroundColor]: error,
|
|
576
|
+
[RadioButton_module_default.outerBackgroundColor]: !error,
|
|
577
|
+
[RadioButton_module_default.focusedRadioButton]: isFocused
|
|
578
|
+
}),
|
|
579
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
580
|
+
"div",
|
|
581
|
+
{
|
|
582
|
+
className: (0, import_classnames7.default)(RadioButton_module_default.circle, {
|
|
583
|
+
[RadioButton_module_default.smInner]: size === "sm",
|
|
584
|
+
[RadioButton_module_default.mdInner]: size === "md"
|
|
585
|
+
})
|
|
586
|
+
}
|
|
587
|
+
)
|
|
588
|
+
}
|
|
589
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
590
|
+
"div",
|
|
591
|
+
{
|
|
592
|
+
className: (0, import_classnames7.default)(RadioButton_module_default.background, RadioButton_module_default[size], {
|
|
593
|
+
[RadioButton_module_default.errorBorderColor]: error,
|
|
594
|
+
[RadioButton_module_default.borderColor]: !error,
|
|
595
|
+
[RadioButton_module_default.focusedRadioButton]: isFocused
|
|
596
|
+
})
|
|
597
|
+
}
|
|
598
|
+
),
|
|
599
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
600
|
+
Typography_default,
|
|
601
|
+
{
|
|
602
|
+
size: size === "md" ? 200 : 100,
|
|
603
|
+
color: error ? "destructive-primary" : "gray800",
|
|
604
|
+
children: label
|
|
605
|
+
}
|
|
606
|
+
)
|
|
607
|
+
]
|
|
608
|
+
}
|
|
609
|
+
);
|
|
610
|
+
};
|
|
611
|
+
var RadioButton_default = RadioButton;
|
|
524
612
|
// Annotate the CommonJS export names for ESM import in node:
|
|
525
613
|
0 && (module.exports = {
|
|
526
614
|
Avatar,
|
|
@@ -532,6 +620,7 @@ var MiniActionCard_default = MiniActionCard;
|
|
|
532
620
|
IconButton,
|
|
533
621
|
LabeledCheckbox,
|
|
534
622
|
MiniActionCard,
|
|
623
|
+
RadioButton,
|
|
535
624
|
Typography
|
|
536
625
|
});
|
|
537
626
|
/*! Bundled license information:
|