@baloise/ds-react 17.4.1 → 18.0.0-nightly.20250211
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/index.cjs.js +139 -156
- package/index.esm.d.ts +1 -0
- package/index.esm.js +137 -148
- package/package.json +5 -4
- package/src/generated/proxies.d.ts +117 -117
- package/src/generated/react-component-lib/createComponent.d.ts +10 -10
- package/src/generated/react-component-lib/createOverlayComponent.d.ts +21 -21
- package/src/generated/react-component-lib/index.d.ts +2 -2
- package/src/generated/react-component-lib/interfaces.d.ts +29 -29
- package/src/generated/react-component-lib/utils/attachProps.d.ts +12 -12
- package/src/generated/react-component-lib/utils/case.d.ts +2 -2
- package/src/generated/react-component-lib/utils/dev.d.ts +2 -2
- package/src/generated/react-component-lib/utils/index.d.ts +10 -10
- package/src/index.d.ts +6 -6
package/index.esm.js
CHANGED
|
@@ -25,7 +25,6 @@ function _defineProperties(target, props) {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
function _create_class(Constructor, protoProps, staticProps) {
|
|
28
|
-
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
29
28
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
30
29
|
return Constructor;
|
|
31
30
|
}
|
|
@@ -84,9 +83,9 @@ function _type_of(obj) {
|
|
|
84
83
|
}
|
|
85
84
|
|
|
86
85
|
var dashToPascalCase = function(str) {
|
|
87
|
-
return str.toLowerCase().split(
|
|
86
|
+
return str.toLowerCase().split('-').map(function(segment) {
|
|
88
87
|
return segment.charAt(0).toUpperCase() + segment.slice(1);
|
|
89
|
-
}).join(
|
|
88
|
+
}).join('');
|
|
90
89
|
};
|
|
91
90
|
var camelToDashCase = function(str) {
|
|
92
91
|
return str.replace(/([A-Z])/g, function(m) {
|
|
@@ -95,19 +94,19 @@ var camelToDashCase = function(str) {
|
|
|
95
94
|
};
|
|
96
95
|
|
|
97
96
|
var attachProps = function(node, newProps, oldProps) {
|
|
98
|
-
if (oldProps ===
|
|
97
|
+
if (oldProps === undefined) oldProps = {};
|
|
99
98
|
// some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
|
|
100
99
|
if (_instanceof1(node, Element)) {
|
|
101
100
|
// add any classes in className to the class list
|
|
102
101
|
var className = getClassName(node.classList, newProps, oldProps);
|
|
103
|
-
if (className !==
|
|
102
|
+
if (className !== '') {
|
|
104
103
|
node.className = className;
|
|
105
104
|
}
|
|
106
105
|
Object.keys(newProps).forEach(function(name) {
|
|
107
|
-
if (name ===
|
|
106
|
+
if (name === 'children' || name === 'style' || name === 'ref' || name === 'class' || name === 'className' || name === 'forwardedRef') {
|
|
108
107
|
return;
|
|
109
108
|
}
|
|
110
|
-
if (name.indexOf(
|
|
109
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
111
110
|
var eventName = name.substring(2);
|
|
112
111
|
var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
|
113
112
|
if (!isCoveredByReact(eventNameLc)) {
|
|
@@ -116,7 +115,7 @@ var attachProps = function(node, newProps, oldProps) {
|
|
|
116
115
|
} else {
|
|
117
116
|
node[name] = newProps[name];
|
|
118
117
|
var propType = _type_of(newProps[name]);
|
|
119
|
-
if (propType ===
|
|
118
|
+
if (propType === 'string') {
|
|
120
119
|
node.setAttribute(camelToDashCase(name), newProps[name]);
|
|
121
120
|
}
|
|
122
121
|
}
|
|
@@ -128,8 +127,8 @@ var getClassName = function(classList, newProps, oldProps) {
|
|
|
128
127
|
var oldClassProp = oldProps.className || oldProps.class;
|
|
129
128
|
// map the classes to Maps for performance
|
|
130
129
|
var currentClasses = arrayToMap(classList);
|
|
131
|
-
var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(
|
|
132
|
-
var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(
|
|
130
|
+
var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
|
|
131
|
+
var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
|
|
133
132
|
var finalClassNames = [];
|
|
134
133
|
// loop through each of the current classes on the component
|
|
135
134
|
// to see if it should be a part of the classNames added
|
|
@@ -146,21 +145,21 @@ var getClassName = function(classList, newProps, oldProps) {
|
|
|
146
145
|
incomingPropClasses.forEach(function(s) {
|
|
147
146
|
return finalClassNames.push(s);
|
|
148
147
|
});
|
|
149
|
-
return finalClassNames.join(
|
|
148
|
+
return finalClassNames.join(' ');
|
|
150
149
|
};
|
|
151
150
|
/**
|
|
152
151
|
* Checks if an event is supported in the current execution environment.
|
|
153
152
|
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
154
153
|
*/ var isCoveredByReact = function(eventNameSuffix) {
|
|
155
|
-
if (typeof document ===
|
|
154
|
+
if (typeof document === 'undefined') {
|
|
156
155
|
return true;
|
|
157
156
|
} else {
|
|
158
|
-
var eventName =
|
|
157
|
+
var eventName = 'on' + eventNameSuffix;
|
|
159
158
|
var isSupported = eventName in document;
|
|
160
159
|
if (!isSupported) {
|
|
161
|
-
var element = document.createElement(
|
|
162
|
-
element.setAttribute(eventName,
|
|
163
|
-
isSupported = typeof element[eventName] ===
|
|
160
|
+
var element = document.createElement('div');
|
|
161
|
+
element.setAttribute(eventName, 'return;');
|
|
162
|
+
isSupported = typeof element[eventName] === 'function';
|
|
164
163
|
}
|
|
165
164
|
return isSupported;
|
|
166
165
|
}
|
|
@@ -188,7 +187,7 @@ var arrayToMap = function(arr) {
|
|
|
188
187
|
};
|
|
189
188
|
|
|
190
189
|
var setRef = function(ref, value) {
|
|
191
|
-
if (typeof ref ===
|
|
190
|
+
if (typeof ref === 'function') {
|
|
192
191
|
ref(value);
|
|
193
192
|
} else if (ref != null) {
|
|
194
193
|
ref.current = value;
|
|
@@ -215,9 +214,6 @@ var createForwardRef = function(ReactComponent, displayName) {
|
|
|
215
214
|
};
|
|
216
215
|
|
|
217
216
|
var createReactComponent = function(tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
|
|
218
|
-
if (defineCustomElement !== undefined) {
|
|
219
|
-
defineCustomElement();
|
|
220
|
-
}
|
|
221
217
|
var displayName = dashToPascalCase(tagName);
|
|
222
218
|
var ReactComponent = /*#__PURE__*/ function(_React_Component) {
|
|
223
219
|
_inherits(ReactComponent, _React_Component);
|
|
@@ -246,9 +242,9 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
|
|
|
246
242
|
"ref"
|
|
247
243
|
]);
|
|
248
244
|
var propsToPass = Object.keys(cProps).reduce(function(acc, name) {
|
|
249
|
-
if (name.indexOf(
|
|
245
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
250
246
|
var eventName = name.substring(2).toLowerCase();
|
|
251
|
-
if (typeof document !==
|
|
247
|
+
if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
|
|
252
248
|
acc[name] = cProps[name];
|
|
253
249
|
}
|
|
254
250
|
} else {
|
|
@@ -256,9 +252,6 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
|
|
|
256
252
|
}
|
|
257
253
|
return acc;
|
|
258
254
|
}, {});
|
|
259
|
-
if (manipulatePropsFunction) {
|
|
260
|
-
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
261
|
-
}
|
|
262
255
|
var newProps = _extends({}, propsToPass, {
|
|
263
256
|
ref: mergeRefs(forwardedRef, this.setComponentElRef),
|
|
264
257
|
style: style
|
|
@@ -269,8 +262,8 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
|
|
|
269
262
|
* bug in Vite (https://github.com/vitejs/vite/issues/6104).
|
|
270
263
|
* React.createElement causes all elements to be rendered
|
|
271
264
|
* as <tagname> instead of the actual Web Component.
|
|
272
|
-
*/ var areChildrenEmpty = children ===
|
|
273
|
-
var fragment = !areChildrenEmpty ? /*#__PURE__*/ createElement(Fragment, {}, children) : /*#__PURE__*/ createElement(Fragment, {},
|
|
265
|
+
*/ var areChildrenEmpty = children === '' || children === undefined || children === null;
|
|
266
|
+
var fragment = !areChildrenEmpty ? /*#__PURE__*/ createElement(Fragment, {}, children) : /*#__PURE__*/ createElement(Fragment, {}, ' ');
|
|
274
267
|
var component = /*#__PURE__*/ createElement(tagName, newProps, fragment);
|
|
275
268
|
return component;
|
|
276
269
|
};
|
|
@@ -284,133 +277,129 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
|
|
|
284
277
|
]);
|
|
285
278
|
return ReactComponent;
|
|
286
279
|
}(React.Component);
|
|
287
|
-
// If context was passed to createReactComponent then conditionally add it to the Component Class
|
|
288
|
-
if (ReactComponentContext) {
|
|
289
|
-
ReactComponent.contextType = ReactComponentContext;
|
|
290
|
-
}
|
|
291
280
|
return createForwardRef(ReactComponent, displayName);
|
|
292
281
|
};
|
|
293
282
|
|
|
294
283
|
defineCustomElements();
|
|
295
|
-
var BalAccordion = /*@__PURE__*/ createReactComponent(
|
|
296
|
-
var BalAccordionDetails = /*@__PURE__*/ createReactComponent(
|
|
297
|
-
var BalAccordionSummary = /*@__PURE__*/ createReactComponent(
|
|
298
|
-
var BalAccordionTrigger = /*@__PURE__*/ createReactComponent(
|
|
299
|
-
var BalApp = /*@__PURE__*/ createReactComponent(
|
|
300
|
-
var BalBadge = /*@__PURE__*/ createReactComponent(
|
|
301
|
-
var BalButton = /*@__PURE__*/ createReactComponent(
|
|
302
|
-
var BalButtonGroup = /*@__PURE__*/ createReactComponent(
|
|
303
|
-
var BalCard = /*@__PURE__*/ createReactComponent(
|
|
304
|
-
var BalCardActions = /*@__PURE__*/ createReactComponent(
|
|
305
|
-
var BalCardButton = /*@__PURE__*/ createReactComponent(
|
|
306
|
-
var BalCardContent = /*@__PURE__*/ createReactComponent(
|
|
307
|
-
var BalCardSubtitle = /*@__PURE__*/ createReactComponent(
|
|
308
|
-
var BalCardTitle = /*@__PURE__*/ createReactComponent(
|
|
309
|
-
var BalCarousel = /*@__PURE__*/ createReactComponent(
|
|
310
|
-
var BalCarouselItem = /*@__PURE__*/ createReactComponent(
|
|
311
|
-
var BalCheckbox = /*@__PURE__*/ createReactComponent(
|
|
312
|
-
var BalCheckboxButton = /*@__PURE__*/ createReactComponent(
|
|
313
|
-
var BalCheckboxGroup = /*@__PURE__*/ createReactComponent(
|
|
314
|
-
var BalClose = /*@__PURE__*/ createReactComponent(
|
|
315
|
-
var BalContent = /*@__PURE__*/ createReactComponent(
|
|
316
|
-
var BalData = /*@__PURE__*/ createReactComponent(
|
|
317
|
-
var BalDataItem = /*@__PURE__*/ createReactComponent(
|
|
318
|
-
var BalDataLabel = /*@__PURE__*/ createReactComponent(
|
|
319
|
-
var BalDataValue = /*@__PURE__*/ createReactComponent(
|
|
320
|
-
var BalDate = /*@__PURE__*/ createReactComponent(
|
|
321
|
-
var BalDateCalendar = /*@__PURE__*/ createReactComponent(
|
|
322
|
-
var BalDateCalendarCell = /*@__PURE__*/ createReactComponent(
|
|
323
|
-
var BalDivider = /*@__PURE__*/ createReactComponent(
|
|
324
|
-
var BalDropdown = /*@__PURE__*/ createReactComponent(
|
|
325
|
-
var BalField = /*@__PURE__*/ createReactComponent(
|
|
326
|
-
var BalFieldControl = /*@__PURE__*/ createReactComponent(
|
|
327
|
-
var BalFieldHint = /*@__PURE__*/ createReactComponent(
|
|
328
|
-
var BalFieldLabel = /*@__PURE__*/ createReactComponent(
|
|
329
|
-
var BalFieldMessage = /*@__PURE__*/ createReactComponent(
|
|
330
|
-
var BalFileUpload = /*@__PURE__*/ createReactComponent(
|
|
331
|
-
var BalFooter = /*@__PURE__*/ createReactComponent(
|
|
332
|
-
var BalForm = /*@__PURE__*/ createReactComponent(
|
|
333
|
-
var BalFormCol = /*@__PURE__*/ createReactComponent(
|
|
334
|
-
var BalFormGrid = /*@__PURE__*/ createReactComponent(
|
|
335
|
-
var BalHeading = /*@__PURE__*/ createReactComponent(
|
|
336
|
-
var BalHint = /*@__PURE__*/ createReactComponent(
|
|
337
|
-
var BalHintText = /*@__PURE__*/ createReactComponent(
|
|
338
|
-
var BalHintTitle = /*@__PURE__*/ createReactComponent(
|
|
339
|
-
var BalIcon = /*@__PURE__*/ createReactComponent(
|
|
340
|
-
var BalInput = /*@__PURE__*/ createReactComponent(
|
|
341
|
-
var BalInputDate = /*@__PURE__*/ createReactComponent(
|
|
342
|
-
var BalInputGroup = /*@__PURE__*/ createReactComponent(
|
|
343
|
-
var BalInputSlider = /*@__PURE__*/ createReactComponent(
|
|
344
|
-
var BalInputStepper = /*@__PURE__*/ createReactComponent(
|
|
345
|
-
var BalLabel = /*@__PURE__*/ createReactComponent(
|
|
346
|
-
var BalList = /*@__PURE__*/ createReactComponent(
|
|
347
|
-
var BalListItem = /*@__PURE__*/ createReactComponent(
|
|
348
|
-
var BalListItemAccordionBody = /*@__PURE__*/ createReactComponent(
|
|
349
|
-
var BalListItemAccordionHead = /*@__PURE__*/ createReactComponent(
|
|
350
|
-
var BalListItemContent = /*@__PURE__*/ createReactComponent(
|
|
351
|
-
var BalListItemIcon = /*@__PURE__*/ createReactComponent(
|
|
352
|
-
var BalListItemSubtitle = /*@__PURE__*/ createReactComponent(
|
|
353
|
-
var BalListItemTitle = /*@__PURE__*/ createReactComponent(
|
|
354
|
-
var BalLogo = /*@__PURE__*/ createReactComponent(
|
|
355
|
-
var BalModal = /*@__PURE__*/ createReactComponent(
|
|
356
|
-
var BalModalBody = /*@__PURE__*/ createReactComponent(
|
|
357
|
-
var BalModalHeader = /*@__PURE__*/ createReactComponent(
|
|
358
|
-
var BalNav = /*@__PURE__*/ createReactComponent(
|
|
359
|
-
var BalNavLink = /*@__PURE__*/ createReactComponent(
|
|
360
|
-
var BalNavLinkGrid = /*@__PURE__*/ createReactComponent(
|
|
361
|
-
var BalNavLinkGridCol = /*@__PURE__*/ createReactComponent(
|
|
362
|
-
var BalNavLinkGroup = /*@__PURE__*/ createReactComponent(
|
|
363
|
-
var BalNavMenuBar = /*@__PURE__*/ createReactComponent(
|
|
364
|
-
var BalNavMenuFlyout = /*@__PURE__*/ createReactComponent(
|
|
365
|
-
var BalNavMetaBar = /*@__PURE__*/ createReactComponent(
|
|
366
|
-
var BalNavbar = /*@__PURE__*/ createReactComponent(
|
|
367
|
-
var BalNavbarBrand = /*@__PURE__*/ createReactComponent(
|
|
368
|
-
var BalNavbarMenu = /*@__PURE__*/ createReactComponent(
|
|
369
|
-
var BalNavbarMenuEnd = /*@__PURE__*/ createReactComponent(
|
|
370
|
-
var BalNavbarMenuStart = /*@__PURE__*/ createReactComponent(
|
|
371
|
-
var BalNotices = /*@__PURE__*/ createReactComponent(
|
|
372
|
-
var BalNotification = /*@__PURE__*/ createReactComponent(
|
|
373
|
-
var BalNumberInput = /*@__PURE__*/ createReactComponent(
|
|
374
|
-
var BalOption = /*@__PURE__*/ createReactComponent(
|
|
375
|
-
var BalOptionList = /*@__PURE__*/ createReactComponent(
|
|
376
|
-
var BalPagination = /*@__PURE__*/ createReactComponent(
|
|
377
|
-
var BalPopover = /*@__PURE__*/ createReactComponent(
|
|
378
|
-
var BalPopoverContent = /*@__PURE__*/ createReactComponent(
|
|
379
|
-
var BalPopup = /*@__PURE__*/ createReactComponent(
|
|
380
|
-
var BalProgressBar = /*@__PURE__*/ createReactComponent(
|
|
381
|
-
var BalRadio = /*@__PURE__*/ createReactComponent(
|
|
382
|
-
var BalRadioButton = /*@__PURE__*/ createReactComponent(
|
|
383
|
-
var BalRadioGroup = /*@__PURE__*/ createReactComponent(
|
|
384
|
-
var BalSegment = /*@__PURE__*/ createReactComponent(
|
|
385
|
-
var BalSegmentItem = /*@__PURE__*/ createReactComponent(
|
|
386
|
-
var BalSelect = /*@__PURE__*/ createReactComponent(
|
|
387
|
-
var BalSelectOption = /*@__PURE__*/ createReactComponent(
|
|
388
|
-
var BalShape = /*@__PURE__*/ createReactComponent(
|
|
389
|
-
var BalSheet = /*@__PURE__*/ createReactComponent(
|
|
390
|
-
var BalSnackbar = /*@__PURE__*/ createReactComponent(
|
|
391
|
-
var BalSpinner = /*@__PURE__*/ createReactComponent(
|
|
392
|
-
var BalStack = /*@__PURE__*/ createReactComponent(
|
|
393
|
-
var BalStage = /*@__PURE__*/ createReactComponent(
|
|
394
|
-
var BalStageBackLink = /*@__PURE__*/ createReactComponent(
|
|
395
|
-
var BalStageBody = /*@__PURE__*/ createReactComponent(
|
|
396
|
-
var BalStageFoot = /*@__PURE__*/ createReactComponent(
|
|
397
|
-
var BalStageHead = /*@__PURE__*/ createReactComponent(
|
|
398
|
-
var BalStageImage = /*@__PURE__*/ createReactComponent(
|
|
399
|
-
var BalStepItem = /*@__PURE__*/ createReactComponent(
|
|
400
|
-
var BalSteps = /*@__PURE__*/ createReactComponent(
|
|
401
|
-
var BalTabItem = /*@__PURE__*/ createReactComponent(
|
|
402
|
-
var BalTable = /*@__PURE__*/ createReactComponent(
|
|
403
|
-
var BalTabs = /*@__PURE__*/ createReactComponent(
|
|
404
|
-
var BalTag = /*@__PURE__*/ createReactComponent(
|
|
405
|
-
var BalTagGroup = /*@__PURE__*/ createReactComponent(
|
|
406
|
-
var BalText = /*@__PURE__*/ createReactComponent(
|
|
407
|
-
var BalTextarea = /*@__PURE__*/ createReactComponent(
|
|
408
|
-
var BalTimeInput = /*@__PURE__*/ createReactComponent(
|
|
409
|
-
var BalToast = /*@__PURE__*/ createReactComponent(
|
|
410
|
-
var BalTooltip = /*@__PURE__*/ createReactComponent(
|
|
284
|
+
var BalAccordion = /*@__PURE__*/ createReactComponent('bal-accordion');
|
|
285
|
+
var BalAccordionDetails = /*@__PURE__*/ createReactComponent('bal-accordion-details');
|
|
286
|
+
var BalAccordionSummary = /*@__PURE__*/ createReactComponent('bal-accordion-summary');
|
|
287
|
+
var BalAccordionTrigger = /*@__PURE__*/ createReactComponent('bal-accordion-trigger');
|
|
288
|
+
var BalApp = /*@__PURE__*/ createReactComponent('bal-app');
|
|
289
|
+
var BalBadge = /*@__PURE__*/ createReactComponent('bal-badge');
|
|
290
|
+
var BalButton = /*@__PURE__*/ createReactComponent('bal-button');
|
|
291
|
+
var BalButtonGroup = /*@__PURE__*/ createReactComponent('bal-button-group');
|
|
292
|
+
var BalCard = /*@__PURE__*/ createReactComponent('bal-card');
|
|
293
|
+
var BalCardActions = /*@__PURE__*/ createReactComponent('bal-card-actions');
|
|
294
|
+
var BalCardButton = /*@__PURE__*/ createReactComponent('bal-card-button');
|
|
295
|
+
var BalCardContent = /*@__PURE__*/ createReactComponent('bal-card-content');
|
|
296
|
+
var BalCardSubtitle = /*@__PURE__*/ createReactComponent('bal-card-subtitle');
|
|
297
|
+
var BalCardTitle = /*@__PURE__*/ createReactComponent('bal-card-title');
|
|
298
|
+
var BalCarousel = /*@__PURE__*/ createReactComponent('bal-carousel');
|
|
299
|
+
var BalCarouselItem = /*@__PURE__*/ createReactComponent('bal-carousel-item');
|
|
300
|
+
var BalCheckbox = /*@__PURE__*/ createReactComponent('bal-checkbox');
|
|
301
|
+
var BalCheckboxButton = /*@__PURE__*/ createReactComponent('bal-checkbox-button');
|
|
302
|
+
var BalCheckboxGroup = /*@__PURE__*/ createReactComponent('bal-checkbox-group');
|
|
303
|
+
var BalClose = /*@__PURE__*/ createReactComponent('bal-close');
|
|
304
|
+
var BalContent = /*@__PURE__*/ createReactComponent('bal-content');
|
|
305
|
+
var BalData = /*@__PURE__*/ createReactComponent('bal-data');
|
|
306
|
+
var BalDataItem = /*@__PURE__*/ createReactComponent('bal-data-item');
|
|
307
|
+
var BalDataLabel = /*@__PURE__*/ createReactComponent('bal-data-label');
|
|
308
|
+
var BalDataValue = /*@__PURE__*/ createReactComponent('bal-data-value');
|
|
309
|
+
var BalDate = /*@__PURE__*/ createReactComponent('bal-date');
|
|
310
|
+
var BalDateCalendar = /*@__PURE__*/ createReactComponent('bal-date-calendar');
|
|
311
|
+
var BalDateCalendarCell = /*@__PURE__*/ createReactComponent('bal-date-calendar-cell');
|
|
312
|
+
var BalDivider = /*@__PURE__*/ createReactComponent('bal-divider');
|
|
313
|
+
var BalDropdown = /*@__PURE__*/ createReactComponent('bal-dropdown');
|
|
314
|
+
var BalField = /*@__PURE__*/ createReactComponent('bal-field');
|
|
315
|
+
var BalFieldControl = /*@__PURE__*/ createReactComponent('bal-field-control');
|
|
316
|
+
var BalFieldHint = /*@__PURE__*/ createReactComponent('bal-field-hint');
|
|
317
|
+
var BalFieldLabel = /*@__PURE__*/ createReactComponent('bal-field-label');
|
|
318
|
+
var BalFieldMessage = /*@__PURE__*/ createReactComponent('bal-field-message');
|
|
319
|
+
var BalFileUpload = /*@__PURE__*/ createReactComponent('bal-file-upload');
|
|
320
|
+
var BalFooter = /*@__PURE__*/ createReactComponent('bal-footer');
|
|
321
|
+
var BalForm = /*@__PURE__*/ createReactComponent('bal-form');
|
|
322
|
+
var BalFormCol = /*@__PURE__*/ createReactComponent('bal-form-col');
|
|
323
|
+
var BalFormGrid = /*@__PURE__*/ createReactComponent('bal-form-grid');
|
|
324
|
+
var BalHeading = /*@__PURE__*/ createReactComponent('bal-heading');
|
|
325
|
+
var BalHint = /*@__PURE__*/ createReactComponent('bal-hint');
|
|
326
|
+
var BalHintText = /*@__PURE__*/ createReactComponent('bal-hint-text');
|
|
327
|
+
var BalHintTitle = /*@__PURE__*/ createReactComponent('bal-hint-title');
|
|
328
|
+
var BalIcon = /*@__PURE__*/ createReactComponent('bal-icon');
|
|
329
|
+
var BalInput = /*@__PURE__*/ createReactComponent('bal-input');
|
|
330
|
+
var BalInputDate = /*@__PURE__*/ createReactComponent('bal-input-date');
|
|
331
|
+
var BalInputGroup = /*@__PURE__*/ createReactComponent('bal-input-group');
|
|
332
|
+
var BalInputSlider = /*@__PURE__*/ createReactComponent('bal-input-slider');
|
|
333
|
+
var BalInputStepper = /*@__PURE__*/ createReactComponent('bal-input-stepper');
|
|
334
|
+
var BalLabel = /*@__PURE__*/ createReactComponent('bal-label');
|
|
335
|
+
var BalList = /*@__PURE__*/ createReactComponent('bal-list');
|
|
336
|
+
var BalListItem = /*@__PURE__*/ createReactComponent('bal-list-item');
|
|
337
|
+
var BalListItemAccordionBody = /*@__PURE__*/ createReactComponent('bal-list-item-accordion-body');
|
|
338
|
+
var BalListItemAccordionHead = /*@__PURE__*/ createReactComponent('bal-list-item-accordion-head');
|
|
339
|
+
var BalListItemContent = /*@__PURE__*/ createReactComponent('bal-list-item-content');
|
|
340
|
+
var BalListItemIcon = /*@__PURE__*/ createReactComponent('bal-list-item-icon');
|
|
341
|
+
var BalListItemSubtitle = /*@__PURE__*/ createReactComponent('bal-list-item-subtitle');
|
|
342
|
+
var BalListItemTitle = /*@__PURE__*/ createReactComponent('bal-list-item-title');
|
|
343
|
+
var BalLogo = /*@__PURE__*/ createReactComponent('bal-logo');
|
|
344
|
+
var BalModal = /*@__PURE__*/ createReactComponent('bal-modal');
|
|
345
|
+
var BalModalBody = /*@__PURE__*/ createReactComponent('bal-modal-body');
|
|
346
|
+
var BalModalHeader = /*@__PURE__*/ createReactComponent('bal-modal-header');
|
|
347
|
+
var BalNav = /*@__PURE__*/ createReactComponent('bal-nav');
|
|
348
|
+
var BalNavLink = /*@__PURE__*/ createReactComponent('bal-nav-link');
|
|
349
|
+
var BalNavLinkGrid = /*@__PURE__*/ createReactComponent('bal-nav-link-grid');
|
|
350
|
+
var BalNavLinkGridCol = /*@__PURE__*/ createReactComponent('bal-nav-link-grid-col');
|
|
351
|
+
var BalNavLinkGroup = /*@__PURE__*/ createReactComponent('bal-nav-link-group');
|
|
352
|
+
var BalNavMenuBar = /*@__PURE__*/ createReactComponent('bal-nav-menu-bar');
|
|
353
|
+
var BalNavMenuFlyout = /*@__PURE__*/ createReactComponent('bal-nav-menu-flyout');
|
|
354
|
+
var BalNavMetaBar = /*@__PURE__*/ createReactComponent('bal-nav-meta-bar');
|
|
355
|
+
var BalNavbar = /*@__PURE__*/ createReactComponent('bal-navbar');
|
|
356
|
+
var BalNavbarBrand = /*@__PURE__*/ createReactComponent('bal-navbar-brand');
|
|
357
|
+
var BalNavbarMenu = /*@__PURE__*/ createReactComponent('bal-navbar-menu');
|
|
358
|
+
var BalNavbarMenuEnd = /*@__PURE__*/ createReactComponent('bal-navbar-menu-end');
|
|
359
|
+
var BalNavbarMenuStart = /*@__PURE__*/ createReactComponent('bal-navbar-menu-start');
|
|
360
|
+
var BalNotices = /*@__PURE__*/ createReactComponent('bal-notices');
|
|
361
|
+
var BalNotification = /*@__PURE__*/ createReactComponent('bal-notification');
|
|
362
|
+
var BalNumberInput = /*@__PURE__*/ createReactComponent('bal-number-input');
|
|
363
|
+
var BalOption = /*@__PURE__*/ createReactComponent('bal-option');
|
|
364
|
+
var BalOptionList = /*@__PURE__*/ createReactComponent('bal-option-list');
|
|
365
|
+
var BalPagination = /*@__PURE__*/ createReactComponent('bal-pagination');
|
|
366
|
+
var BalPopover = /*@__PURE__*/ createReactComponent('bal-popover');
|
|
367
|
+
var BalPopoverContent = /*@__PURE__*/ createReactComponent('bal-popover-content');
|
|
368
|
+
var BalPopup = /*@__PURE__*/ createReactComponent('bal-popup');
|
|
369
|
+
var BalProgressBar = /*@__PURE__*/ createReactComponent('bal-progress-bar');
|
|
370
|
+
var BalRadio = /*@__PURE__*/ createReactComponent('bal-radio');
|
|
371
|
+
var BalRadioButton = /*@__PURE__*/ createReactComponent('bal-radio-button');
|
|
372
|
+
var BalRadioGroup = /*@__PURE__*/ createReactComponent('bal-radio-group');
|
|
373
|
+
var BalSegment = /*@__PURE__*/ createReactComponent('bal-segment');
|
|
374
|
+
var BalSegmentItem = /*@__PURE__*/ createReactComponent('bal-segment-item');
|
|
375
|
+
var BalSelect = /*@__PURE__*/ createReactComponent('bal-select');
|
|
376
|
+
var BalSelectOption = /*@__PURE__*/ createReactComponent('bal-select-option');
|
|
377
|
+
var BalShape = /*@__PURE__*/ createReactComponent('bal-shape');
|
|
378
|
+
var BalSheet = /*@__PURE__*/ createReactComponent('bal-sheet');
|
|
379
|
+
var BalSnackbar = /*@__PURE__*/ createReactComponent('bal-snackbar');
|
|
380
|
+
var BalSpinner = /*@__PURE__*/ createReactComponent('bal-spinner');
|
|
381
|
+
var BalStack = /*@__PURE__*/ createReactComponent('bal-stack');
|
|
382
|
+
var BalStage = /*@__PURE__*/ createReactComponent('bal-stage');
|
|
383
|
+
var BalStageBackLink = /*@__PURE__*/ createReactComponent('bal-stage-back-link');
|
|
384
|
+
var BalStageBody = /*@__PURE__*/ createReactComponent('bal-stage-body');
|
|
385
|
+
var BalStageFoot = /*@__PURE__*/ createReactComponent('bal-stage-foot');
|
|
386
|
+
var BalStageHead = /*@__PURE__*/ createReactComponent('bal-stage-head');
|
|
387
|
+
var BalStageImage = /*@__PURE__*/ createReactComponent('bal-stage-image');
|
|
388
|
+
var BalStepItem = /*@__PURE__*/ createReactComponent('bal-step-item');
|
|
389
|
+
var BalSteps = /*@__PURE__*/ createReactComponent('bal-steps');
|
|
390
|
+
var BalTabItem = /*@__PURE__*/ createReactComponent('bal-tab-item');
|
|
391
|
+
var BalTable = /*@__PURE__*/ createReactComponent('bal-table');
|
|
392
|
+
var BalTabs = /*@__PURE__*/ createReactComponent('bal-tabs');
|
|
393
|
+
var BalTag = /*@__PURE__*/ createReactComponent('bal-tag');
|
|
394
|
+
var BalTagGroup = /*@__PURE__*/ createReactComponent('bal-tag-group');
|
|
395
|
+
var BalText = /*@__PURE__*/ createReactComponent('bal-text');
|
|
396
|
+
var BalTextarea = /*@__PURE__*/ createReactComponent('bal-textarea');
|
|
397
|
+
var BalTimeInput = /*@__PURE__*/ createReactComponent('bal-time-input');
|
|
398
|
+
var BalToast = /*@__PURE__*/ createReactComponent('bal-toast');
|
|
399
|
+
var BalTooltip = /*@__PURE__*/ createReactComponent('bal-tooltip');
|
|
411
400
|
|
|
412
401
|
var useBaloiseDesignSystem = function(config) {
|
|
413
|
-
if (config ===
|
|
402
|
+
if (config === undefined) config = {};
|
|
414
403
|
initialize(_extends({}, config.defaults, {
|
|
415
404
|
httpFormSubmit: false
|
|
416
405
|
}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baloise/ds-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "18.0.0-nightly.20250211",
|
|
4
4
|
"description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -12,8 +12,9 @@
|
|
|
12
12
|
"homepage": "https://design.baloise.dev",
|
|
13
13
|
"license": "Apache-2.0",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@baloise/ds-core": "
|
|
15
|
+
"@baloise/ds-core": "18.0.0-nightly.20250211"
|
|
16
16
|
},
|
|
17
17
|
"module": "./index.esm.js",
|
|
18
|
-
"main": "./index.cjs.js"
|
|
19
|
-
|
|
18
|
+
"main": "./index.cjs.js",
|
|
19
|
+
"types": "./index.esm.d.ts"
|
|
20
|
+
}
|