@skf-design-system/ui-components 0.0.1-beta.1

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/tokens/ts/semantic/line-heights.js

@@ -0,0 +1,22 @@
+import { TYPES as s } from "../global/types.js";
+Object.freeze({
+  s25: s.scale10,
+  s50: s.scale12,
+  s75: s.scale14,
+  s100: s.scale16,
+  s200: s.scale18,
+  s300: s.scale20,
+  s400: s.scale22,
+  s500: s.scale24,
+  s600: s.scale28,
+  s700: s.scale32,
+  s800: s.scale36,
+  s900: s.scale40,
+  s1000: s.scale46,
+  s1100: s.scale50,
+  s1200: s.scale56,
+  s1300: s.scale64,
+  s1400: s.scale72,
+  s1500: s.scale90,
+  size1600: s.scale124
+});

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/tokens/ts/semantic/logos.js

@@ -0,0 +1,15 @@
+import { COLORS as r } from "../global/colors.js";
+Object.freeze({
+  primary: {
+    light: r.brandBase,
+    dark: r.brandBase
+  },
+  secondary: {
+    light: r.neutralBlack,
+    dark: r.neutralBlack
+  },
+  inverse: {
+    light: r.neutralWhite,
+    dark: r.neutralWhite
+  }
+});

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/tokens/ts/semantic/severity-bg-colors.js

@@ -0,0 +1,11 @@
+import { COLORS as e } from "../global/colors.js";
+Object.freeze({
+  success: e.greenLightest,
+  info: {
+    light: e.blueLighest,
+    dark: e.blueLighest
+  },
+  warning: e.orangeLightest,
+  alert: e.yellowLightest,
+  error: e.redLightest
+});

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/tokens/ts/semantic/severity-fg-colors.js

@@ -0,0 +1,23 @@
+import { COLORS as e } from "../global/colors.js";
+Object.freeze({
+  success: {
+    light: e.greenBase,
+    dark: e.greenBase
+  },
+  info: {
+    light: e.blueBase,
+    dark: e.blueBase
+  },
+  warning: {
+    light: e.orangeBase,
+    dark: e.orangeBase
+  },
+  error: {
+    light: e.redBase,
+    dark: e.redBase
+  },
+  alert: {
+    light: e.yellowBase,
+    dark: e.yellowBase
+  }
+});

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/tokens/ts/semantic/spacings.js

@@ -0,0 +1,13 @@
+import { SIZES as s } from "../global/sizes.js";
+Object.freeze({
+  s25: s.s4,
+  s50: s.s8,
+  s75: s.s12,
+  s100: s.s16,
+  s125: s.s20,
+  s150: s.s24,
+  s200: s.s32,
+  s250: s.s44,
+  s300: s.s48,
+  s400: s.s56
+});

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/tokens/ts/semantic/text-colors.js

@@ -0,0 +1,17 @@
+import { COLORS as e } from "../global/colors.js";
+Object.freeze({
+  primary: {
+    light: e.neutralBlack,
+    dark: e.neutralLightest
+  },
+  secondary: e.neutralDarkest,
+  tertiary: e.neutralDark,
+  inverse: {
+    light: e.neutralWhite,
+    dark: e.neutralWhite
+  },
+  emphasised: {
+    light: e.brandBase,
+    dark: e.brandBase
+  }
+});

package/dist/react/index.d.ts

@@ -0,0 +1,17 @@
+export { default as SkfAccordion } from './skf-accordion/index.js';
+export { default as SkfAlert } from './skf-alert/index.js';
+export { default as SkfButton } from './skf-button/index.js';
+export { default as SkfCard } from './skf-card/index.js';
+export { default as SkfCheckbox } from './skf-checkbox/index.js';
+export { default as SkfCollapse } from './skf-collapse/index.js';
+export { default as SkfDivider } from './skf-divider/index.js';
+export { default as SkfHeading } from './skf-heading/index.js';
+export { default as SkfIcon } from './skf-icon/index.js';
+export { default as SkfInput } from './skf-input/index.js';
+export { default as SkfLink } from './skf-link/index.js';
+export { default as SkfLoader } from './skf-loader/index.js';
+export { default as SkfLogo } from './skf-logo/index.js';
+export { default as SkfRadio } from './skf-radio/index.js';
+export { default as SkfSwitch } from './skf-switch/index.js';
+export { default as SkfTag } from './skf-tag/index.js';
+export { default as SkfTextArea } from './skf-textarea/index.js';

