npm - kiban-design-system - Versions diffs - 1.0.236-alpha.0 → 1.0.237-alpha.0 - Mend

kiban-design-system 1.0.236-alpha.0 → 1.0.237-alpha.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 (26) hide show

package/dist/components/AlphaMultiSelectionPicker/AlphaMultiSelectionPicker.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { AlphaMultiSelectionPickerProps } from './AlphaMultiSelectionPicker.props';
+declare const AlphaMultiSelectionPicker: ({ items, onChange, theme, }: AlphaMultiSelectionPickerProps) => JSX.Element;
+export default AlphaMultiSelectionPicker;

package/dist/components/AlphaMultiSelectionPicker/AlphaMultiSelectionPicker.props.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { ThemeType } from '../ThemeProvider';
+export interface AlphaMultiSelectionPickerItems {
+    id: string;
+    value?: number;
+    plural: string;
+    singular: string;
+    min: number;
+    max: number;
+}
+export interface AlphaMultiSelectionPickerProps {
+    items: AlphaMultiSelectionPickerItems[];
+    onChange: (value: unknown[]) => void;
+    theme?: ThemeType;
+}

package/dist/components/AlphaMultiSelectionPicker/components/Picker/Picker.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { PickerProps } from './Picker.props';
+import './Picker.styles.scss';
+declare const Picker: ({ headers, items, onChange, selected, theme: ThemeProp, }: PickerProps) => JSX.Element | null;
+export default Picker;

package/dist/components/{AlphaTimeSelector/components/TimePicker/TimePicker.props.d.ts → AlphaMultiSelectionPicker/components/Picker/Picker.props.d.ts} RENAMED Viewed

@@ -1,12 +1,12 @@
 import { ThemeType } from '../../../ThemeProvider';
