@skf-design-system/ui-components 1.0.0-alpha.34 → 1.0.0-alpha.36

package/dist/components/select-option-group/select-option-group.style.js

@@ -1,18 +0,0 @@
-import { css as e } from "lit";
-const t = e`
-	@layer components {
-		#label {
-			align-items: center;
-			block-size: var(--_skf-select-option-group-height, var(--skf-size-44));
-			display: flex;
-			font-weight: var(--skf-font-weight-bold);
-
-			:host-context(skf-select[size='sm']) & {
-				--_skf-select-option-group-height: var(--skf-size-32);
-			}
-		}
-	}
-`;
-export {
-  t as styles
-};

package/dist/components/switch/switch.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/tab-group/tab-group.d.ts

@@ -1,8 +0,0 @@
-import { SkfTabGroup } from './tab-group.component';
-export * from './tab-group.component';
-export default SkfTabGroup;
-declare global {
-    interface HTMLElementTagNameMap {
-        'skf-tab-group': SkfTabGroup;
-    }
-}

package/dist/components/tab-group/tab-group.js

@@ -1,6 +0,0 @@
-import { SkfTabGroup as f } from "./tab-group.component.js";
-f.define("skf-tab-group");
-export {
-  f as SkfTabGroup,
-  f as default
-};

package/dist/components/toast-item/toast-item.styles.js

@@ -1,16 +0,0 @@
-import { css as r } from "lit";
-const s = r`
-	:host {
-		overflow: hidden;
-		padding-block-end: 3px;
-	}
-
-	#root {
-		background-color: var(--skf-bg-color-neutral-1);
-		border-inline-start: var(--skf-size-8) solid
-			var(--_skf-alert-border-color, var(--skf-border-color-primary));
-	}
-`;
-export {
-  s as default
-};

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

@@ -1,2 +0,0 @@
-export declare const HEADING_TYPE_KEYS: readonly ["h1", "h2", "h3", "h4"];
-export type HeadingType = (typeof HEADING_TYPE_KEYS)[number];

package/dist/internal/playwright/index.d.ts

@@ -1 +0,0 @@
-export declare function fixture(id: string, name: string): string;

package/dist/react/index.d.ts

@@ -1,35 +0,0 @@
-export { default as SkfAccordion } from './skf-accordion/index.js';
-export { default as SkfAlert } from './skf-alert/index.js';
-export { default as SkfBreadcrumb } from './skf-breadcrumb/index.js';
-export { default as SkfBreadcrumbItem } from './skf-breadcrumb-item/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 SkfDialog } from './skf-dialog/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 SkfMenu } from './skf-menu/index.js';
-export { default as SkfMenuItem } from './skf-menu-item/index.js';
-export { default as SkfPopover } from './skf-popover/index.js';
-export { default as SkfProgress } from './skf-progress/index.js';
-export { default as SkfRadio } from './skf-radio/index.js';
-export { default as SkfSelect } from './skf-select/index.js';
-export { default as SkfSelectOption } from './skf-select-option/index.js';
-export { default as SkfSelectOptionGroup } from './skf-select-option-group/index.js';
-export { default as SkfStepper } from './skf-stepper/index.js';
-export { default as SkfStepperItem } from './skf-stepper-item/index.js';
-export { default as SkfSwitch } from './skf-switch/index.js';
-export { default as SkfTab } from './skf-tab/index.js';
-export { default as SkfTabGroup } from './skf-tab-group/index.js';
-export { default as SkfTabPanel } from './skf-tab-panel/index.js';
-export { default as SkfTag } from './skf-tag/index.js';
-export { default as SkfTextArea } from './skf-textarea/index.js';
-export { default as SkfToast } from './skf-toast/index.js';
-export { default as SkfToastWrapper } from './skf-toast-wrapper/index.js';
-export { default as SkfTooltip } from './skf-tooltip/index.js';

package/dist/react/index.js

