@six-group/ui-library 0.0.0-insider.c8fa9a3 → 0.0.0-insider.cc02aea

package/dist/cjs/six-button.cjs.entry.js

@@ -1,133 +0,0 @@
-'use strict';
-
-var index = require('./index-BKTrCUjx.js');
-var slot = require('./slot-DBK7c7jH.js');
-var form = require('./form-CaXKJAMY.js');
-
-const sixButtonCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block;width:auto;cursor:pointer}.button{display:inline-flex;align-items:stretch;justify-content:center;width:100%;border-style:solid;border-width:var(--six-border-width);border-radius:0;font-family:var(--six-font-family);font-weight:var(--six-font-weight-semibold);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;transition:var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:inherit}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button.button--disabled{pointer-events:none}.button ::slotted(six-icon){pointer-events:none;flex:0 0 auto;display:flex;align-items:center}.button-wrapper--disabled{cursor:not-allowed}.button__prefix,.button__suffix{flex:0 0 auto;display:flex;align-items:center}.button:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.button.button--secondary{background-color:var(--six-color-white);border-color:var(--six-color-web-rock-900);color:var(--six-color-web-rock-900)}.button.button--secondary.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--secondary:hover:not(.button--disabled){background-color:var(--six-color-web-rock-100)}.button.button--secondary:active:not(.button--disabled){background-color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-900);border-width:1px}.button.button--primary{background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.button.button--primary.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--primary:hover:not(.button--disabled){background-color:var(--six-color-web-rock-800);border-color:var(--six-color-web-rock-800)}.button.button--primary:active:not(.button--disabled){background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900);opacity:70%}.button.button--link{background-color:transparent;border-color:transparent;color:var(--six-color-action-500)}.button.button--link.button--disabled{color:var(--six-color-web-rock-400)}.button.button--link:hover:not(.button--disabled){color:var(--six-color-action-600)}.button.button--link:active:not(.button--disabled){color:var(--six-color-action-light-to-be-defined)}.button.button--danger{background-color:var(--six-color-danger-800);border-color:var(--six-color-danger-800);color:var(--six-color-white)}.button.button--danger.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--danger:hover:not(.button--disabled){background-color:var(--six-color-danger-900);border-color:var(--six-color-danger-900)}.button.button--danger:active:not(.button--disabled){background-color:var(--six-color-danger-800);border-color:var(--six-color-danger-800);opacity:70%}.button.button--warning{background-color:var(--six-color-warning-700);border-color:var(--six-color-warning-700);color:var(--six-color-web-rock-900)}.button.button--warning.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--warning:hover:not(.button--disabled){background-color:var(--six-color-warning-800);border-color:var(--six-color-warning-800)}.button.button--warning:active:not(.button--disabled){background-color:var(--six-color-warning-700);border-color:var(--six-color-warning-700);opacity:70%}.button.button--success{background-color:var(--six-color-success-500);border-color:var(--six-color-success-500);color:var(--six-color-web-rock-900)}.button.button--success.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--success:hover:not(.button--disabled){background-color:var(--six-color-success-600);border-color:var(--six-color-success-600)}.button.button--success:active:not(.button--disabled){background-color:var(--six-color-success-500);border-color:var(--six-color-success-500);opacity:70%}.button.button--action{background-color:var(--six-color-action-500);border-color:var(--six-color-action-500);color:var(--six-color-white)}.button.button--action.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--action:hover:not(.button--disabled){background-color:var(--six-color-action-600);border-color:var(--six-color-action-600)}.button.button--action:active:not(.button--disabled){background-color:var(--six-color-action-500);border-color:var(--six-color-action-500);opacity:70%}.button.button--action-outline{border-color:var(--six-color-action-500);background-color:var(--six-color-white);color:var(--six-color-action-500)}.button.button--action-outline.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--action-outline:hover:not(.button--disabled){background-color:var(--six-color-web-rock-100)}.button.button--action-outline:active:not(.button--disabled){border-color:var(--six-color-action-500);opacity:70%}.button--small{font-size:var(--six-button-font-size-small);height:var(--six-height-small);line-height:calc(var(--six-height-small) - var(--six-border-width) * 2)}.button--medium{font-size:var(--six-button-font-size-medium);height:var(--six-height-medium);line-height:calc(var(--six-height-medium) - var(--six-border-width) * 2)}.button--large{font-size:var(--six-button-font-size-large);height:var(--six-height-large);line-height:calc(var(--six-height-large) - var(--six-border-width) * 2)}.button--pill.button--small{border-radius:var(--six-height-small)}.button--pill.button--medium{border-radius:var(--six-height-medium)}.button--pill.button--large{border-radius:var(--six-height-large)}.button--circle{padding-left:0;padding-right:0;font-size:revert}.button--circle.button--small{width:var(--six-height-small);border-radius:50%}.button--circle.button--medium{width:var(--six-height-medium);border-radius:50%}.button--circle.button--large{width:var(--six-height-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__prefix svg,.button--circle .button__suffix svg,.button--circle .button__caret svg{color:var(--six-color-web-rock-900)}.button--caret .button__suffix{display:none}.button--caret .button__caret{display:flex;align-items:center}.button--caret .button__caret svg{color:var(--six-color-web-rock-900);width:1em;height:1em}.button--primary .button__caret svg,.button--action .button__caret svg,.button--danger .button__caret svg{color:var(--six-color-white)}.button--loading{position:relative;cursor:wait}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading six-spinner{--indicator-color:currentColor;position:absolute;height:1em;width:1em;top:calc(50% - 0.5em);left:calc(50% - 0.5em)}.button ::slotted(six-badge){position:absolute;top:0;right:0;transform:translateY(-50%) translateX(50%);pointer-events:none}.button--has-label.button--small .button__label{padding:0 var(--six-spacing-small)}.button--has-label.button--medium .button__label{padding:0 var(--six-spacing-medium)}.button--has-label.button--large .button__label{padding:0 var(--six-spacing-large)}.button--has-prefix.button--small{padding-left:var(--six-spacing-x-small)}.button--has-prefix.button--small .button__label{padding-left:var(--six-spacing-x-small)}.button--has-prefix.button--medium{padding-left:var(--six-spacing-small)}.button--has-prefix.button--medium .button__label{padding-left:var(--six-spacing-small)}.button--has-prefix.button--large{padding-left:var(--six-spacing-small)}.button--has-prefix.button--large .button__label{padding-left:var(--six-spacing-small)}.button--has-suffix.button--small,.button--caret.button--small{padding-right:var(--six-spacing-x-small)}.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label{padding-right:var(--six-spacing-x-small)}.button--has-suffix.button--medium,.button--caret.button--medium{padding-right:var(--six-spacing-small)}.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-right:var(--six-spacing-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-right:var(--six-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-right:var(--six-spacing-small)}";
-
-const SixButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sixBlur = index.createEvent(this, "six-button-blur");
-        this.sixFocus = index.createEvent(this, "six-button-focus");
-        this.hasFocus = false;
-        this.hasLabel = false;
-        this.hasPrefix = false;
-        this.hasSuffix = false;
-        /** The button's type. */
-        this.type = 'primary';
-        /** The button's size. */
-        this.size = 'medium';
-        /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */
-        this.caret = false;
-        /** Set to true to disable the button. */
-        this.disabled = false;
-        /** Set to true to draw the button in a loading state. */
-        this.loading = false;
-        /** Set to true to draw a pill-style button with rounded edges. */
-        this.pill = false;
-        /** Set to true to draw a circle button. */
-        this.circle = false;
-        /** Indicates if activating the button should submit the form. Ignored when `href` is set. */
-        this.submit = false;
-        /** Indicates if activating the button should reset the form. */
-        this.reset = false;
-        /** An optional name for the button. Ignored when `href` is set. */
-        this.name = '';
-        /** An optional value for the button. Ignored when `href` is set. */
-        this.value = '';
-        this.handleSlotChange = () => {
-            this.hasLabel = slot.hasSlot(this.host);
-            this.hasPrefix = slot.hasSlot(this.host, 'prefix');
-            this.hasSuffix = slot.hasSlot(this.host, 'suffix');
-            // set the correct icon size for suffix and prefix icons
-            const prefixIcon = this.host.querySelector('[slot="prefix"]');
-            const suffixIcon = this.host.querySelector('[slot="suffix"]');
-            if ((prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.tagName.toLowerCase()) === 'six-icon') {
-                prefixIcon.setAttribute('size', this.mapSizeToIconSize(this.size));
-            }
-            if ((suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.tagName.toLowerCase()) === 'six-icon') {
-                suffixIcon.setAttribute('size', this.mapSizeToIconSize(this.size));
-            }
-        };
-        this.handleBlur = () => {
-            this.hasFocus = false;
-            this.sixBlur.emit();
-        };
-        this.handleFocus = () => {
-            this.hasFocus = true;
-            this.sixFocus.emit();
-        };
-        this.handleClick = (event) => {
-            if (this.disabled || this.loading) {
-                event.preventDefault();
-                event.stopPropagation();
-                return;
-            }
-            if (this.submit) {
-                event.preventDefault();
-                form.submitForm(this.host);
-            }
-        };
-    }
-    componentWillLoad() {
-        this.handleSlotChange();
-    }
-    /** Sets focus on the button. */
-    async setFocus(options) {
-        var _a;
-        (_a = this.nativeButton) === null || _a === void 0 ? void 0 : _a.focus(options);
-    }
-    /** Removes focus from the button. */
-    async removeFocus() {
-        var _a;
-        (_a = this.nativeButton) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-    mapSizeToIconSize(buttonSize) {
-        const sizeMap = {
-            small: 'xSmall',
-            medium: 'small',
-            large: 'medium',
-        };
-        return sizeMap[buttonSize] || 'small'; // Default to small
-    }
-    render() {
-        const isLink = this.href != null;
-        const isButton = !isLink;
-        const Button = isLink ? 'a' : 'button';
-        return (index.h("div", { key: '2fd3a9c4f7711290465961099b245c323139b817', onClick: this.handleClick, class: { 'button-wrapper--disabled': this.disabled } }, index.h(Button, { key: '4330f6a6cb46d3f34db0870b420efecafdc9913c', ref: (el) => (this.nativeButton = el), part: "base", class: {
-                button: true,
-                // Types
-                'button--secondary': this.type === 'secondary',
-                'button--primary': this.type === 'primary',
-                'button--link': this.type === 'link',
-                'button--success': this.type === 'success',
-                'button--warning': this.type === 'warning',
-                'button--danger': this.type === 'danger',
-                'button--action': this.type === 'action',
-                'button--action-outline': this.type === 'action-outline',
-                // Sizes
-                'button--small': this.size === 'small',
-                'button--medium': this.size === 'medium',
-                'button--large': this.size === 'large',
-                // Modifiers
-                'button--caret': this.caret,
-                'button--circle': this.circle,
-                'button--disabled': this.disabled,
-                'button--focused': this.hasFocus,
-                'button--loading': this.loading,
-                'button--pill': this.pill,
-                'button--has-label': this.hasLabel,
-                'button--has-prefix': this.hasPrefix,
-                'button--has-suffix': this.hasSuffix,
-            }, disabled: isButton ? this.disabled : undefined, tabindex: this.disabled ? '-1' : undefined, type: isButton ? (this.submit ? 'submit' : this.reset ? 'reset' : 'button') : undefined, name: isButton ? this.name : undefined, value: isButton ? this.value : undefined, href: isLink ? this.href : undefined, target: isLink && this.target != null ? this.target : undefined, download: isLink && this.download != null ? this.download : undefined, rel: isLink && this.target != null ? 'noreferrer noopener' : undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, "data-testid": "button" }, index.h("span", { key: 'd2cb3cd3d699da69e4f4db249d0a25fc0fc6a4cc', part: "prefix", class: "button__prefix" }, index.h("slot", { key: '537e43865e5ef8fc0a09ca66c262fdf722685037', onSlotchange: this.handleSlotChange, name: "prefix" })), index.h("span", { key: '965d7720a89a3a2af615a891454c6ba0ca890aa3', part: "label", class: "button__label" }, index.h("slot", { key: '1056dfc6a614f61187ffa2edcb7bfaba27680a3e', onSlotchange: this.handleSlotChange })), index.h("span", { key: 'cc1df5769286f43052402cee71d8a946ded3e790', part: "suffix", class: "button__suffix" }, index.h("slot", { key: 'eba52e13592610c85159892e60e343b06f6ca7c2', onSlotchange: this.handleSlotChange, name: "suffix" })), this.caret && (index.h("span", { key: 'f4f51eeb17b00099c6918a8a393f10984e24f809', part: "caret", class: "button__caret" }, index.h("svg", { key: 'bbdc4a79b99c3f93dabd76033d109f2cb020b29d', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { key: '953a8016733d8d8c7a9da3144fb46fe4602ceaea', points: "6 9 12 15 18 9" })))), this.loading && index.h("six-spinner", { key: '2a195cdb2583e91316f333fbb0c74d04ee9fa0c3' }))));
-    }
-    get host() { return index.getElement(this); }
-};
-SixButton.style = sixButtonCss;
-
-exports.six_button = SixButton;
-//# sourceMappingURL=six-button.entry.cjs.js.map
-
-//# sourceMappingURL=six-button.cjs.entry.js.map

package/dist/cjs/six-button.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"six-button.entry.cjs.js","mappings":"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","names":["hasSlot","submitForm","h"],"sources":["src/components/six-button/six-button.scss?tag=six-button&encapsulation=shadow","src/components/six-button/six-button.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  width: auto;\n  cursor: pointer;\n}\n\n.button {\n  display: inline-flex;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  border-style: solid;\n  border-width: var(--six-border-width);\n  border-radius: 0;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-font-weight-semibold);\n  text-decoration: none;\n  user-select: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  padding: 0;\n  transition:\n    var(--six-transition-fast) background-color,\n    var(--six-transition-fast) color,\n    var(--six-transition-fast) border,\n    var(--six-transition-fast) box-shadow;\n  cursor: inherit;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &.button--disabled {\n    pointer-events: none;\n  }\n\n  ::slotted(six-icon) {\n    // Clicks on icons shouldn't prevent the button from gaining focus\n    pointer-events: none;\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.button-wrapper--disabled {\n  cursor: not-allowed;\n}\n\n.button__prefix,\n.button__suffix {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Standard buttons\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button {\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: var(--six-focus-ring-offset);\n  }\n\n  &.button--secondary {\n    background-color: var(--six-color-white);\n    border-color: var(--six-color-web-rock-900);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-100);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-300);\n      border-color: var(--six-color-web-rock-900);\n      border-width: 1px;\n    }\n  }\n\n  &.button--primary {\n    background-color: var(--six-color-web-rock-900);\n    border-color: var(--six-color-web-rock-900);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-800);\n      border-color: var(--six-color-web-rock-800);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-900);\n      border-color: var(--six-color-web-rock-900);\n      opacity: 70%;\n    }\n  }\n\n  &.button--link {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--six-color-action-500);\n\n    &.button--disabled {\n      color: var(--six-color-web-rock-400);\n    }\n\n    &:hover:not(.button--disabled) {\n      color: var(--six-color-action-600);\n    }\n\n    &:active:not(.button--disabled) {\n      color: var(--six-color-action-light-to-be-defined);\n    }\n  }\n\n  &.button--danger {\n    background-color: var(--six-color-danger-800);\n    border-color: var(--six-color-danger-800);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-danger-900);\n      border-color: var(--six-color-danger-900);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-danger-800);\n      border-color: var(--six-color-danger-800);\n      opacity: 70%;\n    }\n  }\n\n  &.button--warning {\n    background-color: var(--six-color-warning-700);\n    border-color: var(--six-color-warning-700);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-warning-800);\n      border-color: var(--six-color-warning-800);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-warning-700);\n      border-color: var(--six-color-warning-700);\n      opacity: 70%;\n    }\n  }\n\n  &.button--success {\n    background-color: var(--six-color-success-500);\n    border-color: var(--six-color-success-500);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-success-600);\n      border-color: var(--six-color-success-600);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-success-500);\n      border-color: var(--six-color-success-500);\n      opacity: 70%;\n    }\n  }\n\n  &.button--action {\n    background-color: var(--six-color-action-500);\n    border-color: var(--six-color-action-500);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-action-600);\n      border-color: var(--six-color-action-600);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-action-500);\n      border-color: var(--six-color-action-500);\n      opacity: 70%;\n    }\n  }\n\n  &.button--action-outline {\n    border-color: var(--six-color-action-500);\n    background-color: var(--six-color-white);\n    color: var(--six-color-action-500);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-100);\n    }\n\n    &:active:not(.button--disabled) {\n      border-color: var(--six-color-action-500);\n      opacity: 70%;\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--small {\n  font-size: var(--six-button-font-size-small);\n  height: var(--six-height-small);\n  line-height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n}\n\n.button--medium {\n  font-size: var(--six-button-font-size-medium);\n  height: var(--six-height-medium);\n  line-height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n}\n\n.button--large {\n  font-size: var(--six-button-font-size-large);\n  height: var(--six-height-large);\n  line-height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--pill {\n  &.button--small {\n    border-radius: var(--six-height-small);\n  }\n\n  &.button--medium {\n    border-radius: var(--six-height-medium);\n  }\n\n  &.button--large {\n    border-radius: var(--six-height-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Circle modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--circle {\n  padding-left: 0;\n  padding-right: 0;\n  font-size: revert;\n\n  &.button--small {\n    width: var(--six-height-small);\n    border-radius: 50%;\n  }\n\n  &.button--medium {\n    width: var(--six-height-medium);\n    border-radius: 50%;\n  }\n\n  &.button--large {\n    width: var(--six-height-large);\n    border-radius: 50%;\n  }\n\n  .button__prefix,\n  .button__suffix,\n  .button__caret {\n    display: none;\n\n    svg {\n      color: var(--six-color-web-rock-900);\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Caret modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--caret {\n  .button__suffix {\n    display: none;\n  }\n\n  .button__caret {\n    display: flex;\n    align-items: center;\n\n    svg {\n      color: var(--six-color-web-rock-900);\n      width: 1em;\n      height: 1em;\n    }\n  }\n}\n\n.button--primary,\n.button--action,\n.button--danger {\n  .button__caret {\n    svg {\n      color: var(--six-color-white);\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Loading modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--loading {\n  position: relative;\n  cursor: wait;\n\n  .button__prefix,\n  .button__label,\n  .button__suffix,\n  .button__caret {\n    visibility: hidden;\n  }\n\n  six-spinner {\n    --indicator-color: currentColor;\n    position: absolute;\n    height: 1em;\n    width: 1em;\n    top: calc(50% - 0.5em);\n    left: calc(50% - 0.5em);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Badges\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button ::slotted(six-badge) {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translateY(-50%) translateX(50%);\n  pointer-events: none;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Button spacing\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--has-label {\n  &.button--small .button__label {\n    padding: 0 var(--six-spacing-small);\n  }\n\n  &.button--medium .button__label {\n    padding: 0 var(--six-spacing-medium);\n  }\n\n  &.button--large .button__label {\n    padding: 0 var(--six-spacing-large);\n  }\n}\n\n.button--has-prefix {\n  &.button--small {\n    padding-left: var(--six-spacing-x-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-x-small);\n    }\n  }\n\n  &.button--medium {\n    padding-left: var(--six-spacing-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-small);\n    }\n  }\n\n  &.button--large {\n    padding-left: var(--six-spacing-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-small);\n    }\n  }\n}\n\n.button--has-suffix,\n.button--caret {\n  &.button--small {\n    padding-right: var(--six-spacing-x-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-x-small);\n    }\n  }\n\n  &.button--medium {\n    padding-right: var(--six-spacing-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-small);\n    }\n  }\n\n  &.button--large {\n    padding-right: var(--six-spacing-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-small);\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { submitForm } from '../../utils/form';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The button's label.\n * @slot prefix - Used to prepend an icon or similar element to the button.\n * @slot suffix - Used to append an icon or similar element to the button.\n *\n * @part base - The component's base wrapper.\n * @part prefix - The prefix container.\n * @part label - The button's label.\n * @part suffix - The suffix container.\n * @part caret - The button's caret.\n */\n\n@Component({\n  tag: 'six-button',\n  styleUrl: 'six-button.scss',\n  shadow: true,\n})\nexport class SixButton {\n  private nativeButton?: HTMLButtonElement | HTMLAnchorElement;\n\n  @Element() host!: HTMLSixButtonElement;\n\n  @State() hasFocus = false;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasSuffix = false;\n\n  /** The button's type. */\n  @Prop({ reflect: true }) type:\n    | 'secondary'\n    | 'primary'\n    | 'link'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'action'\n    | 'action-outline' = 'primary';\n\n  /** The button's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */\n  @Prop() caret = false;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true to draw the button in a loading state. */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Set to true to draw a pill-style button with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** Set to true to draw a circle button. */\n  @Prop({ reflect: true }) circle = false;\n\n  /** Indicates if activating the button should submit the form. Ignored when `href` is set. */\n  @Prop({ reflect: true }) submit = false;\n\n  /** Indicates if activating the button should reset the form. */\n  @Prop({ reflect: true }) reset = false;\n\n  /** An optional name for the button. Ignored when `href` is set. */\n  @Prop() name = '';\n\n  /** An optional value for the button. Ignored when `href` is set. */\n  @Prop() value = '';\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @Prop() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @Prop() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @Prop() download?: string;\n\n  /** Emitted when the button loses focus. */\n  @Event({ eventName: 'six-button-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the button gains focus. */\n  @Event({ eventName: 'six-button-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  /** Sets focus on the button. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeButton?.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  @Method()\n  async removeFocus() {\n    this.nativeButton?.blur();\n  }\n\n  private handleSlotChange = () => {\n    this.hasLabel = hasSlot(this.host);\n    this.hasPrefix = hasSlot(this.host, 'prefix');\n    this.hasSuffix = hasSlot(this.host, 'suffix');\n\n    // set the correct icon size for suffix and prefix icons\n    const prefixIcon = this.host.querySelector('[slot=\"prefix\"]');\n    const suffixIcon = this.host.querySelector('[slot=\"suffix\"]');\n\n    if (prefixIcon?.tagName.toLowerCase() === 'six-icon') {\n      prefixIcon.setAttribute('size', this.mapSizeToIconSize(this.size));\n    }\n\n    if (suffixIcon?.tagName.toLowerCase() === 'six-icon') {\n      suffixIcon.setAttribute('size', this.mapSizeToIconSize(this.size));\n    }\n  };\n\n  private mapSizeToIconSize(buttonSize: 'small' | 'medium' | 'large'): string {\n    const sizeMap = {\n      small: 'xSmall',\n      medium: 'small',\n      large: 'medium',\n    };\n    return sizeMap[buttonSize] || 'small'; // Default to small\n  }\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (this.submit) {\n      event.preventDefault();\n      submitForm(this.host);\n    }\n  };\n\n  render() {\n    const isLink = this.href != null;\n    const isButton = !isLink;\n    const Button = isLink ? 'a' : 'button';\n\n    return (\n      <div onClick={this.handleClick} class={{ 'button-wrapper--disabled': this.disabled }}>\n        <Button\n          ref={(el) => (this.nativeButton = el)}\n          part=\"base\"\n          class={{\n            button: true,\n\n            // Types\n            'button--secondary': this.type === 'secondary',\n            'button--primary': this.type === 'primary',\n            'button--link': this.type === 'link',\n            'button--success': this.type === 'success',\n            'button--warning': this.type === 'warning',\n            'button--danger': this.type === 'danger',\n            'button--action': this.type === 'action',\n            'button--action-outline': this.type === 'action-outline',\n\n            // Sizes\n            'button--small': this.size === 'small',\n            'button--medium': this.size === 'medium',\n            'button--large': this.size === 'large',\n\n            // Modifiers\n            'button--caret': this.caret,\n            'button--circle': this.circle,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--loading': this.loading,\n            'button--pill': this.pill,\n            'button--has-label': this.hasLabel,\n            'button--has-prefix': this.hasPrefix,\n            'button--has-suffix': this.hasSuffix,\n          }}\n          disabled={isButton ? this.disabled : undefined}\n          tabindex={this.disabled ? '-1' : undefined}\n          type={isButton ? (this.submit ? 'submit' : this.reset ? 'reset' : 'button') : undefined}\n          name={isButton ? this.name : undefined}\n          value={isButton ? this.value : undefined}\n          href={isLink ? this.href : undefined}\n          target={isLink && this.target != null ? this.target : undefined}\n          download={isLink && this.download != null ? this.download : undefined}\n          rel={isLink && this.target != null ? 'noreferrer noopener' : undefined}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          data-testid=\"button\"\n        >\n          <span part=\"prefix\" class=\"button__prefix\">\n            <slot onSlotchange={this.handleSlotChange} name=\"prefix\" />\n          </span>\n          <span part=\"label\" class=\"button__label\">\n            <slot onSlotchange={this.handleSlotChange} />\n          </span>\n          <span part=\"suffix\" class=\"button__suffix\">\n            <slot onSlotchange={this.handleSlotChange} name=\"suffix\" />\n          </span>\n          {this.caret && (\n            <span part=\"caret\" class=\"button__caret\">\n              <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <polyline points=\"6 9 12 15 18 9\" />\n              </svg>\n            </span>\n          )}\n\n          {this.loading && <six-spinner />}\n        </Button>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/six-button.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-button.entry.cjs.js","sources":["src/components/six-button/six-button.scss?tag=six-button&encapsulation=shadow","src/components/six-button/six-button.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  width: auto;\n  cursor: pointer;\n}\n\n.button {\n  display: inline-flex;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  border-style: solid;\n  border-width: var(--six-border-width);\n  border-radius: 0;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-font-weight-semibold);\n  text-decoration: none;\n  user-select: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  padding: 0;\n  transition:\n    var(--six-transition-fast) background-color,\n    var(--six-transition-fast) color,\n    var(--six-transition-fast) border,\n    var(--six-transition-fast) box-shadow;\n  cursor: inherit;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &.button--disabled {\n    pointer-events: none;\n  }\n\n  ::slotted(six-icon) {\n    // Clicks on icons shouldn't prevent the button from gaining focus\n    pointer-events: none;\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.button-wrapper--disabled {\n  cursor: not-allowed;\n}\n\n.button__prefix,\n.button__suffix {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Standard buttons\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button {\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: var(--six-focus-ring-offset);\n  }\n\n  &.button--secondary {\n    background-color: var(--six-color-white);\n    border-color: var(--six-color-web-rock-900);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-100);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-300);\n      border-color: var(--six-color-web-rock-900);\n      border-width: 1px;\n    }\n  }\n\n  &.button--primary {\n    background-color: var(--six-color-web-rock-900);\n    border-color: var(--six-color-web-rock-900);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-800);\n      border-color: var(--six-color-web-rock-800);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-900);\n      border-color: var(--six-color-web-rock-900);\n      opacity: 70%;\n    }\n  }\n\n  &.button--link {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--six-color-action-500);\n\n    &.button--disabled {\n      color: var(--six-color-web-rock-400);\n    }\n\n    &:hover:not(.button--disabled) {\n      color: var(--six-color-action-600);\n    }\n\n    &:active:not(.button--disabled) {\n      color: var(--six-color-action-light-to-be-defined);\n    }\n  }\n\n  &.button--danger {\n    background-color: var(--six-color-danger-800);\n    border-color: var(--six-color-danger-800);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-danger-900);\n      border-color: var(--six-color-danger-900);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-danger-800);\n      border-color: var(--six-color-danger-800);\n      opacity: 70%;\n    }\n  }\n\n  &.button--warning {\n    background-color: var(--six-color-warning-700);\n    border-color: var(--six-color-warning-700);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-warning-800);\n      border-color: var(--six-color-warning-800);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-warning-700);\n      border-color: var(--six-color-warning-700);\n      opacity: 70%;\n    }\n  }\n\n  &.button--success {\n    background-color: var(--six-color-success-500);\n    border-color: var(--six-color-success-500);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-success-600);\n      border-color: var(--six-color-success-600);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-success-500);\n      border-color: var(--six-color-success-500);\n      opacity: 70%;\n    }\n  }\n\n  &.button--action {\n    background-color: var(--six-color-action-500);\n    border-color: var(--six-color-action-500);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-action-600);\n      border-color: var(--six-color-action-600);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-action-500);\n      border-color: var(--six-color-action-500);\n      opacity: 70%;\n    }\n  }\n\n  &.button--action-outline {\n    border-color: var(--six-color-action-500);\n    background-color: var(--six-color-white);\n    color: var(--six-color-action-500);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-100);\n    }\n\n    &:active:not(.button--disabled) {\n      border-color: var(--six-color-action-500);\n      opacity: 70%;\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--small {\n  font-size: var(--six-button-font-size-small);\n  height: var(--six-height-small);\n  line-height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n}\n\n.button--medium {\n  font-size: var(--six-button-font-size-medium);\n  height: var(--six-height-medium);\n  line-height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n}\n\n.button--large {\n  font-size: var(--six-button-font-size-large);\n  height: var(--six-height-large);\n  line-height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--pill {\n  &.button--small {\n    border-radius: var(--six-height-small);\n  }\n\n  &.button--medium {\n    border-radius: var(--six-height-medium);\n  }\n\n  &.button--large {\n    border-radius: var(--six-height-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Circle modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--circle {\n  padding-left: 0;\n  padding-right: 0;\n  font-size: revert;\n\n  &.button--small {\n    width: var(--six-height-small);\n    border-radius: 50%;\n  }\n\n  &.button--medium {\n    width: var(--six-height-medium);\n    border-radius: 50%;\n  }\n\n  &.button--large {\n    width: var(--six-height-large);\n    border-radius: 50%;\n  }\n\n  .button__prefix,\n  .button__suffix,\n  .button__caret {\n    display: none;\n\n    svg {\n      color: var(--six-color-web-rock-900);\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Caret modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--caret {\n  .button__suffix {\n    display: none;\n  }\n\n  .button__caret {\n    display: flex;\n    align-items: center;\n\n    svg {\n      color: var(--six-color-web-rock-900);\n      width: 1em;\n      height: 1em;\n    }\n  }\n}\n\n.button--primary,\n.button--action,\n.button--danger {\n  .button__caret {\n    svg {\n      color: var(--six-color-white);\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Loading modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--loading {\n  position: relative;\n  cursor: wait;\n\n  .button__prefix,\n  .button__label,\n  .button__suffix,\n  .button__caret {\n    visibility: hidden;\n  }\n\n  six-spinner {\n    --indicator-color: currentColor;\n    position: absolute;\n    height: 1em;\n    width: 1em;\n    top: calc(50% - 0.5em);\n    left: calc(50% - 0.5em);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Badges\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button ::slotted(six-badge) {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translateY(-50%) translateX(50%);\n  pointer-events: none;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Button spacing\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--has-label {\n  &.button--small .button__label {\n    padding: 0 var(--six-spacing-small);\n  }\n\n  &.button--medium .button__label {\n    padding: 0 var(--six-spacing-medium);\n  }\n\n  &.button--large .button__label {\n    padding: 0 var(--six-spacing-large);\n  }\n}\n\n.button--has-prefix {\n  &.button--small {\n    padding-left: var(--six-spacing-x-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-x-small);\n    }\n  }\n\n  &.button--medium {\n    padding-left: var(--six-spacing-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-small);\n    }\n  }\n\n  &.button--large {\n    padding-left: var(--six-spacing-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-small);\n    }\n  }\n}\n\n.button--has-suffix,\n.button--caret {\n  &.button--small {\n    padding-right: var(--six-spacing-x-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-x-small);\n    }\n  }\n\n  &.button--medium {\n    padding-right: var(--six-spacing-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-small);\n    }\n  }\n\n  &.button--large {\n    padding-right: var(--six-spacing-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-small);\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { submitForm } from '../../utils/form';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The button's label.\n * @slot prefix - Used to prepend an icon or similar element to the button.\n * @slot suffix - Used to append an icon or similar element to the button.\n *\n * @part base - The component's base wrapper.\n * @part prefix - The prefix container.\n * @part label - The button's label.\n * @part suffix - The suffix container.\n * @part caret - The button's caret.\n */\n\n@Component({\n  tag: 'six-button',\n  styleUrl: 'six-button.scss',\n  shadow: true,\n})\nexport class SixButton {\n  private nativeButton?: HTMLButtonElement | HTMLAnchorElement;\n\n  @Element() host!: HTMLSixButtonElement;\n\n  @State() hasFocus = false;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasSuffix = false;\n\n  /** The button's type. */\n  @Prop({ reflect: true }) type:\n    | 'secondary'\n    | 'primary'\n    | 'link'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'action'\n    | 'action-outline' = 'primary';\n\n  /** The button's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */\n  @Prop() caret = false;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true to draw the button in a loading state. */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Set to true to draw a pill-style button with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** Set to true to draw a circle button. */\n  @Prop({ reflect: true }) circle = false;\n\n  /** Indicates if activating the button should submit the form. Ignored when `href` is set. */\n  @Prop({ reflect: true }) submit = false;\n\n  /** Indicates if activating the button should reset the form. */\n  @Prop({ reflect: true }) reset = false;\n\n  /** An optional name for the button. Ignored when `href` is set. */\n  @Prop() name = '';\n\n  /** An optional value for the button. Ignored when `href` is set. */\n  @Prop() value = '';\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @Prop() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @Prop() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @Prop() download?: string;\n\n  /** Emitted when the button loses focus. */\n  @Event({ eventName: 'six-button-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the button gains focus. */\n  @Event({ eventName: 'six-button-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  /** Sets focus on the button. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeButton?.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  @Method()\n  async removeFocus() {\n    this.nativeButton?.blur();\n  }\n\n  private handleSlotChange = () => {\n    this.hasLabel = hasSlot(this.host);\n    this.hasPrefix = hasSlot(this.host, 'prefix');\n    this.hasSuffix = hasSlot(this.host, 'suffix');\n\n    // set the correct icon size for suffix and prefix icons\n    const prefixIcon = this.host.querySelector('[slot=\"prefix\"]');\n    const suffixIcon = this.host.querySelector('[slot=\"suffix\"]');\n\n    if (prefixIcon?.tagName.toLowerCase() === 'six-icon') {\n      prefixIcon.setAttribute('size', this.mapSizeToIconSize(this.size));\n    }\n\n    if (suffixIcon?.tagName.toLowerCase() === 'six-icon') {\n      suffixIcon.setAttribute('size', this.mapSizeToIconSize(this.size));\n    }\n  };\n\n  private mapSizeToIconSize(buttonSize: 'small' | 'medium' | 'large'): string {\n    const sizeMap = {\n      small: 'xSmall',\n      medium: 'small',\n      large: 'medium',\n    };\n    return sizeMap[buttonSize] || 'small'; // Default to small\n  }\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (this.submit) {\n      event.preventDefault();\n      submitForm(this.host);\n    }\n  };\n\n  render() {\n    const isLink = this.href != null;\n    const isButton = !isLink;\n    const Button = isLink ? 'a' : 'button';\n\n    return (\n      <div onClick={this.handleClick} class={{ 'button-wrapper--disabled': this.disabled }}>\n        <Button\n          ref={(el) => (this.nativeButton = el)}\n          part=\"base\"\n          class={{\n            button: true,\n\n            // Types\n            'button--secondary': this.type === 'secondary',\n            'button--primary': this.type === 'primary',\n            'button--link': this.type === 'link',\n            'button--success': this.type === 'success',\n            'button--warning': this.type === 'warning',\n            'button--danger': this.type === 'danger',\n            'button--action': this.type === 'action',\n            'button--action-outline': this.type === 'action-outline',\n\n            // Sizes\n            'button--small': this.size === 'small',\n            'button--medium': this.size === 'medium',\n            'button--large': this.size === 'large',\n\n            // Modifiers\n            'button--caret': this.caret,\n            'button--circle': this.circle,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--loading': this.loading,\n            'button--pill': this.pill,\n            'button--has-label': this.hasLabel,\n            'button--has-prefix': this.hasPrefix,\n            'button--has-suffix': this.hasSuffix,\n          }}\n          disabled={isButton ? this.disabled : undefined}\n          tabindex={this.disabled ? '-1' : undefined}\n          type={isButton ? (this.submit ? 'submit' : this.reset ? 'reset' : 'button') : undefined}\n          name={isButton ? this.name : undefined}\n          value={isButton ? this.value : undefined}\n          href={isLink ? this.href : undefined}\n          target={isLink && this.target != null ? this.target : undefined}\n          download={isLink && this.download != null ? this.download : undefined}\n          rel={isLink && this.target != null ? 'noreferrer noopener' : undefined}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          data-testid=\"button\"\n        >\n          <span part=\"prefix\" class=\"button__prefix\">\n            <slot onSlotchange={this.handleSlotChange} name=\"prefix\" />\n          </span>\n          <span part=\"label\" class=\"button__label\">\n            <slot onSlotchange={this.handleSlotChange} />\n          </span>\n          <span part=\"suffix\" class=\"button__suffix\">\n            <slot onSlotchange={this.handleSlotChange} name=\"suffix\" />\n          </span>\n          {this.caret && (\n            <span part=\"caret\" class=\"button__caret\">\n              <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <polyline points=\"6 9 12 15 18 9\" />\n              </svg>\n            </span>\n          )}\n\n          {this.loading && <six-spinner />}\n        </Button>\n      </div>\n    );\n  }\n}\n"],"names":["hasSlot","submitForm","h"],"mappings":"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"}

package/dist/cjs/six-spinner.cjs.entry.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var index = require('./index-BKTrCUjx.js');
-
-const sixSpinnerCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--stroke-width:2px;display:inline-flex}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.six-spinner{width:auto;height:auto;position:relative}.six-spinner .six-spinner__container{margin:0;transform:translateX(0)}.six-spinner .six-spinner__container svg{transform:translateX(0)}.six-spinner__container{position:relative;margin:0 auto;top:calc(50% - 20px);z-index:1}.six-spinner__container,.six-spinner__container svg{width:40px;height:40px;display:block;transform:translateX(40px)}.six-spinner path{stroke-dashoffset:70px;stroke-dasharray:70, 444;-webkit-animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite}.six-spinner polygon{stroke-dasharray:310;stroke-dashoffset:310;animation:big-polygon-draw 2s ease-in-out infinite;-webkit-animation:big-polygon-draw 2s ease-in-out infinite}.six-spinner polygon:nth-child(2),.six-spinner polygon:nth-child(3){stroke-dasharray:110;stroke-dashoffset:110;animation:small-polygon-draw 2s ease-in-out infinite;-webkit-animation:small-polygon-draw 2s ease-in-out infinite}@keyframes big-polygon-draw{0%,100%{stroke-dashoffset:310}50%{stroke-dashoffset:140}}@-webkit-keyframes big-polygon-draw{0%,100%{stroke-dashoffset:310}50%{stroke-dashoffset:140}}@keyframes small-polygon-draw{0%,100%{stroke-dashoffset:110}50%{stroke-dashoffset:50}}@-webkit-keyframes small-polygon-draw{0%,100%{stroke-dashoffset:110}50%{stroke-dashoffset:50}}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";
-
-const SixSpinner = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * Renders a container with a given SVG content.
-     */
-    renderWrapper(content) {
-        return (index.h("span", { class: "six-spinner", "aria-busy": "true", "aria-live": "polite" }, index.h("div", { class: "six-spinner__container" }, content)));
-    }
-    /**
-     * Renders the SIX logo spinner.
-     */
-    renderSIXLogo() {
-        const sixLogo = (index.h("svg", { viewBox: "0 0 40 40", part: "svg" }, index.h("path", { fill: "none", stroke: "#de3919", "stroke-width": "5", "stroke-linecap": "round", d: "M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42" })));
-        return this.renderWrapper(sixLogo);
-    }
-    /**
-     * Renders the BME logo spinner.
-     */
-    renderBMELogo() {
-        const bmeLogo = (index.h("svg", { viewBox: "0 0 45 55", part: "svg" }, index.h("polygon", { fill: "none", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", points: "4.42 51.96 17.02 31.473 2 31.473 2 22.486 17.02 22.486 4.42 2 15.404 2 30.289 26.98 14.763 51.96 4.42 51.96" }), index.h("polygon", { fill: "none", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", points: "42 51.96 31.655 51.96 24.598 40.498 29.831 32.073 42 51.96" }), index.h("polygon", { fill: "none", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", points: "24.518 12.719 31.014 2 42 2 29.831 21.637 24.518 12.719" })));
-        return this.renderWrapper(bmeLogo);
-    }
-    /**
-     * Renders a simple spinner.
-     */
-    renderSimpleSpinner() {
-        return index.h("span", { part: "base", class: "spinner", "aria-busy": "true", "aria-live": "polite" });
-    }
-    render() {
-        // Check the deprecated `six` property first
-        if (this.six) {
-            console.warn('The "six" prop is deprecated. Use "logo=\'six\'" instead.');
-            return this.renderSIXLogo();
-        }
-        switch (this.logo) {
-            case 'six':
-                return this.renderSIXLogo();
-            case 'bme':
-                return this.renderBMELogo();
-            default:
-                return this.renderSimpleSpinner();
-        }
-    }
-};
-SixSpinner.style = sixSpinnerCss;
-
-exports.six_spinner = SixSpinner;
-//# sourceMappingURL=six-spinner.entry.cjs.js.map
-
-//# sourceMappingURL=six-spinner.cjs.entry.js.map

package/dist/cjs/six-spinner.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"six-spinner.entry.cjs.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,8mEAA8mE;;MCgBvnE,UAAU,GAAA,MAAA;;;;AAUrB;;AAEG;AACK,IAAA,aAAa,CAAC,OAAmB,EAAA;AACvC,QAAA,QACEA,kBAAM,KAAK,EAAC,aAAa,EAAW,WAAA,EAAA,MAAM,eAAW,QAAQ,EAAA,EAC3DA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAAE,OAAO,CAAO,CAC9C;;AAIX;;AAEG;IACK,aAAa,GAAA;QACnB,MAAM,OAAO,IACXA,OAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAA,EACjCA,OAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EACH,cAAA,EAAA,GAAG,EACD,gBAAA,EAAA,OAAO,EACtB,CAAC,EAAC,mHAAmH,EAC/G,CAAA,CACJ,CACP;AACD,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;;AAGpC;;AAEG;IACK,aAAa,GAAA;QACnB,MAAM,OAAO,IACXA,OAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAA,EACjCA,OAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACD,cAAA,EAAA,GAAG,oBACD,OAAO,EACtB,MAAM,EAAC,6GAA6G,EACpH,CAAA,EACFA,OAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACD,cAAA,EAAA,GAAG,oBACD,OAAO,EACtB,MAAM,EAAC,4DAA4D,EACnE,CAAA,EACFA,OAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACD,cAAA,EAAA,GAAG,EACD,gBAAA,EAAA,OAAO,EACtB,MAAM,EAAC,yDAAyD,EAChE,CAAA,CACE,CACP;AACD,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;;AAGpC;;AAEG;IACK,mBAAmB,GAAA;QACzB,OAAOA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAW,WAAA,EAAA,MAAM,EAAW,WAAA,EAAA,QAAQ,GAAG;;IAGjF,MAAM,GAAA;;AAEJ,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC;AACzE,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAG7B,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,IAAI,CAAC,aAAa,EAAE;AAC7B,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,IAAI,CAAC,aAAa,EAAE;AAC7B,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE;;;;;;;;","names":["h"],"sources":["src/components/six-spinner/six-spinner.scss?tag=six-spinner&encapsulation=shadow","src/components/six-spinner/six-spinner.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --stroke-width: 2px;\n\n  display: inline-flex;\n}\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  border: solid var(--stroke-width) var(--track-color);\n  border-top-color: var(--indicator-color);\n  border-right-color: var(--indicator-color);\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$color-six-spinner-background: rgba(255, 255, 255, 0.7);\n\n.six-spinner {\n  width: auto;\n  height: auto;\n  position: relative;\n\n  .six-spinner__container {\n    margin: 0;\n    transform: translateX(0);\n  }\n\n  .six-spinner__container svg {\n    transform: translateX(0);\n  }\n\n  &__container {\n    position: relative;\n    margin: 0 auto;\n    top: calc(50% - 20px);\n    z-index: 1;\n  }\n\n  &__container,\n  &__container svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n    transform: translateX(40px);\n  }\n\n  path {\n    stroke-dashoffset: 70px;\n    stroke-dasharray: 70, 444;\n    -webkit-animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n    animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n  }\n\n  polygon {\n    stroke-dasharray: 310;\n    stroke-dashoffset: 310;\n    animation: big-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: big-polygon-draw 2s ease-in-out infinite;\n  }\n\n  polygon:nth-child(2),\n  polygon:nth-child(3) {\n    stroke-dasharray: 110;\n    stroke-dashoffset: 110;\n    animation: small-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: small-polygon-draw 2s ease-in-out infinite;\n  }\n\n  @keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @-webkit-keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n\n  @keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n * @part svg - The spinner icon.\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX or BME logo or a simple spinner. */\n  @Prop() logo?: 'six' | 'bme';\n  /**\n   * **@deprecated** Use `logo=\"six\"` instead.\n   *\n   * If set to true, the spinner displays the SIX logo.\n   */\n  @Prop() six?: boolean;\n\n  /**\n   * Renders a container with a given SVG content.\n   */\n  private renderWrapper(content: SVGElement) {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">{content}</div>\n      </span>\n    );\n  }\n\n  /**\n   * Renders the SIX logo spinner.\n   */\n  private renderSIXLogo() {\n    const sixLogo = (\n      <svg viewBox=\"0 0 40 40\" part=\"svg\">\n        <path\n          fill=\"none\"\n          stroke=\"#de3919\"\n          stroke-width=\"5\"\n          stroke-linecap=\"round\"\n          d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n        ></path>\n      </svg>\n    );\n    return this.renderWrapper(sixLogo);\n  }\n\n  /**\n   * Renders the BME logo spinner.\n   */\n  private renderBMELogo() {\n    const bmeLogo = (\n      <svg viewBox=\"0 0 45 55\" part=\"svg\">\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"4.42 51.96 17.02 31.473 2 31.473 2 22.486 17.02 22.486 4.42 2 15.404 2 30.289 26.98 14.763 51.96 4.42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"42 51.96 31.655 51.96 24.598 40.498 29.831 32.073 42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"24.518 12.719 31.014 2 42 2 29.831 21.637 24.518 12.719\"\n        />\n      </svg>\n    );\n    return this.renderWrapper(bmeLogo);\n  }\n\n  /**\n   * Renders a simple spinner.\n   */\n  private renderSimpleSpinner() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    // Check the deprecated `six` property first\n    if (this.six) {\n      console.warn('The \"six\" prop is deprecated. Use \"logo=\\'six\\'\" instead.');\n      return this.renderSIXLogo();\n    }\n\n    switch (this.logo) {\n      case 'six':\n        return this.renderSIXLogo();\n      case 'bme':\n        return this.renderBMELogo();\n      default:\n        return this.renderSimpleSpinner();\n    }\n  }\n}\n"],"version":3}

package/dist/cjs/six-spinner.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-spinner.entry.cjs.js","sources":["src/components/six-spinner/six-spinner.scss?tag=six-spinner&encapsulation=shadow","src/components/six-spinner/six-spinner.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --stroke-width: 2px;\n\n  display: inline-flex;\n}\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  border: solid var(--stroke-width) var(--track-color);\n  border-top-color: var(--indicator-color);\n  border-right-color: var(--indicator-color);\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$color-six-spinner-background: rgba(255, 255, 255, 0.7);\n\n.six-spinner {\n  width: auto;\n  height: auto;\n  position: relative;\n\n  .six-spinner__container {\n    margin: 0;\n    transform: translateX(0);\n  }\n\n  .six-spinner__container svg {\n    transform: translateX(0);\n  }\n\n  &__container {\n    position: relative;\n    margin: 0 auto;\n    top: calc(50% - 20px);\n    z-index: 1;\n  }\n\n  &__container,\n  &__container svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n    transform: translateX(40px);\n  }\n\n  path {\n    stroke-dashoffset: 70px;\n    stroke-dasharray: 70, 444;\n    -webkit-animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n    animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n  }\n\n  polygon {\n    stroke-dasharray: 310;\n    stroke-dashoffset: 310;\n    animation: big-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: big-polygon-draw 2s ease-in-out infinite;\n  }\n\n  polygon:nth-child(2),\n  polygon:nth-child(3) {\n    stroke-dasharray: 110;\n    stroke-dashoffset: 110;\n    animation: small-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: small-polygon-draw 2s ease-in-out infinite;\n  }\n\n  @keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @-webkit-keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n\n  @keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n * @part svg - The spinner icon.\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX or BME logo or a simple spinner. */\n  @Prop() logo?: 'six' | 'bme';\n  /**\n   * **@deprecated** Use `logo=\"six\"` instead.\n   *\n   * If set to true, the spinner displays the SIX logo.\n   */\n  @Prop() six?: boolean;\n\n  /**\n   * Renders a container with a given SVG content.\n   */\n  private renderWrapper(content: SVGElement) {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">{content}</div>\n      </span>\n    );\n  }\n\n  /**\n   * Renders the SIX logo spinner.\n   */\n  private renderSIXLogo() {\n    const sixLogo = (\n      <svg viewBox=\"0 0 40 40\" part=\"svg\">\n        <path\n          fill=\"none\"\n          stroke=\"#de3919\"\n          stroke-width=\"5\"\n          stroke-linecap=\"round\"\n          d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n        ></path>\n      </svg>\n    );\n    return this.renderWrapper(sixLogo);\n  }\n\n  /**\n   * Renders the BME logo spinner.\n   */\n  private renderBMELogo() {\n    const bmeLogo = (\n      <svg viewBox=\"0 0 45 55\" part=\"svg\">\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"4.42 51.96 17.02 31.473 2 31.473 2 22.486 17.02 22.486 4.42 2 15.404 2 30.289 26.98 14.763 51.96 4.42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"42 51.96 31.655 51.96 24.598 40.498 29.831 32.073 42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"24.518 12.719 31.014 2 42 2 29.831 21.637 24.518 12.719\"\n        />\n      </svg>\n    );\n    return this.renderWrapper(bmeLogo);\n  }\n\n  /**\n   * Renders a simple spinner.\n   */\n  private renderSimpleSpinner() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    // Check the deprecated `six` property first\n    if (this.six) {\n      console.warn('The \"six\" prop is deprecated. Use \"logo=\\'six\\'\" instead.');\n      return this.renderSIXLogo();\n    }\n\n    switch (this.logo) {\n      case 'six':\n        return this.renderSIXLogo();\n      case 'bme':\n        return this.renderBMELogo();\n      default:\n        return this.renderSimpleSpinner();\n    }\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,aAAa,GAAG,8mEAA8mE;;MCgBvnE,UAAU,GAAA,MAAA;;;;AAUrB;;AAEG;AACK,IAAA,aAAa,CAAC,OAAmB,EAAA;AACvC,QAAA,QACEA,kBAAM,KAAK,EAAC,aAAa,EAAW,WAAA,EAAA,MAAM,eAAW,QAAQ,EAAA,EAC3DA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAAE,OAAO,CAAO,CAC9C;;AAIX;;AAEG;IACK,aAAa,GAAA;QACnB,MAAM,OAAO,IACXA,OAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAA,EACjCA,OAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EACH,cAAA,EAAA,GAAG,EACD,gBAAA,EAAA,OAAO,EACtB,CAAC,EAAC,mHAAmH,EAC/G,CAAA,CACJ,CACP;AACD,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;;AAGpC;;AAEG;IACK,aAAa,GAAA;QACnB,MAAM,OAAO,IACXA,OAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAA,EACjCA,OAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACD,cAAA,EAAA,GAAG,oBACD,OAAO,EACtB,MAAM,EAAC,6GAA6G,EACpH,CAAA,EACFA,OAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACD,cAAA,EAAA,GAAG,oBACD,OAAO,EACtB,MAAM,EAAC,4DAA4D,EACnE,CAAA,EACFA,OAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACD,cAAA,EAAA,GAAG,EACD,gBAAA,EAAA,OAAO,EACtB,MAAM,EAAC,yDAAyD,EAChE,CAAA,CACE,CACP;AACD,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;;AAGpC;;AAEG;IACK,mBAAmB,GAAA;QACzB,OAAOA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAW,WAAA,EAAA,MAAM,EAAW,WAAA,EAAA,QAAQ,GAAG;;IAGjF,MAAM,GAAA;;AAEJ,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC;AACzE,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAG7B,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,IAAI,CAAC,aAAa,EAAE;AAC7B,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,IAAI,CAAC,aAAa,EAAE;AAC7B,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE;;;;;;;;"}

package/dist/collection/assets/pictograms/TPP.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M385.8 170h-49.6v-56.7A28.4 28.4 0 0 0 307.8 85H180.3a28.4 28.4 0 0 0-28.4 28.4v40.2h28.4v-40.3h127.5v283.5H237V333h-28.4v63.8h-28.3V333h-28.4v92.1h262.2V198.4a28.4 28.4 0 0 0-28.3-28.4zm0 226.8h-49.6V198.4h49.6z"></path><path d="M125.5 285.4h-16v-67.1h-17v-13.8h50v13.8h-17z"></path><path d="M174.6 204.6q13.4 0 19.7 6.5t6.4 18.6a33.3 33.3 0 0 1-2.8 14 21 21 0 0 1-8.8 9.6q-6 3.5-15.4 3.5h-5.2v28.6h-16v-80.8zm-1 13.4h-5v25.3h3.5q6 0 9.3-3.1t3.3-10.3q0-11.9-11.1-11.9z"></path><path d="M234.8 204.6q13.3 0 19.7 6.5t6.3 18.6a33.3 33.3 0 0 1-2.8 14 21 21 0 0 1-8.8 9.6q-6 3.5-15.4 3.5h-5.2v28.6h-16v-80.8zm-1 13.4h-5.1v25.3h3.6q6 0 9.3-3.1t3.2-10.3q0-11.9-11-11.9z"></path></svg>

package/dist/collection/assets/pictograms/agile.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M391.2 331.7l-23 16.5 17.3 24.1-44.7-.1c-8 10.8-17.3 20.3-27.6 28.3l68.7.1-21.1 19.6 22.3 19.8 49.4-50.8-41.3-57.5z"></path><path d="M320.9 218.7a110 110 0 0 0-74.8-40.2A110.3 110.3 0 0 0 141 229.9a56.1 56.1 0 0 1 2.8-97.3 55.5 55.5 0 0 1 53-.2l-25.8 9.4 9.7 26.6L245 145l-14.8-73.1-27.8 5.6 5.8 28.9A84 84 0 0 0 89.5 158a84 84 0 0 0 39.6 97.9 112.6 112.6 0 0 0-3.8 49.3L103.1 289l-16.6 23 57.3 41.5 51-49.1-19.6-20.4-21.3 20.5a82.7 82.7 0 0 1 28.8-79.6 82 82 0 0 1 60.6-18.2 82.7 82.7 0 0 1-3.7 164.6l-153.2.5v-.1h-.1V400l164.6.3a114.4 114.4 0 0 0 57.8-28.2l.2-.3a108.6 108.6 0 0 0 36.4-71.8c3.1-29.4-5.6-58.3-24.4-81.3z"></path></svg>

package/dist/collection/assets/pictograms/ai.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M398.4 264.5a25.8 25.8 0 0 0-22.5 13.2l-53.3-.3a14.2 14.2 0 0 0-.2 28.3l55.6.4a25.8 25.8 0 1 0 20.4-41.6z"></path><path d="M398.4 192.7a25.8 25.8 0 0 0-22.2 12.6l-99.2.3v-24l29.1.6h.4a54 54 0 0 0 41.4-19.3l21-24.9 2 .1a25.8 25.8 0 1 0-24.4-17.5l-20.3 24a25.8 25.8 0 0 1-19.7 9.2l-29.5-.4v-8.2a60 60 0 0 0-60.2-59.6 60.6 60.6 0 0 0-51.2 28.3 70 70 0 0 0-49.9 66.7 69 69 0 0 0 1.1 12.4 79.2 79.2 0 0 0-7 121 63.5 63.5 0 0 0-4.3 23.3 65 65 0 0 0 62 64.6 60.8 60.8 0 0 0 49.2 25.3 60 60 0 0 0 60.2-59.6v-9.2l29.4-.5a25.8 25.8 0 0 1 19.7 9.3l20.3 24.1a25.4 25.4 0 0 0-1.3 8 25.8 25.8 0 1 0 25.8-25.8h-2.4L347.7 349a54 54 0 0 0-41.5-19.3l-29.2.4v-96l100.6-.3a25.8 25.8 0 1 0 20.8-41zm-150 174.8a31.5 31.5 0 0 1-31.7 31.3 31.9 31.9 0 0 1-28.3-17.6l-4.4-8.8-9.9 1-3.3.2a36.6 36.6 0 0 1-36.7-36.4A35.9 35.9 0 0 1 140 318l7.3-11.5-11.2-7.8a51.1 51.1 0 0 1 4.3-87l10.5-6-4-11.2a40.4 40.4 0 0 1-2.5-13.8 41.6 41.6 0 0 1 33.4-40.6l7.4-1.6 3-6.3a31.6 31.6 0 0 1 60.2 13.1z"></path><path d="M177.1 247a14.2 14.2 0 0 1-14.1-14 59.2 59.2 0 0 1 58.1-60.2 14.2 14.2 0 1 1 .5 28.3 30.9 30.9 0 0 0-30.3 31.4 14.2 14.2 0 0 1-13.9 14.5z"></path><path d="M177.1 347.8a14.2 14.2 0 0 1-.2-28.4 30.9 30.9 0 0 0 30.3-31.4 14.2 14.2 0 1 1 28.3-.5 59.3 59.3 0 0 1-58.1 60.3z"></path></svg>

package/dist/collection/assets/pictograms/airplane.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M416.7 263.7l-1.5-1.5-119.6-61.9-.2-57.7v-17h-.1a39.6 39.6 0 0 0-79.2-.1h-.1v74.6L96.4 261.3l-1.5 1.5a32.3 32.3 0 0 0-9.6 24.8l.7 29.7 129.4-23.7-.2 56.1-13.3 8.1-1.2 1.2c-8.6 8.5-9.8 24.3-9.6 29.9l.5 34.4 61.8-12.6 66.3 13.2.5-34.3c.2-5.5-1-21.4-9.6-29.9l-1.2-1.2-13.4-8.2-.2-56.1 130 23.8.4-29.7c.5-9.2-3-18.2-9.5-24.6zm-149.3-3.5l.4 106.2 22.7 13.9c.8 2.2 1.5 6.1 1.4 8v1.5l-38.5-7.9-33.9 7.1v-1.5c-.1-1.9.6-5.8 1.4-8l22.7-13.8.3-106.2-127.1 23.3 127.7-65.5v-90.8l.1-.9c0-6.1 5.1-11.1 11.3-11.1 6.2 0 11.3 5 11.3 11.1h.1l.2 92 127.3 65.9-127.4-23.3z"></path></svg>

package/dist/collection/assets/pictograms/alert.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M373.6 337.7L351 319.6a28.2 28.2 0 0 1-10.6-21.6l-1.9-93.4A83.5 83.5 0 0 0 284 127a29.8 29.8 0 1 0-58.8-6.5 30 30 0 0 0 .8 6.6 83.6 83.6 0 0 0-54.4 77.4l-1.9 93.5a28.3 28.3 0 0 1-10.5 21.4L136.4 338a16 16 0 0 0 10.2 28.1h94.2v16.2h-19.5A33.7 33.7 0 0 0 255 416a33.7 33.7 0 0 0 33.7-33.7h-19.5V366h94.3a16 16 0 0 0 10-28.3zm-192.4 0a56.6 56.6 0 0 0 16.7-39l2-95.4a55.3 55.3 0 0 1 54.2-53H255.8a55.3 55.3 0 0 1 54.3 53l2 95.4a56.6 56.6 0 0 0 16.6 39z"></path></svg>

package/dist/collection/assets/pictograms/ambulance.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M404.9 342.7L363.4 308l-26-21.7-18.1 21.8 25.9 21.7 41.5 34.7a28.3 28.3 0 0 1 10.1 21.7v39h28.3v-39a56.4 56.4 0 0 0-20.2-43.5z"></path><path d="M340.2 375.6h-21.3v-21.3h-28.3v21.3h-21.3v28.3h21.3v21.3h28.3v-21.3h21.3z"></path><path d="M255.2 78h-.2a85.2 85.2 0 0 0-84.9 85V219.8c0 20.1 7 38.6 18.7 53.1l-42 35.2-41.5 34.7A56.5 56.5 0 0 0 85 386.2v39h28.3v-39c0-8.4 3.7-16.3 10.1-21.7l41.5-34.7 45.3-37.9a84.3 84.3 0 0 0 44.8 12.8h.2a85.1 85.1 0 0 0 84.9-84.8V163a85 85 0 0 0-84.9-85zm56.6 141.7a56.7 56.7 0 0 1-113.4 0V163a56.7 56.7 0 0 1 113.4 0v56.7z"></path></svg>

package/dist/collection/assets/pictograms/analyse.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M349.4 298.5h28.3v127h-28.3z" transform="rotate(-45 363.53 362)"></path><path d="M220.5 332.7c-62.4 0-113.3-50.8-113.3-113.3 0-62.4 50.8-113.3 113.3-113.3 62.4 0 113.3 50.8 113.3 113.3S283 332.7 220.5 332.7zm0-198.2c-46.8 0-84.9 38.1-84.9 84.9 0 46.8 38.1 84.9 84.9 84.9 46.8 0 84.9-38.1 84.9-84.9 0-46.8-38.1-84.9-84.9-84.9z"></path><path d="M164.6 196.5V265c4.5 6.1 10 11.5 16.3 15.9v-84.4h-16.3z"></path><path d="M197.2 223.4v65.9c5.2 1.9 10.6 3.1 16.3 3.7v-69.5h-16.3z"></path><path d="M229.8 173.8v118.9c5.7-.8 11.1-2.2 16.3-4.3V173.8h-16.3z"></path><path d="M262.5 198.4v80.7c6.4-4.9 11.9-10.8 16.3-17.6v-63.2h-16.3z"></path></svg>

package/dist/collection/assets/pictograms/anchor.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M403.3 335.9l-36.5 43.6a47.5 47.5 0 0 1-36.6 17.1H269l1.3-125.8H319v-28.3h-48.4l.7-67.9a46.4 46.4 0 1 0-60.3-44.1c0 20.5 13.5 38 32 44l-.7 68h-49.6v28.3H242l-1.3 126-60 .3h-.2a47.6 47.6 0 0 1-36.5-17l-36.7-43.4L85.7 355l36.7 43.4a75.9 75.9 0 0 0 58.2 27h.3l78.9-.4v-.2h70.5c22.6 0 43.8-10 58.3-27.3l36.5-43.6-21.8-18zM257.2 112.5c9.9 0 18 8.1 18 18s-8.1 18-18 18-18-8.1-18-18 8.1-18 18-18z"></path></svg>

package/dist/collection/assets/pictograms/apple.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M396.2 253.3c-3.4-34.5-26.4-73.3-70.3-81.9a95.3 95.3 0 0 0-58.4 8.5v-45.7c0-11.8-5.2-22.9-14.2-30.5l-25-20.9-18.2 21.7 25 20.9c2.6 2.2 4.1 5.4 4.1 8.8v46.1c-14.8-7-36-13.3-59.1-8.8-43.9 8.6-66.9 47.4-70.3 81.9-3.5 35.8 7.8 81.2 29.4 118.7 26.9 46.2 53.1 53.6 66.2 53.9h1.1c9.7 0 18.5-3.5 27.2-6.9a62.7 62.7 0 0 1 19.3-5.5c5.5 0 12.5 2.8 19.3 5.5a74.3 74.3 0 0 0 27.1 6.9h1.1c13.2-.3 39.4-7.7 66.3-53.9 21.7-37.5 32.9-83 29.4-118.8zm-57.9 102.1c-17 29.3-32.2 37.4-38.6 37.5-3.3.1-9.6-2.4-15.2-4.6a87.2 87.2 0 0 0-30.9-7.8h-1.3a87.2 87.2 0 0 0-30.8 7.8c-5.6 2.2-11.9 4.7-15.3 4.6-6.3-.1-21.5-8.2-38.5-37.5-18.1-31.2-28-70-25.1-98.9 1.6-16.7 12.7-46.6 43.8-52.8 27.1-5.3 52.8 14.5 53.4 14.9 3.7 2.9 8.8 5 13.4 4.8 3.2.4 7.2-.9 13-4.8.3-.2 26.1-20.3 53.3-14.9 31.1 6.1 42.2 36 43.8 52.8 2.9 28.9-6.9 67.7-25 98.9z"></path></svg>

package/dist/collection/assets/pictograms/arrow-down.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M385 149.7l-47.4.4c-26.9.3-52 12.3-69.1 33.1L231 228.9l-66.2 80.6-15-79.8-27.9 5.3 22.9 121.2 123.4-1.1-.3-28.3-81.2.7 65.8-80.1 37.9-46.2a61.6 61.6 0 0 1 47.5-22.7l47.4-.4-.3-28.4z"></path></svg>

package/dist/collection/assets/pictograms/arrow-right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M195.4 269.8h164L307.3 332l21.7 18.2 79.2-94.6-79.1-94.6-21.7 18.2 52.1 62.3H195.4a62 62 0 0 1-47.7-22.2L117.3 183l-21.7 18.2 30.4 36.3a90.4 90.4 0 0 0 69.4 32.3z"></path></svg>

package/dist/collection/assets/pictograms/arrow-up.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M371.5 152l-123.4 1.1.3 28.3 81.2-.7-66.2 80.6-37.9 46.1a61.6 61.6 0 0 1-47.5 22.7l-47.4.4.3 28.3 47.4-.4c26.9-.3 52-12.3 69.1-33.1l37.9-46.2 66.2-80.6 15 79.8 27.9-5.2L371.5 152z"></path></svg>

package/dist/collection/assets/pictograms/astronaut-outline.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M266.4 325.9h21.3V425h-21.3z"></path><path d="M223.8 325.9h21.3V425h-21.3z"></path><path d="M294.3 238.1a31.8 31.8 0 0 1 7.2 20.2v67.4h21.3V286l45.8.2V160.9H333a77.5 77.5 0 0 0-153.6 0h-14.3v-42.7c5.3-1.5 9.2-6.4 9.2-12.2a12.8 12.8 0 0 0-25.6 0c0 5.8 3.9 10.7 9.2 12.2v42.7h-15.2v125.2l45.2-.2v39.7h21.3v-67.4c0-7.7 2.8-15.1 7.8-20.8a77.3 77.3 0 0 0 76.1 1.2m-105 19.6v6.4l-24 .1v-82.6h15.5c2.4 16 9.8 30.5 20.4 41.7l.4.4a53.2 53.2 0 0 0-12.3 34zm106.6-46.8a55.8 55.8 0 0 1-60.6 10.8 56 56 0 0 1 22.1-107.8 56.2 56.2 0 0 1 38.5 97zm52.6 53.3l-24.5-.1v-6.4c0-11.8-4-24.1-11.8-32.9a76.6 76.6 0 0 0 21.9-43.2h14.5v82.6z"></path><path d="M285.6 146.7h-58.8a6 6 0 0 0-5.9 5.9v40.9a6 6 0 0 0 5.9 5.9h58.8a6 6 0 0 0 5.9-5.9v-40.9a5.8 5.8 0 0 0-5.9-5.9zm0 46.8h-58.8v-40.9h58.8v40.9z"></path></svg>

package/dist/collection/assets/pictograms/augmented-reality.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M281.7 241.5a25.2 25.2 0 0 0-50.4 0v25.2a25.2 25.2 0 0 0 50.4 0v-25.2z"></path><path d="M428.4 252c-.4-2.9-1.8-5.6-4-7.9-55.2-55.2-114.2-82.1-175.3-79.9-96.1 3.4-161.3 77.5-164 80.6-3.4 3.9-4.2 9-2.8 13.6.4 2.9 1.8 5.6 4 7.8 53.1 53.1 109.8 80 168.4 80l6.9-.1c96.1-3.4 161.3-77.5 164-80.6 3.4-3.8 4.3-9 2.8-13.5zm-168 65.9c-49.8 1.7-98.6-19.5-145.2-63.2 19.3-18.4 69.7-59.8 135.1-62.1 49.8-1.8 98.7 19.5 145.5 63.1-19.6 18.5-70.2 59.9-135.4 62.2z"></path></svg>

package/dist/collection/assets/pictograms/backoffice.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M135 183.2a7.1 7.1 0 0 1 7-7H369a7.1 7.1 0 0 1 7 7v127.6h28.4V183.2a35.5 35.5 0 0 0-35.4-35.4H142.1a35.5 35.5 0 0 0-35.4 35.4v127.6H135z"></path><path d="M425.6 332H85.4v28.4h340.2zM298 349.7h-85v-7h85z"></path><path d="M317.9 237.5v-10.6h-12.8a28.7 28.7 0 0 0-4.5-10.9l9-9-7.5-7.5-9 9a28.7 28.7 0 0 0-11-4.5v-12.8h-10.5v12.7a28.6 28.6 0 0 0-11 4.6l-9-9-7.5 7.5 9 9a28.7 28.7 0 0 0-4.5 10.9h-12.8v10.6h12.8a28.6 28.6 0 0 0 4.5 11l-9 9 7.6 7.4 9-9a28.6 28.6 0 0 0 10.9 4.5v12.8h10.6v-12.8A28.7 28.7 0 0 0 293 256l9 9 7.5-7.5-9-9a28.6 28.6 0 0 0 4.5-10.9zm-22.9-5.3a18.1 18.1 0 1 1-18.1-18.1 18.1 18.1 0 0 1 18.1 18z"></path><path d="M249.6 280.5l-2.7-6.8-8.2 3.2a19.9 19.9 0 0 0-5.7-5.8l3.5-8.1-6.8-3-3.4 8.2a19.7 19.7 0 0 0-8.2-.1l-3.3-8.2-6.8 2.7 3.3 8.2a19.7 19.7 0 0 0-5.8 5.7l-8.2-3.5-2.8 6.7 8 3.5a19.8 19.8 0 0 0 0 8.2l-8.2 3.2 2.7 6.8 8.2-3.2a19.7 19.7 0 0 0 5.7 5.8l-3.5 8.1 6.7 3 3.5-8.2a19.7 19.7 0 0 0 8.2.1l3.2 8.2 6.8-2.7-3.2-8.2a19.7 19.7 0 0 0 5.8-5.7l8.1 3.5 3-6.8-8.2-3.4a19.8 19.8 0 0 0 .1-8.2zm-16 2.4a12.5 12.5 0 1 1-16.3-7 12.6 12.6 0 0 1 16.3 7"></path></svg>

package/dist/collection/assets/pictograms/bank.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M85 396.9h340.2v28.3H85z"></path><path d="M247.3 107.3a14 14 0 0 1 15.7 0l154.4 102.9 15.7-23.6L278.7 83.7a42.3 42.3 0 0 0-47.2 0L77.2 186.6l15.7 23.6 154.4-102.9z"></path><path d="M141.7 205.5v141.7h-28.3v28.4h283.5v-28.4h-28.4V205.5h-28.3v141.7h-70.9V205.5h-28.4v141.7h-70.8V205.5z"></path></svg>

package/dist/collection/assets/pictograms/banknote.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M85 304.7v92.1a28.3 28.3 0 0 0 28.3 28.3h283.5a28.3 28.3 0 0 0 28.3-28.3v-92.1a28.3 28.3 0 0 0-28.3-28.3H113.4A28.4 28.4 0 0 0 85 304.7zm311.9 0v92.1H113.4v-92.1h283.5z"></path><path d="M188.3 371.4h-20l13.3-19.2c2.8-4.1 6.7-10 6.7-16.6 0-8.7-4.8-12.5-13.6-12.5-7.5 0-13.4 3.4-14.1 11.7l-.1 2.8h7.9l.2-3.2c.5-3.2 2.2-5.5 5.9-5.5 4.1 0 5.6 2.6 5.6 6.2 0 2.9-.9 6.3-2.9 9.3l-17.3 26v6.8h28.5v-5.8z"></path><path d="M209.3 378.4c13.2 0 14-10.4 14-23.1v-13.2c0-10.7-1.4-18.9-13.8-18.9-12.2 0-14.3 9.1-14.3 19.4v12.9c0 13.6 1.1 22.9 14.1 22.9zm-6.1-31.1c0-10.7.2-18.4 6.3-18.4 6.2 0 5.9 7.4 5.9 18.4v8.1c0 8.4.4 17.2-6.1 17.2-5.9 0-6.2-7.1-6.2-17.5v-7.8z"></path><path d="M137.6 262.1l20.7-19.4-53.3-53.4 65.1-65.2 7.4 7.4 40.2 40.2 89.2 89.2 19.6-20.5-107.9-107.8 73.2-26.6 56.8 156.2 26.9-8.8-57.2-157A28.2 28.2 0 0 0 282 79.5l-85.6 31.1-6.3-6.3a28 28 0 0 0-40 0L85 169.4a28 28 0 0 0 0 40l52.6 52.7z"></path></svg>

package/dist/collection/assets/pictograms/barcode.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M114.2 114.1h28.3v283.3h-28.3z"></path><path d="M191.1 114.1h7v247.4h-7z"></path><path d="M355.6 114.1h7v247.4h-7z"></path><path d="M209.6 114.1h7v247.4h-7z"></path><path d="M319 114.1h28.3v247.4H319z"></path><path d="M276 114.1h7v247.4h-7z"></path><path d="M291.1 114.1h7v247.4h-7z"></path><path d="M243.9 114.1h21v247.4h-21z"></path><path d="M159.2 114.1h21v247.4h-21z"></path><path d="M376.5 114.1h21v283.3h-21z"></path></svg>

package/dist/collection/assets/pictograms/battery.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M412.7 200.1H375v-15.8a28.3 28.3 0 0 0-28.3-28.3H111.4a28.3 28.3 0 0 0-28.3 28.3V326a28.3 28.3 0 0 0 28.3 28.3h235.3A28.3 28.3 0 0 0 375 326v-15.8h37.7c7.8 0 14.2-6.3 14.2-14.2v-81.7a14.3 14.3 0 0 0-14.2-14.2zm-66 125.9H111.4V184.3h235.3V326zm51.8-44.2H375v-53.4h23.5v53.4z"></path><path d="M140.1 211.1v88h148.6l-52-88z"></path></svg>

package/dist/collection/assets/pictograms/beacon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><circle cx="255.3" cy="254.6" r="22.7"></circle><path d="M211.7 254.6c0-24.1 19.6-43.6 43.6-43.6s43.6 19.6 43.6 43.6c0 19.1-12.3 35.3-29.3 41.2V324c32.2-6.6 56.6-35.2 56.6-69.4 0-39.1-31.8-70.9-70.9-70.9s-70.9 31.8-70.9 70.9c0 34.3 24.4 62.9 56.8 69.5v-28.2a43.63 43.63 0 0 1-29.5-41.3z"></path><path d="M162.7 254.6c0-51.1 41.6-92.7 92.7-92.7s92.7 41.6 92.7 92.7c0 46.2-34 84.7-78.4 91.6v28.1c59.7-7.1 106.2-58 106.2-119.6 0-66.4-54-120.5-120.5-120.5-66.4 0-120.5 54-120.5 120.5 0 61.7 46.6 112.7 106.4 119.6v-28a92.8 92.8 0 0 1-78.6-91.7z"></path><path d="M255.3 84.6c-93.8 0-170.1 76.3-170.1 170.1 0 89 68.8 162.3 156 169.5v-28.4c-71.6-7.1-127.7-67.6-127.7-141.1 0-78.2 63.6-141.8 141.8-141.8 78.2 0 141.8 63.6 141.8 141.8 0 73.4-56 133.9-127.5 141.1v28.4c87.1-7.3 155.8-80.5 155.8-169.5 0-93.8-76.3-170.1-170.1-170.1z"></path></svg>

package/dist/collection/assets/pictograms/beat.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M245.4 402c-6.7 0-12.5-4.7-13.9-11.4l-26.3-130.8-5.9 11.1c-2.5 4.6-7.3 7.5-12.5 7.5H98.2a14.19 14.19 0 1 1 0-28.4h80.1l20.5-38.3c2.8-5.3 8.7-8.2 14.6-7.3 5.9.9 10.6 5.4 11.8 11.2l16.1 80 19.4-176a14.16 14.16 0 0 1 28-1.1l25.9 134.1 12.8-17.4c2.7-3.6 6.9-5.8 11.4-5.8h73c7.8 0 14.2 6.3 14.2 14.2s-6.3 14.2-14.2 14.2H346l-27.7 37.8c-3.3 4.5-9 6.7-14.5 5.4-5.5-1.2-9.7-5.6-10.8-11.1L278.7 216l-19.1 173.4c-.8 6.9-6.5 12.3-13.5 12.6h-.7z"></path></svg>

package/dist/collection/assets/pictograms/bee.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M422.3 293c-8-28.4-38.3-56.2-90.2-82.8l-5.4-2.7v-7.8a70.8 70.8 0 0 0-34.3-60.6l1.8-18.3a9.6 9.6 0 0 1 4.1-6.9l11.7-8-16-23.4-11.7 8a38 38 0 0 0-16.4 27.5l-1.2 11.6a64 64 0 0 0-17.4-.1L246 117a37.6 37.6 0 0 0-16.5-27.4l-11.8-7.9-15.8 23.5 11.8 7.9a9.8 9.8 0 0 1 4.2 6.9l2 19a70.5 70.5 0 0 0-34.5 60.7v7l-6.9 3.5c-51.8 26.6-82.2 54.4-90.2 82.8-3.8 13.5-4.4 34.2 14.3 56.3l.9.9c.9.8 18.1 17.5 43.8 17.5 5 0 10.4-.6 16-2.2a70.3 70.3 0 0 0 20.2-9.2 72.3 72.3 0 0 0 144.2.4c6.3 4 12.9 6.9 19.6 8.8a62 62 0 0 0 59.8-15.3l.9-.9c18.7-22.1 18.1-42.8 14.3-56.3zM256 157.4a42.4 42.4 0 0 1 42 36.9c-17.9-7.6-31.8-12.5-36.6-14.2-1.9-.9-4-1.3-6.1-1.3-2.1 0-4.2.4-6.1 1.3-4.7 1.6-18 6.3-35.1 13.5a42.3 42.3 0 0 1 41.9-36.2zm-25.9 142.9h50.2c5.1 9.6 10.5 18.1 16 25.7h-82.2c5.6-7.5 10.9-16.1 16-25.7zm13.5-28.3c4-9.4 7.9-19.5 11.6-30.3 3.7 10.8 7.6 20.9 11.6 30.3h-23.2zm-87.4 66.1a36 36 0 0 1-32.6-7.8c-8.4-10.1-11-19.6-8.1-29.7 5.6-19.8 32.4-43 75.5-65.1a535 535 0 0 1 42.8-19.4c-15.8 49.7-42.2 112.1-77.6 122zm99.4 57.6a44 44 0 0 1-43.8-41.4h87.7a44.1 44.1 0 0 1-43.9 41.4zm131.2-65.3a36.4 36.4 0 0 1-32.3 7.8c-35.6-9.6-62.1-72.2-77.9-122a529 529 0 0 1 42.5 19.3c43.3 22.2 70.2 45.4 75.8 65.2 1.9 6.4 3 16.3-8.1 29.7z"></path></svg>

package/dist/collection/assets/pictograms/bell.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M86 356h338.7v28.3H86z"></path><path d="M255.4 216.6a116 116 0 0 1 115.8 115.8h28.3c0-74.6-57-136.1-129.7-143.4v-26.6H293a37.4 37.4 0 0 0-74.8 0h23.2V189c-73 7-130.3 68.7-130.3 143.5h28.3a116.3 116.3 0 0 1 116-115.9z"></path></svg>

package/dist/collection/assets/pictograms/berlin.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M83.4 179.6h343.5v28.6H83.4z"></path><path d="M112 235.3h28.6v157.4H112z"></path><path d="M197.9 235.3h28.6v157.4h-28.6z"></path><path d="M283.7 235.3h28.6v157.4h-28.6z"></path><path d="M283.7 129.1H298v41.1h-14.3z"></path><path d="M248 106.4h14.3v63.8H248z"></path><path d="M212.2 129.1h14.3v41.1h-14.3z"></path><path d="M369.6 235.3h28.6v157.4h-28.6z"></path></svg>

package/dist/collection/assets/pictograms/big-data.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M432.3 180.3a43.9 43.9 0 0 0-78.5-26.7l-105.5-33.5a43.9 43.9 0 1 0-74 40.3L105 286.6a43.8 43.8 0 1 0 32.1 73.7l142.8 25.9a43.8 43.8 0 1 0 77.3-32.1L399 222.9a44 44 0 0 0 33.3-42.6zm-109 157.9c-2.4 0-4.8.2-7.1.6l-21.7-41.7a53 53 0 0 0 17.3-60.2l47.1-24.5a43.2 43.2 0 0 0 18.1 10.1l-37.8 118.7c-5-2-10.3-3-15.9-3zm-114.7-83c0 3.8.4 7.6 1.2 11.2l-71.2 35.9A43.2 43.2 0 0 0 126 292l66.2-120.3a42.9 42.9 0 0 0 21.2 1.4l20.3 37a53 53 0 0 0-25.1 45.1zm53.2-24.9a24.8 24.8 0 1 1 0 49.6 24.8 24.8 0 0 1 0-49.6zm126.8-65.4a15.4 15.4 0 1 1 0 30.8 15.4 15.4 0 0 1 0-30.8zm-41.4 29.8L300.6 219a53 53 0 0 0-47-16.4l-21-38.2a43.6 43.6 0 0 0 15.1-22.4l97.7 31a44 44 0 0 0 1.8 21.7zm-141.5-80.1a15.4 15.4 0 1 1 0 30.8 15.4 15.4 0 0 1 0-30.8zM105.1 345.8a15.4 15.4 0 1 1 0-30.8 15.4 15.4 0 0 1 0 30.8zm42.8-24.7l70.3-35.5a53.2 53.2 0 0 0 57.4 20.8l21.2 40.7a44 44 0 0 0-14 18.2l-135.2-24.5a45.7 45.7 0 0 0 .3-19.7zm175.4 76.2a15.4 15.4 0 1 1 0-30.8 15.4 15.4 0 0 1 0 30.8z"></path></svg>

package/dist/collection/assets/pictograms/bilateral.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M109.8 332.5c0-9.5 4.2-18.4 11.4-24.4l30.7-25.7a45.93 45.93 0 0 0 50.6 0l30.7 25.6c7.2 6.1 11.4 15 11.4 24.4v8.1h21.3v-8.1c0-9.5 4.2-18.4 11.4-24.4l30.7-25.7c7.3 4.8 15.9 7.6 25.3 7.6s18-2.8 25.3-7.6l30.7 25.6c7.2 6.1 11.4 15 11.4 24.4v8.1H422v-8.1c0-15.8-6.9-30.6-19-40.7L373 267a46 46 0 0 0 6.2-23v-28.3a46.1 46.1 0 1 0-92.2-.1V244a46 46 0 0 0 6.2 23l-29.7 24.8c-3.2 2.6-5.9 5.6-8.4 8.8-2.4-3.2-5.2-6.2-8.4-8.8L217.1 267a46 46 0 0 0 6.2-23v-28.3c0-25.4-20.7-46.1-46.1-46.1s-46.1 20.7-46.1 46.1V244a46 46 0 0 0 6.2 23l-29.7 24.9c-12.1 10.1-19 25-19 40.7v8.1h21.3v-8.2zm198.5-116.9a24.8 24.8 0 1 1 49.6 0V244a24.8 24.8 0 1 1-49.6 0v-28.4zm-155.9 0a24.8 24.8 0 1 1 49.6 0V244a24.8 24.8 0 1 1-49.6 0v-28.4z"></path></svg>

package/dist/collection/assets/pictograms/bill.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M190.7 239.9h85.7v7.1h-85.7z"></path><path d="M209.4 157.6h91.9v7.1h-91.9z"></path><path d="M209.9 175h91.9v7.1h-91.9z"></path><path d="M192.6 343.3h53.2v7.1h-53.2z"></path><path d="M294.2 239.9h25.7v7.1h-25.7z"></path><path d="M294.4 261.2h25.7v7.1h-25.7z"></path><path d="M294.4 282.4h25.7v7.1h-25.7z"></path><path d="M294.4 303.7h25.7v7.1h-25.7z"></path><path d="M294.4 341.7h25.7v7.1h-25.7z"></path><path d="M190.7 261.2h85.7v7.1h-85.7z"></path><path d="M190.7 282.4h85.7v7.1h-85.7z"></path><path d="M190.7 303.7h85.7v7.1h-85.7z"></path><path d="M176.9 114.4L163 100.2l-14 14.2h-.2v283l14.2 13.3 14.1-13.3v-283z"></path><path d="M223.3 114.1h-.2l-13.9-14.3-14 14.3h-.2z"></path><path d="M269.5 114.1h-.2l-13.9-14.3-14 14.3h-.3z"></path><path d="M315.6 114.1h-.2l-13.9-14.3-14 14.3h-.2z"></path><path d="M285.6 396.5h.3l13.9 14.2 14-14.2h.2z"></path><path d="M239.5 396.5h.2l13.9 14.2 14-14.2h.2z"></path><path d="M193.3 396.5h.2l13.9 14.2 14-14.2h.2z"></path><path d="M361.6 114.4l-13.9-14.2-14 14.2h-.2v283l14.2 13.3 14.1-13.3v-283z"></path></svg>

package/dist/collection/assets/pictograms/binoculars.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M101 332.8l.3.4.4.5.6.7c3.8 5 8.3 9.5 13.3 13.4l1.4 1.1.1.1c2.3 1.7 4.5 3.2 6.7 4.5l1.4.9a83 83 0 0 0 17.6 7.4l2.1.5c2.4.6 4.9 1.1 7.5 1.5h.2l.6.1 1.2.2h.3a78.7 78.7 0 0 0 87.6-69h26.5a76.6 76.6 0 0 0 14.8 37.4l.3.5.4.5.6.7c3.8 5 8.3 9.5 13.3 13.4l1.4 1.1.1.1c2.3 1.7 4.5 3.2 6.7 4.5l1.4.9a83 83 0 0 0 17.6 7.4l2.1.5c2.4.6 4.9 1.1 7.5 1.5h.2l.6.1 1.2.2h.3a78.7 78.7 0 0 0 88.2-78l-.1-2.2-.1-1a77.7 77.7 0 0 0-24-53.3 77.9 77.9 0 0 0-74.5-19.4c-12.1-8.6-23.8-8.7-39.3-5h-1.9a37.6 37.6 0 0 0 5.5-19.7l-.1-1.5v-.1a37.8 37.8 0 1 0-70.6 20.6l.1.1a42.1 42.1 0 0 0-40.9 4.5A78.7 78.7 0 0 0 101 332.8zm245.9-96.7a50 50 0 0 1 50 47.9l.1 1.7.1.8v.1a50.2 50.2 0 0 1-56.1 49.5l-.4-.1-1.4-.2c-1.6-.2-3.1-.6-4.5-.9l-1.5-.4a52.4 52.4 0 0 1-10.9-4.6l-1.1-.7c-1.4-.8-2.8-1.8-4.3-2.9l-.6-.4-.2-.2a54.4 54.4 0 0 1-8.6-8.7l-.3-.4-.6-.7-2.9-4.4a50.3 50.3 0 0 1 43.2-75.4zm-93.8-60c5.1 0 9.2 3.9 9.5 9l.1 1a9.6 9.6 0 0 1-9.6 9.2l-.9-.1-.6-.1-.7-.1-.5-.1-1.8-.8-.4-.3-.8-.6-.2-.1a12 12 0 0 1-1.6-1.6l-.1-.1-.2-.2-.5-.8a9.1 9.1 0 0 1-1.3-4.8 9.6 9.6 0 0 1 9.6-9.5zm37.3 55.8a78.8 78.8 0 0 0-19.6 35.1h-30.4a78.4 78.4 0 0 0-19.5-35.1h69.5zm-126.1 4.2a50 50 0 0 1 50 47.9l.1 1.7.1.8v.1a50.2 50.2 0 0 1-56.1 49.5l-.4-.1-1.4-.2c-1.6-.2-3.1-.6-4.5-.9l-1.5-.4a52.4 52.4 0 0 1-10.9-4.6l-1.1-.7c-1.4-.8-2.8-1.8-4.3-2.9l-.6-.4-.2-.2a54.4 54.4 0 0 1-8.6-8.7l-.3-.4-.6-.7-2.9-4.4a50.3 50.3 0 0 1 43.2-75.4z"></path></svg>

package/dist/collection/assets/pictograms/block.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M416.5 192.1h-43.1v13.4h-12.1v-93h-11.9V99.1h-43.1v13.4h-27.7V99.1h-43.1v13.4h-27.7V99.1h-43.1v13.4h-11.9v112.6h67.3v73.4h-11.9v-13.8h-43.1v13.8H141v-13.8H97.9v13.8H85.8v112.6h284.8v-93h58V205.5h-12.1v-13.4zm-243.7 13v-72.6h168.4v72.6H172.8zm177.8 186H105.8v-72.6h244.8v72.6zm58-93H240.2v-72.6h168.4v72.6z"></path></svg>

package/dist/collection/assets/pictograms/blockchain.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M416.8 181.4c10.1 0 18.2-8.5 18.2-19v-68c0-10.5-8.2-19-18.2-19h-69.6a18.6 18.6 0 0 0-18.2 19v28.4h-22.6V94.4c0-10.5-8.2-19-18.2-19h-69.6a18.6 18.6 0 0 0-18.2 19v28.4h-20V94.4c0-10.5-8.2-19-18.2-19H92.6a18.6 18.6 0 0 0-18.2 19v68c0 10.5 8.2 19 18.2 19h30.7v21H92.6a18.6 18.6 0 0 0-18.2 19v68c0 10.5 8.2 19 18.2 19h30.7v21H92.6a18.6 18.6 0 0 0-18.2 19v68c0 10.5 8.2 19 18.2 19h69.6c10.1 0 18.2-8.5 18.2-19V388h20v28.4c0 10.5 8.2 19 18.2 19h69.6c10.1 0 18.2-8.5 18.2-19v-28.2H329v28.2c0 10.5 8.2 19 18.2 19h69.6c10.1 0 18.2-8.5 18.2-19v-68c0-10.5-8.2-19-18.2-19h-30v-21h30c10.1 0 18.2-8.5 18.2-19v-68c0-10.5-8.2-19-18.2-19h-28.6v-21h28.6zm-66.8-85h64v64h-64v-64zm-128.7 0h64v64h-64v-64zm-126 0h64v64h-64v-64zm38 85h28.8c10.1 0 18.2-8.5 18.2-19v-29.6h20v29.6c0 10.5 8.2 19 18.2 19h29.7v21h-29.7a18.6 18.6 0 0 0-18.2 19v28.9h-20v-28.9c0-10.5-8.2-19-18.2-19h-28.8v-21zm88 106v-64h64v64h-64zm-126-64h64v64h-64v-64zm64.1 191h-64v-64h64v64zm40.9-66V378h-20v-29.7c0-10.5-8.2-19-18.2-19h-28.8v-21h28.8c10.1 0 18.2-8.5 18.2-19v-29.2h20v29.2c0 10.5 8.2 19 18.2 19h29.7v21h-29.7c-10 .1-18.2 8.6-18.2 19.1zm85.1 66h-64v-64h64v64zm128.7 0h-64v-64h64v64zm-37.2-85h-29.6a18.6 18.6 0 0 0-18.2 19v29.9h-22.6v-29.9c0-10.5-8.2-19-18.2-19h-29.9v-21h29.9c10.1 0 18.2-8.5 18.2-19v-29.2H329v29.2c0 10.5 8.2 19 18.2 19h29.6v21zm37.2-42h-64v-64h64v64zm-35.8-85h-31a18.6 18.6 0 0 0-18.2 19v28.9h-22.6v-28.9c0-10.5-8.2-19-18.2-19h-29.9v-21h29.9c10.1 0 18.2-8.5 18.2-19v-29.6H329v29.6c0 10.5 8.2 19 18.2 19h31v21z"></path></svg>

package/dist/collection/assets/pictograms/bluetooth.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M253.7 426.8a14.2 14.2 0 0 1-14.2-14.2V282.3l-104.3 72.4a14 14 0 0 1-19.7-3.6 14 14 0 0 1 3.6-19.7l109.8-76.3-109.6-76.9a14.1 14.1 0 1 1 16.2-23.2l104 73V99.6a14.2 14.2 0 0 1 21.3-12.3l122.4 70.6a14.1 14.1 0 0 1 1 23.9l-105.8 73.4L383.6 329a14.2 14.2 0 0 1-.9 23.8l-121.7 72c-2.3 1.3-4.8 2-7.3 2zm14.2-144.3v105.3l81.4-48.2-81.4-57.1zm0-158.4v104l81.8-56.8-81.8-47.2z"></path></svg>