nve-designsystem 0.0.1

package/dist/collection/stories/assets/tutorials.svg

@@ -0,0 +1,12 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10031_177597)">
+<path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M17 7.87059C17 6.48214 17.9812 5.28722 19.3431 5.01709L29.5249 2.99755C31.3238 2.64076 33 4.01717 33 5.85105V22.1344C33 23.5229 32.0188 24.7178 30.6569 24.9879L20.4751 27.0074C18.6762 27.3642 17 25.9878 17 24.1539L17 7.87059Z" fill="#B7F0EF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 5.85245C1 4.01857 2.67623 2.64215 4.47507 2.99895L14.6569 5.01848C16.0188 5.28861 17 6.48354 17 7.87198V24.1553C17 25.9892 15.3238 27.3656 13.5249 27.0088L3.34311 24.9893C1.98119 24.7192 1 23.5242 1 22.1358V5.85245Z" fill="#87E6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.543 5.71289C15.543 5.71289 16.8157 5.96289 17.4002 6.57653C17.9847 7.19016 18.4521 9.03107 18.4521 9.03107C18.4521 9.03107 18.4521 25.1106 18.4521 26.9629C18.4521 28.8152 19.3775 31.4174 19.3775 31.4174L17.4002 28.8947L16.2575 31.4174C16.2575 31.4174 15.543 29.0765 15.543 27.122C15.543 25.1674 15.543 5.71289 15.543 5.71289Z" fill="#61C1FD"/>
+</g>
+<defs>
+<clipPath id="clip0_10031_177597">
+<rect width="32" height="32" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/stories/assets/youtube.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.3313 8.44657C30.9633 7.08998 29.8791 6.02172 28.5022 5.65916C26.0067 5.00026 16 5.00026 16 5.00026C16 5.00026 5.99333 5.00026 3.4978 5.65916C2.12102 6.02172 1.03665 7.08998 0.668678 8.44657C0 10.9053 0 16.0353 0 16.0353C0 16.0353 0 21.1652 0.668678 23.6242C1.03665 24.9806 2.12102 26.0489 3.4978 26.4116C5.99333 27.0703 16 27.0703 16 27.0703C16 27.0703 26.0067 27.0703 28.5022 26.4116C29.8791 26.0489 30.9633 24.9806 31.3313 23.6242C32 21.1652 32 16.0353 32 16.0353C32 16.0353 32 10.9053 31.3313 8.44657Z" fill="#ED1D24"/>
+<path d="M12.7266 20.6934L21.0902 16.036L12.7266 11.3781V20.6934Z" fill="white"/>
+</svg>

package/dist/collection/utils/utils.js

@@ -0,0 +1,4 @@
+export function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY;EAChE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}

package/dist/collection/utils/utils.spec.js

@@ -0,0 +1,16 @@
+import { format } from "./utils";
+describe('format', () => {
+  it('returns empty string for no names defined', () => {
+    expect(format(undefined, undefined, undefined)).toEqual('');
+  });
+  it('formats just first names', () => {
+    expect(format('Joseph', undefined, undefined)).toEqual('Joseph');
+  });
+  it('formats first and last names', () => {
+    expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');
+  });
+  it('formats first, middle and last names', () => {
+    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
+  });
+});
+//# sourceMappingURL=utils.spec.js.map

package/dist/collection/utils/utils.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACnD,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;EAC9D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;IAClC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;EACnE,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;EAC7E,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;EACnF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { format } from './utils';\n\ndescribe('format', () => {\n  it('returns empty string for no names defined', () => {\n    expect(format(undefined, undefined, undefined)).toEqual('');\n  });\n\n  it('formats just first names', () => {\n    expect(format('Joseph', undefined, undefined)).toEqual('Joseph');\n  });\n\n  it('formats first and last names', () => {\n    expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');\n  });\n\n  it('formats first, middle and last names', () => {\n    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');\n  });\n});\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface NveButton extends Components.NveButton, HTMLElement {}
+export const NveButton: {
+  prototype: NveButton;
+  new (): NveButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/nve-button.js

@@ -0,0 +1,55 @@
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+
+const nveButtonCss = ".nve-button.sc-nve-button::part(base){font-style:normal;font-weight:600;font-family:var(--font-families-source-sans-pro);display:flex;justify-content:center;align-items:center}.disabled.sc-nve-button{opacity:var(--disabled)}.ghost.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);border:none}.nve-button.sc-nve-button::part(base):focus{--sl-focus-ring:none}.ghost.sc-nve-button::part(base):hover{color:var(--interactive-secondary-foreground-default);background:var(--interactive-ghost-background-hover);border:none}.ghost.sc-nve-button::part(base):focus{border:2px solid var(--interactive-ghost-border-focus)}.primary.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);background:var(--interactive-primary-background-default);color:var(--interactive-primary-foreground-default);border:none}.primary.sc-nve-button::part(base):hover{background:var(--interactive-primary-background-hover);color:var(--interactive-primary-foreground-default);border:none}.primary.sc-nve-button::part(base):focus{border:2px solid var(--interactive-primary-foreground-border-focus);background:var(--interactive-primary-background-default)}.primary.sc-nve-button::part(base):disabled{opacity:var(--interactive-ghost-foreground-disabled);background:var(--interactive-primary-background-disabed)}.primary.sc-nve-button::part(base):focus-visible{border:2px solid var(--interactive-primary-foreground-border-focus)}.secondary.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);background:var(--interactive-secondary-background-default);color:var(--interactive-secondary-foreground-default);border:none}.secondary.sc-nve-button::part(base):hover{background:var(--interactive-secondary-background-hover);color:var(--interactive-secondary-foreground-default);border:none}.secondary.sc-nve-button::part(base):focus{border:2px solid var(--interactive-secondary-border-focus);background:var(--interactive-secondary-background-default)}.outlined.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);border:1px solid var(--interactive-outlined-border-default);color:var(--interactive-secondary-foreground-default)}.outlined.sc-nve-button::part(base):hover{border:1px solid var(--interactive-outlined-border-hover);background:var(--interactive-primary-foreground-default);color:var(--interactive-secondary-foreground-default)}.outlined.sc-nve-button::part(base):focus{border:2px solid var(--interactive-primary-foreground-default)}.spinner.sc-nve-button{border:4px solid var(--interactive-primary-foreground-default);border-top:4px solid var(--interactive-secondary-foreground-default);border-radius:50%;width:25px;height:25px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+
+h("script", { type: "module", src: "https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.9.0/cdn/shoelace-autoloader.js" });
+const NveButton$1 = /*@__PURE__*/ proxyCustomElement(class NveButton extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.type = "primary";
+    this.size = "medium";
+    this.showLabel = undefined;
+    this.label = undefined;
+    this.trailingIcon = undefined;
+    this.leadingIcon = undefined;
+    this.disabled = undefined;
+    this.loading = undefined;
+  }
+  render() {
+    const className = `nve-button ${this.type} ${this.size} ${this.disabled}`;
+    return h("div", null, h("sl-button", { class: className, size: this.size }, this.leadingIcon ? h("span", { slot: "prefix", class: "material-icons" }, this.leadingIcon) : "", this.trailingIcon ? h("span", { slot: "suffix", class: "material-icons" }, this.trailingIcon) : "", this.showLabel ? this.label : "", this.loading ?
+      h("span", { slot: "suffix", class: "spinner" })
+      : ""));
+  }
+  static get style() { return nveButtonCss; }
+}, [2, "nve-button", {
+    "type": [1],
+    "size": [1],
+    "showLabel": [4, "show-label"],
+    "label": [1],
+    "trailingIcon": [1, "trailing-icon"],
+    "leadingIcon": [1, "leading-icon"],
+    "disabled": [1],
+    "loading": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["nve-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "nve-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, NveButton$1);
+      }
+      break;
+  } });
+}
+
+const NveButton = NveButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { NveButton, defineCustomElement };
+
+//# sourceMappingURL=nve-button.js.map

