@uva-glass/component-library 1.4.2 → 1.5.0

package/dist/assets/AppStatusBar.css

@@ -0,0 +1 @@
+._app-status-bar_1ddv0_1{overflow:hidden;padding:0 2rem;position:relative;text-align:center;z-index:20}._app-status-bar__message_1ddv0_9{margin:.75rem 0}._app-status-bar--info_1ddv0_13{background-color:var(--color-lavender)}._app-status-bar--warning_1ddv0_17{background-color:var(--color-dandelion)}._app-status-bar--error_1ddv0_21{background-color:var(--color-amaranth);color:var(--color-white)}

package/dist/components/AppStatusBar/AppStatusBar.d.ts

@@ -0,0 +1,6 @@
+interface AppStatusBarProps {
+    message: string;
+    severity: 'info' | 'warning' | 'error';
+}
+export declare const AppStatusBar: ({ message, severity }: AppStatusBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AppStatusBar/AppStatusBar.js

@@ -0,0 +1,13 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as r } from "../../clsx-DB4S2d7J.js";
+import '../../assets/AppStatusBar.css';const a = {
+  "app-status-bar": "_app-status-bar_1ddv0_1",
+  "app-status-bar__message": "_app-status-bar__message_1ddv0_9",
+  "app-status-bar--info": "_app-status-bar--info_1ddv0_13",
+  "app-status-bar--warning": "_app-status-bar--warning_1ddv0_17",
+  "app-status-bar--error": "_app-status-bar--error_1ddv0_21"
+}, u = ({ message: t, severity: p }) => /* @__PURE__ */ s("div", { className: r(a["app-status-bar"], a[`app-status-bar--${p.toLowerCase()}`]), children: /* @__PURE__ */ s("p", { className: a["app-status-bar__message"], dangerouslySetInnerHTML: { __html: t } }) });
+export {
+  u as AppStatusBar
+};
+//# sourceMappingURL=AppStatusBar.js.map

package/dist/components/AppStatusBar/AppStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppStatusBar.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport styles from './AppStatusBar.module.css';\n\ninterface AppStatusBarProps {\n  message: string;\n  severity: 'info' | 'warning' | 'error';\n}\n\nexport const AppStatusBar = ({ message, severity }: AppStatusBarProps) => (\n  <div className={classNames(styles['app-status-bar'], styles[`app-status-bar--${severity.toLowerCase()}`])}>\n    <p className={styles['app-status-bar__message']} dangerouslySetInnerHTML={{ __html: message }} />\n  </div>\n);\n"],"names":["AppStatusBar","message","severity","jsx","classNames","styles"],"mappings":";;;;;;;;GASaA,IAAe,CAAC,EAAE,SAAAC,GAAS,UAAAC,QACtC,gBAAAC,EAAC,OAAI,EAAA,WAAWC,EAAWC,EAAO,gBAAgB,GAAGA,EAAO,mBAAmBH,EAAS,YAAY,CAAC,EAAE,CAAC,GACtG,UAAA,gBAAAC,EAAC,OAAE,WAAWE,EAAO,yBAAyB,GAAG,yBAAyB,EAAE,QAAQJ,EAAA,EAAW,CAAA,EACjG,CAAA;"}

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

@@ -0,0 +1,7 @@
+interface AppStatusBarProps {
+    message: string;
+    severity: 'info' | 'warning' | 'error';
+}
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, AppStatusBarProps>;
+export default _default;
+export declare const AppStatusBarExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AppStatusBarProps>;

