urnovl-web-components 0.0.85 → 0.0.86
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.
|
@@ -12,7 +12,7 @@ const Button = ({ text = 'Welcome', disabled = false, variant = 'filled', icon =
|
|
|
12
12
|
<ur-button icon=${icon} end-icon=${endIcon} variant=${variant} disabled=${disabled}>${text}</ur-button>
|
|
13
13
|
`;
|
|
14
14
|
export default {
|
|
15
|
-
title: '
|
|
15
|
+
title: 'Core/Buttons',
|
|
16
16
|
render: args => Button(args),
|
|
17
17
|
argTypes: {
|
|
18
18
|
variant: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Buttons.stories.js","sourceRoot":"","sources":["../../src/stories/Buttons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AACjE,OAAO,2DAA2D,CAAC;AAEnE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;CAEjC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;CAElC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACZ,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,GACjB,EAAE,EAAE,CAAC,IAAI,CAAA;sBACY,IAAI,aAAa,OAAO,YAAY,OAAO,aAAa,QAAQ,IAAI,IAAI;CAC7F,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Buttons.stories.js","sourceRoot":"","sources":["../../src/stories/Buttons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AACjE,OAAO,2DAA2D,CAAC;AAEnE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;CAEjC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;CAElC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACZ,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,GACjB,EAAE,EAAE,CAAC,IAAI,CAAA;sBACY,IAAI,aAAa,OAAO,YAAY,OAAO,aAAa,QAAQ,IAAI,IAAI;CAC7F,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,cAAc;IACrB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5B,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACL,UAAU;gBACV,QAAQ;gBACR,OAAO;gBACP,UAAU;gBACV,MAAM;aACT;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,IAAI,EAAE,EAAE;CACX,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,IAAI,EAAE;QACF,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,IAAI,EAAE;QACF,OAAO,EAAE,UAAU;KACtB;IACD,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACL,UAAU;gBACV,QAAQ;gBACR,OAAO;gBACP,UAAU;gBACV,MAAM;aACT;SACJ;KACJ;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,eAAe;KAC3B;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAA","sourcesContent":["import { html } from 'lit';\nimport '../components/ur-button/ur-button';\nimport '../components/ur-button-arrow-left/ur-button-arrow-left';\nimport '../components/ur-button-arrow-right/ur-button-arrow-right';\n\nconst ButtonArrowLeft = () => html`\n <ur-button-arrow-left></ur-button-arrow-left>\n`;\n\nconst ButtonArrowRight = () => html`\n <ur-button-arrow-right></ur-button-arrow-right>\n`;\n\nconst Button = ({\n text = 'Welcome',\n disabled = false,\n variant = 'filled',\n icon = null,\n endIcon = null,\n}) => html`\n <ur-button icon=${icon} end-icon=${endIcon} variant=${variant} disabled=${disabled}>${text}</ur-button>\n`;\n\nexport default {\n title: 'Core/Buttons',\n render: args => Button(args),\n argTypes: {\n variant: {\n control: 'select',\n options: [\n 'elevated',\n 'filled',\n 'tonal',\n 'outlined',\n 'text'\n ]\n }\n }\n};\n\nexport const ArrowLeft = {\n render: () => ButtonArrowLeft(),\n};\n\nexport const ArrowRight = {\n render: () => ButtonArrowRight(),\n};\n\nexport const Basic = {\n args: {}\n}\n\nexport const Disabled = {\n args: {\n disabled: true\n },\n}\n\nexport const WithVariant = {\n args: {\n variant: 'outlined'\n },\n argTypes: {\n variant: {\n control: 'select',\n options: [\n 'elevated',\n 'filled',\n 'tonal',\n 'outlined',\n 'text'\n ]\n }\n }\n}\n\nexport const WithIcons = {\n args: {\n icon: 'search',\n endIcon: 'arrow_forward',\n }\n}\n\nexport const Full = {\n args: {\n icon: 'search',\n endIcon: 'arrow_forward',\n variant: 'outlined',\n disabled: false\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ const Checkbox = ({ text = 'Welcome', disabled = false, checked = false, }) => h
|
|
|
4
4
|
<ur-checkbox checked=${checked} disabled=${disabled}>${text}</ur-checkbox>
|
|
5
5
|
`;
|
|
6
6
|
export default {
|
|
7
|
-
title: '
|
|
7
|
+
title: 'Core/Checkboxes',
|
|
8
8
|
render: args => Checkbox(args),
|
|
9
9
|
argTypes: {
|
|
10
10
|
//
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkboxes.stories.js","sourceRoot":"","sources":["../../src/stories/Checkboxes.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,uCAAuC,CAAC;AAE/C,MAAM,QAAQ,GAAG,CAAC,EACd,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,GAClB,EAAE,EAAE,CAAC,IAAI,CAAA;2BACiB,OAAO,aAAa,QAAQ,IAAI,IAAI;CAC9D,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Checkboxes.stories.js","sourceRoot":"","sources":["../../src/stories/Checkboxes.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,uCAAuC,CAAC;AAE/C,MAAM,QAAQ,GAAG,CAAC,EACd,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,GAClB,EAAE,EAAE,CAAC,IAAI,CAAA;2BACiB,OAAO,aAAa,QAAQ,IAAI,IAAI;CAC9D,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,QAAQ,EAAE;IACN,EAAE;KACL;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,IAAI,EAAE;QACF,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC","sourcesContent":["import { html } from 'lit';\nimport '../components/ur-checkbox/ur-checkbox';\n\nconst Checkbox = ({\n text = 'Welcome',\n disabled = false,\n checked = false,\n}) => html`\n <ur-checkbox checked=${checked} disabled=${disabled}>${text}</ur-checkbox>\n`;\n\nexport default {\n title: 'Core/Checkboxes',\n render: args => Checkbox(args),\n argTypes: {\n //\n }\n};\n\nexport const Default = {\n args: {\n disabled: false\n },\n};\n\nexport const Checked = {\n args: {\n checked: true\n },\n};\n\nexport const Disabled = {\n args: {\n disabled: true\n },\n};\n\nexport const CheckedAndDisabled = {\n args: {\n checked: true,\n disabled: true\n },\n};\n"]}
|