@uva-glass/component-library 1.22.1 → 1.23.0

package/dist/assets/Checkbox.css

@@ -0,0 +1 @@
+._checkbox_lu7hj_1{accent-color:var(--color-black);height:1rem;margin:0;padding:0;width:1rem}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;
+export declare const Checkbox: ({ ...restProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/Checkbox.css';const e = "_checkbox_lu7hj_1", s = {
+  checkbox: e
+}, x = ({ ...c }) => /* @__PURE__ */ o("input", { ...c, type: "checkbox", className: s.checkbox });
+export {
+  x as Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Checkbox.module.css';\n\nexport type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;\n\nexport const Checkbox = ({ ...restProps }: CheckboxProps) => (\n  <input {...restProps} type=\"checkbox\" className={styles['checkbox']} />\n);\n"],"names":["Checkbox","restProps","jsx","styles"],"mappings":";;;GAMaA,IAAW,CAAC,EAAE,GAAGC,QAC5B,gBAAAC,EAAC,SAAO,EAAA,GAAGD,GAAW,MAAK,YAAW,WAAWE,EAAO,SAAa,CAAA;"}

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxProps } from './Checkbox';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, CheckboxProps>;
+export default _default;
+export declare const CheckboxExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;

package/dist/components/Checkbox/Checkbox.stories.js

@@ -0,0 +1,20 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { f as m } from "../../index-DFUrxrKJ.js";
+import { Checkbox as e } from "./Checkbox.js";
+import { FormField as i } from "../FormField/FormField.js";
+import { Label as n } from "../Label/Label.js";
+const h = {
+  title: "Atoms/Checkbox",
+  component: e
+}, s = (r) => /* @__PURE__ */ t(i, { inline: !0, children: [
+  /* @__PURE__ */ o(e, { id: "72103b4d", ...r }),
+  /* @__PURE__ */ o(n, { htmlFor: "72103b4d", children: "Example Checkbox" })
+] }), c = s.bind({});
+c.args = {
+  onChange: m()
+};
+export {
+  c as CheckboxExample,
+  h as default
+};
+//# sourceMappingURL=Checkbox.stories.js.map

package/dist/components/Checkbox/Checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n"],"names":["Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn"],"mappings":";;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAmC,CAACC,MACvC,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAS,EAAA,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,EACjC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAgB,oBAAA;AAAA,EAC5C,CAAA,GAGWC,IAAkBN,EAAS,KAAK,EAAE;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAG;AACf;"}

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/dist/components/Checkbox/index.js

@@ -0,0 +1,5 @@
+import { Checkbox as r } from "./Checkbox.js";
+export {
+  r as Checkbox
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './AppStatusBar';
 export * from './Backdrop';
 export * from './Button';
 export * from './Card';
+export * from './Checkbox';
 export * from './FieldHint';
 export * from './FormField';
 export * from './Icon';

package/dist/components/index.js

@@ -1,50 +1,52 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
-import { Backdrop as m } from "./Backdrop/Backdrop.js";
+import { Backdrop as x } from "./Backdrop/Backdrop.js";
 import { Button as i } from "./Button/Button.js";
 import { Card as a } from "./Card/Card.js";
-import { FieldHint as c } from "./FieldHint/FieldHint.js";
-import { FormField as s } from "./FormField/FormField.js";
-import { Icon as B } from "./Icon/Icon.js";
-import { IconButton as S } from "./IconButton/IconButton.js";
-import { InfoMessage as F } from "./InfoMessage/InfoMessage.js";
-import { Input as b } from "./Input/Input.js";
-import { InputField as k } from "./InputField/InputField.js";
-import { Label as A } from "./Label/Label.js";
-import { M as D } from "../MenuLink-CLEqkVVh.js";
-import { MetaDataList as H } from "./MetaDataList/MetaDataList.js";
-import { M as O } from "../ModalDialog-yEr_JLht.js";
-import { OverlayCloseButton as R } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { RadioButton as h } from "./RadioButton/RadioButton.js";
-import { SectionNotification as q } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as z } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as G, useSelect as J } from "./SelectListbox/SelectProvider.js";
-import { Spinner as Q } from "./Spinner/Spinner.js";
-import { Tooltip as V } from "./Tooltip/Tooltip.js";
+import { Checkbox as c } from "./Checkbox/Checkbox.js";
+import { FieldHint as s } from "./FieldHint/FieldHint.js";
+import { FormField as B } from "./FormField/FormField.js";
+import { Icon as S } from "./Icon/Icon.js";
+import { IconButton as F } from "./IconButton/IconButton.js";
+import { InfoMessage as b } from "./InfoMessage/InfoMessage.js";
+import { Input as C } from "./Input/Input.js";
+import { InputField as v } from "./InputField/InputField.js";
+import { Label as D } from "./Label/Label.js";
+import { M as y } from "../MenuLink-CLEqkVVh.js";
+import { MetaDataList as N } from "./MetaDataList/MetaDataList.js";
+import { M as P } from "../ModalDialog-yEr_JLht.js";
+import { OverlayCloseButton as T } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { RadioButton as q } from "./RadioButton/RadioButton.js";
+import { SectionNotification as z } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as G } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as K, useSelect as Q } from "./SelectListbox/SelectProvider.js";
+import { Spinner as V } from "./Spinner/Spinner.js";
+import { Tooltip as X } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  m as Backdrop,
+  x as Backdrop,
   i as Button,
   a as Card,