package/dist/components/nve-button.js.map

@@ -0,0 +1 @@
+{"file":"nve-button.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+tFAA+tF;;ACEnvF,cAAQ,IAAI,EAAC,QAAQ,EAChB,GAAG,EAAC,wFAAwF,GAAU,CAAA;MAY/FA,WAAS;;;;gBAG6C,SAAS;gBACjB,QAAQ;;;;;;;;EASjE,MAAM;IAEJ,MAAM,SAAS,GAAG,cAAc,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAA;IAEzE,OAAO,eAEN,iBAAW,KAAK,EAAE,SAAS,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,IAKhB,IAAI,CAAC,WAAW,GAAG,YAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,gBAAgB,IACxD,IAAI,CAAC,WAAW,CAEJ,GAAE,EAAE,EAGnB,IAAI,CAAC,YAAY,GAAG,YAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,gBAAgB,IAC3D,IAAI,CAAC,YAAY,CAEL,GAAE,EAAE,EAGnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,EAEjC,IAAI,CAAC,OAAO;MACb,YAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,GAAQ;QACzC,EAAE,CAGS,CASP,CAAC;GACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["NveButton"],"sources":["src/components/nve-button/nve-button.css?tag=nve-button&encapsulation=scoped","src/components/nve-button/nve-button.tsx"],"sourcesContent":["\r\n\r\n.nve-button::part(base){\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    font-family: var(--font-families-source-sans-pro);\r\n    display: flex;\r\n      justify-content: center;\r\n      /* Horizontal centering */\r\n      align-items: center;\r\n}\r\n\r\n.disabled {\r\n  opacity: var(--disabled);\r\n}\r\n\r\n.ghost::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  border: none;\r\n}\r\n\r\n.nve-button::part(base):focus{\r\n  --sl-focus-ring: none; \r\n}\r\n\r\n.ghost::part(base):hover {\r\n  color: var(--interactive-secondary-foreground-default);\r\n  background: var(--interactive-ghost-background-hover);\r\n  border: none;\r\n}\r\n\r\n.ghost::part(base):focus{\r\n  border: 2px solid var(--interactive-ghost-border-focus);\r\n}\r\n\r\n\r\n.primary::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  background: var(--interactive-primary-background-default);\r\n  color: var(--interactive-primary-foreground-default);\r\n  border: none;\r\n}\r\n  \r\n.primary::part(base):hover {\r\n  background: var(--interactive-primary-background-hover);\r\n  color: var(--interactive-primary-foreground-default);\r\n  border: none;\r\n}\r\n\r\n.primary::part(base):focus{\r\n  border: 2px solid var(--interactive-primary-foreground-border-focus);\r\n  background: var(--interactive-primary-background-default);\r\n}\r\n\r\n.primary::part(base):disabled{\r\n  opacity: var(--interactive-ghost-foreground-disabled);\r\n  background: var(--interactive-primary-background-disabed);\r\n}\r\n\r\n.primary::part(base):focus-visible{\r\n  border: 2px solid var(--interactive-primary-foreground-border-focus);\r\n}\r\n\r\n\r\n.secondary::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  background: var(--interactive-secondary-background-default);\r\n  color: var(--interactive-secondary-foreground-default);\r\n  border: none;\r\n}\r\n\r\n.secondary::part(base):hover {\r\n  background: var(--interactive-secondary-background-hover);\r\n  color: var(--interactive-secondary-foreground-default);\r\n  border: none;\r\n}\r\n\r\n.secondary::part(base):focus{\r\n  border: 2px solid var(--interactive-secondary-border-focus);\r\n  background: var(--interactive-secondary-background-default);\r\n}\r\n\r\n\r\n.outlined::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  border: 1px solid var(--interactive-outlined-border-default);\r\n  color: var(--interactive-secondary-foreground-default);\r\n}\r\n\r\n.outlined::part(base):hover{\r\n  border: 1px solid var(--interactive-outlined-border-hover);\r\n  background: var(--interactive-primary-foreground-default);\r\n  color: var(--interactive-secondary-foreground-default);\r\n}\r\n\r\n.outlined::part(base):focus{\r\n  border: 2px solid var(--interactive-primary-foreground-default);\r\n}\r\n\r\n  .spinner {\r\n      border: 4px solid var(--interactive-primary-foreground-default);\r\n      border-top: 4px solid var(--interactive-secondary-foreground-default);\r\n      border-radius: 50%;\r\n      width: 25px;\r\n      height: 25px;\r\n      animation: spin 2s linear infinite;\r\n    }\r\n  \r\n    @keyframes spin {\r\n      0% {\r\n        transform: rotate(0deg);\r\n      }\r\n  \r\n      100% {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n","import { Component, Prop, h } from '@stencil/core';\r\n\r\n <script type=\"module\"\r\n      src=\"https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.9.0/cdn/shoelace-autoloader.js\"></script>\r\n\r\nimport './../../../../build/css/nve.css';\r\nimport './../../../../build/css/nve_dark.css';\r\nimport './../../../../build/css/varsom.css';\r\nimport './../../../../build/css/varsom_dark.css';\r\n\r\n@Component({\r\n  tag: 'nve-button',\r\n  styleUrl: 'nve-button.css',\r\n  scoped: true\r\n})\r\nexport class NveButton {\r\n\r\n\r\n    @Prop() type: \"primary\" | \"secondary\" | \"outlined\" | \"ghost\" = \"primary\";\r\n  @Prop() size: \"large\" | \"medium\" | \"small\" | \"x-small\" = \"medium\";\r\n  @Prop() showLabel: boolean;\r\n  @Prop() label: string;\r\n  @Prop() trailingIcon: string;\r\n  @Prop() leadingIcon: string;\r\n  @Prop() disabled: string;\r\n  @Prop() loading: boolean;\r\n\r\n\r\n  render() {\r\n\r\n    const className = `nve-button ${this.type} ${this.size} ${this.disabled}`\r\n    \r\n    return <div>\r\n      \r\n     <sl-button class={className}\r\n     size={this.size}\r\n\r\n     >\r\n      \r\n    {/** prefix icon */}\r\n   {this.leadingIcon ? <span slot=\"prefix\" class=\"material-icons\">\r\n        {this.leadingIcon\r\n        }\r\n              </span>: \"\"}\r\n\r\n    {/** suffix icon */}                            \r\n     {this.trailingIcon ? <span slot=\"suffix\" class=\"material-icons\">\r\n        {this.trailingIcon\r\n        }\r\n              </span>: \"\"}\r\n\r\n     {/** label */}\r\n     {this.showLabel ? this.label : \"\" }\r\n \r\n    {this.loading ? \r\n    <span slot=\"suffix\" class=\"spinner\"></span>\r\n    : \"\"}  \r\n    \r\n\r\n     </sl-button>\r\n\r\n\r\n  \r\n  \r\n\r\n     \r\n     \r\n    \r\n    </div>;\r\n  }\r\n}\r\n"],"version":3}