package/dist/components/AppStatusBar/AppStatusBar.stories.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { AppStatusBar as t } from "./AppStatusBar.js";
+const p = {
+  title: "Atoms/AppStatusBar",
+  component: t,
+  argTypes: {
+    severity: {
+      options: ["info", "warning", "error"],
+      control: { type: "radio" }
+    }
+  }
+}, n = (e) => /* @__PURE__ */ o(t, { ...e }), r = {
+  message: "Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen.",
+  severity: "warning"
+}, s = n.bind({});
+s.args = {
+  ...r
+};
+export {
+  s as AppStatusBarExample,
+  p as default
+};
+//# sourceMappingURL=AppStatusBar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppStatusBar.stories.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ninterface AppStatusBarProps {\n  message: string;\n  severity: 'info' | 'warning' | 'error';\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AppStatusBar',\n  component: AppStatusBar,\n  argTypes: {\n    severity: {\n      options: ['info', 'warning', 'error'],\n      control: { type: 'radio' },\n    },\n  },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n  message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen.',\n  severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n  ...defaultArgs,\n};\n"],"names":["AppStatusBar_stories","AppStatusBar","Template","args","jsx","defaultArgs","AppStatusBarExample"],"mappings":";;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF,GAEMC,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,GAEzEE,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,UAAU;AACZ,GAEaC,IAAsBJ,EAAS,KAAK,EAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,GAAGD;AACL;"}

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

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

package/dist/components/AppStatusBar/index.js

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

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

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

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AppStatusBar';
 export * from './Button';
 export * from './Card';
 export * from './Icon';

package/dist/components/index.js

@@ -1,22 +1,24 @@
-import { Button as e } from "./Button/Button.js";
-import { Card as f } from "./Card/Card.js";
-import { Icon as x } from "./Icon/Icon.js";
-import { IconButton as n } from "./IconButton/IconButton.js";
-import { InfoMessage as i } from "./InfoMessage/InfoMessage.js";
-import { SectionNotification as s } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as l } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as I, useSelect as d } from "./SelectListbox/SelectProvider.js";
-import { Spinner as b } from "./Spinner/Spinner.js";
+import { AppStatusBar as t } from "./AppStatusBar/AppStatusBar.js";
+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 i } from "./IconButton/IconButton.js";
+import { InfoMessage as a } from "./InfoMessage/InfoMessage.js";
+import { SectionNotification as u } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as B } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as d, useSelect as b } from "./SelectListbox/SelectProvider.js";
+import { Spinner as v } from "./Spinner/Spinner.js";
 export {
-  e as Button,
-  f as Card,
-  x as Icon,
-  n as IconButton,
-  i as InfoMessage,
-  s as SectionNotification,
-  l as SelectListbox,
-  I as SelectProvider,
-  b as Spinner,
-  d as useSelect
+  t as AppStatusBar,
+  p as Button,
+  x as Card,
+  n as Icon,
+  i as IconButton,
+  a as InfoMessage,
+  u as SectionNotification,
+  B as SelectListbox,
+  d as SelectProvider,
+  v as Spinner,
+  b 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,22 +1,24 @@
-import { Button as e } from "./components/Button/Button.js";
-import { Card as f } from "./components/Card/Card.js";
-import { Icon as x } from "./components/Icon/Icon.js";
-import { IconButton as n } from "./components/IconButton/IconButton.js";
-import { InfoMessage as i } from "./components/InfoMessage/InfoMessage.js";
-import { SectionNotification as s } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as l } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as I, useSelect as d } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as b } from "./components/Spinner/Spinner.js";
+import { AppStatusBar as t } from "./components/AppStatusBar/AppStatusBar.js";
+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 i } from "./components/IconButton/IconButton.js";
+import { InfoMessage as a } from "./components/InfoMessage/InfoMessage.js";
+import { SectionNotification as u } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as B } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as d, useSelect as b } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as v } from "./components/Spinner/Spinner.js";
 export {
-  e as Button,
-  f as Card,
-  x as Icon,
-  n as IconButton,
-  i as InfoMessage,
-  s as SectionNotification,
-  l as SelectListbox,
-  I as SelectProvider,
-  b as Spinner,
-  d as useSelect
+  t as AppStatusBar,
+  p as Button,
+  x as Card,
+  n as Icon,
+  i as IconButton,
+  a as InfoMessage,
+  u as SectionNotification,
+  B as SelectListbox,
+  d as SelectProvider,
+  v as Spinner,
+  b 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.4.2",
+  "version": "1.5.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",