@skf-design-system/ui-components 1.0.0-beta.7 → 1.0.1-beta.1
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/alert/alert.component.d.ts +2 -2
- package/dist/components/alert/alert.component.js +34 -34
- 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 +6 -4
- package/dist/components/button/button.component.js +87 -70
- package/dist/components/button/button.styles.js +64 -45
- package/dist/components/checkbox/checkbox.component.d.ts +3 -1
- package/dist/components/checkbox/checkbox.component.js +71 -58
- package/dist/components/date-picker/datepicker.calendar.component.d.ts +72 -0
- package/dist/components/date-picker/datepicker.calendar.component.js +382 -0
- package/dist/components/date-picker/datepicker.calendar.styles.d.ts +1 -0
- package/dist/components/date-picker/datepicker.calendar.styles.js +192 -0
- package/dist/components/date-picker/datepicker.component.d.ts +74 -0
- package/dist/components/date-picker/datepicker.component.js +241 -0
- package/dist/components/date-picker/datepicker.d.ts +10 -0
- package/dist/components/date-picker/datepicker.helpers.d.ts +40 -0
- package/dist/components/date-picker/datepicker.helpers.js +69 -0
- package/dist/components/date-picker/datepicker.js +8 -0
- package/dist/components/date-picker/datepicker.styles.d.ts +1 -0
- package/dist/components/date-picker/datepicker.styles.js +99 -0
- package/dist/components/date-picker-input/datepicker-input.component.d.ts +107 -0
- package/dist/components/date-picker-input/datepicker-input.component.js +397 -0
- package/dist/components/date-picker-input/datepicker-input.d.ts +8 -0
- package/dist/components/date-picker-input/datepicker-input.helpers.d.ts +4 -0
- package/dist/components/date-picker-input/datepicker-input.helpers.js +29 -0
- package/dist/components/date-picker-input/datepicker-input.js +6 -0
- package/dist/components/date-picker-input/datepicker-input.styles.d.ts +1 -0
- package/dist/components/date-picker-input/datepicker-input.styles.js +22 -0
- package/dist/components/dialog/dialog.component.d.ts +0 -1
- package/dist/components/dialog/dialog.component.js +2 -4
- package/dist/components/icon/icon.component.d.ts +1 -4
- package/dist/components/icon/icon.component.js +28 -19
- package/dist/components/icon/icon.styles.js +53 -47
- package/dist/components/input/input.component.d.ts +1 -0
- package/dist/components/input/input.component.js +87 -80
- package/dist/components/link/link.component.d.ts +1 -0
- package/dist/components/link/link.component.js +21 -21
- 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/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/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/toast/toast.component.d.ts +7 -4
- package/dist/components/toast/toast.component.js +24 -20
- 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/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 +3278 -1321
- package/dist/index.d.ts +8 -0
- package/dist/index.js +78 -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/controllers/popover.controller.d.ts +17 -0
- package/dist/internal/controllers/popover.controller.js +44 -0
- package/dist/internal/helpers/dateFormatter.d.ts +2 -0
- package/dist/internal/helpers/hintSeverity.d.ts +1 -1
- package/dist/internal/helpers/utilityTypes.d.ts +22 -0
- package/dist/react/index.d.ts +11 -2
- package/dist/react/index.js +11 -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-datepicker/index.d.ts +12 -0
- package/dist/react/skf-datepicker/index.js +18 -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 +628 -155
- package/dist/types/vue/index.d.ts +369 -74
- package/dist/vscode.html-custom-data.json +761 -391
- package/dist/web-types.json +936 -293
- package/package.json +34 -33
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/menu/menu.js';
|
4
|
+
import {} from '../../components/menu/menu.js';
|
5
|
+
import {} from '@lit/react';
|
6
|
+
const tagName = 'skf-menu';
|
7
|
+
Component.define('skf-menu');
|
8
|
+
const reactWrapper = createComponent({
|
9
|
+
tagName,
|
10
|
+
elementClass: Component,
|
11
|
+
react: React,
|
12
|
+
events: {
|
13
|
+
onOpen: 'open',
|
14
|
+
onClose: 'close',
|
15
|
+
},
|
16
|
+
displayName: 'SkfMenu',
|
17
|
+
});
|
18
|
+
export default reactWrapper;
|
@@ -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;
|