package/dist/designsytem/designsytem.css

@@ -0,0 +1 @@
+:root{--disabled:36%;--varsom-blue-050:#c8eaf9;--varsom-blue-000:#eff8fc;--varsom-blue-999:#00131c;--varsom-blue-950:#002738;--varsom-blue-900:#003147;--varsom-blue-850:#00364e;--varsom-blue-800:#00425f;--varsom-blue-700:#005175;--varsom-blue-600:#005c85;--varsom-blue-500:#006b99;--varsom-blue-400:#1f83ad;--varsom-blue-300:#2c96c4;--varsom-blue-200:#43a9d5;--varsom-blue-150:#7ec4e2;--varsom-blue-100:#a6d8ee;--orange-050:#ffecd6;--orange-000:#fff6f1;--orange-999:#8b3200;--orange-950:#973a06;--orange-900:#a2420c;--orange-850:#ae4a13;--orange-800:#b95219;--orange-700:#d16325;--orange-600:#e87332;--orange-500:#ff833e;--orange-400:#ff9a24;--orange-300:#ffb186;--orange-200:#ffc98a;--orange-150:#ffdaae;--orange-100:#ffe3c2;--varsom-brand-050:#fbc792;--varsom-brand-000:#fdd0a2;--varsom-brand-999:#432301;--varsom-brand-950:#542c01;--varsom-brand-900:#653502;--varsom-brand-850:#763d02;--varsom-brand-800:#874602;--varsom-brand-700:#aa5803;--varsom-brand-600:#f44900;--varsom-brand-500:#ff5f1b;--varsom-brand-400:#ff7b43;--varsom-brand-300:#f49d43;--varsom-brand-200:#f7ae63;--varsom-brand-150:#f8b673;--varsom-brand-100:#fabf82;--green-050:#f0fef5;--green-000:#f6fff9;--green-999:#06421a;--green-950:#105427;--green-900:#1a6533;--green-850:#247740;--green-800:#00814b;--green-700:#43ab66;--green-600:#57ce7f;--green-500:#6bf198;--green-400:#8af0a1;--green-300:#97f2a8;--green-200:#8af0a1;--green-150:#cbf9cb;--green-100:#e5fce5;--blue-050:#d5edff;--blue-000:#e6f4ff;--blue-999:#00233d;--blue-950:#02345a;--blue-900:#034272;--blue-850:#044b81;--blue-800:#0668b1;--blue-700:#1e6fdc;--blue-600:#0f81fa;--blue-500:#008ffb;--blue-400:#38a9ff;--blue-300:#65bdff;--blue-200:#91d0ff;--blue-150:#a8daff;--blue-100:#ceeaff;--yellow-050:#fff5d9;--yellow-000:#fff9e9;--yellow-999:#a27900;--yellow-950:#ab8207;--yellow-900:#b58a0e;--yellow-850:#be9315;--yellow-800:#c79c1c;--yellow-700:#daad2a;--yellow-600:#ecbf38;--yellow-500:#ffd046;--yellow-400:#ffd867;--yellow-300:#ffe087;--yellow-200:#ffe8a5;--yellow-150:#ffedb8;--yellow-100:#fff4d2;--red-050:#ffd8de;--red-000:#ffebee;--red-999:#730000;--red-950:#810505;--red-900:#8f0a0a;--red-850:#a80303;--red-800:#bc0303;--red-700:#cc0000;--red-600:#ea2020;--red-500:#ff3131;--red-400:#ff5757;--red-300:#ff7575;--red-200:#ff9494;--red-150:#ffa8a8;--red-100:#ffc2c2;--grey-050:#f7f7f8;--grey-000:#ffffff;--grey-999:#000000;--grey-950:#0d0d0e;--grey-900:#1b1c1e;--grey-850:#292a2c;--grey-800:#3c3f44;--grey-700:#515459;--grey-600:#60656c;--grey-500:#878c94;--grey-400:#9fa3a9;--grey-300:#b7babf;--grey-200:#c9cbcf;--grey-150:#e4e5e7;--grey-100:#edeef0;--nve-brand-050:#ff4564;--nve-brand-000:#ff5e79;--nve-brand-999:#440510;--nve-brand-950:#510613;--nve-brand-900:#5e0716;--nve-brand-850:#6c0819;--nve-brand-800:#79091c;--nve-brand-700:#880b1f;--nve-brand-600:#a40d26;--nve-brand-500:#c8102e;--nve-brand-400:#d91232;--nve-brand-300:#e61335;--nve-brand-200:#f71439;--nve-brand-150:#ff153b;--nve-brand-100:#ff2b4e;--hard:0px 2px 10px 0px rgba(96, 101, 108, 0.3);--soft:0px 2px 8px 0px rgba(96, 101, 108, 0.15);--none:0px 0px 0px 0px rgba(0, 0, 0, 0);--border-width-strong:2px;--border-width-default:1px;--border-width-none:0px;--border-radius-large:6px;--border-radius-small:4px;--border-radius-none:0px;--sizing-x-large:4rem;--sizing-large:3.5rem;--sizing-medium:2.5rem;--sizing-small:1.5rem;--sizing-x-small:1rem;--sizing-xx-small:0.5rem;--font-weights-source-sans-pro-2:600;--font-weights-source-sans-pro-1:400;--font-weights-source-sans-pro-zero:600;--font-weight-semibold:600;--font-weight-regular:400;--font-size-3xlarge:4rem;--font-size-2xlarge:3rem;--font-size-xlarge:2.5rem;--font-size-large:2rem;--font-size-medium:1.5rem;--font-size-small:1.25rem;--font-size-xsmall:1.125rem;--font-size-2xsmall:1rem;--font-size-3xsmall:0.875rem;--font-size-8:64px;--font-size-7:48px;--font-size-6:40px;--font-size-5:32px;--font-size-4:24px;--font-size-3:20px;--font-size-2:18px;--font-size-1:16px;--font-size-zero:14px;--spacing-grid-gutter:3.5rem;--spacing-grid-gap:5rem;--spacing-grid-margin:4rem;--spacing-5x-large:10rem;--spacing-4x-large:5rem;--spacing-3x-large:4rem;--spacing-2x-large:2.5rem;--spacing-x-large:2rem;--spacing-large:1.5rem;--spacing-medium:1rem;--spacing-small:0.75rem;--spacing-x-small:0.5rem;--spacing-xx-small:0.25rem;--paragraph-indent-zero:0px;--text-decoration-underline:underline;--text-decoration-none:none;--text-case-uppercase:uppercase;--text-case-none:none;--text-case-capitalize:capitalize;--paragraph-spacing-5:40;--paragraph-spacing-4:32;--paragraph-spacing-3:24;--paragraph-spacing-2:16;--paragraph-spacing-1:12;--paragraph-spacing-zero:0;--letter-spacing-1:5%;--letter-spacing-zero:0%;--line-heights-6:110%;--line-heights-5:150%;--line-heights-4:140%;--line-heights-3:130%;--line-heights-2:125%;--line-heights-1:120%;--line-heights-zero:115%;--font-families-source-sans-pro:"Source Sans Pro";--label-x-small-light:var(--font-weights-source-sans-pro-1) var(--font-size-zero) / var(--line-heights-6) var(--font-families-source-sans-pro);--label-x-small:var(--font-weights-source-sans-pro-zero) var(--font-size-zero) / var(--line-heights-6) var(--font-families-source-sans-pro);--label-small-light:var(--font-weights-source-sans-pro-1) var(--font-size-1) / var(--line-heights-6) var(--font-families-source-sans-pro);--label-small:var(--font-weights-source-sans-pro-zero) var(--font-size-1) / var(--line-heights-6) var(--font-families-source-sans-pro);--label-medium-light:var(--font-weights-source-sans-pro-1) var(--font-size-2) / var(--line-heights-6) var(--font-families-source-sans-pro);--label-medium:var(--font-weights-source-sans-pro-zero) var(--font-size-2) / var(--line-heights-6) var(--font-families-source-sans-pro);--label-large-light:var(--font-weights-source-sans-pro-1) var(--font-size-3) / var(--line-heights-6) var(--font-families-source-sans-pro);--label-large:var(--font-weights-source-sans-pro-zero) var(--font-size-3) / var(--line-heights-6) var(--font-families-source-sans-pro);--detailtext-caps-small:var(--font-weights-source-sans-pro-zero) var(--font-size-1) / var(--line-heights-5) var(--font-families-source-sans-pro);--detailtext-caps-large:var(--font-weights-source-sans-pro-zero) var(--font-size-3) / var(--line-heights-5) var(--font-families-source-sans-pro);--detailtext-caption:var(--font-weights-source-sans-pro-1) var(--font-size-zero) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-compact-xsmall-underline-compact:var(--font-weights-source-sans-pro-1) var(--font-size-zero) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-compact-xsmall-compact:var(--font-weights-source-sans-pro-1) var(--font-size-zero) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-compact-small-underline-compact:var(--font-weights-source-sans-pro-1) var(--font-size-1) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-compact-small-compact:var(--font-weights-source-sans-pro-1) var(--font-size-1) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-compact-medium-underline-compact:var(--font-weights-source-sans-pro-1) var(--font-size-2) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-compact-medium-compact:var(--font-weights-source-sans-pro-1) var(--font-size-2) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-compact-large-underline-compact:var(--font-weights-source-sans-pro-1) var(--font-size-3) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-compact-large-compact:var(--font-weights-source-sans-pro-1) var(--font-size-3) / var(--line-heights-1) var(--font-families-source-sans-pro);--body-xsmall-underline:var(--font-weights-source-sans-pro-1) var(--font-size-zero) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-xsmall:var(--font-weights-source-sans-pro-1) var(--font-size-zero) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-small-underline:var(--font-weights-source-sans-pro-1) var(--font-size-1) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-small:var(--font-weights-source-sans-pro-1) var(--font-size-1) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-medium-underline:var(--font-weights-source-sans-pro-1) var(--font-size-2) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-medium-default:var(--font-weights-source-sans-pro-1) var(--font-size-2) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-large-underline:var(--font-weights-source-sans-pro-1) var(--font-size-3) / var(--line-heights-5) var(--font-families-source-sans-pro);--body-large:var(--font-weights-source-sans-pro-1) var(--font-size-3) / var(--line-heights-5) var(--font-families-source-sans-pro);--ingress-xsmall-semibold:var(--font-weights-source-sans-pro-2) var(--font-size-1) / var(--line-heights-5) var(--font-families-source-sans-pro);--ingress-xsmall-regular:var(--font-weights-source-sans-pro-1) var(--font-size-1) / var(--line-heights-5) var(--font-families-source-sans-pro);--ingress-medium-semibold:var(--font-weights-source-sans-pro-zero) var(--font-size-3) / var(--line-heights-5) var(--font-families-source-sans-pro);--ingress-medium-regular:var(--font-weights-source-sans-pro-1) var(--font-size-3) / var(--line-heights-5) var(--font-families-source-sans-pro);--ingress-small-semibold:var(--font-weights-source-sans-pro-zero) var(--font-size-2) / var(--line-heights-5) var(--font-families-source-sans-pro);--ingress-small-regular:var(--font-weights-source-sans-pro-1) var(--font-size-2) / var(--line-heights-5) var(--font-families-source-sans-pro);--ingress-large-semibold:var(--font-weights-source-sans-pro-zero) var(--font-size-4) / var(--line-heights-4) var(--font-families-source-sans-pro);--ingress-large-regular-default:var(--font-weights-source-sans-pro-1) var(--font-size-4) / var(--line-heights-4) var(--font-families-source-sans-pro);--subheading-x-small:var(--font-weights-source-sans-pro-1) var(--font-size-3) / var(--line-heights-4) var(--font-families-source-sans-pro);--subheading-medium:var(--font-weights-source-sans-pro-1) var(--font-size-5) / var(--line-heights-2) var(--font-families-source-sans-pro);--subheading-2x-large:var(--font-weights-source-sans-pro-1) var(--font-size-8) / var(--line-heights-zero) var(--font-families-source-sans-pro);--subheading-small:var(--font-weights-source-sans-pro-1) var(--font-size-4) / var(--line-heights-3) var(--font-families-source-sans-pro);--subheading-large:var(--font-weights-source-sans-pro-1) var(--font-size-6) / var(--line-heights-1) var(--font-families-source-sans-pro);--subheading-x-large:var(--font-weights-source-sans-pro-1) var(--font-size-7) / var(--line-heights-zero) var(--font-families-source-sans-pro);--header-x-small:var(--font-weights-source-sans-pro-zero) var(--font-size-3) / var(--line-heights-4) var(--font-families-source-sans-pro);--header-small:var(--font-weights-source-sans-pro-zero) var(--font-size-4) / var(--line-heights-3) var(--font-families-source-sans-pro);--header-medium:var(--font-weights-source-sans-pro-zero) var(--font-size-5) / var(--line-heights-2) var(--font-families-source-sans-pro);--header-large-default:var(--font-weights-source-sans-pro-zero) var(--font-size-6) / var(--line-heights-1) var(--font-families-source-sans-pro);--header-x-large:var(--font-weights-source-sans-pro-zero) var(--font-size-7) / var(--line-heights-zero) var(--font-families-source-sans-pro);--header-2x-large:var(--font-weights-source-sans-pro-zero) var(--font-size-8) / var(--line-heights-zero) var(--font-families-source-sans-pro);--dangerlevel-foreground-subtle-level5:var(--grey-950);--dangerlevel-foreground-subtle-level4:var(--grey-950);--dangerlevel-foreground-subtle-level3:var(--grey-950);--dangerlevel-foreground-subtle-level2:var(--grey-950);--dangerlevel-foreground-subtle-level1:var(--grey-950);--dangerlevel-foreground-mute-level5:var(--grey-950);--dangerlevel-foreground-mute-level4:var(--grey-950);--dangerlevel-foreground-mute-level3:var(--grey-950);--dangerlevel-foreground-mute-level2:var(--grey-950);--dangerlevel-foreground-mute-level1:var(--grey-950);--dangerlevel-foreground-default-level5:var(--grey-000);--dangerlevel-foreground-default-level4:var(--grey-950);--dangerlevel-foreground-default-level3:var(--grey-950);--dangerlevel-foreground-default-level2:var(--grey-950);--dangerlevel-foreground-default-level1:var(--grey-950);--dangerlevel-background-default-level5:var(--grey-950);--dangerlevel-background-default-level4:var(--red-500);--dangerlevel-background-default-level3:var(--orange-400);--dangerlevel-background-default-level2:var(--yellow-500);--dangerlevel-background-default-level1:var(--green-500);--dangerlevel-background-subtle-level5:var(--grey-150);--dangerlevel-background-subtle-level4:var(--red-000);--dangerlevel-background-subtle-level3:var(--orange-050);--dangerlevel-background-subtle-level2:var(--yellow-100);--dangerlevel-background-subtle-level1:var(--green-100);--dangerlevel-background-mute-level5:var(--grey-200);--dangerlevel-background-mute-level4:var(--red-050);--dangerlevel-background-mute-level3:var(--orange-150);--dangerlevel-background-mute-level2:var(--yellow-200);--dangerlevel-background-mute-level1:var(--green-150);--feedback-foreground-emphasized-success:var(--green-800);--feedback-foreground-emphasized-warning:var(--yellow-500);--feedback-foreground-emphasized-error:var(--red-700);--feedback-foreground-emphasized-info:var(--blue-500);--feedback-foreground-subtle-success:var(--grey-800);--feedback-foreground-subtle-warning:var(--grey-800);--feedback-foreground-subtle-error:var(--grey-800);--feedback-foreground-subtle-info:var(--grey-800);--feedback-foreground-default-success:var(--grey-950);--feedback-foreground-default-warning:var(--grey-950);--feedback-foreground-default-error:var(--grey-950);--feedback-foreground-default-info:var(--grey-950);--feedback-background-emphasized-success:var(--green-800);--feedback-background-emphasized-warning:var(--yellow-500);--feedback-background-emphasized-error:var(--red-700);--feedback-background-emphasized-info:var(--blue-500);--feedback-background-subtle-success:var(--green-100);--feedback-background-subtle-warning:var(--yellow-100);--feedback-background-subtle-error:var(--red-000);--feedback-background-subtle-info:var(--blue-000);--feedback-background-default-success:var(--green-150);--feedback-background-default-warning:var(--yellow-200);--feedback-background-default-error:var(--red-050);--feedback-background-default-info:var(--blue-100);--interactive-links-visited:var(--grey-600);--interactive-links-focus:var(--blue-500);--interactive-links-hover:var(--grey-950);--interactive-links-default:var(--blue-700);--interactive-ghost-border-focus:var(--blue-500);--interactive-ghost-foreground-disabled:var(--grey-950);--interactive-ghost-foreground-hover:var(--grey-950);--interactive-ghost-foreground-default:var(--grey-950);--interactive-ghost-background-hover:var(--grey-150);--interactive-outlined-border-disabled:var(--grey-500);--interactive-outlined-border-focus:var(--blue-600);--interactive-outlined-border-hover:var(--grey-950);--interactive-outlined-border-default:var(--grey-500);--interactive-outlined-foreground-disabled:var(--grey-950);--interactive-outlined-foreground-hover:var(--grey-950);--interactive-outlined-foreground-default:var(--grey-950);--interactive-secondary-border-focus:var(--blue-500);--interactive-secondary-foreground-disabled:var(--grey-950);--interactive-secondary-foreground-hover:var(--grey-950);--interactive-secondary-foreground-default:var(--grey-950);--interactive-secondary-background-disabled:var(--grey-150);--interactive-secondary-background-hover:var(--grey-200);--interactive-secondary-background-default:var(--grey-150);--interactive-primary-foreground-border-focus:var(--blue-500);--interactive-primary-foreground-disabled:var(--grey-000);--interactive-primary-foreground-hover:var(--grey-000);--interactive-primary-foreground-default:var(--grey-000);--interactive-primary-background-disabled:var(--grey-950);--interactive-primary-background-hover:var(--grey-800);--interactive-primary-background-default:var(--grey-950);--neutrals-border-disabled:var(--grey-600);--neutrals-border-subtle:var(--grey-150);--neutrals-border-mute:var(--grey-000);--neutrals-border-default:var(--grey-500);--neutrals-foreground-subtle:var(--grey-600);--neutrals-foreground-primary:var(--grey-950);--neutrals-background-canvas:var(--grey-050);--neutrals-background-secondary:var(--grey-150);--neutrals-background-primary:var(--grey-000);--neutrals-background-primary-contrast:var(--grey-050);--brand-deep:var(--nve-brand-700);--brand-light:var(--nve-brand-300);--brand-primary:var(--nve-brand-500)}

package/dist/designsytem/designsytem.esm.js

@@ -0,0 +1,2 @@
+import{p as e,b as n}from"./p-7f2589e6.js";export{s as setNonce}from"./p-7f2589e6.js";const o=()=>{const n=import.meta.url;const o={};if(n!==""){o.resourcesUrl=new URL(".",n).href}return e(o)};o().then((e=>n([["p-3f3f595c",[[2,"nve-button",{type:[1],size:[1],showLabel:[4,"show-label"],label:[1],trailingIcon:[1,"trailing-icon"],leadingIcon:[1,"leading-icon"],disabled:[1],loading:[4]}]]]],e)));
+//# sourceMappingURL=designsytem.esm.js.map

package/dist/designsytem/designsytem.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","type","size","showLabel","label","trailingIcon","leadingIcon","disabled","loading"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.6.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,gCAA8B,CAAAC,KAAS,IAAAC,KAAA,IAAAC,UAAA,iBAAAC,MAAA,IAAAC,aAAA,oBAAAC,YAAA,mBAAAC,SAAA,IAAAC,QAAA,SAAAT"}

