@zohodesk/components 1.0.0-temp-219.2 → 1.0.0-temp-226

package/es/v1/Textarea/Textarea.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Textarea/Textarea.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../Textarea/Textarea.module.css';
 export default function Textarea(props) {
   let {
     size,

package/es/v1/Tooltip/Tooltip.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { getLibraryConfig } from "../../Provider/Config";
-import ResizeObserver from "../../Responsive/ResizeObserver";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getLibraryConfig } from '../../Provider/Config';
+import ResizeObserver from '../../Responsive/ResizeObserver';
 import selectn from 'selectn';
-import { whiteSpaceClassMapping } from "../../utils/cssUtils";
-import style from "../../Tooltip/Tooltip.module.css";
+import { whiteSpaceClassMapping } from '../../utils/cssUtils';
+import style from '../../Tooltip/Tooltip.module.css';
 export default class Tooltip extends React.Component {
   constructor(props) {
     super(props);

package/es/v1/Typography/Typography.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import cssJSLogic from "./css/cssJSLogic";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import cssJSLogic from './css/cssJSLogic';
 import { mergeStyle } from '@zohodesk/utils';
-import defaultStyle from "./css/v1_Typography.module.css";
+import defaultStyle from './css/v1_Typography.module.css';
 
 const Typography = props => {
   const {

package/es/v1/Typography/css/cssJSLogic.js

@@ -1,5 +1,5 @@
 import { compileClassNames } from '@zohodesk/utils';
-import { letterspacingMapping, lineheightMapping } from "../utils";
+import { letterspacingMapping, lineheightMapping } from '../utils';
 export default function cssJSLogic(_ref) {
   let {
     props,

package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 export default function VelocityAnimation(props) {
   let {
     children,

package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 
 function clearProps(props) {
   let newProps = Object.assign({}, props);

package/es/v1/semantic/Button/Button.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../../semantic/Button/semanticButton.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../../semantic/Button/semanticButton.module.css';
 export default function Button(props) {
   const {
     value,

package/es/v1/semantic/index.js

@@ -1 +1 @@
-export { default as SemanticButton } from "./Button/Button";
+export { default as SemanticButton } from './Button/Button';

package/lib/Button/Button.js

@@ -26,8 +26,6 @@ Button text and children props?
 use children for both cases
 toLowerCase check needed?
 */
-
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
 function Button(props) {
   var text = props.text,
       disabled = props.disabled,

package/lib/Button/__tests__/Button.spec.js

@@ -6,8 +6,15 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _react2 = require("@testing-library/react");
 
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+require("@testing-library/jest-dom");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+afterEach(function () {
+  (0, _react2.cleanup)();
+});
 describe('Button component', function () {
   test('Should be render with the basic set of default props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], null)),
@@ -113,4 +120,137 @@ describe('Button component', function () {
   //     const { asFragment } = render(<Button customStyle={{$medium: "buttonMedium"}} />);
   //     expect(asFragment()).toMatchSnapshot();
   // });
+});
+describe('Button - Unit Testing', function () {
+  test('Should render with text prop', function () {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      text: "Click Me"
+    })),
+        getByText = _render12.getByText;
+
+    expect(getByText('Click Me')).toBeInTheDocument();
+  });
+  test('Should render with children prop', function () {
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Click Me")),
+        getByText = _render13.getByText;
+
+    expect(getByText('Click Me')).toBeInTheDocument();
+  });
+  test('Should apply custom styles from customStyle prop', function () {
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      customStyle: {
+        bold: 'customBoldClass'
+      }
+    })),
+        getByRole = _render14.getByRole; // expect(getByRole('button').getAttribute('class')).toContain('customBoldClass');
+
+
+    expect(getByRole('button')).toHaveClass('customBoldClass');
+  });
+  test('Should apply custom classes from customClass prop', function () {
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      customClass: {
+        customButton: 'customButtonClass'
+      }
+    })),
+        getByRole = _render15.getByRole;
+
+    expect(getByRole('button')).toHaveClass('customButtonClass');
+  });
+  test('Should be disabled when disabled prop is true', function () {
+    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      disabled: true
+    })),
+        getByRole = _render16.getByRole;
+
+    expect(getByRole('button')).toBeDisabled();
+  });
+  test('Should expose element with getRef prop', function () {
+    var getRef = jest.fn();
+
+    var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      getRef: getRef
+    })),
+        getByRole = _render17.getByRole;
+
+    expect(getRef).toHaveBeenCalledWith(getByRole('button'));
+  });
+  test('Should trigger onClick function', function () {
+    var onClick = jest.fn();
+
+    var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      onClick: onClick
+    })),
+        getByRole = _render18.getByRole; // fireEvent.click(getByRole('button'));
+
+
+    _userEvent["default"].click(getByRole('button'));
+
+    expect(onClick).toHaveBeenCalled();
+  });
+  test('Should not trigger onClick when disabled', function () {
+    var onClick = jest.fn();
+
+    var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      disabled: true,
+      onClick: onClick
+    })),
+        getByRole = _render19.getByRole;
+
+    _userEvent["default"].click(getByRole('button'));
+
+    expect(onClick).not.toHaveBeenCalled();
+  });
+  test('Should render with correct data-id attribute', function () {
+    var _render20 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      dataId: "testButton"
+    })),
+        getByRole = _render20.getByRole;
+
+    expect(getByRole('button')).toHaveAttribute('data-id', 'testButton');
+  });
+  test('Should render with correct data-selector-id attribute', function () {
+    var _render21 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      dataSelectorId: "testSelector"
+    })),
+        getByRole = _render21.getByRole;
+
+    expect(getByRole('button')).toHaveAttribute('data-selector-id', 'testSelector');
+  });
+  test('Should render with correct title attribute', function () {
+    var _render22 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      title: "Test Title"
+    })),
+        getByRole = _render22.getByRole;
+
+    expect(getByRole('button')).toHaveAttribute('data-title', 'Test Title');
+  });
+  test('Should render with correct id attribute', function () {
+    var _render23 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      id: "buttonElement"
+    })),
+        getByRole = _render23.getByRole;
+
+    expect(getByRole('button')).toHaveAttribute('id', 'buttonElement');
+  });
+  test('Should apply a11y props correctly', function () {
+    var _render24 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      a11y: {
+        'aria-label': 'test'
+      }
+    })),
+        getByRole = _render24.getByRole;
+
+    expect(getByRole('button')).toHaveAttribute('aria-label', 'test');
+  });
+  test('Should apply customProps correctly', function () {
+    var _render25 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      customProps: {
+        'data-custom-attr': 'true'
+      }
+    })),
+        getByRole = _render25.getByRole;
+
+    expect(getByRole('button')).toHaveAttribute('data-custom-attr', 'true');
+  });
 });

