@uva-glass/component-library 1.40.4 → 1.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/Checkbox/Checkbox.stories.d.ts +1 -0
  2. package/dist/components/Checkbox/Checkbox.stories.js +32 -15
  3. package/dist/components/Checkbox/Checkbox.stories.js.map +1 -1
  4. package/package.json +2 -2
package/dist/components/Checkbox/Checkbox.stories.d.ts CHANGED
@@ -4,3 +4,4 @@ import { CheckboxProps } from './Checkbox';
4
4
  declare const _default: Meta<CheckboxProps>;
5
5
  export default _default;
6
6
  export declare const CheckboxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
7
+ export declare const WithLongLabel: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
package/dist/components/Checkbox/Checkbox.stories.js CHANGED
@@ -1,20 +1,37 @@
1
- import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
- import { f as m } from "../../index-0Faxlks_.js";
3
- import { Checkbox as e } from "./Checkbox.js";
4
- import { FormField as i } from "../FormField/FormField.js";
5
- import { Label as n } from "../Label/Label.js";
6
- const h = {
1
+ import { jsxs as g, jsx as o } from "react/jsx-runtime";
2
+ import { f as e } from "../../index-0Faxlks_.js";
3
+ import { Checkbox as l } from "./Checkbox.js";
4
+ import { FormField as t } from "../FormField/FormField.js";
5
+ import { Label as i } from "../Label/Label.js";
6
+ const x = {
7
7
  title: "Atoms/Checkbox",
8
- component: e
9
- }, s = (r) => /* @__PURE__ */ t(i, { inline: !0, children: [
10
- /* @__PURE__ */ o(e, { id: "72103b4d", ...r }),
11
- /* @__PURE__ */ o(n, { htmlFor: "72103b4d", children: "Example Checkbox" })
12
- ] }), c = s.bind({});
13
- c.args = {
14
- onChange: m()
8
+ component: l
9
+ }, r = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
10
+ /* @__PURE__ */ o(l, { id: "72103b4d", ...n }),
11
+ /* @__PURE__ */ o(i, { htmlFor: "72103b4d", children: "Example Checkbox" })
12
+ ] }), m = r.bind({});
13
+ m.args = {
14
+ onChange: e()
15
+ };
16
+ const a = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
17
+ /* @__PURE__ */ o(
18
+ "div",
19
+ {
20
+ style: {
21
+ alignSelf: "flex-start",
22
+ marginTop: "0.18rem"
23
+ },
24
+ children: /* @__PURE__ */ o(l, { id: "72103b4e", ...n })
25
+ }
26
+ ),
27
+ /* @__PURE__ */ o(i, { htmlFor: "72103b4e", children: "Example Checkbox with long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long label" })
28
+ ] }), h = a.bind({});
29
+ h.args = {
30
+ onChange: e()
15
31
  };
16
32
  export {
17
- c as CheckboxExample,
18
- h as default
33
+ m as CheckboxExample,
34
+ h as WithLongLabel,
35
+ x as default
19
36
  };
20
37
  //# sourceMappingURL=Checkbox.stories.js.map
package/dist/components/Checkbox/Checkbox.stories.js.map CHANGED
@@ -1 +1 @@
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;"}
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\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n <FormField inline>\n <div\n style={{\n alignSelf: 'flex-start',\n marginTop: '0.18rem',\n }}\n >\n <Checkbox id=\"72103b4e\" {...args} />\n </div>\n <Label htmlFor=\"72103b4e\">\n Example Checkbox with long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long label\n </Label>\n </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n onChange: fn(),\n};\n"],"names":["Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn","WithLongLabelTemplate","WithLongLabel"],"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;AAIA,MAAMC,IAAgD,CAACP,MACpD,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MAEA,UAAC,gBAAAA,EAAAL,GAAA,EAAS,IAAG,YAAY,GAAGE,GAAM;AAAA,IAAA;AAAA,EACpC;AAAA,EACC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAK1B,sZAAA;AAAA,EACF,CAAA,GAGWI,IAAgBD,EAAsB,KAAK,EAAE;AAC1DC,EAAc,OAAO;AAAA,EACnB,UAAUF,EAAG;AACf;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "1.40.4",
5
+ "version": "1.41.0",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -55,7 +55,7 @@
55
55
  "@storybook/react": "^8.2.6",
56
56
  "@storybook/react-vite": "^8.2.6",
57
57
  "@storybook/test": "^8.2.6",
58
- "@types/node": "^20.14.12",
58
+ "@types/node": "^20.14.13",
59
59
  "@types/react": "^18.3.3",
60
60
  "@types/react-dom": "^18.3.0",
61
61
  "@typescript-eslint/eslint-plugin": "^7.17.0",