kemet-ui 3.0.1 → 4.0.0

package/dist/components/kemet-avatar/kemet-avatar.js

@@ -1,78 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { stylesBase } from './styles';
-/**
- * @since 1.4.0
- * @status stable
- *
- * @tagname kemet-avatar
- * @summary A representation of a person or thing.
- *
- * @prop {string} size - The size in pixels.
- * @prop {string} image - Url to an image.
- * @prop {string} label - Labels the avatar.
- * @prop {string} initials - Initials of the user.
- * @prop {boolean} circle - Displays in a circle.
- * @prop {boolean} rounded - Displays with rounded corners
- *
- * @slot status - A slot for an icon or element that indicates the status of the avatar.
- *
- * @csspart initials - Contains the initials for the avatar.
- *
- * @cssproperty --kemet-avatar-color - The color of the text.
- * @cssproperty --kemet-avatar-background-color - The color of the background.
- * @cssproperty --kemet-avatar-rounded-radius - The border radius of the rounded type.
- * @cssproperty --kemet-avatar-initials-margin - The space around the initials.
- *
- */
-let KemetAvatar = class KemetAvatar extends LitElement {
-    firstUpdated() {
-        this.makeSize();
-    }
-    render() {
-        return html `
-      ${this.makeContent()}
-      <slot name="status"></slot>
-    `;
-    }
-    makeSize() {
-        if (this.size) {
-            this.style.width = `${this.size}px`;
-            this.style.height = `${this.size}px`;
-        }
-    }
-    makeContent() {
-        if (this.image) {
-            return html `<img src=${this.image} alt=${this.label} />`;
-        }
-        if (this.initials) {
-            return html `<div part="initials" class="initials">${this.initials}</div>`;
-        }
-        return html `<slot></slot>`;
-    }
-};
-KemetAvatar.styles = [stylesBase];
-__decorate([
-    property({ type: String })
-], KemetAvatar.prototype, "size", void 0);
-__decorate([
-    property({ type: String })
-], KemetAvatar.prototype, "image", void 0);
-__decorate([
-    property({ type: String })
-], KemetAvatar.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], KemetAvatar.prototype, "initials", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], KemetAvatar.prototype, "circle", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], KemetAvatar.prototype, "rounded", void 0);
-KemetAvatar = __decorate([
-    customElement('kemet-avatar')
-], KemetAvatar);
-export default KemetAvatar;
-//# sourceMappingURL=kemet-avatar.js.map