package/dist/react/index.js

@@ -0,0 +1,17 @@
+export { default as SkfAccordion } from './skf-accordion/index.js';
+export { default as SkfAlert } from './skf-alert/index.js';
+export { default as SkfButton } from './skf-button/index.js';
+export { default as SkfCard } from './skf-card/index.js';
+export { default as SkfCheckbox } from './skf-checkbox/index.js';
+export { default as SkfCollapse } from './skf-collapse/index.js';
+export { default as SkfDivider } from './skf-divider/index.js';
+export { default as SkfHeading } from './skf-heading/index.js';
+export { default as SkfIcon } from './skf-icon/index.js';
+export { default as SkfInput } from './skf-input/index.js';
+export { default as SkfLink } from './skf-link/index.js';
+export { default as SkfLoader } from './skf-loader/index.js';
+export { default as SkfLogo } from './skf-logo/index.js';
+export { default as SkfRadio } from './skf-radio/index.js';
+export { default as SkfSwitch } from './skf-switch/index.js';
+export { default as SkfTag } from './skf-tag/index.js';
+export { default as SkfTextArea } from './skf-textarea/index.js';

package/dist/react/skf-accordion/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/accordion/accordion.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-accordion/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/accordion/accordion.js';
+const tagName = 'skf-accordion';
+Component.define('skf-accordion');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfAccordion',
+});
+export default reactWrapper;

package/dist/react/skf-alert/index.d.ts

@@ -0,0 +1,9 @@
+import Component from '../../components/alert/alert.js';
+import { type SkfAlert } from '../../components/alert/alert.js';
+import { type EventName } from '@lit/react';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onSkfAlertClose: EventName<Event & {
+        target: SkfAlert;
+    }>;
+}>;
+export default reactWrapper;

package/dist/react/skf-alert/index.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/alert/alert.js';
+import {} from '../../components/alert/alert.js';
+import {} from '@lit/react';
+const tagName = 'skf-alert';
+Component.define('skf-alert');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {
+        onSkfAlertClose: 'skf-alert-close',
+    },
+    displayName: 'SkfAlert',
+});
+export default reactWrapper;

package/dist/react/skf-button/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/button/button.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-button/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/button/button.js';
+const tagName = 'skf-button';
+Component.define('skf-button');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfButton',
+});
+export default reactWrapper;

package/dist/react/skf-card/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/card/card.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-card/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/card/card.js';
+const tagName = 'skf-card';
+Component.define('skf-card');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfCard',
+});
+export default reactWrapper;

package/dist/react/skf-checkbox/index.d.ts

@@ -0,0 +1,9 @@
+import Component from '../../components/checkbox/checkbox.js';
+import { type SkfCheckbox } from '../../components/checkbox/checkbox.js';
+import { type EventName } from '@lit/react';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onChange: EventName<Event & {
+        target: SkfCheckbox;
+    }>;
+}>;
+export default reactWrapper;

package/dist/react/skf-checkbox/index.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/checkbox/checkbox.js';
+import {} from '../../components/checkbox/checkbox.js';
+import {} from '@lit/react';
+const tagName = 'skf-checkbox';
+Component.define('skf-checkbox');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {
+        onChange: 'change',
+    },
+    displayName: 'SkfCheckbox',
+});
+export default reactWrapper;

package/dist/react/skf-collapse/index.d.ts

@@ -0,0 +1,9 @@
+import Component from '../../components/collapse/collapse.js';
+import { type SkfCollapse } from '../../components/collapse/collapse.js';
+import { type EventName } from '@lit/react';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onSkfCollapseToggle: EventName<Event & {
+        target: SkfCollapse;
+    }>;
+}>;
+export default reactWrapper;

