@six-group/ui-library 0.0.0-insider.35f4c90 → 0.0.0-insider.3715d40

package/dist/esm/slot-41bc439a.js

@@ -0,0 +1,48 @@
+//
+// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
+// string. This is useful because we can't use slot.textContent as an alternative.
+//
+function getTextContent(slot) {
+    const nodes = slot != null ? slot.assignedNodes({ flatten: true }) : [];
+    let text = '';
+    [...nodes].map((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+            text += node.textContent;
+        }
+    });
+    return text;
+}
+//
+// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
+// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
+//
+function hasSlot(el, name) {
+    // Look for a named slot
+    if (name != null && name !== '') {
+        return el.querySelector(`[slot="${name}"]`) !== null;
+    }
+    // Look for a default slot
+    return Array.from(el.childNodes).some((node) => {
+        var _a;
+        if (node.nodeType === node.TEXT_NODE && ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== '') {
+            return true;
+        }
+        if (node.nodeType === node.ELEMENT_NODE) {
+            const el = node;
+            if (!el.hasAttribute('slot')) {
+                return true;
+            }
+        }
+        return false;
+    });
+}
+const getSlotChildren = (el) => { var _a; return (_a = el.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }); };
+function getSlot(element, slotName) {
+    if (element == null)
+        return null;
+    return element.querySelector(`[slot="${slotName}"]`);
+}
+
+export { getTextContent as a, getSlotChildren as b, getSlot as g, hasSlot as h };
+
+//# sourceMappingURL=slot-41bc439a.js.map

package/dist/esm/slot-41bc439a.js.map

@@ -0,0 +1 @@
+{"file":"slot-41bc439a.js","mappings":"AAAA;AACA;AACA;AACA;SACgB,cAAc,CAAC,IAAsB;IACnD,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC;IACxE,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI;QAClB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE;YACpC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;SAC1B;KACF,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC;AAED;AACA;AACA;AACA;SACgB,OAAO,CAAC,EAAe,EAAE,IAAa;;IAEpD,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,EAAE,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;KACtD;;IAGD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI;;QACzC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,MAAK,EAAE,EAAE;YACvE,OAAO,IAAI,CAAC;SACb;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;YACvC,MAAM,EAAE,GAAG,IAAmB,CAAC;YAC/B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;gBAC5B,OAAO,IAAI,CAAC;aACb;SACF;QAED,OAAO,KAAK,CAAC;KACd,CAAC,CAAC;AACL,CAAC;MAEY,eAAe,GAAG,CAAwB,EAAe,eACpE,OAAA,MAAA,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,0CAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAQ,CAAA,GAAC;SAEvD,OAAO,CAAC,OAAsC,EAAE,QAAgB;IAC9E,IAAI,OAAO,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,OAAO,CAAC,aAAa,CAAC,UAAU,QAAQ,IAAI,CAAC,CAAC;AACvD;;;;","names":[],"sources":["src/utils/slot.ts"],"sourcesContent":["//\n// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n// string. This is useful because we can't use slot.textContent as an alternative.\n//\nexport function getTextContent(slot?: HTMLSlotElement): string {\n  const nodes = slot != null ? slot.assignedNodes({ flatten: true }) : [];\n  let text = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      text += node.textContent;\n    }\n  });\n\n  return text;\n}\n\n//\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\n//\nexport function hasSlot(el: HTMLElement, name?: string): boolean {\n  // Look for a named slot\n  if (name != null && name !== '') {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(el.childNodes).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport const getSlotChildren = <T extends HTMLElement>(el: HTMLElement) =>\n  el.querySelector('slot')?.assignedElements({ flatten: true }) as T[];\n\nexport function getSlot(element: ParentNode | null | undefined, slotName: string): HTMLElement | null {\n  if (element == null) return null;\n  return element.querySelector(`[slot=\"${slotName}\"]`);\n}\n"],"version":3}

package/dist/esm/types-07748c42.js

