@festo-ui/react 3.2.0 → 3.2.1-pre-20220602.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.css

@@ -145,9 +145,6 @@
 .fr-accordion-item--collapsed .fr-accordion-item-header {
   font-weight: var(--fwe-font-weight-normal);
 }
-.fr-button .fr-button-text {
-  margin: -1px 0px 1px 0px;
-}
 .fwe-chip-container .fr-chip .fwe-icon-menu-close {
   position: absolute;
   right: 5px;

package/index.esm.js

@@ -354,11 +354,9 @@ function Button({
   }, {
     children: [icon && jsx("i", {
       className: `fwe-icon fwe-icon-${icon}`
-    }, void 0), !iconOnly && jsx("div", Object.assign({
-      className: "fr-button-text"
-    }, {
+    }, void 0), !iconOnly && jsx("div", {
       children: children
-    }), void 0)]
+    }, void 0)]
   }), void 0);
 }
 
@@ -3389,9 +3387,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 +3431,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 +3465,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.css

@@ -145,9 +145,6 @@
 .fr-accordion-item--collapsed .fr-accordion-item-header {
   font-weight: var(--fwe-font-weight-normal);
 }
-.fr-button .fr-button-text {
-  margin: -1px 0px 1px 0px;
-}
 .fwe-chip-container .fr-chip .fwe-icon-menu-close {
   position: absolute;
   right: 5px;

package/index.umd.js

@@ -392,11 +392,9 @@
       }, {
         children: [icon && jsxRuntime.jsx("i", {
           className: "fwe-icon fwe-icon-".concat(icon)
-        }, void 0), !iconOnly && jsxRuntime.jsx("div", __assign({
-          className: "fr-button-text"
-        }, {
+        }, void 0), !iconOnly && jsxRuntime.jsx("div", {
           children: children
-        }), void 0)]
+        }, void 0)]
       }), void 0);
     }
 
@@ -3656,9 +3654,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 +3697,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 +3733,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/lib/components/buttons/button/Button.d.ts

@@ -1,4 +1,3 @@
-import './Button.scss';
 import React from 'react';
 import { ClassNamePropsWithChildren } from '../../../helper/types';
 interface ButtonProps extends ClassNamePropsWithChildren {

package/package.json

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