package/dist/components/kemet-avatar/kemet-avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kemet-avatar.js","sourceRoot":"","sources":["../../../src/components/kemet-avatar/kemet-avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,IAAqB,WAAW,GAAhC,MAAqB,WAAY,SAAQ,UAAU;IAqBjD,YAAY;QACV,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,WAAW,EAAE;;KAErB,CAAC;IACJ,CAAC;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;YACpC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;SACtC;IACH,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAA,YAAY,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,KAAK,CAAC;SAC1D;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO,IAAI,CAAA,yCAAyC,IAAI,CAAC,QAAQ,QAAQ,CAAC;SAC3E;QAED,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAjDQ,kBAAM,GAAG,CAAC,UAAU,CAAC,CAAC;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC1B;AAnBE,WAAW;IAD/B,aAAa,CAAC,cAAc,CAAC;GACT,WAAW,CAkD/B;eAlDoB,WAAW","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { stylesBase } from './styles';\n\n/**\n * @since 1.4.0\n * @status stable\n *\n * @tagname kemet-avatar\n * @summary A representation of a person or thing.\n *\n * @prop {string} size - The size in pixels.\n * @prop {string} image - Url to an image.\n * @prop {string} label - Labels the avatar.\n * @prop {string} initials - Initials of the user.\n * @prop {boolean} circle - Displays in a circle.\n * @prop {boolean} rounded - Displays with rounded corners\n *\n * @slot status - A slot for an icon or element that indicates the status of the avatar.\n *\n * @csspart initials - Contains the initials for the avatar.\n *\n * @cssproperty --kemet-avatar-color - The color of the text.\n * @cssproperty --kemet-avatar-background-color - The color of the background.\n * @cssproperty --kemet-avatar-rounded-radius - The border radius of the rounded type.\n * @cssproperty --kemet-avatar-initials-margin - The space around the initials.\n *\n */\n\n@customElement('kemet-avatar')\nexport default class KemetAvatar extends LitElement {\n  static styles = [stylesBase];\n\n  @property({ type: String })\n  size: string;\n\n  @property({ type: String })\n  image: string;\n\n  @property({ type: String })\n  label: string;\n\n  @property({ type: String })\n  initials: string;\n\n  @property({ type: Boolean, reflect: true })\n  circle: boolean;\n\n  @property({ type: Boolean, reflect: true })\n  rounded: boolean;\n\n  firstUpdated() {\n    this.makeSize();\n  }\n\n  render() {\n    return html`\n      ${this.makeContent()}\n      <slot name=\"status\"></slot>\n    `;\n  }\n\n  makeSize() {\n    if (this.size) {\n      this.style.width = `${this.size}px`;\n      this.style.height = `${this.size}px`;\n    }\n  }\n\n  makeContent() {\n    if (this.image) {\n      return html`<img src=${this.image} alt=${this.label} />`;\n    }\n\n    if (this.initials) {\n      return html`<div part=\"initials\" class=\"initials\">${this.initials}</div>`;\n    }\n\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-avatar': KemetAvatar\n  }\n}\n"]}

package/dist/components/kemet-avatar/kemet-avatars.d.ts

@@ -1,20 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @since 1.4.0
- * @status stable
- *
- * @tagname kemet-avatars
- * @summary Groups multiple avatars.
- *
- * @cssproperty --kemet-avatars-squeeze - The space between avatars. Default: -1.5rem.
- *
- */
-export default class KemetAvatars extends LitElement {
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-avatars': KemetAvatars;
-    }
-}

package/dist/components/kemet-avatar/kemet-avatars.js

@@ -1,25 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { stylesAvatars } from './styles';
-/**
- * @since 1.4.0
- * @status stable
- *
- * @tagname kemet-avatars
- * @summary Groups multiple avatars.
- *
- * @cssproperty --kemet-avatars-squeeze - The space between avatars. Default: -1.5rem.
- *
- */
-let KemetAvatars = class KemetAvatars extends LitElement {
-    render() {
-        return html `<slot></slot>`;
-    }
-};
-KemetAvatars.styles = [stylesAvatars];
-KemetAvatars = __decorate([
-    customElement('kemet-avatars')
-], KemetAvatars);
-export default KemetAvatars;
-//# sourceMappingURL=kemet-avatars.js.map

package/dist/components/kemet-avatar/kemet-avatars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kemet-avatars.js","sourceRoot":"","sources":["../../../src/components/kemet-avatar/kemet-avatars.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC;;;;;;;;;GASG;AAGH,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,UAAU;IAGlD,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AALQ,mBAAM,GAAG,CAAC,aAAa,CAAC,CAAC;AADb,YAAY;IADhC,aAAa,CAAC,eAAe,CAAC;GACV,YAAY,CAMhC;eANoB,YAAY","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { stylesAvatars } from './styles';\n\n/**\n * @since 1.4.0\n * @status stable\n *\n * @tagname kemet-avatars\n * @summary Groups multiple avatars.\n *\n * @cssproperty --kemet-avatars-squeeze - The space between avatars. Default: -1.5rem.\n *\n */\n\n@customElement('kemet-avatars')\nexport default class KemetAvatars extends LitElement {\n  static styles = [stylesAvatars];\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\n// eslint-disable-next-line no-unused-expressions\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-avatars': KemetAvatars\n  }\n}\n"]}

package/dist/components/kemet-avatar/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const stylesBase: import("lit").CSSResult;
-export declare const stylesAvatars: import("lit").CSSResult;

package/dist/components/kemet-avatar/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/kemet-avatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C5B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const stylesBase = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  :host {\n    --kemet-avatar-color: rgb(var(--kemet-color-white));\n    --kemet-avatar-background-color: rgb(var(--kemet-color-gray-300));\n    --kemet-avatar-rounded-radius: 1rem;\n    --kemet-avatar-initials-margin: 1rem;\n\n    display: inline-flex;\n    color: var(--kemet-color-white);\n    position: relative;\n    background-color: var(--kemet-avatar-background-color);\n  }\n\n  :host([circle]) {\n    border-radius: var(--kemet-border-radius-circle);\n  }\n\n  :host([circle]) > * {\n    border-radius: var(--kemet-border-radius-circle);\n  }\n\n  :host([rounded]) {\n    border-radius: var(--kemet-avatar-rounded-radius);\n  }\n\n  :host([rounded]) > * {\n    border-radius: var(--kemet-avatar-rounded-radius);\n  }\n\n  .initials {\n    margin: var(--kemet-avatar-initials-margin);\n  }\n\n  ::slotted(kemet-badge) {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    border-radius: var(--kemet-border-radius-circle);\n  }\n`;\n\nexport const stylesAvatars = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  :host {\n    --kemet-avatars-squeeze: -1.5rem;\n\n    display: inline-flex;\n  }\n\n  ::slotted(kemet-avatar:not(:first-of-type)) {\n    margin-left: var(--kemet-avatars-squeeze);\n  }\n`;\n"]}

package/dist/components/kemet-badge/docs/stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-import '../kemet-badge';
-import '../../kemet-tabs/kemet-tabs';
-import '../../kemet-tabs/kemet-tab';
-import '../../kemet-tabs/kemet-tab-panel';
-import '../../kemet-icon/kemet-icon';
-declare const meta: Meta;
-export default meta;
-declare type Story = StoryObj;
-export declare const Standard: Story;
-export declare const Pill: Story;
-export declare const Circle: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Error: Story;

package/dist/components/kemet-badge/docs/stories.js

@@ -1,76 +0,0 @@
-import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import '../kemet-badge';
-import '../../kemet-tabs/kemet-tabs';
-import '../../kemet-tabs/kemet-tab';
-import '../../kemet-tabs/kemet-tab-panel';
-import '../../kemet-icon/kemet-icon';
-const meta = {
-    title: 'Components / Badge',
-    component: 'kemet-badge',
-    argTypes: {
-        status: {
-            control: { type: 'select' },
-            options: ['standard', 'primary', 'success', 'warning', 'error'],
-        },
-        pill: {
-            control: { type: 'boolean' },
-        },
-        circle: {
-            control: { type: 'boolean' },
-        },
-        circlePadding: {
-            control: { type: 'number' },
-        },
-    }
-};
-export default meta;
-const Template = (args) => html `
-  <kemet-badge status=${ifDefined(args.status)} ?pill=${args.pill} ?circle=${args.circle} circle-padding=${args.circlePadding}>
-    ${args.circle ? html `<kemet-icon icon="cart3"></kemet-icon>&nbsp;3` : 'Badge'}
-  </kemet-badge>
-`;
-// export const Standard: Story = {
-//   render: args => Template(args),
-//   args: {
-//     status: 'primary',
-//     pill: false,
-//     circle: false,
-//     circlePadding: 8,
-//   },
-// };
-export const Standard = {
-    render: args => Template(args),
-};
-export const Pill = {
-    render: args => Template(args),
-    args: {
-        pill: true,
-    },
-};
-export const Circle = {
-    render: args => Template(args),
-    args: {
-        circle: true,
-        circlePadding: 4,
-    },
-};
-export const Success = {
-    render: args => Template(args),
-    args: {
-        status: 'success',
-    },
-};
-export const Warning = {
-    render: args => Template(args),
-    args: {
-        status: 'warning',
-    },
-};
-export const Error = {
-    render: args => Template(args),
-    args: {
-        status: 'error',
-    },
-};
-//# sourceMappingURL=stories.js.map

package/dist/components/kemet-badge/docs/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-badge/docs/stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,gBAAgB,CAAC;AAExB,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,OAAO,6BAA6B,CAAC;AAErC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SAChE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,aAAa,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;wBACP,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,MAAM,mBAAmB,IAAI,CAAC,aAAa;MACvH,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,+CAA+C,CAAC,CAAC,CAAC,OAAO;;CAEhF,CAAC;AAEF,mCAAmC;AACnC,oCAAoC;AACpC,YAAY;AACZ,yBAAyB;AACzB,mBAAmB;AACnB,qBAAqB;AACrB,wBAAwB;AACxB,OAAO;AACP,KAAK;AAEL,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,aAAa,EAAE,CAAC;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,MAAM,EAAE,OAAO;KAChB;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport type { Meta, StoryObj } from '@storybook/web-components';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\n\nimport '../kemet-badge';\n\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nimport '../../kemet-icon/kemet-icon';\n\nconst meta: Meta = {\n  title: 'Components / Badge',\n  component: 'kemet-badge',\n  argTypes: {\n    status: {\n      control: { type: 'select' },\n      options: ['standard', 'primary', 'success', 'warning', 'error'],\n    },\n    pill: {\n      control: { type: 'boolean' },\n    },\n    circle: {\n      control: { type: 'boolean' },\n    },\n    circlePadding: {\n      control: { type: 'number' },\n    },\n  }\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = (args) => html`\n  <kemet-badge status=${ifDefined(args.status)} ?pill=${args.pill} ?circle=${args.circle} circle-padding=${args.circlePadding}>\n    ${args.circle ? html`<kemet-icon icon=\"cart3\"></kemet-icon>&nbsp;3` : 'Badge'}\n  </kemet-badge>\n`;\n\n// export const Standard: Story = {\n//   render: args => Template(args),\n//   args: {\n//     status: 'primary',\n//     pill: false,\n//     circle: false,\n//     circlePadding: 8,\n//   },\n// };\n\nexport const Standard: Story = {\n  render: args => Template(args),\n};\n\nexport const Pill: Story = {\n  render: args => Template(args),\n  args: {\n    pill: true,\n  },\n};\n\nexport const Circle: Story = {\n  render: args => Template(args),\n  args: {\n    circle: true,\n    circlePadding: 4,\n  },\n};\n\nexport const Success: Story = {\n  render: args => Template(args),\n  args: {\n    status: 'success',\n  },\n};\n\nexport const Warning: Story = {\n  render: args => Template(args),\n  args: {\n    status: 'warning',\n  },\n};\n\nexport const Error: Story = {\n  render: args => Template(args),\n  args: {\n    status: 'error',\n  },\n};\n"]}

package/dist/components/kemet-badge/kemet-badge.d.ts

@@ -1,31 +0,0 @@
-import { LitElement } from 'lit';
-import { TypeStatus } from './types';
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-badge
- * @summary Badges display the status of information.
- *
- * @prop {string} status - The status of the badge
- * @prop {boolean} circle - Displays the badge in a circle
- * @prop {boolean} pill - Rounds the corners on the badge
- * @prop {number} circlePadding - Padding on the badge as a circle
- *
- * @cssproperty --kemet-badge-padding - The padding of the badge. Default: 10px.
- *
- */
-export default class KemetBadge extends LitElement {
-    static styles: import("lit").CSSResult[];
-    status: TypeStatus;
-    circle: boolean;
-    pill: boolean;
-    circlePadding: number;
-    render(): import("lit-html").TemplateResult<1>;
-    handleSlotChange(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-badge': KemetBadge;
-    }
-}

package/dist/components/kemet-badge/kemet-badge.js

@@ -1,55 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { stylesBase } from './styles';
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-badge
- * @summary Badges display the status of information.
- *
- * @prop {string} status - The status of the badge
- * @prop {boolean} circle - Displays the badge in a circle
- * @prop {boolean} pill - Rounds the corners on the badge
- * @prop {number} circlePadding - Padding on the badge as a circle
- *
- * @cssproperty --kemet-badge-padding - The padding of the badge. Default: 10px.
- *
- */
-let KemetBadge = class KemetBadge extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.status = 'primary';
-        this.circle = false;
-        this.pill = false;
-        this.circlePadding = 0;
-    }
-    render() {
-        return html `<slot @slotchange=${() => this.handleSlotChange()}></slot>`;
-    }
-    handleSlotChange() {
-        if (this.circle) {
-            this.style.height = `${this.offsetWidth + this.circlePadding}px`;
-            this.style.width = `${this.offsetWidth + this.circlePadding}px`;
-        }
-    }
-};
-KemetBadge.styles = [stylesBase];
-__decorate([
-    property({ reflect: true })
-], KemetBadge.prototype, "status", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], KemetBadge.prototype, "circle", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], KemetBadge.prototype, "pill", void 0);
-__decorate([
-    property({ type: Number, attribute: 'circle-padding' })
-], KemetBadge.prototype, "circlePadding", void 0);
-KemetBadge = __decorate([
-    customElement('kemet-badge')
-], KemetBadge);
-export default KemetBadge;
-//# sourceMappingURL=kemet-badge.js.map

