@hyphen/hyphen-components 5.8.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/components/DateInput/DateInput.d.ts +4 -2
  2. package/dist/components/Popover/Popover.d.ts +8 -80
  3. package/dist/components/Popover/Popover.stories.d.ts +2 -9
  4. package/dist/css/index.css +1 -1
  5. package/dist/css/utilities.css +21 -9
  6. package/dist/css/variables.css +8 -4
  7. package/dist/hyphen-components.cjs.development.js +455 -564
  8. package/dist/hyphen-components.cjs.development.js.map +1 -1
  9. package/dist/hyphen-components.cjs.production.min.js +1 -1
  10. package/dist/hyphen-components.cjs.production.min.js.map +1 -1
  11. package/dist/hyphen-components.esm.js +452 -566
  12. package/dist/hyphen-components.esm.js.map +1 -1
  13. package/dist/lib/tokens.d.ts +3 -3
  14. package/dist/types/index.d.ts +1 -1
  15. package/package.json +10 -12
  16. package/src/components/Box/Box.stories.tsx +2 -2
  17. package/src/components/DateInput/DateInput.stories.tsx +3 -3
  18. package/src/components/DateInput/DateInput.test.tsx +19 -101
  19. package/src/components/DateInput/DateInput.tsx +101 -78
  20. package/src/components/Popover/Popover.mdx +7 -90
  21. package/src/components/Popover/Popover.module.scss +52 -58
  22. package/src/components/Popover/Popover.stories.tsx +81 -442
  23. package/src/components/Popover/Popover.test.tsx +106 -88
  24. package/src/components/Popover/Popover.tsx +25 -267
  25. package/src/hooks/useOpenClose/useOpenClose.mdx +1 -5
  26. package/src/hooks/useOpenClose/useOpenClose.stories.tsx +23 -20
  27. package/src/types/index.ts +1 -1
package/dist/components/DateInput/DateInput.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  import { DatePickerProps } from '../DatePicker/DatePicker';
3
3
  import { TextInputProps } from '../TextInput/TextInput';