package/dist/designsytem/index.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map

package/dist/designsytem/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/designsytem/p-3f3f595c.entry.js

@@ -0,0 +1,2 @@
+import{h as r,r as e}from"./p-7f2589e6.js";const a=".nve-button.sc-nve-button::part(base){font-style:normal;font-weight:600;font-family:var(--font-families-source-sans-pro);display:flex;justify-content:center;align-items:center}.disabled.sc-nve-button{opacity:var(--disabled)}.ghost.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);border:none}.nve-button.sc-nve-button::part(base):focus{--sl-focus-ring:none}.ghost.sc-nve-button::part(base):hover{color:var(--interactive-secondary-foreground-default);background:var(--interactive-ghost-background-hover);border:none}.ghost.sc-nve-button::part(base):focus{border:2px solid var(--interactive-ghost-border-focus)}.primary.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);background:var(--interactive-primary-background-default);color:var(--interactive-primary-foreground-default);border:none}.primary.sc-nve-button::part(base):hover{background:var(--interactive-primary-background-hover);color:var(--interactive-primary-foreground-default);border:none}.primary.sc-nve-button::part(base):focus{border:2px solid var(--interactive-primary-foreground-border-focus);background:var(--interactive-primary-background-default)}.primary.sc-nve-button::part(base):disabled{opacity:var(--interactive-ghost-foreground-disabled);background:var(--interactive-primary-background-disabed)}.primary.sc-nve-button::part(base):focus-visible{border:2px solid var(--interactive-primary-foreground-border-focus)}.secondary.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);background:var(--interactive-secondary-background-default);color:var(--interactive-secondary-foreground-default);border:none}.secondary.sc-nve-button::part(base):hover{background:var(--interactive-secondary-background-hover);color:var(--interactive-secondary-foreground-default);border:none}.secondary.sc-nve-button::part(base):focus{border:2px solid var(--interactive-secondary-border-focus);background:var(--interactive-secondary-background-default)}.outlined.sc-nve-button::part(base){border-radius:var(--border-radius-small, 4px);border:1px solid var(--interactive-outlined-border-default);color:var(--interactive-secondary-foreground-default)}.outlined.sc-nve-button::part(base):hover{border:1px solid var(--interactive-outlined-border-hover);background:var(--interactive-primary-foreground-default);color:var(--interactive-secondary-foreground-default)}.outlined.sc-nve-button::part(base):focus{border:2px solid var(--interactive-primary-foreground-default)}.spinner.sc-nve-button{border:4px solid var(--interactive-primary-foreground-default);border-top:4px solid var(--interactive-secondary-foreground-default);border-radius:50%;width:25px;height:25px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";r("script",{type:"module",src:"https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.9.0/cdn/shoelace-autoloader.js"});const o=class{constructor(r){e(this,r);this.type="primary";this.size="medium";this.showLabel=undefined;this.label=undefined;this.trailingIcon=undefined;this.leadingIcon=undefined;this.disabled=undefined;this.loading=undefined}render(){const e=`nve-button ${this.type} ${this.size} ${this.disabled}`;return r("div",null,r("sl-button",{class:e,size:this.size},this.leadingIcon?r("span",{slot:"prefix",class:"material-icons"},this.leadingIcon):"",this.trailingIcon?r("span",{slot:"suffix",class:"material-icons"},this.trailingIcon):"",this.showLabel?this.label:"",this.loading?r("span",{slot:"suffix",class:"spinner"}):""))}};o.style=a;export{o as nve_button};
+//# sourceMappingURL=p-3f3f595c.entry.js.map