package/dist/components/kemet-badge/kemet-badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kemet-badge.js","sourceRoot":"","sources":["../../../src/components/kemet-badge/kemet-badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC;;;;;;;;;;;;;;GAcG;AAGH,IAAqB,UAAU,GAA/B,MAAqB,UAAW,SAAQ,UAAU;IAAlD;;QAIE,WAAM,GAAe,SAAS,CAAC;QAG/B,WAAM,GAAY,KAAK,CAAC;QAGxB,SAAI,GAAY,KAAK,CAAC;QAGtB,kBAAa,GAAW,CAAC,CAAC;IAY5B,CAAC;IAVC,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC1E,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC;YACjE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC;SACjE;IACH,CAAC;CACF,CAAA;AAxBQ,iBAAM,GAAG,CAAC,UAAU,CAAC,CAAC;AAG7B;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACG;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACnB;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACrB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;iDAC9B;AAbP,UAAU;IAD9B,aAAa,CAAC,aAAa,CAAC;GACR,UAAU,CAyB9B;eAzBoB,UAAU","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { stylesBase } from './styles';\nimport { TypeStatus } from './types';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-badge\n * @summary Badges display the status of information.\n *\n * @prop {string} status - The status of the badge\n * @prop {boolean} circle - Displays the badge in a circle\n * @prop {boolean} pill - Rounds the corners on the badge\n * @prop {number} circlePadding - Padding on the badge as a circle\n *\n * @cssproperty --kemet-badge-padding - The padding of the badge. Default: 10px.\n *\n */\n\n@customElement('kemet-badge')\nexport default class KemetBadge extends LitElement {\n  static styles = [stylesBase];\n\n  @property({ reflect: true })\n  status: TypeStatus = 'primary';\n\n  @property({ type: Boolean, reflect: true })\n  circle: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  pill: boolean = false;\n\n  @property({ type: Number, attribute: 'circle-padding' })\n  circlePadding: number = 0;\n\n  render() {\n    return html`<slot @slotchange=${() => this.handleSlotChange()}></slot>`;\n  }\n\n  handleSlotChange() {\n    if (this.circle) {\n      this.style.height = `${this.offsetWidth + this.circlePadding}px`;\n      this.style.width = `${this.offsetWidth + this.circlePadding}px`;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-badge': KemetBadge\n  }\n}\n"]}

package/dist/components/kemet-badge/styles.d.ts

@@ -1 +0,0 @@
-export declare const stylesBase: import("lit").CSSResult;

package/dist/components/kemet-badge/styles.js

@@ -1,42 +0,0 @@
-import { css } from 'lit';
-export const stylesBase = css `
-  :host {
-    --kemet-badge-padding: 10px;
-
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: var(--kemet-badge-padding);
-    line-height: 1;
-    color: rgb(var(--kemet-color-white));
-  }
-
-  :host([status='primary']) {
-    background-color: rgb(var(--kemet-color-primary));
-  }
-
-  :host([status='success']) {
-    background-color: rgb(var(--kemet-color-success));
-  }
-
-  :host([status='standard']) {
-    background-color: rgb(var(--kemet-color-gray-500));
-  }
-
-  :host([status='warning']) {
-    background-color: rgb(var(--kemet-color-warning));
-  }
-
-  :host([status='error']) {
-    background-color: rgb(var(--kemet-color-error));
-  }
-
-  :host([circle]) {
-    border-radius: var(--kemet-border-radius-circle);
-  }
-
-  :host([pill]) {
-    border-radius: var(--kemet-border-radius-pill);
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/components/kemet-badge/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/kemet-badge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC5B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const stylesBase = css`\n  :host {\n    --kemet-badge-padding: 10px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--kemet-badge-padding);\n    line-height: 1;\n    color: rgb(var(--kemet-color-white));\n  }\n\n  :host([status='primary']) {\n    background-color: rgb(var(--kemet-color-primary));\n  }\n\n  :host([status='success']) {\n    background-color: rgb(var(--kemet-color-success));\n  }\n\n  :host([status='standard']) {\n    background-color: rgb(var(--kemet-color-gray-500));\n  }\n\n  :host([status='warning']) {\n    background-color: rgb(var(--kemet-color-warning));\n  }\n\n  :host([status='error']) {\n    background-color: rgb(var(--kemet-color-error));\n  }\n\n  :host([circle]) {\n    border-radius: var(--kemet-border-radius-circle);\n  }\n\n  :host([pill]) {\n    border-radius: var(--kemet-border-radius-pill);\n  }\n`;\n"]}

package/dist/components/kemet-badge/types.d.ts

@@ -1 +0,0 @@
-export declare type TypeStatus = 'standard' | 'primary' | 'success' | 'warning' | 'error';

package/dist/components/kemet-badge/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/kemet-badge/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/kemet-badge/types.ts"],"names":[],"mappings":"","sourcesContent":["export type TypeStatus = 'standard' | 'primary' | 'success' | 'warning' | 'error';\n"]}

package/dist/components/kemet-button/docs/stories.d.ts

@@ -1,21 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-import '../kemet-button';
-import '../../kemet-tabs/kemet-tabs';
-import '../../kemet-tabs/kemet-tab';
-import '../../kemet-tabs/kemet-tab-panel';
-import '../../kemet-icon/kemet-icon';
-declare const meta: Meta;
-export default meta;
-declare type Story = StoryObj;
-export declare const Standard: Story;
-export declare const Text: Story;
-export declare const Circle: Story;
-export declare const Rounded: Story;
-export declare const Pill: Story;
-export declare const Outlined: Story;
-export declare const OutlinedRounded: Story;
-export declare const OutlinedPill: Story;
-export declare const IconLeft: Story;
-export declare const IconRight: Story;
-export declare const Link: Story;
-export declare const Disabled: Story;

package/dist/components/kemet-button/docs/stories.js

@@ -1,112 +0,0 @@
-import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import '../kemet-button';
-import '../../kemet-tabs/kemet-tabs';
-import '../../kemet-tabs/kemet-tab';
-import '../../kemet-tabs/kemet-tab-panel';
-import '../../kemet-icon/kemet-icon';
-const meta = {
-    title: 'Components / Button',
-    component: 'kemet-button',
-    argTypes: {
-        variant: {
-            control: { type: 'select' },
-            options: ['standard', 'text', 'circle', 'rounded', 'pill'],
-        },
-        outlined: {
-            control: { type: 'boolean' },
-        },
-        iconLeft: {
-            control: { type: 'text' },
-        },
-        iconRight: {
-            control: { type: 'text' },
-        },
-        link: {
-            control: { type: 'text' },
-        },
-        disabled: {
-            control: { type: 'boolean' },
-        },
-    }
-};
-export default meta;
-const Template = (args) => html `
-  <kemet-button variant="${ifDefined(args.variant)}" ?outlined=${args.outlined} ?disabled=${args.disabled} link=${ifDefined(args.link !== '' ? args.link : undefined)}>
-    ${ifDefined(args.iconLeft !== '' && args.type !== 'circle' && args.iconLeft ? html `<kemet-icon slot="left" icon="${args.iconLeft}"></kemet-icon>` : undefined)}
-    ${args.variant === 'circle' ? html `<kemet-icon icon="gear" size="24"></kemet-icon>` : 'Button'}
-    ${ifDefined(args.iconRight !== '' && args.variant !== 'circle' && args.iconRight ? html `<kemet-icon slot="right" icon="${args.iconRight}"></kemet-icon>` : undefined)}
-  </kemet-button>
-`;
-export const Standard = {
-    render: args => Template(args),
-};
-export const Text = {
-    render: args => Template(args),
-    args: {
-        variant: 'text',
-    },
-};
-export const Circle = {
-    render: args => Template(args),
-    args: {
-        variant: 'circle',
-    },
-};
-export const Rounded = {
-    render: args => Template(args),
-    args: {
-        variant: 'rounded',
-    },
-};
-export const Pill = {
-    render: args => Template(args),
-    args: {
-        variant: 'pill',
-    },
-};
-export const Outlined = {
-    render: args => Template(args),
-    args: {
-        outlined: true,
-    },
-};
-export const OutlinedRounded = {
-    render: args => Template(args),
-    args: {
-        outlined: true,
-        variant: 'rounded',
-    },
-};
-export const OutlinedPill = {
-    render: args => Template(args),
-    args: {
-        outlined: true,
-        variant: 'pill',
-    },
-};
-export const IconLeft = {
-    render: args => Template(args),
-    args: {
-        iconLeft: 'chevron-left',
-    },
-};
-export const IconRight = {
-    render: args => Template(args),
-    args: {
-        iconRight: 'chevron-right',
-    },
-};
-export const Link = {
-    render: args => Template(args),
-    args: {
-        link: 'https://google.com',
-    },
-};
-export const Disabled = {
-    render: args => Template(args),
-    args: {
-        disabled: true,
-    },
-};
-//# sourceMappingURL=stories.js.map

package/dist/components/kemet-button/docs/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-button/docs/stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../kemet-button';\n\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nimport '../../kemet-icon/kemet-icon';\n\nconst meta: Meta = {\n  title: 'Components / Button',\n  component: 'kemet-button',\n  argTypes: {\n    variant: {\n      control: { type: 'select' },\n      options: ['standard', 'text', 'circle', 'rounded', 'pill'],\n    },\n    outlined: {\n      control: { type: 'boolean' },\n    },\n    iconLeft: {\n      control: { type: 'text' },\n    },\n    iconRight: {\n      control: { type: 'text' },\n    },\n    link: {\n      control: { type: 'text' },\n    },\n    disabled: {\n      control: { type: 'boolean' },\n    },\n  }\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = (args) => html`\n  <kemet-button variant=\"${ifDefined(args.variant)}\" ?outlined=${args.outlined} ?disabled=${args.disabled} link=${ifDefined(args.link !== '' ? args.link : undefined)}>\n    ${ifDefined(args.iconLeft !== '' && args.type !== 'circle' && args.iconLeft ? html`<kemet-icon slot=\"left\" icon=\"${args.iconLeft}\"></kemet-icon>` : undefined)}\n    ${args.variant === 'circle' ? html`<kemet-icon icon=\"gear\" size=\"24\"></kemet-icon>` : 'Button'}\n    ${ifDefined(args.iconRight !== '' && args.variant !== 'circle' && args.iconRight ? html`<kemet-icon slot=\"right\" icon=\"${args.iconRight}\"></kemet-icon>` : undefined)}\n  </kemet-button>\n`;\n\n\nexport const Standard: Story = {\n  render: args => Template(args),\n};\n\nexport const Text: Story = {\n  render: args => Template(args),\n  args: {\n    variant: 'text',\n  },\n};\n\nexport const Circle: Story = {\n  render: args => Template(args),\n  args: {\n    variant: 'circle',\n  },\n};\n\nexport const Rounded: Story = {\n  render: args => Template(args),\n  args: {\n    variant: 'rounded',\n  },\n};\n\nexport const Pill: Story = {\n  render: args => Template(args),\n  args: {\n    variant: 'pill',\n  },\n};\n\nexport const Outlined: Story = {\n  render: args => Template(args),\n  args: {\n    outlined: true,\n  },\n};\n\nexport const OutlinedRounded: Story = {\n  render: args => Template(args),\n  args: {\n    outlined: true,\n    variant: 'rounded',\n  },\n};\n\nexport const OutlinedPill: Story = {\n  render: args => Template(args),\n  args: {\n    outlined: true,\n    variant: 'pill',\n  },\n};\n\nexport const IconLeft: Story = {\n  render: args => Template(args),\n  args: {\n    iconLeft: 'chevron-left',\n  },\n};\n\nexport const IconRight: Story = {\n  render: args => Template(args),\n  args: {\n    iconRight: 'chevron-right',\n  },\n};\n\nexport const Link: Story = {\n  render: args => Template(args),\n  args: {\n    link: 'https://google.com',\n  },\n};\n\nexport const Disabled: Story = {\n  render: args => Template(args),\n  args: {\n    disabled: true,\n  },\n};\n"]}

