@vincentgraul/react-components 1.0.88 → 1.0.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/country-selector/country-selector.d.ts +3 -2
- package/dist/react-components.css +1 -1
- package/dist/react-components.js +2848 -2845
- package/dist/select/select.d.ts +16 -15
- package/package.json +1 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
1
2
|
import { CountrySelectorOption } from './country-selector.types';
|
|
2
3
|
import { SelectProps } from '..';
|
|
3
4
|
export type CountrySelectorProps = {
|
|
4
5
|
languages: string[];
|
|
5
6
|
value?: string;
|
|
7
|
+
flagHeight?: CSSProperties["height"];
|
|
6
8
|
onChange?: (option: CountrySelectorOption) => void;
|
|
7
|
-
flagSize?: string;
|
|
8
9
|
className?: string;
|
|
9
10
|
};
|
|
10
|
-
export declare const CountrySelector: ({ className, value, languages, onChange,
|
|
11
|
+
export declare const CountrySelector: ({ className, value, languages, onChange, flagHeight, ...rest }: CountrySelectorProps & Omit<SelectProps, "options">) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_b295z_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_b295z_12{position:absolute;top:50%;left:50%;color:#f9fbff;display:flex;flex-direction:column;align-items:center}@keyframes _loading_b295z_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_b295z_32{animation:_loading_b295z_1 var(--animation-duration) linear infinite}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;inset:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}.
|
|
1
|
+
._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_b295z_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_b295z_12{position:absolute;top:50%;left:50%;color:#f9fbff;display:flex;flex-direction:column;align-items:center}@keyframes _loading_b295z_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_b295z_32{animation:_loading_b295z_1 var(--animation-duration) linear infinite}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;inset:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}._container_1if94_1{display:flex;flex-direction:column;min-width:fit-content}._selected-option-container_1if94_7{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px}._selected-option-text_1if94_19{padding:10px}._selected-option-arrow-container_1if94_23{display:flex;align-items:center;border-left:1px solid black;padding:0 10px;height:100%}._selected-option-arrow_1if94_23{width:auto;height:60%}._options-list_1if94_36{width:100%;list-style:none;margin:10px 0 0;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px;padding:0}._option_1if94_36{cursor:pointer;padding:10px}._option_1if94_36:hover{background-color:var(--hover-background-color, #ecf0f1);color:var(--hover-text-color, black);font-weight:var(--hover-text-weight, 400)}._option_1if94_36:hover:first-child{border-radius:5px 5px 0 0}._option_1if94_36:hover:last-child{border-radius:0 0 5px 5px}._option_1if94_36:hover:only-child{border-radius:5px}._container_cds7q_1{display:flex;flex-flow:column}._main_cds7q_6{width:100%;table-layout:fixed;border-collapse:collapse}._tbody_cds7q_12{-webkit-user-select:text;user-select:text}._tbody_cds7q_12 tr:last-child{border:none}._th_cds7q_19{padding:2rem 1rem 1rem 0;word-wrap:break-word;white-space:nowrap}._tr_cds7q_25{text-align:center;border-bottom:2px solid black}._td_cds7q_30{padding:2rem 1rem 1rem 0;word-wrap:break-word}._container_1ahie_1{display:flex;flex-direction:column}._header_1ahie_6{display:flex;align-items:center}._title_1ahie_11{margin:auto}._footer_1ahie_15{display:flex;justify-content:center}._container_ldyam_1{display:flex}._container_1xgvv_1{padding:.5rem 1rem;cursor:pointer;border-style:solid}._container_1xgvv_1:hover{opacity:var(--hover-opacity, .8)}._container_1qytk_1{display:flex;flex-direction:column;align-items:center}._drop-zone_1qytk_7{display:flex;width:100%;flex-direction:column;border:5px dashed black;align-items:center;cursor:pointer;padding:1rem}._drop-zone--dragging_1qytk_17{opacity:.5}._text_1qytk_21{margin:0;text-align:center}._preview-file_1qytk_26{width:100%}._remove-button_1qytk_30{background:none;border:none;padding:0;cursor:pointer}._container_yjgug_1{display:flex;flex-direction:column;padding:1rem;background-color:#fff;width:100%}._title_yjgug_9{color:#000;text-align:center;margin:0}._container_1ixnv_1{display:flex;align-items:center;font-size:var(--checkbox-size, 1rem);cursor:pointer;width:fit-content}._input_1ixnv_9{appearance:none;border:2px solid black;cursor:pointer;width:calc(var(--checkbox-size, 1rem) * 1.25);height:calc(var(--checkbox-size, 1rem) * 1.25)}._input_1ixnv_9:checked{background-color:var(--checkbox-background-color-checked)}._input_1ixnv_9:checked:before{content:"";display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e") no-repeat center / 100%;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e") no-repeat center / 100%;background-color:var(--checkbox-color-check, black);width:100%;height:100%}._input_1ixnv_9._icon-small_1ixnv_29:checked:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e")}._input_1ixnv_9._icon-large_1ixnv_33:checked:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e")}._list_1oo9c_1{display:flex;flex-direction:column;margin:0;padding:0}._item_1oo9c_8{display:flex;align-items:center}._container_1r41o_1{margin:0}
|