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

package/README.md

@@ -70,7 +70,7 @@ How you get started using our components is of course a bit different depending
 In order for our components to work as intended you need to import our global styles where appropiate e.g. App.tsx.
 
 ```tsx
-import '@skf-internal/ui-components/styles/global.css';
+import '@skf-design-system/ui-components/styles/global.css';
 ```
 
 ### Angular
@@ -86,7 +86,7 @@ In order for our components to get the correct styling you need add our global s
       "options": {
          "styles": [
             "src/styles.css",
-            "node_modules/@skf-internal/ui-components/dist/styles/global.css"
+            "node_modules/@skf-design-system/ui-components/dist/styles/global.css"
          ],
          ...
       }
@@ -94,15 +94,15 @@ In order for our components to get the correct styling you need add our global s
 }}
 ```
 
-After that, you import the specific component you want to use in your file and make an instance. You can choose to import all ui components by adding `import '@skf-internal/ui-components'` or a specific component by importing `import '@skf-internal/ui-components/components/loader/loader.js';`.
+After that, you import the specific component you want to use in your file and make an instance. You can choose to import all ui components by adding `import '@skf-design-system/ui-components'` or a specific component by importing `import '@skf-design-system/ui-components/components/loader/loader.js';`.
 It might look like this in angular:
 
 ```ts
 // app.components.ts
 import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
