@uva-glass/component-library 1.7.1 → 1.8.0

package/dist/assets/Label.css

@@ -0,0 +1 @@
+._label_18mqr_1{font-weight:var(--semibold);text-align:left}

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,6 @@
+import { LabelHTMLAttributes } from 'react';
+
+export interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'className' | 'style'> {
+    htmlFor: string;
+}
+export declare const Label: ({ children, htmlFor, ...restProps }: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Label/Label.js

@@ -0,0 +1,8 @@
+import { jsx as s } from "react/jsx-runtime";
+import '../../assets/Label.css';const b = "_label_18mqr_1", o = {
+  label: b
+}, c = ({ children: l, htmlFor: e, ...a }) => /* @__PURE__ */ s("label", { ...a, htmlFor: e, className: o.label, children: l });
+export {
+  c as Label
+};
+//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { LabelHTMLAttributes } from 'react';\n\nimport styles from './Label.module.css';\n\nexport interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'className' | 'style'> {\n  htmlFor: string;\n}\n\nexport const Label = ({ children, htmlFor, ...restProps }: LabelProps) => (\n  <label {...restProps} htmlFor={htmlFor} className={styles['label']}>\n    {children}\n  </label>\n);\n"],"names":["Label","children","htmlFor","restProps","jsx","styles"],"mappings":";;;GAQaA,IAAQ,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAU,MACrD,gBAAAC,EAAA,SAAA,EAAO,GAAGD,GAAW,SAAAD,GAAkB,WAAWG,EAAO,OACvD,UAAAJ,EACH,CAAA;"}

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

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

package/dist/components/Label/Label.stories.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Label as t } from "./Label.js";
+const a = {
+  title: "Atoms/Label",
+  component: t,
+  argTypes: {
+    htmlFor: {
+      control: "text"
+    },
+    children: {
+      control: "text"
+    }
+  }
+}, r = (e) => /* @__PURE__ */ o(t, { ...e }), l = r.bind({});
+l.args = {
+  children: "Lorem Ipsum",
+  htmlFor: "bd79f7ec"
+};
+export {
+  l as LabelExample,
+  a as default
+};
+//# sourceMappingURL=Label.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sources":["../../../src/components/Label/Label.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { LabelProps } from './Label';\n\nimport { Label } from './Label';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Label',\n  component: Label,\n  argTypes: {\n    htmlFor: {\n      control: 'text',\n    },\n    children: {\n      control: 'text',\n    },\n  },\n} as Meta<LabelProps>;\n\nconst Template: StoryFn<LabelProps> = (args) => <Label {...args} />;\n\nexport const LabelExample = Template.bind({});\nLabelExample.args = {\n  children: 'Lorem Ipsum',\n  htmlFor: 'bd79f7ec',\n};\n"],"names":["Label_stories","Label","Template","args","jsx","LabelExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAgC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAO,GAAGE,EAAM,CAAA,GAEpDE,IAAeH,EAAS,KAAK,EAAE;AAC5CG,EAAa,OAAO;AAAA,EAClB,UAAU;AAAA,EACV,SAAS;AACX;"}

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

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

package/dist/components/Label/index.js

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

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

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

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './IconButton';
 export * from './InfoMessage';
 export * from './Input';
 export * from './InputField';
+export * from './Label';
 export * from './SectionNotification';
 export * from './SelectListbox';
 export * from './SelectListbox/SelectProvider';

package/dist/components/index.js

@@ -3,26 +3,28 @@ import { Button as p } from "./Button/Button.js";
 import { Card as x } from "./Card/Card.js";
 import { Icon as n } from "./Icon/Icon.js";
 import { IconButton as c } from "./IconButton/IconButton.js";
-import { InfoMessage as S } from "./InfoMessage/InfoMessage.js";
-import { Input as s } from "./Input/Input.js";
-import { InputField as l } from "./InputField/InputField.js";
-import { SectionNotification as B } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as g } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as A, useSelect as C } from "./SelectListbox/SelectProvider.js";
-import { Spinner as L } from "./Spinner/Spinner.js";
+import { InfoMessage as u } from "./InfoMessage/InfoMessage.js";
+import { Input as l } from "./Input/Input.js";
+import { InputField as I } from "./InputField/InputField.js";
+import { Label as B } from "./Label/Label.js";
+import { SectionNotification as L } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as v } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as C, useSelect as F } from "./SelectListbox/SelectProvider.js";
+import { Spinner as N } from "./Spinner/Spinner.js";
 export {
   t as AppStatusBar,
   p as Button,
   x as Card,
   n as Icon,
   c as IconButton,
-  S as InfoMessage,
-  s as Input,
-  l as InputField,
-  B as SectionNotification,
-  g as SelectListbox,
-  A as SelectProvider,
-  L as Spinner,
-  C as useSelect
+  u as InfoMessage,
+  l as Input,
+  I as InputField,
+  B as Label,
+  L as SectionNotification,
+  v as SelectListbox,
+  C as SelectProvider,
+  N as Spinner,
+  F 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

@@ -3,26 +3,28 @@ import { Button as p } from "./components/Button/Button.js";
 import { Card as x } from "./components/Card/Card.js";
 import { Icon as n } from "./components/Icon/Icon.js";
 import { IconButton as c } from "./components/IconButton/IconButton.js";
-import { InfoMessage as S } from "./components/InfoMessage/InfoMessage.js";
-import { Input as s } from "./components/Input/Input.js";
-import { InputField as l } from "./components/InputField/InputField.js";
-import { SectionNotification as B } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as g } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as A, useSelect as C } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as L } from "./components/Spinner/Spinner.js";
+import { InfoMessage as u } from "./components/InfoMessage/InfoMessage.js";
+import { Input as l } from "./components/Input/Input.js";
+import { InputField as I } from "./components/InputField/InputField.js";
+import { Label as B } from "./components/Label/Label.js";
+import { SectionNotification as L } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as v } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as C, useSelect as F } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as N } from "./components/Spinner/Spinner.js";
 export {
   t as AppStatusBar,
   p as Button,
   x as Card,
   n as Icon,
   c as IconButton,
-  S as InfoMessage,
-  s as Input,
-  l as InputField,
-  B as SectionNotification,
-  g as SelectListbox,
-  A as SelectProvider,
-  L as Spinner,
-  C as useSelect
+  u as InfoMessage,
+  l as Input,
+  I as InputField,
+  B as Label,
+  L as SectionNotification,
+  v as SelectListbox,
+  C as SelectProvider,
+  N as Spinner,
+  F 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.7.1",
+  "version": "1.8.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -73,7 +73,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jsdom": "^24.0.0",
-    "npm-run-all2": "^6.1.2",
+    "npm-run-all2": "^6.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "semantic-release": "^23.1.1",