@skf-design-system/ui-components 1.0.0-beta.7 → 1.0.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/accordion.component.js +3 -3
- package/dist/components/alert/alert.component.d.ts +2 -2
- package/dist/components/alert/alert.component.js +32 -32
- package/dist/components/breadcrumb/breadcrumb.component.d.ts +29 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +8 -0
- package/dist/components/breadcrumb/breadcrumb.styles.d.ts +1 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.component.d.ts +25 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.d.ts +8 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.styles.d.ts +1 -0
- package/dist/components/button/button.component.d.ts +3 -1
- package/dist/components/button/button.component.js +60 -47
- package/dist/components/button/button.styles.js +64 -45
- package/dist/components/card/card.component.js +4 -4
- package/dist/components/checkbox/checkbox.component.js +4 -4
- package/dist/components/dialog/dialog.component.d.ts +0 -1
- package/dist/components/dialog/dialog.component.js +21 -23
- package/dist/components/divider/divider.component.js +12 -12
- package/dist/components/heading/heading.component.js +13 -13
- package/dist/components/icon/icon.component.d.ts +1 -4
- package/dist/components/icon/icon.component.js +32 -23
- package/dist/components/icon/icon.styles.js +53 -47
- package/dist/components/link/link.component.d.ts +1 -0
- package/dist/components/link/link.component.js +42 -42
- package/dist/components/loader/loader.component.js +19 -19
- package/dist/components/logo/logo.component.js +6 -6
- package/dist/components/menu/menu.component.d.ts +24 -0
- package/dist/components/menu/menu.component.js +18 -0
- package/dist/components/menu/menu.d.ts +8 -0
- package/dist/components/menu/menu.js +6 -0
- package/dist/components/menu/menu.styles.d.ts +1 -0
- package/dist/components/menu/menu.styles.js +11 -0
- package/dist/components/menu-item/menu-item.component.d.ts +25 -0
- package/dist/components/menu-item/menu-item.component.js +13 -0
- package/dist/components/menu-item/menu-item.d.ts +8 -0
- package/dist/components/menu-item/menu-item.js +6 -0
- package/dist/components/menu-item/menu-item.styles.d.ts +1 -0
- package/dist/components/menu-item/menu-item.styles.js +19 -0
- package/dist/components/popover/popover.component.d.ts +29 -0
- package/dist/components/popover/popover.component.js +37 -0
- package/dist/components/popover/popover.d.ts +8 -0
- package/dist/components/popover/popover.js +6 -0
- package/dist/components/popover/popover.styles.d.ts +1 -0
- package/dist/components/popover/popover.styles.js +12 -0
- package/dist/components/progress/progress.component.js +7 -7
- package/dist/components/radio/radio.component.js +4 -4
- package/dist/components/select/select.component.d.ts +8 -10
- package/dist/components/select/select.component.js +115 -118
- package/dist/components/select/select.controllers.d.ts +0 -25
- package/dist/components/select/select.controllers.js +35 -95
- package/dist/components/select-option-group/select-option-group.component.js +9 -9
- package/dist/components/stepper/stepper.component.d.ts +38 -0
- package/dist/components/stepper/stepper.component.js +91 -0
- package/dist/components/stepper/stepper.d.ts +8 -0
- package/dist/components/stepper/stepper.helpers.d.ts +16 -0
- package/dist/components/stepper/stepper.helpers.js +18 -0
- package/dist/components/stepper/stepper.js +6 -0
- package/dist/components/stepper/stepper.styles.d.ts +1 -0
- package/dist/components/stepper/stepper.styles.js +15 -0
- package/dist/components/stepper-item/stepper-item.component.d.ts +47 -0
- package/dist/components/stepper-item/stepper-item.component.js +113 -0
- package/dist/components/stepper-item/stepper-item.d.ts +8 -0
- package/dist/components/stepper-item/stepper-item.js +6 -0
- package/dist/components/stepper-item/stepper-item.styles.d.ts +1 -0
- package/dist/components/stepper-item/stepper-item.styles.js +98 -0
- package/dist/components/tab/tab.component.js +4 -4
- package/dist/components/tab-panel/tab-panel.component.js +12 -12
- package/dist/components/tag/tag.component.js +9 -9
- package/dist/components/textarea/textarea.component.js +3 -3
- package/dist/components/toast/toast.component.d.ts +7 -4
- package/dist/components/toast/toast.component.js +30 -26
- package/dist/components/toast/toast.singleton.d.ts +2 -7
- package/dist/components/toast/toast.singleton.js +25 -25
- package/dist/components/toast-item/toast-item.component.js +15 -15
- package/dist/components/toast-item/toast-item.styles.js +13 -11
- package/dist/components/toast-wrapper/toast-wrapper.component.js +10 -10
- package/dist/components/tooltip/tooltip.component.d.ts +24 -0
- package/dist/components/tooltip/tooltip.component.js +18 -0
- package/dist/components/tooltip/tooltip.d.ts +8 -0
- package/dist/components/tooltip/tooltip.js +6 -0
- package/dist/components/tooltip/tooltip.styles.d.ts +1 -0
- package/dist/components/tooltip/tooltip.styles.js +12 -0
- package/dist/custom-elements.json +2179 -1002
- package/dist/index.d.ts +6 -0
- package/dist/index.js +72 -54
- package/dist/internal/base-classes/popover/popover.base.d.ts +29 -0
- package/dist/internal/base-classes/popover/popover.base.js +116 -0
- package/dist/internal/base-classes/popover/popover.styles.d.ts +1 -0
- package/dist/internal/base-classes/popover/popover.styles.js +29 -0
- package/dist/internal/components/hint/hint.component.js +13 -13
- package/dist/internal/controllers/popover.controller.d.ts +16 -0
- package/dist/internal/controllers/popover.controller.js +44 -0
- package/dist/internal/helpers/hintSeverity.d.ts +1 -1
- package/dist/react/index.d.ts +10 -2
- package/dist/react/index.js +10 -2
- package/dist/react/skf-breadcrumb/index.d.ts +9 -0
- package/dist/react/skf-breadcrumb/index.js +17 -0
- package/dist/react/skf-breadcrumb-item/index.d.ts +3 -0
- package/dist/react/skf-breadcrumb-item/index.js +13 -0
- package/dist/react/skf-menu/index.d.ts +12 -0
- package/dist/react/skf-menu/index.js +18 -0
- package/dist/react/skf-menu-item/index.d.ts +27 -0
- package/dist/react/skf-menu-item/index.js +23 -0
- package/dist/react/skf-popover/index.d.ts +12 -0
- package/dist/react/skf-popover/index.js +18 -0
- package/dist/react/skf-stepper/index.d.ts +9 -0
- package/dist/react/skf-stepper/index.js +17 -0
- package/dist/react/skf-stepper-item/index.d.ts +9 -0
- package/dist/react/skf-stepper-item/index.js +17 -0
- package/dist/react/skf-tooltip/index.d.ts +12 -0
- package/dist/react/skf-tooltip/index.js +18 -0
- package/dist/types/jsx/custom-element-jsx.d.ts +594 -163
- package/dist/types/vue/index.d.ts +326 -74
- package/dist/vscode.html-custom-data.json +722 -390
- package/dist/web-types.json +836 -290
- package/package.json +33 -33
@@ -0,0 +1,27 @@
|
|
1
|
+
import Component from '../../components/menu-item/menu-item.js';
|
2
|
+
import { type SkfMenuItem } from '../../components/menu-item/menu-item.js';
|
3
|
+
import { type EventName } from '@lit/react';
|
4
|
+
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
+
onMyTagMyEvent: EventName<Event & {
|
6
|
+
target: SkfMenuItem;
|
7
|
+
}>;
|
8
|
+
onClick: EventName<Event & {
|
9
|
+
target: SkfMenuItem;
|
10
|
+
}>;
|
11
|
+
onMouseover: EventName<Event & {
|
12
|
+
target: SkfMenuItem;
|
13
|
+
}>;
|
14
|
+
onMouseout: EventName<Event & {
|
15
|
+
target: SkfMenuItem;
|
16
|
+
}>;
|
17
|
+
onFocus: EventName<Event & {
|
18
|
+
target: SkfMenuItem;
|
19
|
+
}>;
|
20
|
+
onBlur: EventName<Event & {
|
21
|
+
target: SkfMenuItem;
|
22
|
+
}>;
|
23
|
+
onChange: EventName<Event & {
|
24
|
+
target: SkfMenuItem;
|
25
|
+
}>;
|
26
|
+
}>;
|
27
|
+
export default reactWrapper;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/menu-item/menu-item.js';
|
4
|
+
import {} from '../../components/menu-item/menu-item.js';
|
5
|
+
import {} from '@lit/react';
|
6
|
+
const tagName = 'skf-menu-item';
|
7
|
+
Component.define('skf-menu-item');
|
8
|
+
const reactWrapper = createComponent({
|
9
|
+
tagName,
|
10
|
+
elementClass: Component,
|
11
|
+
react: React,
|
12
|
+
events: {
|
13
|
+
onMyTagMyEvent: 'my-tag-my-event',
|
14
|
+
onClick: 'click',
|
15
|
+
onMouseover: 'mouseover',
|
16
|
+
onMouseout: 'mouseout',
|
17
|
+
onFocus: 'focus',
|
18
|
+
onBlur: 'blur',
|
19
|
+
onChange: 'change',
|
20
|
+
},
|
21
|
+
displayName: 'SkfMenuItem',
|
22
|
+
});
|
23
|
+
export default reactWrapper;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import Component from '../../components/popover/popover.js';
|
2
|
+
import { type SkfPopover } from '../../components/popover/popover.js';
|
3
|
+
import { type EventName } from '@lit/react';
|
4
|
+
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
+
onOpen: EventName<Event & {
|
6
|
+
target: SkfPopover;
|
7
|
+
}>;
|
8
|
+
onClose: EventName<Event & {
|
9
|
+
target: SkfPopover;
|
10
|
+
}>;
|
11
|
+
}>;
|
12
|
+
export default reactWrapper;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/popover/popover.js';
|
4
|
+
import {} from '../../components/popover/popover.js';
|
5
|
+
import {} from '@lit/react';
|
6
|
+
const tagName = 'skf-popover';
|
7
|
+
Component.define('skf-popover');
|
8
|
+
const reactWrapper = createComponent({
|
9
|
+
tagName,
|
10
|
+
elementClass: Component,
|
11
|
+
react: React,
|
12
|
+
events: {
|
13
|
+
onOpen: 'open',
|
14
|
+
onClose: 'close',
|
15
|
+
},
|
16
|
+
displayName: 'SkfPopover',
|
17
|
+
});
|
18
|
+
export default reactWrapper;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import Component from '../../components/stepper/stepper.js';
|
2
|
+
import { type SkfStepper } from '../../components/stepper/stepper.js';
|
3
|
+
import { type EventName } from '@lit/react';
|
4
|
+
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
+
onSkfStepperItemSelect: EventName<Event & {
|
6
|
+
target: SkfStepper;
|
7
|
+
}>;
|
8
|
+
}>;
|
9
|
+
export default reactWrapper;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/stepper/stepper.js';
|
4
|
+
import {} from '../../components/stepper/stepper.js';
|
5
|
+
import {} from '@lit/react';
|
6
|
+
const tagName = 'skf-stepper';
|
7
|
+
Component.define('skf-stepper');
|
8
|
+
const reactWrapper = createComponent({
|
9
|
+
tagName,
|
10
|
+
elementClass: Component,
|
11
|
+
react: React,
|
12
|
+
events: {
|
13
|
+
onSkfStepperItemSelect: 'skf-stepper-item-select',
|
14
|
+
},
|
15
|
+
displayName: 'SkfStepper',
|
16
|
+
});
|
17
|
+
export default reactWrapper;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import Component from '../../components/stepper-item/stepper-item.js';
|
2
|
+
import { type SkfStepperItem } from '../../components/stepper-item/stepper-item.js';
|
3
|
+
import { type EventName } from '@lit/react';
|
4
|
+
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
+
onSkfStepperItemSelect: EventName<Event & {
|
6
|
+
target: SkfStepperItem;
|
7
|
+
}>;
|
8
|
+
}>;
|
9
|
+
export default reactWrapper;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/stepper-item/stepper-item.js';
|
4
|
+
import {} from '../../components/stepper-item/stepper-item.js';
|
5
|
+
import {} from '@lit/react';
|
6
|
+
const tagName = 'skf-stepper-item';
|
7
|
+
Component.define('skf-stepper-item');
|
8
|
+
const reactWrapper = createComponent({
|
9
|
+
tagName,
|
10
|
+
elementClass: Component,
|
11
|
+
react: React,
|
12
|
+
events: {
|
13
|
+
onSkfStepperItemSelect: 'skf-stepper-item-select',
|
14
|
+
},
|
15
|
+
displayName: 'SkfStepperItem',
|
16
|
+
});
|
17
|
+
export default reactWrapper;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import Component from '../../components/tooltip/tooltip.js';
|
2
|
+
import { type SkfTooltip } from '../../components/tooltip/tooltip.js';
|
3
|
+
import { type EventName } from '@lit/react';
|
4
|
+
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
+
onOpen: EventName<Event & {
|
6
|
+
target: SkfTooltip;
|
7
|
+
}>;
|
8
|
+
onClose: EventName<Event & {
|
9
|
+
target: SkfTooltip;
|
10
|
+
}>;
|
11
|
+
}>;
|
12
|
+
export default reactWrapper;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/tooltip/tooltip.js';
|
4
|
+
import {} from '../../components/tooltip/tooltip.js';
|
5
|
+
import {} from '@lit/react';
|
6
|
+
const tagName = 'skf-tooltip';
|
7
|
+
Component.define('skf-tooltip');
|
8
|
+
const reactWrapper = createComponent({
|
9
|
+
tagName,
|
10
|
+
elementClass: Component,
|
11
|
+
react: React,
|
12
|
+
events: {
|
13
|
+
onOpen: 'open',
|
14
|
+
onClose: 'close',
|
15
|
+
},
|
16
|
+
displayName: 'SkfTooltip',
|
17
|
+
});
|
18
|
+
export default reactWrapper;
|