-export declare type TimePickerItemType = {
+export declare type PickerItemType = {
     value: unknown;
     label: string;
 };
-export interface TimePickerProps {
+export interface PickerProps {
     headers?: string[];
     selected?: unknown[];
-    items?: TimePickerItemType[][];
+    items?: PickerItemType[][];
     onChange?: (value: unknown[]) => void;
     theme?: ThemeType;
 }

package/dist/components/AlphaMultiSelectionPicker/components/Picker/components/List/List.props.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { PickerItemType } from '../../Picker.props';
+export interface ListProps {
+    items?: PickerItemType[];
+    selected?: unknown;
+    onChange?: (value: unknown) => void;
+}

package/dist/components/AlphaMultiSelectionPicker/components/Picker/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import Picker from './Picker';
+export * from './Picker.props';
+export { Picker };

package/dist/components/AlphaMultiSelectionPicker/components/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './Picker';

package/dist/components/AlphaMultiSelectionPicker/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import AlphaMultiSelectionPicker from './AlphaMultiSelectionPicker';
+export * from './AlphaMultiSelectionPicker.props';
+export { AlphaMultiSelectionPicker };

package/dist/components/AlphaTimeSelector/TimeSelector.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { TimeSelectorProps } from './TimeSelector.props';
 import './TimeSelector.styles.scss';
-declare const TimeSelector: ({ plurals, singulars, value, disabled, error, helpText, label, onChange, readOnly, placeholderValues, minMaxDays, minMaxHours, minMaxMinutes, minMaxSeconds, theme: themeProp, isRequired, }: TimeSelectorProps) => JSX.Element | null;
+declare const TimeSelector: ({ plurals, singulars, value, disabled, error, helpText, label, onChange, readOnly, placeholderValues, minMaxYears, minMaxMonths, minMaxDays, minMaxHours, minMaxMinutes, minMaxSeconds, theme: themeProp, isRequired, }: TimeSelectorProps) => JSX.Element | null;
 export default TimeSelector;

package/dist/components/AlphaTimeSelector/TimeSelector.props.d.ts CHANGED Viewed

@@ -1,16 +1,20 @@
 import type { ErrorType } from '../../types';
 import type { ThemeType } from '../ThemeProvider';
 export declare type TimeSelectorValueType = {
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
+    years?: number;
+    months?: number;
+    days?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
 };
 export declare type TimeSelectorValueLabelsType = {
-    days: string;
-    hours: string;
-    minutes: string;
-    seconds: string;
+    years?: string;
+    months?: string;
+    days?: string;
+    hours?: string;
+    minutes?: string;
+    seconds?: string;
 };
 export interface TimeSelectorProps {
     value?: TimeSelectorValueType;
@@ -23,6 +27,8 @@ export interface TimeSelectorProps {
     error?: ErrorType;
     onChange?: (value: TimeSelectorValueType) => void;
     placeholderValues?: TimeSelectorValueType;
+    minMaxYears?: [number, number];
+    minMaxMonths?: [number, number];
     minMaxDays?: [number, number];
     minMaxHours?: [number, number];
     minMaxMinutes?: [number, number];

package/dist/components/index.d.ts CHANGED Viewed

@@ -93,4 +93,5 @@ export * from './AlphaTimeSelector';
 export * from './Filters';
 export * from './Link';
 export * from './AlphaGraphicCard';
+export * from './AlphaMultiSelectionPicker';
 export * from './AlphaSegmentedControl';

package/dist/index.css CHANGED Viewed

@@ -174,7 +174,7 @@
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Tile__Container{background-color:#fff;border:1px solid #dee1e5;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:.75rem}.Tile__Container[class*=is-selected]{background-color:#e3efff;border-color:#0047ff}.Tile__Container .Media,.Tile__Container[class*=is--CLOUD] .Media{background-color:#f1f7ff;border:1px solid #c7dfff}.Tile__Container[class*=is--CLOUD][class*=is-selected]{background-color:#e3efff;border-color:#0047ff}.Tile__Container[class*=is--KLIN] .Media{background-color:#f1f7ff;border:1px solid #c7dfff}.Tile__Container[class*=is--KLIN][class*=is-selected]{background-color:#e3efff;border-color:#0047ff}.Tile__Container[class*=is--LINK] .Media{background-color:#fff4d9;border:1px solid #ffd68b}.Tile__Container[class*=is--LINK][class*=is-selected]{background-color:#ffe3b0;border-color:#ff9400}.Tile__Container[class*=is--RAINAO] .Media{background-color:#fff4fa;border:1px solid #ffc5e4}.Tile__Container[class*=is--RAINAO][class*=is-selected]{background-color:#ffe0f1;border-color:#ef007f}.Tile__Container[class*=is--REKON] .Media{background-color:#ebfffb;border:1px solid #b9fff2}.Tile__Container[class*=is--REKON][class*=is-selected]{background-color:#d7fff8;border-color:#00f2c6}.Tile__Container[class*=is--WORKFLOO] .Media{background-color:#f4edfe;border:1px solid #c8aafa}.Tile__Container[class*=is--WORKFLOO][class*=is-selected]{background-color:#e6d8fc;border-color:#500de5}.Tile__TitleWrapper{align-items:center;display:flex}.Tile__media-is-selected{display:flex}.Tile__Title{font-size:.75rem;font-weight:700;line-height:1rem;padding-left:.75rem}.Tile__Subtitle{color:#949aa4;font-size:.62rem;font-weight:500;line-height:.87rem;padding-left:.75rem;padding-top:.12rem}.Tile__Wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.Tile__TagsWrapper{margin-top:.75rem}.Tile__TagsWrapper[class*=is-large]{margin-left:3.75rem}.Tile__TagsWrapper[class*=is-small]{margin-left:2.25rem}.Tile__TagsWrapper[class*=is-medium]{margin-left:3rem}.Tile__Tags{display:flex;flex-wrap:wrap;gap:.75rem}.Tile__Tag{border:1px solid #dee1e5;border-radius:.37rem;font-size:.75rem;font-weight:600;line-height:1rem;padding:.24rem .62rem .25rem}
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Totalizer{border:1px solid var(--color-border-default);border-radius:var(--radius-8);padding:var(--spacing-8) var(--spacing-6)}.Totalizer__HeaderWrapper{align-items:center;display:flex}.Totalizer__TitleWrapper{color:var(--color-base-light-grey-90);flex:1;font-size:var(--font-size-100);font-weight:var(--font-weight-bold)}.Totalizer__IconWrapper{align-items:center;border-radius:var(--radius-4);display:flex;height:40px;justify-content:center;width:40px}.Totalizer__PlaceholderValueWrapper,.Totalizer__ValueWrapper{font-size:2.12rem;font-weight:var(--font-weight-bold);letter-spacing:-.04rem;line-height:2.5rem}.Totalizer__PlaceholderValueWrapper{color:var(--color-base-light-grey-40)}.Totalizer__ContentWrapper{align-items:center;display:flex}.Totalizer__ContentWrapper--has-Action{padding-top:var(--spacing-3)}.Totalizer__ValueContainerWrapper{flex:1}.Totalizer--has-ThemeCLOUD.Totalizer--isFocused{background-color:var(--color-background-cloud-light);border-color:var(--color-border-cloud)}.Totalizer--has-ThemeCLOUD .Totalizer__IconWrapper{background-color:var(--color-background-cloud-light);color:var(--color-icon-cloud)}.Totalizer--has-ThemeREKON.Totalizer--isFocused{background-color:var(--color-background-rekon-light);border-color:var(--color-border-rekon)}.Totalizer--has-ThemeREKON .Totalizer__IconWrapper{background-color:var(--color-background-rekon-light);color:var(--color-icon-rekon)}.Totalizer--has-ThemeRAINAO.Totalizer--isFocused{background-color:var(--color-background-rainao-light);border-color:var(--color-border-rainao)}.Totalizer--has-ThemeRAINAO .Totalizer__IconWrapper{background-color:var(--color-background-rainao-light);color:var(--color-icon-rainao)}.Totalizer--has-ThemeLINK.Totalizer--isFocused{background-color:var(--color-background-link-light);border-color:var(--color-border-link)}.Totalizer--has-ThemeLINK .Totalizer__IconWrapper{background-color:var(--color-background-link-light);color:var(--color-icon-link)}.Totalizer--has-ThemeWORKFLOO.Totalizer--isFocused{background-color:var(--color-background-workfloo-light);border-color:var(--color-border-workfloo)}.Totalizer--has-ThemeWORKFLOO .Totalizer__IconWrapper{background-color:var(--color-background-workfloo-light);color:var(--color-icon-workfloo)}.Totalizer--has-ThemeKLIN.Totalizer--isFocused{background-color:var(--color-background-klin-light);border-color:var(--color-border-klin)}.Totalizer--has-ThemeKLIN .Totalizer__IconWrapper{background-color:var(--color-background-klin-light);color:var(--color-icon-klin)}.Totalizer--isFocused{box-shadow:var(--shadow-s)}.Totalizer--isDisabled{background-color:var(--color-background-disabled)!important}.Totalizer--isDisabled .Totalizer__IconWrapper{background-color:transparent!important;color:var(--color-icon-disabled)!important}.TimeSelector__TimePicker{display:flex;flex-direction:column;max-height:256px}.TimeSelector__TimePicker__HeadersMarkup{border-bottom:1px solid var(--color-border-disabled);display:flex;flex:none;height:auto}.TimeSelector__TimePicker__HeaderItem{flex:1 1 0;font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--spacing-6);overflow:hidden;padding:var(--spacing-1) var(--spacing-05);text-align:center;text-overflow:ellipsis;white-space:nowrap}.TimeSelector__TimePicker__ItemsListWrapper{display:flex;height:calc(252px - var(--spacing-1) - var(--spacing-6));text-align:center}.TimeSelector__TimePicker__List{flex:1 1 0;height:100%;overflow:auto}.TimeSelector__TimePicker__List:after{content:"";display:block;height:calc(100% - var(--spacing-6) - var(--spacing-1) - 4px)}.TimeSelector__TimePicker__List ul{list-style:none;margin:0;padding:0}.TimeSelector__TimePicker__List ul li{cursor:pointer;font-size:var(--font-size-75);font-weight:var(--font-weight-medium);line-height:var(--spacing-6);padding:var(--spacing-1) 0}.TimeSelector__TimePicker__List ul li:not(:last-child){margin-bottom:var(--spacing-05)}.TimeSelector__TimePicker--CLOUD .TimeSelector__TimePicker__List ul li:hover,.TimeSelector__TimePicker--CLOUD .TimeSelector__TimePicker__List__ListItem--selected,.TimeSelector__TimePicker--KLIN .TimeSelector__TimePicker__List ul li:hover,.TimeSelector__TimePicker--KLIN .TimeSelector__TimePicker__List__ListItem--selected{background-color:var(--color-base-blue-50)}.TimeSelector__TimePicker--WORKFLOO .TimeSelector__TimePicker__List ul li:hover,.TimeSelector__TimePicker--WORKFLOO .TimeSelector__TimePicker__List__ListItem--selected{background-color:var(--color-base-purple-50)}.TimeSelector__TimePicker--LINK .TimeSelector__TimePicker__List ul li:hover,.TimeSelector__TimePicker--LINK .TimeSelector__TimePicker__List__ListItem--selected{background-color:var(--color-base-orange-50)}.TimeSelector__TimePicker--RAINAO .TimeSelector__TimePicker__List ul li:hover,.TimeSelector__TimePicker--RAINAO .TimeSelector__TimePicker__List__ListItem--selected{background-color:var(--color-base-pink-50)}.TimeSelector__TimePicker--REKON .TimeSelector__TimePicker__List ul li:hover,.TimeSelector__TimePicker--REKON .TimeSelector__TimePicker__List__ListItem--selected{background-color:var(--color-base-mint-50)}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Totalizer{border:1px solid var(--color-border-default);border-radius:var(--radius-8);padding:var(--spacing-8) var(--spacing-6)}.Totalizer__HeaderWrapper{align-items:center;display:flex}.Totalizer__TitleWrapper{color:var(--color-base-light-grey-90);flex:1;font-size:var(--font-size-100);font-weight:var(--font-weight-bold)}.Totalizer__IconWrapper{align-items:center;border-radius:var(--radius-4);display:flex;height:40px;justify-content:center;width:40px}.Totalizer__PlaceholderValueWrapper,.Totalizer__ValueWrapper{font-size:2.12rem;font-weight:var(--font-weight-bold);letter-spacing:-.04rem;line-height:2.5rem}.Totalizer__PlaceholderValueWrapper{color:var(--color-base-light-grey-40)}.Totalizer__ContentWrapper{align-items:center;display:flex}.Totalizer__ContentWrapper--has-Action{padding-top:var(--spacing-3)}.Totalizer__ValueContainerWrapper{flex:1}.Totalizer--has-ThemeCLOUD.Totalizer--isFocused{background-color:var(--color-background-cloud-light);border-color:var(--color-border-cloud)}.Totalizer--has-ThemeCLOUD .Totalizer__IconWrapper{background-color:var(--color-background-cloud-light);color:var(--color-icon-cloud)}.Totalizer--has-ThemeREKON.Totalizer--isFocused{background-color:var(--color-background-rekon-light);border-color:var(--color-border-rekon)}.Totalizer--has-ThemeREKON .Totalizer__IconWrapper{background-color:var(--color-background-rekon-light);color:var(--color-icon-rekon)}.Totalizer--has-ThemeRAINAO.Totalizer--isFocused{background-color:var(--color-background-rainao-light);border-color:var(--color-border-rainao)}.Totalizer--has-ThemeRAINAO .Totalizer__IconWrapper{background-color:var(--color-background-rainao-light);color:var(--color-icon-rainao)}.Totalizer--has-ThemeLINK.Totalizer--isFocused{background-color:var(--color-background-link-light);border-color:var(--color-border-link)}.Totalizer--has-ThemeLINK .Totalizer__IconWrapper{background-color:var(--color-background-link-light);color:var(--color-icon-link)}.Totalizer--has-ThemeWORKFLOO.Totalizer--isFocused{background-color:var(--color-background-workfloo-light);border-color:var(--color-border-workfloo)}.Totalizer--has-ThemeWORKFLOO .Totalizer__IconWrapper{background-color:var(--color-background-workfloo-light);color:var(--color-icon-workfloo)}.Totalizer--has-ThemeKLIN.Totalizer--isFocused{background-color:var(--color-background-klin-light);border-color:var(--color-border-klin)}.Totalizer--has-ThemeKLIN .Totalizer__IconWrapper{background-color:var(--color-background-klin-light);color:var(--color-icon-klin)}.Totalizer--isFocused{box-shadow:var(--shadow-s)}.Totalizer--isDisabled{background-color:var(--color-background-disabled)!important}.Totalizer--isDisabled .Totalizer__IconWrapper{background-color:transparent!important;color:var(--color-icon-disabled)!important}.AlphaMultiSelectionPicker__Picker{display:flex;flex-direction:column;max-height:256px}.AlphaMultiSelectionPicker__Picker__HeadersMarkup{border-bottom:1px solid var(--color-border-disabled);display:flex;flex:none;height:auto}.AlphaMultiSelectionPicker__Picker__HeaderItem{flex:1 1 0;font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--spacing-6);overflow:hidden;padding:var(--spacing-1) var(--spacing-05);text-align:center;text-overflow:ellipsis;white-space:nowrap}.AlphaMultiSelectionPicker__Picker__ItemsListWrapper{display:flex;height:calc(252px - var(--spacing-1) - var(--spacing-6));text-align:center}.AlphaMultiSelectionPicker__Picker__List{flex:1 1 0;height:100%;overflow:auto}.AlphaMultiSelectionPicker__Picker__List:after{content:"";display:block;height:calc(100% - var(--spacing-6) - var(--spacing-1) - 4px)}.AlphaMultiSelectionPicker__Picker__List ul{list-style:none;margin:0;padding:0}.AlphaMultiSelectionPicker__Picker__List ul li{cursor:pointer;font-size:var(--font-size-75);font-weight:var(--font-weight-medium);line-height:var(--spacing-6);padding:var(--spacing-1) 0}.AlphaMultiSelectionPicker__Picker__List ul li:not(:last-child){margin-bottom:var(--spacing-05)}.AlphaMultiSelectionPicker__Picker--CLOUD .AlphaMultiSelectionPicker__Picker__List ul li:hover,.AlphaMultiSelectionPicker__Picker--CLOUD .AlphaMultiSelectionPicker__Picker__List__ListItem--selected,.AlphaMultiSelectionPicker__Picker--KLIN .AlphaMultiSelectionPicker__Picker__List ul li:hover,.AlphaMultiSelectionPicker__Picker--KLIN .AlphaMultiSelectionPicker__Picker__List__ListItem--selected{background-color:var(--color-base-blue-50)}.AlphaMultiSelectionPicker__Picker--WORKFLOO .AlphaMultiSelectionPicker__Picker__List ul li:hover,.AlphaMultiSelectionPicker__Picker--WORKFLOO .AlphaMultiSelectionPicker__Picker__List__ListItem--selected{background-color:var(--color-base-purple-50)}.AlphaMultiSelectionPicker__Picker--LINK .AlphaMultiSelectionPicker__Picker__List ul li:hover,.AlphaMultiSelectionPicker__Picker--LINK .AlphaMultiSelectionPicker__Picker__List__ListItem--selected{background-color:var(--color-base-orange-50)}.AlphaMultiSelectionPicker__Picker--RAINAO .AlphaMultiSelectionPicker__Picker__List ul li:hover,.AlphaMultiSelectionPicker__Picker--RAINAO .AlphaMultiSelectionPicker__Picker__List__ListItem--selected{background-color:var(--color-base-pink-50)}.AlphaMultiSelectionPicker__Picker--REKON .AlphaMultiSelectionPicker__Picker__List ul li:hover,.AlphaMultiSelectionPicker__Picker--REKON .AlphaMultiSelectionPicker__Picker__List__ListItem--selected{background-color:var(--color-base-mint-50)}
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.TimeSelector__FooterWrapper{background-color:var(--color-base-light-grey-20);display:flex;gap:var(--spacing-6);justify-content:center;padding:var(--spacing-1) 0}.TimeSelector__Field{align-items:center;background-color:var(--color-base-white);border:1px solid var(--color-border-disabled);border-radius:var(--radius-2);display:flex;gap:var(--spacing-05);height:2.25rem;padding:var(--spacing-2) var(--spacing-3)}.TimeSelector__Field--isFocused{border:.06rem solid var(--color-border-primary);box-shadow:0 0 0 3px var(--color-shadow-focus-primary)}.TimeSelector__InnerField{align-items:center;display:flex;font-size:var(--font-size-75);gap:var(--spacing-05);line-height:var(--spacing-4)}.TimeSelector--isEmpty .TimeSelector__InnerField span{color:var(--color-text-disabled)}.TimeSelector__FieldWrapper input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;max-width:28px;outline:none;padding:0;text-align:center}.TimeSelector__FieldWrapper input::-webkit-inner-spin-button,.TimeSelector__FieldWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.TimeSelector__FieldWrapper input::-moz-placeholder{color:var(--color-text-disabled)}.TimeSelector__FieldWrapper input::placeholder{color:var(--color-text-disabled)}.TimeSelector__LabelWrapper{margin-bottom:var(--spacing-2)}.TimeSelector__HelpTextWrapper{color:var(--color-base-light-grey-60);font-size:var(--font-size-50);margin-top:var(--spacing-2)}.TimeSelector--CLOUD .TimeSelector__Field--isFocused{border-color:var(--color-border-cloud);box-shadow:0 0 0 3px var(--color-shadow-focus-cloud)}.TimeSelector--KLIN .TimeSelector__Field--isFocused{border-color:var(--color-border-klin);box-shadow:0 0 0 3px var(--color-shadow-focus-klin)}.TimeSelector--WORKFLOO .TimeSelector__Field--isFocused{border-color:var(--color-border-workfloo);box-shadow:0 0 0 3px var(--color-shadow-focus-workfloo)}.TimeSelector--LINK .TimeSelector__Field--isFocused{border-color:var(--color-border-link);box-shadow:0 0 0 3px var(--color-shadow-focus-link)}.TimeSelector--RAINAO .TimeSelector__Field--isFocused{border-color:var(--color-border-rainao);box-shadow:0 0 0 3px var(--color-shadow-focus-rainao)}.TimeSelector--REKON .TimeSelector__Field--isFocused{border-color:var(--color-border-rekon);box-shadow:0 0 0 3px var(--color-shadow-focus-rekon)}.Filters{margin-bottom:2rem}.Filters__ActionsWrapper{display:flex}.Filters__MainActionsWrapper{align-items:center;display:flex;flex:none;gap:1rem;justify-content:flex-end;width:auto}.Filters__SecondaryActionsWrapper{flex:1 1 0}.Filters__SecondaryActionsWrapper .AlphaButton:not(:hover){background-color:transparent!important}.Filters__SelectedFiltersWrapper{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.FilterField{align-items:center;display:flex;gap:.75rem}.FilterField__LabelWrapper{color:var(--color-base-light-grey-80);font-size:.75rem;line-height:1rem;width:35%}.FilterField__FieldWrapper{flex:1}.FilterField input::-moz-placeholder{color:var(--color-base-light-grey-60)!important}.FilterField .Select__placeholder,.FilterField input::placeholder{color:var(--color-base-light-grey-60)!important}.FilterField__RemoveButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--radius-2);color:var(--color-base-light-grey-90);cursor:pointer;height:34px;line-height:0;padding:0;width:34px}.FilterField__RemoveButton:hover{background-color:var(--color-base-light-grey-20)}.FilterField__RemoveButton svg{height:18px;width:18px}.Link{color:var(--color-text-primary)}.Link:hover{color:var(--color-text-primary-hover)}.Link:visited{color:var(--color-text-primary-focus)}@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700&display=swap");:root{--color-background:#fff;--color-background-primary:#0047ff;--color-background-danger:#dc2626;--color-background-warning:#f59e0b;--color-background-success:#10b981;--color-background-cloud:#0047ff;--color-background-klin:#0047ff;--color-background-rainao:#ef007f;--color-background-link:#ff9400;--color-background-rekon:#00f2c6;--color-background-workfloo:#500de5;--color-background-workfloo-light:#e6d8fc;--color-background-primary-light:#e3efff;--color-background-danger-light:#fee2e2;--color-background-warning-light:#fef3c7;--color-background-success-light:#d1fae5;--color-background-cloud-light:#e3efff;--color-background-klin-light:#e3efff;--color-background-rainao-light:#ffe0f1;--color-background-link-light:#ffe3b0;--color-background-rekon-light:#d7fff8;--color-background-hover:#f5f6f7;--color-background-disabled:#f5f6f7;--color-background-primary-hover:#336cff;--color-background-primary-light-hover:#f1f7ff;--color-background-danger-hover:#f87171;--color-background-danger-light-hover:#fef2f2;--color-background-warning-hover:#fbbf24;--color-background-warning-light-hover:#fffbeb;--color-background-success-hover:#34d399;--color-background-success-light-hover:#ecfdf5;--color-background-cloud-hover:#5b9aff;--color-background-cloud-light-hover:#f1f7ff;--color-background-klin-hover:#5b9aff;--color-background-klin-light-hover:#f1f7ff;--color-background-rainao-hover:#ff66b8;--color-background-rainao-light-hover:#fff4fa;--color-background-link-hover:#ffc746;--color-background-link-light-hover:#fff4d9;--color-background-rekon-hover:#65ffe3;--color-background-rekon-light-hover:#ebfffb;--color-background-workfloo-hover:#9150f6;--color-background-workfloo-light-hover:#f4edfe;--color-base-white:#fff;--color-base-black:#000;--color-base-blue-50:#f1f7ff;--color-base-blue-100:#e3efff;--color-base-blue-200:#c7dfff;--color-base-blue-300:#95bdff;--color-base-blue-400:#5b9aff;--color-base-blue-500:#336cff;--color-base-blue-600:#0047ff;--color-base-blue-700:#0028ee;--color-base-blue-800:#00c;--color-base-blue-900:#000c91;--color-base-blue-950:#001757;--color-base-light-grey-10:#fafbfb;--color-base-light-grey-20:#f5f6f7;--color-base-light-grey-30:#ebedf0;--color-base-light-grey-40:#dee1e5;--color-base-light-grey-50:#c2c6cd;--color-base-light-grey-60:#b5bac3;--color-base-light-grey-70:#a6acb7;--color-base-light-grey-80:#949aa4;--color-base-light-grey-90:#808692;--color-base-dark-grey-100:#707684;--color-base-dark-grey-200:#646d79;--color-base-dark-grey-300:#565f6c;--color-base-dark-grey-400:#485160;--color-base-dark-grey-500:#3c4655;--color-base-dark-grey-600:#2f3946;--color-base-dark-grey-700:#212b39;--color-base-dark-grey-800:#181f2e;--color-base-dark-grey-900:#0c111d;--color-base-green-50:#ecfdf5;--color-base-green-100:#d1fae5;--color-base-green-200:#a7f3d0;--color-base-green-300:#6ee7b7;--color-base-green-400:#34d399;--color-base-green-500:#10b981;--color-base-green-600:#059669;--color-base-green-700:#047857;--color-base-green-800:#065f46;--color-base-green-900:#064e3b;--color-base-red-50:#fef2f2;--color-base-red-100:#fee2e2;--color-base-red-200:#fecaca;--color-base-red-300:#fca5a5;--color-base-red-400:#f87171;--color-base-red-500:#ef4444;--color-base-red-600:#dc2626;--color-base-red-700:#b91c1c;--color-base-red-800:#991b1b;--color-base-red-900:#7f1d1d;--color-base-yellow-50:#fffbeb;--color-base-yellow-100:#fef3c7;--color-base-yellow-200:#fde68a;--color-base-yellow-300:#fcd34d;--color-base-yellow-400:#fbbf24;--color-base-yellow-500:#f59e0b;--color-base-yellow-600:#d97706;--color-base-yellow-700:#b45309;--color-base-yellow-800:#92400e;--color-base-yellow-900:#78350f;--color-base-pink-50:#fff4fa;--color-base-pink-100:#ffe0f1;--color-base-pink-200:#ffc5e4;--color-base-pink-300:#ff99d0;--color-base-pink-400:#ff66b8;--color-base-pink-500:#ff40a7;--color-base-pink-600:#ef007f;--color-base-pink-700:#d9007f;--color-base-pink-800:#a90075;--color-base-pink-900:#8c0055;--color-base-pink-1000:#6c0039;--color-base-orange-50:#fff4d9;--color-base-orange-100:#ffe3b0;--color-base-orange-200:#ffd68b;--color-base-orange-300:#ffce5f;--color-base-orange-400:#ffc746;--color-base-orange-500:#ffb32b;--color-base-orange-600:#ff9400;--color-base-orange-700:#ec8900;--color-base-orange-800:#d07900;--color-base-orange-900:#a76100;--color-base-mint-50:#ebfffb;--color-base-mint-100:#d7fff8;--color-base-mint-200:#b9fff2;--color-base-mint-300:#93ffeb;--color-base-mint-400:#65ffe3;--color-base-mint-500:#23ffd7;--color-base-mint-600:#00f2c6;--color-base-mint-700:#00dab2;--color-base-mint-800:#00b594;--color-base-mint-900:#00715c;--color-base-purple-50:#f4edfe;--color-base-purple-100:#e6d8fc;--color-base-purple-200:#c8aafa;--color-base-purple-300:#a471f7;--color-base-purple-400:#9150f6;--color-base-purple-500:#7121f1;--color-base-purple-600:#500de5;--color-base-purple-700:#2d02bb;--color-base-purple-800:#0a058b;--color-base-purple-900:#040265;--color-border-error:#dc2626;--color-border-warning:#d97706;--color-border-disabled:#dee1e5;--color-border-success:#10b981;--color-border-primary:#336cff;--color-border-cloud:#336cff;--color-border-klin:#336cff;--color-border-rainao:#ff40a7;--color-border-link:#ffb32b;--color-border-rekon:#23ffd7;--color-border-workfloo:#7121f1;--color-border-default:#dee1e5;--color-border-primary-light:#e3efff;--color-border-primary-hover:#336cff;--color-border-primary-focus:#0047ff;--color-border-success-light:#d1fae5;--color-border-success-hover:#34d399;--color-border-success-focus:#10b981;--color-border-danger-light:#fee2e2;--color-border-danger-hover:#ef4444;--color-border-danger-focus:#dc2626;--color-border-warning-light:#fef3c7;--color-border-warning-hover:#fbbf24;--color-border-warning-focus:#f59e0b;--color-border-cloud-light:#e3efff;--color-border-cloud-hover:#336cff;--color-border-cloud-focus:#0047ff;--color-border-klin-light:#e3efff;--color-border-klin-hover:#336cff;--color-border-klin-focus:#0047ff;--color-border-rainao-light:#ffe0f1;--color-border-rainao-hover:#ff40a7;--color-border-rainao-focus:#ef007f;--color-border-link-light:#ffe3b0;--color-border-link-hover:#ffb32b;--color-border-link-focus:#ff9400;--color-border-rekon-light:#d7fff8;--color-border-rekon-hover:#23ffd7;--color-border-rekon-focus:#00f2c6;--color-border-workfloo-light:#e6d8fc;--color-border-workfloo-hover:#7121f1;--color-border-workfloo-focus:#500de5;--color-on-dark:#fff;--color-icon-primary:#0047ff;--color-icon-success:#10b981;--color-icon-danger:#dc2626;--color-icon-warning:#f59e0b;--color-icon-cloud:#0047ff;--color-icon-klin:#0047ff;--color-icon-rainao:#ef007f;--color-icon-link:#ff9400;--color-icon-rekon:#00f2c6;--color-icon-workfloo:#500de5;--color-icon-background-primary:#0047ff;--color-icon-background-success:#059669;--color-icon-background-danger:#dc2626;--color-icon-background-warning:#d97706;--color-icon-background-cloud:#0047ff;--color-icon-background-klin:#0047ff;--color-icon-background-rainao:#ef007f;--color-icon-background-link:#ff9400;--color-icon-background-rekon:#00f2c6;--color-icon-background-workfloo:#500de5;--color-icon-disabled:#c2c6cd;--color-icon-light:#a6acb7;--color-icon-primary-light:#e3efff;--color-icon-success-light:#d1fae5;--color-icon-danger-light:#fee2e2;--color-icon-warning-light:#fef3c7;--color-icon-cloud-light:#e3efff;--color-icon-klin-light:#e3efff;--color-icon-rainao-light:#ffe0f1;--color-icon-link-light:#ffe3b0;--color-icon-rekon-light:#d7fff8;--color-icon-workfloo-light:#e6d8fc;--color-icon-background-disabled:#f5f6f7;--color-icon-background-light:#a6acb7;--color-icon-background-primary-light:#e3efff;--color-icon-background-success-light:#d1fae5;--color-icon-background-danger-light:#fee2e2;--color-icon-background-warning-light:#fef3c7;--color-icon-background-cloud-light:#e3efff;--color-icon-background-klin-light:#e3efff;--color-icon-background-rainao-light:#ffe0f1;--color-icon-background-link-light:#ffe3b0;--color-icon-background-rekon-light:#d7fff8;--color-icon-background-workfloo-light:#e6d8fc;--color-shadow-focus:rgba(0,71,255,.1);--color-shadow-focus-primary:rgba(0,71,255,.1);--color-shadow-focus-success:rgba(5,150,105,.1);--color-shadow-focus-danger:rgba(220,38,38,.1);--color-shadow-focus-warning:rgba(217,119,6,.1);--color-shadow-focus-cloud:rgba(0,71,255,.1);--color-shadow-focus-klin:rgba(0,71,255,.1);--color-shadow-focus-rainao:rgba(239,0,127,.1);--color-shadow-focus-link:rgba(255,148,0,.1);--color-shadow-focus-rekon:rgba(0,242,198,.1);--color-shadow-focus-workfloo:rgba(80,13,229,.1);--color-text-primary:#0047ff;--color-text-success:#10b981;--color-text-danger:#dc2626;--color-text-warning:#f59e0b;--color-text-interactive:#0047ff;--color-text-cloud:#0047ff;--color-text-klin:#0047ff;--color-text-rainao:#ef007f;--color-text-link:#ff9400;--color-text-rekon:#00f2c6;--color-text-workfloo:#500de5;--color-text-light:#a6acb7;--color-text-disabled:#c2c6cd;--color-text-on-dark:#fff;--color-text-primary-light:#e3efff;--color-text-primary-hover:#336cff;--color-text-primary-focus:#0047ff;--color-text-success-light:#d1fae5;--color-text-success-hover:#34d399;--color-text-success-focus:#10b981;--color-text-danger-light:#fee2e2;--color-text-danger-hover:#ef4444;--color-text-danger-focus:#dc2626;--color-text-warning-light:#fef3c7;--color-text-warning-hover:#fbbf24;--color-text-warning-focus:#f59e0b;--color-text-interactive-hover:#336cff;--color-text-interactive-focus:#0047ff;--color-text-cloud-light:#e3efff;--color-text-cloud-hover:#336cff;--color-text-cloud-focus:#0047ff;--color-text-klin-light:#e3efff;--color-text-klin-hover:#336cff;--color-text-klin-focus:#0047ff;--color-text-rainao-light:#ffe0f1;--color-text-rainao-hover:#ff40a7;--color-text-rainao-focus:#ef007f;--color-text-link-light:#ffe3b0;--color-text-link-hover:#ffb32b;--color-text-link-focus:#ff9400;--color-text-rekon-light:#d7fff8;--color-text-rekon-hover:#23ffd7;--color-text-rekon-focus:#00f2c6;--color-text-workfloo-light:#e6d8fc;--color-text-workfloo-hover:#7121f1;--color-text-workfloo-focus:#500de5;--color-icon:#485160;--color-icon-background:#f5f6f7;--color-shadow:rgba(0,0,0,.1);--color-text:#0c111d;--motion-duration-50:50ms;--motion-duration-100:100ms;--motion-duration-150:150ms;--motion-duration-200:200ms;--motion-duration-250:250ms;--motion-duration-300:300ms;--motion-duration-350:350ms;--motion-duration-400:400ms;--motion-duration-450:450ms;--motion-duration-500:500ms;--motion-duration-1000:1000ms;--motion-ease-in-out:ease-in-out;--motion-keyframes-spin:kds-keyframes-spin;--shadow-focus:0 0 0 3px rgba(0,0,0,.1);--shadow-s:0 6px 12px 0 rgba(0,0,0,.1);--shadow-m:0 8px 16px 0 rgba(0,0,0,.1);--shadow-l:0 12px 24px 0 rgba(0,0,0,.1);--shadow-tooltip:0 0 8px 0 rgba(0,0,0,.1);--shadow-focus-primary:0 0 0 3px rgba(0,71,255,.1);--shadow-focus-danger:0 0 0 3px rgba(220,38,38,.1);--shadow-focus-warning:0 0 0 3px rgba(217,119,6,.1);--shadow-focus-success:0 0 0 3px rgba(5,150,105,.1);--shadow-focus-cloud:0 0 0 3px rgba(0,71,255,.1);--shadow-focus-klin:0 0 0 3px rgba(0,71,255,.1);--shadow-focus-rainao:0 0 0 3px rgba(239,0,127,.1);--shadow-focus-link:0 0 0 3px rgba(255,148,0,.1);--shadow-focus-rekon:0 0 0 3px rgba(0,242,198,.1);--shadow-focus-workfloo:0 0 0 3px rgba(80,13,229,.1);--font-family-sans:Manrope,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-size-25:0.625rem;--font-size-50:0.75rem;--font-size-75:0.875rem;--font-size-100:1rem;--font-size-150:1.125rem;--font-size-200:1.25rem;--font-size-300:1.5rem;--font-size-400:1.75rem;--font-size-500:2rem;--font-size-600:2.25rem;--font-size-700:2.5rem;--font-size-800:2.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-line-height-1:1rem;--font-line-height-2:1.125rem;--font-line-height-3:1.25rem;--font-line-height-4:1.5rem;--font-line-height-5:1.75rem;--font-line-height-6:2rem;--font-line-height-7:2.25rem;--font-line-height-8:2.5rem;--font-line-height-9:2.75rem;--font-line-height-10:3rem;--radius-1:2px;--radius-2:4px;--radius-3:6px;--radius-4:8px;--radius-6:12px;--radius-7:14px;--radius-8:16px;--radius-9:18px;--radius-10:20px;--radius-11:22px;--radius-12:24px;--radius-13:26px;--radius-14:28px;--radius-15:30px;--radius-16:32px;--radius-23:46px;--radius-rounded:9999px;--radius-circular:50%;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-025:0.0625rem;--spacing-05:0.125rem;--z-index-tooltip:1070;--z-index-popover:1060;--z-index-modal:1050;--z-index-modal-backdrop:1040;--z-index-fixed:1030}html{min-height:100vh}*{box-sizing:border-box}