package/dist/designsytem/p-3f3f595c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nveButtonCss","h","type","src","NveButton","render","className","this","size","disabled","class","leadingIcon","slot","trailingIcon","showLabel","label","loading"],"sources":["src/components/nve-button/nve-button.css?tag=nve-button&encapsulation=scoped","src/components/nve-button/nve-button.tsx"],"sourcesContent":["\r\n\r\n.nve-button::part(base){\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    font-family: var(--font-families-source-sans-pro);\r\n    display: flex;\r\n      justify-content: center;\r\n      /* Horizontal centering */\r\n      align-items: center;\r\n}\r\n\r\n.disabled {\r\n  opacity: var(--disabled);\r\n}\r\n\r\n.ghost::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  border: none;\r\n}\r\n\r\n.nve-button::part(base):focus{\r\n  --sl-focus-ring: none; \r\n}\r\n\r\n.ghost::part(base):hover {\r\n  color: var(--interactive-secondary-foreground-default);\r\n  background: var(--interactive-ghost-background-hover);\r\n  border: none;\r\n}\r\n\r\n.ghost::part(base):focus{\r\n  border: 2px solid var(--interactive-ghost-border-focus);\r\n}\r\n\r\n\r\n.primary::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  background: var(--interactive-primary-background-default);\r\n  color: var(--interactive-primary-foreground-default);\r\n  border: none;\r\n}\r\n  \r\n.primary::part(base):hover {\r\n  background: var(--interactive-primary-background-hover);\r\n  color: var(--interactive-primary-foreground-default);\r\n  border: none;\r\n}\r\n\r\n.primary::part(base):focus{\r\n  border: 2px solid var(--interactive-primary-foreground-border-focus);\r\n  background: var(--interactive-primary-background-default);\r\n}\r\n\r\n.primary::part(base):disabled{\r\n  opacity: var(--interactive-ghost-foreground-disabled);\r\n  background: var(--interactive-primary-background-disabed);\r\n}\r\n\r\n.primary::part(base):focus-visible{\r\n  border: 2px solid var(--interactive-primary-foreground-border-focus);\r\n}\r\n\r\n\r\n.secondary::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  background: var(--interactive-secondary-background-default);\r\n  color: var(--interactive-secondary-foreground-default);\r\n  border: none;\r\n}\r\n\r\n.secondary::part(base):hover {\r\n  background: var(--interactive-secondary-background-hover);\r\n  color: var(--interactive-secondary-foreground-default);\r\n  border: none;\r\n}\r\n\r\n.secondary::part(base):focus{\r\n  border: 2px solid var(--interactive-secondary-border-focus);\r\n  background: var(--interactive-secondary-background-default);\r\n}\r\n\r\n\r\n.outlined::part(base) {\r\n  border-radius: var(--border-radius-small, 4px);\r\n  border: 1px solid var(--interactive-outlined-border-default);\r\n  color: var(--interactive-secondary-foreground-default);\r\n}\r\n\r\n.outlined::part(base):hover{\r\n  border: 1px solid var(--interactive-outlined-border-hover);\r\n  background: var(--interactive-primary-foreground-default);\r\n  color: var(--interactive-secondary-foreground-default);\r\n}\r\n\r\n.outlined::part(base):focus{\r\n  border: 2px solid var(--interactive-primary-foreground-default);\r\n}\r\n\r\n  .spinner {\r\n      border: 4px solid var(--interactive-primary-foreground-default);\r\n      border-top: 4px solid var(--interactive-secondary-foreground-default);\r\n      border-radius: 50%;\r\n      width: 25px;\r\n      height: 25px;\r\n      animation: spin 2s linear infinite;\r\n    }\r\n  \r\n    @keyframes spin {\r\n      0% {\r\n        transform: rotate(0deg);\r\n      }\r\n  \r\n      100% {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n","import { Component, Prop, h } from '@stencil/core';\r\n\r\n <script type=\"module\"\r\n      src=\"https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.9.0/cdn/shoelace-autoloader.js\"></script>\r\n\r\nimport './../../../../build/css/nve.css';\r\nimport './../../../../build/css/nve_dark.css';\r\nimport './../../../../build/css/varsom.css';\r\nimport './../../../../build/css/varsom_dark.css';\r\n\r\n@Component({\r\n  tag: 'nve-button',\r\n  styleUrl: 'nve-button.css',\r\n  scoped: true\r\n})\r\nexport class NveButton {\r\n\r\n\r\n    @Prop() type: \"primary\" | \"secondary\" | \"outlined\" | \"ghost\" = \"primary\";\r\n  @Prop() size: \"large\" | \"medium\" | \"small\" | \"x-small\" = \"medium\";\r\n  @Prop() showLabel: boolean;\r\n  @Prop() label: string;\r\n  @Prop() trailingIcon: string;\r\n  @Prop() leadingIcon: string;\r\n  @Prop() disabled: string;\r\n  @Prop() loading: boolean;\r\n\r\n\r\n  render() {\r\n\r\n    const className = `nve-button ${this.type} ${this.size} ${this.disabled}`\r\n    \r\n    return <div>\r\n      \r\n     <sl-button class={className}\r\n     size={this.size}\r\n\r\n     >\r\n      \r\n    {/** prefix icon */}\r\n   {this.leadingIcon ? <span slot=\"prefix\" class=\"material-icons\">\r\n        {this.leadingIcon\r\n        }\r\n              </span>: \"\"}\r\n\r\n    {/** suffix icon */}                            \r\n     {this.trailingIcon ? <span slot=\"suffix\" class=\"material-icons\">\r\n        {this.trailingIcon\r\n        }\r\n              </span>: \"\"}\r\n\r\n     {/** label */}\r\n     {this.showLabel ? this.label : \"\" }\r\n \r\n    {this.loading ? \r\n    <span slot=\"suffix\" class=\"spinner\"></span>\r\n    : \"\"}  \r\n    \r\n\r\n     </sl-button>\r\n\r\n\r\n  \r\n  \r\n\r\n     \r\n     \r\n    \r\n    </div>;\r\n  }\r\n}\r\n"],"mappings":"2CAAA,MAAMA,EAAe,guFCEpBC,EAAA,UAAQC,KAAK,SACRC,IAAI,2F,MAYGC,EAAS,M,mCAG6C,U,UACR,S,oJASzD,MAAAC,GAEE,MAAMC,EAAY,cAAcC,KAAKL,QAAQK,KAAKC,QAAQD,KAAKE,WAE/D,OAAOR,EAAA,WAENA,EAAA,aAAWS,MAAOJ,EAClBE,KAAMD,KAAKC,MAKZD,KAAKI,YAAcV,EAAA,QAAMW,KAAK,SAASF,MAAM,kBACxCH,KAAKI,aAES,GAGjBJ,KAAKM,aAAeZ,EAAA,QAAMW,KAAK,SAASF,MAAM,kBAC3CH,KAAKM,cAES,GAGjBN,KAAKO,UAAYP,KAAKQ,MAAQ,GAE/BR,KAAKS,QACNf,EAAA,QAAMW,KAAK,SAASF,MAAM,YACxB,I"}

