@baloise/ds-react 17.4.0-snapshot.1609-d2bcc38d3 → 17.4.0

package/index.esm.js

@@ -25,6 +25,7 @@ function _defineProperties(target, props) {
     }
 }
 function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
@@ -83,9 +84,9 @@ function _type_of(obj) {
 }
 
 var dashToPascalCase = function(str) {
-    return str.toLowerCase().split('-').map(function(segment) {
+    return str.toLowerCase().split("-").map(function(segment) {
         return segment.charAt(0).toUpperCase() + segment.slice(1);
-    }).join('');
+    }).join("");
 };
 var camelToDashCase = function(str) {
     return str.replace(/([A-Z])/g, function(m) {
@@ -94,19 +95,19 @@ var camelToDashCase = function(str) {
 };
 
 var attachProps = function(node, newProps, oldProps) {
-    if (oldProps === undefined) oldProps = {};
+    if (oldProps === void 0) oldProps = {};
     // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
     if (_instanceof1(node, Element)) {
         // add any classes in className to the class list
         var className = getClassName(node.classList, newProps, oldProps);
-        if (className !== '') {
+        if (className !== "") {
             node.className = className;
         }
         Object.keys(newProps).forEach(function(name) {
-            if (name === 'children' || name === 'style' || name === 'ref' || name === 'class' || name === 'className' || name === 'forwardedRef') {
+            if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
                 return;
             }
-            if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+            if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
                 var eventName = name.substring(2);
                 var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
                 if (!isCoveredByReact(eventNameLc)) {
@@ -115,7 +116,7 @@ var attachProps = function(node, newProps, oldProps) {
             } else {
                 node[name] = newProps[name];
                 var propType = _type_of(newProps[name]);
-                if (propType === 'string') {
+                if (propType === "string") {
                     node.setAttribute(camelToDashCase(name), newProps[name]);
                 }
             }
@@ -127,8 +128,8 @@ var getClassName = function(classList, newProps, oldProps) {
     var oldClassProp = oldProps.className || oldProps.class;
     // map the classes to Maps for performance
     var currentClasses = arrayToMap(classList);
-    var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-    var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
+    var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
+    var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
     var finalClassNames = [];
     // loop through each of the current classes on the component
     // to see if it should be a part of the classNames added
@@ -145,21 +146,21 @@ var getClassName = function(classList, newProps, oldProps) {
     incomingPropClasses.forEach(function(s) {
         return finalClassNames.push(s);
     });
-    return finalClassNames.join(' ');
+    return finalClassNames.join(" ");
 };
 /**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */ var isCoveredByReact = function(eventNameSuffix) {
-    if (typeof document === 'undefined') {
+    if (typeof document === "undefined") {
         return true;
     } else {
-        var eventName = 'on' + eventNameSuffix;
+        var eventName = "on" + eventNameSuffix;
         var isSupported = eventName in document;
         if (!isSupported) {
-            var element = document.createElement('div');
-            element.setAttribute(eventName, 'return;');
-            isSupported = typeof element[eventName] === 'function';
+            var element = document.createElement("div");
+            element.setAttribute(eventName, "return;");
+            isSupported = typeof element[eventName] === "function";
         }
         return isSupported;
     }
@@ -187,7 +188,7 @@ var arrayToMap = function(arr) {
 };
 
 var setRef = function(ref, value) {
-    if (typeof ref === 'function') {
+    if (typeof ref === "function") {
         ref(value);
     } else if (ref != null) {
         ref.current = value;
@@ -214,6 +215,9 @@ var createForwardRef = function(ReactComponent, displayName) {
 };
 
 var createReactComponent = function(tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
     var displayName = dashToPascalCase(tagName);
     var ReactComponent = /*#__PURE__*/ function(_React_Component) {
         _inherits(ReactComponent, _React_Component);
@@ -242,9 +246,9 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
                 "ref"
             ]);
             var propsToPass = Object.keys(cProps).reduce(function(acc, name) {
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+                if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
                     var eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
+                    if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
                         acc[name] = cProps[name];
                     }
                 } else {
@@ -252,6 +256,9 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
                 }
                 return acc;
             }, {});
+            if (manipulatePropsFunction) {
+                propsToPass = manipulatePropsFunction(this.props, propsToPass);
+            }
             var newProps = _extends({}, propsToPass, {
                 ref: mergeRefs(forwardedRef, this.setComponentElRef),
                 style: style
@@ -262,8 +269,8 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
        * bug in Vite (https://github.com/vitejs/vite/issues/6104).
        * React.createElement causes all elements to be rendered
        * as <tagname> instead of the actual Web Component.
-       */ var areChildrenEmpty = children === '' || children === undefined || children === null;
-            var fragment = !areChildrenEmpty ? /*#__PURE__*/ createElement(Fragment, {}, children) : /*#__PURE__*/ createElement(Fragment, {}, ' ');
+       */ var areChildrenEmpty = children === "" || children === undefined || children === null;
+            var fragment = !areChildrenEmpty ? /*#__PURE__*/ createElement(Fragment, {}, children) : /*#__PURE__*/ createElement(Fragment, {}, " ");
             var component = /*#__PURE__*/ createElement(tagName, newProps, fragment);
             return component;
         };
@@ -277,129 +284,133 @@ var createReactComponent = function(tagName, ReactComponentContext, manipulatePr
         ]);
         return ReactComponent;
     }(React.Component);
+    // If context was passed to createReactComponent then conditionally add it to the Component Class
+    if (ReactComponentContext) {
+        ReactComponent.contextType = ReactComponentContext;
+    }
     return createForwardRef(ReactComponent, displayName);
 };
 
 defineCustomElements();
-var BalAccordion = /*@__PURE__*/ createReactComponent('bal-accordion');
-var BalAccordionDetails = /*@__PURE__*/ createReactComponent('bal-accordion-details');
-var BalAccordionSummary = /*@__PURE__*/ createReactComponent('bal-accordion-summary');
-var BalAccordionTrigger = /*@__PURE__*/ createReactComponent('bal-accordion-trigger');
-var BalApp = /*@__PURE__*/ createReactComponent('bal-app');
-var BalBadge = /*@__PURE__*/ createReactComponent('bal-badge');
-var BalButton = /*@__PURE__*/ createReactComponent('bal-button');
-var BalButtonGroup = /*@__PURE__*/ createReactComponent('bal-button-group');
-var BalCard = /*@__PURE__*/ createReactComponent('bal-card');
-var BalCardActions = /*@__PURE__*/ createReactComponent('bal-card-actions');
-var BalCardButton = /*@__PURE__*/ createReactComponent('bal-card-button');
-var BalCardContent = /*@__PURE__*/ createReactComponent('bal-card-content');
-var BalCardSubtitle = /*@__PURE__*/ createReactComponent('bal-card-subtitle');
-var BalCardTitle = /*@__PURE__*/ createReactComponent('bal-card-title');
-var BalCarousel = /*@__PURE__*/ createReactComponent('bal-carousel');
-var BalCarouselItem = /*@__PURE__*/ createReactComponent('bal-carousel-item');
-var BalCheckbox = /*@__PURE__*/ createReactComponent('bal-checkbox');
-var BalCheckboxButton = /*@__PURE__*/ createReactComponent('bal-checkbox-button');
-var BalCheckboxGroup = /*@__PURE__*/ createReactComponent('bal-checkbox-group');
-var BalClose = /*@__PURE__*/ createReactComponent('bal-close');
-var BalContent = /*@__PURE__*/ createReactComponent('bal-content');
-var BalData = /*@__PURE__*/ createReactComponent('bal-data');
-var BalDataItem = /*@__PURE__*/ createReactComponent('bal-data-item');
-var BalDataLabel = /*@__PURE__*/ createReactComponent('bal-data-label');
-var BalDataValue = /*@__PURE__*/ createReactComponent('bal-data-value');
-var BalDate = /*@__PURE__*/ createReactComponent('bal-date');
-var BalDateCalendar = /*@__PURE__*/ createReactComponent('bal-date-calendar');
-var BalDateCalendarCell = /*@__PURE__*/ createReactComponent('bal-date-calendar-cell');
-var BalDivider = /*@__PURE__*/ createReactComponent('bal-divider');
-var BalDropdown = /*@__PURE__*/ createReactComponent('bal-dropdown');
-var BalField = /*@__PURE__*/ createReactComponent('bal-field');
-var BalFieldControl = /*@__PURE__*/ createReactComponent('bal-field-control');
-var BalFieldHint = /*@__PURE__*/ createReactComponent('bal-field-hint');
-var BalFieldLabel = /*@__PURE__*/ createReactComponent('bal-field-label');
-var BalFieldMessage = /*@__PURE__*/ createReactComponent('bal-field-message');
-var BalFileUpload = /*@__PURE__*/ createReactComponent('bal-file-upload');
-var BalFooter = /*@__PURE__*/ createReactComponent('bal-footer');
-var BalForm = /*@__PURE__*/ createReactComponent('bal-form');
-var BalFormCol = /*@__PURE__*/ createReactComponent('bal-form-col');
-var BalFormGrid = /*@__PURE__*/ createReactComponent('bal-form-grid');
-var BalHeading = /*@__PURE__*/ createReactComponent('bal-heading');
-var BalHint = /*@__PURE__*/ createReactComponent('bal-hint');
-var BalHintText = /*@__PURE__*/ createReactComponent('bal-hint-text');
-var BalHintTitle = /*@__PURE__*/ createReactComponent('bal-hint-title');
-var BalIcon = /*@__PURE__*/ createReactComponent('bal-icon');
-var BalInput = /*@__PURE__*/ createReactComponent('bal-input');
-var BalInputDate = /*@__PURE__*/ createReactComponent('bal-input-date');
-var BalInputGroup = /*@__PURE__*/ createReactComponent('bal-input-group');
-var BalInputSlider = /*@__PURE__*/ createReactComponent('bal-input-slider');
-var BalInputStepper = /*@__PURE__*/ createReactComponent('bal-input-stepper');
-var BalLabel = /*@__PURE__*/ createReactComponent('bal-label');
-var BalList = /*@__PURE__*/ createReactComponent('bal-list');
-var BalListItem = /*@__PURE__*/ createReactComponent('bal-list-item');
-var BalListItemAccordionBody = /*@__PURE__*/ createReactComponent('bal-list-item-accordion-body');
-var BalListItemAccordionHead = /*@__PURE__*/ createReactComponent('bal-list-item-accordion-head');
-var BalListItemContent = /*@__PURE__*/ createReactComponent('bal-list-item-content');
-var BalListItemIcon = /*@__PURE__*/ createReactComponent('bal-list-item-icon');
-var BalListItemSubtitle = /*@__PURE__*/ createReactComponent('bal-list-item-subtitle');
-var BalListItemTitle = /*@__PURE__*/ createReactComponent('bal-list-item-title');
-var BalLogo = /*@__PURE__*/ createReactComponent('bal-logo');
-var BalModal = /*@__PURE__*/ createReactComponent('bal-modal');
-var BalModalBody = /*@__PURE__*/ createReactComponent('bal-modal-body');
-var BalModalHeader = /*@__PURE__*/ createReactComponent('bal-modal-header');
-var BalNav = /*@__PURE__*/ createReactComponent('bal-nav');
-var BalNavLink = /*@__PURE__*/ createReactComponent('bal-nav-link');
-var BalNavLinkGrid = /*@__PURE__*/ createReactComponent('bal-nav-link-grid');
-var BalNavLinkGridCol = /*@__PURE__*/ createReactComponent('bal-nav-link-grid-col');
-var BalNavLinkGroup = /*@__PURE__*/ createReactComponent('bal-nav-link-group');
-var BalNavMenuBar = /*@__PURE__*/ createReactComponent('bal-nav-menu-bar');
-var BalNavMenuFlyout = /*@__PURE__*/ createReactComponent('bal-nav-menu-flyout');
-var BalNavMetaBar = /*@__PURE__*/ createReactComponent('bal-nav-meta-bar');
-var BalNavbar = /*@__PURE__*/ createReactComponent('bal-navbar');
-var BalNavbarBrand = /*@__PURE__*/ createReactComponent('bal-navbar-brand');
-var BalNavbarMenu = /*@__PURE__*/ createReactComponent('bal-navbar-menu');
-var BalNavbarMenuEnd = /*@__PURE__*/ createReactComponent('bal-navbar-menu-end');
-var BalNavbarMenuStart = /*@__PURE__*/ createReactComponent('bal-navbar-menu-start');
-var BalNotices = /*@__PURE__*/ createReactComponent('bal-notices');
-var BalNotification = /*@__PURE__*/ createReactComponent('bal-notification');
-var BalNumberInput = /*@__PURE__*/ createReactComponent('bal-number-input');
-var BalOption = /*@__PURE__*/ createReactComponent('bal-option');
-var BalOptionList = /*@__PURE__*/ createReactComponent('bal-option-list');
-var BalPagination = /*@__PURE__*/ createReactComponent('bal-pagination');
-var BalPopover = /*@__PURE__*/ createReactComponent('bal-popover');
-var BalPopoverContent = /*@__PURE__*/ createReactComponent('bal-popover-content');
-var BalPopup = /*@__PURE__*/ createReactComponent('bal-popup');
-var BalProgressBar = /*@__PURE__*/ createReactComponent('bal-progress-bar');
-var BalRadio = /*@__PURE__*/ createReactComponent('bal-radio');
-var BalRadioButton = /*@__PURE__*/ createReactComponent('bal-radio-button');
-var BalRadioGroup = /*@__PURE__*/ createReactComponent('bal-radio-group');
-var BalSegment = /*@__PURE__*/ createReactComponent('bal-segment');
-var BalSegmentItem = /*@__PURE__*/ createReactComponent('bal-segment-item');
-var BalSelect = /*@__PURE__*/ createReactComponent('bal-select');
-var BalSelectOption = /*@__PURE__*/ createReactComponent('bal-select-option');
-var BalShape = /*@__PURE__*/ createReactComponent('bal-shape');
-var BalSheet = /*@__PURE__*/ createReactComponent('bal-sheet');
-var BalSnackbar = /*@__PURE__*/ createReactComponent('bal-snackbar');
-var BalSpinner = /*@__PURE__*/ createReactComponent('bal-spinner');
-var BalStack = /*@__PURE__*/ createReactComponent('bal-stack');
-var BalStage = /*@__PURE__*/ createReactComponent('bal-stage');
-var BalStageBackLink = /*@__PURE__*/ createReactComponent('bal-stage-back-link');
-var BalStageBody = /*@__PURE__*/ createReactComponent('bal-stage-body');
-var BalStageFoot = /*@__PURE__*/ createReactComponent('bal-stage-foot');
-var BalStageHead = /*@__PURE__*/ createReactComponent('bal-stage-head');
-var BalStageImage = /*@__PURE__*/ createReactComponent('bal-stage-image');
-var BalStepItem = /*@__PURE__*/ createReactComponent('bal-step-item');
-var BalSteps = /*@__PURE__*/ createReactComponent('bal-steps');
-var BalTabItem = /*@__PURE__*/ createReactComponent('bal-tab-item');
-var BalTable = /*@__PURE__*/ createReactComponent('bal-table');
-var BalTabs = /*@__PURE__*/ createReactComponent('bal-tabs');
-var BalTag = /*@__PURE__*/ createReactComponent('bal-tag');
-var BalTagGroup = /*@__PURE__*/ createReactComponent('bal-tag-group');
-var BalText = /*@__PURE__*/ createReactComponent('bal-text');
-var BalTextarea = /*@__PURE__*/ createReactComponent('bal-textarea');
-var BalTimeInput = /*@__PURE__*/ createReactComponent('bal-time-input');
-var BalToast = /*@__PURE__*/ createReactComponent('bal-toast');
-var BalTooltip = /*@__PURE__*/ createReactComponent('bal-tooltip');
+var BalAccordion = /*@__PURE__*/ createReactComponent("bal-accordion");
+var BalAccordionDetails = /*@__PURE__*/ createReactComponent("bal-accordion-details");
+var BalAccordionSummary = /*@__PURE__*/ createReactComponent("bal-accordion-summary");
+var BalAccordionTrigger = /*@__PURE__*/ createReactComponent("bal-accordion-trigger");
+var BalApp = /*@__PURE__*/ createReactComponent("bal-app");
+var BalBadge = /*@__PURE__*/ createReactComponent("bal-badge");
+var BalButton = /*@__PURE__*/ createReactComponent("bal-button");
+var BalButtonGroup = /*@__PURE__*/ createReactComponent("bal-button-group");
+var BalCard = /*@__PURE__*/ createReactComponent("bal-card");
+var BalCardActions = /*@__PURE__*/ createReactComponent("bal-card-actions");
+var BalCardButton = /*@__PURE__*/ createReactComponent("bal-card-button");
+var BalCardContent = /*@__PURE__*/ createReactComponent("bal-card-content");
+var BalCardSubtitle = /*@__PURE__*/ createReactComponent("bal-card-subtitle");
+var BalCardTitle = /*@__PURE__*/ createReactComponent("bal-card-title");
+var BalCarousel = /*@__PURE__*/ createReactComponent("bal-carousel");
+var BalCarouselItem = /*@__PURE__*/ createReactComponent("bal-carousel-item");
+var BalCheckbox = /*@__PURE__*/ createReactComponent("bal-checkbox");
+var BalCheckboxButton = /*@__PURE__*/ createReactComponent("bal-checkbox-button");
+var BalCheckboxGroup = /*@__PURE__*/ createReactComponent("bal-checkbox-group");
+var BalClose = /*@__PURE__*/ createReactComponent("bal-close");
+var BalContent = /*@__PURE__*/ createReactComponent("bal-content");
+var BalData = /*@__PURE__*/ createReactComponent("bal-data");
+var BalDataItem = /*@__PURE__*/ createReactComponent("bal-data-item");
+var BalDataLabel = /*@__PURE__*/ createReactComponent("bal-data-label");
+var BalDataValue = /*@__PURE__*/ createReactComponent("bal-data-value");
+var BalDate = /*@__PURE__*/ createReactComponent("bal-date");
+var BalDateCalendar = /*@__PURE__*/ createReactComponent("bal-date-calendar");
+var BalDateCalendarCell = /*@__PURE__*/ createReactComponent("bal-date-calendar-cell");
+var BalDivider = /*@__PURE__*/ createReactComponent("bal-divider");
+var BalDropdown = /*@__PURE__*/ createReactComponent("bal-dropdown");
+var BalField = /*@__PURE__*/ createReactComponent("bal-field");
+var BalFieldControl = /*@__PURE__*/ createReactComponent("bal-field-control");
+var BalFieldHint = /*@__PURE__*/ createReactComponent("bal-field-hint");
+var BalFieldLabel = /*@__PURE__*/ createReactComponent("bal-field-label");
+var BalFieldMessage = /*@__PURE__*/ createReactComponent("bal-field-message");
+var BalFileUpload = /*@__PURE__*/ createReactComponent("bal-file-upload");
+var BalFooter = /*@__PURE__*/ createReactComponent("bal-footer");
+var BalForm = /*@__PURE__*/ createReactComponent("bal-form");
+var BalFormCol = /*@__PURE__*/ createReactComponent("bal-form-col");
+var BalFormGrid = /*@__PURE__*/ createReactComponent("bal-form-grid");
+var BalHeading = /*@__PURE__*/ createReactComponent("bal-heading");
+var BalHint = /*@__PURE__*/ createReactComponent("bal-hint");
+var BalHintText = /*@__PURE__*/ createReactComponent("bal-hint-text");
+var BalHintTitle = /*@__PURE__*/ createReactComponent("bal-hint-title");
+var BalIcon = /*@__PURE__*/ createReactComponent("bal-icon");
+var BalInput = /*@__PURE__*/ createReactComponent("bal-input");
+var BalInputDate = /*@__PURE__*/ createReactComponent("bal-input-date");
+var BalInputGroup = /*@__PURE__*/ createReactComponent("bal-input-group");
+var BalInputSlider = /*@__PURE__*/ createReactComponent("bal-input-slider");
+var BalInputStepper = /*@__PURE__*/ createReactComponent("bal-input-stepper");
+var BalLabel = /*@__PURE__*/ createReactComponent("bal-label");
+var BalList = /*@__PURE__*/ createReactComponent("bal-list");
+var BalListItem = /*@__PURE__*/ createReactComponent("bal-list-item");
+var BalListItemAccordionBody = /*@__PURE__*/ createReactComponent("bal-list-item-accordion-body");
+var BalListItemAccordionHead = /*@__PURE__*/ createReactComponent("bal-list-item-accordion-head");
+var BalListItemContent = /*@__PURE__*/ createReactComponent("bal-list-item-content");
+var BalListItemIcon = /*@__PURE__*/ createReactComponent("bal-list-item-icon");
+var BalListItemSubtitle = /*@__PURE__*/ createReactComponent("bal-list-item-subtitle");
+var BalListItemTitle = /*@__PURE__*/ createReactComponent("bal-list-item-title");
+var BalLogo = /*@__PURE__*/ createReactComponent("bal-logo");
+var BalModal = /*@__PURE__*/ createReactComponent("bal-modal");
+var BalModalBody = /*@__PURE__*/ createReactComponent("bal-modal-body");
+var BalModalHeader = /*@__PURE__*/ createReactComponent("bal-modal-header");
+var BalNav = /*@__PURE__*/ createReactComponent("bal-nav");
+var BalNavLink = /*@__PURE__*/ createReactComponent("bal-nav-link");
+var BalNavLinkGrid = /*@__PURE__*/ createReactComponent("bal-nav-link-grid");
+var BalNavLinkGridCol = /*@__PURE__*/ createReactComponent("bal-nav-link-grid-col");
+var BalNavLinkGroup = /*@__PURE__*/ createReactComponent("bal-nav-link-group");
+var BalNavMenuBar = /*@__PURE__*/ createReactComponent("bal-nav-menu-bar");
+var BalNavMenuFlyout = /*@__PURE__*/ createReactComponent("bal-nav-menu-flyout");
+var BalNavMetaBar = /*@__PURE__*/ createReactComponent("bal-nav-meta-bar");
+var BalNavbar = /*@__PURE__*/ createReactComponent("bal-navbar");
+var BalNavbarBrand = /*@__PURE__*/ createReactComponent("bal-navbar-brand");
+var BalNavbarMenu = /*@__PURE__*/ createReactComponent("bal-navbar-menu");
+var BalNavbarMenuEnd = /*@__PURE__*/ createReactComponent("bal-navbar-menu-end");
+var BalNavbarMenuStart = /*@__PURE__*/ createReactComponent("bal-navbar-menu-start");
+var BalNotices = /*@__PURE__*/ createReactComponent("bal-notices");
+var BalNotification = /*@__PURE__*/ createReactComponent("bal-notification");
+var BalNumberInput = /*@__PURE__*/ createReactComponent("bal-number-input");
+var BalOption = /*@__PURE__*/ createReactComponent("bal-option");
+var BalOptionList = /*@__PURE__*/ createReactComponent("bal-option-list");
+var BalPagination = /*@__PURE__*/ createReactComponent("bal-pagination");
+var BalPopover = /*@__PURE__*/ createReactComponent("bal-popover");
+var BalPopoverContent = /*@__PURE__*/ createReactComponent("bal-popover-content");
+var BalPopup = /*@__PURE__*/ createReactComponent("bal-popup");
+var BalProgressBar = /*@__PURE__*/ createReactComponent("bal-progress-bar");
+var BalRadio = /*@__PURE__*/ createReactComponent("bal-radio");
+var BalRadioButton = /*@__PURE__*/ createReactComponent("bal-radio-button");
+var BalRadioGroup = /*@__PURE__*/ createReactComponent("bal-radio-group");
+var BalSegment = /*@__PURE__*/ createReactComponent("bal-segment");
+var BalSegmentItem = /*@__PURE__*/ createReactComponent("bal-segment-item");
+var BalSelect = /*@__PURE__*/ createReactComponent("bal-select");
+var BalSelectOption = /*@__PURE__*/ createReactComponent("bal-select-option");
+var BalShape = /*@__PURE__*/ createReactComponent("bal-shape");
+var BalSheet = /*@__PURE__*/ createReactComponent("bal-sheet");
+var BalSnackbar = /*@__PURE__*/ createReactComponent("bal-snackbar");
+var BalSpinner = /*@__PURE__*/ createReactComponent("bal-spinner");
+var BalStack = /*@__PURE__*/ createReactComponent("bal-stack");
+var BalStage = /*@__PURE__*/ createReactComponent("bal-stage");
+var BalStageBackLink = /*@__PURE__*/ createReactComponent("bal-stage-back-link");
+var BalStageBody = /*@__PURE__*/ createReactComponent("bal-stage-body");
+var BalStageFoot = /*@__PURE__*/ createReactComponent("bal-stage-foot");
+var BalStageHead = /*@__PURE__*/ createReactComponent("bal-stage-head");
+var BalStageImage = /*@__PURE__*/ createReactComponent("bal-stage-image");
+var BalStepItem = /*@__PURE__*/ createReactComponent("bal-step-item");
+var BalSteps = /*@__PURE__*/ createReactComponent("bal-steps");
+var BalTabItem = /*@__PURE__*/ createReactComponent("bal-tab-item");
+var BalTable = /*@__PURE__*/ createReactComponent("bal-table");
+var BalTabs = /*@__PURE__*/ createReactComponent("bal-tabs");
+var BalTag = /*@__PURE__*/ createReactComponent("bal-tag");
+var BalTagGroup = /*@__PURE__*/ createReactComponent("bal-tag-group");
+var BalText = /*@__PURE__*/ createReactComponent("bal-text");
+var BalTextarea = /*@__PURE__*/ createReactComponent("bal-textarea");
+var BalTimeInput = /*@__PURE__*/ createReactComponent("bal-time-input");
+var BalToast = /*@__PURE__*/ createReactComponent("bal-toast");
+var BalTooltip = /*@__PURE__*/ createReactComponent("bal-tooltip");
 
 var useBaloiseDesignSystem = function(config) {
-    if (config === undefined) config = {};
+    if (config === void 0) config = {};
     initialize(_extends({}, config.defaults, {
         httpFormSubmit: false
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-react",
-  "version": "17.4.0-snapshot.1609-d2bcc38d3",
+  "version": "17.4.0",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -12,9 +12,8 @@
   "homepage": "https://design.baloise.dev",
   "license": "Apache-2.0",
   "dependencies": {
-    "@baloise/ds-core": "17.4.0-snapshot.1609-d2bcc38d3"
+    "@baloise/ds-core": "17.4.0"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js",
-  "types": "./index.esm.d.ts"
-}
+  "main": "./index.cjs.js"
+}