cherry-styled-components 0.1.7 → 0.1.8
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/.claude/settings.local.json +7 -1
- package/dist/cherry.js +6752 -6675
- package/dist/cherry.umd.cjs +194 -139
- package/dist/lib/button.d.ts +2 -2
- package/dist/lib/icon.d.ts +1 -1
- package/dist/lib/input.d.ts +2 -2
- package/dist/lib/range.d.ts +1 -1
- package/dist/lib/select.d.ts +1 -1
- package/dist/lib/textarea.d.ts +1 -1
- package/dist/lib/toggle.d.ts +1 -1
- package/dist/lib/utils/mixins.d.ts +1 -1
- package/dist/lib/utils/theme.d.ts +16 -0
- package/package.json +3 -3
- package/src/App.tsx +205 -0
- package/src/lib/button.tsx +8 -3
- package/src/lib/icon.tsx +1 -0
- package/src/lib/input.tsx +29 -3
- package/src/lib/range.tsx +26 -1
- package/src/lib/select.tsx +4 -2
- package/src/lib/textarea.tsx +7 -2
- package/src/lib/toggle.tsx +8 -6
- package/src/lib/utils/mixins.tsx +9 -1
- package/src/lib/utils/theme.ts +8 -0
package/src/lib/utils/theme.ts
CHANGED
|
@@ -115,9 +115,11 @@ export const fontSizes: FontSizes = {
|
|
|
115
115
|
|
|
116
116
|
button: { xs: "16px", lg: "16px" },
|
|
117
117
|
buttonBig: { xs: "18px", lg: "18px" },
|
|
118
|
+
buttonSmall: { xs: "14px", lg: "14px" },
|
|
118
119
|
|
|
119
120
|
input: { xs: "16px", lg: "16px" },
|
|
120
121
|
inputBig: { xs: "18px", lg: "18px" },
|
|
122
|
+
inputSmall: { xs: "14px", lg: "14px" },
|
|
121
123
|
};
|
|
122
124
|
|
|
123
125
|
export const lineHeights: LineHeights = {
|
|
@@ -141,9 +143,11 @@ export const lineHeights: LineHeights = {
|
|
|
141
143
|
|
|
142
144
|
button: { xs: "1.00", lg: "1.00" },
|
|
143
145
|
buttonBig: { xs: "1.00", lg: "1.00" },
|
|
146
|
+
buttonSmall: { xs: "1.00", lg: "1.00" },
|
|
144
147
|
|
|
145
148
|
input: { xs: "1.00", lg: "1.00" },
|
|
146
149
|
inputBig: { xs: "1.00", lg: "1.00" },
|
|
150
|
+
inputSmall: { xs: "1.00", lg: "1.00" },
|
|
147
151
|
};
|
|
148
152
|
|
|
149
153
|
export const theme: Theme = {
|
|
@@ -246,9 +250,11 @@ export interface FontSizes<TString = string> {
|
|
|
246
250
|
|
|
247
251
|
button: { xs: TString; lg: TString };
|
|
248
252
|
buttonBig: { xs: TString; lg: TString };
|
|
253
|
+
buttonSmall: { xs: TString; lg: TString };
|
|
249
254
|
|
|
250
255
|
input: { xs: TString; lg: TString };
|
|
251
256
|
inputBig: { xs: TString; lg: TString };
|
|
257
|
+
inputSmall: { xs: TString; lg: TString };
|
|
252
258
|
}
|
|
253
259
|
|
|
254
260
|
export interface LineHeights<TString = string> {
|
|
@@ -272,9 +278,11 @@ export interface LineHeights<TString = string> {
|
|
|
272
278
|
|
|
273
279
|
button: { xs: TString; lg: TString };
|
|
274
280
|
buttonBig: { xs: TString; lg: TString };
|
|
281
|
+
buttonSmall: { xs: TString; lg: TString };
|
|
275
282
|
|
|
276
283
|
input: { xs: TString; lg: TString };
|
|
277
284
|
inputBig: { xs: TString; lg: TString };
|
|
285
|
+
inputSmall: { xs: TString; lg: TString };
|
|
278
286
|
}
|
|
279
287
|
|
|
280
288
|
export interface Theme {
|