package/lib/Button/css/Button.module.css

@@ -39,7 +39,6 @@
 }
 
 .native:disabled {
-  pointer-events: none;
   --button_cursor: not-allowed;
   --button_opacity: 0.4;
 }
@@ -144,7 +143,7 @@
   --button_text_color: var(--zdt_button_default_text);
 }
 
-.plainprimary:hover {
+.plainprimary:not(:disabled):hover {
   --button_text_color: var(--zdt_button_plainprimary_hover_text);
 }
 
@@ -152,7 +151,7 @@
   --button_text_color: var(--zdt_button_danger_text);
 }
 
-.plaindanger:hover {
+.plaindanger:not(:disabled):hover {
   --button_text_color: var(--zdt_button_danger_hover_text);
 }
 
@@ -160,7 +159,7 @@
   --button_text_color: var(--zdt_button_success_text);
 }
 
-.plainsuccess:hover {
+.plainsuccess:not(:disabled):hover {
   --button_text_color: var(--zdt_button_success_hover_text);
 }
 
@@ -168,7 +167,7 @@
   --button_text_color: var(--zdt_button_secondary_text);
 }
 
-.plainsecondary:hover {
+.plainsecondary:not(:disabled):hover {
   --button_text_color: var(--zdt_button_secondary_hover_text);
 }
 
@@ -184,7 +183,7 @@
   --button_border_width: 1px;
 }
 
