cherry-styled-components 0.1.0-27 → 0.1.0-28
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/cherry.js +1 -1
- package/dist/cherry.umd.cjs +1 -1
- package/package.json +3 -3
- package/src/lib/toggle.tsx +1 -1
package/dist/cherry.js
CHANGED
|
@@ -3822,7 +3822,7 @@ const ba = D.span`
|
|
|
3822
3822
|
}`}
|
|
3823
3823
|
`;
|
|
3824
3824
|
function es({ type: e = "checkbox", ...t }) {
|
|
3825
|
-
return /* @__PURE__ */ x.jsxs(Qe, { $fullWidth: t.$fullWidth, children: [
|
|
3825
|
+
return /* @__PURE__ */ x.jsxs(Qe, { $fullWidth: t.$fullWidth, $label: t.$label, children: [
|
|
3826
3826
|
/* @__PURE__ */ x.jsxs(ba, { children: [
|
|
3827
3827
|
/* @__PURE__ */ x.jsx(xa, { ...t, type: e }),
|
|
3828
3828
|
/* @__PURE__ */ x.jsx(
|
package/dist/cherry.umd.cjs
CHANGED
|
@@ -1147,4 +1147,4 @@ b {
|
|
|
1147
1147
|
background: ${t.colors.gray};
|
|
1148
1148
|
}
|
|
1149
1149
|
}`}
|
|
1150
|
-
`;function _a({type:e="checkbox",...t}){return x.jsxs(He,{$fullWidth:t.$fullWidth,children:[x.jsxs(Sa,{children:[x.jsx(wa,{...t,type:e}),x.jsx($a,{$error:t.$error,$success:t.$success,className:"fake-toggle",$size:t.$size})]}),t.$label&&x.jsx(Oe,{htmlFor:t.id,children:t.$label})]})}p.Box=Yi,p.Button=Ki,p.CherryThemeProvider=Gi,p.Col=Zi,p.Container=jn,p.Flex=ea,p.GlobalStyles=En,p.Grid=ra,p.IconArrow=Pn,p.IconCheck=Rn,p.Input=sa,p.MaxWidth=ua,p.Range=pa,p.Select=ha,p.Space=ba,p.StyledComponentsRegistry=ki,p.StyledIconWrapper=In,p.StyledInputWrapper=He,p.StyledLabel=Oe,p.Textarea=xa,p.ThemeContext=Tn,p.Toggle=_a,p.breakpoints=_t,p.buttonStyles=An,p.colors=Cn,p.colorsDark=On,p.fontSizes=mr,p.fonts=yr,p.formElementHeightStyles=Et,p.fullWidthStyles=ce,p.generateColSpanStyles=be,p.generateColsStyles=me,p.generateGapStyles=V,p.generateJustifyContentStyles=xe,p.generatePaddingStyles=ve,p.lineHeights=br,p.mq=N,p.resetButton=se,p.resetInput=kt,p.shadows=hr,p.spacing=gr,p.statusBorderStyles=ye,p.styledBlockquote=Mi,p.styledButton=Hi,p.styledButtonBig=Wi,p.styledCode=Fi,p.styledH1=Oi,p.styledH2=Ti,p.styledH3=ji,p.styledH4=Ai,p.styledH5=Li,p.styledH6=Ii,p.styledHero1=Ri,p.styledHero2=Pi,p.styledHero3=Ci,p.styledInput=Bi,p.styledInputBig=qi,p.styledSmall=zi,p.styledStrong=Di,p.styledText=Ni,p.theme=Fe,p.themeDark=Ei,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
|
|
1150
|
+
`;function _a({type:e="checkbox",...t}){return x.jsxs(He,{$fullWidth:t.$fullWidth,$label:t.$label,children:[x.jsxs(Sa,{children:[x.jsx(wa,{...t,type:e}),x.jsx($a,{$error:t.$error,$success:t.$success,className:"fake-toggle",$size:t.$size})]}),t.$label&&x.jsx(Oe,{htmlFor:t.id,children:t.$label})]})}p.Box=Yi,p.Button=Ki,p.CherryThemeProvider=Gi,p.Col=Zi,p.Container=jn,p.Flex=ea,p.GlobalStyles=En,p.Grid=ra,p.IconArrow=Pn,p.IconCheck=Rn,p.Input=sa,p.MaxWidth=ua,p.Range=pa,p.Select=ha,p.Space=ba,p.StyledComponentsRegistry=ki,p.StyledIconWrapper=In,p.StyledInputWrapper=He,p.StyledLabel=Oe,p.Textarea=xa,p.ThemeContext=Tn,p.Toggle=_a,p.breakpoints=_t,p.buttonStyles=An,p.colors=Cn,p.colorsDark=On,p.fontSizes=mr,p.fonts=yr,p.formElementHeightStyles=Et,p.fullWidthStyles=ce,p.generateColSpanStyles=be,p.generateColsStyles=me,p.generateGapStyles=V,p.generateJustifyContentStyles=xe,p.generatePaddingStyles=ve,p.lineHeights=br,p.mq=N,p.resetButton=se,p.resetInput=kt,p.shadows=hr,p.spacing=gr,p.statusBorderStyles=ye,p.styledBlockquote=Mi,p.styledButton=Hi,p.styledButtonBig=Wi,p.styledCode=Fi,p.styledH1=Oi,p.styledH2=Ti,p.styledH3=ji,p.styledH4=Ai,p.styledH5=Li,p.styledH6=Ii,p.styledHero1=Ri,p.styledHero2=Pi,p.styledHero3=Ci,p.styledInput=Bi,p.styledInputBig=qi,p.styledSmall=zi,p.styledStrong=Di,p.styledText=Ni,p.theme=Fe,p.themeDark=Ei,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cherry-styled-components",
|
|
3
|
-
"version": "0.1.0-
|
|
3
|
+
"version": "0.1.0-28",
|
|
4
4
|
"description": "Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"@types/react-dom": "^18",
|
|
39
39
|
"@vitejs/plugin-react": "^4.3.1",
|
|
40
40
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
41
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
42
|
-
"next": "^14.2.
|
|
41
|
+
"eslint-plugin-react-refresh": "^0.4.8",
|
|
42
|
+
"next": "^14.2.5",
|
|
43
43
|
"polished": "^4.3.1",
|
|
44
44
|
"prettier": "^3.3.2",
|
|
45
45
|
"styled-components": "^6.1.11",
|
package/src/lib/toggle.tsx
CHANGED
|
@@ -124,7 +124,7 @@ const StyledToggle = styled.input<ToggleProps>`
|
|
|
124
124
|
|
|
125
125
|
function Toggle({ type = "checkbox", ...props }: ToggleProps) {
|
|
126
126
|
return (
|
|
127
|
-
<StyledInputWrapper $fullWidth={props.$fullWidth}>
|
|
127
|
+
<StyledInputWrapper $fullWidth={props.$fullWidth} $label={props.$label}>
|
|
128
128
|
<StyledToggleWrapper>
|
|
129
129
|
<StyledToggle {...props} type={type} />
|
|
130
130
|
<StyledFakeToggle
|