@sproutsocial/seeds-react-fieldset 1.0.0 → 1.0.2

package/.turbo/turbo-build.log

@@ -1,21 +1,21 @@
 yarn run v1.22.22
 $ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.2
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-fieldset/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-CJS dist/index.js     4.17 KB
-CJS dist/index.js.map 4.56 KB
-CJS ⚡️ Build success in 124ms
-ESM dist/esm/index.js     2.08 KB
-ESM dist/esm/index.js.map 4.45 KB
-ESM ⚡️ Build success in 124ms
-DTS Build start
-DTS ⚡️ Build success in 16309ms
-DTS dist/index.d.ts  1.30 KB
-DTS dist/index.d.mts 1.30 KB
-Done in 20.50s.
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-fieldset/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+CJS dist/index.js     4.18 KB
+CJS dist/index.js.map 4.56 KB
+CJS ⚡️ Build success in 126ms
+ESM dist/esm/index.js     2.09 KB
+ESM dist/esm/index.js.map 4.45 KB
+ESM ⚡️ Build success in 126ms
+DTS Build start
+DTS ⚡️ Build success in 27872ms
+DTS dist/index.d.ts  1.30 KB
+DTS dist/index.d.mts 1.30 KB
+Done in 34.90s.

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @sproutsocial/seeds-react-fieldset
 
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies [22e1111]
+  - @sproutsocial/seeds-react-text@1.3.2
+  - @sproutsocial/seeds-react-theme@3.0.1
+  - @sproutsocial/seeds-react-box@1.1.3
+
+## 1.0.1
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-system-props@3.0.2
+  - @sproutsocial/seeds-react-theme@2.2.1
+  - @sproutsocial/seeds-react-text@1.3.1
+  - @sproutsocial/seeds-react-box@1.1.2
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -67,9 +67,9 @@ var Fieldset_default = Fieldset;
 import "react";
 
 // src/index.ts
