sag_components 2.0.0-beta40 → 2.0.0-beta42

package/dist/types/icons/MenuItemRightIcon.d.ts

@@ -1,7 +1,7 @@
 export function MenuItemRightIcon({ clicked, width, height, color, }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default MenuItemRightIcon;

package/dist/types/icons/MenuItemUpIcon.d.ts

@@ -1,7 +1,6 @@
-export function MenuItemUpIcon({ clicked, width, height, color, }: {
-    clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default MenuItemUpIcon;
+declare function MenuItemUpIcon({ width, height, color, }: {
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/NoDataFoundIcon.d.ts

@@ -1,6 +1,6 @@
 export function NoDataFoundIcon({ width, height }: {
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace NoDataFoundIcon {
     namespace propTypes {

package/dist/types/icons/OptionsIcon.d.ts

@@ -1,6 +1,6 @@
-export function OptionsIcon({ width, height, color }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default OptionsIcon;
+declare function OptionsIcon({ width, height, color }: {
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ReselectIcon.d.ts

@@ -1,6 +1,6 @@
-export function ReselectIcon({ width, height, color }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default ReselectIcon;
+declare function ReselectIcon({ width, height, color }: {
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/SearchIcon.d.ts

@@ -1,6 +1,6 @@
 export function SearchIcon({ width, height, color }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default SearchIcon;

package/dist/types/icons/ShoppingCartIcon.d.ts

@@ -1,6 +1,6 @@
 export function ShoppingCartIcon({ clicked, width, height }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ShoppingCartIcon;

package/dist/types/icons/ShoutIcon.d.ts

@@ -1,6 +1,6 @@
 export function ShoutIcon({ width, height, fill }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    fill?: string | undefined;
+    width?: string;
+    height?: string;
+    fill?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ShoutIcon;

package/dist/types/icons/Sort.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/icons/SortIcon.d.ts

@@ -1,7 +1,7 @@
-export function SortIcon({ width, height, fillUpperArrow, fillLowerArrow }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    fillUpperArrow?: string | undefined;
-    fillLowerArrow?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default SortIcon;
+declare function SortIcon({ width, height, fillUpperArrow, fillLowerArrow }: {
+    width?: string;
+    height?: string;
+    fillUpperArrow?: string;
+    fillLowerArrow?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/SpotlightProductIcon.d.ts

@@ -1,7 +1,7 @@
 export function SpotlightProductIcon({ clicked, width, height, color }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default SpotlightProductIcon;

package/dist/types/icons/StopAndShopIcon.d.ts

@@ -1,7 +1,7 @@
-export function StopAndShopIcon({ clicked, width, height, viewBox }: {
+export default StopAndShopIcon;
+declare function StopAndShopIcon({ clicked, width, height, viewBox }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    viewBox?: string | undefined;
+    width?: string;
+    height?: string;
+    viewBox?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export default StopAndShopIcon;

package/dist/types/icons/StopAndShopNewIcon.d.ts

@@ -1,6 +1,6 @@
-export function StopAndShopNewIcon({ width, height, viewBox }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    viewBox?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default StopAndShopNewIcon;
+declare function StopAndShopNewIcon({ width, height, viewBox }: {
+    width?: string;
+    height?: string;
+    viewBox?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/SucceededIcon.d.ts

@@ -1,6 +1,6 @@
 export function SucceededIcon({ color, width, height }: {
-    color?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
+    color?: string;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default SucceededIcon;

package/dist/types/icons/TheGiantCompanyIcon.d.ts

@@ -1,5 +1,5 @@
-export function TheGiantCompanyIcon({ width, height, }: {
-    width?: string | undefined;
-    height?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default TheGiantCompanyIcon;
+declare function TheGiantCompanyIcon({ width, height, }: {
+    width?: string;
+    height?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/TheGiantCompanyNewIcon.d.ts

@@ -1,6 +1,6 @@
-export function TheGiantCompanyIcon({ clicked, width, height, }: {
+export default TheGiantCompanyNewIcon;
+declare function TheGiantCompanyNewIcon({ clicked, width, height, }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export default TheGiantCompanyIcon;

package/dist/types/icons/UpArrowIcon.d.ts

@@ -0,0 +1,5 @@
+export default UpArrowIcon;
+declare function UpArrowIcon({ width, height }: {
+    width?: string;
+    height?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -21,3 +21,8 @@ export { default as TotalHorizontalCharts } from "./components/TotalHorizontalCh
 export { default as IconButton } from "./components/IconButton/IconButton.jsx";
 export { default as DoublePanelDataRow } from "./components/DoublePanelDataRow/DoublePanelDataRow.jsx";
 export { default as BarChart } from "./components/BarChart/BarChart.jsx";
+export { default as DoubleBarSingleLine } from "./components/DoubleBarSingleLine/DoubleBarSingleLine.jsx";
+export { default as AreaChart } from "./components/AreaChart/AreaChart.jsx";
+export { default as BreakdownPanel } from "./components/BreakdownPanel/BreakdownPanel.jsx";
+export { default as LinkButton } from "./components/LinkButton/LinkButton.jsx";
+export { default as BatteryChart } from "./components/BatteryChart/BatteryChart.jsx";

package/dist/types/utils/CommonFunctions.d.ts

@@ -1,6 +1,6 @@
 export function getCurrencySign(currencyTypeToConvert: any, value: any): string;
 export function getFormattedUnits(num: any): "" | "B" | "M" | "K";
-export function getFormattedValue(num: any): string | null;
+export function getFormattedValue(num: any, decimal?: boolean): string;
 export function formattedValue(num: any): any;
 export function getNumberWithCommas(x: any): any;
 export function isNumericValue(num: any): boolean;

package/dist/types/utils/ComponentFactory.d.ts

@@ -0,0 +1,4 @@
+export default Factory;
+declare function Factory({ componentName }: {
+    componentName: any;
+}): any;

package/dist/types/utils/IconsHandler.d.ts

@@ -1 +1 @@
-export function getIcon(icon: any, iconHeight: any, iconWidth: any, color: any, disabled: any, pointer: any, callBackOnClick: any): import("react/jsx-runtime").JSX.Element | "";
+export function getIcon(icon: any, iconHeight: any, iconWidth: any, color: any, disabled: any, pointer: any, callBackOnClick: any): "" | import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "2.0.0-beta40",
+  "version": "2.0.0-beta42",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -9,10 +9,12 @@
     "dist"
   ],
   "scripts": {
-    "build": "rollup -c",
+    "build": "tsc && rollup -c",
     "start": "vite dev --open",
-    "test": "jest",
+    "test": "jest --env=jsdom",
     "lint": "eslint . --fix",
+    "clean": "rimraf dist",
+    "build:full": "npm run clean && npm run build && npm link",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -42,6 +44,7 @@
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "babel-plugin-react-css-modules": "^5.2.6",
+    "chromatic": "^11.27.0",
     "css-loader": "^6.8.1",
     "eslint": "^8.56.0",
     "eslint-config-google": "^0.14.0",
@@ -53,8 +56,10 @@
     "eslint-plugin-storybook": "^0.11.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "raw-loader": "^4.0.2",
     "react-css-modules": "^4.7.11",
     "react-dom": "^18.3.1",
+    "rimraf": "^6.0.1",
     "rollup": "^2.60.0",
     "rollup-plugin-dts": "4.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.3",
@@ -92,5 +97,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "jest": {
+    "setupFilesAfterEnv": ["<rootDir>/setupTests.js"]
   }
 }

package/dist/App.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("./App.css");
-var _react = _interopRequireDefault(require("react"));
-var _Heatmap = _interopRequireDefault(require("./stories/components/Heatmap"));
-/* eslint-disable no-unused-vars */
-
-function App() {
-  const data1 = [{
-    value: 28.6441,
-    label: 'Homestyle Ranch',
-    color: '#066768'
-  }, {
-    value: 23.4555,
-    label: 'Sweet Potato Sea Salt Crisps',
-    color: '#066768CC'
-  }, {
-    value: 16.4022,
-    label: 'Farmhouse Cheddar Crisps',
-    color: '#066768B2'
-  }, {
-    value: 12.5,
-    label: 'Sweet Potato Sea',
-    color: '#74AAAA'
-  }, {
-    value: 11.1234,
-    label: 'Potato Sea Salt Crisps',
-    color: '#76B4B4'
-  }, {
-    value: 5.2211,
-    label: 'Farmhouse Cheddar Sea Salt Crisps',
-    color: '#229E7B'
-  }, {
-    value: 3.11122,
-    label: 'Farmhouse Homestyle Ranch',
-    color: '#229E38'
-  }];
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      margin: '20px',
-      fontSize: '16px',
-      width: '500px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Heatmap.default, {
-    title: "Sales Split - Low Limit",
-    data: data1,
-    lowLimit: 5,
-    barHeight: "184px"
-  }));
-}
-var _default = exports.default = App;

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/Button.test.js

@@ -1,162 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _Button = _interopRequireDefault(require("./stories/components/Button"));
-require("@testing-library/jest-dom");
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable import/no-unresolved */
-/* eslint-disable no-undef */
-
-test('Button Check text', () => {
-  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "test",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = _react2.screen.getByText(/test/i);
-  expect(buttonElement).toBeInTheDocument();
-});
-test('Button Check type functionality: when "primary" type selected then background color must be specified as "rgb(146, 207, 23)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = container.querySelector('.ButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.getPropertyValue('background-color')).toBe('rgb(146, 207, 23)');
-});
-test('Button Check type functionality: when "secondary" type selected then background color must be specified as  "rgb(232, 245, 235)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "secondary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = container.querySelector('.ButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.getPropertyValue('background-color')).toBe('rgb(232, 245, 235)');
-});
-test('Button Check disabled functionality: when disabled prop is true, button textColor should be "rgb(177, 177, 177)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: true,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = container.querySelector('.ButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.getPropertyValue('color')).toBe('rgb(177, 177, 177)');
-});
-test('Button Check leftIcon functionality: when "Filter"  icons is specified as the leftIcon  props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-});
-test('Button Check rightIcon functionality: when "Exit" icons is specified as the rightIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-test('Button Check leftIcon and rightIcon functionality: when "Filter" and "Exit" icons is specified as the leftIcon and rightIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-test('Button Check small/medium functionality: when "small" the height must be "33px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const elementButtonContainer = container.querySelector('.ButtonContainer');
-  expect(elementButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementButtonContainer);
-  expect(computedStyle.height).toBe('33px');
-});
-test('Button Check small/medium functionality: when "medium" the height must be "45px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "medium",
-    disabled: false
-  }));
-  const elementButtonContainer = container.querySelector('.ButtonContainer');
-  expect(elementButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementButtonContainer);
-  expect(computedStyle.height).toBe('45px');
-});
-test('Button Check specific height and width functionality: when height = 100px and width = 200px it should override  small/medium functionality ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    height: "100px",
-    width: "200px"
-  }));
-  const elementButtonContainer = container.querySelector('.ButtonContainer');
-  expect(elementButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementButtonContainer);
-  expect(computedStyle.height).toBe('100px');
-  expect(computedStyle.width).toBe('200px');
-});

package/dist/LinkButton.test.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _LinkButton = _interopRequireDefault(require("./stories/components/LinkButton"));
-require("@testing-library/jest-dom");
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable import/no-unresolved */
-/* eslint-disable no-undef */
-
-test('LinkButton Check text', () => {
-  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "test",
-    type: "secondary",
-    size: "small",
-    disabled: false
-  }));
-  const buttonElement = _react2.screen.getByText(/test/i);
-  expect(buttonElement).toBeInTheDocument();
-});
-test('LinkButton Check type functionality: when "primary" type selected then text color must be specified as "rgb(146, 207, 23)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false
-  }));
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(34, 158, 56)');
-});
-test('LinkButton Check type functionality: when "secondary" type selected then background color must be specified as  "rgb(232, 245, 235)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "secondary",
-    size: "small",
-    disabled: false
-  }));
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(33, 33, 33)');
-});
-test('LinkButton Check disabled functionality: when disabled prop is true, button textColor should be "rgb(177, 177, 177)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: true
-  }));
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(177, 177, 177)');
-});
-test('LinkButton Check leftIcon and rightIcon functionality: when "Filter" and "Exit" icons is specified as the leftIcon and rightIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-test('LinkButton Check rightIcon functionality: when "Exit" icons is specified as the rightIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    rightIcon: "Exit"
-  }));
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-test('LinkButton Check leftIcon  functionality: when "Filter" icons is specified as the leftIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-});
-test('LinkButton Check small/medium functionality: when "small" the font-size must be "14px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false
-  }));
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonItem');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.fontSize).toBe('14px');
-});
-test('LinkButton Check small/medium functionality: when "medium" the font-size must be "16px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "medium",
-    disabled: false
-  }));
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonItem');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.fontSize).toBe('16px');
-});
-test('LinkButton Check specific height and width functionality: when height = 100px and width = 200px it should override  small/medium functionality ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    height: "100px",
-    width: "200px"
-  }));
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonContainer');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.height).toBe('100px');
-  expect(computedStyle.width).toBe('200px');
-});