-import '@skf-internal/ui-components/styles/global.css';
-import '@skf-internal/ui-components';
+import '@skf-design-system/ui-components/styles/global.css';
+import '@skf-design-system/ui-components';
 
 @Component({
   selector: 'app-root',
@@ -143,7 +143,7 @@ You will also have to declare a global type for the web components to get it to
 1. Create a definition file called `custom-elements-types.d.ts` as:
 
 ```ts
-import type { CustomElements } from './node_modules/@skf-internal/ui-components/dist/types/jsx/custom-element-jsx';
+import type { CustomElements } from './node_modules/@skf-design-system/ui-components/dist/types/jsx/custom-element-jsx';
 
 declare global {
 	namespace React.JSX {
@@ -194,7 +194,7 @@ Events and EventTarget should be casted as below
 or if you want all on the SkfElement
 
 ```tsx
-import { SkfInput } from "@skf-internal/ui-components";
+import { SkfInput } from "@skf-design-system/ui-components";
 
 ...
 
@@ -208,7 +208,7 @@ import { SkfInput } from "@skf-internal/ui-components";
 React 18 does not support native web components out of the box. If you want to use SKF UI components with React 18 you will have to use our generated wrappers in order to do so.
 
 ```tsx
-import { SkfInput } from "@skf-internal/ui-components/react/index.js";
+import { SkfInput } from "@skf-design-system/ui-components/react/index.js";
 
 ...
 
@@ -235,7 +235,7 @@ ui-components ships with a file called vscode.html-custom-data.json that can be
 
 ```
 {
-  "html.customData": ["./node_modules/@skf-internal/ui-components/dist/vscode.html-custom-data.json"]
+  "html.customData": ["./node_modules/@skf-design-system/ui-components/dist/vscode.html-custom-data.json"]
 }
 ```
 

package/dist/components/alert/alert.component.d.ts

@@ -1,7 +1,7 @@
 import type { SkfIcon } from '@components/icon/icon.component.js';
 import '@components/icon/icon.js';
 import { SkfElement } from '@internal/components/skf-element.js';
-import type { SeverityFgColor } from '@skf-aurora/ui-assets';
+import type { SeverityFgColor } from '@skf-design-system/ui-assets';
 import { type CSSResultGroup } from 'lit';
 import '../link/link';
 /**

package/dist/components/divider/divider.component.d.ts

@@ -1,5 +1,5 @@
 import { SkfElement } from '@internal/components/skf-element.js';
-import type { BorderColor } from '@skf-aurora/ui-assets';
+import type { BorderColor } from '@skf-design-system/ui-assets';
 import { type CSSResultGroup } from 'lit';
 /**
  * The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information.

package/dist/components/icon/icon.component.d.ts

@@ -1,5 +1,5 @@
 import { SkfElement } from '@internal/components/skf-element.js';
-import { type Icon, type IconColor, type IconSize, type SeverityFgColor } from '@skf-aurora/ui-assets';
+import { type Icon, type IconColor, type IconSize, type SeverityFgColor } from '@skf-design-system/ui-assets';
 import { type CSSResultGroup } from 'lit';
 /**
  * The `<skf-icon>` component is used to clarify interface elements. When used, should always be paired with (possibly invisible) text

package/dist/components/icon/icon.component.js

@@ -0,0 +1,42 @@
+import { SkfElement as f } from "../../internal/components/skf-element.js";
+import { ICONS as d } from "@skf-design-system/ui-assets";
+import h from "../../styles/component.styles.js";
+import { html as l } from "lit";
+import { property as t } from "lit/decorators.js";
+import { ifDefined as c } from "lit/directives/if-defined.js";
+import { when as v } from "lit/directives/when.js";
+import y from "./icon.styles.js";
+var u = Object.defineProperty, o = (m, n, p, I) => {
+  for (var r = void 0, i = m.length - 1, a; i >= 0; i--)
+    (a = m[i]) && (r = a(n, p, r) || r);
+  return r && u(n, p, r), r;
+};
+const s = class s extends f {
+  constructor() {
+    super(...arguments), this._rootId = "icon", this.color = "primary", this.size = "md", this.renderDecorativeIcon = () => l`
+		<div aria-hidden="true" id=${this._rootId}>${d[this.name]}</div>
+	`, this.renderInformativeIcon = () => l`
+		<div aria-label=${c(this.label)} id=${this._rootId} role="img">${d[this.name]}</div>
+	`;
+  }
+  render() {
+    return v(!!this.label, this.renderInformativeIcon, this.renderDecorativeIcon);
+  }
+};
+s.styles = [h, y];
+let e = s;
+o([
+  t({ reflect: !0 })
+], e.prototype, "color");
+o([
+  t()
+], e.prototype, "label");
+o([
+  t({ type: String })
+], e.prototype, "name");
+o([
+  t({ reflect: !0 })
+], e.prototype, "size");
+export {
+  e as SkfIcon
+};

package/dist/components/input/input.controllers.d.ts

@@ -1,4 +1,4 @@
-import type { Icon } from '@skf-aurora/ui-assets';
+import type { Icon } from '@skf-design-system/ui-assets';
 import type { ReactiveController } from 'lit';
 import type { SkfInput } from './input.component.js';
 type InputControllerHost = SkfInput;

package/dist/components/loader/loader.component.js

@@ -0,0 +1,71 @@
+import { SkfElement as u } from "../../internal/components/skf-element.js";
+import { COLORS as c } from "@skf-design-system/ui-assets";
+import m from "../../styles/component.styles.js";
+import { svg as d, html as h } from "lit";
+import { property as a } from "lit/decorators.js";
+import v from "./loader.styles.js";
+var f = Object.defineProperty, o = (l, t, i, g) => {
+  for (var e = void 0, s = l.length - 1, p; s >= 0; s--)
+    (p = l[s]) && (e = p(t, i, e) || e);
+  return e && f(t, i, e), e;
+};
+const n = class n extends u {
+  constructor() {
+    super(...arguments), this.ariaLabel = "Loading...", this.invert = !1, this.size = "md";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "progressbar"), this.setAttribute("aria-live", "polite");
+  }
+  /** @internal */
+  getCircle(t, i) {
+    return d`
+			<circle
+				cx=${t}
+				cy="26"
+				fill=${this.invert ? c.neutralWhite : c.brandBase}
+				key=${t}
+				r="6"
+				stroke="none"
+			>
+				<animate
+					attributeName="opacity"
+					begin=${i}
+					dur="1s"
+					repeatCount="indefinite"
+					values="0;1;0"
+				/>
+			</circle>
+		`;
+  }
+  render() {
+    return h`
+			<div aria-hidden="true" id="loader">
+				<svg
+					enableBackground="new 0 0 0 0"
+					height="100%"
+					version="1.1"
+					viewBox="0 0 52 52"
+					width="100%"
+					x="0px"
+					y="0px"
+				>
+					${[this.getCircle(6, 0.1), this.getCircle(26, 0.2), this.getCircle(46, 0.3)]}
+				</svg>
+			</div>
+		`;
+  }
+};
+n.styles = [m, v];
+let r = n;
+o([
+  a({ type: String, reflect: !0, attribute: "aria-label" })
+], r.prototype, "ariaLabel");
+o([
+  a({ type: Boolean })
+], r.prototype, "invert");
+o([
+  a({ type: String, reflect: !0 })
+], r.prototype, "size");
+export {
+  r as SkfLoader
+};

package/dist/components/logo/logo.component.d.ts

@@ -1,5 +1,5 @@
 import { SkfElement } from '@internal/components/skf-element.js';
-import type { Logo } from '@skf-aurora/ui-assets';
+import type { Logo } from '@skf-design-system/ui-assets';
 import { type CSSResultGroup } from 'lit';
 /**
  * The `<skf-logo>` component is used to display the SKF logo.

package/dist/components/tag/tag.component.d.ts

@@ -1,6 +1,6 @@
 import '@components/icon/icon.js';
 import { SkfElement } from '@internal/components/skf-element';
-import type { Icon, SeverityBgColor } from '@skf-aurora/ui-assets';
+import type { Icon, SeverityBgColor } from '@skf-design-system/ui-assets';
 import { type CSSResultGroup } from 'lit';
 /**
  * The `<skf-tag>` is a component that displays a list of actions or options

package/dist/internal/components/hint/hint.component.d.ts

@@ -1,6 +1,6 @@
 import '@components/icon/icon.js';
 import { SkfElement } from '@internal/components/skf-element.js';
-import type { SeverityFgColor } from '@skf-aurora/ui-assets';
+import type { SeverityFgColor } from '@skf-design-system/ui-assets';
 import { type CSSResultGroup } from 'lit';
 export declare class SkfHint extends SkfElement {
     static styles: CSSResultGroup;

package/dist/internal/constants/iconSeverity.d.ts

@@ -1,4 +1,4 @@
-import type { Icon, SeverityFgColor } from '@skf-aurora/ui-assets';
+import type { Icon, SeverityFgColor } from '@skf-design-system/ui-assets';
 type IconSeverity = Readonly<Record<SeverityFgColor, Icon>>;
 export declare const ICON_SEVERITY: IconSeverity;
 export {};

package/dist/internal/types/formField.d.ts

@@ -1,4 +1,4 @@
-import type { SeverityFgColor } from '@skf-aurora/ui-assets';
+import type { SeverityFgColor } from '@skf-design-system/ui-assets';
 type HTMLInputTypeAttribute = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
 type FormFieldSeverity = Exclude<SeverityFgColor, 'error'>;
 export interface FormFieldBaseProps {

package/package.json

@@ -34,7 +34,7 @@
   "sideEffects": true,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.3",
   "devDependencies": {
     "@chromatic-com/storybook": "^2.0.2",
     "@commitlint/cli": "^19.5.0",
@@ -43,7 +43,7 @@
     "@eslint/js": "^9.11.1",
     "@lit/react": "^1.0.5",
     "@playwright/test": "^1.47.2",
-    "@skf-aurora/ui-assets": "^0.1.2",
+    "@skf-design-system/ui-assets": "0.1.3-beta.1",
     "@storybook/addon-a11y": "^8.3.3",
     "@storybook/addon-essentials": "^8.3.3",
     "@storybook/addon-interactions": "^8.3.3",
@@ -90,12 +90,13 @@
   },
   "peerDependencies": {
     "@lit/react": "^1.0.5",
+    "@skf-design-system/ui-assets": "0.1.3-beta.1",
     "lit": "^3.1.3"
   },
   "scripts": {
     "analyze": "cem analyze --config \"./custom-elements-manifest.config.js\"",
     "dev": "vite",
-    "build": "pnpm build:web-components && pnpm build:react",
+    "build": "pnpm build:web-components && pnpm build:react && bash ./scripts/extra-build-checks.sh",
     "build:web-components": "vite build && tsc && pnpm cem analyze",
     "build:react": "pnpm generate:react && pnpm tsc -p tsconfig.react.json && mv dist-react/react/ dist/react/ && rm -rf dist-react && rm -rf src/react",
     "build-storybook": "storybook build",

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/AddCircle.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const t = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M12 17a.97.97 0 0 0 .713-.288A.97.97 0 0 0 13 16v-3h3.025a.93.93 0 0 0 .7-.288A1 1 0 0 0 17 12a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 11h-3V7.975a.93.93 0 0 0-.287-.7A1 1 0 0 0 12 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 11 8v3H7.975a.93.93 0 0 0-.7.287A1 1 0 0 0 7 12q0 .424.287.712Q7.575 13 8 13h3v3.025q0 .425.288.7A1 1 0 0 0 12 17m0 5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  t as AddCircle
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/AddCircleOutline.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const s = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M12 17a.97.97 0 0 0 .713-.288A.97.97 0 0 0 13 16v-3h3.025a.93.93 0 0 0 .7-.288A1 1 0 0 0 17 12a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 11h-3V7.975a.93.93 0 0 0-.287-.7A1 1 0 0 0 12 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 11 8v3H7.975a.93.93 0 0 0-.7.287A1 1 0 0 0 7 12q0 .424.287.712Q7.575 13 8 13h3v3.025q0 .425.288.7A1 1 0 0 0 12 17m0 5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12q0-3.325-2.337-5.663T12 4Q8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  s as AddCircleOutline
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/AddPlus.js

@@ -1,31 +0,0 @@
-import { html as s } from "lit-html";
-const t = s`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18v-5H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  t as AddPlus
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowBack.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const t = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="m10.875 19.3-6.6-6.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 4 12q0-.2.062-.375a.9.9 0 0 1 .213-.325l6.6-6.6a.98.98 0 0 1 .687-.288.93.93 0 0 1 .713.288q.3.275.313.687a.93.93 0 0 1-.288.713L7.4 11h11.175a.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713q0 .424-.287.712a.97.97 0 0 1-.713.288H7.4l4.9 4.9q.275.275.288.7a.87.87 0 0 1-.288.7q-.275.3-.7.3a1 1 0 0 1-.725-.3"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  t as ArrowBack
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowBackIos.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const t = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M15.125 21.1 6.7 12.7a.9.9 0 0 1-.212-.325A1.1 1.1 0 0 1 6.425 12a1.1 1.1 0 0 1 .063-.375.9.9 0 0 1 .212-.325l8.425-8.425q.35-.35.875-.35t.9.375.375.875a1.2 1.2 0 0 1-.375.875L9.55 12l7.35 7.35q.35.35.35.862 0 .513-.375.888a1.2 1.2 0 0 1-.875.375 1.2 1.2 0 0 1-.875-.375"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  t as ArrowBackIos
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowDown.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const t = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M12 21.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-5.6-5.6a.93.93 0 0 1-.275-.687q0-.413.275-.713.3-.3.712-.3.413 0 .713.3L11 18.175V3q0-.424.287-.712A.97.97 0 0 1 12 2q.424 0 .712.288Q13 2.575 13 3v15.175l3.9-3.875a.98.98 0 0 1 .687-.288.93.93 0 0 1 .713.288.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-5.6 5.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  t as ArrowDown
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowForward.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const s = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M11.3 19.3a1 1 0 0 1-.288-.7.9.9 0 0 1 .263-.7l4.9-4.9H5a.97.97 0 0 1-.713-.288A.97.97 0 0 1 4 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 11h11.175l-4.9-4.9a.9.9 0 0 1-.263-.7 1 1 0 0 1 .288-.7.95.95 0 0 1 .7-.275q.425 0 .7.275l6.6 6.6q.15.124.213.312.062.188.062.388t-.062.375a.9.9 0 0 1-.213.325l-6.6 6.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  s as ArrowForward
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowForwardIos.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const s = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M7.15 21.1a1.2 1.2 0 0 1-.375-.888q0-.512.375-.887L14.475 12l-7.35-7.35a1.2 1.2 0 0 1-.35-.875q0-.525.375-.9t.888-.375.887.375l8.4 8.425q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325L8.9 21.125q-.35.35-.862.35-.513 0-.888-.375"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  s as ArrowForwardIos
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowLeft.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const s = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="m8.3 18.3-5.6-5.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 2.425 12q0-.2.062-.375A.9.9 0 0 1 2.7 11.3l5.6-5.6a.93.93 0 0 1 .687-.275q.413 0 .713.275.3.3.3.712 0 .413-.3.713L5.825 11H21q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 13H5.825L9.7 16.9q.275.275.287.688a.93.93 0 0 1-.287.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  s as ArrowLeft
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowRight.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const s = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M14.3 18.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9H3a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 12q0-.424.288-.713A.97.97 0 0 1 3 11h15.2l-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l5.6 5.6q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-5.6 5.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  s as ArrowRight
-};

package/dist/node_modules/.pnpm/@skf-aurora_ui-assets@0.1.2/node_modules/@skf-aurora/ui-assets/dist/icons/assets/ArrowUp.js

@@ -1,31 +0,0 @@
-import { html as a } from "lit-html";
-const t = a`
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		focusable="false"
-		height="100%"
-		width="100%"
-	>
-		<mask
-			id="a"
-			width="24"
-			height="24"
-			x="0"
-			y="0"
-			maskUnits="userSpaceOnUse"
-			style="mask-type:alpha"
-		>
-			<path d="M0 0h24v24H0z" />
-		</mask>
-		<g mask="url(#a)">
-			<path
-				d="M12 22a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 21V5.825L7.1 9.7a.98.98 0 0 1-.688.287A.93.93 0 0 1 5.7 9.7a.95.95 0 0 1-.275-.7q0-.425.275-.7l5.6-5.6q.15-.15.325-.213.176-.062.375-.062.2 0 .375.062a.9.9 0 0 1 .325.213l5.6 5.6a.93.93 0 0 1 .275.687q0 .413-.275.713-.3.3-.713.3a.97.97 0 0 1-.712-.3L13 5.825V21q0 .424-.288.712A.97.97 0 0 1 12 22"
-			/>
-		</g>
-	</svg>
-`;
-export {
-  t as ArrowUp
-};