-var src_default = Fieldset_default;
+var index_default = Fieldset_default;
 export {
   Fieldset_default as Fieldset,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Fieldset.tsx","../../src/styles.ts","../../src/FieldsetTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport { ChildContainer } from \"./styles\";\nimport type {\n  TypeFieldsetProps,\n  TypeFieldsetLegendProps,\n  TypeFieldsetHelperText,\n} from \"./FieldsetTypes\";\n\n/**\n * Fieldset Component\n */\nconst Fieldset = ({\n  layout = \"vertical\",\n  label,\n  helperText,\n  children,\n  ...rest\n}: TypeFieldsetProps) => (\n  <Box as=\"fieldset\" border=\"none\" p={0} data-qa-fieldset=\"\" {...rest}>\n    {typeof label === \"string\" ? (\n      <Fieldset.Legend>{label}</Fieldset.Legend>\n    ) : (\n      label\n    )}\n    {typeof helperText === \"string\" ? (\n      <Fieldset.HelperText>{helperText}</Fieldset.HelperText>\n    ) : (\n      helperText\n    )}\n    <Box\n      display=\"flex\"\n      flexDirection={layout === \"vertical\" ? \"column\" : \"row\"}\n    >\n      {React.Children.map(children, (child) => (\n        <ChildContainer layout={layout}>{child}</ChildContainer>\n      ))}\n    </Box>\n  </Box>\n);\n\nconst FieldsetLegend = ({ children, ...rest }: TypeFieldsetLegendProps) => (\n  <Text\n    as=\"legend\"\n    fontSize={300}\n    fontWeight=\"semibold\"\n    color=\"text.body\"\n    mb={300}\n    {...rest}\n  >\n    {children}\n  </Text>\n);\n\nconst FieldsetHelperText = ({ children, ...rest }: TypeFieldsetHelperText) => (\n  <Text as=\"p\" fontSize={200} mb={300} {...rest}>\n    {children}\n  </Text>\n);\n\nFieldsetLegend.displayName = \"Fieldset.Legend\";\nFieldsetHelperText.displayName = \"Fieldset.HelperText\";\n\nFieldset.Legend = FieldsetLegend;\nFieldset.HelperText = FieldsetHelperText;\n\nexport default Fieldset;\n","import styled, { css } from \"styled-components\";\nimport type { TypeFieldsetChildContainerProps } from \"./FieldsetTypes\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const ChildContainer = styled(Box)<TypeFieldsetChildContainerProps>`\n  ${(props) =>\n    props.layout === \"vertical\" &&\n    css`\n      margin-top: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-top: 0;\n      }\n    `}\n\n  ${(props) =>\n    props.layout === \"horizontal\" &&\n    css`\n      margin-left: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-left: 0;\n      }\n    `}\n`;\n","import type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport interface TypeFieldsetProps extends TypeBoxProps {\n  /** Label text to display above the fieldset */\n  label: React.ReactNode;\n  helperText?: React.ReactNode;\n  layout?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetChildContainerProps {\n  layout: TypeFieldsetProps[\"layout\"];\n}\n\nexport interface TypeFieldsetLegendProps extends TypeTextProps {\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetHelperText extends TypeTextProps {\n  children: React.ReactNode;\n}\n","import Fieldset from \"./Fieldset\";\n\nexport default Fieldset;\nexport { Fieldset };\nexport * from \"./FieldsetTypes\";\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,OAAOA,UAAS;AAChB,OAAO,UAAU;;;ACFjB,OAAO,UAAU,WAAW;AAE5B,OAAO,SAAS;AAET,IAAM,iBAAiB,OAAO,GAAG;AAAA,IACpC,CAAC,UACD,MAAM,WAAW,cACjB;AAAA,oBACgB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKrC;AAAA;AAAA,IAED,CAAC,UACD,MAAM,WAAW,gBACjB;AAAA,qBACiB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKtC;AAAA;;;ADHH,SAEI,KAFJ;AAPF,IAAM,WAAW,CAAC;AAAA,EAChB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,qBAACC,MAAA,EAAI,IAAG,YAAW,QAAO,QAAO,GAAG,GAAG,oBAAiB,IAAI,GAAG,MAC5D;AAAA,SAAO,UAAU,WAChB,oBAAC,SAAS,QAAT,EAAiB,iBAAM,IAExB;AAAA,EAED,OAAO,eAAe,WACrB,oBAAC,SAAS,YAAT,EAAqB,sBAAW,IAEjC;AAAA,EAEF;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAe,WAAW,aAAa,WAAW;AAAA,MAEjD,UAAM,eAAS,IAAI,UAAU,CAAC,UAC7B,oBAAC,kBAAe,QAAiB,iBAAM,CACxC;AAAA;AAAA,EACH;AAAA,GACF;AAGF,IAAM,iBAAiB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC1C;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,UAAU;AAAA,IACV,YAAW;AAAA,IACX,OAAM;AAAA,IACN,IAAI;AAAA,IACH,GAAG;AAAA,IAEH;AAAA;AACH;AAGF,IAAM,qBAAqB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC9C,oBAAC,QAAK,IAAG,KAAI,UAAU,KAAK,IAAI,KAAM,GAAG,MACtC,UACH;AAGF,eAAe,cAAc;AAC7B,mBAAmB,cAAc;AAEjC,SAAS,SAAS;AAClB,SAAS,aAAa;AAEtB,IAAO,mBAAQ;;;AElEf,OAAkB;;;ACClB,IAAO,cAAQ;","names":["Box","Box"]}