package/dist/react/skf-collapse/index.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/collapse/collapse.js';
+import {} from '../../components/collapse/collapse.js';
+import {} from '@lit/react';
+const tagName = 'skf-collapse';
+Component.define('skf-collapse');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {
+        onSkfCollapseToggle: 'skf-collapse-toggle',
+    },
+    displayName: 'SkfCollapse',
+});
+export default reactWrapper;

package/dist/react/skf-divider/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/divider/divider.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-divider/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/divider/divider.js';
+const tagName = 'skf-divider';
+Component.define('skf-divider');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfDivider',
+});
+export default reactWrapper;

package/dist/react/skf-heading/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/heading/heading.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-heading/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/heading/heading.js';
+const tagName = 'skf-heading';
+Component.define('skf-heading');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfHeading',
+});
+export default reactWrapper;

package/dist/react/skf-icon/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/icon/icon.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-icon/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/icon/icon.js';
+const tagName = 'skf-icon';
+Component.define('skf-icon');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfIcon',
+});
+export default reactWrapper;

package/dist/react/skf-input/index.d.ts

@@ -0,0 +1,12 @@
+import Component from '../../components/input/input.js';
+import { type SkfInput } from '../../components/input/input.js';
+import { type EventName } from '@lit/react';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onChange: EventName<Event & {
+        target: SkfInput;
+    }>;
+    onInvalid: EventName<Event & {
+        target: SkfInput;
+    }>;
+}>;
+export default reactWrapper;

package/dist/react/skf-input/index.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/input/input.js';
+import {} from '../../components/input/input.js';
+import {} from '@lit/react';
+const tagName = 'skf-input';
+Component.define('skf-input');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {
+        onChange: 'change',
+        onInvalid: 'invalid',
+    },
+    displayName: 'SkfInput',
+});
+export default reactWrapper;

package/dist/react/skf-link/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/link/link.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-link/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/link/link.js';
+const tagName = 'skf-link';
+Component.define('skf-link');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfLink',
+});
+export default reactWrapper;

package/dist/react/skf-loader/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/loader/loader.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-loader/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/loader/loader.js';
+const tagName = 'skf-loader';
+Component.define('skf-loader');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfLoader',
+});
+export default reactWrapper;

package/dist/react/skf-logo/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/logo/logo.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-logo/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/logo/logo.js';
+const tagName = 'skf-logo';
+Component.define('skf-logo');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfLogo',
+});
+export default reactWrapper;

package/dist/react/skf-radio/index.d.ts

@@ -0,0 +1,9 @@
+import Component from '../../components/radio/radio.js';
+import { type SkfRadio } from '../../components/radio/radio.js';
+import { type EventName } from '@lit/react';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onChange: EventName<Event & {
+        target: SkfRadio;
+    }>;
+}>;
+export default reactWrapper;

package/dist/react/skf-radio/index.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/radio/radio.js';
+import {} from '../../components/radio/radio.js';
+import {} from '@lit/react';
+const tagName = 'skf-radio';
+Component.define('skf-radio');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {
+        onChange: 'change',
+    },
+    displayName: 'SkfRadio',
+});
+export default reactWrapper;

package/dist/react/skf-switch/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/switch/switch.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-switch/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/switch/switch.js';
+const tagName = 'skf-switch';
+Component.define('skf-switch');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfSwitch',
+});
+export default reactWrapper;

package/dist/react/skf-tag/index.d.ts

@@ -0,0 +1,3 @@
+import Component from '../../components/tag/tag.js';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/skf-tag/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/tag/tag.js';
+const tagName = 'skf-tag';
+Component.define('skf-tag');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'SkfTag',
+});
+export default reactWrapper;

package/dist/react/skf-textarea/index.d.ts