@@ -0,0 +1,17 @@
+var ItemPickerType;
+(function (ItemPickerType) {
+    ItemPickerType["NUMBER"] = "number";
+    ItemPickerType["LETTER"] = "letter";
+    ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
+    ItemPickerType["LOWER_LETTER"] = "lower-letter";
+    ItemPickerType["CUSTOM"] = "custom";
+})(ItemPickerType || (ItemPickerType = {}));
+var ItemPickerPaddingDirection;
+(function (ItemPickerPaddingDirection) {
+    ItemPickerPaddingDirection["BEFORE"] = "before";
+    ItemPickerPaddingDirection["AFTER"] = "after";
+})(ItemPickerPaddingDirection || (ItemPickerPaddingDirection = {}));
+
+export { ItemPickerType as I, ItemPickerPaddingDirection as a };
+
+//# sourceMappingURL=types-07748c42.js.map

package/dist/esm/{types-59b455aa.js.map → types-07748c42.js.map}

@@ -1 +1 @@
-{"file":"types-59b455aa.js","mappings":"IAAY;AAAZ,WAAY,cAAc;EACxB,mCAAiB,CAAA;EACjB,mCAAiB,CAAA;EACjB,mDAAiC,CAAA;EACjC,+CAA6B,CAAA;EAC7B,mCAAiB,CAAA;AACnB,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;IAEW;AAAZ,WAAY,0BAA0B;EACpC,+CAAiB,CAAA;EACjB,6CAAe,CAAA;AACjB,CAAC,EAHW,0BAA0B,KAA1B,0BAA0B;;;;","names":[],"sources":["src/components/six-item-picker/types.ts"],"sourcesContent":["export enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}\n\nexport enum ItemPickerPaddingDirection {\n  BEFORE = 'before',\n  AFTER = 'after',\n}\n"],"version":3}
+{"file":"types-07748c42.js","mappings":"IAAY;AAAZ,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,mDAAiC,CAAA;IACjC,+CAA6B,CAAA;IAC7B,mCAAiB,CAAA;AACnB,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;IAEW;AAAZ,WAAY,0BAA0B;IACpC,+CAAiB,CAAA;IACjB,6CAAe,CAAA;AACjB,CAAC,EAHW,0BAA0B,KAA1B,0BAA0B;;;;","names":[],"sources":["src/components/six-item-picker/types.ts"],"sourcesContent":["export enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}\n\nexport enum ItemPickerPaddingDirection {\n  BEFORE = 'before',\n  AFTER = 'after',\n}\n"],"version":3}