@@ -1,35 +0,0 @@
-export { default as SkfAccordion } from './skf-accordion/index.js';
-export { default as SkfAlert } from './skf-alert/index.js';
-export { default as SkfBreadcrumb } from './skf-breadcrumb/index.js';
-export { default as SkfBreadcrumbItem } from './skf-breadcrumb-item/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 SkfDialog } from './skf-dialog/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 SkfMenu } from './skf-menu/index.js';
-export { default as SkfMenuItem } from './skf-menu-item/index.js';
-export { default as SkfPopover } from './skf-popover/index.js';
-export { default as SkfProgress } from './skf-progress/index.js';
-export { default as SkfRadio } from './skf-radio/index.js';
-export { default as SkfSelect } from './skf-select/index.js';
-export { default as SkfSelectOption } from './skf-select-option/index.js';
-export { default as SkfSelectOptionGroup } from './skf-select-option-group/index.js';
-export { default as SkfStepper } from './skf-stepper/index.js';
-export { default as SkfStepperItem } from './skf-stepper-item/index.js';
-export { default as SkfSwitch } from './skf-switch/index.js';
-export { default as SkfTab } from './skf-tab/index.js';
-export { default as SkfTabGroup } from './skf-tab-group/index.js';
-export { default as SkfTabPanel } from './skf-tab-panel/index.js';
-export { default as SkfTag } from './skf-tag/index.js';
-export { default as SkfTextArea } from './skf-textarea/index.js';
-export { default as SkfToast } from './skf-toast/index.js';
-export { default as SkfToastWrapper } from './skf-toast-wrapper/index.js';
-export { default as SkfTooltip } from './skf-tooltip/index.js';

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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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-breadcrumb/index.d.ts

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

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

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

package/dist/react/skf-breadcrumb-item/index.d.ts

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

package/dist/react/skf-breadcrumb-item/index.js

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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-dialog/index.d.ts

@@ -1,15 +0,0 @@
-import Component from '../../components/dialog/dialog.js';
-import { type SkfDialog } from '../../components/dialog/dialog.js';
-import { type EventName } from '@lit/react';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onSkfDialogOpen: EventName<Event & {
-        target: SkfDialog;
-    }>;
-    onSkfDialogClose: EventName<Event & {
-        target: SkfDialog;
-    }>;
-    onClose: EventName<Event & {
-        target: SkfDialog;
-    }>;
-}>;
-export default reactWrapper;

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/dialog/dialog.js';
-import {} from '../../components/dialog/dialog.js';
-import {} from '@lit/react';
-const tagName = 'skf-dialog';
-Component.define('skf-dialog');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onSkfDialogOpen: 'skf-dialog-open',
-        onSkfDialogClose: 'skf-dialog-close',
-        onClose: 'close',
-    },
-    displayName: 'SkfDialog',
-});
-export default reactWrapper;

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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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-menu/index.d.ts

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

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/menu/menu.js';
-import {} from '../../components/menu/menu.js';
-import {} from '@lit/react';
-const tagName = 'skf-menu';
-Component.define('skf-menu');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onOpen: 'open',
-        onClose: 'close',
-    },
-    displayName: 'SkfMenu',
-});
-export default reactWrapper;

package/dist/react/skf-menu-item/index.d.ts

@@ -1,27 +0,0 @@
-import Component from '../../components/menu-item/menu-item.js';
-import { type SkfMenuItem } from '../../components/menu-item/menu-item.js';
-import { type EventName } from '@lit/react';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onMyTagMyEvent: EventName<Event & {
-        target: SkfMenuItem;
-    }>;
-    onClick: EventName<Event & {
-        target: SkfMenuItem;
-    }>;
-    onMouseover: EventName<Event & {
-        target: SkfMenuItem;
-    }>;
-    onMouseout: EventName<Event & {
-        target: SkfMenuItem;
-    }>;
-    onFocus: EventName<Event & {
-        target: SkfMenuItem;
-    }>;
-    onBlur: EventName<Event & {
-        target: SkfMenuItem;
-    }>;
-    onChange: EventName<Event & {
-        target: SkfMenuItem;
-    }>;
-}>;
-export default reactWrapper;

package/dist/react/skf-menu-item/index.js

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/menu-item/menu-item.js';
-import {} from '../../components/menu-item/menu-item.js';
-import {} from '@lit/react';
-const tagName = 'skf-menu-item';
-Component.define('skf-menu-item');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onMyTagMyEvent: 'my-tag-my-event',
-        onClick: 'click',
-        onMouseover: 'mouseover',
-        onMouseout: 'mouseout',
-        onFocus: 'focus',
-        onBlur: 'blur',
-        onChange: 'change',
-    },
-    displayName: 'SkfMenuItem',
-});
-export default reactWrapper;

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

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