@uva-glass/component-library 3.55.4 → 3.55.5

package/dist/Fieldset-0LFsZ3Mz.js

@@ -0,0 +1,22 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import './assets/Fieldset.css';var r = {
+	fieldset: "_fieldset_1pmtm_1",
+	"fieldset--inline": "_fieldset--inline_1pmtm_10",
+	fieldset__legend: "_fieldset__legend_1pmtm_15",
+	fieldset__description: "_fieldset__description_1pmtm_20"
+}, i = ({ inline: i, legend: a, description: o, descriptionId: s, children: c }) => /* @__PURE__ */ n("fieldset", {
+	className: e(r.fieldset, { [r["fieldset--inline"]]: i }),
+	children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("legend", {
+		className: r.fieldset__legend,
+		children: a
+	}), o && /* @__PURE__ */ t("p", {
+		className: r.fieldset__description,
+		id: s,
+		children: o
+	})] }), c]
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Fieldset-0LFsZ3Mz.js.map

package/dist/{Fieldset-CoNu_Owa.js.map → Fieldset-0LFsZ3Mz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Fieldset-CoNu_Owa.js","names":[],"sources":["../src/components/Fieldset/Fieldset.module.css","../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":[".fieldset {\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin: 0;\n  padding: 0;\n}\n\n.fieldset--inline {\n  column-gap: 1.5rem;\n  flex-direction: row;\n}\n\n.fieldset__legend {\n  font-weight: var(--semibold);\n  padding: 0;\n}\n\n.fieldset__description {\n  margin: 0;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Fieldset.module.css';\n\nexport interface FieldsetProps {\n  /** The description to render. */\n  description?: ReactNode;\n  /** The id of the description element. Used together with the description property. */\n  descriptionId?: string;\n  /** true if the form fields should render inline; otherwise, false. The default is false. */\n  inline?: boolean;\n  /** The legend to render. */\n  legend: string;\n}\n\n/** Represents a component to show a collection of form field elements. */\nexport const Fieldset = ({\n  inline,\n  legend,\n  description,\n  descriptionId,\n  children,\n}: PropsWithChildren<FieldsetProps>) => (\n  <fieldset\n    className={clsx(styles['fieldset'], {\n      [styles['fieldset--inline']]: inline,\n    })}\n  >\n    <div>\n      <legend className={styles['fieldset__legend']}>{legend}</legend>\n      {description && (\n        <p className={styles['fieldset__description']} id={descriptionId}>\n          {description}\n        </p>\n      )}\n    </div>\n    {children}\n  </fieldset>\n);\n"],"mappings":";;;;;;;;GCkBa,KAAY,EACvB,WACA,WACA,gBACA,kBACA,kBAEA,kBAAC,YAAD;CACE,WAAW,EAAK,EAAO,UAAa,GACjC,EAAO,sBAAsB,GAC/B,CAAC;WAHJ,CAKE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,UAAD;EAAQ,WAAW,EAAO;YAAsB;EAAgB,CAAA,EAC/D,KACC,kBAAC,KAAD;EAAG,WAAW,EAAO;EAA0B,IAAI;YAChD;EACC,CAAA,CAEF,EAAA,CAAA,EACL,EACQ"}
+{"version":3,"file":"Fieldset-0LFsZ3Mz.js","names":[],"sources":["../src/components/Fieldset/Fieldset.module.css","../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":[".fieldset {\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin: 0;\n  padding: 0;\n}\n\n.fieldset--inline {\n  column-gap: 1.5rem;\n  flex-direction: row;\n}\n\n.fieldset__legend {\n  font-weight: var(--semibold);\n  padding: 0;\n}\n\n.fieldset__description {\n  margin: 0;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Fieldset.module.css';\n\nexport interface FieldsetProps {\n  /** The description to render. */\n  description?: ReactNode;\n  /** The id of the description element. Used together with the description property. */\n  descriptionId?: string;\n  /** true if the form fields should render inline; otherwise, false. The default is false. */\n  inline?: boolean;\n  /** The legend to render. */\n  legend: string;\n}\n\n/** Represents a component to show a collection of form field elements. */\nexport const Fieldset = ({\n  inline,\n  legend,\n  description,\n  descriptionId,\n  children,\n}: PropsWithChildren<FieldsetProps>) => (\n  <fieldset\n    className={clsx(styles['fieldset'], {\n      [styles['fieldset--inline']]: inline,\n    })}\n  >\n    <div>\n      <legend className={styles['fieldset__legend']}>{legend}</legend>\n      {description && (\n        <p className={styles['fieldset__description']} id={descriptionId}>\n          {description}\n        </p>\n      )}\n    </div>\n    {children}\n  </fieldset>\n);\n"],"mappings":";;;;;;;GCkBa,KAAY,EACvB,WACA,WACA,gBACA,kBACA,kBAEA,kBAAC,YAAD;CACE,WAAW,EAAK,EAAO,UAAa,GACjC,EAAO,sBAAsB,GAC/B,CAAC;WAHJ,CAKE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,UAAD;EAAQ,WAAW,EAAO;YAAsB;EAAgB,CAAA,EAC/D,KACC,kBAAC,KAAD;EAAG,WAAW,EAAO;EAA0B,IAAI;YAChD;EACC,CAAA,CAEF,EAAA,CAAA,EACL,EACQ"}