-.primary:hover {
+.primary:not(:disabled):hover {
   --button_border_color: var(--zdt_button_primary_hover_border);
   --button_text_color: var(--zdt_button_primary_hover_text);
 }
@@ -195,7 +194,7 @@
   --button_text_color: var(--zdt_button_primaryfill_text);
 }
 
-.primaryfilled:hover {
+.primaryfilled:not(:disabled):hover {
   --button_bg_color: var(--zdt_button_primaryfill_hover_bg);
 }
 
@@ -205,7 +204,7 @@
   --button_text_color: var(--zdt_button_danger_text);
 }
 
-.danger:hover {
+.danger:not(:disabled):hover {
   --button_border_color: var(--zdt_button_danger_hover_border);
   --button_text_color: var(--zdt_button_danger_hover_text);
 }
@@ -216,7 +215,7 @@
   --button_text_color: var(--zdt_button_success_text);
 }
 
-.success:hover {
+.success:not(:disabled):hover {
   --button_border_color: var(--zdt_button_success_hover_border);
   --button_text_color: var(--zdt_button_success_hover_text);
 }
@@ -227,7 +226,7 @@
   --button_text_color: var(--zdt_button_dangerfill_text);
 }
 
-.dangerfilled:hover {
+.dangerfilled:not(:disabled):hover {
   --button_bg_color: var(--zdt_button_dangerfill_hover_bg);
 }
 
@@ -237,7 +236,7 @@
   --button_text_color: var(--zdt_button_secondary_text);
 }
 
-.secondary:hover {
+.secondary:not(:disabled):hover {
   --button_border_color: var(--zdt_button_secondary_hover_border);
   --button_text_color: var(--zdt_button_secondary_hover_text);
 }
@@ -248,7 +247,7 @@
   --button_text_color: var(--zdt_button_secondary_text);
 }
 
-.secondaryfilled:hover {
+.secondaryfilled:not(:disabled):hover {
   --button_text_color: var(--zdt_button_secondary_hover_text);
 }
 
@@ -258,7 +257,7 @@
   --button_text_color: var(--zdt_button_dangerfill_text);
 }
 
-.successfilled:hover {
+.successfilled:not(:disabled):hover {
   --button_border_color: var(--zdt_button_successfill_hover_border);
   --button_bg_color: var(--zdt_button_successfill_hover_bg);
 }
@@ -269,7 +268,7 @@
   --button_text_color: var(--zdt_button_dangerfill_text);
 }
 
