@hyphen/hyphen-components 6.2.2 → 6.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +1 -0
- package/dist/css/index.css +1 -1
- package/dist/hyphen-components.cjs.development.js +5 -4
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +5 -4
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.module.scss +32 -0
- package/src/components/Button/Button.stories.tsx +33 -11
- package/src/components/Button/Button.tsx +12 -4
- package/src/components/ResponsiveProvider/ResponsiveProvider.test.tsx +18 -0
- package/src/components/ResponsiveProvider/ResponsiveProvider.tsx +4 -1
|
@@ -738,7 +738,7 @@ var Spinner = function Spinner(_ref) {
|
|
|
738
738
|
}))));
|
|
739
739
|
};
|
|
740
740
|
|
|
741
|
-
var styles$w = {"button":"Button-module_button__18Bed","size-sm":"Button-module_size-sm__6Xrjw","size-md":"Button-module_size-md__BkuGu","size-lg":"Button-module_size-lg__JVYWV","primary":"Button-module_primary__st6yY","secondary":"Button-module_secondary__j-3rj","tertiary":"Button-module_tertiary__Nd7xM","danger":"Button-module_danger__Hxs5n","size-sm-tablet":"Button-module_size-sm-tablet__9XaSx","size-md-tablet":"Button-module_size-md-tablet__YQxaI","size-lg-tablet":"Button-module_size-lg-tablet__h3l97","size-sm-desktop":"Button-module_size-sm-desktop__8tTsg","size-md-desktop":"Button-module_size-md-desktop__OCdDi","size-lg-desktop":"Button-module_size-lg-desktop__uFc4f","size-sm-hd":"Button-module_size-sm-hd__INFfD","size-md-hd":"Button-module_size-md-hd__8e2mW","size-lg-hd":"Button-module_size-lg-hd__DH60l","loading":"Button-module_loading__QfItr","label":"Button-module_label__1PsXG","full-width":"Button-module_full-width__qDri6","spinner-wrapper":"Button-module_spinner-wrapper__rALNw"};
|
|
741
|
+
var styles$w = {"button":"Button-module_button__18Bed","size-sm":"Button-module_size-sm__6Xrjw","size-md":"Button-module_size-md__BkuGu","size-lg":"Button-module_size-lg__JVYWV","primary":"Button-module_primary__st6yY","secondary":"Button-module_secondary__j-3rj","tertiary":"Button-module_tertiary__Nd7xM","danger":"Button-module_danger__Hxs5n","link":"Button-module_link__MzvJO","size-sm-tablet":"Button-module_size-sm-tablet__9XaSx","size-md-tablet":"Button-module_size-md-tablet__YQxaI","size-lg-tablet":"Button-module_size-lg-tablet__h3l97","size-sm-desktop":"Button-module_size-sm-desktop__8tTsg","size-md-desktop":"Button-module_size-md-desktop__OCdDi","size-lg-desktop":"Button-module_size-lg-desktop__uFc4f","size-sm-hd":"Button-module_size-sm-hd__INFfD","size-md-hd":"Button-module_size-md-hd__8e2mW","size-lg-hd":"Button-module_size-lg-hd__DH60l","loading":"Button-module_loading__QfItr","label":"Button-module_label__1PsXG","full-width":"Button-module_full-width__qDri6","spinner-wrapper":"Button-module_spinner-wrapper__rALNw"};
|
|
742
742
|
|
|
743
743
|
var _excluded$M = ["asChild", "children", "className", "fullWidth", "iconPrefix", "iconSuffix", "isDisabled", "isLoading", "onClick", "onBlur", "onFocus", "shadow", "size", "type", "variant"];
|
|
744
744
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
@@ -763,9 +763,9 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
763
763
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
764
764
|
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$M);
|
|
765
765
|
var disabled = isLoading || isDisabled;
|
|
766
|
-
var responsiveClasses = generateResponsiveClasses('size', size).map(function (c) {
|
|
766
|
+
var responsiveClasses = variant !== 'link' ? generateResponsiveClasses('size', size).map(function (c) {
|
|
767
767
|
return styles$w[c];
|
|
768
|
-
}).filter(Boolean);
|
|
768
|
+
}).filter(Boolean) : [];
|
|
769
769
|
var buttonClasses = classNames('hyphen-components__variables__form-control', styles$w.button, className, responsiveClasses, generateResponsiveClasses('shadow', shadow), (_classNames = {}, _classNames[styles$w.loading] = isLoading, _classNames[styles$w[variant]] = variant, _classNames[styles$w['full-width']] = fullWidth, _classNames));
|
|
770
770
|
var handleClick = !disabled ? onClick : undefined;
|
|
771
771
|
var handleBlur = !disabled ? onBlur : undefined;
|
|
@@ -1550,7 +1550,8 @@ var ResponsiveProvider = function ResponsiveProvider(_ref) {
|
|
|
1550
1550
|
};
|
|
1551
1551
|
window.addEventListener('resize', throttledResize);
|
|
1552
1552
|
return function () {
|
|
1553
|
-
|
|
1553
|
+
window.removeEventListener('resize', throttledResize);
|
|
1554
|
+
clearTimeout(timeoutId);
|
|
1554
1555
|
};
|
|
1555
1556
|
}
|
|
1556
1557
|
}, [throttle]);
|