4
- import { PopoverProps } from '../Popover/Popover';
5
4
  export interface DateInputProps {
6
5
  /**
7
6
  * Props object for DatePicker component.
@@ -46,7 +45,10 @@ export interface DateInputProps {
46
45
  /**
47
46
  * Props to pass down to the Popover component.
48
47
  */
49
- popoverProps?: Omit<PopoverProps, 'children' | 'content' | 'isOpen'>;
48
+ popoverProps?: {
49
+ side: 'top' | 'bottom' | 'left' | 'right';
50
+ align: 'start' | 'center' | 'end';
51
+ };
50
52
  /**
51
53
  * Additional props to be spread to the `TextInput` element.
52
54
  */
package/dist/components/Popover/Popover.d.ts CHANGED
@@ -1,80 +1,8 @@
1
- import { FC, ReactNode } from 'react';
2
- import { Placement } from '@popperjs/core';
3
- import { BackgroundColor } from '../../types';
4
- import { BoxProps } from '../Box/Box';
5
- export type PopoverProps = {
6
- /**
7
- * Custom class to apply to the alert.
8
- */
9
- className?: string;
10
- /**
11
- * The trigger element
12
- */
13
- children: ReactNode;
14
- /**
15
- * Content of the tooltip. Can be any JSX node.
16
- */
17
- content: ReactNode;
18
- /**
19
- * The Popover is a controlled input, and will be shown when `isOpen === true`.
20
- */
21
- isOpen: boolean;
22
- /**
23
- * Color of the arrow background. NOTE: That the arrowColor will default to the
24
- * `background` color applied in the `contentContainerProps`, but can be overwritten
25
- * by passing a specific value here.
26
- */
27
- arrowColor?: BackgroundColor;
28
- /**
29
- * An object matching the interface of the `Box` component props.
30
- * This is useful for styling the tooltip container using all the options available in
31
- * a `Box`.
32
- */
33
- contentContainerProps?: BoxProps;
34
- /**
35
- * Whether the arrow is shown.
36
- */
37
- hasArrow?: boolean;
38
- /**
39
- * How far (in pixels) the Popover element will be from the target.
40
- * Note that this is from the edge of the target to the edge of the popover content,
41
- * and it DOES NOT include the arrow element.
42
- */
43
- offsetFromTarget?: number;
44
- /**
45
- * Callback function to handle when a user clicks outside the Popover
46
- */
47
- onClickOutside?: (event: MouseEvent | KeyboardEvent) => void;
48
- /**
49
- * The placement (position) of the Popover relative to its trigger.
50
- */
51
- placement?: Placement;
52
- /**
53
- * Whether you want to trap focus in the Popover element when it is open.
54
- * Read more about focus traps:
55
- * [Here](https://allyjs.io/tutorials/accessible-dialog.html#trapping-focus-inside-the-dialog)
56
- */
57
- trapFocus?: boolean;
58
- /**
59
- * Additional props to be spread to rendered element
60
- */
61
- [x: string]: any;
62
- } & ({
63
- /**
64
- * Whether the element should be rendered outside its DOM structure
65
- * for reasons of placement. Use this when the element is being cut-off or
66
- * re-positioned due to lack of space in the parent container.
67
- * NOTE: `portalTarget` is required if this is true.
68
- */
69
- withPortal: true;
70
- /**
71
- * The target element where the Popover will be portaled to, when `withPortal === true`.
72
- * `document.body` will work for many cases, but you can also use a custom container for this.
73
- * Only required if withPortal is true.
74
- */
75
- portalTarget: HTMLElement;
76
- } | {
77
- withPortal?: false;
78
- portalTarget?: never;
79
- });
80
- export declare const Popover: FC<PopoverProps>;
1
+ import React from 'react';
2
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
3
+ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
4
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
5
+ declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
6
+ declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
7
+ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ export { Popover, PopoverTrigger, PopoverAnchor, PopoverPortal, PopoverContent, };
package/dist/components/Popover/Popover.stories.d.ts CHANGED
@@ -3,12 +3,5 @@ import type { Meta } from '@storybook/react-vite';
3
3
  import React from 'react';
4
4
  declare const meta: Meta<typeof Popover>;
5
5
  export default meta;
6
- export declare const BasicUsage: () => React.JSX.Element;
7
- export declare const PopoverStyling: () => React.JSX.Element;
8
- export declare const Placement: () => React.JSX.Element;
9
- export declare const WithAPortal: () => React.JSX.Element;
10
- export declare const HoverTrigger: () => React.JSX.Element;
11
- export declare const RespondToOutsideClicks: () => React.JSX.Element;
12
- export declare const TrappingFocus: () => React.JSX.Element;
13
- export declare const WithoutAnArrow: () => React.JSX.Element;
14
- export declare const OffsetDistance: () => React.JSX.Element;
6
+ export declare const Basic: () => React.JSX.Element;
7
+ export declare const SidesAndAlign: () => React.JSX.Element;
package/dist/css/index.css CHANGED
@@ -11,7 +11,7 @@
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)}
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
- @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}
14
+ .Popover-module_PopoverContent__1Ki2o{animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--color-background-popover,var(--color-background-primary));border-radius:var(--size-border-radius-sm);box-shadow:var(--size-box-shadow-sm);color:var(--color-font-popover,var(--color-font-base))}.Popover-module_PopoverContent__1Ki2o[data-side=top]{animation-name:Popover-module_slideUp__z1H3Z}.Popover-module_PopoverContent__1Ki2o[data-side=bottom]{animation-name:Popover-module_slideDown__KPRrt}.Popover-module_PopoverContent__1Ki2o[data-side=left]{animation-name:Popover-module_slideLeft__BVjMh}.Popover-module_PopoverContent__1Ki2o[data-side=right]{animation-name:Popover-module_slideRight__PoOkh}@keyframes Popover-module_slideDown__KPRrt{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slideUp__z1H3Z{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slideLeft__BVjMh{0%{opacity:0;transform:translateX(7px)}to{opacity:1;transform:translateX(0)}}@keyframes Popover-module_slideRight__PoOkh{0%{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:translateX(0)}}
15
15
  .Details-module_details-reset__HWtSD>summary{cursor:pointer;list-style:none}.Details-module_details-reset__HWtSD>summary::-webkit-details-marker{display:none}.Details-module_details-reset__HWtSD>summary:before{display:none}.Details-module_details-reset__HWtSD>summary:focus{box-shadow:0 0 0 2px var(--color-base-primary-light);outline:0}.Details-module_details-reset__HWtSD>summary:focus-visible{box-shadow:0 0 0 2px var(--color-base-primary-light);outline:0}.Details-module_details-reset__HWtSD>summary:focus:not(:focus-visible){box-shadow:none;outline:0}
16
16
  .Drawer-module_drawer__IKoOm{background:rgba(0,0,0,.33);bottom:0;left:0;max-height:100vh;overflow:visible;right:0;top:0;z-index:var(--size-z-index-overlay)}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-right__FANA9{background-color:transparent;left:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-left__xZFa3{background-color:transparent;right:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-bottom__11EB1{background-color:transparent;top:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-top__kEsV5{background-color:transparent;bottom:100%}.Drawer-module_drawer__IKoOm{animation:fadeIn .2s}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR{background-color:var(--color-background-primary);box-shadow:var(--drawer-box-shadow,var(--size-box-shadow-xl));display:flex;flex-direction:column;overflow:auto;padding:0;position:absolute;z-index:var(--size-z-index-drawer)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_left__pwTcW{animation:fadeInRight .2s ease-out;height:100%;left:0;width:var(--drawer-width,80vw)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_right__EzGpI{animation:fadeInLeft .2s ease-out;height:100%;right:0;width:var(--drawer-width,80vw)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_bottom__r3Q5Z{animation:fadeInUp .2s ease-out;bottom:0;max-height:100vh;width:100%}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_top__xQejO{animation:fadeInDown .2s ease-out;max-height:100vh;top:0;width:100%}@media (min-width:680px){.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_left__pwTcW,.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_right__EzGpI{width:var(--drawer-width,var(--size-dimension-8xl))}}
17
17
  .RadioInput-module_size-sm__6DLmn>:not(label){height:16px;width:16px}.RadioInput-module_size-md__wiJ4R>:not(label){height:20px;width:20px}.RadioInput-module_size-lg__pX8S8>:not(label){height:24px;width:24px}.RadioInput-module_radio-container__EBRgV input:focus+div{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.RadioInput-module_radio-container__EBRgV input:focus-visible+div{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.RadioInput-module_radio-container__EBRgV input:focus:not(:focus-visible)+div{box-shadow:none;outline:0}.RadioInput-module_radio-container__EBRgV.RadioInput-module_hidden__KF4as{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (min-width:680px){.RadioInput-module_size-sm-tablet__x7edi>:not(label){height:16px;width:16px}.RadioInput-module_size-md-tablet__T-HTa>:not(label){height:20px;width:20px}.RadioInput-module_size-lg-tablet__0Hkim>:not(label){height:24px;width:24px}}@media (min-width:992px){.RadioInput-module_size-sm-desktop__HjeWG>:not(label){height:16px;width:16px}.RadioInput-module_size-md-desktop__3Y1fn>:not(label){height:20px;width:20px}.RadioInput-module_size-lg-desktop__z3nKW>:not(label){height:24px;width:24px}}@media (min-width:1280px){.RadioInput-module_size-sm-hd__oxAR7>:not(label){height:16px;width:16px}.RadioInput-module_size-md-hd__ws7ro>:not(label){height:20px;width:20px}.RadioInput-module_size-lg-hd__87uii>:not(label){height:24px;width:24px}}
package/dist/css/utilities.css CHANGED
@@ -3,7 +3,7 @@
3
3
  \***************************************************************************************************************************/
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Fri, 15 Aug 2025 16:51:26 GMT
6
+ * Generated on Tue, 19 Aug 2025 17:35:39 GMT
7
7
  */
8
8
 
9
9
  .font-family-monospace { font-family: var(--assets-font-family-monospace); }
@@ -198,6 +198,12 @@
198
198
 
199
199
  .focus\:background-color-tooltip:focus { background: var(--color-background-tooltip); }
200
200
 
201
+ .background-color-popover { background: var(--color-background-popover); }
202
+
203
+ .hover\:background-color-popover:hover { background: var(--color-background-popover); }
204
+
205
+ .focus\:background-color-popover:focus { background: var(--color-background-popover); }
206
+
201
207
  .background-color-slider { background: var(--color-background-slider); }
202
208
 
203
209
  .hover\:background-color-slider:hover { background: var(--color-background-slider); }
@@ -768,6 +774,12 @@
768
774
 
769
775
  .focus\:font-color-tooltip:focus { color: var(--color-font-tooltip); }
770
776
 
777
+ .font-color-popover { color: var(--color-font-popover); }
778
+
779
+ .hover\:font-color-popover:hover { color: var(--color-font-popover); }
780
+
781
+ .focus\:font-color-popover:focus { color: var(--color-font-popover); }
782
+
771
783
  .font-color-placeholder { color: var(--color-font-placeholder); }
772
784
 
773
785
  .hover\:font-color-placeholder:hover { color: var(--color-font-placeholder); }
@@ -878,9 +890,9 @@
878
890
 
879
891
  .break-normal { word-break: var(--font-word-break-normal); }
880
892
 
881
- .break-break-all { word-break: var(--font-word-break-break-all); }
893
+ .break-all { word-break: var(--font-word-break-all); }
882
894
 
883
- .break-keep-all { word-break: var(--font-word-break-keep-all); }
895
+ .break-keep { word-break: var(--font-word-break-keep); }
884
896
 
885
897
  .bw-0 { border-width: var(--size-border-width-0); border-style: solid; }
886
898
 
@@ -2203,9 +2215,9 @@
2203
2215
 
2204
2216
  .break-normal-tablet { word-break: var(--font-word-break-normal); }
2205
2217
 
2206
- .break-break-all-tablet { word-break: var(--font-word-break-break-all); }
2218
+ .break-all-tablet { word-break: var(--font-word-break-all); }
2207
2219
 
2208
- .break-keep-all-tablet { word-break: var(--font-word-break-keep-all); }
2220
+ .break-keep-tablet { word-break: var(--font-word-break-keep); }
2209
2221
 
2210
2222
  .bw-0-tablet { border-width: var(--size-border-width-0); border-style: solid; }
2211
2223
 
@@ -3508,9 +3520,9 @@
3508
3520
 
3509
3521
  .break-normal-desktop { word-break: var(--font-word-break-normal); }
3510
3522
 
3511
- .break-break-all-desktop { word-break: var(--font-word-break-break-all); }
3523
+ .break-all-desktop { word-break: var(--font-word-break-all); }
3512
3524
 
3513
- .break-keep-all-desktop { word-break: var(--font-word-break-keep-all); }
3525
+ .break-keep-desktop { word-break: var(--font-word-break-keep); }
3514
3526
 
3515
3527
  .bw-0-desktop { border-width: var(--size-border-width-0); border-style: solid; }
3516
3528
 
@@ -4813,9 +4825,9 @@
4813
4825
 
4814
4826
  .break-normal-hd { word-break: var(--font-word-break-normal); }
4815
4827
 
4816
- .break-break-all-hd { word-break: var(--font-word-break-break-all); }
4828
+ .break-all-hd { word-break: var(--font-word-break-all); }
4817
4829
 
4818
- .break-keep-all-hd { word-break: var(--font-word-break-keep-all); }
4830
+ .break-keep-hd { word-break: var(--font-word-break-keep); }
4819
4831
 
4820
4832
  .bw-0-hd { border-width: var(--size-border-width-0); border-style: solid; }
4821
4833
 
package/dist/css/variables.css CHANGED
@@ -3,7 +3,7 @@
3
3
  \*********************************************************************************************************************/
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Fri, 15 Aug 2025 16:51:26 GMT
6
+ * Generated on Tue, 19 Aug 2025 17:35:39 GMT
7
7
  */
8
8
 
9
9
  :root {
@@ -41,6 +41,7 @@
41
41
  --color-background-toast: #262626;
42
42
  --color-background-toast-error: #ef4444;
43
43
  --color-background-tooltip: #262626;
44
+ --color-background-popover: #ffffff;
44
45
  --color-background-slider: #d4d4d4;
45
46
  --color-background-checkbox-checked: #404040;
46
47
  --color-background-brand-gradient: linear-gradient(60deg, #eab308 0%, #fa0a64 100%);
@@ -209,6 +210,7 @@
209
210
  --color-font-toast: #f5f5f5;
210
211
  --color-font-toast-error: #ffffff;
211
212
  --color-font-tooltip: #f5f5f5;
213
+ --color-font-popover: #404040;
212
214
  --color-font-placeholder: #a3a3a3; /* Placeholder color for input fields */
213
215
  --color-font-brand-yellow: #ffd200;
214
216
  --color-font-brand-orange: #ff911e;
@@ -238,8 +240,8 @@
238
240
  --font-white-space-pre-wrap: pre-wrap;
239
241
  --font-white-space-break-spaces: break-spaces;
240
242
  --font-word-break-normal: normal;
241
- --font-word-break-break-all: break-all;
242
- --font-word-break-keep-all: keep-all;
243
+ --font-word-break-all: break-all;
244
+ --font-word-break-keep: keep-all;
243
245
  --size-border-width-0: 0rem;
244
246
  --size-border-width-sm: 0.0625rem;
245
247
  --size-border-width-md: 0.125rem;
@@ -366,7 +368,7 @@
366
368
  \*******************************************************************************************************************************/
367
369
  /**
368
370
  * Do not edit directly
369
- * Generated on Fri, 15 Aug 2025 16:51:26 GMT
371
+ * Generated on Tue, 19 Aug 2025 17:35:39 GMT
370
372
  */
371
373
 
372
374
  :root.dark {
@@ -399,6 +401,7 @@
399
401
  --color-background-modal: #262626;
400
402
  --color-background-toast: #f5f5f5;
401
403
  --color-background-tooltip: #f5f5f5;
404
+ --color-background-popover: #262626;
402
405
  --color-background-slider: #737373;
403
406
  --color-background-checkbox-checked: #ffffff;
404
407
  --color-border-default: #525252;
@@ -445,6 +448,7 @@
445
448
  --color-font-button-tertiary-active: #ffffff;
446
449
  --color-font-toast: #404040;
447
450
  --color-font-tooltip: #404040;
451
+ --color-font-popover: #f5f5f5;
448
452
  --color-font-placeholder: #737373; /* Placeholder color for input fields */
449
453
  }
450
454