@skf-design-system/ui-components 1.0.1-beta.1 → 1.0.2-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/README.md +13 -26
- package/dist/components/accordion/accordion-item.component.d.ts +36 -0
- package/dist/components/accordion/accordion-item.component.js +87 -0
- package/dist/components/accordion/accordion-item.d.ts +3 -3
- package/dist/components/accordion/accordion-item.js +4 -5
- package/dist/components/accordion/accordion-item.styles.js +77 -0
- package/dist/components/accordion/accordion.component.d.ts +9 -13
- package/dist/components/accordion/accordion.component.js +12 -13
- package/dist/components/accordion/accordion.d.ts +0 -1
- package/dist/components/accordion/accordion.js +0 -2
- package/dist/components/alert/alert.component.d.ts +6 -10
- package/dist/components/alert/alert.component.js +15 -16
- package/dist/components/alert/alert.styles.js +0 -5
- package/dist/components/breadcrumb/breadcrumb-item.component.js +61 -0
- package/dist/components/breadcrumb/breadcrumb-item.js +6 -0
- package/dist/components/breadcrumb/breadcrumb-item.styles.js +62 -0
- package/dist/components/breadcrumb/breadcrumb.component.d.ts +2 -2
- package/dist/components/breadcrumb/breadcrumb.component.js +60 -0
- package/dist/components/breadcrumb/breadcrumb.js +6 -0
- package/dist/components/breadcrumb/breadcrumb.styles.js +22 -0
- package/dist/components/button/button.component.d.ts +13 -10
- package/dist/components/button/button.component.js +83 -76
- package/dist/components/button/button.styles.d.ts +1 -2
- package/dist/components/button/button.styles.js +1 -1
- package/dist/components/card/card.component.d.ts +1 -1
- package/dist/components/card/card.component.js +18 -30
- package/dist/components/card/card.styles.js +25 -28
- package/dist/components/checkbox/checkbox.component.d.ts +16 -14
- package/dist/components/checkbox/checkbox.component.js +5 -5
- package/dist/components/checkbox/checkbox.styles.d.ts +1 -2
- package/dist/components/checkbox/checkbox.styles.js +1 -5
- package/dist/components/date-picker/datepicker.calendar.component.d.ts +5 -0
- package/dist/components/date-picker/datepicker.calendar.component.js +128 -95
- package/dist/components/date-picker/datepicker.calendar.styles.js +35 -25
- package/dist/components/date-picker/datepicker.component.d.ts +5 -0
- package/dist/components/date-picker/datepicker.component.js +117 -97
- package/dist/components/date-picker/datepicker.helpers.d.ts +3 -2
- package/dist/components/date-picker/datepicker.helpers.js +46 -39
- package/dist/components/date-picker/datepicker.styles.js +14 -26
- package/dist/components/date-picker-input/datepicker-input.component.d.ts +14 -5
- package/dist/components/date-picker-input/datepicker-input.component.js +264 -219
- package/dist/components/date-picker-input/datepicker-input.helpers.d.ts +36 -2
- package/dist/components/date-picker-input/datepicker-input.helpers.js +25 -23
- package/dist/components/date-picker-input/datepicker-input.styles.js +6 -10
- package/dist/components/dialog/dialog.component.d.ts +20 -29
- package/dist/components/dialog/dialog.component.js +85 -75
- package/dist/components/dialog/dialog.styles.js +4 -4
- package/dist/components/divider/divider.component.d.ts +4 -8
- package/dist/components/divider/divider.component.js +24 -46
- package/dist/components/divider/divider.styles.js +34 -30
- package/dist/components/drawer/drawer.component.d.ts +61 -0
- package/dist/components/drawer/drawer.component.js +125 -0
- package/dist/components/drawer/drawer.d.ts +8 -0
- package/dist/components/drawer/drawer.js +6 -0
- package/dist/components/drawer/drawer.styles.js +71 -0
- package/dist/components/header/header.component.d.ts +46 -0
- package/dist/components/header/header.component.js +116 -0
- package/dist/components/header/header.d.ts +8 -0
- package/dist/components/header/header.js +6 -0
- package/dist/components/header/header.styles.js +68 -0
- package/dist/components/heading/heading.component.d.ts +3 -11
- package/dist/components/heading/heading.component.js +24 -23
- package/dist/components/heading/heading.styles.d.ts +1 -2
- package/dist/components/heading/heading.styles.js +1 -1
- package/dist/components/icon/icon.component.d.ts +11 -17
- package/dist/components/icon/icon.component.js +2 -2
- package/dist/components/icon/icon.styles.d.ts +1 -2
- package/dist/components/icon/icon.styles.js +1 -1
- package/dist/components/input/input.component.d.ts +30 -31
- package/dist/components/input/input.component.js +138 -125
- package/dist/components/input/input.controllers.d.ts +20 -6
- package/dist/components/input/input.controllers.js +14 -10
- package/dist/components/link/link.component.d.ts +12 -14
- package/dist/components/link/link.component.js +35 -34
- package/dist/components/link/link.styles.d.ts +1 -2
- package/dist/components/link/link.styles.js +24 -20
- package/dist/components/loader/loader.component.d.ts +1 -1
- package/dist/components/loader/loader.component.js +36 -40
- package/dist/components/loader/loader.styles.d.ts +1 -2
- package/dist/components/loader/loader.styles.js +40 -32
- package/dist/components/logo/logo.component.d.ts +4 -5
- package/dist/components/logo/logo.component.js +1 -1
- package/dist/components/menu/menu-item.component.d.ts +13 -0
- package/dist/components/{menu-item → menu}/menu-item.component.js +3 -3
- package/dist/components/menu/menu.component.d.ts +10 -8
- package/dist/components/menu/menu.component.js +8 -10
- package/dist/components/nav/nav-item.component.d.ts +18 -0
- package/dist/components/nav/nav-item.component.js +38 -0
- package/dist/components/nav/nav-item.d.ts +8 -0
- package/dist/components/nav/nav-item.js +6 -0
- package/dist/components/nav/nav-item.styles.js +39 -0
- package/dist/components/nav/nav.component.d.ts +17 -0
- package/dist/components/nav/nav.component.js +34 -0
- package/dist/components/nav/nav.d.ts +8 -0
- package/dist/components/nav/nav.js +6 -0
- package/dist/components/nav/nav.styles.d.ts +1 -0
- package/dist/components/nav/nav.styles.js +17 -0
- package/dist/components/popover/popover.component.d.ts +11 -8
- package/dist/components/popover/popover.component.js +24 -26
- package/dist/components/progress/progress.component.d.ts +2 -2
- package/dist/components/progress/progress.component.js +31 -37
- package/dist/components/progress/progress.styles.js +40 -35
- package/dist/components/radio/radio.component.d.ts +19 -13
- package/dist/components/radio/radio.component.js +12 -12
- package/dist/components/radio/radio.styles.d.ts +1 -2
- package/dist/components/radio/radio.styles.js +1 -1
- package/dist/components/segmented-button/segmented-button-item.component.d.ts +36 -0
- package/dist/components/segmented-button/segmented-button-item.component.js +56 -0
- package/dist/components/segmented-button/segmented-button-item.d.ts +8 -0
- package/dist/components/segmented-button/segmented-button-item.js +6 -0
- package/dist/components/segmented-button/segmented-button-item.styles.d.ts +1 -0
- package/dist/components/segmented-button/segmented-button-item.styles.js +62 -0
- package/dist/components/segmented-button/segmented-button.component.d.ts +30 -0
- package/dist/components/segmented-button/segmented-button.component.js +73 -0
- package/dist/components/segmented-button/segmented-button.d.ts +8 -0
- package/dist/components/segmented-button/segmented-button.js +6 -0
- package/dist/components/segmented-button/segmented-button.styles.d.ts +1 -0
- package/dist/components/segmented-button/segmented-button.styles.js +16 -0
- package/dist/components/{select-option-group → select}/select-option-group.component.js +1 -1
- package/dist/components/select/select-option-group.style.d.ts +1 -0
- package/dist/components/{select-option → select}/select-option.component.d.ts +7 -8
- package/dist/components/{select-option → select}/select-option.component.js +15 -15
- package/dist/components/select/select-option.controllers.d.ts +15 -0
- package/dist/components/select/select-option.styles.d.ts +1 -0
- package/dist/components/select/select.component.d.ts +16 -15
- package/dist/components/select/select.component.js +19 -19
- package/dist/components/select/select.controllers.d.ts +21 -10
- package/dist/components/select/select.controllers.js +31 -23
- package/dist/components/select/select.stories.icons.d.ts +7 -0
- package/dist/components/{stepper-item → stepper}/stepper-item.component.js +8 -8
- package/dist/components/stepper/stepper-item.styles.d.ts +1 -0
- package/dist/components/stepper/stepper.component.d.ts +4 -3
- package/dist/components/stepper/stepper.component.js +15 -15
- package/dist/components/stepper/stepper.helpers.d.ts +1 -1
- package/dist/components/switch/switch.component.d.ts +7 -6
- package/dist/components/switch/switch.component.js +21 -21
- package/dist/components/tab/tab.component.js +1 -1
- package/dist/components/tab-group/tab-group.component.js +1 -1
- package/dist/components/tab-panel/tab-panel.component.js +1 -1
- package/dist/components/tag/tag.component.d.ts +14 -16
- package/dist/components/tag/tag.component.js +36 -39
- package/dist/components/textarea/textarea.component.d.ts +10 -11
- package/dist/components/textarea/textarea.component.js +65 -67
- package/dist/components/{toast-item → toast}/toast-item.d.ts +2 -0
- package/dist/components/{toast-item → toast}/toast-item.js +4 -0
- package/dist/components/{toast-wrapper → toast}/toast-wrapper.component.js +1 -1
- package/dist/components/toast/toast-wrapper.styles.d.ts +1 -0
- package/dist/components/toast/toast.component.d.ts +6 -5
- package/dist/components/toast/toast.component.js +15 -15
- package/dist/components/toast/toast.singleton.d.ts +4 -4
- package/dist/components/toast/toast.singleton.js +12 -12
- package/dist/components/tooltip/tooltip.component.d.ts +7 -7
- package/dist/components/tooltip/tooltip.component.js +16 -11
- package/dist/custom-elements.json +2718 -2073
- package/dist/index.d.ts +16 -6
- package/dist/index.js +103 -75
- package/dist/internal/base-classes/popover/popover.base.d.ts +24 -9
- package/dist/internal/base-classes/popover/popover.base.js +138 -77
- package/dist/internal/base-classes/popover/popover.styles.js +14 -1
- package/dist/internal/components/hint/hint.component.d.ts +2 -2
- package/dist/internal/components/hint/hint.component.js +2 -2
- package/dist/internal/components/hint/hint.styles.d.ts +1 -2
- package/dist/internal/components/hint/hint.styles.js +1 -1
- package/dist/internal/constants/iconSeverity.d.ts +3 -2
- package/dist/internal/constants/iconSeverity.js +2 -3
- package/dist/internal/controllers/elementOverflowController.d.ts +13 -0
- package/dist/internal/controllers/popover.controller.d.ts +12 -7
- package/dist/internal/controllers/popover.controller.js +9 -14
- package/dist/internal/helpers/hintSeverity.d.ts +2 -2
- package/dist/internal/helpers/hintSeverity.js +1 -1
- package/dist/internal/helpers/utilityTypes.d.ts +1 -1
- package/dist/internal/helpers/uuid.d.ts +15 -0
- package/dist/internal/helpers/uuid.js +14 -0
- package/dist/internal/storybook/styles.d.ts +1 -0
- package/dist/internal/types/formField.d.ts +1 -1
- package/dist/internal/types.d.ts +18 -0
- package/dist/styles/component.styles.d.ts +1 -2
- package/dist/styles/component.styles.js +1 -1
- package/dist/styles/form-field.styles.js +11 -6
- package/dist/styles/global.css +1 -1
- package/dist/types/jsx/custom-element-jsx.d.ts +673 -1310
- package/dist/types/vue/index.d.ts +456 -319
- package/dist/vscode.html-custom-data.json +402 -1080
- package/dist/web-types.json +986 -767
- package/package.json +44 -55
- package/dist/components/collapse/collapse.component.d.ts +0 -40
- package/dist/components/collapse/collapse.component.js +0 -86
- package/dist/components/collapse/collapse.d.ts +0 -8
- package/dist/components/collapse/collapse.js +0 -6
- package/dist/components/collapse/collapse.styles.d.ts +0 -2
- package/dist/components/collapse/collapse.styles.js +0 -77
- package/dist/components/menu-item/menu-item.component.d.ts +0 -25
- package/dist/components/select-option/select-option.controllers.d.ts +0 -9
- package/dist/internal/constants/heading.d.ts +0 -2
- package/dist/react/index.d.ts +0 -36
- package/dist/react/index.js +0 -36
- package/dist/react/skf-accordion/index.d.ts +0 -3
- package/dist/react/skf-accordion/index.js +0 -13
- package/dist/react/skf-alert/index.d.ts +0 -9
- package/dist/react/skf-alert/index.js +0 -17
- package/dist/react/skf-breadcrumb/index.d.ts +0 -9
- package/dist/react/skf-breadcrumb/index.js +0 -17
- package/dist/react/skf-breadcrumb-item/index.d.ts +0 -3
- package/dist/react/skf-breadcrumb-item/index.js +0 -13
- package/dist/react/skf-button/index.d.ts +0 -9
- package/dist/react/skf-button/index.js +0 -17
- package/dist/react/skf-card/index.d.ts +0 -3
- package/dist/react/skf-card/index.js +0 -13
- package/dist/react/skf-checkbox/index.d.ts +0 -9
- package/dist/react/skf-checkbox/index.js +0 -17
- package/dist/react/skf-collapse/index.d.ts +0 -9
- package/dist/react/skf-collapse/index.js +0 -17
- package/dist/react/skf-datepicker/index.d.ts +0 -12
- package/dist/react/skf-datepicker/index.js +0 -18
- package/dist/react/skf-dialog/index.d.ts +0 -15
- package/dist/react/skf-dialog/index.js +0 -19
- package/dist/react/skf-divider/index.d.ts +0 -3
- package/dist/react/skf-divider/index.js +0 -13
- package/dist/react/skf-heading/index.d.ts +0 -3
- package/dist/react/skf-heading/index.js +0 -13
- package/dist/react/skf-icon/index.d.ts +0 -3
- package/dist/react/skf-icon/index.js +0 -13
- package/dist/react/skf-input/index.d.ts +0 -12
- package/dist/react/skf-input/index.js +0 -18
- package/dist/react/skf-link/index.d.ts +0 -3
- package/dist/react/skf-link/index.js +0 -13
- package/dist/react/skf-loader/index.d.ts +0 -3
- package/dist/react/skf-loader/index.js +0 -13
- package/dist/react/skf-logo/index.d.ts +0 -3
- package/dist/react/skf-logo/index.js +0 -13
- package/dist/react/skf-menu/index.d.ts +0 -12
- package/dist/react/skf-menu/index.js +0 -18
- package/dist/react/skf-menu-item/index.d.ts +0 -27
- package/dist/react/skf-menu-item/index.js +0 -23
- package/dist/react/skf-popover/index.d.ts +0 -12
- package/dist/react/skf-popover/index.js +0 -18
- package/dist/react/skf-progress/index.d.ts +0 -3
- package/dist/react/skf-progress/index.js +0 -13
- package/dist/react/skf-radio/index.d.ts +0 -9
- package/dist/react/skf-radio/index.js +0 -17
- package/dist/react/skf-select/index.d.ts +0 -21
- package/dist/react/skf-select/index.js +0 -21
- package/dist/react/skf-select-option/index.d.ts +0 -9
- package/dist/react/skf-select-option/index.js +0 -17
- package/dist/react/skf-select-option-group/index.d.ts +0 -3
- package/dist/react/skf-select-option-group/index.js +0 -13
- package/dist/react/skf-stepper/index.d.ts +0 -9
- package/dist/react/skf-stepper/index.js +0 -17
- package/dist/react/skf-stepper-item/index.d.ts +0 -9
- package/dist/react/skf-stepper-item/index.js +0 -17
- package/dist/react/skf-switch/index.d.ts +0 -3
- package/dist/react/skf-switch/index.js +0 -13
- package/dist/react/skf-tab/index.d.ts +0 -12
- package/dist/react/skf-tab/index.js +0 -18
- package/dist/react/skf-tab-group/index.d.ts +0 -3
- package/dist/react/skf-tab-group/index.js +0 -13
- package/dist/react/skf-tab-panel/index.d.ts +0 -3
- package/dist/react/skf-tab-panel/index.js +0 -13
- package/dist/react/skf-tag/index.d.ts +0 -3
- package/dist/react/skf-tag/index.js +0 -13
- package/dist/react/skf-textarea/index.d.ts +0 -12
- package/dist/react/skf-textarea/index.js +0 -18
- package/dist/react/skf-toast/index.d.ts +0 -3
- package/dist/react/skf-toast/index.js +0 -13
- package/dist/react/skf-toast-wrapper/index.d.ts +0 -3
- package/dist/react/skf-toast-wrapper/index.js +0 -13
- package/dist/react/skf-tooltip/index.d.ts +0 -12
- package/dist/react/skf-tooltip/index.js +0 -18
- /package/dist/components/{breadcrumb-item/breadcrumb-item.styles.d.ts → accordion/accordion-item.styles.d.ts} +0 -0
- /package/dist/components/{collapse/collapse.test.d.ts → accordion/accordion-item.test.d.ts} +0 -0
- /package/dist/components/{breadcrumb-item → breadcrumb}/breadcrumb-item.component.d.ts +0 -0
- /package/dist/components/{breadcrumb-item → breadcrumb}/breadcrumb-item.d.ts +0 -0
- /package/dist/components/{menu-item/menu-item.styles.d.ts → breadcrumb/breadcrumb-item.styles.d.ts} +0 -0
- /package/dist/components/{select-option-group/select-option-group.style.d.ts → drawer/drawer.styles.d.ts} +0 -0
- /package/dist/components/{select-option/select-option.styles.d.ts → header/header.styles.d.ts} +0 -0
- /package/dist/components/{menu-item → menu}/menu-item.d.ts +0 -0
- /package/dist/components/{menu-item → menu}/menu-item.js +0 -0
- /package/dist/components/{stepper-item/stepper-item.styles.d.ts → menu/menu-item.styles.d.ts} +0 -0
- /package/dist/components/{menu-item → menu}/menu-item.styles.js +0 -0
- /package/dist/components/{toast-wrapper/toast-wrapper.styles.d.ts → nav/nav-item.styles.d.ts} +0 -0
- /package/dist/components/{select-option-group → select}/select-option-group.component.d.ts +0 -0
- /package/dist/components/{select-option-group → select}/select-option-group.d.ts +0 -0
- /package/dist/components/{select-option-group → select}/select-option-group.js +0 -0
- /package/dist/components/{select-option-group → select}/select-option-group.style.js +0 -0
- /package/dist/components/{select-option → select}/select-option.d.ts +0 -0
- /package/dist/components/{select-option → select}/select-option.js +0 -0
- /package/dist/components/{select-option → select}/select-option.styles.js +0 -0
- /package/dist/components/{stepper-item → stepper}/stepper-item.component.d.ts +0 -0
- /package/dist/components/{stepper-item → stepper}/stepper-item.d.ts +0 -0
- /package/dist/components/{stepper-item → stepper}/stepper-item.js +0 -0
- /package/dist/components/{stepper-item → stepper}/stepper-item.styles.js +0 -0
- /package/dist/components/{toast-item → toast}/toast-item.component.d.ts +0 -0
- /package/dist/components/{toast-item → toast}/toast-item.component.js +0 -0
- /package/dist/components/{toast-item → toast}/toast-item.styles.d.ts +0 -0
- /package/dist/components/{toast-item → toast}/toast-item.styles.js +0 -0
- /package/dist/components/{toast-wrapper → toast}/toast-wrapper.component.d.ts +0 -0
- /package/dist/components/{toast-wrapper → toast}/toast-wrapper.d.ts +0 -0
- /package/dist/components/{toast-wrapper → toast}/toast-wrapper.js +0 -0
- /package/dist/components/{toast-wrapper → toast}/toast-wrapper.styles.js +0 -0
@@ -1,17 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/checkbox/checkbox.js';
|
4
|
-
import {} from '../../components/checkbox/checkbox.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-checkbox';
|
7
|
-
Component.define('skf-checkbox');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onChange: 'change',
|
14
|
-
},
|
15
|
-
displayName: 'SkfCheckbox',
|
16
|
-
});
|
17
|
-
export default reactWrapper;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import Component from '../../components/collapse/collapse.js';
|
2
|
-
import { type SkfCollapse } from '../../components/collapse/collapse.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onSkfCollapseToggle: EventName<Event & {
|
6
|
-
target: SkfCollapse;
|
7
|
-
}>;
|
8
|
-
}>;
|
9
|
-
export default reactWrapper;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/collapse/collapse.js';
|
4
|
-
import {} from '../../components/collapse/collapse.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-collapse';
|
7
|
-
Component.define('skf-collapse');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onSkfCollapseToggle: 'skf-collapse-toggle',
|
14
|
-
},
|
15
|
-
displayName: 'SkfCollapse',
|
16
|
-
});
|
17
|
-
export default reactWrapper;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import Component from '../../components/date-picker/datepicker.js';
|
2
|
-
import { type SkfDatePicker } from '../../components/date-picker/datepicker.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onSelectedDateChanged: EventName<Event & {
|
6
|
-
target: SkfDatePicker;
|
7
|
-
}>;
|
8
|
-
onSelectedDateRangeChanged: EventName<Event & {
|
9
|
-
target: SkfDatePicker;
|
10
|
-
}>;
|
11
|
-
}>;
|
12
|
-
export default reactWrapper;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/date-picker/datepicker.js';
|
4
|
-
import {} from '../../components/date-picker/datepicker.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-datepicker';
|
7
|
-
Component.define('skf-datepicker');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onSelectedDateChanged: 'selected-date-changed',
|
14
|
-
onSelectedDateRangeChanged: 'selected-date-range-changed',
|
15
|
-
},
|
16
|
-
displayName: 'SkfDatePicker',
|
17
|
-
});
|
18
|
-
export default reactWrapper;
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import Component from '../../components/dialog/dialog.js';
|
2
|
-
import { type SkfDialog } from '../../components/dialog/dialog.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onSkfDialogOpen: EventName<Event & {
|
6
|
-
target: SkfDialog;
|
7
|
-
}>;
|
8
|
-
onSkfDialogClose: EventName<Event & {
|
9
|
-
target: SkfDialog;
|
10
|
-
}>;
|
11
|
-
onClose: EventName<Event & {
|
12
|
-
target: SkfDialog;
|
13
|
-
}>;
|
14
|
-
}>;
|
15
|
-
export default reactWrapper;
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/dialog/dialog.js';
|
4
|
-
import {} from '../../components/dialog/dialog.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-dialog';
|
7
|
-
Component.define('skf-dialog');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onSkfDialogOpen: 'skf-dialog-open',
|
14
|
-
onSkfDialogClose: 'skf-dialog-close',
|
15
|
-
onClose: 'close',
|
16
|
-
},
|
17
|
-
displayName: 'SkfDialog',
|
18
|
-
});
|
19
|
-
export default reactWrapper;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/divider/divider.js';
|
4
|
-
const tagName = 'skf-divider';
|
5
|
-
Component.define('skf-divider');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfDivider',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/heading/heading.js';
|
4
|
-
const tagName = 'skf-heading';
|
5
|
-
Component.define('skf-heading');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfHeading',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/icon/icon.js';
|
4
|
-
const tagName = 'skf-icon';
|
5
|
-
Component.define('skf-icon');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfIcon',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import Component from '../../components/input/input.js';
|
2
|
-
import { type SkfInput } from '../../components/input/input.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onChange: EventName<Event & {
|
6
|
-
target: SkfInput;
|
7
|
-
}>;
|
8
|
-
onInvalid: EventName<Event & {
|
9
|
-
target: SkfInput;
|
10
|
-
}>;
|
11
|
-
}>;
|
12
|
-
export default reactWrapper;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/input/input.js';
|
4
|
-
import {} from '../../components/input/input.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-input';
|
7
|
-
Component.define('skf-input');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onChange: 'change',
|
14
|
-
onInvalid: 'invalid',
|
15
|
-
},
|
16
|
-
displayName: 'SkfInput',
|
17
|
-
});
|
18
|
-
export default reactWrapper;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/link/link.js';
|
4
|
-
const tagName = 'skf-link';
|
5
|
-
Component.define('skf-link');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfLink',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/loader/loader.js';
|
4
|
-
const tagName = 'skf-loader';
|
5
|
-
Component.define('skf-loader');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfLoader',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/logo/logo.js';
|
4
|
-
const tagName = 'skf-logo';
|
5
|
-
Component.define('skf-logo');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfLogo',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import Component from '../../components/menu/menu.js';
|
2
|
-
import { type SkfMenu } from '../../components/menu/menu.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onOpen: EventName<Event & {
|
6
|
-
target: SkfMenu;
|
7
|
-
}>;
|
8
|
-
onClose: EventName<Event & {
|
9
|
-
target: SkfMenu;
|
10
|
-
}>;
|
11
|
-
}>;
|
12
|
-
export default reactWrapper;
|
@@ -1,18 +0,0 @@
|
|
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;
|
@@ -1,27 +0,0 @@
|
|
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;
|
@@ -1,23 +0,0 @@
|
|
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;
|
@@ -1,12 +0,0 @@
|
|
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;
|
@@ -1,18 +0,0 @@
|
|
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;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/progress/progress.js';
|
4
|
-
const tagName = 'skf-progress';
|
5
|
-
Component.define('skf-progress');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfProgress',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import Component from '../../components/radio/radio.js';
|
2
|
-
import { type SkfRadio } from '../../components/radio/radio.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onChange: EventName<Event & {
|
6
|
-
target: SkfRadio;
|
7
|
-
}>;
|
8
|
-
}>;
|
9
|
-
export default reactWrapper;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/radio/radio.js';
|
4
|
-
import {} from '../../components/radio/radio.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-radio';
|
7
|
-
Component.define('skf-radio');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onChange: 'change',
|
14
|
-
},
|
15
|
-
displayName: 'SkfRadio',
|
16
|
-
});
|
17
|
-
export default reactWrapper;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import Component from '../../components/select/select.js';
|
2
|
-
import { type SkfSelect } from '../../components/select/select.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onChange: EventName<Event & {
|
6
|
-
target: SkfSelect;
|
7
|
-
}>;
|
8
|
-
onInvalid: EventName<Event & {
|
9
|
-
target: SkfSelect;
|
10
|
-
}>;
|
11
|
-
onReset: EventName<Event & {
|
12
|
-
target: SkfSelect;
|
13
|
-
}>;
|
14
|
-
onSkfSelectDropdown: EventName<Event & {
|
15
|
-
target: SkfSelect;
|
16
|
-
}>;
|
17
|
-
onSkfSelectOptionSelect: EventName<Event & {
|
18
|
-
target: SkfSelect;
|
19
|
-
}>;
|
20
|
-
}>;
|
21
|
-
export default reactWrapper;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/select/select.js';
|
4
|
-
import {} from '../../components/select/select.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-select';
|
7
|
-
Component.define('skf-select');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onChange: 'change',
|
14
|
-
onInvalid: 'invalid',
|
15
|
-
onReset: 'reset',
|
16
|
-
onSkfSelectDropdown: 'skf-select:dropdown',
|
17
|
-
onSkfSelectOptionSelect: 'skf-select-option:select',
|
18
|
-
},
|
19
|
-
displayName: 'SkfSelect',
|
20
|
-
});
|
21
|
-
export default reactWrapper;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import Component from '../../components/select-option/select-option.js';
|
2
|
-
import { type SkfSelectOption } from '../../components/select-option/select-option.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onSkfSelectOptionSelect: EventName<Event & {
|
6
|
-
target: SkfSelectOption;
|
7
|
-
}>;
|
8
|
-
}>;
|
9
|
-
export default reactWrapper;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/select-option/select-option.js';
|
4
|
-
import {} from '../../components/select-option/select-option.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-select-option';
|
7
|
-
Component.define('skf-select-option');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onSkfSelectOptionSelect: 'skf-select-option:select',
|
14
|
-
},
|
15
|
-
displayName: 'SkfSelectOption',
|
16
|
-
});
|
17
|
-
export default reactWrapper;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/select-option-group/select-option-group.js';
|
4
|
-
const tagName = 'skf-select-option-group';
|
5
|
-
Component.define('skf-select-option-group');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfSelectOptionGroup',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,9 +0,0 @@
|
|
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;
|
@@ -1,17 +0,0 @@
|
|
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;
|
@@ -1,9 +0,0 @@
|
|
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;
|
@@ -1,17 +0,0 @@
|
|
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;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/switch/switch.js';
|
4
|
-
const tagName = 'skf-switch';
|
5
|
-
Component.define('skf-switch');
|
6
|
-
const reactWrapper = createComponent({
|
7
|
-
tagName,
|
8
|
-
elementClass: Component,
|
9
|
-
react: React,
|
10
|
-
events: {},
|
11
|
-
displayName: 'SkfSwitch',
|
12
|
-
});
|
13
|
-
export default reactWrapper;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import Component from '../../components/tab/tab.js';
|
2
|
-
import { type SkfTab } from '../../components/tab/tab.js';
|
3
|
-
import { type EventName } from '@lit/react';
|
4
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
5
|
-
onSkfTabSelect: EventName<Event & {
|
6
|
-
target: SkfTab;
|
7
|
-
}>;
|
8
|
-
onClick: EventName<Event & {
|
9
|
-
target: SkfTab;
|
10
|
-
}>;
|
11
|
-
}>;
|
12
|
-
export default reactWrapper;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { createComponent } from '@lit/react';
|
3
|
-
import Component from '../../components/tab/tab.js';
|
4
|
-
import {} from '../../components/tab/tab.js';
|
5
|
-
import {} from '@lit/react';
|
6
|
-
const tagName = 'skf-tab';
|
7
|
-
Component.define('skf-tab');
|
8
|
-
const reactWrapper = createComponent({
|
9
|
-
tagName,
|
10
|
-
elementClass: Component,
|
11
|
-
react: React,
|
12
|
-
events: {
|
13
|
-
onSkfTabSelect: 'skf-tab-select',
|
14
|
-
onClick: 'click',
|
15
|
-
},
|
16
|
-
displayName: 'SkfTab',
|
17
|
-
});
|
18
|
-
export default reactWrapper;
|