@hyphen/hyphen-components 5.7.0 → 5.7.2
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/css/index.css +2 -2
- package/dist/css/utilities.css +13 -1
- package/dist/css/variables.css +6 -2
- package/dist/hyphen-components.cjs.development.js +2 -1
- 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 +2 -1
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/lib/tokens.d.ts +2 -2
- package/package.json +3 -3
- package/src/components/Alert/Alert.module.scss +1 -1
- package/src/components/Alert/Alert.tsx +1 -0
- package/src/components/Button/Button.stories.tsx +5 -3
- package/src/components/CheckboxInput/CheckboxInput.stories.tsx +5 -5
- package/src/components/CheckboxInput/components/Checkbox.module.scss +6 -3
package/dist/css/index.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.Box-module_box-transition__eQx8C{transition-duration:.2s;transition-property:background-color,border,box-shadow,color,font-size,border-width,border-color,border-top-width,border-right-width,border-bottom-width,border-left-width;transition-timing-function:cubic-bezier(.67,.83,.67)}
|
|
2
|
-
.Alert-module_alert__zP4AL{border-style:solid;border-width:var(--size-border-width-sm);box-shadow:var(--size-box-shadow-0);font-family:var(--assets-font-family-body)}.Alert-module_alert__zP4AL .Alert-module_close-icon__zs4Xk>button{background:none;border:0;color:
|
|
2
|
+
.Alert-module_alert__zP4AL{border-style:solid;border-width:var(--size-border-width-sm);box-shadow:var(--size-box-shadow-0);font-family:var(--assets-font-family-body)}.Alert-module_alert__zP4AL .Alert-module_close-icon__zs4Xk>button{background:none;border:0;color:var(--color-base-grey-600);cursor:pointer;font:inherit;padding:0}.Alert-module_alert__zP4AL .Alert-module_close-icon__zs4Xk>button:hover{color:var(--color-base-grey-600)}.Alert-module_alert-heading__VguTk{line-height:var(--size-line-height-heading)}.Alert-module_alert__default__-pcBw{background:var(--color-base-grey-100);border-color:var(--color-base-grey-200);color:var(--color-base-grey-500)}.Alert-module_alert__info__UZeOd{background:var(--color-base-blue-50);border-color:var(--color-base-blue-200);color:var(--color-base-grey-500)}.Alert-module_alert__success__o2IHF{background:var(--color-base-green-50);border-color:var(--color-base-green-200);color:var(--color-base-grey-500)}.Alert-module_alert__warning__lzTY-{background:var(--alert-warning-background-color,var(--color-base-yellow-50));border-color:var(--color-base-yellow-200);color:var(--color-base-grey-500)}.Alert-module_alert__danger__M-XFh{background:var(--color-base-red-50);border-color:var(--color-base-red-200);color:var(--color-base-grey-500)}.Alert-module_alert__icon__default__cCx9C{color:var(--color-base-grey-600)}.Alert-module_alert__icon__info__2W0Bi{color:var(--color-base-blue-500)}.Alert-module_alert__icon__success__NBCDO{color:var(--color-base-green-500)}.Alert-module_alert__icon__warning__nY4hy{color:var(--color-base-yellow-500)}.Alert-module_alert__icon__danger__NcOrf{color:var(--color-base-red-500)}
|
|
3
3
|
.Badge-module_badge__ZbEBU.Badge-module_size-sm__rL8a6,.Badge-module_size-sm__rL8a6{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md__kf6IH,.Badge-module_size-md__kf6IH{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg__of6XJ,.Badge-module_size-lg__of6XJ{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}.Badge-module_badge__ZbEBU{border-style:solid;border-width:var(--size-border-width-sm);font-weight:var(--size-font-weight-semibold);line-height:var(--size-line-height-base)}.Badge-module_badge__ZbEBU.Badge-module_inverse__qZCFA{background-color:var(--color-background-inverse);border-color:var(--color-background-inverse);color:var(--color-font-inverse)}.Badge-module_badge__ZbEBU.Badge-module_purple__rX-xW{background-color:var(--color-base-purple-500);border-color:var(--color-base-purple-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_green__W03uU{background-color:var(--color-base-green-500);border-color:var(--color-base-green-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_red__fl2jg{background-color:var(--color-base-red-500);border-color:var(--color-base-red-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_blue__C7kyV{background-color:var(--color-base-blue-500);border-color:var(--color-base-blue-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_yellow__gGZ6R{background-color:var(--color-base-yellow-400);border-color:var(--color-base-yellow-500);color:var(--color-base-black)}.Badge-module_badge__ZbEBU.Badge-module_light-grey__Wtrhx{background-color:var(--color-base-grey-200);border-color:var(--color-base-grey-200);color:var(--color-base-grey-600)}.Badge-module_badge__ZbEBU.Badge-module_dark-grey__X-807{background-color:var(--color-base-grey-400);border-color:var(--color-base-grey-400);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_hyphen__9pe7x{background:var(--color-background-brand-gradient);border-color:var(--color-base-yellow-500);color:var(--color-base-white)}@media (min-width:680px){.Badge-module_badge__ZbEBU.Badge-module_size-sm-tablet__6xMVk{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md-tablet__4w-7I{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg-tablet__8xyRF{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}}@media (min-width:992px){.Badge-module_badge__ZbEBU.Badge-module_size-sm-desktop__Ayf5L{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md-desktop__XSq7m{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg-desktop__Baw3S{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}}@media (min-width:1280px){.Badge-module_badge__ZbEBU.Badge-module_size-sm-hd__Da6Au{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md-hd__-VNMk{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg-hd__6MOwL{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}}
|
|
4
4
|
.Spinner-module_spinner__SZoUP svg{animation:Spinner-module_spin__Yk0wm 1.5s linear infinite;display:inherit}@keyframes Spinner-module_spin__Yk0wm{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
5
5
|
:root{--button-box-shadow-focus:0 0 0 4px var(--color-base-primary-200);--button-neutral-box-shadow-focus:0 0 0 4px var(--color-base-grey-200);--button-danger-box-shadow-focus:0 0 0 4px var(--color-base-danger-200)}.Button-module_button__18Bed.Button-module_size-sm__6Xrjw,.Button-module_size-sm__6Xrjw{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md__BkuGu,.Button-module_size-md__BkuGu{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg__JVYWV,.Button-module_size-lg__JVYWV{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}.Button-module_button__18Bed{align-items:center;background-color:transparent;border:1px solid transparent;color:inherit;cursor:pointer;display:inline-flex;font-family:var(--assets-font-family-body);font-weight:var(--size-font-weight-semi-bold);gap:var(--size-spacing-sm);justify-content:center;line-height:1;padding:0;position:relative;text-align:center;text-decoration:none;transition-duration:.1s;transition-property:background-color,border,box-shadow,color;transition-timing-function:cubic-bezier(.67,.83,.67)}.Button-module_button__18Bed:hover{text-decoration:none}.Button-module_button__18Bed:disabled,.Button-module_button__18Bed[aria-disabled=true]{cursor:not-allowed;opacity:.45}.Button-module_button__18Bed.Button-module_primary__st6yY{background-color:var(--color-background-button-primary);border-color:var(--color-border-button-primary);color:var(--color-font-button-primary)}.Button-module_button__18Bed.Button-module_primary__st6yY:not(:disabled):hover{background-color:var(--color-background-button-primary-hover);border-color:var(--color-border-button-primary-hover);color:var(--color-font-button-primary-hover)}.Button-module_button__18Bed.Button-module_primary__st6yY:not(:disabled):active{background-color:var(--color-background-button-primary-active);border-color:var(--color-border-button-primary-active);color:var(--color-font-button-primary-active)}.Button-module_button__18Bed.Button-module_primary__st6yY:focus{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_primary__st6yY:focus-visible{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_primary__st6yY:focus:not(:focus-visible){box-shadow:none;outline:0}.Button-module_button__18Bed.Button-module_secondary__j-3rj{background-color:var(--color-background-button-secondary);border:1px solid;border-color:var(--color-border-button-secondary);color:var(--color-font-button-secondary)}.Button-module_button__18Bed.Button-module_secondary__j-3rj:not(:disabled):hover{background-color:var(--color-background-button-secondary-hover);border-color:var(--color-border-button-secondary-hover);color:var(--color-font-button-secondary-hover)}.Button-module_button__18Bed.Button-module_secondary__j-3rj:not(:disabled):active{background-color:var(--color-background-button-secondary-active);border-color:var(--color-border-button-secondary-active);color:var(--color-font-button-secondary-active)}.Button-module_button__18Bed.Button-module_secondary__j-3rj:focus{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_secondary__j-3rj:focus-visible{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_secondary__j-3rj:focus:not(:focus-visible){box-shadow:none;outline:0}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM{background-color:var(--color-background-button-tertiary);color:var(--color-font-button-tertiary)}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:not(:disabled):hover{background-color:var(--color-background-button-tertiary-hover);border-color:var(--color-border-button-tertiary-hover);color:var(--color-font-button-tertiary-hover)}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:not(:disabled):active{background-color:var(--color-background-button-tertiary-active);border-color:var(--color-border-button-tertiary-active);color:var(--color-font-button-tertiary-active)}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:focus{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:focus-visible{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:focus:not(:focus-visible){box-shadow:none;outline:0}.Button-module_button__18Bed.Button-module_danger__Hxs5n{background-color:var(--color-background-button-danger);color:var(--color-font-button-danger)}.Button-module_button__18Bed.Button-module_danger__Hxs5n:not(:disabled):hover{background-color:var(--color-background-button-danger-hover);color:var(--color-font-button-danger-hover)}.Button-module_button__18Bed.Button-module_danger__Hxs5n:not(:disabled):active{background-color:var(--color-background-button-danger-active);color:var(--color-font-button-danger-active)}.Button-module_button__18Bed.Button-module_danger__Hxs5n:focus{box-shadow:var(--button-danger-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_danger__Hxs5n:focus-visible{box-shadow:var(--button-danger-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_danger__Hxs5n:focus:not(:focus-visible){box-shadow:none;outline:0}@media (min-width:680px){.Button-module_button__18Bed.Button-module_size-sm-tablet__9XaSx{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md-tablet__YQxaI{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg-tablet__h3l97{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}}@media (min-width:992px){.Button-module_button__18Bed.Button-module_size-sm-desktop__8tTsg{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md-desktop__OCdDi{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg-desktop__uFc4f{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}}@media (min-width:1280px){.Button-module_button__18Bed.Button-module_size-sm-hd__INFfD{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md-hd__8e2mW{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg-hd__DH60l{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}}.Button-module_button__18Bed.Button-module_loading__QfItr .Button-module_label__1PsXG{visibility:hidden}.Button-module_button__18Bed.Button-module_full-width__qDri6{width:100%}.Button-module_spinner-wrapper__rALNw{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
|
|
6
6
|
.Heading-module_heading__zKyv7{font-family:var(--assets-font-family-brand);font-weight:var(--size-font-weight-semibold);line-height:var(--size-line-height-heading)}
|
|
7
7
|
.Card-module_card-section-border__OefDX+.Card-module_card-section-border__OefDX{border-top:1px solid var(--card-section-border-color,var(--color-border-subtle))}
|
|
8
|
-
.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm__mJkMQ,.Checkbox-module_size-sm__mJkMQ{border-radius:var(--size-border-radius-xs);font-size:var(--size-font-size-lg);height:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm__mJkMQ *,.Checkbox-module_size-sm__mJkMQ *{height:20px;width:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md__I2s8g,.Checkbox-module_size-md__I2s8g{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-xl);height:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md__I2s8g *,.Checkbox-module_size-md__I2s8g *{height:24px;width:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg__rFFnb,.Checkbox-module_size-lg__rFFnb{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-2xl);height:36px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg__rFFnb *,.Checkbox-module_size-lg__rFFnb *{height:36px;width:36px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_hidden__2y7Zr{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;height:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.Checkbox-module_checkbox__dY-7P input+div{background:var(--form-control-background-color,var(--color-
|
|
8
|
+
.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm__mJkMQ,.Checkbox-module_size-sm__mJkMQ{border-radius:var(--size-border-radius-xs);font-size:var(--size-font-size-lg);height:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm__mJkMQ *,.Checkbox-module_size-sm__mJkMQ *{height:20px;width:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md__I2s8g,.Checkbox-module_size-md__I2s8g{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-xl);height:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md__I2s8g *,.Checkbox-module_size-md__I2s8g *{height:24px;width:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg__rFFnb,.Checkbox-module_size-lg__rFFnb{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-2xl);height:36px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg__rFFnb *,.Checkbox-module_size-lg__rFFnb *{height:36px;width:36px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_hidden__2y7Zr{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;height:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.Checkbox-module_checkbox__dY-7P input+div{background:var(--form-control-background-color,var(--color-background-primary));color:var(--form-control-checkbox-color,var(--color-border-checkbox))}.Checkbox-module_checkbox__dY-7P input:checked+div,.Checkbox-module_checkbox__dY-7P input:indeterminate+div{color:var(--form-control-checkbox-color-checked,var(--color-background-checkbox-checked))}.Checkbox-module_checkbox__dY-7P input[aria-invalid=true]+div{color:var(--form-control-font-color-error,var(--color-base-danger-500))}.Checkbox-module_checkbox__dY-7P input:focus+div{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.Checkbox-module_checkbox__dY-7P input:focus-visible+div{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.Checkbox-module_checkbox__dY-7P input:disabled+div{background:var(--form-control-background-color-disabled,var(--color-base-grey-50));color:var(--form-control-checkbox-color-disabled,var(--color-base-grey-200))}.Checkbox-module_checkbox__dY-7P input:focus:not(:focus-visible)+div{box-shadow:none;outline:0}.Checkbox-module_checkbox__dY-7P input:checked:disabled+div{color:var(--form-control-checkbox-color-checked-disabled,var(--color-base-primary-200))}@media (min-width:680px){.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm-tablet__GhQUW{border-radius:var(--size-border-radius-xs);font-size:var(--size-font-size-lg);height:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm-tablet__GhQUW *{height:20px;width:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md-tablet__XRHf4{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-xl);height:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md-tablet__XRHf4 *{height:24px;width:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg-tablet__quoAJ{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-2xl);height:36px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg-tablet__quoAJ *{height:36px;width:36px}}@media (min-width:992px){.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm-desktop__fqeEc{border-radius:var(--size-border-radius-xs);font-size:var(--size-font-size-lg);height:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm-desktop__fqeEc *{height:20px;width:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md-desktop__9a278{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-xl);height:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md-desktop__9a278 *{height:24px;width:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg-desktop__WQnv0{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-2xl);height:36px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg-desktop__WQnv0 *{height:36px;width:36px}}@media (min-width:1280px){.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm-hd__X3yIF{border-radius:var(--size-border-radius-xs);font-size:var(--size-font-size-lg);height:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-sm-hd__X3yIF *{height:20px;width:20px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md-hd__6T0dF{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-xl);height:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-md-hd__6T0dF *{height:24px;width:24px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg-hd__UXCt1{border-radius:var(--size-border-radius-sm);font-size:var(--size-font-size-2xl);height:36px}.Checkbox-module_checkbox__dY-7P.Checkbox-module_size-lg-hd__UXCt1 *{height:36px;width:36px}}
|
|
9
9
|
.InputValidationMessage-module_input-validation-message__4MMMK{font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family))}
|
|
10
10
|
.FormLabel-module_label__qTUB9{color:var(--color-font-base);font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));font-size:var(--size-font-size-form-label);font-weight:var(--size-font-weight-form-label)}.FormLabel-module_label__qTUB9.FormLabel-module_radio-input-label__IpAiN{font-weight:400}.FormLabel-module_label__qTUB9.FormLabel-module_disabled__83oiH{color:var(--color-font-disabled)}.FormLabel-module_sm__6PwRr{font-size:var(--size-font-size-xs)}
|
|
11
11
|
.HelpText-module_help-text__8WodW{font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));font-size:var(--size-font-size-form-help-text);font-weight:var(--size-font-weight-form-help-text);margin-top:var(--size-spacing-xs)}
|
package/dist/css/utilities.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\***************************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Wed, 23 Jul 2025 23:15:03 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
.font-family-monospace { font-family: var(--assets-font-family-monospace); }
|
|
@@ -204,6 +204,12 @@
|
|
|
204
204
|
|
|
205
205
|
.focus\:background-color-slider:focus { background: var(--color-background-slider); }
|
|
206
206
|
|
|
207
|
+
.background-color-checkbox-checked { background: var(--color-background-checkbox-checked); }
|
|
208
|
+
|
|
209
|
+
.hover\:background-color-checkbox-checked:hover { background: var(--color-background-checkbox-checked); }
|
|
210
|
+
|
|
211
|
+
.focus\:background-color-checkbox-checked:focus { background: var(--color-background-checkbox-checked); }
|
|
212
|
+
|
|
207
213
|
.background-color-brand-gradient { background: var(--color-background-brand-gradient); }
|
|
208
214
|
|
|
209
215
|
.hover\:background-color-brand-gradient:hover { background: var(--color-background-brand-gradient); }
|
|
@@ -450,6 +456,12 @@
|
|
|
450
456
|
|
|
451
457
|
.focus\:border-color-toast-error:focus { border-color: var(--color-border-toast-error); }
|
|
452
458
|
|
|
459
|
+
.border-color-checkbox { border-color: var(--color-border-checkbox); }
|
|
460
|
+
|
|
461
|
+
.hover\:border-color-checkbox:hover { border-color: var(--color-border-checkbox); }
|
|
462
|
+
|
|
463
|
+
.focus\:border-color-checkbox:focus { border-color: var(--color-border-checkbox); }
|
|
464
|
+
|
|
453
465
|
.border-color-brand-yellow { border-color: var(--color-border-brand-yellow); }
|
|
454
466
|
|
|
455
467
|
.hover\:border-color-brand-yellow:hover { border-color: var(--color-border-brand-yellow); }
|
package/dist/css/variables.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\*********************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Wed, 23 Jul 2025 23:15:03 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
:root {
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
--color-background-toast-error: #ef4444;
|
|
43
43
|
--color-background-tooltip: #262626;
|
|
44
44
|
--color-background-slider: #d4d4d4;
|
|
45
|
+
--color-background-checkbox-checked: #404040;
|
|
45
46
|
--color-background-brand-gradient: linear-gradient(60deg, #eab308 0%, #fa0a64 100%);
|
|
46
47
|
--color-background-brand-gradient-reverse: linear-gradient(270deg, #eab308 0%, #fa0a64 100%);
|
|
47
48
|
--color-background-brand-gradient-purple: linear-gradient(60deg, #b47dff 0%, #4b32aa 100%);
|
|
@@ -156,6 +157,7 @@
|
|
|
156
157
|
--color-border-sidebar-rail-hover: #d4d4d4;
|
|
157
158
|
--color-border-toast: #171717;
|
|
158
159
|
--color-border-toast-error: #dc2626;
|
|
160
|
+
--color-border-checkbox: #737373;
|
|
159
161
|
--color-border-brand-yellow: #ffd200;
|
|
160
162
|
--color-border-brand-orange: #ff911e;
|
|
161
163
|
--color-border-brand-magenta: #ff3278;
|
|
@@ -355,7 +357,7 @@
|
|
|
355
357
|
\*******************************************************************************************************************************/
|
|
356
358
|
/**
|
|
357
359
|
* Do not edit directly
|
|
358
|
-
* Generated on
|
|
360
|
+
* Generated on Wed, 23 Jul 2025 23:15:03 GMT
|
|
359
361
|
*/
|
|
360
362
|
|
|
361
363
|
:root.dark {
|
|
@@ -389,6 +391,7 @@
|
|
|
389
391
|
--color-background-toast: #f5f5f5;
|
|
390
392
|
--color-background-tooltip: #f5f5f5;
|
|
391
393
|
--color-background-slider: #737373;
|
|
394
|
+
--color-background-checkbox-checked: #ffffff;
|
|
392
395
|
--color-border-default: #525252;
|
|
393
396
|
--color-border-subtle: #404040;
|
|
394
397
|
--color-border-transparent: transparent;
|
|
@@ -409,6 +412,7 @@
|
|
|
409
412
|
--color-border-button-tertiary-active: transparent;
|
|
410
413
|
--color-border-sidebar-rail-hover: #737373;
|
|
411
414
|
--color-border-toast: #e5e5e5;
|
|
415
|
+
--color-border-checkbox: #737373;
|
|
412
416
|
--color-font-base: #f5f5f5;
|
|
413
417
|
--color-font-secondary: #d4d4d4;
|
|
414
418
|
--color-font-inverse: #404040;
|
|
@@ -612,7 +612,8 @@ var Alert = function Alert(_ref) {
|
|
|
612
612
|
}, React.createElement("button", {
|
|
613
613
|
type: "button",
|
|
614
614
|
onClick: handleClose,
|
|
615
|
-
onKeyUp: handleCloseKeyPress
|
|
615
|
+
onKeyUp: handleCloseKeyPress,
|
|
616
|
+
"aria-label": "dismiss"
|
|
616
617
|
}, closeText || React.createElement(Icon, {
|
|
617
618
|
name: "remove",
|
|
618
619
|
"data-testid": "alert-close-icon-test-id"
|