+{"version":3,"sources":["../../src/Fieldset.tsx","../../src/styles.ts","../../src/FieldsetTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport { ChildContainer } from \"./styles\";\nimport type {\n  TypeFieldsetProps,\n  TypeFieldsetLegendProps,\n  TypeFieldsetHelperText,\n} from \"./FieldsetTypes\";\n\n/**\n * Fieldset Component\n */\nconst Fieldset = ({\n  layout = \"vertical\",\n  label,\n  helperText,\n  children,\n  ...rest\n}: TypeFieldsetProps) => (\n  <Box as=\"fieldset\" border=\"none\" p={0} data-qa-fieldset=\"\" {...rest}>\n    {typeof label === \"string\" ? (\n      <Fieldset.Legend>{label}</Fieldset.Legend>\n    ) : (\n      label\n    )}\n    {typeof helperText === \"string\" ? (\n      <Fieldset.HelperText>{helperText}</Fieldset.HelperText>\n    ) : (\n      helperText\n    )}\n    <Box\n      display=\"flex\"\n      flexDirection={layout === \"vertical\" ? \"column\" : \"row\"}\n    >\n      {React.Children.map(children, (child) => (\n        <ChildContainer layout={layout}>{child}</ChildContainer>\n      ))}\n    </Box>\n  </Box>\n);\n\nconst FieldsetLegend = ({ children, ...rest }: TypeFieldsetLegendProps) => (\n  <Text\n    as=\"legend\"\n    fontSize={300}\n    fontWeight=\"semibold\"\n    color=\"text.body\"\n    mb={300}\n    {...rest}\n  >\n    {children}\n  </Text>\n);\n\nconst FieldsetHelperText = ({ children, ...rest }: TypeFieldsetHelperText) => (\n  <Text as=\"p\" fontSize={200} mb={300} {...rest}>\n    {children}\n  </Text>\n);\n\nFieldsetLegend.displayName = \"Fieldset.Legend\";\nFieldsetHelperText.displayName = \"Fieldset.HelperText\";\n\nFieldset.Legend = FieldsetLegend;\nFieldset.HelperText = FieldsetHelperText;\n\nexport default Fieldset;\n","import styled, { css } from \"styled-components\";\nimport type { TypeFieldsetChildContainerProps } from \"./FieldsetTypes\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const ChildContainer = styled(Box)<TypeFieldsetChildContainerProps>`\n  ${(props) =>\n    props.layout === \"vertical\" &&\n    css`\n      margin-top: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-top: 0;\n      }\n    `}\n\n  ${(props) =>\n    props.layout === \"horizontal\" &&\n    css`\n      margin-left: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-left: 0;\n      }\n    `}\n`;\n","import type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport interface TypeFieldsetProps extends TypeBoxProps {\n  /** Label text to display above the fieldset */\n  label: React.ReactNode;\n  helperText?: React.ReactNode;\n  layout?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetChildContainerProps {\n  layout: TypeFieldsetProps[\"layout\"];\n}\n\nexport interface TypeFieldsetLegendProps extends TypeTextProps {\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetHelperText extends TypeTextProps {\n  children: React.ReactNode;\n}\n","import Fieldset from \"./Fieldset\";\n\nexport default Fieldset;\nexport { Fieldset };\nexport * from \"./FieldsetTypes\";\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,OAAOA,UAAS;AAChB,OAAO,UAAU;;;ACFjB,OAAO,UAAU,WAAW;AAE5B,OAAO,SAAS;AAET,IAAM,iBAAiB,OAAO,GAAG;AAAA,IACpC,CAAC,UACD,MAAM,WAAW,cACjB;AAAA,oBACgB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKrC;AAAA;AAAA,IAED,CAAC,UACD,MAAM,WAAW,gBACjB;AAAA,qBACiB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKtC;AAAA;;;ADHH,SAEI,KAFJ;AAPF,IAAM,WAAW,CAAC;AAAA,EAChB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,qBAACC,MAAA,EAAI,IAAG,YAAW,QAAO,QAAO,GAAG,GAAG,oBAAiB,IAAI,GAAG,MAC5D;AAAA,SAAO,UAAU,WAChB,oBAAC,SAAS,QAAT,EAAiB,iBAAM,IAExB;AAAA,EAED,OAAO,eAAe,WACrB,oBAAC,SAAS,YAAT,EAAqB,sBAAW,IAEjC;AAAA,EAEF;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAe,WAAW,aAAa,WAAW;AAAA,MAEjD,UAAM,eAAS,IAAI,UAAU,CAAC,UAC7B,oBAAC,kBAAe,QAAiB,iBAAM,CACxC;AAAA;AAAA,EACH;AAAA,GACF;AAGF,IAAM,iBAAiB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC1C;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,UAAU;AAAA,IACV,YAAW;AAAA,IACX,OAAM;AAAA,IACN,IAAI;AAAA,IACH,GAAG;AAAA,IAEH;AAAA;AACH;AAGF,IAAM,qBAAqB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC9C,oBAAC,QAAK,IAAG,KAAI,UAAU,KAAK,IAAI,KAAM,GAAG,MACtC,UACH;AAGF,eAAe,cAAc;AAC7B,mBAAmB,cAAc;AAEjC,SAAS,SAAS;AAClB,SAAS,aAAa;AAEtB,IAAO,mBAAQ;;;AElEf,OAAkB;;;ACClB,IAAO,gBAAQ;","names":["Box","Box"]}

package/dist/index.js

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Fieldset: () => Fieldset_default,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Fieldset.tsx
 var React = __toESM(require("react"));
@@ -104,7 +104,7 @@ var Fieldset_default = Fieldset;
 var import_react = require("react");
 
 // src/index.ts
-var src_default = Fieldset_default;
+var index_default = Fieldset_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Fieldset

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Fieldset.tsx","../src/styles.ts","../src/FieldsetTypes.ts"],"sourcesContent":["import Fieldset from \"./Fieldset\";\n\nexport default Fieldset;\nexport { Fieldset };\nexport * from \"./FieldsetTypes\";\n","import * as React from \"react\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport { ChildContainer } from \"./styles\";\nimport type {\n  TypeFieldsetProps,\n  TypeFieldsetLegendProps,\n  TypeFieldsetHelperText,\n} from \"./FieldsetTypes\";\n\n/**\n * Fieldset Component\n */\nconst Fieldset = ({\n  layout = \"vertical\",\n  label,\n  helperText,\n  children,\n  ...rest\n}: TypeFieldsetProps) => (\n  <Box as=\"fieldset\" border=\"none\" p={0} data-qa-fieldset=\"\" {...rest}>\n    {typeof label === \"string\" ? (\n      <Fieldset.Legend>{label}</Fieldset.Legend>\n    ) : (\n      label\n    )}\n    {typeof helperText === \"string\" ? (\n      <Fieldset.HelperText>{helperText}</Fieldset.HelperText>\n    ) : (\n      helperText\n    )}\n    <Box\n      display=\"flex\"\n      flexDirection={layout === \"vertical\" ? \"column\" : \"row\"}\n    >\n      {React.Children.map(children, (child) => (\n        <ChildContainer layout={layout}>{child}</ChildContainer>\n      ))}\n    </Box>\n  </Box>\n);\n\nconst FieldsetLegend = ({ children, ...rest }: TypeFieldsetLegendProps) => (\n  <Text\n    as=\"legend\"\n    fontSize={300}\n    fontWeight=\"semibold\"\n    color=\"text.body\"\n    mb={300}\n    {...rest}\n  >\n    {children}\n  </Text>\n);\n\nconst FieldsetHelperText = ({ children, ...rest }: TypeFieldsetHelperText) => (\n  <Text as=\"p\" fontSize={200} mb={300} {...rest}>\n    {children}\n  </Text>\n);\n\nFieldsetLegend.displayName = \"Fieldset.Legend\";\nFieldsetHelperText.displayName = \"Fieldset.HelperText\";\n\nFieldset.Legend = FieldsetLegend;\nFieldset.HelperText = FieldsetHelperText;\n\nexport default Fieldset;\n","import styled, { css } from \"styled-components\";\nimport type { TypeFieldsetChildContainerProps } from \"./FieldsetTypes\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const ChildContainer = styled(Box)<TypeFieldsetChildContainerProps>`\n  ${(props) =>\n    props.layout === \"vertical\" &&\n    css`\n      margin-top: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-top: 0;\n      }\n    `}\n\n  ${(props) =>\n    props.layout === \"horizontal\" &&\n    css`\n      margin-left: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-left: 0;\n      }\n    `}\n`;\n","import type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport interface TypeFieldsetProps extends TypeBoxProps {\n  /** Label text to display above the fieldset */\n  label: React.ReactNode;\n  helperText?: React.ReactNode;\n  layout?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetChildContainerProps {\n  layout: TypeFieldsetProps[\"layout\"];\n}\n\nexport interface TypeFieldsetLegendProps extends TypeTextProps {\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetHelperText extends TypeTextProps {\n  children: React.ReactNode;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,IAAAA,0BAAgB;AAChB,8BAAiB;;;ACFjB,+BAA4B;AAE5B,6BAAgB;AAET,IAAM,qBAAiB,yBAAAC,SAAO,uBAAAC,OAAG;AAAA,IACpC,CAAC,UACD,MAAM,WAAW,cACjB;AAAA,oBACgB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKrC;AAAA;AAAA,IAED,CAAC,UACD,MAAM,WAAW,gBACjB;AAAA,qBACiB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKtC;AAAA;;;ADHH;AAPF,IAAM,WAAW,CAAC;AAAA,EAChB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,6CAAC,wBAAAC,SAAA,EAAI,IAAG,YAAW,QAAO,QAAO,GAAG,GAAG,oBAAiB,IAAI,GAAG,MAC5D;AAAA,SAAO,UAAU,WAChB,4CAAC,SAAS,QAAT,EAAiB,iBAAM,IAExB;AAAA,EAED,OAAO,eAAe,WACrB,4CAAC,SAAS,YAAT,EAAqB,sBAAW,IAEjC;AAAA,EAEF;AAAA,IAAC,wBAAAA;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAe,WAAW,aAAa,WAAW;AAAA,MAEjD,UAAM,eAAS,IAAI,UAAU,CAAC,UAC7B,4CAAC,kBAAe,QAAiB,iBAAM,CACxC;AAAA;AAAA,EACH;AAAA,GACF;AAGF,IAAM,iBAAiB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC1C;AAAA,EAAC,wBAAAC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,UAAU;AAAA,IACV,YAAW;AAAA,IACX,OAAM;AAAA,IACN,IAAI;AAAA,IACH,GAAG;AAAA,IAEH;AAAA;AACH;AAGF,IAAM,qBAAqB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC9C,4CAAC,wBAAAA,SAAA,EAAK,IAAG,KAAI,UAAU,KAAK,IAAI,KAAM,GAAG,MACtC,UACH;AAGF,eAAe,cAAc;AAC7B,mBAAmB,cAAc;AAEjC,SAAS,SAAS;AAClB,SAAS,aAAa;AAEtB,IAAO,mBAAQ;;;AElEf,mBAAkB;;;AHClB,IAAO,cAAQ;","names":["import_seeds_react_box","styled","Box","Box","Text"]}
+{"version":3,"sources":["../src/index.ts","../src/Fieldset.tsx","../src/styles.ts","../src/FieldsetTypes.ts"],"sourcesContent":["import Fieldset from \"./Fieldset\";\n\nexport default Fieldset;\nexport { Fieldset };\nexport * from \"./FieldsetTypes\";\n","import * as React from \"react\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport { ChildContainer } from \"./styles\";\nimport type {\n  TypeFieldsetProps,\n  TypeFieldsetLegendProps,\n  TypeFieldsetHelperText,\n} from \"./FieldsetTypes\";\n\n/**\n * Fieldset Component\n */\nconst Fieldset = ({\n  layout = \"vertical\",\n  label,\n  helperText,\n  children,\n  ...rest\n}: TypeFieldsetProps) => (\n  <Box as=\"fieldset\" border=\"none\" p={0} data-qa-fieldset=\"\" {...rest}>\n    {typeof label === \"string\" ? (\n      <Fieldset.Legend>{label}</Fieldset.Legend>\n    ) : (\n      label\n    )}\n    {typeof helperText === \"string\" ? (\n      <Fieldset.HelperText>{helperText}</Fieldset.HelperText>\n    ) : (\n      helperText\n    )}\n    <Box\n      display=\"flex\"\n      flexDirection={layout === \"vertical\" ? \"column\" : \"row\"}\n    >\n      {React.Children.map(children, (child) => (\n        <ChildContainer layout={layout}>{child}</ChildContainer>\n      ))}\n    </Box>\n  </Box>\n);\n\nconst FieldsetLegend = ({ children, ...rest }: TypeFieldsetLegendProps) => (\n  <Text\n    as=\"legend\"\n    fontSize={300}\n    fontWeight=\"semibold\"\n    color=\"text.body\"\n    mb={300}\n    {...rest}\n  >\n    {children}\n  </Text>\n);\n\nconst FieldsetHelperText = ({ children, ...rest }: TypeFieldsetHelperText) => (\n  <Text as=\"p\" fontSize={200} mb={300} {...rest}>\n    {children}\n  </Text>\n);\n\nFieldsetLegend.displayName = \"Fieldset.Legend\";\nFieldsetHelperText.displayName = \"Fieldset.HelperText\";\n\nFieldset.Legend = FieldsetLegend;\nFieldset.HelperText = FieldsetHelperText;\n\nexport default Fieldset;\n","import styled, { css } from \"styled-components\";\nimport type { TypeFieldsetChildContainerProps } from \"./FieldsetTypes\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const ChildContainer = styled(Box)<TypeFieldsetChildContainerProps>`\n  ${(props) =>\n    props.layout === \"vertical\" &&\n    css`\n      margin-top: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-top: 0;\n      }\n    `}\n\n  ${(props) =>\n    props.layout === \"horizontal\" &&\n    css`\n      margin-left: ${props.theme.space[300]};\n\n      &:first-child {\n        margin-left: 0;\n      }\n    `}\n`;\n","import type { TypeTextProps } from \"@sproutsocial/seeds-react-text\";\nimport React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport interface TypeFieldsetProps extends TypeBoxProps {\n  /** Label text to display above the fieldset */\n  label: React.ReactNode;\n  helperText?: React.ReactNode;\n  layout?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetChildContainerProps {\n  layout: TypeFieldsetProps[\"layout\"];\n}\n\nexport interface TypeFieldsetLegendProps extends TypeTextProps {\n  children: React.ReactNode;\n}\n\nexport interface TypeFieldsetHelperText extends TypeTextProps {\n  children: React.ReactNode;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,IAAAA,0BAAgB;AAChB,8BAAiB;;;ACFjB,+BAA4B;AAE5B,6BAAgB;AAET,IAAM,qBAAiB,yBAAAC,SAAO,uBAAAC,OAAG;AAAA,IACpC,CAAC,UACD,MAAM,WAAW,cACjB;AAAA,oBACgB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKrC;AAAA;AAAA,IAED,CAAC,UACD,MAAM,WAAW,gBACjB;AAAA,qBACiB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKtC;AAAA;;;ADHH;AAPF,IAAM,WAAW,CAAC;AAAA,EAChB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,6CAAC,wBAAAC,SAAA,EAAI,IAAG,YAAW,QAAO,QAAO,GAAG,GAAG,oBAAiB,IAAI,GAAG,MAC5D;AAAA,SAAO,UAAU,WAChB,4CAAC,SAAS,QAAT,EAAiB,iBAAM,IAExB;AAAA,EAED,OAAO,eAAe,WACrB,4CAAC,SAAS,YAAT,EAAqB,sBAAW,IAEjC;AAAA,EAEF;AAAA,IAAC,wBAAAA;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAe,WAAW,aAAa,WAAW;AAAA,MAEjD,UAAM,eAAS,IAAI,UAAU,CAAC,UAC7B,4CAAC,kBAAe,QAAiB,iBAAM,CACxC;AAAA;AAAA,EACH;AAAA,GACF;AAGF,IAAM,iBAAiB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC1C;AAAA,EAAC,wBAAAC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,UAAU;AAAA,IACV,YAAW;AAAA,IACX,OAAM;AAAA,IACN,IAAI;AAAA,IACH,GAAG;AAAA,IAEH;AAAA;AACH;AAGF,IAAM,qBAAqB,CAAC,EAAE,UAAU,GAAG,KAAK,MAC9C,4CAAC,wBAAAA,SAAA,EAAK,IAAG,KAAI,UAAU,KAAK,IAAI,KAAM,GAAG,MACtC,UACH;AAGF,eAAe,cAAc;AAC7B,mBAAmB,cAAc;AAEjC,SAAS,SAAS;AAClB,SAAS,aAAa;AAEtB,IAAO,mBAAQ;;;AElEf,mBAAkB;;;AHClB,IAAO,gBAAQ;","names":["import_seeds_react_box","styled","Box","Box","Text"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-fieldset",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Seeds React Fieldset",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,10 +18,10 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^*",
-    "@sproutsocial/seeds-react-system-props": "^*",
-    "@sproutsocial/seeds-react-box": "*",
-    "@sproutsocial/seeds-react-text": "*"
+    "@sproutsocial/seeds-react-theme": "^3.0.1",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-box": "^1.1.3",
+    "@sproutsocial/seeds-react-text": "^1.3.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -29,12 +29,12 @@
     "@sproutsocial/eslint-config-seeds": "*",
     "react": "^18.0.0",
     "styled-components": "^5.2.3",
-    "tsup": "^8.0.2",
+    "tsup": "^8.3.4",
     "typescript": "^5.6.2",
     "@sproutsocial/seeds-tsconfig": "*",
     "@sproutsocial/seeds-testing": "*",
     "@sproutsocial/seeds-react-testing-library": "*",
-    "@sproutsocial/seeds-react-radio": "*"
+    "@sproutsocial/seeds-react-radio": "^1.3.1"
   },
   "peerDependencies": {
     "styled-components": "^5.2.3"