-.tertiaryfilled:hover {
+.tertiaryfilled:not(:disabled):hover {
   --button_bg_color: var(--zdt_button_tertiaryfill_hover_bg);
 }
 
@@ -572,4 +571,41 @@
 
 .loader {
   color: var(--dot_mirror)
+}
+
+[dir=ltr] .strike {
+  background-image: repeating-linear-gradient(120deg, var(--button_strike_color), var(--button_strike_color) 1px, var(--button_bg_color) 0px, var(--button_bg_color) 8px);
+}
+
+[dir=rtl] .strike {
+  background-image: repeating-linear-gradient(-120deg, var(--button_strike_color), var(--button_strike_color) 1px, var(--button_bg_color) 0px, var(--button_bg_color) 8px);
+}
+.primaryStrike {
+  --button_strike_color: var(--zdt_button_primary_strike);
+}
+.primaryfilledStrike {
+  --button_strike_color: var(--zdt_button_primaryFilled_strike);
+  --button_border_color: var(--zdt_button_primaryfill_bg);
+}
+.dangerStrike {
+  --button_strike_color: var(--zdt_button_danger_strike);
+}
+.dangerfilledStrike {
+  --button_strike_color: var(--zdt_button_dangerFilled_strike);
+  --button_border_color: var(--zdt_button_dangerfill_bg);
+}
+.secondaryStrike {
+  --button_strike_color: var(--zdt_button_secondary_border);
+}
+.secondaryfilledStrike {
+  --button_strike_color: var(--zdt_button_secondaryFilled_strike);
+  --button_border_color: var(--zdt_button_secondaryfill_bg);
+}
+.tertiaryfilledStrike {
+  --button_strike_color: var(--zdt_button_tertiaryFilled_strike);
+  --button_border_color: var(--zdt_button_tertiaryfill_bg);
+}
+.successfilledStrike {
+  --button_strike_color: var(--zdt_button_successFilled_strike);
+  --button_border_color: var(--zdt_button_successfill_bg);
 }

package/lib/Button/css/cssJSLogic.js

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = cssJSLogic;
 
+var _react = require("react");
+
 var _utils = require("@zohodesk/utils");
 
+var _LibraryContextInit = _interopRequireDefault(require("../../Provider/LibraryContextInit"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function cssJSLogic(_ref) {
@@ -21,16 +27,23 @@ function cssJSLogic(_ref) {
       size = props.size,
       children = props.children,
       palette = props.palette,
-      status = props.status;
+      status = props.status,
+      disabled = props.disabled;
   var _customClass$customBu = customClass.customButton,
       customButton = _customClass$customBu === void 0 ? '' : _customClass$customBu,
       _customClass$customSt = customClass.customStatus,
       customStatus = _customClass$customSt === void 0 ? '' : _customClass$customSt,
       _customClass$customSt2 = customClass.customStatusSize,
       customStatusSize = _customClass$customSt2 === void 0 ? '' : _customClass$customSt2;
+
+  var _useContext = (0, _react.useContext)(_LibraryContextInit["default"]),
+      shouldStrikeThroughDisabledButton = _useContext.shouldStrikeThroughDisabledButton;
+
+  var strikeExcludedPalettes = ['plainprimary', 'plainsecondary'];
   var paletteLower = palette.toLowerCase();
   var statusLower = status.toLowerCase();
-  var buttonClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, customButton, !!customButton), _defineProperty(_compileClassNames, style.bold, isBold), _defineProperty(_compileClassNames, style["default"], !needAppearance), _defineProperty(_compileClassNames, style[paletteLower], needAppearance), _defineProperty(_compileClassNames, style.rounded, needAppearance && rounded), _defineProperty(_compileClassNames, style[size.toLowerCase()], needAppearance && !children), _defineProperty(_compileClassNames, style["".concat(size, "Btn")], needAppearance && children), _defineProperty(_compileClassNames, style["".concat(size, "Btn").concat(paletteLower)], needAppearance && children && rounded), _defineProperty(_compileClassNames, style.loader, !!needAppearance && statusLower !== 'none'), _compileClassNames));
+  var canStrikeThrough = !strikeExcludedPalettes.includes(paletteLower);
+  var buttonClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, customButton, !!customButton), _defineProperty(_compileClassNames, style.bold, isBold), _defineProperty(_compileClassNames, style["default"], !needAppearance), _defineProperty(_compileClassNames, style[paletteLower], needAppearance), _defineProperty(_compileClassNames, style.rounded, needAppearance && rounded), _defineProperty(_compileClassNames, style[size.toLowerCase()], needAppearance && !children), _defineProperty(_compileClassNames, style["".concat(size, "Btn")], needAppearance && children), _defineProperty(_compileClassNames, style["".concat(size, "Btn").concat(paletteLower)], needAppearance && children && rounded), _defineProperty(_compileClassNames, "".concat(style["".concat(paletteLower, "Strike")], " ").concat(style.strike), disabled && canStrikeThrough && shouldStrikeThroughDisabledButton), _defineProperty(_compileClassNames, style.loader, !!needAppearance && statusLower !== 'none'), _compileClassNames));
   var loaderParentClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, customStatusSize, !!customStatusSize), _defineProperty(_compileClassNames2, style.loading, statusLower === 'loading'), _defineProperty(_compileClassNames2, style["".concat(size, "loading")], statusLower === 'loading'), _defineProperty(_compileClassNames2, style.successstate, statusLower != 'loading'), _compileClassNames2));
   var loaderChildClass = (0, _utils.compileClassNames)((_compileClassNames3 = {}, _defineProperty(_compileClassNames3, customStatus, !!customStatus), _defineProperty(_compileClassNames3, style.loadingelement, statusLower === 'loading'), _defineProperty(_compileClassNames3, style["".concat(paletteLower, "element")], statusLower === 'loading'), _defineProperty(_compileClassNames3, style.successelement, statusLower != 'loading'), _defineProperty(_compileClassNames3, style["".concat(paletteLower, "success")], statusLower != 'loading'), _compileClassNames3));
   return {

package/lib/CheckBox/CheckBox.js

@@ -13,8 +13,6 @@ var _propTypes = require("./props/propTypes");
 
 var _defaultProps = require("./props/defaultProps");
 
-var _ComponentRegistry = require("@zohodesk/dotkit/es/react/ComponentRegistry");
-
 var _Label = _interopRequireDefault(require("../Label/Label"));
 
 var _Layout = require("../Layout");
@@ -215,16 +213,11 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
   return CheckBox;
 }(_react["default"].Component);
 