package/dist/designsytem/p-7f2589e6.js

@@ -0,0 +1,3 @@
+const t="designsytem";let n;let e=false;let s=false;const o=(t,n="")=>{{return()=>{}}};const l=(t,n)=>{{return()=>{}}};const c="{visibility:hidden}.hydrated{visibility:inherit}";const i={};const f=t=>t!=null;const r=t=>{t=typeof t;return t==="object"||t==="function"};function u(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const a=(t,n,...e)=>{let s=null;let o=false;let l=false;const c=[];const i=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){i(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!r(s)){s=String(s)}if(o&&l){c[c.length-1].t+=s}else{c.push(o?d(null,s):s)}l=o}}};i(e);if(n){{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}const f=d(t,null);f.o=n;if(c.length>0){f.l=c}return f};const d=(t,n)=>{const e={i:0,u:t,t:n,h:null,l:null};{e.o=null}return e};const y={};const h=t=>t&&t.u===y;const p=(t,n)=>{if(t!=null&&!r(t)){if(n&4){return t==="false"?false:t===""||!!t}if(n&1){return String(t)}return t}return t};const $=(t,n,e)=>{const s=ut.ce(n,e);t.dispatchEvent(s);return s};const m=new WeakMap;const v=(t,n,e)=>{let s=it.get(t);if(dt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}it.set(t,s)};const b=(t,n,e)=>{var s;const o=S(n);const l=it.get(o);t=t.nodeType===11?t:rt;if(l){if(typeof l==="string"){t=t.head||t;let n=m.get(t);let e;if(!n){m.set(t,n=new Set)}if(!n.has(o)){{e=rt.createElement("style");e.innerHTML=l;const n=(s=ut.p)!==null&&s!==void 0?s:u(rt);if(n!=null){e.setAttribute("nonce",n)}t.insertBefore(e,t.querySelector("link"))}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const w=t=>{const n=t.$;const e=t.$hostElement$;const s=n.i;const l=o("attachStyles",n.m);const c=b(e.getRootNode(),n);if(s&10){e["s-sc"]=c;e.classList.add(c+"-h");if(s&2){e.classList.add(c+"-s")}}l()};const S=(t,n)=>"sc-"+t.m;const g=(t,n,e,s,o,l)=>{if(e!==s){let c=st(t,n);n.toLowerCase();if(n==="class"){const n=t.classList;const o=k(e);const l=k(s);n.remove(...o.filter((t=>t&&!l.includes(t))));n.add(...l.filter((t=>t&&!o.includes(t))))}else{const i=r(s);if((c||i&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(n==="list"){c=false}else if(e==null||t[n]!=o){t[n]=o}}else{t[n]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){{t.removeAttribute(n)}}}else if((!c||l&4||o)&&!i){s=s===true?"":s;{t.setAttribute(n,s)}}}}};const j=/\s/;const k=t=>!t?[]:t.split(j);const M=(t,n,e,s)=>{const o=n.h.nodeType===11&&n.h.host?n.h.host:n.h;const l=t&&t.o||i;const c=n.o||i;{for(s in l){if(!(s in c)){g(o,s,l[s],undefined,e,n.i)}}}for(s in c){g(o,s,l[s],c[s],e,n.i)}};const O=(t,s,o,l)=>{const c=s.l[o];let i=0;let r;let u;if(c.t!==null){r=c.h=rt.createTextNode(c.t)}else{r=c.h=rt.createElement(c.u);{M(null,c,e)}if(f(n)&&r["s-si"]!==n){r.classList.add(r["s-si"]=n)}if(c.l){for(i=0;i<c.l.length;++i){u=O(t,c,i);if(u){r.appendChild(u)}}}}return r};const C=(t,n,e,s,o,l)=>{let c=t;let i;for(;o<=l;++o){if(s[o]){i=O(null,e,o);if(i){s[o].h=i;c.insertBefore(i,n)}}}};const P=(t,n,e)=>{for(let s=n;s<=e;++s){const n=t[s];if(n){const t=n.h;if(t){t.remove()}}}};const U=(t,n,e,s)=>{let o=0;let l=0;let c=n.length-1;let i=n[0];let f=n[c];let r=s.length-1;let u=s[0];let a=s[r];let d;while(o<=c&&l<=r){if(i==null){i=n[++o]}else if(f==null){f=n[--c]}else if(u==null){u=s[++l]}else if(a==null){a=s[--r]}else if(x(i,u)){A(i,u);i=n[++o];u=s[++l]}else if(x(f,a)){A(f,a);f=n[--c];a=s[--r]}else if(x(i,a)){A(i,a);t.insertBefore(i.h,f.h.nextSibling);i=n[++o];a=s[--r]}else if(x(f,u)){A(f,u);t.insertBefore(f.h,i.h);f=n[--c];u=s[++l]}else{{d=O(n&&n[l],e,l);u=s[++l]}if(d){{i.h.parentNode.insertBefore(d,i.h)}}}}if(o>c){C(t,s[r+1]==null?null:s[r+1].h,e,s,l,r)}else if(l>r){P(n,o,c)}};const x=(t,n)=>{if(t.u===n.u){return true}return false};const A=(t,n)=>{const s=n.h=t.h;const o=t.l;const l=n.l;const c=n.t;if(c===null){{{M(t,n,e)}}if(o!==null&&l!==null){U(s,o,n,l)}else if(l!==null){if(t.t!==null){s.textContent=""}C(s,null,n,l,0,l.length-1)}else if(o!==null){P(o,0,o.length-1)}}else if(t.t!==c){s.data=c}};const E=(t,e,s=false)=>{const o=t.$hostElement$;const l=t.v||d(null,null);const c=h(e)?e:a(null,null,e);if(s&&c.o){for(const t of Object.keys(c.o)){if(o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){c.o[t]=o[t]}}}c.u=null;c.i|=4;t.v=c;c.h=l.h=o;{n=o["s-sc"]}A(l,c)};const N=(t,n)=>{if(n&&!t.S&&n["s-p"]){n["s-p"].push(new Promise((n=>t.S=n)))}};const T=(t,n)=>{{t.i|=16}if(t.i&4){t.i|=512;return}N(t,t.j);const e=()=>L(t,n);return bt(e)};const L=(t,n)=>{const e=o("scheduleUpdate",t.$.m);const s=t.k;let l;e();return R(l,(()=>q(t,s,n)))};const R=(t,n)=>W(t)?t.then(n):n();const W=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const q=async(t,n,e)=>{var s;const l=t.$hostElement$;const c=o("update",t.$.m);const i=l["s-rc"];if(e){w(t)}const f=o("render",t.$.m);{F(t,n,l,e)}if(i){i.map((t=>t()));l["s-rc"]=undefined}f();c();{const n=(s=l["s-p"])!==null&&s!==void 0?s:[];const e=()=>H(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.i|=4;n.length=0}}};const F=(t,n,e,s)=>{try{n=n.render();{t.i&=~16}{t.i|=2}{{{E(t,n,s)}}}}catch(n){ot(n,t.$hostElement$)}return null};const H=t=>{const n=t.$.m;const e=t.$hostElement$;const s=o("postUpdate",n);const l=t.j;if(!(t.i&64)){t.i|=64;{V(e)}s();{t.M(e);if(!l){I()}}}else{s()}{if(t.S){t.S();t.S=undefined}if(t.i&512){vt((()=>T(t,false)))}t.i&=~(4|512)}};const I=n=>{{V(rt.documentElement)}vt((()=>$(ft,"appload",{detail:{namespace:t}})))};const V=t=>t.classList.add("hydrated");const _=(t,n)=>tt(t).O.get(n);const z=(t,n,e,s)=>{const o=tt(t);const l=o.O.get(n);const c=o.i;const i=o.k;e=p(e,s.C[n][0]);const f=Number.isNaN(l)&&Number.isNaN(e);const r=e!==l&&!f;if((!(c&8)||l===undefined)&&r){o.O.set(n,e);if(i){if((c&(2|16))===2){T(o,false)}}}};const B=(t,n,e)=>{var s;if(n.C){const o=Object.entries(n.C);const l=t.prototype;o.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(l,t,{get(){return _(this,t)},set(e){z(this,t,e,n)},configurable:true,enumerable:true})}}));if(e&1){const e=new Map;l.attributeChangedCallback=function(t,s,o){ut.jmp((()=>{const c=e.get(t);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const e=tt(this);const l=e===null||e===void 0?void 0:e.i;if(!(l&8)&&l&128&&o!==s){const l=e.k;const c=n.P[t];c===null||c===void 0?void 0:c.forEach((n=>{if(l[n]!=null){l[n].call(l,o,s,t)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.P)!==null&&s!==void 0?s:{}),...o.filter((([t,n])=>n[0]&15)).map((([t,n])=>{const s=n[1]||t;e.set(s,t);return s}))]))}}return t};const D=async(t,n,e,s)=>{let c;if((n.i&32)===0){n.i|=32;{c=ct(e);if(c.then){const t=l();c=await c;t()}if(!c.isProxied){B(c,e,2);c.isProxied=true}const t=o("createInstance",e.m);{n.i|=8}try{new c(n)}catch(t){ot(t)}{n.i&=~8}t()}if(c.style){let t=c.style;const n=S(e);if(!it.has(n)){const s=o("registerStyles",e.m);v(n,t,!!(e.i&1));s()}}}const i=n.j;const f=()=>T(n,true);if(i&&i["s-rc"]){i["s-rc"].push(f)}else{f()}};const G=t=>{};const J=t=>{if((ut.i&1)===0){const n=tt(t);const e=n.$;const s=o("connectedCallback",e.m);if(!(n.i&1)){n.i|=1;{let e=t;while(e=e.parentNode||e.host){if(e["s-p"]){N(n,n.j=e);break}}}if(e.C){Object.entries(e.C).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{D(t,n,e)}}else{if(n===null||n===void 0?void 0:n.k);else if(n===null||n===void 0?void 0:n.U){n.U.then((()=>G()))}}s()}};const K=t=>{};const Q=async t=>{if((ut.i&1)===0){const n=tt(t);if(n===null||n===void 0?void 0:n.k);else if(n===null||n===void 0?void 0:n.U){n.U.then((()=>K()))}}};const X=(t,n={})=>{var e;const s=o();const l=[];const i=n.exclude||[];const f=ft.customElements;const r=rt.head;const a=r.querySelector("meta[charset]");const d=rt.createElement("style");const y=[];let h;let p=true;Object.assign(ut,n);ut.A=new URL(n.resourcesUrl||"./",rt.baseURI).href;t.map((t=>{t[1].map((n=>{const e={i:n[0],m:n[1],C:n[2],N:n[3]};{e.C=n[2]}const s=e.m;const o=class extends HTMLElement{constructor(t){super(t);t=this;et(t,e)}connectedCallback(){if(h){clearTimeout(h);h=null}if(p){y.push(this)}else{ut.jmp((()=>J(this)))}}disconnectedCallback(){ut.jmp((()=>Q(this)))}componentOnReady(){return tt(this).U}};e.T=t[0];if(!i.includes(s)&&!f.get(s)){l.push(s);f.define(s,B(o,e,1))}}))}));{d.innerHTML=l+c;d.setAttribute("data-styles","");const t=(e=ut.p)!==null&&e!==void 0?e:u(rt);if(t!=null){d.setAttribute("nonce",t)}r.insertBefore(d,a?a.nextSibling:r.firstChild)}p=false;if(y.length){y.map((t=>t.connectedCallback()))}else{{ut.jmp((()=>h=setTimeout(I,30)))}}s()};const Y=t=>ut.p=t;const Z=new WeakMap;const tt=t=>Z.get(t);const nt=(t,n)=>Z.set(n.k=t,n);const et=(t,n)=>{const e={i:0,$hostElement$:t,$:n,O:new Map};{e.U=new Promise((t=>e.M=t));t["s-p"]=[];t["s-rc"]=[]}return Z.set(t,e)};const st=(t,n)=>n in t;const ot=(t,n)=>(0,console.error)(t,n);const lt=new Map;const ct=(t,n,e)=>{const s=t.m.replace(/-/g,"_");const o=t.T;const l=lt.get(o);if(l){return l[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((t=>{{lt.set(o,t)}return t[s]}),ot)};const it=new Map;const ft=typeof window!=="undefined"?window:{};const rt=ft.document||{head:{}};const ut={i:0,A:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const at=t=>Promise.resolve(t);const dt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const yt=[];const ht=[];const pt=(t,n)=>e=>{t.push(e);if(!s){s=true;if(n&&ut.i&4){vt(mt)}else{ut.raf(mt)}}};const $t=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){ot(t)}}t.length=0};const mt=()=>{$t(yt);{$t(ht);if(s=yt.length>0){ut.raf(mt)}}};const vt=t=>at().then(t);const bt=pt(ht,true);export{X as b,a as h,at as p,nt as r,Y as s};
+//# sourceMappingURL=p-7f2589e6.js.map