package/dist/esm/ui-library.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-4ee8b33e.js';
-export { s as setNonce } from './index-4ee8b33e.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-17d8173e.js';
+export { s as setNonce } from './index-17d8173e.js';
 
 /*
- Stencil Client Patch Browser v4.7.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.8.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm/ui-library.js.map

@@ -1 +1 @@
-{"file":"ui-library.js","mappings":";;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAa3B,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACpBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.7.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"ui-library.js","mappings":";;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAa3B,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACpBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.8.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/types/components/six-alert/six-alert.d.ts

@@ -15,44 +15,44 @@ import { EmptyPayload } from '../../utils/types';
  * @part close-button - The close button.
  */
 export declare class SixAlert {
-  private autoHideTimeout?;
-  host: HTMLSixAlertElement;
-  isVisible: boolean;
-  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /** Set to true to make the alert closable. */
-  closable: boolean;
-  /** The type of alert. */
-  type: 'primary' | 'success' | 'info' | 'warning' | 'danger';
-  /**
-   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the
-   * alert before it closes (e.g. moves the mouse over it), the timer will restart.
-   */
-  duration: number;
-  handleOpenChange(): void;
-  handleDurationChange(): void;
-  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */
-  sixShow: EventEmitter<EmptyPayload>;
-  /** Emitted after the alert opens and all transitions are complete. */
-  sixAfterShow: EventEmitter<EmptyPayload>;
-  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */
-  sixHide: EventEmitter<EmptyPayload>;
-  /** Emitted after the alert closes and all transitions are complete. */
-  sixAfterHide: EventEmitter<EmptyPayload>;
-  componentWillLoad(): void;
-  /** Shows the alert. */
-  show(): Promise<void>;
-  /** Hides the alert */
-  hide(): Promise<void>;
-  /**
-   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-   * calling this method again. The returned promise will resolve after the alert is hidden.
-   */
-  toast(): Promise<void>;
-  private handleCloseClick;
-  private handleMouseMove;
-  private handleTransitionEnd;
-  private restartAutoHide;
-  render(): any;
+    private autoHideTimeout?;
+    host: HTMLSixAlertElement;
+    isVisible: boolean;
+    /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */
+    open: boolean;
+    /** Set to true to make the alert closable. */
+    closable: boolean;
+    /** The type of alert. */
+    type: 'primary' | 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the
+     * alert before it closes (e.g. moves the mouse over it), the timer will restart.
+     */
+    duration: number;
+    handleOpenChange(): void;
+    handleDurationChange(): void;
+    /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */
+    sixShow: EventEmitter<EmptyPayload>;
+    /** Emitted after the alert opens and all transitions are complete. */
+    sixAfterShow: EventEmitter<EmptyPayload>;
+    /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */
+    sixHide: EventEmitter<EmptyPayload>;
+    /** Emitted after the alert closes and all transitions are complete. */
+    sixAfterHide: EventEmitter<EmptyPayload>;
+    componentWillLoad(): void;
+    /** Shows the alert. */
+    show(): Promise<void>;
+    /** Hides the alert */
+    hide(): Promise<void>;
+    /**
+     * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+     * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+     * calling this method again. The returned promise will resolve after the alert is hidden.
+     */
+    toast(): Promise<void>;
+    private handleCloseClick;
+    private handleMouseMove;
+    private handleTransitionEnd;
+    private restartAutoHide;
+    render(): any;
 }

package/dist/types/components/six-avatar/six-avatar.d.ts

@@ -12,15 +12,15 @@
  * @part image - The avatar image.
  */
 export declare class SixAvatar {
-  hasError: boolean;
-  /** The image source to use for the avatar. */
-  image: string;
-  /** Alternative text for the image. */
-  alt: string;
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials: string;
-  /** The shape of the avatar. */
-  shape: 'circle' | 'square' | 'rounded';
-  private handleImageError;
-  render(): any;
+    hasError: boolean;
+    /** The image source to use for the avatar. */
+    image: string;
+    /** Alternative text for the image. */
+    alt: string;
+    /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+    initials: string;
+    /** The shape of the avatar. */
+    shape: 'circle' | 'square' | 'rounded';
+    private handleImageError;
+    render(): any;
 }

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

@@ -9,11 +9,11 @@
  * @part base - The base wrapper
  */
 export declare class SixBadge {
-  /** The badge's type. */
-  type: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'action';
-  /** Set to true to draw a pill-style badge with rounded edges. */
-  pill: boolean;
-  /** Set to true to make the badge pulsate to draw attention. */
-  pulse: boolean;
-  render(): any;
+    /** The badge's type. */
+    type: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'action';
+    /** Set to true to draw a pill-style badge with rounded edges. */
+    pill: boolean;
+    /** Set to true to make the badge pulsate to draw attention. */
+    pulse: boolean;
+    render(): any;
 }

package/dist/types/components/six-button/six-button.d.ts

