@hyphen/hyphen-components 4.9.5 → 4.9.6
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
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
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
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-base-white));color:var(--form-control-checkbox-color,var(--color-base-grey-500))}.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-base-primary-500))}.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
|
-
.FormLabel-module_label__qTUB9{color:var(--color-font-base);font-family:var(--INTERNAL_form-control-font-family);font-size:var(--
|
|
11
|
-
.HelpText-module_help-text__8WodW{font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));font-
|
|
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)}
|
|
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)}
|
|
12
12
|
@charset "UTF-8";.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:var(--color-base-primary);border-radius:var(--size-border-radius-sm);color:var(--color-font-base);display:inline-block;font-size:var(--size-font-size-sm);position:relative;width:-moz-fit-content;width:fit-content}.react-datepicker__aria-live{display:none}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__header{padding-top:8px;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{background:none;border-color:var(--color-base-grey-300);border-style:solid;border-width:2px 2px 0 0;cursor:pointer;height:10px;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:12px;transition-duration:.2s;transition-property:border-color;vertical-align:top;width:0;width:10px;z-index:1}.react-datepicker__navigation--previous{left:20px;transform:rotate(-135deg)}.react-datepicker__navigation--next{right:20px;transform:rotate(45deg)}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:105px}.react-datepicker__navigation--next:hover,.react-datepicker__navigation--previous:hover{border-color:var(--color-base-grey-500)}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover,.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-color:var(--color-base-grey-50);cursor:default}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{border-top-color:var(--color-base-grey-300er);top:4px}.react-datepicker__navigation--years-previous:hover{border-top-color:var(--color-base-grey-300)}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation--years-upcoming,.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:var(--color-base-grey-300er)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;padding:var(--size-spacing-xs)}.react-datepicker__time-container{border-left:1px solid var(--color-base-grey-300er);float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{border-bottom-right-radius:.3rem;margin-top:var(--size-spacing-xs);position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;transition-duration:.2s;transition-property:background-color;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:var(--color-base-grey-300);cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--color-background-inverse);color:var(--color-font-inverse);font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--color-base-primary-600)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:var(--color-base-grey-50)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:var(--color-base-grey-100);display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:var(--color-base-grey-300)}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-top:var(--size-spacing-md)}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{display:inline-block;line-height:2rem;margin:0 var(--size-spacing-2xs);text-align:center;width:2rem}.react-datepicker__day--outside-month,.react-datepicker__day-name--outside-month,.react-datepicker__time-name--outside-month{color:var(--color-font-disabled)}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:var(--color-background-inverse);color:var(--color-font-inverse)}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:var(--color-background-inverse)}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:var(--color-font-disabled);pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{border-radius:var(--date-picker-item-border-radius,var(--size-border-radius-lg));cursor:pointer;margin:var(--size-spacing-2xs);transition-duration:.2s;transition-property:background-color,color,border-radius}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:var(--color-background-inverse);border-radius:var(--size-border-radius-lg);color:var(--color-font-inverse)}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{background-color:var(--color-base-grey-100);border-radius:var(--size-border-radius-lg);font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:var(--color-base-primary-500);border-radius:var(--size-border-radius-lg);color:var(--color-base-white)}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:var(--color-base-primary-600)}.react-datepicker__day--outside-month,.react-datepicker__month-text--outside-month,.react-datepicker__quarter-text--outside-month,.react-datepicker__year-text--outside-month{color:var(--color-font-disabled)}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:var(--color-background-inverse);border-radius:var(--size-border-radius-lg);color:var(--color-font-inverse)}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:var(--color-background-inverse)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:var(--color-background-inverse);border-radius:var(--size-border-radius-lg);color:var(--color-font-inverse)}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:var(--color-base-primary-600)}.react-datepicker__day--in-selecting-range:not([class*="--in-range"]),.react-datepicker__month-text--in-selecting-range:not([class*="--in-range"]),.react-datepicker__quarter-text--in-selecting-range:not([class*="--in-range"]),.react-datepicker__year-text--in-selecting-range:not([class*="--in-range"]){background-color:var(--color-background-inverse)}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:var(--color-font-disabled);cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:var(--color-base-primary-500)}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:var(--size-border-radius-lg)}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:var(--color-base-grey-300)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:var(--color-base-grey-100);border-width:8px;float:right;margin-left:20px;position:relative;top:8px}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{border:1px solid var(--color-base-grey-100);border-radius:var(--size-border-radius-lg);left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:var(--size-border-radius-lg);border-top-right-radius:var(--size-border-radius-lg)}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:var(--size-border-radius-lg);border-bottom-right-radius:var(--size-border-radius-lg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:var(--color-base-grey-100)}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:var(--color-base-grey-100)}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:var(--color-base-grey-100)}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:var(--color-base-primary-500);border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.8rem}.react-datepicker__portal .react-datepicker__navigation{border:14.4px solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:var(--color-base-grey-100)}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:var(--color-base-grey-300)}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:var(--color-base-grey-50);cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:var(--color-base-grey-100)}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:var(--color-base-grey-300)}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:var(--color-base-grey-50);cursor:default}
|
|
13
13
|
.TextInput-module_size-sm__qWJn7,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm__qWJn7{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_size-sm__qWJn7>input,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm__qWJn7>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_size-sm__qWJn7 .TextInput-module_prefix__-wFO9,.TextInput-module_size-sm__qWJn7 .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_size-sm__qWJn7 .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_size-sm__qWJn7:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_size-md__UFPtt,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md__UFPtt{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_size-md__UFPtt>input,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md__UFPtt>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_size-md__UFPtt .TextInput-module_prefix__-wFO9,.TextInput-module_size-md__UFPtt .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_size-md__UFPtt .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_size-md__UFPtt:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_size-lg__Hjfez,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg__Hjfez{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_size-lg__Hjfez>input,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg__Hjfez>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_size-lg__Hjfez .TextInput-module_prefix__-wFO9,.TextInput-module_size-lg__Hjfez .TextInput-module_suffix__327yL{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_size-lg__Hjfez .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_disabled__lrifj,.TextInput-module_text-input-wrapper__HCnQD>input:disabled{background-color:var(--color-background-disabled);color:var(--color-font-disabled);-webkit-text-fill-color:var(--color-font-disabled);opacity:1}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_disabled__lrifj:hover,.TextInput-module_text-input-wrapper__HCnQD>input:hover:disabled{cursor:not-allowed}.TextInput-module_text-input-wrapper__HCnQD{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border:1px solid var(--form-control-border-color,var(--INTERNAL_form-control-border-color));font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));position:relative}@media (min-width:680px){.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3 .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3 .TextInput-module_suffix__327yL{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3 .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}@media (min-width:992px){.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS .TextInput-module_suffix__327yL{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}@media (min-width:1280px){.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr .TextInput-module_suffix__327yL,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr>input{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc .TextInput-module_suffix__327yL,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc>input{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos .TextInput-module_suffix__327yL,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos>input{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}.TextInput-module_text-input-wrapper__HCnQD>input{background-color:transparent;border:none;box-sizing:border-box;color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));display:flex;line-height:var(--form-control-line-height,var(--INTERNAL_form-control-line-height));transition-duration:.3s;transition-property:border,background-color;transition-timing-function:cubic-bezier(.2,.8,.4,1);width:100%}.TextInput-module_text-input-wrapper__HCnQD>input::-moz-placeholder{color:var(--color-font-placeholder);opacity:1}.TextInput-module_text-input-wrapper__HCnQD>input::placeholder{color:var(--color-font-placeholder);opacity:1}.TextInput-module_text-input-wrapper__HCnQD>input:focus{border:none;outline:none}.TextInput-module_text-input-wrapper__HCnQD>input:disabled{background-color:transparent}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq{background-color:var(--form-control-background-color-error,var(--INTERNAL_form-control-background-color-error))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq:focus-within{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq input{color:var(--form-control-font-color,var(--INTERNAL_form-control-input-color-error))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq input:focus{background-color:transparent;color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));outline:none}.TextInput-module_text-input-wrapper__HCnQD:not(.TextInput-module_error__p6zZq)>.TextInput-module_disabled__lrifj:not(input),.TextInput-module_text-input-wrapper__HCnQD:not(.TextInput-module_error__p6zZq)>:focus:not(input){box-shadow:inset 0 1px 0 0 var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus)),inset 0 -1px 0 0 var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus))}.TextInput-module_text-input-wrapper__HCnQD:focus-within{border-color:var(--color-border-active);box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:none}.TextInput-module_text-input-wrapper__HCnQD .TextInput-module_clear-button__LUJpO{background:none;border:0;border-radius:0;color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));cursor:pointer;font-style:inherit;transition-duration:.2s;transition-property:color}.TextInput-module_text-input-wrapper__HCnQD .TextInput-module_clear-button__LUJpO:hover{color:var(--form-control-icon-hover-color,var(--INTERNAL_form-control-icon-hover-color))}.TextInput-module_text-input-label__3PlSG{margin-bottom:var(--form-control-label-margin,var(--INTERNAL_form-control-label-margin))}
|
|
14
14
|
@keyframes Popover-module_fadeIn__0btE5{0%{opacity:0}to{opacity:1}}.Popover-module_popover__rvS3X{animation:Popover-module_fadeIn__0btE5 .2s;z-index:var(--size-z-index-popover)}.Popover-module_popover-arrow__SLtPW{height:.8rem;position:absolute;width:.8rem}.Popover-module_popover-arrow__SLtPW:before{background-color:inherit;content:"";height:.8rem;position:absolute;transform:rotate(45deg);width:.8rem;z-index:-1}[data-popper-placement*=bottom] .Popover-module_popover-arrow__SLtPW{top:-.1rem}[data-popper-placement*=bottom] .Popover-module_popover-arrow__SLtPW:before{bottom:.25rem;box-shadow:-1px -1px 1px 0 rgba(0,0,0,.05)}[data-popper-placement*=top] .Popover-module_popover-arrow__SLtPW{bottom:-.1rem}[data-popper-placement*=top] .Popover-module_popover-arrow__SLtPW:before{box-shadow:3px 3px 3px 0 rgba(0,0,0,.08);top:.25rem}[data-popper-placement*=left] .Popover-module_popover-arrow__SLtPW{right:-.1rem}[data-popper-placement*=left] .Popover-module_popover-arrow__SLtPW:before{box-shadow:1px -1px 1px 0 rgba(0,0,0,.08);left:.25rem}[data-popper-placement*=right] .Popover-module_popover-arrow__SLtPW{left:-.1rem}[data-popper-placement*=right] .Popover-module_popover-arrow__SLtPW:before{box-shadow:-2px 2px 2px 0 rgba(0,0,0,.05);right:.25rem}
|
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 Tue, 18 Feb 2025 02:06:13 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
.font-family-monospace { font-family: var(--assets-font-family-monospace); }
|
|
@@ -1382,6 +1382,10 @@
|
|
|
1382
1382
|
|
|
1383
1383
|
.font-weight-bold { font-weight: var(--size-font-weight-bold); }
|
|
1384
1384
|
|
|
1385
|
+
.font-weight-form-label { font-weight: var(--size-font-weight-form-label); }
|
|
1386
|
+
|
|
1387
|
+
.font-weight-form-help-text { font-weight: var(--size-font-weight-form-help-text); }
|
|
1388
|
+
|
|
1385
1389
|
.font-size-2xs { font-size: var(--size-font-size-2xs); }
|
|
1386
1390
|
|
|
1387
1391
|
.hover\:font-size-2xs:hover { font-size: var(--size-font-size-2xs); }
|
|
@@ -1434,6 +1438,14 @@
|
|
|
1434
1438
|
|
|
1435
1439
|
.hover\:font-size-base:hover { font-size: var(--size-font-size-base); }
|
|
1436
1440
|
|
|
1441
|
+
.font-size-form-label { font-size: var(--size-font-size-form-label); }
|
|
1442
|
+
|
|
1443
|
+
.hover\:font-size-form-label:hover { font-size: var(--size-font-size-form-label); }
|
|
1444
|
+
|
|
1445
|
+
.font-size-form-help-text { font-size: var(--size-font-size-form-help-text); }
|
|
1446
|
+
|
|
1447
|
+
.hover\:font-size-form-help-text:hover { font-size: var(--size-font-size-form-help-text); }
|
|
1448
|
+
|
|
1437
1449
|
.heading-sm { font-size: var(--size-heading-sm); }
|
|
1438
1450
|
|
|
1439
1451
|
.hover\:heading-sm:hover { font-size: var(--size-heading-sm); }
|
|
@@ -2485,6 +2497,10 @@
|
|
|
2485
2497
|
|
|
2486
2498
|
.font-weight-bold-tablet { font-weight: var(--size-font-weight-bold); }
|
|
2487
2499
|
|
|
2500
|
+
.font-weight-form-label-tablet { font-weight: var(--size-font-weight-form-label); }
|
|
2501
|
+
|
|
2502
|
+
.font-weight-form-help-text-tablet { font-weight: var(--size-font-weight-form-help-text); }
|
|
2503
|
+
|
|
2488
2504
|
.font-size-2xs-tablet { font-size: var(--size-font-size-2xs); }
|
|
2489
2505
|
|
|
2490
2506
|
.font-size-xs-tablet { font-size: var(--size-font-size-xs); }
|
|
@@ -2511,6 +2527,10 @@
|
|
|
2511
2527
|
|
|
2512
2528
|
.font-size-base-tablet { font-size: var(--size-font-size-base); }
|
|
2513
2529
|
|
|
2530
|
+
.font-size-form-label-tablet { font-size: var(--size-font-size-form-label); }
|
|
2531
|
+
|
|
2532
|
+
.font-size-form-help-text-tablet { font-size: var(--size-font-size-form-help-text); }
|
|
2533
|
+
|
|
2514
2534
|
.heading-sm-tablet { font-size: var(--size-heading-sm); }
|
|
2515
2535
|
|
|
2516
2536
|
.heading-md-tablet { font-size: var(--size-heading-md); }
|
|
@@ -3197,6 +3217,10 @@
|
|
|
3197
3217
|
|
|
3198
3218
|
.hover\:font-size-base-tablet:hover { font-size: var(--size-font-size-base); }
|
|
3199
3219
|
|
|
3220
|
+
.hover\:font-size-form-label-tablet:hover { font-size: var(--size-font-size-form-label); }
|
|
3221
|
+
|
|
3222
|
+
.hover\:font-size-form-help-text-tablet:hover { font-size: var(--size-font-size-form-help-text); }
|
|
3223
|
+
|
|
3200
3224
|
.hover\:heading-sm-tablet:hover { font-size: var(--size-heading-sm); }
|
|
3201
3225
|
|
|
3202
3226
|
.hover\:heading-md-tablet:hover { font-size: var(--size-heading-md); }
|
|
@@ -3712,6 +3736,10 @@
|
|
|
3712
3736
|
|
|
3713
3737
|
.font-weight-bold-desktop { font-weight: var(--size-font-weight-bold); }
|
|
3714
3738
|
|
|
3739
|
+
.font-weight-form-label-desktop { font-weight: var(--size-font-weight-form-label); }
|
|
3740
|
+
|
|
3741
|
+
.font-weight-form-help-text-desktop { font-weight: var(--size-font-weight-form-help-text); }
|
|
3742
|
+
|
|
3715
3743
|
.font-size-2xs-desktop { font-size: var(--size-font-size-2xs); }
|
|
3716
3744
|
|
|
3717
3745
|
.font-size-xs-desktop { font-size: var(--size-font-size-xs); }
|
|
@@ -3738,6 +3766,10 @@
|
|
|
3738
3766
|
|
|
3739
3767
|
.font-size-base-desktop { font-size: var(--size-font-size-base); }
|
|
3740
3768
|
|
|
3769
|
+
.font-size-form-label-desktop { font-size: var(--size-font-size-form-label); }
|
|
3770
|
+
|
|
3771
|
+
.font-size-form-help-text-desktop { font-size: var(--size-font-size-form-help-text); }
|
|
3772
|
+
|
|
3741
3773
|
.heading-sm-desktop { font-size: var(--size-heading-sm); }
|
|
3742
3774
|
|
|
3743
3775
|
.heading-md-desktop { font-size: var(--size-heading-md); }
|
|
@@ -4424,6 +4456,10 @@
|
|
|
4424
4456
|
|
|
4425
4457
|
.hover\:font-size-base-desktop:hover { font-size: var(--size-font-size-base); }
|
|
4426
4458
|
|
|
4459
|
+
.hover\:font-size-form-label-desktop:hover { font-size: var(--size-font-size-form-label); }
|
|
4460
|
+
|
|
4461
|
+
.hover\:font-size-form-help-text-desktop:hover { font-size: var(--size-font-size-form-help-text); }
|
|
4462
|
+
|
|
4427
4463
|
.hover\:heading-sm-desktop:hover { font-size: var(--size-heading-sm); }
|
|
4428
4464
|
|
|
4429
4465
|
.hover\:heading-md-desktop:hover { font-size: var(--size-heading-md); }
|
|
@@ -4939,6 +4975,10 @@
|
|
|
4939
4975
|
|
|
4940
4976
|
.font-weight-bold-hd { font-weight: var(--size-font-weight-bold); }
|
|
4941
4977
|
|
|
4978
|
+
.font-weight-form-label-hd { font-weight: var(--size-font-weight-form-label); }
|
|
4979
|
+
|
|
4980
|
+
.font-weight-form-help-text-hd { font-weight: var(--size-font-weight-form-help-text); }
|
|
4981
|
+
|
|
4942
4982
|
.font-size-2xs-hd { font-size: var(--size-font-size-2xs); }
|
|
4943
4983
|
|
|
4944
4984
|
.font-size-xs-hd { font-size: var(--size-font-size-xs); }
|
|
@@ -4965,6 +5005,10 @@
|
|
|
4965
5005
|
|
|
4966
5006
|
.font-size-base-hd { font-size: var(--size-font-size-base); }
|
|
4967
5007
|
|
|
5008
|
+
.font-size-form-label-hd { font-size: var(--size-font-size-form-label); }
|
|
5009
|
+
|
|
5010
|
+
.font-size-form-help-text-hd { font-size: var(--size-font-size-form-help-text); }
|
|
5011
|
+
|
|
4968
5012
|
.heading-sm-hd { font-size: var(--size-heading-sm); }
|
|
4969
5013
|
|
|
4970
5014
|
.heading-md-hd { font-size: var(--size-heading-md); }
|
|
@@ -5651,6 +5695,10 @@
|
|
|
5651
5695
|
|
|
5652
5696
|
.hover\:font-size-base-hd:hover { font-size: var(--size-font-size-base); }
|
|
5653
5697
|
|
|
5698
|
+
.hover\:font-size-form-label-hd:hover { font-size: var(--size-font-size-form-label); }
|
|
5699
|
+
|
|
5700
|
+
.hover\:font-size-form-help-text-hd:hover { font-size: var(--size-font-size-form-help-text); }
|
|
5701
|
+
|
|
5654
5702
|
.hover\:heading-sm-hd:hover { font-size: var(--size-heading-sm); }
|
|
5655
5703
|
|
|
5656
5704
|
.hover\:heading-md-hd:hover { font-size: var(--size-heading-md); }
|
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 Tue, 18 Feb 2025 02:06:13 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
:root {
|
|
@@ -284,6 +284,8 @@
|
|
|
284
284
|
--size-font-weight-medium: 500;
|
|
285
285
|
--size-font-weight-semibold: 600;
|
|
286
286
|
--size-font-weight-bold: 700;
|
|
287
|
+
--size-font-weight-form-label: 500;
|
|
288
|
+
--size-font-weight-form-help-text: 400;
|
|
287
289
|
--size-font-size-2xs: 0.625rem;
|
|
288
290
|
--size-font-size-xs: 0.75rem;
|
|
289
291
|
--size-font-size-sm: 0.875rem;
|
|
@@ -297,6 +299,8 @@
|
|
|
297
299
|
--size-font-size-6xl: 3.5rem;
|
|
298
300
|
--size-font-size-7xl: 4rem;
|
|
299
301
|
--size-font-size-base: 1rem; /* the base size of the font */
|
|
302
|
+
--size-font-size-form-label: 0.875rem;
|
|
303
|
+
--size-font-size-form-help-text: 0.875rem;
|
|
300
304
|
--size-heading-sm: 1rem;
|
|
301
305
|
--size-heading-md: 1.25rem;
|
|
302
306
|
--size-heading-lg: 1.5rem;
|
|
@@ -341,7 +345,7 @@
|
|
|
341
345
|
\*******************************************************************************************************************************/
|
|
342
346
|
/**
|
|
343
347
|
* Do not edit directly
|
|
344
|
-
* Generated on
|
|
348
|
+
* Generated on Tue, 18 Feb 2025 02:06:13 GMT
|
|
345
349
|
*/
|
|
346
350
|
|
|
347
351
|
:root.dark {
|
package/dist/lib/tokens.d.ts
CHANGED
|
@@ -9,9 +9,9 @@ export declare const BASE_COLOR_NAMES: ("black" | "white" | "magenta" | "primary
|
|
|
9
9
|
export declare const FONT_COLOR_OPTIONS: ("info" | "base" | "black" | "white" | "grey" | "secondary" | "tertiary" | "inverse" | "disabled" | "success" | "success-disabled" | "warn" | "warn-disabled" | "danger" | "danger-input" | "danger-disabled" | "button-primary" | "button-primary-hover" | "button-primary-active" | "button-secondary" | "button-secondary-hover" | "button-secondary-active" | "button-tertiary" | "button-tertiary-hover" | "button-tertiary-active" | "button-danger" | "button-danger-hover" | "button-danger-active" | "toast" | "toast-error" | "tooltip" | "placeholder" | "brand-yellow" | "brand-orange" | "brand-magenta" | "brand-dark-grey" | "brand-cyan" | "brand-pink" | "brand-light-purple" | "brand-medium-purple" | "brand-dark-purple")[];
|
|
10
10
|
export declare const BACKGROUND_COLOR_OPTIONS: ("info" | "black" | "white" | "primary" | "secondary" | "tertiary" | "inverse" | "disabled" | "success" | "danger" | "button-primary" | "button-primary-hover" | "button-primary-active" | "button-secondary" | "button-secondary-hover" | "button-secondary-active" | "button-tertiary" | "button-tertiary-hover" | "button-tertiary-active" | "button-danger" | "button-danger-hover" | "button-danger-active" | "toast" | "toast-error" | "tooltip" | "brand-yellow" | "brand-orange" | "brand-magenta" | "brand-dark-grey" | "brand-cyan" | "brand-pink" | "brand-light-purple" | "brand-medium-purple" | "brand-dark-purple" | "error" | "warning" | "transparent" | "scrollbar-thumb" | "scrollbar-track" | "modal" | "brand-gradient" | "brand-gradient-reverse" | "brand-gradient-purple" | "brand-gradient-purple-reverse" | "brand-gradient-cyan" | "brand-gradient-cyan-reverse" | "chart-1" | "chart-2" | "chart-3")[];
|
|
11
11
|
export declare const BORDER_COLOR_OPTIONS: ("info" | "inverse" | "danger" | "button-primary" | "button-primary-hover" | "button-primary-active" | "button-secondary" | "button-secondary-hover" | "button-secondary-active" | "button-tertiary" | "button-tertiary-hover" | "button-tertiary-active" | "toast" | "toast-error" | "brand-yellow" | "brand-orange" | "brand-magenta" | "brand-dark-grey" | "brand-cyan" | "brand-pink" | "brand-light-purple" | "brand-medium-purple" | "brand-dark-purple" | "warning" | "default" | "subtle" | "hover" | "active" | "sidebar-rail-hover")[];
|
|
12
|
-
export declare const FONT_SIZE_OPTIONS: ("xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "base" | "2xs" | "4xl" | "5xl" | "6xl" | "7xl")[];
|
|
12
|
+
export declare const FONT_SIZE_OPTIONS: ("xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "base" | "2xs" | "4xl" | "5xl" | "6xl" | "7xl" | "form-label" | "form-help-text")[];
|
|
13
13
|
export declare const FONT_FAMILY_OPTIONS: ("monospace" | "body" | "brand")[];
|
|
14
|
-
export declare const FONT_WEIGHT_OPTIONS: ("light" | "normal" | "medium" | "semibold" | "bold")[];
|
|
14
|
+
export declare const FONT_WEIGHT_OPTIONS: ("form-label" | "form-help-text" | "light" | "normal" | "medium" | "semibold" | "bold")[];
|
|
15
15
|
export declare const HEADING_SIZE_OPTIONS: ("sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl")[];
|
|
16
16
|
export declare const HEIGHT_OPTIONS: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "2xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "10" | "15" | "20" | "25" | "30" | "33" | "34" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100")[];
|
|
17
17
|
export declare const LINE_HEIGHT_OPTIONS: ("base" | "none" | "input" | "heading" | "text")[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hyphen/hyphen-components",
|
|
3
|
-
"version": "4.9.
|
|
3
|
+
"version": "4.9.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "@hyphen"
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
],
|
|
63
63
|
"dependencies": {
|
|
64
64
|
"@emotion/react": "^11.14.0",
|
|
65
|
-
"@hyphen/hyphen-design-tokens": "^4.
|
|
65
|
+
"@hyphen/hyphen-design-tokens": "^4.28.0",
|
|
66
66
|
"@popperjs/core": "^2.11.8",
|
|
67
67
|
"@radix-ui/react-collapsible": "^1.1.3",
|
|
68
68
|
"@radix-ui/react-dropdown-menu": "^2.1.6",
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
.label {
|
|
2
|
-
font-family: var(--INTERNAL_form-control-font-family);
|
|
3
2
|
color: var(--color-font-base);
|
|
4
|
-
font-
|
|
5
|
-
|
|
3
|
+
font-family: var(
|
|
4
|
+
--form-control-font-family,
|
|
5
|
+
var(--INTERNAL_form-control-font-family)
|
|
6
|
+
);
|
|
7
|
+
font-size: var(--size-font-size-form-label);
|
|
8
|
+
font-weight: var(--size-font-weight-form-label);
|
|
6
9
|
|
|
7
10
|
&.radio-input-label {
|
|
8
11
|
font-weight: 400;
|
|
@@ -4,8 +4,6 @@
|
|
|
4
4
|
var(--INTERNAL_form-control-font-family)
|
|
5
5
|
);
|
|
6
6
|
margin-top: var(--size-spacing-xs);
|
|
7
|
-
font-
|
|
8
|
-
|
|
9
|
-
var(--INTERNAL_form-control-help-text-font-weight)
|
|
10
|
-
);
|
|
7
|
+
font-size: var(--size-font-size-form-help-text);
|
|
8
|
+
font-weight: var(--size-font-weight-form-help-text);
|
|
11
9
|
}
|