@baloise/ds-react 20.0.0-next.6 → 20.0.0-next.7
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.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
4
|
*/
|
|
5
5
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
6
|
-
import { type AccordionToggleDetail, type ButtonBlurDetail, type ButtonClickDetail, type ButtonDidRenderDetail, type ButtonFocusDetail, type ButtonNavigateDetail, type CarouselChangeDetail, type CheckboxBlurDetail, type CheckboxChangeDetail, type CheckboxFocusDetail, type CheckboxGroupBlurDetail, type CheckboxGroupChangeDetail, type CheckboxGroupFocusDetail, type DateBlurDetail, type DateChangeDetail, type DateClickDetail, type DateFocusDetail, type DateInputDetail, type DateKeyPressDetail, type DrawerDismissDetail, type DrawerPresentDetail, type DsAccordionCustomEvent, type DsAppCustomEvent, type DsButtonCustomEvent, type DsCarouselCustomEvent, type DsCarouselItemCustomEvent, type DsCheckboxCustomEvent, type DsCheckboxGroupCustomEvent, type DsDateCustomEvent, type DsDrawerCustomEvent, type DsFileUploadCustomEvent, type DsFooterCustomEvent, type DsInputCustomEvent, type DsItemCustomEvent, type DsModalCustomEvent, type DsNavbarCustomEvent, type DsNotificationCustomEvent, type DsNumberInputCustomEvent, type DsPaginationCustomEvent, type DsPopupCustomEvent, type DsRadioCustomEvent, type DsRadioGroupCustomEvent, type DsSegmentCustomEvent, type DsSegmentItemCustomEvent, type DsSelectCustomEvent, type DsSnackbarCustomEvent, type DsStepCustomEvent, type DsStepsCustomEvent, type DsTabCustomEvent, type DsTabsCustomEvent, type DsTagCustomEvent, type DsTextareaCustomEvent, type DsToastCustomEvent, type DsToggleCustomEvent, type DsTooltipCustomEvent, type FileUploadBlurDetail, type FileUploadChangeDetail, type FileUploadFilesAddedDetail, type FileUploadFilesRemovedDetail, type FileUploadFocusDetail, type FileUploadInputClickDetail, type FileUploadRejectedFileDetail, type FooterLanguageChangeDetail, type InputBlurDetail, type InputChangeDetail, type InputClickDetail, type InputFocusDetail, type InputInputDetail, type InputKeyPressDetail, type ModalDismissDetail, type ModalPresentDetail, type NotificationCloseClickDetail, type NumberInputBlurDetail, type NumberInputChangeDetail, type NumberInputClickDetail, type NumberInputFocusDetail, type NumberInputInputDetail, type NumberInputKeyPressDetail, type PaginationChangeDetail, type PopupDismissDetail, type PopupPresentDetail, type RadioBlurDetail, type RadioChangeDetail, type RadioFocusDetail, type RadioGroupBlurDetail, type RadioGroupChangeDetail, type RadioGroupFocusDetail, type SegmentBlurDetail, type SegmentChangeDetail, type SegmentFocusDetail, type SelectBlurDetail, type SelectChangeDetail, type SelectClickDetail, type SelectFocusDetail, type SnackbarActionClickDetail, type SnackbarCloseClickDetail, type StepsChangeDetail, type TabsChangeDetail, type TagCloseClickDetail, type TextareaBlurDetail, type TextareaChangeDetail, type TextareaClickDetail, type TextareaFocusDetail, type TextareaInputDetail, type TextareaKeyPressDetail, type ToastActionClickDetail, type ToastCloseClickDetail, type ToggleBlurDetail, type ToggleChangeDetail, type ToggleFocusDetail, type TooltipDidAnimateDetail, type TooltipWillAnimateDetail } from "@baloise/ds-core";
|
|
6
|
+
import { type AccordionToggleDetail, type ButtonBlurDetail, type ButtonClickDetail, type ButtonDidRenderDetail, type ButtonFocusDetail, type ButtonNavigateDetail, type CarouselChangeDetail, type CheckboxBlurDetail, type CheckboxChangeDetail, type CheckboxFocusDetail, type CheckboxGroupBlurDetail, type CheckboxGroupChangeDetail, type CheckboxGroupFocusDetail, type DateBlurDetail, type DateChangeDetail, type DateClickDetail, type DateFocusDetail, type DateInputDetail, type DateKeyPressDetail, type DrawerDismissDetail, type DrawerPresentDetail, type DsAccordionCustomEvent, type DsAppCustomEvent, type DsButtonCustomEvent, type DsCarouselCustomEvent, type DsCarouselItemCustomEvent, type DsCheckboxCustomEvent, type DsCheckboxGroupCustomEvent, type DsDateCustomEvent, type DsDrawerCustomEvent, type DsFileUploadCustomEvent, type DsFooterCustomEvent, type DsInputCustomEvent, type DsInputSliderCustomEvent, type DsItemCustomEvent, type DsModalCustomEvent, type DsNavbarCustomEvent, type DsNotificationCustomEvent, type DsNumberInputCustomEvent, type DsPaginationCustomEvent, type DsPopupCustomEvent, type DsRadioCustomEvent, type DsRadioGroupCustomEvent, type DsSegmentCustomEvent, type DsSegmentItemCustomEvent, type DsSelectCustomEvent, type DsSnackbarCustomEvent, type DsStepCustomEvent, type DsStepsCustomEvent, type DsTabCustomEvent, type DsTabsCustomEvent, type DsTagCustomEvent, type DsTextareaCustomEvent, type DsToastCustomEvent, type DsToggleCustomEvent, type DsTooltipCustomEvent, type FileUploadBlurDetail, type FileUploadChangeDetail, type FileUploadFilesAddedDetail, type FileUploadFilesRemovedDetail, type FileUploadFocusDetail, type FileUploadInputClickDetail, type FileUploadRejectedFileDetail, type FooterLanguageChangeDetail, type InputBlurDetail, type InputChangeDetail, type InputClickDetail, type InputFocusDetail, type InputInputDetail, type InputKeyPressDetail, type InputSliderBlurDetail, type InputSliderChangeDetail, type InputSliderClickDetail, type InputSliderFocusDetail, type InputSliderInputDetail, type ModalDismissDetail, type ModalPresentDetail, type NotificationCloseClickDetail, type NumberInputBlurDetail, type NumberInputChangeDetail, type NumberInputClickDetail, type NumberInputFocusDetail, type NumberInputInputDetail, type NumberInputKeyPressDetail, type PaginationChangeDetail, type PopupDismissDetail, type PopupPresentDetail, type RadioBlurDetail, type RadioChangeDetail, type RadioFocusDetail, type RadioGroupBlurDetail, type RadioGroupChangeDetail, type RadioGroupFocusDetail, type SegmentBlurDetail, type SegmentChangeDetail, type SegmentFocusDetail, type SelectBlurDetail, type SelectChangeDetail, type SelectClickDetail, type SelectFocusDetail, type SnackbarActionClickDetail, type SnackbarCloseClickDetail, type StepsChangeDetail, type TabsChangeDetail, type TagCloseClickDetail, type TextareaBlurDetail, type TextareaChangeDetail, type TextareaClickDetail, type TextareaFocusDetail, type TextareaInputDetail, type TextareaKeyPressDetail, type ToastActionClickDetail, type ToastCloseClickDetail, type ToggleBlurDetail, type ToggleChangeDetail, type ToggleFocusDetail, type TooltipDidAnimateDetail, type TooltipWillAnimateDetail } from "@baloise/ds-core";
|
|
7
7
|
import type { Components } from "@baloise/ds-core/components";
|
|
8
8
|
import { DsAccordion as DsAccordionElement } from "@baloise/ds-core/components/ds-accordion.js";
|
|
9
9
|
import { DsAlertContainer as DsAlertContainerElement } from "@baloise/ds-core/components/ds-alert-container.js";
|
|
@@ -37,6 +37,7 @@ import { DsHintText as DsHintTextElement } from "@baloise/ds-core/components/ds-
|
|
|
37
37
|
import { DsHintTitle as DsHintTitleElement } from "@baloise/ds-core/components/ds-hint-title.js";
|
|
38
38
|
import { DsHint as DsHintElement } from "@baloise/ds-core/components/ds-hint.js";
|
|
39
39
|
import { DsIcon as DsIconElement } from "@baloise/ds-core/components/ds-icon.js";
|
|
40
|
+
import { DsInputSlider as DsInputSliderElement } from "@baloise/ds-core/components/ds-input-slider.js";
|
|
40
41
|
import { DsInput as DsInputElement } from "@baloise/ds-core/components/ds-input.js";
|
|
41
42
|
import { DsItem as DsItemElement } from "@baloise/ds-core/components/ds-item.js";
|
|
42
43
|
import { DsLabel as DsLabelElement } from "@baloise/ds-core/components/ds-label.js";
|
|
@@ -196,6 +197,14 @@ export type DsInputEvents = {
|
|
|
196
197
|
onDsChange: EventName<DsInputCustomEvent<InputChangeDetail>>;
|
|
197
198
|
};
|
|
198
199
|
export declare const DsInput: StencilReactComponent<DsInputElement, DsInputEvents, Components.DsInput>;
|
|
200
|
+
export type DsInputSliderEvents = {
|
|
201
|
+
onDsInput: EventName<DsInputSliderCustomEvent<InputSliderInputDetail>>;
|
|
202
|
+
onDsFocus: EventName<DsInputSliderCustomEvent<InputSliderFocusDetail>>;
|
|
203
|
+
onDsBlur: EventName<DsInputSliderCustomEvent<InputSliderBlurDetail>>;
|
|
204
|
+
onDsClick: EventName<DsInputSliderCustomEvent<InputSliderClickDetail>>;
|
|
205
|
+
onDsChange: EventName<DsInputSliderCustomEvent<InputSliderChangeDetail>>;
|
|
206
|
+
};
|
|
207
|
+
export declare const DsInputSlider: StencilReactComponent<DsInputSliderElement, DsInputSliderEvents, Components.DsInputSlider>;
|
|
199
208
|
export type DsItemEvents = {
|
|
200
209
|
onDsClick: EventName<DsItemCustomEvent<ButtonClickDetail>>;
|
|
201
210
|
onDsAccordionToggle: EventName<DsItemCustomEvent<AccordionToggleDetail>>;
|
|
@@ -33,6 +33,7 @@ import { DsHintText as DsHintTextElement, defineCustomElement as defineDsHintTex
|
|
|
33
33
|
import { DsHintTitle as DsHintTitleElement, defineCustomElement as defineDsHintTitle } from "@baloise/ds-core/components/ds-hint-title.js";
|
|
34
34
|
import { DsHint as DsHintElement, defineCustomElement as defineDsHint } from "@baloise/ds-core/components/ds-hint.js";
|
|
35
35
|
import { DsIcon as DsIconElement, defineCustomElement as defineDsIcon } from "@baloise/ds-core/components/ds-icon.js";
|
|
36
|
+
import { DsInputSlider as DsInputSliderElement, defineCustomElement as defineDsInputSlider } from "@baloise/ds-core/components/ds-input-slider.js";
|
|
36
37
|
import { DsInput as DsInputElement, defineCustomElement as defineDsInput } from "@baloise/ds-core/components/ds-input.js";
|
|
37
38
|
import { DsItem as DsItemElement, defineCustomElement as defineDsItem } from "@baloise/ds-core/components/ds-item.js";
|
|
38
39
|
import { DsLabel as DsLabelElement, defineCustomElement as defineDsLabel } from "@baloise/ds-core/components/ds-label.js";
|
|
@@ -380,6 +381,20 @@ export const DsInput = /*@__PURE__*/ createComponent({
|
|
|
380
381
|
},
|
|
381
382
|
defineCustomElement: defineDsInput
|
|
382
383
|
});
|
|
384
|
+
export const DsInputSlider = /*@__PURE__*/ createComponent({
|
|
385
|
+
tagName: 'ds-input-slider',
|
|
386
|
+
elementClass: DsInputSliderElement,
|
|
387
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
388
|
+
react: React,
|
|
389
|
+
events: {
|
|
390
|
+
onDsInput: 'dsInput',
|
|
391
|
+
onDsFocus: 'dsFocus',
|
|
392
|
+
onDsBlur: 'dsBlur',
|
|
393
|
+
onDsClick: 'dsClick',
|
|
394
|
+
onDsChange: 'dsChange'
|
|
395
|
+
},
|
|
396
|
+
defineCustomElement: defineDsInputSlider
|
|
397
|
+
});
|
|
383
398
|
export const DsItem = /*@__PURE__*/ createComponent({
|
|
384
399
|
tagName: 'ds-item',
|
|
385
400
|
elementClass: DsItemElement,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baloise/ds-react",
|
|
3
|
-
"version": "20.0.0-next.
|
|
3
|
+
"version": "20.0.0-next.7",
|
|
4
4
|
"description": "The Helvetia Design System is an open source project for styling awesome web applications that follow the Helvetia corporate styling guidelines.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@baloise/ds-core": "20.0.0-next.
|
|
27
|
+
"@baloise/ds-core": "20.0.0-next.7",
|
|
28
28
|
"@stencil/react-output-target": "1.6.1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|