@@ -0,0 +1,12 @@
+import Component from '../../components/textarea/textarea.js';
+import { type SkfTextArea } from '../../components/textarea/textarea.js';
+import { type EventName } from '@lit/react';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onChange: EventName<Event & {
+        target: SkfTextArea;
+    }>;
+    onInvalid: EventName<Event & {
+        target: SkfTextArea;
+    }>;
+}>;
+export default reactWrapper;

package/dist/react/skf-textarea/index.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/textarea/textarea.js';
+import {} from '../../components/textarea/textarea.js';
+import {} from '@lit/react';
+const tagName = 'skf-textarea';
+Component.define('skf-textarea');
+const reactWrapper = createComponent({
+    tagName,
+    elementClass: Component,
+    react: React,
+    events: {
+        onChange: 'change',
+        onInvalid: 'invalid',
+    },
+    displayName: 'SkfTextArea',
+});
+export default reactWrapper;

package/dist/src/components/accordion/accordion-item.js

@@ -0,0 +1,7 @@
+import { SkfCollapse as e } from "../collapse/collapse.component.js";
+class f extends e {
+}
+e.define("skf-accordion-item");
+export {
+  f as SkfAccordionItem
+};

package/dist/src/components/accordion/accordion.component.js

@@ -0,0 +1,69 @@
+import "../collapse/collapse.js";
+import { SkfElement as u } from "../../internal/components/skf-element.js";
+import m from "../../styles/component.styles.js";
+import { html as d } from "lit";
+import { property as o, queryAssignedNodes as f } from "lit/decorators.js";
+import c from "./accordion.styles.js";
+var g = Object.defineProperty, r = (p, t, i, a) => {
+  for (var s = void 0, l = p.length - 1, h; l >= 0; l--)
+    (h = p[l]) && (s = h(t, i, s) || s);
+  return s && g(t, i, s), s;
+};
+const n = class n extends u {
+  constructor() {
+    super(...arguments), this.headingAs = "h2", this._setItemAttributes = () => {
+      this.items.forEach((t) => {
+        t.setAttribute("heading-as", this.headingAs), this.animated && t.setAttribute("animated", ""), this.small && t.setAttribute("small", ""), this.truncate && t.setAttribute("truncate", "");
+      });
+    };
+  }
+  /** @internal */
+  get items() {
+    return [...this.$accordionItems].filter((t) => t.localName === "skf-accordion-item");
+  }
+  _onChildToggle(t) {
+    if (this.multiple || t.defaultPrevented) return;
+    const i = t.target;
+    this.items.length && this.items.forEach((a) => {
+      a !== i && a.hasAttribute("expanded") && a.setClose();
+    });
+  }
+  render() {
+    return d`
+			<div id="accordion">
+				<slot
+					@skf-collapse-toggle=${(t) => {
+      this._onChildToggle(t);
+    }}
+					@slotchange=${this._setItemAttributes}
+				></slot>
+			</div>
+		`;
+  }
+};
+n.styles = [c, m];
+let e = n;
+r([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "animated");
+r([
+  o({ attribute: "heading-as" })
+], e.prototype, "headingAs");
+r([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "gap");
+r([
+  o({ type: Boolean })
+], e.prototype, "multiple");
+r([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "small");
+r([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "truncate");
+r([
+  f()
+], e.prototype, "$accordionItems");
+export {
+  e as SkfAccordion
+};

package/dist/src/components/accordion/accordion.js

@@ -0,0 +1,8 @@
+import { SkfAccordion as o } from "./accordion.component.js";
+import { SkfAccordionItem as e } from "./accordion-item.js";
+o.define("skf-accordion");
+export {
+  o as SkfAccordion,
+  e as SkfAccordionItem,
+  o as default
+};

package/dist/src/components/accordion/accordion.styles.js

@@ -0,0 +1,13 @@
+import { css as o } from "lit";
+const a = o`
+	@layer components {
+		:host([gap]) #accordion {
+			display: flex;
+			flex-direction: column;
+			gap: var(--skf-spacing-300);
+		}
+	}
+`;
+export {
+  a as default
+};