@@ -17,52 +17,52 @@ import { EmptyPayload } from '../../utils/types';
  * @part caret - The button's caret.
  */
 export declare class SixButton {
-  private nativeButton?;
-  host: HTMLSixButtonElement;
-  hasFocus: boolean;
-  hasLabel: boolean;
-  hasPrefix: boolean;
-  hasSuffix: boolean;
-  /** The button's type. */
-  type: 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action';
-  /** The button's size. */
-  size: 'small' | 'medium' | 'large';
-  /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */
-  caret: boolean;
-  /** Set to true to disable the button. */
-  disabled: boolean;
-  /** Set to true to draw the button in a loading state. */
-  loading: boolean;
-  /** Set to true to draw a pill-style button with rounded edges. */
-  pill: boolean;
-  /** Set to true to draw a circle button. */
-  circle: boolean;
-  /** Indicates if activating the button should submit the form. Ignored when `href` is set. */
-  submit: boolean;
-  /** Indicates if activating the button should reset the form. */
-  reset: boolean;
-  /** An optional name for the button. Ignored when `href` is set. */
-  name: string;
-  /** An optional value for the button. Ignored when `href` is set. */
-  value: string;
-  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
-  href?: string;
-  /** Tells the browser where to open the link. Only used when `href` is set. */
-  target?: '_blank' | '_parent' | '_self' | '_top';
-  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
-  download?: string;
-  /** Emitted when the button loses focus. */
-  sixBlur: EventEmitter<EmptyPayload>;
-  /** Emitted when the button gains focus. */
-  sixFocus: EventEmitter<EmptyPayload>;
-  componentWillLoad(): void;
-  /** Sets focus on the button. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Removes focus from the button. */
-  removeFocus(): Promise<void>;
-  private handleSlotChange;
-  private handleBlur;
-  private handleFocus;
-  private handleClick;
-  render(): any;
+    private nativeButton?;
+    host: HTMLSixButtonElement;
+    hasFocus: boolean;
+    hasLabel: boolean;
+    hasPrefix: boolean;
+    hasSuffix: boolean;
+    /** The button's type. */
+    type: 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action';
+    /** The button's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */
+    caret: boolean;
+    /** Set to true to disable the button. */
+    disabled: boolean;
+    /** Set to true to draw the button in a loading state. */
+    loading: boolean;
+    /** Set to true to draw a pill-style button with rounded edges. */
+    pill: boolean;
+    /** Set to true to draw a circle button. */
+    circle: boolean;
+    /** Indicates if activating the button should submit the form. Ignored when `href` is set. */
+    submit: boolean;
+    /** Indicates if activating the button should reset the form. */
+    reset: boolean;
+    /** An optional name for the button. Ignored when `href` is set. */
+    name: string;
+    /** An optional value for the button. Ignored when `href` is set. */
+    value: string;
+    /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
+    href?: string;
+    /** Tells the browser where to open the link. Only used when `href` is set. */
+    target?: '_blank' | '_parent' | '_self' | '_top';
+    /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
+    download?: string;
+    /** Emitted when the button loses focus. */
+    sixBlur: EventEmitter<EmptyPayload>;
+    /** Emitted when the button gains focus. */
+    sixFocus: EventEmitter<EmptyPayload>;
+    componentWillLoad(): void;
+    /** Sets focus on the button. */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /** Removes focus from the button. */
+    removeFocus(): Promise<void>;
+    private handleSlotChange;
+    private handleBlur;
+    private handleFocus;
+    private handleClick;
+    render(): any;
 }

package/dist/types/components/six-card/six-card.d.ts

