@hyphen/hyphen-components 2.17.0 → 2.18.1

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { IconName, ResponsiveProp } from '../../types';
+import { BoxShadowSize, IconName, ResponsiveProp } from '../../types';
 import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, FocusEvent, MouseEvent, ReactNode } from 'react';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger';
 export type ButtonSize = 'sm' | 'md' | 'lg';
@@ -56,6 +56,10 @@ export interface BaseButtonProps {
      * Callback when Button receives focus.
      */
     onFocus?: (event: FocusEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+    /**
+     * The size of the drop shadow applied to the Box
+     */
+    shadow?: BoxShadowSize | ResponsiveProp<BoxShadowSize>;
     /**
      * Specify the tabIndex of the button.
      */

package/dist/components/Button/Button.stories.d.ts

@@ -11,4 +11,5 @@ export declare const Icons: () => React.JSX.Element;
 export declare const IconButton: () => React.JSX.Element;
 export declare const Loading: () => React.JSX.Element;
 export declare const Disabled: () => React.JSX.Element;
+export declare const Shadow: () => React.JSX.Element;
 export declare const Anchor: () => React.JSX.Element;

package/dist/css/index.css

@@ -25,9 +25,9 @@
 .Toggle-module_thumb-size-sm__GeodE{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Toggle-module_thumb-size-md__hZP-v{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Toggle-module_thumb-size-lg__vTfiF{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Toggle-module_track-size-sm__9H8xR{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Toggle-module_track-size-md__7tLlO{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Toggle-module_track-size-lg__9drMt{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}@media (min-width:680px){.Toggle-module_thumb-size-sm-tablet__pbksf{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Toggle-module_thumb-size-md-tablet__-TDJj{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Toggle-module_thumb-size-lg-tablet__Q0isC{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Toggle-module_track-size-sm-tablet__vpDN9{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Toggle-module_track-size-md-tablet__jBAOT{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Toggle-module_track-size-lg-tablet__MLRv2{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}}@media (min-width:992px){.Toggle-module_thumb-size-sm-desktop__8a93z{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Toggle-module_thumb-size-md-desktop__VaAlw{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Toggle-module_thumb-size-lg-desktop__c9vh7{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Toggle-module_track-size-sm-desktop__LqFN-{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Toggle-module_track-size-md-desktop__3ClrR{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Toggle-module_track-size-lg-desktop__ruWSF{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}}@media (min-width:1280px){.Toggle-module_thumb-size-sm-hd__m5Lwq{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Toggle-module_thumb-size-md-hd__4VcAY{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Toggle-module_thumb-size-lg-hd__L-oay{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Toggle-module_track-size-sm-hd__0m-1g{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Toggle-module_track-size-md-hd__S19uj{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Toggle-module_track-size-lg-hd__Go0mj{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}}.Toggle-module_disabled__sxlCk{cursor:not-allowed;opacity:.4}.Toggle-module_toggle-thumb__6hl8Y{background-color:var(--color-base-white);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.45);display:block;transition:transform .25s ease}.Toggle-module_toggle-track__Jv1qD{background-color:var(--toggle-background-color,var(--color-base-grey-200));border-radius:9999em;cursor:pointer;display:block;padding:2px;transition:background-color .25s ease}.Toggle-module_toggle-track__Jv1qD.Toggle-module_error__f1tIX{background-color:var(--toggle-background-color-error,var(--color-base-red-500))}.Toggle-module_toggle-input__sNnss{position:absolute;clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD{background-color:var(--toggle-background-color-checked,var(--color-base-green-500))}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD.Toggle-module_error__f1tIX{background-color:var(--toggle-background-color-error,var(--color-base-red-500))}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-sm__GeodE{transform:translateX(.75rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-md__hZP-v{transform:translateX(1rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-lg__vTfiF{transform:translateX(1.5rem)}@media (min-width:680px){.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-sm-tablet__pbksf{transform:translateX(.5rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-md-tablet__-TDJj{transform:translateX(1rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-lg-tablet__Q0isC{transform:translateX(1.5rem)}}@media (min-width:992px){.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-sm-desktop__8a93z{transform:translateX(.5rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-md-desktop__VaAlw{transform:translateX(1rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-lg-desktop__c9vh7{transform:translateX(1.5rem)}}@media (min-width:1280px){.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-sm-hd__m5Lwq{transform:translateX(.5rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-md-hd__4VcAY{transform:translateX(1rem)}.Toggle-module_toggle-input__sNnss:checked+.Toggle-module_toggle-track__Jv1qD .Toggle-module_toggle-thumb__6hl8Y.Toggle-module_thumb-size-lg-hd__L-oay{transform:translateX(1.5rem)}}.Toggle-module_toggle-input__sNnss:focus+.Toggle-module_toggle-track__Jv1qD{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.Toggle-module_toggle-input__sNnss:focus-visible+.Toggle-module_toggle-track__Jv1qD{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.Toggle-module_toggle-input__sNnss:focus:not(:focus-visible)+.Toggle-module_toggle-track__Jv1qD{box-shadow:none;outline:0}
 .Modal-module_modal-close__1YmMa{background:transparent;border:none;border-radius:var(--size-border-radius-sm);cursor:pointer;line-height:var(--size-line-height-base);padding:var(--size-spacing-xs)}.Modal-module_modal-close__1YmMa,.Modal-module_modal-close__1YmMa:hover{color:var(--color-font-secondary)}.Modal-module_modal-close__1YmMa:focus-visible{box-shadow:var(--modal-close-button-box-shadow-focus,0 0 0 4px var(--color-base-grey-200));outline:0}.Modal-module_modal-close__1YmMa:focus:not(:focus-visible){box-shadow:none;outline:0}.Modal-module_modal__yNG-7{align-items:flex-end;animation:fadeIn .2s;background:rgba(0,0,0,.33);background-color:rgba(0,0,0,.6);bottom:0;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--size-z-index-overlay)}.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{animation:slideInUp .3s;background-color:var(--color-background-primary);border-radius:var(--size-border-radius-md) var(--size-border-radius-md) 0 0;bottom:0;display:flex;flex-direction:column;grid-column:1;grid-row:1;margin:0;padding:0;position:absolute;width:100%;z-index:var(--size-z-index-modal)}@media (min-width:680px){.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{animation:fadeInUp .2s ease-out;border-radius:var(--size-border-radius-md);box-shadow:var(--modal-box-shadow,var(--size-box-shadow-md));grid-column:2;grid-row:2;margin:auto;max-height:calc(100vh - 80px);min-height:unset;outline:none;position:static;width:70vw}}@media (min-width:992px){.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{width:50vw}}.fullscreen .Modal-module_modal-content__GMtBm{border-radius:0;bottom:env(safe-area-inset-bottom,0);left:env(safe-area-inset-left,0);position:fixed;right:env(safe-area-inset-right,0);top:env(safe-area-inset-top,0)}@media (min-width:680px){.fullscreen{align-items:center;display:grid;grid-template-columns:var(--size-spacing-2xl) auto var(--size-spacing-2xl);grid-template-rows:minmax(var(--size-spacing-2xl),1fr) auto minmax(var(--size-spacing-2xl),1fr);overflow:hidden}.fullscreen .Modal-module_modal-content__GMtBm{animation:fadeInUp .2s ease-out;border-radius:var(--size-border-radius-md);box-shadow:var(--size-box-shadow-md);grid-column:2;grid-row:2;margin:auto;max-height:calc(100vh - 80px);min-height:unset;outline:none;position:unset;width:70vw}}@media (min-width:680px) and (min-width:992px){.fullscreen .Modal-module_modal-content__GMtBm{width:50vw}}
 .RangeInput-module_slider__Z6D68{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--color-base-grey-700);border:none;border-radius:2.5rem;height:var(--size-spacing-sm);overflow:visible;padding:0!important}.RangeInput-module_slider__Z6D68::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--color-base-white);border:.125rem solid #0f172a;border-radius:var(--size-percentage-50);cursor:pointer;height:var(--size-spacing-2xl);width:var(--size-spacing-2xl)}.RangeInput-module_disabled__gyu72{cursor:not-allowed;opacity:.5}
-.Table-module_container__BsXT7{position:relative}.Table-module_container__BsXT7 .Table-module_loading-mask__qoRPG{align-items:center;background:hsla(0,0%,100%,.5);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW{background-color:var(--color-background-primary);border-collapse:separate;border-spacing:0;cursor:default;margin-top:1px;white-space:normal;width:100%}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW.Table-module_auto__1R8wm{table-layout:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW.Table-module_fixed__T-EXg{table-layout:fixed}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_borderless__BbsqE{border:none}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs{display:block;-webkit-overflow-scrolling:touch}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs.Table-module_scrollable-x__mguJX{overflow-x:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs.Table-module_scrollable-y__292qB{height:100%;overflow-y:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs>.Table-module_table-bordered__wM9u-{border:0}.Table-module_container__BsXT7.Table-module_full-height__MlrSg{height:100%}
+.Table-module_container__BsXT7{position:relative}.Table-module_container__BsXT7 .Table-module_loading-mask__qoRPG{align-items:center;background:var(--color-background-primary);bottom:0;display:flex;justify-content:center;left:0;opacity:.5;position:absolute;right:0;top:0}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW{background-color:var(--color-background-primary);border-collapse:separate;border-spacing:0;cursor:default;margin-top:1px;white-space:normal;width:100%}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW.Table-module_auto__1R8wm{table-layout:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW.Table-module_fixed__T-EXg{table-layout:fixed}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_borderless__BbsqE{border:none}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs{display:block;-webkit-overflow-scrolling:touch}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs.Table-module_scrollable-x__mguJX{overflow-x:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs.Table-module_scrollable-y__292qB{height:100%;overflow-y:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs>.Table-module_table-bordered__wM9u-{border:0}.Table-module_container__BsXT7.Table-module_full-height__MlrSg{height:100%}
 .TableBody-module_table-body__Y5WbD.TableBody-module_hover__2CRgY tr:hover td,.TableBody-module_table-body__Y5WbD.TableBody-module_hover__2CRgY tr:hover th,.TableBody-module_table-body__Y5WbD.TableBody-module_striped__5MlEr tr:nth-of-type(odd) td,.TableBody-module_table-body__Y5WbD.TableBody-module_striped__5MlEr tr:nth-of-type(odd) th{background-color:var(--color-background-secondary)}
 .TableRow-module_table-row__-Y9FQ.TableRow-module_hoverable__53-l9{background-color:var(--table-row-hover-background)}
 .TableBodyCell-module_table-cell__pKl29{border-bottom-style:solid;border-color:var(--color-border-default);border-width:0 0 var(--size-border-width-sm) 0;color:var(--color-font-base);padding:var(--size-spacing-md) var(--size-spacing-lg)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_borderless__qwKQA{border-width:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_compact__zfdBf{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_truncated__4YtPF{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-left__tKIGW{background-color:var(--color-background-primary);left:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-right__680hS{background-color:var(--color-background-primary);right:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column__QpEbV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) - 1)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-right__j-VqN{text-align:right}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-center__saqzC{text-align:center}
-.TableHeaderCell-module_table-header-cell__aufSm{background-color:var(--color-background-primary);border-bottom-style:solid;border-color:var(--color-border-default);border-width:0 0 var(--size-border-width-sm) 0;color:var(--color-font-primary);font-size:var(--size-font-size-sm);font-weight:var(--size-font-weight-bold);letter-spacing:.05em;padding:var(--size-spacing-md) var(--size-spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sortable__qjrkY{cursor:pointer}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_borderless__uos2k{border-width:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_truncated__wmNfw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_compact__ujtrZ{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-header__PEP9t{position:sticky;top:0;z-index:var(--size-z-index-sticky)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-left__t8qIz{left:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-right__6D8-X{right:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column__g9ybV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) + 1)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-right__Qw0YQ{text-align:right}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-center__1RmCS{text-align:center}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT{white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT .TableHeaderCell-module_sort-icon__SHgic{margin-left:var(--size-spacing-xs)}
+.TableHeaderCell-module_table-header-cell__aufSm{background-color:var(--color-background-primary);border-bottom-style:solid;border-color:var(--color-border-default);border-width:0 0 var(--size-border-width-sm) 0;color:var(--color-font-secondary);font-size:var(--size-font-size-sm);font-weight:var(--size-font-weight-bold);letter-spacing:.05em;padding:var(--size-spacing-md) var(--size-spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sortable__qjrkY{cursor:pointer}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_borderless__uos2k{border-width:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_truncated__wmNfw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_compact__ujtrZ{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-header__PEP9t{position:sticky;top:0;z-index:var(--size-z-index-sticky)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-left__t8qIz{left:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-right__6D8-X{right:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column__g9ybV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) + 1)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-right__Qw0YQ{text-align:right}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-center__1RmCS{text-align:center}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT{white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT .TableHeaderCell-module_sort-icon__SHgic{margin-left:var(--size-spacing-xs)}
 .ToastNotification-module_toast-notification__2xiTW{background-color:var(--color-background-toast);border:1px solid var(--color-border-toast);border-radius:var(--size-border-radius-lg);box-shadow:var(--size-box-shadow-md);color:var(--color-font-toast);font-size:var(--size-font-size-sm);pointer-events:auto;will-change:transform}.ToastNotification-module_toast-error__4ArAY{background-color:var(--color-background-toast-error);border-color:var(--color-border-toast-error);color:var(--color-font-white)}.ToastNotification-module_toast-error__4ArAY .ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-white)}.ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-toast)}.ToastNotification-module_toast-notification-enter-top__ZZDCr{animation:enterTop .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-top__fOIkZ{animation:exitTop .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-enter-bottom__So3w7{animation:enterBottom .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-bottom__DDthi{animation:exitBottom .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-left__Fh1hC{animation:exitLeft .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-right__C1jQ9{animation:exitRight .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-fade-in__JlSGi{animation:fadeIn .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-fade-out__r6q4Q{animation:fadeOut .3s cubic-bezier(.06,.71,.55,1) forwards}

package/dist/hyphen-components.cjs.development.js

@@ -754,9 +754,9 @@ var handleReactRouterClick = function handleReactRouterClick(event, onClick, tar
 
 var styles$s = {"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"};
 
-var _excluded$F = ["children", "as", "className", "fullWidth", "id", "href", "iconPrefix", "iconSuffix", "isDisabled", "isLoading", "navigate", "onClick", "onFocus", "onBlur", "tabIndex", "target", "type", "size", "variant"];
+var _excluded$F = ["children", "as", "className", "fullWidth", "id", "href", "iconPrefix", "iconSuffix", "isDisabled", "isLoading", "navigate", "onClick", "onFocus", "onBlur", "shadow", "size", "tabIndex", "target", "type", "variant"];
 var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _classNames;
+  var _classNames, _extends2;
   var _ref$children = _ref.children,
     children = _ref$children === void 0 ? undefined : _ref$children,
     _ref$as = _ref.as,
@@ -785,14 +785,16 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onFocus = _ref$onFocus === void 0 ? undefined : _ref$onFocus,
     _ref$onBlur = _ref.onBlur,
     onBlur = _ref$onBlur === void 0 ? undefined : _ref$onBlur,
+    _ref$shadow = _ref.shadow,
+    shadow = _ref$shadow === void 0 ? undefined : _ref$shadow,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
     _ref$tabIndex = _ref.tabIndex,
     tabIndex = _ref$tabIndex === void 0 ? undefined : _ref$tabIndex,
     _ref$target = _ref.target,
     target = _ref$target === void 0 ? undefined : _ref$target,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? undefined : _ref$type,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded$F);
@@ -800,7 +802,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var responsiveClasses = generateResponsiveClasses('size', size).map(function (c) {
     return styles$s[c];
   });
-  var buttonClasses = classNames('hyphen-components__variables__form-control', styles$s.button, className, responsiveClasses, (_classNames = {}, _classNames[styles$s.loading] = isLoading, _classNames[styles$s[variant]] = variant, _classNames[styles$s['full-width']] = fullWidth, _classNames));
+  var buttonClasses = classNames('hyphen-components__variables__form-control', styles$s.button, className, responsiveClasses, generateResponsiveClasses('shadow', shadow), (_classNames = {}, _classNames[styles$s.loading] = isLoading, _classNames[styles$s[variant]] = variant, _classNames[styles$s['full-width']] = fullWidth, _classNames));
   var handleClick = handleReactRouterClick;
   var handleFocus = function handleFocus(event) {
     if (onFocus) onFocus(event);
@@ -844,21 +846,9 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var buttonElement = getElementType(Button, {
     as: as
   });
-  return React.createElement(buttonElement, _extends({
-    id: id,
-    href: href,
-    className: buttonClasses,
-    disabled: disabled,
-    target: as === 'a' && href ? target : null,
-    onBlur: handleBlur,
-    onClick: function onClick(event) {
-      return handleClick(event, _onClick, target, navigate);
-    },
-    onFocus: handleFocus,
-    ref: ref,
-    type: type || (as !== 'a' && !href ? 'button' : undefined),
-    tabIndex: tabIndex
-  }, restProps), buttonContent);
+  return React.createElement(buttonElement, _extends((_extends2 = {}, _extends2['aria-disabled'] = disabled, _extends2.id = id, _extends2.href = href, _extends2.className = buttonClasses, _extends2.disabled = disabled, _extends2.target = as === 'a' && href ? target : null, _extends2.rel = as === 'a' && href && target === '_blank' ? 'noopener noreferrer' : null, _extends2.onBlur = handleBlur, _extends2.onClick = function onClick(event) {
+    return handleClick(event, _onClick, target, navigate);
+  }, _extends2.onFocus = handleFocus, _extends2.ref = ref, _extends2.type = type || (as !== 'a' && !href ? 'button' : undefined), _extends2.tabIndex = tabIndex, _extends2), restProps), buttonContent);
 });
 
 var _excluded$E = ["background", "borderColor", "borderWidth", "children", "display", "padding"];