@festo-ui/react 3.2.0 → 3.2.1

package/README.md

@@ -13,5 +13,5 @@ To install Festo React, run:
 ```js
 /* The following lines should be included in your src/index.js or App.js file*/
 import '@festo-ui/web-essentials/dist/css/festo-web-essentials.min.css';
-import '@festo-ui/react/react.esm.css';
+import '@festo-ui/react/index.esm.css';
 ```

package/index.esm.js

@@ -3389,9 +3389,11 @@ function Segment(props) {
       'fwe-segment-icon-text': useIconAndText
     }, className)
   }, {
-    children: [jsx("legend", {
+    children: [jsx("legend", Object.assign({
+      className: "fwe-sr-only fwe-d-inline-block"
+    }, {
       children: legend
-    }, void 0), jsx("div", Object.assign({
+    }), void 0), jsx("div", Object.assign({
       className: "fwe-segment-group"
     }, {
       children: React.Children.map(children, child => {
@@ -3431,6 +3433,13 @@ function SegmentControl(props) {
     viewMode = iconOnly ? 'icon' : 'icon-text';
   }
 
+  const prefix = 'fwe-icon-';
+  let innerIcon = icon;
+
+  if (icon && icon.indexOf(prefix) === -1) {
+    innerIcon = prefix + icon;
+  }
+
   const handleChange = event => {
     if (onChange) {
       onChange(event, value);
@@ -3458,12 +3467,12 @@ function SegmentControl(props) {
           children: label
         }), void 0), jsx("i", {
           "aria-hidden": "true",
-          className: classNames('fwe-icon', `fwe-icon-${icon}`)
+          className: classNames('fwe-icon', innerIcon)
         }, void 0)]
       }, void 0), viewMode === 'text' && label, viewMode === 'icon-text' && jsxs(Fragment, {
         children: [jsx("i", {
           "aria-hidden": "true",
-          className: classNames('fwe-icon', `fwe-icon-${icon}`)
+          className: classNames('fwe-icon', innerIcon)
         }, void 0), label]
       }, void 0)]
     }), void 0)]

package/index.umd.js

@@ -3656,9 +3656,11 @@
           'fwe-segment-icon-text': useIconAndText
         }, className)
       }, {
-        children: [jsxRuntime.jsx("legend", {
+        children: [jsxRuntime.jsx("legend", __assign({
+          className: "fwe-sr-only fwe-d-inline-block"
+        }, {
           children: legend
-        }, void 0), jsxRuntime.jsx("div", __assign({
+        }), void 0), jsxRuntime.jsx("div", __assign({
           className: "fwe-segment-group"
         }, {
           children: React__default["default"].Children.map(children, function (child) {
@@ -3697,6 +3699,13 @@
         viewMode = iconOnly ? 'icon' : 'icon-text';
       }
 
+      var prefix = 'fwe-icon-';
+      var innerIcon = icon;
+
+      if (icon && icon.indexOf(prefix) === -1) {
+        innerIcon = prefix + icon;
+      }
+
       var handleChange = function handleChange(event) {
         if (onChange) {
           onChange(event, value);
@@ -3726,12 +3735,12 @@
               children: label
             }), void 0), jsxRuntime.jsx("i", {
               "aria-hidden": "true",
-              className: classNames__default["default"]('fwe-icon', "fwe-icon-".concat(icon))
+              className: classNames__default["default"]('fwe-icon', innerIcon)
             }, void 0)]
           }, void 0), viewMode === 'text' && label, viewMode === 'icon-text' && jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [jsxRuntime.jsx("i", {
               "aria-hidden": "true",
-              className: classNames__default["default"]('fwe-icon', "fwe-icon-".concat(icon))
+              className: classNames__default["default"]('fwe-icon', innerIcon)
             }, void 0), label]
           }, void 0)]
         }), void 0)]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
   "peerDependencies": {