sag_components 1.0.7 → 1.0.8

package/storybook-static/stories.json

@@ -1 +1 @@
-{"v":3,"stories":{"sag-introduction--docs":{"id":"sag-introduction--docs","title":"SAG/Introduction","name":"Docs","importPath":"./src/stories/Introduction.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"SAG/Introduction","story":"Docs","parameters":{"__id":"sag-introduction--docs","docsOnly":true,"fileName":"./src/stories/Introduction.mdx"}},"sag-bi-button--docs":{"id":"sag-bi-button--docs","title":"SAG BI/Button","name":"Docs","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"SAG BI/Button","story":"Docs","parameters":{"__id":"sag-bi-button--docs","docsOnly":true,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-button--small":{"id":"sag-bi-button--small","title":"SAG BI/Button","name":"Small","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","story"],"kind":"SAG BI/Button","story":"Small","parameters":{"__id":"sag-bi-button--small","docsOnly":false,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-button--large":{"id":"sag-bi-button--large","title":"SAG BI/Button","name":"Large","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","story"],"kind":"SAG BI/Button","story":"Large","parameters":{"__id":"sag-bi-button--large","docsOnly":false,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-button--disabled":{"id":"sag-bi-button--disabled","title":"SAG BI/Button","name":"Disabled","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","story"],"kind":"SAG BI/Button","story":"Disabled","parameters":{"__id":"sag-bi-button--disabled","docsOnly":false,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-dropdown--docs":{"id":"sag-bi-dropdown--docs","title":"SAG BI/Dropdown","name":"Docs","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"SAG BI/Dropdown","story":"Docs","parameters":{"__id":"sag-bi-dropdown--docs","docsOnly":true,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--small-square":{"id":"sag-bi-dropdown--small-square","title":"SAG BI/Dropdown","name":"Small Square","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Small Square","parameters":{"__id":"sag-bi-dropdown--small-square","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--small-round":{"id":"sag-bi-dropdown--small-round","title":"SAG BI/Dropdown","name":"Small Round","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Small Round","parameters":{"__id":"sag-bi-dropdown--small-round","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--up-down-arrow-icon":{"id":"sag-bi-dropdown--up-down-arrow-icon","title":"SAG BI/Dropdown","name":"Up Down Arrow Icon","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Up Down Arrow Icon","parameters":{"__id":"sag-bi-dropdown--up-down-arrow-icon","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--search-icon":{"id":"sag-bi-dropdown--search-icon","title":"SAG BI/Dropdown","name":"Search Icon","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Search Icon","parameters":{"__id":"sag-bi-dropdown--search-icon","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--multi-select-small":{"id":"sag-bi-dropdown--multi-select-small","title":"SAG BI/Dropdown","name":"Multi Select Small","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Multi Select Small","parameters":{"__id":"sag-bi-dropdown--multi-select-small","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--multi-select-large":{"id":"sag-bi-dropdown--multi-select-large","title":"SAG BI/Dropdown","name":"Multi Select Large","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Multi Select Large","parameters":{"__id":"sag-bi-dropdown--multi-select-large","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--multi-select-with-icons":{"id":"sag-bi-dropdown--multi-select-with-icons","title":"SAG BI/Dropdown","name":"Multi Select With Icons","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Multi Select With Icons","parameters":{"__id":"sag-bi-dropdown--multi-select-with-icons","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--large-round-without-icons":{"id":"sag-bi-dropdown--large-round-without-icons","title":"SAG BI/Dropdown","name":"Large Round Without Icons","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Large Round Without Icons","parameters":{"__id":"sag-bi-dropdown--large-round-without-icons","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--large-square-with-icons":{"id":"sag-bi-dropdown--large-square-with-icons","title":"SAG BI/Dropdown","name":"Large Square With Icons","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Large Square With Icons","parameters":{"__id":"sag-bi-dropdown--large-square-with-icons","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-onecolumncontainer--docs":{"id":"sag-bi-onecolumncontainer--docs","title":"Sag BI/OneColumnContainer","name":"Docs","importPath":"./src/stories/OneColumnContainer.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"Sag BI/OneColumnContainer","story":"Docs","parameters":{"__id":"sag-bi-onecolumncontainer--docs","docsOnly":true,"fileName":"./src/stories/OneColumnContainer.stories.js"}},"sag-bi-onecolumncontainer--primary":{"id":"sag-bi-onecolumncontainer--primary","title":"Sag BI/OneColumnContainer","name":"Primary","importPath":"./src/stories/OneColumnContainer.stories.js","tags":["autodocs","story"],"kind":"Sag BI/OneColumnContainer","story":"Primary","parameters":{"__id":"sag-bi-onecolumncontainer--primary","docsOnly":false,"fileName":"./src/stories/OneColumnContainer.stories.js"}}}}
+{"v":3,"stories":{"sag-introduction--docs":{"id":"sag-introduction--docs","title":"SAG/Introduction","name":"Docs","importPath":"./src/stories/Introduction.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"SAG/Introduction","story":"Docs","parameters":{"__id":"sag-introduction--docs","docsOnly":true,"fileName":"./src/stories/Introduction.mdx"}},"sag-bi-button--docs":{"id":"sag-bi-button--docs","title":"SAG BI/Button","name":"Docs","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"SAG BI/Button","story":"Docs","parameters":{"__id":"sag-bi-button--docs","docsOnly":true,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-button--small":{"id":"sag-bi-button--small","title":"SAG BI/Button","name":"Small","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","story"],"kind":"SAG BI/Button","story":"Small","parameters":{"__id":"sag-bi-button--small","docsOnly":false,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-button--large":{"id":"sag-bi-button--large","title":"SAG BI/Button","name":"Large","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","story"],"kind":"SAG BI/Button","story":"Large","parameters":{"__id":"sag-bi-button--large","docsOnly":false,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-button--disabled":{"id":"sag-bi-button--disabled","title":"SAG BI/Button","name":"Disabled","importPath":"./src/stories/ButtonText.stories.js","tags":["autodocs","story"],"kind":"SAG BI/Button","story":"Disabled","parameters":{"__id":"sag-bi-button--disabled","docsOnly":false,"fileName":"./src/stories/ButtonText.stories.js"}},"sag-bi-dropdown--docs":{"id":"sag-bi-dropdown--docs","title":"SAG BI/Dropdown","name":"Docs","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"SAG BI/Dropdown","story":"Docs","parameters":{"__id":"sag-bi-dropdown--docs","docsOnly":true,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--small-square":{"id":"sag-bi-dropdown--small-square","title":"SAG BI/Dropdown","name":"Small Square","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Small Square","parameters":{"__id":"sag-bi-dropdown--small-square","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--small-round":{"id":"sag-bi-dropdown--small-round","title":"SAG BI/Dropdown","name":"Small Round","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Small Round","parameters":{"__id":"sag-bi-dropdown--small-round","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--up-down-arrow-icon":{"id":"sag-bi-dropdown--up-down-arrow-icon","title":"SAG BI/Dropdown","name":"Up Down Arrow Icon","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Up Down Arrow Icon","parameters":{"__id":"sag-bi-dropdown--up-down-arrow-icon","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--search-icon":{"id":"sag-bi-dropdown--search-icon","title":"SAG BI/Dropdown","name":"Search Icon","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Search Icon","parameters":{"__id":"sag-bi-dropdown--search-icon","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--multi-select-small":{"id":"sag-bi-dropdown--multi-select-small","title":"SAG BI/Dropdown","name":"Multi Select Small","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Multi Select Small","parameters":{"__id":"sag-bi-dropdown--multi-select-small","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--multi-select-large":{"id":"sag-bi-dropdown--multi-select-large","title":"SAG BI/Dropdown","name":"Multi Select Large","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Multi Select Large","parameters":{"__id":"sag-bi-dropdown--multi-select-large","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--multi-select-with-icons":{"id":"sag-bi-dropdown--multi-select-with-icons","title":"SAG BI/Dropdown","name":"Multi Select With Icons","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Multi Select With Icons","parameters":{"__id":"sag-bi-dropdown--multi-select-with-icons","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--large-round-without-icons":{"id":"sag-bi-dropdown--large-round-without-icons","title":"SAG BI/Dropdown","name":"Large Round Without Icons","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Large Round Without Icons","parameters":{"__id":"sag-bi-dropdown--large-round-without-icons","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-dropdown--large-square-with-icons":{"id":"sag-bi-dropdown--large-square-with-icons","title":"SAG BI/Dropdown","name":"Large Square With Icons","importPath":"./src/stories/Dropdown.stories.jsx","tags":["autodocs","story"],"kind":"SAG BI/Dropdown","story":"Large Square With Icons","parameters":{"__id":"sag-bi-dropdown--large-square-with-icons","docsOnly":false,"fileName":"./src/stories/Dropdown.stories.jsx"}},"sag-bi-onecolumncontainer--docs":{"id":"sag-bi-onecolumncontainer--docs","title":"Sag BI/OneColumnContainer","name":"Docs","importPath":"./src/stories/OneColumnContainer.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"Sag BI/OneColumnContainer","story":"Docs","parameters":{"__id":"sag-bi-onecolumncontainer--docs","docsOnly":true,"fileName":"./src/stories/OneColumnContainer.stories.js"}},"sag-bi-onecolumncontainer--primary":{"id":"sag-bi-onecolumncontainer--primary","title":"Sag BI/OneColumnContainer","name":"Primary","importPath":"./src/stories/OneColumnContainer.stories.js","tags":["autodocs","story"],"kind":"Sag BI/OneColumnContainer","story":"Primary","parameters":{"__id":"sag-bi-onecolumncontainer--primary","docsOnly":false,"fileName":"./src/stories/OneColumnContainer.stories.js"}}}}

package/dist/App.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _logo = _interopRequireDefault(require("./logo.svg"));
-require("./App.css");
-var _react = require("react");
-var _Button = _interopRequireDefault(require("./stories/components/Button"));
-var _Dropdown = _interopRequireDefault(require("./stories/components/Dropdown"));
-var _SegmentedButton = _interopRequireDefault(require("./stories/components/SegmentedButton"));
-var onChangehandler = function onChangehandler(event, newValue) {
-  console.log("Dropdown onChange event returned:");
-  console.log(newValue);
-};
-var onInputChangeHandler = function onInputChangeHandler(event, newInputValue) {
-  console.log("Dropdown onInputChange event returned:");
-  console.log(newInputValue);
-};
-function App() {
-  var options = [{
-    id: "1",
-    label: "Shufersal"
-  }, {
-    id: "2",
-    label: "EPC"
-  }, {
-    id: "3",
-    label: "Food Lion"
-  }, {
-    id: "4",
-    label: "Hannaford"
-  }, {
-    id: "5",
-    label: "Giant Food"
-  }, {
-    id: "6",
-    label: "The Giant Company"
-  }, {
-    id: "7",
-    label: "Stop&Shop"
-  }, {
-    id: "8",
-    label: "Price Chopper"
-  }, {
-    id: "9",
-    label: "South Eastern Grocers"
-  }];
-  var segmentsArr1 = [{
-    label: "Complete",
-    value: "complete"
-  }, {
-    label: "Incomplete",
-    value: "incomplete"
-  }, {
-    label: "Pending",
-    value: "pending"
-  }];
-  var segmentsArr2 = [{
-    label: "First",
-    value: "first"
-  }, {
-    label: "Second",
-    value: "second"
-  }, {
-    label: "Third",
-    value: "third"
-  }];
-  var _useState = (0, _react.useState)("complete"),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedValue1 = _useState2[0],
-    setSelectedValue1 = _useState2[1];
-  var _useState3 = (0, _react.useState)("complete"),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    selectedValue2 = _useState4[0],
-    setSelectedValue2 = _useState4[1];
-  return /*#__PURE__*/React.createElement("div", {
-    className: "App"
-  }, /*#__PURE__*/React.createElement(_Dropdown.default, {
-    width: "300",
-    size: "small",
-    text: "Select retailer......",
-    multiSelect: false,
-    options: options,
-    shape: "round",
-    onChange: onChangehandler,
-    onInputChange: onInputChangeHandler
-  }), /*#__PURE__*/React.createElement(_Dropdown.default, {
-    width: 400,
-    size: "small",
-    text: "Select retailer......",
-    multiSelect: true,
-    options: options,
-    shape: "round",
-    onChange: onChangehandler,
-    onInputChange: onInputChangeHandler
-  }), /*#__PURE__*/React.createElement(_SegmentedButton.default, {
-    name: "group1",
-    onClick: function onClick(val) {
-      return setSelectedValue1(val);
-    },
-    segments: segmentsArr1
-  }), /*#__PURE__*/React.createElement("p", {
-    className: "selected-item"
-  }, "Selected: ", selectedValue1), /*#__PURE__*/React.createElement(_SegmentedButton.default, {
-    name: "group2",
-    onClick: function onClick(val) {
-      return setSelectedValue2(val);
-    },
-    defaultIndex: 1,
-    segments: segmentsArr2
-  }), /*#__PURE__*/React.createElement("p", {
-    className: "selected-item"
-  }, "Selected: ", selectedValue2));
-}
-var _default = App;
-exports.default = _default;

package/dist/App.test.js

@@ -1,10 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = require("@testing-library/react");
-var _App = _interopRequireDefault(require("./App"));
-test('renders learn react link', function () {
-  (0, _react.render)( /*#__PURE__*/React.createElement(_App.default, null));
-  var linkElement = _react.screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});

package/dist/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _client = _interopRequireDefault(require("react-dom/client"));
-require("./index.css");
-var _App = _interopRequireDefault(require("./App"));
-// import '@fontsource/roboto/300.css';
-// import '@fontsource/roboto/400.css';
-// import '@fontsource/roboto/500.css';
-// import '@fontsource/roboto/700.css';
-var root = _client.default.createRoot(document.getElementById('root'));
-root.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)));
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals

package/dist/stories/Button.stories.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SmallContainedStyle = exports.MediumOutlinedStyle = exports.LargeTextStyle = exports.DisabledContainedStyle = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("./components/Button");
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-var _default = {
-  title: "SAG/Button",
-  component: _Button.Button,
-  tags: ["autodocs"],
-  argTypes: {
-    text: {
-      name: "text",
-      control: {
-        type: "text"
-      },
-      description: "text inside of the button",
-      defaultValue: ""
-    },
-    shape: {
-      control: {
-        type: "radio"
-      },
-      options: ["contained", "outlined", "text"],
-      description: "shape of the button"
-    },
-    radius: {
-      name: "radius",
-      control: {
-        type: "number"
-      },
-      description: "radius of the button",
-      defaultValue: 50
-    },
-    size: {
-      control: {
-        type: "radio"
-      },
-      options: ["small", "medium", "large"],
-      description: "size of the button"
-    },
-    disabled: {
-      name: "disabled",
-      control: {
-        type: "boolean"
-      },
-      description: "changes the button to be enabled/disabled",
-      defaultValue: ""
-    },
-    backgroundColor: {
-      control: {
-        type: "color",
-        presetColors: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
-        description: "Sets Background Color"
-      }
-    },
-    textColor: {
-      control: {
-        type: "select"
-      },
-      options: ["none", "inherit", "black", "green", "red", "yellow", "blue", "white"],
-      description: "text color of the button"
-    },
-    onClick: {
-      action: "onClick",
-      description: "returns an event click object when user clicks on a button"
-    }
-  }
-};
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Button.Button, args);
-};
-var SmallContainedStyle = Template.bind({});
-exports.SmallContainedStyle = SmallContainedStyle;
-SmallContainedStyle.args = {
-  text: "Confirm",
-  shape: "contained",
-  radius: 50,
-  size: "small",
-  textColor: "none",
-  disabled: false
-};
-var DisabledContainedStyle = Template.bind({});
-exports.DisabledContainedStyle = DisabledContainedStyle;
-DisabledContainedStyle.args = {
-  size: "small",
-  text: "Confirm",
-  shape: "contained",
-  radius: 50,
-  textColor: "inherit",
-  disabled: true
-};
-var MediumOutlinedStyle = Template.bind({});
-exports.MediumOutlinedStyle = MediumOutlinedStyle;
-MediumOutlinedStyle.args = {
-  text: "Confirm",
-  size: "medium",
-  radius: 50,
-  shape: "outlined",
-  textColor: "",
-  disabled: false
-};
-var LargeTextStyle = Template.bind({});
-exports.LargeTextStyle = LargeTextStyle;
-LargeTextStyle.args = {
-  text: "Confirm",
-  size: "large",
-  radius: 50,
-  shape: "text",
-  textColor: "inherit",
-  disabled: false
-};

package/dist/stories/Button.style.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n"])), function (props) {
-  return props.width;
-});
-exports.DropdownContainer = DropdownContainer;

package/dist/stories/Dropdown.stories.js

@@ -1,252 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.UpDownArrowIcon = exports.SmallSquare = exports.SmallRound = exports.SearchIcon = exports.MultiSelectWithIcons = exports.MultiSelectSmall = exports.MultiSelectLarge = exports.LargeSquareWithIcons = exports.LargeRoundWithoutIcons = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Dropdown = require("./components/Dropdown");
-var options = [{
-  id: 0,
-  label: "Shufersal"
-}, {
-  id: 1,
-  label: "EPC"
-}, {
-  id: 2,
-  label: "Food Lion"
-}, {
-  id: 3,
-  label: "Hannaford"
-}, {
-  id: 4,
-  label: "Giant Food"
-}, {
-  id: 5,
-  label: "The Giant Company"
-}, {
-  id: 6,
-  label: "Stop&Shop"
-}, {
-  id: 7,
-  label: "Price Chopper"
-}, {
-  id: 8,
-  label: "South Eastern Grocers"
-}];
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-var _default = {
-  title: "SAG/Dropdown",
-  component: _Dropdown.Dropdown,
-  tags: ["autodocs"],
-  argTypes: {
-    width: {
-      control: {
-        type: "number"
-      },
-      description: "width of the input field",
-      defaultValue: 300
-    },
-    size: {
-      control: {
-        type: "radio"
-      },
-      options: ["small", "large"],
-      description: "size: small/large"
-    },
-    text: {
-      name: "text",
-      control: {
-        type: "text"
-      },
-      description: "text inside of the input field",
-      defaultValue: 'Search...'
-    },
-    placeHolder: {
-      name: "placeHolder",
-      control: {
-        type: "text"
-      },
-      description: "notify the user how to type a text",
-      defaultValue: "Type..."
-    },
-    multiSelect: {
-      name: "multiSelect",
-      // control: { type: "boolean",                
-      //            },
-      control: false,
-      description: "true/false - allows multi select - (switch multiSelect / singleSelect is disabled in this story)"
-    },
-    limitTagsOnMultiSelect: {
-      name: "limitTagsOnMultiSelect",
-      control: {
-        type: "number"
-      },
-      description: "limit noumber displayed tags on multi select when not focused"
-    },
-    options: {
-      description: "array [] of objects: {id: string1 , label: string2 } to fill dropdown options "
-    },
-    shape: {
-      control: {
-        type: "radio"
-      },
-      options: ["round", "square"],
-      description: "shape: round/square"
-    },
-    showPopupIcon: {
-      name: "showPopupIcon",
-      control: {
-        type: "boolean"
-      },
-      description: "show/hide popup (up/down arrow) icon"
-    },
-    showSearchIcon: {
-      name: "showSearchIcon",
-      control: {
-        type: "boolean"
-      },
-      description: "show/hide search icon "
-    },
-    onChange: {
-      action: "onChange",
-      description: "returns an option (object) selected by the user"
-    },
-    onInputChange: {
-      action: "onInputChange",
-      description: "returns a value (string) displayed in the textbox"
-    }
-  }
-};
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Dropdown.Dropdown, args);
-};
-var SmallSquare = Template.bind({});
-exports.SmallSquare = SmallSquare;
-SmallSquare.args = {
-  width: 300,
-  size: "small",
-  text: "Retailer",
-  multiSelect: false,
-  limitTagsOnMultiSelect: 0,
-  placeHolder: "Type...",
-  shape: "square",
-  showPopupIcon: false,
-  showSearchIcon: false,
-  options: options
-};
-var SmallRound = Template.bind({});
-exports.SmallRound = SmallRound;
-SmallRound.args = {
-  width: 300,
-  size: "small",
-  text: "Retailer",
-  multiSelect: false,
-  limitTagsOnMultiSelect: 0,
-  placeHolder: "Type...",
-  shape: "round",
-  showPopupIcon: false,
-  showSearchIcon: false,
-  options: options
-};
-var UpDownArrowIcon = Template.bind({});
-exports.UpDownArrowIcon = UpDownArrowIcon;
-UpDownArrowIcon.args = {
-  width: 300,
-  size: "small",
-  text: "Retailer",
-  multiSelect: false,
-  limitTagsOnMultiSelect: 0,
-  placeHolder: "Type...",
-  shape: "round",
-  showPopupIcon: true,
-  showSearchIcon: false,
-  options: options
-};
-var SearchIcon = Template.bind({});
-exports.SearchIcon = SearchIcon;
-SearchIcon.args = {
-  width: 300,
-  size: "small",
-  text: "Retailer",
-  multiSelect: false,
-  limitTagsOnMultiSelect: 0,
-  placeHolder: "Type...",
-  shape: "round",
-  showPopupIcon: false,
-  showSearchIcon: true,
-  options: options
-};
-var MultiSelectSmall = Template.bind({});
-exports.MultiSelectSmall = MultiSelectSmall;
-MultiSelectSmall.args = {
-  width: 400,
-  size: "small",
-  text: "Retailer",
-  multiSelect: true,
-  limitTagsOnMultiSelect: 2,
-  placeHolder: "Type...",
-  shape: "square",
-  showPopupIcon: false,
-  showSearchIcon: false,
-  options: options
-};
-var MultiSelectLarge = Template.bind({});
-exports.MultiSelectLarge = MultiSelectLarge;
-MultiSelectLarge.args = {
-  width: 500,
-  size: "large",
-  text: "Retailer",
-  multiSelect: true,
-  limitTagsOnMultiSelect: 2,
-  placeHolder: "Type...",
-  shape: "round",
-  showPopupIcon: false,
-  showSearchIcon: false,
-  options: options
-};
-var MultiSelectWithIcons = Template.bind({});
-exports.MultiSelectWithIcons = MultiSelectWithIcons;
-MultiSelectWithIcons.args = {
-  width: 500,
-  size: "large",
-  text: "Retailer",
-  multiSelect: true,
-  limitTagsOnMultiSelect: 2,
-  placeHolder: "Type...",
-  shape: "square",
-  showPopupIcon: true,
-  showSearchIcon: true,
-  options: options
-};
-var LargeRoundWithoutIcons = Template.bind({});
-exports.LargeRoundWithoutIcons = LargeRoundWithoutIcons;
-LargeRoundWithoutIcons.args = {
-  width: 400,
-  size: "large",
-  text: "Retailer",
-  multiSelect: false,
-  limitTagsOnMultiSelect: 0,
-  placeHolder: "Type part of name...",
-  shape: "round",
-  showPopupIcon: false,
-  showSearchIcon: false,
-  options: options
-};
-var LargeSquareWithIcons = Template.bind({});
-exports.LargeSquareWithIcons = LargeSquareWithIcons;
-LargeSquareWithIcons.args = {
-  width: 400,
-  size: "large",
-  text: "Retailer",
-  multiSelect: false,
-  limitTagsOnMultiSelect: 0,
-  placeHolder: "Type part of name...",
-  shape: "square",
-  showPopupIcon: true,
-  showSearchIcon: true,
-  options: options
-};

package/dist/stories/Dropdown.style.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n"])), function (props) {
-  return props.width;
-});
-exports.DropdownContainer = DropdownContainer;

package/dist/stories/OneColumnContainer.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Primary = void 0;
-var _OneColumnContainer = require("./components/OneColumnContainer");
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-var _default = {
-  title: 'Sag BI/OneColumnContainer',
-  component: _OneColumnContainer.OneColumnContainer,
-  tags: ['autodocs']
-}; // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
-exports.default = _default;
-var Primary = {
-  args: {
-    infoText: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s",
-    width: "250px",
-    height: "250px"
-  }
-};
-exports.Primary = Primary;

package/dist/stories/OneColumnContainer.style.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledContainer = exports.InfoTextLabel = exports.InfoTextContainer = exports.IconContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; \n  display: flex;\n  position: relative;\n  border-radius: 10px;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n"])), function (props) {
-  return props.width;
-}, function (props) {
-  return props.height;
-});
-exports.StyledContainer = StyledContainer;
-var InfoTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  align-items: center;\n  display: flex;\n  visibility: ", ";\n  text-align: center;\n  justify-content: center;\n  background: rgba(16, 16, 16, .6);\n"])), function (props) {
-  return props.width;
-}, function (props) {
-  return props.height;
-}, function (props) {
-  return props.clicked ? 'visible' : 'hidden';
-});
-exports.InfoTextContainer = InfoTextContainer;
-var InfoTextLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  text-align: center;\n  color: white;\n  margin: 10px;\n  justify-content: center;\n"])));
-exports.InfoTextLabel = InfoTextLabel;
-var IconContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  margin-top:10px;\n  margin-right:10px;\n  top: 0;\n  right: 0;\n"])));
-exports.IconContainer = IconContainer;