+exports["default"] = CheckBox;
 CheckBox.defaultProps = _defaultProps.defaultProps;
 CheckBox.propTypes = _propTypes.propTypes; // if (__DOCS__) {
 //   CheckBox.docs = {
 //     componentGroup: 'Form Elements',
 //     folderName: 'Style Guide'
 //   };
-// }
-
-var _default = (0, _ComponentRegistry.ComponentRegisterer)(CheckBox, {
-  name: 'ZDC_CheckBox'
-});
-
-exports["default"] = _default;
+// }

package/lib/DateTime/__tests__/YearView.spec.js

@@ -11,8 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 describe('YearView', function () {
   test('rendering the defult props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_YearView["default"], null)),
-        asFragment = _render.asFragment;
+        asFragment = _render.asFragment; // expect(asFragment()).toMatchSnapshot();
 
-    expect(asFragment()).toMatchSnapshot();
   });
 });

package/lib/Label/Label.js

@@ -13,8 +13,6 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _ComponentRegistry = require("@zohodesk/dotkit/es/react/ComponentRegistry");
-
 var _LabelModule = _interopRequireDefault(require("./Label.module.css"));
 
 var _LabelColorsModule = _interopRequireDefault(require("./LabelColors.module.css"));
@@ -89,16 +87,11 @@ var Label = /*#__PURE__*/function (_React$Component) {
   return Label;
 }(_react["default"].Component);
 
+exports["default"] = Label;
 Label.defaultProps = _defaultProps.defaultProps;
 Label.propTypes = _propTypes.propTypes; // if (__DOCS__) {
 //   Label.docs = {
 //     componentGroup: 'Form Elements',
 //     folderName: 'Style Guide'
 //   };
-// }
-
-var _default = (0, _ComponentRegistry.ComponentRegisterer)(Label, {
-  name: 'ZDC_Label'
-});
-
-exports["default"] = _default;
+// }

package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js

@@ -4,10 +4,18 @@ var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@testing-library/react");
 
+var _IdProvider = require("../../Provider/IdProvider");
+
 var _AdvancedMultiSelect = _interopRequireDefault(require("../AdvancedMultiSelect"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+beforeEach(function () {
+  (0, _IdProvider.setGlobalId)(0);
+});
+afterEach(function () {
+  (0, _react2.cleanup)();
+});
 describe('AdvancedMultiSelect', function () {
   test('rendering the defult props', function () {
     var mockOnChange = jest.fn();

package/lib/Provider/IdProvider.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getUniqueId = getUniqueId;
 exports.removeGlobalIdPrefix = removeGlobalIdPrefix;
+exports.setGlobalId = setGlobalId;
 exports.setGlobalIdPrefix = setGlobalIdPrefix;
 exports.useUniqueId = useUniqueId;
 

package/lib/Provider/LibraryContext.js

@@ -44,13 +44,15 @@ var LibraryContextProvider = function LibraryContextProvider(_ref) {
       direction = _ref.direction,
       coloredTagVariant = _ref.coloredTagVariant,
       hasTagColorInheritedToText = _ref.hasTagColorInheritedToText,
+      shouldStrikeThroughDisabledButton = _ref.shouldStrikeThroughDisabledButton,
       children = _ref.children;
 
   var _useState = (0, _react.useState)({
     isReducedMotion: isReducedMotion,
     direction: direction,
     coloredTagVariant: coloredTagVariant,
-    hasTagColorInheritedToText: hasTagColorInheritedToText
+    hasTagColorInheritedToText: hasTagColorInheritedToText,
+    shouldStrikeThroughDisabledButton: shouldStrikeThroughDisabledButton
   }),
       _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],