@@ -5,5 +5,5 @@
  * @slot - Used to define the content of the card.
  */
 export declare class SixCard {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/six-checkbox/six-checkbox.d.ts

@@ -16,62 +16,62 @@ import { EmptyPayload } from '../../utils/types';
  * @part text - The checkbox text rendered to the right.
  */
 export declare class SixCheckbox {
-  private inputId;
-  private labelId;
-  private textId;
-  private errorTextId;
-  private nativeInput?;
-  private eventListeners;
-  host: HTMLSixCheckboxElement;
-  hasFocus: boolean;
-  hasLabelSlot: boolean;
-  hasErrorSlot: boolean;
-  /** The checkbox's name attribute. */
-  name: string;
-  /**
-   * The value of the checkbox does not mean if it's checked or not, use the `checked`
-   * property for that.
-   *
-   * The value of a checkbox is analogous to the value of an `<input type="checkbox">`,
-   * it's only used when the checkbox participates in a native `<form>`.
-   */
-  value: string;
-  /** Set to true to disable the checkbox. */
-  disabled: boolean;
-  /** Set to true to show an asterisk beneath the label. */
-  required: boolean;
-  /** The label text. */
-  label: string;
-  /** The error message shown, if `invalid` is set to true.  */
-  errorText: string | string[];
-  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
-  errorTextCount?: number;
-  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
-  invalid: boolean;
-  /** Set to true to draw the checkbox in a checked state. */
-  checked: boolean;
-  /** Set to true to draw the checkbox in an indeterminate state. */
-  indeterminate: boolean;
-  /** Emitted when the control loses focus. */
-  sixBlur: EventEmitter<EmptyPayload>;
-  /** Emitted when the control's checked state changes. */
-  sixChange: EventEmitter<EmptyPayload>;
-  /** Emitted when the control gains focus. */
-  sixFocus: EventEmitter<EmptyPayload>;
-  handleCheckedChange(): void;
-  handleLabelChange(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  /** Sets focus on the checkbox. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Removes focus from the checkbox. */
-  removeFocus(): Promise<void>;
-  private handleChange;
-  private handleBlur;
-  private handleFocus;
-  private handleMouseDown;
-  private handleSlotChange;
-  render(): any;
+    private inputId;
+    private labelId;
+    private textId;
+    private errorTextId;
+    private nativeInput?;
+    private eventListeners;
+    host: HTMLSixCheckboxElement;
+    hasFocus: boolean;
+    hasLabelSlot: boolean;
+    hasErrorSlot: boolean;
+    /** The checkbox's name attribute. */
+    name: string;
+    /**
+     * The value of the checkbox does not mean if it's checked or not, use the `checked`
+     * property for that.
+     *
+     * The value of a checkbox is analogous to the value of an `<input type="checkbox">`,
+     * it's only used when the checkbox participates in a native `<form>`.
+     */
+    value: string;
+    /** Set to true to disable the checkbox. */
+    disabled: boolean;
+    /** Set to true to show an asterisk beneath the label. */
+    required: boolean;
+    /** The label text. */
+    label: string;
+    /** The error message shown, if `invalid` is set to true.  */
+    errorText: string | string[];
+    /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+    errorTextCount?: number;
+    /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
+    invalid: boolean;
+    /** Set to true to draw the checkbox in a checked state. */
+    checked: boolean;
+    /** Set to true to draw the checkbox in an indeterminate state. */
+    indeterminate: boolean;
+    /** Emitted when the control loses focus. */
+    sixBlur: EventEmitter<EmptyPayload>;
+    /** Emitted when the control's checked state changes. */
+    sixChange: EventEmitter<EmptyPayload>;
+    /** Emitted when the control gains focus. */
+    sixFocus: EventEmitter<EmptyPayload>;
+    handleCheckedChange(): void;
+    handleLabelChange(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /** Sets focus on the checkbox. */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /** Removes focus from the checkbox. */
+    removeFocus(): Promise<void>;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    private handleMouseDown;
+    private handleSlotChange;
+    render(): any;
 }

package/dist/types/components/six-datepicker/components/day-selection.d.ts

@@ -1,9 +1,9 @@
 import { DateLocale } from '../../../utils/date-util';
 import { CalendarCell } from '../six-datepicker';
 interface DaySelectionParams {
-  locale: DateLocale;
-  calendarGrid: CalendarCell[][];
-  onClickDateCell: (cell: CalendarCell) => void;
+    locale: DateLocale;
+    calendarGrid: CalendarCell[][];
+    onClickDateCell: (cell: CalendarCell) => void;
 }
 export declare const DaySelection: (daySelectionParams: DaySelectionParams) => any;
 export {};

package/dist/types/components/six-datepicker/components/month-selection.d.ts

@@ -1,8 +1,8 @@
 import { DateLocale } from '../../../utils/date-util';
 interface MonthSelectionParams {
-  locale: DateLocale;
-  selectedDate?: Date;
-  onClickMonthCell: (month: string) => void;
+    locale: DateLocale;
+    selectedDate?: Date;
+    onClickMonthCell: (month: string) => void;
 }
 export declare const MonthSelection: (monthSelectionParams: MonthSelectionParams) => any;
 export {};

package/dist/types/components/six-datepicker/components/year-selection.d.ts

@@ -1,7 +1,7 @@
 interface YearSelectionParams {
-  selectedDate?: Date;
-  yearSelection: number[][];
-  onClickYearCell: (year: number) => void;
+    selectedDate?: Date;
+    yearSelection: number[][];
+    onClickYearCell: (year: number) => void;
 }
 export declare const YearSelection: (yearSelectionParams: YearSelectionParams) => any;
 export {};

package/dist/types/components/six-datepicker/six-date-formats.d.ts

@@ -1,22 +1,22 @@
 export declare enum SixDateFormats {
-  DDMMYYY_DOT = "dd.mm.yyyy",
-  YYYYMMDD_DASH = "yyyy-mm-dd",
-  DDMMYYYY_DASH = "dd-mm-yyyy",
-  DDMMYYYY_SLASH = "dd/mm/yyyy",
-  YYYYMMDD_SLASH = "yyyy/mm/dd",
-  DDMMYY_DOT = "dd.mm.yy",
-  YYMMDD_DASH = "yy-mm-dd",
-  DDMMYY_DASH = "dd-mm-yy",
-  DDMMYY_SLASH = "dd/mm/yy",
-  YYMMDD_SLASH = "yy/mm/dd",
-  DDMMYYY_DOT_TIME = "dd.mm.yyyy hh:MM:ss",
-  YYYYMMDD_DASH_TIME = "yyyy-mm-dd hh:MM:ss",
-  DDMMYYYY_DASH_TIME = "dd-mm-yyyy hh:MM:ss",
-  DDMMYYYY_SLASH_TIME = "dd/mm/yyyy hh:MM:ss",
-  YYYYMMDD_SLASH_TIME = "yyyy/mm/dd hh:MM:ss",
-  DDMMYY_DOT_TIME = "dd.mm.yy hh:MM:ss",
-  YYMMDD_DASH_TIME = "yy-mm-dd hh:MM:ss",
-  DDMMYY_DASH_TIME = "dd-mm-yy hh:MM:ss",
-  DDMMYY_SLASH_TIME = "dd/mm/yy hh:MM:ss",
-  YYMMDD_SLASH_TIME = "yy/mm/dd hh:MM:ss"
+    DDMMYYY_DOT = "dd.mm.yyyy",
+    YYYYMMDD_DASH = "yyyy-mm-dd",
+    DDMMYYYY_DASH = "dd-mm-yyyy",
+    DDMMYYYY_SLASH = "dd/mm/yyyy",
+    YYYYMMDD_SLASH = "yyyy/mm/dd",
+    DDMMYY_DOT = "dd.mm.yy",
+    YYMMDD_DASH = "yy-mm-dd",
+    DDMMYY_DASH = "dd-mm-yy",
+    DDMMYY_SLASH = "dd/mm/yy",
+    YYMMDD_SLASH = "yy/mm/dd",
+    DDMMYYY_DOT_TIME = "dd.mm.yyyy hh:MM:ss",
+    YYYYMMDD_DASH_TIME = "yyyy-mm-dd hh:MM:ss",
+    DDMMYYYY_DASH_TIME = "dd-mm-yyyy hh:MM:ss",
+    DDMMYYYY_SLASH_TIME = "dd/mm/yyyy hh:MM:ss",
+    YYYYMMDD_SLASH_TIME = "yyyy/mm/dd hh:MM:ss",
+    DDMMYY_DOT_TIME = "dd.mm.yy hh:MM:ss",
+    YYMMDD_DASH_TIME = "yy-mm-dd hh:MM:ss",
+    DDMMYY_DASH_TIME = "dd-mm-yy hh:MM:ss",
+    DDMMYY_SLASH_TIME = "dd/mm/yy hh:MM:ss",
+    YYMMDD_SLASH_TIME = "yy/mm/dd hh:MM:ss"
 }