-  c as FieldHint,
-  s as FormField,
-  B as Icon,
-  S as IconButton,
-  F as InfoMessage,
-  b as Input,
-  k as InputField,
-  A as Label,
-  D as MenuLink,
-  H as MetaDataList,
-  O as ModalDialog,
-  R as OverlayCloseButton,
-  h as RadioButton,
-  q as SectionNotification,
-  z as SelectListbox,
-  G as SelectProvider,
-  Q as Spinner,
-  V as Tooltip,
-  J as useSelect
+  c as Checkbox,
+  s as FieldHint,
+  B as FormField,
+  S as Icon,
+  F as IconButton,
+  b as InfoMessage,
+  C as Input,
+  v as InputField,
+  D as Label,
+  y as MenuLink,
+  N as MetaDataList,
+  P as ModalDialog,
+  T as OverlayCloseButton,
+  q as RadioButton,
+  z as SectionNotification,
+  G as SelectListbox,
+  K as SelectProvider,
+  V as Spinner,
+  X as Tooltip,
+  Q as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,50 +1,52 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
-import { Backdrop as m } from "./components/Backdrop/Backdrop.js";
+import { Backdrop as x } from "./components/Backdrop/Backdrop.js";
 import { Button as i } from "./components/Button/Button.js";
 import { Card as a } from "./components/Card/Card.js";
-import { FieldHint as c } from "./components/FieldHint/FieldHint.js";
-import { FormField as s } from "./components/FormField/FormField.js";
-import { Icon as B } from "./components/Icon/Icon.js";
-import { IconButton as S } from "./components/IconButton/IconButton.js";
-import { InfoMessage as F } from "./components/InfoMessage/InfoMessage.js";
-import { Input as b } from "./components/Input/Input.js";
-import { InputField as k } from "./components/InputField/InputField.js";
-import { Label as A } from "./components/Label/Label.js";
-import { M as D } from "./MenuLink-CLEqkVVh.js";
-import { MetaDataList as H } from "./components/MetaDataList/MetaDataList.js";
-import { M as O } from "./ModalDialog-yEr_JLht.js";
-import { OverlayCloseButton as R } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { RadioButton as h } from "./components/RadioButton/RadioButton.js";
-import { SectionNotification as q } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as z } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as G, useSelect as J } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as Q } from "./components/Spinner/Spinner.js";
-import { Tooltip as V } from "./components/Tooltip/Tooltip.js";
+import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
+import { FieldHint as s } from "./components/FieldHint/FieldHint.js";
+import { FormField as B } from "./components/FormField/FormField.js";
+import { Icon as S } from "./components/Icon/Icon.js";
+import { IconButton as F } from "./components/IconButton/IconButton.js";
+import { InfoMessage as b } from "./components/InfoMessage/InfoMessage.js";
+import { Input as C } from "./components/Input/Input.js";
+import { InputField as v } from "./components/InputField/InputField.js";
+import { Label as D } from "./components/Label/Label.js";
+import { M as y } from "./MenuLink-CLEqkVVh.js";
+import { MetaDataList as N } from "./components/MetaDataList/MetaDataList.js";
+import { M as P } from "./ModalDialog-yEr_JLht.js";
+import { OverlayCloseButton as T } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { RadioButton as q } from "./components/RadioButton/RadioButton.js";
+import { SectionNotification as z } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as G } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as K, useSelect as Q } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as V } from "./components/Spinner/Spinner.js";
+import { Tooltip as X } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  m as Backdrop,
+  x as Backdrop,
   i as Button,
   a as Card,
-  c as FieldHint,
-  s as FormField,
-  B as Icon,
-  S as IconButton,
-  F as InfoMessage,
-  b as Input,
-  k as InputField,
-  A as Label,
-  D as MenuLink,
-  H as MetaDataList,
-  O as ModalDialog,
-  R as OverlayCloseButton,
-  h as RadioButton,
-  q as SectionNotification,
-  z as SelectListbox,
-  G as SelectProvider,
-  Q as Spinner,
-  V as Tooltip,
-  J as useSelect
+  c as Checkbox,
+  s as FieldHint,
+  B as FormField,
+  S as Icon,
+  F as IconButton,
+  b as InfoMessage,
+  C as Input,
+  v as InputField,
+  D as Label,
+  y as MenuLink,
+  N as MetaDataList,
+  P as ModalDialog,
+  T as OverlayCloseButton,
+  q as RadioButton,
+  z as SectionNotification,
+  G as SelectListbox,
+  K as SelectProvider,
+  V as Spinner,
+  X as Tooltip,
+  Q as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.22.1",
+  "version": "1.23.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",