package/dist/components/kemet-button/kemet-button.d.ts

@@ -1,89 +0,0 @@
-import { LitElement } from 'lit';
-import { TypeVariant } from './types';
-import { FormSubmitController } from '../../utilities/controllers/forms';
-import '../kemet-icon/kemet-icon';
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-button
- * @summary A versatile button that can be used either to submit a form, trigger an action, or link to content.
- *
- * @prop {boolean} active - Determines if the button is active
- * @prop {boolean} hover - Is true when the button is hovered
- * @prop {boolean} focused - Is true when the button is focused
- * @prop {string} link - The url a button should link too
- * @prop {boolean} outlined - Outline style for a button
- * @prop {boolean} disabled - Determines whether not a button is disabled
- * @prop {string} variant - Controls the type of button. standard | text | circle | rounded | pill
- *
- * @slot left - Allows you to place an icon to the left of the button text.
- * @slot right - Allows you to place an icon to the right of the button text.
- *
- * @csspart button - The button or anchor element.
- *
- * @cssproperty --kemet-button-font-size - The font size.
- * @cssproperty --kemet-button-color - The text color.
- * @cssproperty --kemet-button-width - The width.
- * @cssproperty --kemet-button-height - The height.
- * @cssproperty --kemet-button-border - The border.
- * @cssproperty --kemet-button-border-radius - The border radius.
- * @cssproperty --kemet-button-transition-speed - The transition speed of the hover effect.
- * @cssproperty --kemet-button-background-color - The background color.
- * @cssproperty --kemet-button-hover-brightness - The brightness of the hover effect.
- * @cssproperty --kemet-button-gap - The gap between the button and icons.
- * @cssproperty --kemet-button-padding - The button padding.
- * @cssproperty --kemet-button-hover-decoration - The decoration for a text button's hover.
- * @cssproperty --kemet-button-circle-size - The diameter of a circle button.
- * @cssproperty --kemet-button-rounded-amount - The border radius of the rounded button.
- * @cssproperty --kemet-button-border-width - The width of the outline border.
- * @cssproperty --kemet-button-border-style - The style of the outline border.
- * @cssproperty --kemet-button-border-color - The color of the outline border.
- * @cssproperty --kemet-button-disabled-opacity - The opacity of the disabled state.
- *
- */
-export default class KemetButton extends LitElement {
-    /** @internal */
-    formSubmitController: FormSubmitController;
-    static styles: import("lit").CSSResult[];
-    active: boolean;
-    hover: boolean;
-    focused: boolean;
-    link: string;
-    outlined: boolean;
-    disabled: boolean;
-    variant: TypeVariant;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * Sets hover to true onMouseOver
-     * @private
-     */
-    handleMouseOver(): void;
-    /**
-     * Sets hover to false onMouseOut
-     * @private
-     */
-    handleMouseOut(): void;
-    /**
-     * Handles click behavior
-     * @private
-     */
-    handleClick(): void;
-    /**
-     * Handles blur
-     * @private
-     */
-    handleBlur(): void;
-    /**
-     * Handles keyup
-     * @private
-     * @param {object} event - event object
-     */
-    handleKeyUp(event: KeyboardEvent): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-button': KemetButton;
-    }
-}