@aquera/nile-elements 0.0.1-beta.6 → 0.0.1-beta.7

package/dist/stories/button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../stories/button.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport '../src/nile-button/nile-button';\nimport '../src/nile-spinner/nile-spinner';\nimport '../src/nile-icon';\n\nexport default {\n  title: 'Components/NileButton',\n  component: 'nile-button',\n  argTypes: {\n    variant: { control: 'select', options: ['primary', 'secondary', 'tertiary', 'caution'], action: 'variantChange' },\n    size: { control: 'select', options: ['small', 'medium', 'large'], action: 'sizeChange' },\n    caret: { control: 'boolean', action: 'caretChange' },\n    disabled: { control: 'boolean', action: 'disabledChange' },\n    loading: { control: 'boolean', action: 'loadingChange' },\n    outline: { control: 'boolean', action: 'outlineChange' },\n    pill: { control: 'boolean', action: 'pillChange' },\n    circle: { control: 'boolean', action: 'circleChange' },\n    type: { control: 'select', options: ['button', 'submit', 'reset'], action: 'typeChange' },\n  },\n};\n\ninterface StoryArgs {\n  variant: 'primary' | 'secondary' | 'tertiary' | 'caution';\n  size: 'small' | 'medium' | 'large';\n  caret: boolean;\n  disabled: boolean;\n  loading: boolean;\n  outline: boolean;\n  pill: boolean;\n  circle: boolean;\n  type: 'button' | 'submit' | 'reset';\n}\n\ninterface Story {\n  (args: StoryArgs): TemplateResult;\n  args?: Partial<StoryArgs>;\n}\n\nconst Template: Story = (args: StoryArgs): TemplateResult => {\n  return html`\n    <nile-button\n      variant=\"${args.variant}\"\n      size=\"${args.size}\"\n      ?caret=\"${args.caret}\"\n      ?disabled=\"${args.disabled}\"\n      ?loading=\"${args.loading}\"\n      ?outline=\"${args.outline}\"\n      ?pill=\"${args.pill}\"\n      ?circle=\"${args.circle}\"\n      type=\"${args.type}\"\n    >\n      Button\n    </nile-button>\n  `;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  variant: 'primary',\n  size: 'medium',\n  caret: false,\n  disabled: false,\n  loading: false,\n  outline: false,\n  pill: false,\n  circle: false,\n  type: 'button',\n};\n\nexport const PrimaryLargeButton = Template.bind({});\nPrimaryLargeButton.args = {\n  ...Default.args,\n  variant: 'primary',\n  size: 'large',\n};\n\nexport const SecondarySmallButton = Template.bind({});\nSecondarySmallButton.args = {\n  ...Default.args,\n  variant: 'secondary',\n  size: 'small',\n};\n\nexport const TertiaryDisabledButton = Template.bind({});\nTertiaryDisabledButton.args = {\n  ...Default.args,\n  variant: 'tertiary',\n  disabled: true,\n};\n\nexport const CautionLoadingButton = Template.bind({});\nCautionLoadingButton.args = {\n  ...Default.args,\n  variant: 'caution',\n  loading: true,\n};\n"]}

package/dist/stories/loader.stories.d.ts

@@ -0,0 +1,49 @@
+import { TemplateResult } from 'lit-html';
+import '../src/nile-loader/nile-loader';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        height: {
+            control: string;
+            action: string;
+        };
+        width: {
+            control: string;
+            action: string;
+        };
+        position: {
+            control: string;
+            action: string;
+        };
+        margin: {
+            control: string;
+            action: string;
+        };
+    };
+};
+export default _default;
+interface StoryArgs {
+    height: string;
+    width: string;
+    position: string;
+    margin: string;
+}
+export declare const Default: {
+    (args: StoryArgs): TemplateResult<1>;
+    args: {
+        height: string;
+        width: string;
+        position: string;
+        margin: string;
+    };
+};
+export declare const Large: {
+    (args: StoryArgs): TemplateResult<1>;
+    args: {
+        height: string;
+        width: string;
+        position: string;
+        margin: string;
+    };
+};

package/dist/stories/loader.stories.js

@@ -0,0 +1,37 @@
+import { html } from 'lit-html';
+import '../src/nile-loader/nile-loader';
+export default {
+    title: 'Components/NileLoader',
+    component: 'nile-loader',
+    argTypes: {
+        height: { control: 'text', action: 'heightChange' },
+        width: { control: 'text', action: 'widthChange' },
+        position: { control: 'text', action: 'positionChange' },
+        margin: { control: 'text', action: 'marginChange' },
+    },
+};
+const Template = ({ height, width, position, margin }) => {
+    return html `
+    <nile-loader
+      .height="${height}"
+      .width="${width}"
+      .position="${position}"
+      .margin="${margin}"
+    ></nile-loader>
+  `;
+};
+export const Default = (args) => Template(args);
+Default.args = {
+    height: '50',
+    width: '50',
+    position: 'absolute',
+    margin: '',
+};
+export const Large = (args) => Template(args);
+Large.args = {
+    height: '100',
+    width: '100',
+    position: 'absolute',
+    margin: '',
+};
+//# sourceMappingURL=loader.stories.js.map

package/dist/stories/loader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.stories.js","sourceRoot":"","sources":["../../stories/loader.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,gCAAgC,CAAC;AAExC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE;QACnD,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE;QACjD,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACvD,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE;KACpD;CACF,CAAC;AASF,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAa,EAAqB,EAAE;IACrF,OAAO,IAAI,CAAA;;iBAEI,MAAM;gBACP,KAAK;mBACF,QAAQ;iBACV,MAAM;;GAEpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAe,EAAqB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC9E,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAe,EAAqB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC5E,KAAK,CAAC,IAAI,GAAG;IACX,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,EAAE;CACX,CAAC","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport '../src/nile-loader/nile-loader';\n\nexport default {\n  title: 'Components/NileLoader',\n  component: 'nile-loader',\n  argTypes: {\n    height: { control: 'text', action: 'heightChange' },\n    width: { control: 'text', action: 'widthChange' },\n    position: { control: 'text', action: 'positionChange' },\n    margin: { control: 'text', action: 'marginChange' },\n  },\n};\n\ninterface StoryArgs {\n  height: string;\n  width: string;\n  position: string;\n  margin: string;\n}\n\nconst Template = ({ height, width, position, margin }: StoryArgs): TemplateResult<1> => {\n  return html`\n    <nile-loader\n      .height=\"${height}\"\n      .width=\"${width}\"\n      .position=\"${position}\"\n      .margin=\"${margin}\"\n    ></nile-loader>\n  `;\n};\n\nexport const Default = (args: StoryArgs): TemplateResult<1> => Template(args);\nDefault.args = {\n  height: '50',\n  width: '50',\n  position: 'absolute',\n  margin: '',\n};\n\nexport const Large = (args: StoryArgs): TemplateResult<1> => Template(args);\nLarge.args = {\n  height: '100',\n  width: '100',\n  position: 'absolute',\n  margin: '',\n};\n"]}