sag_components 1.0.126 → 1.0.127

package/dist/stories/components/SegmentedButton.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SegmentedButton = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
@@ -94,7 +93,6 @@ var SegmentedButton = function SegmentedButton(_ref) {
     segmentWidth: segmentWidth,
     className: "controls ".concat(componentReady.current ? "ready" : "idle")
   }, optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.map(function (item, i) {
-    var _React$createElement;
     return /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.Segment, {
       id: "Segment",
       key: item.id,
@@ -105,13 +103,16 @@ var SegmentedButton = function SegmentedButton(_ref) {
       segmentWidth: segmentWidth,
       className: "".concat(activeIndex === i ? "active" : "inactive"),
       ref: item.ref
-    }, /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.ControlsInput, (_React$createElement = {
-      id: "ControlsInput",
+    }, /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.ControlsInput, {
       type: "radio",
-      value: item.value
-    }, (0, _defineProperty2.default)(_React$createElement, "id", item.id), (0, _defineProperty2.default)(_React$createElement, "name", name), (0, _defineProperty2.default)(_React$createElement, "onChange", function onChange() {
-      return onInputChangeHandler(item.value, item.id);
-    }), (0, _defineProperty2.default)(_React$createElement, "checked", i === activeIndex), _React$createElement)), /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.SegmentLabel, {
+      value: item.value,
+      id: item.id,
+      name: name,
+      onChange: function onChange() {
+        return onInputChangeHandler(item.value, item.id);
+      },
+      checked: i === activeIndex
+    }), /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.SegmentLabel, {
       id: "SegmentLabel",
       selectedTextColor: selectedTextColor,
       unselectedTextColor: unselectedTextColor,

package/dist/stories/components/SegmentedButton.style.js

@@ -13,7 +13,7 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
   return (_props$fontSize = props.fontSize) === null || _props$fontSize === void 0 ? void 0 : _props$fontSize.toString().concat("", "px Lato, sans-serif");
 });
 exports.ControlsContainer = ControlsContainer;
-var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  justify-content: space-between;  \n  background: ", ";\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n  border-radius:  ", "; //12px\n  // max-width: 500px; //use this to limit max lenght of the control \n  padding: 6px;  \n  margin: auto;\n  overflow: hidden;\n  position: relative;\n  &.controls::before {\n    content: \"\";\n    background:  ", "; /* #3a9df9;  #5465ff;*/\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n    border-radius:  ", "; //12px\n    width: var(--highlight-width);\n    transform: translateX(var(--highlight-x-pos));\n    position: absolute;\n    top: 6px;\n    bottom: 6px;\n    left: 0;\n    z-index: 0;\n  }\n  &.controls.ready::before {\n    transition: transform 0.3s ease, width 0.3s ease;\n  }\n"])), function (props) {
+var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  justify-content: space-between;  \n  background: ", ";\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n  border-radius:  ", "; //12px\n  // max-width: 500px; //use this to limit max lenght of the control \n  padding: 6px;  \n  margin: auto;\n  overflow: hidden;\n  position: relative;\n  &.controls::before {\n    content: \"\";\n    background:  ", "; /* #3a9df9;  #5465ff;*/\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n    border-radius:  ", "; //12px\n    width: var(--highlight-width);\n    transform: translateX(var(--highlight-x-pos));\n    position: absolute;\n    top: 3px;\n    bottom: 3px;\n    left: 0; \n    z-index: 0;\n  }\n  &.controls.ready::before {\n    transition: transform 0.3s ease, width 0.3s ease;\n  }\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.controlRadius.toString().concat("", "px");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.126",
+  "version": "1.0.127",
   "description": "",
   "main": "dist/index.js",
   "scripts": {