@emporix/cockpit-component-library 1.0.1 → 1.0.3
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/index.d.ts +1252 -27
- package/dist/index.es.js +2327 -1153
- package/dist/index.umd.js +49 -30
- package/dist/quill-B5-e7UWH.js +7531 -0
- package/dist/style.css +7 -1
- package/dist/styles.d.ts +1 -4
- package/package.json +5 -4
- package/dist/components/buttons/PrimaryButton.d.ts +0 -37
- package/dist/components/buttons/PrimaryButton.d.ts.map +0 -1
- package/dist/components/buttons/SecondaryButton.d.ts +0 -33
- package/dist/components/buttons/SecondaryButton.d.ts.map +0 -1
- package/dist/components/card/Card.d.ts +0 -20
- package/dist/components/card/Card.d.ts.map +0 -1
- package/dist/components/chip/Chip.d.ts +0 -25
- package/dist/components/chip/Chip.d.ts.map +0 -1
- package/dist/components/dropdown/Dropdown.d.ts +0 -107
- package/dist/components/dropdown/Dropdown.d.ts.map +0 -1
- package/dist/components/input/InputText.d.ts +0 -37
- package/dist/components/input/InputText.d.ts.map +0 -1
- package/dist/components/selectbutton/SelectButton.d.ts +0 -63
- package/dist/components/selectbutton/SelectButton.d.ts.map +0 -1
- package/dist/components/tabs/Tabs.d.ts +0 -39
- package/dist/components/tabs/Tabs.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
package/dist/style.css
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
._primaryButton_3izpp_1{background:var(--color-primary);border:1px solid var(--border-color-primary);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--border-radius-md);font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:1.4;text-transform:none;color:#fff;padding:.5rem 1rem;cursor:pointer;height:36px;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}._primaryButton_3izpp_1:focus{outline:0}._primaryButton_3izpp_1:disabled{cursor:not-allowed;background:var(--color-primary);border-color:var(--border-color-primary);color:#fff;opacity:.6;box-shadow:none}._primaryButton_3izpp_1:not(:disabled):hover{background:var(--color-primary-hover);box-shadow:0 0 #0003}._primaryButtonDisabled_3izpp_37{cursor:not-allowed;background:var(--color-primary);border-color:var(--border-color-primary);color:#fff;opacity:.6;box-shadow:none}._primaryButtonDisabled_3izpp_37:hover{transform:none;background:var(--color-primary);border-color:var(--border-color-primary);box-shadow:none}._spinner_3izpp_52{animation:_spin_3izpp_52 1s linear infinite}._iconLeft_3izpp_56{display:inline-flex;align-items:center;margin-right:var(--spacing-icon)}._iconRight_3izpp_62{display:inline-flex;align-items:center;margin-left:var(--spacing-icon)}._iconOnly_3izpp_68{display:inline-flex;align-items:center}._primaryButton_3izpp_1:has(>._iconOnly_3izpp_68){width:36px;min-width:36px;padding:0;justify-content:center}@keyframes _spin_3izpp_52{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1ct3d_1{background:#e1e4e8;border:1px solid #cad0d6;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#27313b;padding:0 1.5rem;cursor:pointer;height:36px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1ct3d_1:focus{outline:0}._secondaryButton_1ct3d_1:disabled{cursor:not-allowed;color:#9d9d9d;border:1px solid #cad0d6;background:transparent;opacity:.5}._secondaryButton_1ct3d_1:hover{background:#d3d8de}._iconLeft_1ct3d_34{display:inline-flex;align-items:center;margin-right:var(--spacing-icon)}._iconRight_1ct3d_40{display:inline-flex;align-items:center;margin-left:var(--spacing-icon)}._iconOnly_1ct3d_46{display:inline-flex;align-items:center}._secondaryButton_1ct3d_1:has(>._iconOnly_1ct3d_46){width:36px;min-width:36px;padding:0;justify-content:center}._secondaryButtonDisabled_1ct3d_58{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1ct3d_58:hover{transform:none;background:transparent;color:#cad0d6}._tabsContainer_m3c4e_1{display:flex;flex-direction:column;width:100%}._tabsHeader_m3c4e_7{display:flex;align-items:center;gap:0}._tabItem_m3c4e_13{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_m3c4e_13:hover ._tabContent_m3c4e_29{background-color:#128afb0d}._tabItem_m3c4e_13:focus{outline:none}._tabItem_m3c4e_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tabContent_m3c4e_29{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .2s ease}._tabLabel_m3c4e_51{font-family:Lato,sans-serif;font-size:var(--font-size-base);line-height:1.5em;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease}._tabLine_m3c4e_61{width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}._active_m3c4e_68 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._active_m3c4e_68 ._tabLine_m3c4e_61{background-color:var(--color-primary)}._inactive_m3c4e_76 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_m3c4e_76 ._tabLine_m3c4e_61{background-color:var(--color-border-light)}._tabPanels_m3c4e_84{padding:var(--spacing-md) 0;background-color:transparent}._dropdown_mthi8_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_mthi8_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;font-size:.75rem;line-height:1rem;color:#666;margin-bottom:.25rem}._required_mthi8_20{color:var(--color-text-secondary);margin-left:2px}._trigger_mthi8_25{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.5rem}._trigger_mthi8_25:hover:not(:focus){border-color:var(--color-primary)}._trigger_mthi8_25:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_mthi8_49{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_mthi8_49:hover{border-color:var(--color-input-border)}._triggerInput_mthi8_58{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_mthi8_58::placeholder{color:var(--color-text-secondary)}._triggerInput_mthi8_58:disabled{cursor:not-allowed}._value_mthi8_76{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_mthi8_84{color:var(--color-text-secondary)}._chevron_mthi8_88{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_mthi8_95 ._chevron_mthi8_88{transform:rotate(180deg)}@keyframes _menuIn_mthi8_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_mthi8_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_mthi8_119{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-x:hidden;animation:_menuIn_mthi8_1 .25s ease-out forwards}._panelClosing_mthi8_136{animation:_menuOut_mthi8_1 .15s ease-in forwards}._filterWrapper_mthi8_140{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_mthi8_147{width:100%;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_mthi8_147:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_mthi8_147::placeholder{color:var(--color-text-secondary)}._filterIcon_mthi8_166{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_mthi8_177{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_mthi8_186{padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .15s ease;margin-bottom:0}._option_mthi8_186:hover,._option_mthi8_186:focus-visible{background:var(--color-bg-secondary)}._optionSelected_mthi8_198{background:var(--color-dropdown-option-highlight)}._optionHighlighted_mthi8_202{background:var(--color-bg-secondary)}._optionDisabled_mthi8_206{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_mthi8_206:hover{background:transparent}._empty_mthi8_215{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_mthi8_222 ._trigger_mthi8_25:hover{border-color:var(--color-input-border)}._inputText_k5apy_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_k5apy_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;font-size:.75rem;line-height:1rem;color:#666;margin-bottom:.25rem}._required_k5apy_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_k5apy_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_k5apy_25 svg{width:1rem;height:1rem}._input_k5apy_1{display:block;width:100%;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._input_k5apy_1::placeholder{color:#999}._input_k5apy_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_k5apy_1:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow);transition:box-shadow .2s ease-in-out}._input_k5apy_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_k5apy_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_k5apy_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_k5apy_79 ._input_k5apy_1:hover{border-color:var(--color-input-border)}._selectButton_1u3fo_1{display:inline-flex;flex-wrap:wrap;gap:0;font-size:var(--font-size-base);color:var(--color-text-primary)}._selectButtonDisabled_1u3fo_9{opacity:.7;pointer-events:none}._selectButtonInvalid_1u3fo_14 ._button_1u3fo_14{border-color:var(--color-primary)}._button_1u3fo_14{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);font-size:inherit;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}._button_1u3fo_14:hover:not(:disabled){z-index:1;border-color:var(--color-primary);background:var(--color-bg-secondary)}._button_1u3fo_14:focus{outline:0;z-index:1}._button_1u3fo_14:disabled{cursor:not-allowed;opacity:.6}._buttonFirst_1u3fo_47{border-radius:4px 0 0 4px}._buttonLast_1u3fo_51{border-radius:0 4px 4px 0}._button_1u3fo_14:only-child{border-radius:4px}._buttonSelected_1u3fo_59{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._buttonSelected_1u3fo_59:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}._buttonSelected_1u3fo_59:focus{box-shadow:var(--focus-ring-box-shadow)}._button_1u3fo_14+._button_1u3fo_14{margin-left:-1px}._buttonSelected_1u3fo_59+._button_1u3fo_14,._button_1u3fo_14+._buttonSelected_1u3fo_59{margin-left:-1px}._card_uv0bu_1{background:#fafafa;border:1px solid #e6e6e6;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);color:var(--color-text-primary);box-shadow:0 4px 5px -3px #00000014}._chip_830il_1{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;padding:.1875rem .625rem;border-radius:var(--border-radius-sm);font-family:Inter,sans-serif;font-size:var(--font-size-sm);font-weight:500;line-height:1.25;white-space:nowrap}._chipSuccess_830il_16{background:var(--color-chip-success-bg);color:var(--color-chip-success-text)}._chipWarning_830il_21{background:var(--color-chip-warning-bg);color:var(--color-chip-warning-text)}._chipInfo_830il_26{background:var(--color-chip-info-bg);color:var(--color-chip-info-text)}._chipError_830il_31{background:var(--color-chip-error-bg);color:var(--color-chip-error-text)}:root{--color-primary: #0e99c6;--color-primary-hover: #0e87b3;--color-dark: #3e4759;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-border-light: #e9ecef;--spacing-sm: .5rem;--spacing-icon: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-color-primary: #0d789c;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1rem;--color-input-border: #e9ecef;--color-input-focus: #0e99c6;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #0e99c6;--focus-ring-box-shadow: 0 0 0 1px rgba(16, 146, 198, .5);--color-chip-success-bg: #dcfce7;--color-chip-success-text: #15803d;--color-chip-warning-bg: #fef3c7;--color-chip-warning-text: #b45309;--color-chip-info-bg: #dbeafe;--color-chip-info-text: #1d4ed8;--color-chip-error-bg: #fee2e2;--color-chip-error-text: #b91c1c}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}
|
|
1
|
+
@charset "UTF-8";._primaryButton_1fi9p_1{background:var(--color-primary);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);min-height:var(--button-height);height:var(--button-height);padding:0 var(--button-padding-x);border-radius:var(--button-radius);box-sizing:border-box;font-family:var(--font-family-sans);font-style:normal;font-weight:600;font-size:var(--font-size-button);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-button-on-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}._primaryButton_1fi9p_1:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._primaryButton_1fi9p_1:focus:not(:focus-visible){outline:none}._primaryButton_1fi9p_1 svg{width:16px;height:16px;flex-shrink:0}._primaryButton_1fi9p_1:disabled{cursor:not-allowed;background:var(--color-button-disabled-bg);border-color:transparent;color:var(--color-button-disabled-fg);box-shadow:none}._primaryButton_1fi9p_1:not(:disabled):hover{background:var(--color-primary-hover)}._primaryButton_1fi9p_1:not(:disabled):active{transform:translateY(.5px)}._primaryButtonDisabled_1fi9p_51{cursor:not-allowed;background:var(--color-button-disabled-bg);border-color:transparent;color:var(--color-button-disabled-fg);box-shadow:none}._primaryButtonDisabled_1fi9p_51:hover{background:var(--color-button-disabled-bg);color:var(--color-button-disabled-fg)}._spinner_1fi9p_63{width:18px!important;height:18px!important;animation:_spin_1fi9p_63 1s linear infinite}._iconLeft_1fi9p_69,._iconRight_1fi9p_70,._iconOnly_1fi9p_71{display:inline-flex;align-items:center;justify-content:center}._primaryButton_1fi9p_1:has(>._iconOnly_1fi9p_71){width:var(--button-height);min-width:var(--button-height);padding:0}@keyframes _spin_1fi9p_63{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_l9k9t_1{background:transparent;border:1px solid var(--color-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);min-height:var(--button-height);height:var(--button-height);padding:0 var(--button-padding-x);border-radius:var(--button-radius);box-sizing:border-box;font-family:var(--font-family-sans);font-style:normal;font-weight:600;font-size:var(--font-size-button);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}._secondaryButton_l9k9t_1:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._secondaryButton_l9k9t_1:focus:not(:focus-visible){outline:none}._secondaryButton_l9k9t_1 svg{width:16px;height:16px;flex-shrink:0}._secondaryButton_l9k9t_1:disabled{cursor:not-allowed;background:var(--color-button-disabled-bg);border:1px solid var(--color-button-secondary-disabled-border);color:var(--color-button-disabled-fg);box-shadow:none}._secondaryButton_l9k9t_1:not(:disabled):hover{background:var(--color-button-secondary-hover-bg);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}._secondaryButton_l9k9t_1:not(:disabled):active{transform:translateY(.5px)}._iconLeft_l9k9t_53,._iconRight_l9k9t_54,._iconOnly_l9k9t_55{display:inline-flex;align-items:center;justify-content:center}._secondaryButtonDisabled_l9k9t_61{cursor:not-allowed;background:var(--color-button-disabled-bg);border:1px solid var(--color-button-secondary-disabled-border);color:var(--color-button-disabled-fg);box-shadow:none}._secondaryButtonDisabled_l9k9t_61:hover{background:var(--color-button-disabled-bg);border-color:var(--color-button-secondary-disabled-border);color:var(--color-button-disabled-fg)}._secondaryButton_l9k9t_1:has(>._iconOnly_l9k9t_55){width:var(--button-height);min-width:var(--button-height);padding:0}._tertiaryButton_l2p3w_1{background:transparent;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);min-height:var(--button-height);height:var(--button-height);padding:0 var(--button-padding-x);border-radius:var(--button-radius);box-sizing:border-box;font-family:var(--font-family-sans);font-style:normal;font-weight:600;font-size:var(--font-size-button);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}._tertiaryButton_l2p3w_1:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._tertiaryButton_l2p3w_1:focus:not(:focus-visible){outline:none}._tertiaryButton_l2p3w_1 svg{width:16px;height:16px;flex-shrink:0}._tertiaryButton_l2p3w_1:disabled{cursor:not-allowed;color:var(--color-button-disabled-fg);box-shadow:none}._tertiaryButton_l2p3w_1:not(:disabled):hover{color:var(--color-primary-hover);background:var(--color-button-secondary-hover-bg)}._tertiaryButton_l2p3w_1:not(:disabled):active{transform:translateY(.5px)}._iconLeft_l2p3w_51,._iconRight_l2p3w_52,._iconOnly_l2p3w_53{display:inline-flex;align-items:center;justify-content:center}._tertiaryButtonDisabled_l2p3w_59{cursor:not-allowed;color:var(--color-button-disabled-fg);box-shadow:none}._tertiaryButtonDisabled_l2p3w_59:hover{color:var(--color-button-disabled-fg)}._tertiaryButton_l2p3w_1:has(>._iconOnly_l2p3w_53){width:var(--button-height);min-width:var(--button-height);padding:0}._contrastButton_6r7h8_1{background:var(--color-bg-primary);border:1px solid var(--color-button-contrast-border);display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap-sm);min-height:var(--button-height-sm);height:var(--button-height-sm);padding:0 var(--button-padding-x-sm);border-radius:var(--button-radius);box-sizing:border-box;font-family:var(--font-family-sans);font-style:normal;font-weight:600;font-size:var(--font-size-button-sm);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-button-contrast-border);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}._contrastButton_6r7h8_1:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._contrastButton_6r7h8_1:focus:not(:focus-visible){outline:none}._contrastButton_6r7h8_1 svg{width:16px;height:16px;flex-shrink:0}._contrastButton_6r7h8_1:disabled{cursor:not-allowed;background:var(--color-button-disabled-bg);border-color:transparent;color:var(--color-button-disabled-fg);box-shadow:none}._contrastButton_6r7h8_1:not(:disabled):hover{background:var(--color-button-contrast-hover-bg);border-color:var(--color-button-contrast-hover-bg);color:var(--color-button-on-primary)}._contrastButton_6r7h8_1:not(:disabled):active{transform:translateY(.5px)}._iconLeft_6r7h8_53,._iconRight_6r7h8_54,._iconOnly_6r7h8_55{display:inline-flex;align-items:center;justify-content:center}._contrastButtonDisabled_6r7h8_61{cursor:not-allowed;background:var(--color-button-disabled-bg);border-color:transparent;color:var(--color-button-disabled-fg);box-shadow:none}._contrastButtonDisabled_6r7h8_61:hover{background:var(--color-button-disabled-bg);border-color:transparent;color:var(--color-button-disabled-fg)}._contrastButton_6r7h8_1:has(>._iconOnly_6r7h8_55){width:var(--button-height-sm);min-width:var(--button-height-sm);padding:0}._tabsContainer_xbhwy_1{display:flex;flex-direction:column;width:100%}._tabsHeader_xbhwy_7{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--color-border-light)}._tabItem_xbhwy_14{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_xbhwy_14:hover ._tabContent_xbhwy_30{background-color:var(--color-primary-subtle-bg, rgba(26, 115, 232, .04))}._tabItem_xbhwy_14:focus{outline:none}._tabItem_xbhwy_14:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}._tabContent_xbhwy_30{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .15s ease}._tabLabel_xbhwy_52{font-family:inherit;font-size:var(--font-size-base);line-height:1.5;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:all .15s ease}._tabLine_xbhwy_62{width:100%;height:2px;background-color:transparent;transition:background-color .15s ease}._active_xbhwy_69 ._tabLabel_xbhwy_52{font-weight:var(--font-weight-semibold, 600);color:var(--color-primary)}._active_xbhwy_69 ._tabLine_xbhwy_62{background-color:var(--color-primary)}._inactive_xbhwy_77 ._tabLabel_xbhwy_52{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_xbhwy_77 ._tabLine_xbhwy_62{background-color:transparent}._tabPanels_xbhwy_85{padding:var(--spacing-md) 0;background-color:transparent}._root_1tlq4_1 .ql-toolbar.ql-snow{border:1px solid var(--color-input-border);border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);background:var(--color-bg-secondary)}._root_1tlq4_1 .ql-container.ql-snow{border:1px solid var(--color-input-border);border-top:0;border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);min-height:180px;background:var(--color-bg-primary)}._root_1tlq4_1 .ql-editor{min-height:140px;font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.5}._root_1tlq4_1 .ql-editor.ql-blank:before{color:var(--color-input-placeholder);font-style:normal}._editorHost_1tlq4_27{width:100%}._root_4kkdv_1{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem}._circle_4kkdv_8{animation:_spin_4kkdv_1 .8s linear infinite}._track_4kkdv_12{stroke:var(--color-border-light, #e5e7eb)}._arc_4kkdv_16{stroke:var(--color-primary, #1a73e8);stroke-dasharray:80,200;stroke-dashoffset:0}._sm_4kkdv_22 ._circle_4kkdv_8{width:20px;height:20px}._md_4kkdv_27 ._circle_4kkdv_8{width:32px;height:32px}._lg_4kkdv_32 ._circle_4kkdv_8{width:48px;height:48px}._label_4kkdv_37{font-size:var(--font-size-sm, .75rem);color:var(--color-text-secondary, #6b7280);font-weight:var(--font-weight-medium, 500)}@keyframes _spin_4kkdv_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._root_1e6ob_1{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;row-gap:var(--spacing-sm);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base)}._back_1e6ob_12{display:inline-flex;flex-direction:row;align-items:center;gap:var(--spacing-icon);margin:0;margin-right:var(--spacing-xl);padding:0;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:var(--color-dark);font-weight:var(--font-weight-bold)}._back_1e6ob_12:hover{color:var(--color-text-primary)}._back_1e6ob_12:focus{outline:none}._back_1e6ob_12:focus-visible{border-radius:var(--border-radius-sm);box-shadow:var(--focus-ring-box-shadow)}._backIcon_1e6ob_39{flex-shrink:0;width:1em;height:1em}._backLabel_1e6ob_45{font-weight:var(--font-weight-bold)}._list_1e6ob_49{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:0}._item_1e6ob_60{display:inline-flex;flex-direction:row;align-items:center;margin:0;padding:0}._separator_1e6ob_68{flex-shrink:0;width:1em;height:1em;margin:0 var(--spacing-sm);color:var(--color-primary)}._link_1e6ob_76{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-normal)}._link_1e6ob_76:hover{color:var(--color-primary-hover);text-decoration:underline}._link_1e6ob_76:focus{outline:none}._link_1e6ob_76:focus-visible{border-radius:var(--border-radius-sm);box-shadow:var(--focus-ring-box-shadow)}._linkButton_1e6ob_93{margin:0;padding:0;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:var(--font-weight-normal);color:var(--color-primary);text-decoration:none}._linkButton_1e6ob_93:hover{color:var(--color-primary-hover);text-decoration:underline}._linkButton_1e6ob_93:focus{outline:none}._linkButton_1e6ob_93:focus-visible{border-radius:var(--border-radius-sm);box-shadow:var(--focus-ring-box-shadow)}._segmentPlain_1e6ob_117{color:var(--color-primary);font-weight:var(--font-weight-normal)}._current_1e6ob_122{color:var(--color-text-primary);font-weight:var(--font-weight-normal)}._dropdown_175a9_1{position:relative;display:block;min-width:180px;width:100%;box-sizing:border-box}._label_175a9_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;font-size:var(--font-size-sm);line-height:1.25;color:var(--color-text-secondary);margin-bottom:4px}._required_175a9_20{color:var(--color-chip-error-text, #dc2626);margin-left:2px}._trigger_175a9_25{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 .625rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.375rem}._trigger_175a9_25:hover:not(:focus){border-color:var(--color-primary)}._trigger_175a9_25:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_175a9_49{cursor:not-allowed;opacity:.6;background:var(--color-bg-secondary)}._triggerDisabled_175a9_49:hover{border-color:var(--color-input-border)}._triggerInput_175a9_58{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_175a9_58::placeholder{color:var(--color-text-secondary)}._triggerInput_175a9_58:disabled{cursor:not-allowed}._value_175a9_76{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_175a9_84{color:var(--color-text-secondary)}._chevron_175a9_88{flex-shrink:0;color:var(--color-text-secondary);width:1rem;height:1rem;transition:transform .15s ease}._open_175a9_96 ._chevron_175a9_88{transform:rotate(180deg)}@keyframes _menuIn_175a9_1{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_175a9_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-6px);opacity:0}}._panel_175a9_120{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-dropdown, 0 4px 16px rgba(0, 0, 0, .1));overflow-x:hidden;animation:_menuIn_175a9_1 .2s ease-out forwards}@keyframes _menuInTop_175a9_1{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _menuOutTop_175a9_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(6px);opacity:0}}._panelTop_175a9_157{top:auto;bottom:calc(100% + 4px);animation:_menuInTop_175a9_1 .2s ease-out forwards}._panelTop_175a9_157._panelClosing_175a9_163{animation:_menuOutTop_175a9_1 .12s ease-in forwards}._panelClosing_175a9_163{animation:_menuOut_175a9_1 .12s ease-in forwards}._filterWrapper_175a9_171{position:relative;padding:4px 6px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_175a9_178{width:100%;box-sizing:border-box;padding:4px 24px 4px 8px;border:1px solid var(--color-input-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_175a9_178:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_175a9_178::placeholder{color:var(--color-text-secondary)}._filterIcon_175a9_197{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:14px;height:14px;pointer-events:none}._list_175a9_208{line-height:1rem;list-style:none;margin:0;padding:4px 0;max-height:220px;overflow-y:auto}._option_175a9_217{padding:6px 10px;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .1s ease;margin-bottom:0}._option_175a9_217:hover,._option_175a9_217:focus-visible{background:var(--color-bg-secondary)}._optionSelected_175a9_229{background:var(--color-dropdown-option-highlight)}._optionHighlighted_175a9_233{background:var(--color-bg-secondary)}._optionDisabled_175a9_237{cursor:not-allowed;opacity:.5;color:var(--color-text-secondary)}._optionDisabled_175a9_237:hover{background:transparent}._empty_175a9_246{padding:8px 10px;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}@keyframes _spin_175a9_271{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingItem_175a9_261{display:flex;align-items:center;gap:6px;padding:6px 10px;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._spinner_175a9_271{animation:_spin_175a9_271 .8s linear infinite;flex-shrink:0;width:14px;height:14px}._disabled_175a9_278 ._trigger_175a9_25:hover{border-color:var(--color-input-border)}._chip_qgxbp_1{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;padding:2px 8px;border-radius:4px;border:1px solid transparent;font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}._chipSuccess_qgxbp_19{background:var(--color-chip-success-bg);color:var(--color-chip-success-text);border-color:var(--color-chip-success-border)}._chipWarning_qgxbp_25{background:var(--color-chip-warning-bg);color:var(--color-chip-warning-text);border-color:var(--color-chip-warning-border)}._chipInfo_qgxbp_31{background:var(--color-chip-info-bg);color:var(--color-chip-info-text);border-color:var(--color-chip-info-border)}._chipError_qgxbp_37{background:var(--color-chip-error-bg);color:var(--color-chip-error-text);border-color:var(--color-chip-error-border)}._root_1dryk_1{position:relative;display:block;min-width:180px;width:100%;box-sizing:border-box}._label_1dryk_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;font-size:var(--font-size-sm);line-height:1.25;color:var(--color-text-secondary);margin-bottom:4px}._trigger_1dryk_20{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:4px 8px;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.375rem}._trigger_1dryk_20:hover:not(:focus){border-color:var(--color-primary)}._trigger_1dryk_20:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_1dryk_44{cursor:not-allowed;opacity:.6;background:var(--color-bg-secondary)}._chips_1dryk_50{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}._chip_1dryk_50{gap:4px;text-transform:none;max-width:100%}._chipLabel_1dryk_64{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chipRemove_1dryk_70{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:.7;transition:opacity .15s}._chipRemove_1dryk_70:hover{opacity:1}._placeholder_1dryk_86{color:var(--color-text-secondary)}._chevron_1dryk_90{flex-shrink:0;color:var(--color-text-secondary);width:1rem;height:1rem;transition:transform .15s ease}._open_1dryk_98 ._chevron_1dryk_90{transform:rotate(180deg)}._panel_1dryk_102{box-sizing:border-box;z-index:10000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-dropdown, 0 4px 16px rgba(0, 0, 0, .1));overflow-x:hidden}._list_1dryk_112{list-style:none;margin:0;padding:4px 0;max-height:220px;overflow-y:auto}._option_1dryk_120{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .1s ease}._option_1dryk_120:hover{background:var(--color-bg-secondary)}._optionSelected_1dryk_134{background:var(--color-dropdown-option-highlight, rgba(26, 115, 232, .06))}._optionFocused_1dryk_138{outline:2px solid var(--color-primary, #1a73e8);outline-offset:-2px}._optionCheckbox_1dryk_143{pointer-events:none;accent-color:var(--color-primary, #1a73e8)}._empty_1dryk_148{padding:8px 10px;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_1dryk_155 ._trigger_1dryk_20:hover{border-color:var(--color-input-border)}._inputText_aq6o5_1{position:relative;display:block;min-width:180px;width:100%;box-sizing:border-box}._label_aq6o5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;font-size:var(--font-size-sm);line-height:1.25;color:var(--color-text-secondary);margin-bottom:4px}._required_aq6o5_20{color:var(--color-chip-error-text, #dc2626);margin-left:2px}._tooltipIcon_aq6o5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:help}._tooltipIcon_aq6o5_25 svg{width:14px;height:14px}._input_aq6o5_1{display:block;width:100%;height:32px;padding:0 .625rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}._input_aq6o5_1::placeholder{color:var(--color-input-placeholder)}._input_aq6o5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_aq6o5_1:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._input_aq6o5_1:disabled{cursor:not-allowed;opacity:.6;background:var(--color-bg-secondary)}._input_aq6o5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_aq6o5_71{height:auto;min-height:32px;padding:6px .625rem;resize:vertical}._inputTextDisabled_aq6o5_78 ._input_aq6o5_1:hover{border-color:var(--color-input-border)}._selectButton_1xelm_1{display:inline-flex;flex-wrap:wrap;gap:0;font-size:var(--font-size-base);color:var(--color-text-primary)}._selectButtonDisabled_1xelm_9{opacity:.6;pointer-events:none}._selectButtonInvalid_1xelm_14 ._button_1xelm_14{border-color:var(--color-primary)}._button_1xelm_14{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 .625rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);font-size:inherit;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}._button_1xelm_14:hover:not(:disabled){z-index:1;border-color:var(--color-primary);background:var(--color-bg-secondary)}._button_1xelm_14:focus{outline:0;z-index:1}._button_1xelm_14:disabled{cursor:not-allowed;opacity:.5}._buttonFirst_1xelm_47{border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)}._buttonLast_1xelm_51{border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}._button_1xelm_14:only-child{border-radius:var(--border-radius-sm)}._buttonSelected_1xelm_59{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._buttonSelected_1xelm_59:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}._buttonSelected_1xelm_59:focus{box-shadow:var(--focus-ring-box-shadow)}._button_1xelm_14+._button_1xelm_14{margin-left:-1px}._buttonSelected_1xelm_59+._button_1xelm_14,._button_1xelm_14+._buttonSelected_1xelm_59{margin-left:-1px}._card_13psy_1{display:flex;flex-direction:column;gap:var(--card-section-gap);background:var(--color-bg-primary);border:1px solid var(--color-card-border);border-radius:var(--card-radius);padding:var(--card-padding);color:var(--color-text-primary);box-sizing:border-box}._body_13psy_13{display:flex;flex-direction:column;gap:var(--card-body-gap);min-width:0}._header_13psy_20{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--card-meta-gap);min-height:32px}._headerLeading_13psy_29{display:flex;align-items:center;min-width:0;gap:8px}._headerActions_13psy_36{display:flex;flex-direction:row;align-items:center;gap:var(--card-meta-gap);flex-shrink:0}._title_13psy_44{margin:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;color:var(--color-card-heading)}._meta_13psy_53{display:flex;flex-direction:column;gap:var(--card-meta-gap)}._metaRow_13psy_59{display:flex;flex-direction:row;align-items:flex-start;gap:var(--card-meta-gap);font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;color:var(--color-card-heading)}._metaIcon_13psy_71{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-top:0;color:var(--color-card-meta-icon)}._metaIcon_13psy_71 svg{width:18px;height:18px}._metaContent_13psy_86{flex:1;min-width:0}._footer_13psy_91{display:flex;flex-direction:row;justify-content:flex-end;width:100%;min-width:0}._iconButton_13psy_99{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--border-radius-md, 6px);background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}._iconButton_13psy_99:disabled{opacity:.4;cursor:not-allowed}._iconButton_13psy_99:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._iconButton_13psy_99 svg{flex-shrink:0;width:18px;height:18px}._iconButton_13psy_99:not(._iconButtonDanger_13psy_126){color:var(--color-primary, #1a73e8)}._iconButton_13psy_99:not(._iconButtonDanger_13psy_126):hover:not(:disabled){color:var(--color-primary-hover, #1557b0);border-color:var(--color-primary-hover, #1557b0);background:var(--color-button-secondary-hover-bg, #eff6ff)}._iconButton_13psy_99._iconButtonDanger_13psy_126{color:var(--color-danger, #ef4444)}._iconButton_13psy_99._iconButtonDanger_13psy_126:hover:not(:disabled){color:var(--color-danger-dark, #dc2626);border-color:var(--color-danger-dark, #dc2626);background:var(--color-chip-error-bg, #fef2f2)}._iconCard_e9t2h_1{display:flex;flex-direction:row;background:var(--color-bg-primary);border-radius:var(--card-radius);box-shadow:0 1px 10px 1px #0000000d,0 2px 4px 2px #0000001a;overflow:hidden;color:var(--color-text-primary);box-sizing:border-box}._iconSection_e9t2h_12{display:flex;align-items:center;justify-content:center;width:80px;flex-shrink:0;background:linear-gradient(to bottom,#f7f9fa,#f8f8fb);border-right:1px solid var(--color-card-border)}._content_e9t2h_22{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px;gap:var(--card-body-gap)}._root_1mmsz_1{max-width:44rem;margin:0 auto}._dropZone_1mmsz_6{border-radius:var(--border-radius-lg);padding:2.25rem 1.5rem;text-align:center;cursor:pointer;border:none;background:transparent;transition:background-color .15s ease,box-shadow .15s ease}._dropZone_1mmsz_6:focus{outline:none}._dropZone_1mmsz_6:focus-visible:not(._dropZoneDisabled_1mmsz_18){box-shadow:var(--focus-ring-box-shadow)}._dropZone_1mmsz_6:not(._dropZoneDisabled_1mmsz_18):hover{background:var(--color-bg-secondary)}._dropZoneActive_1mmsz_26{background:var(--color-dropdown-option-highlight);box-shadow:var(--focus-ring-box-shadow)}._dropZoneDisabled_1mmsz_18{opacity:.65;pointer-events:none;cursor:not-allowed}._iconWrap_1mmsz_37{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:0 auto 1.25rem;border-radius:9999px;background:var(--color-bg-secondary);color:var(--color-card-meta-icon)}._dropTitle_1mmsz_49{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.35;color:var(--color-text-primary)}._formats_1mmsz_57{margin:.5rem auto 1.25rem;max-width:22rem;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary)}._browseWrap_1mmsz_65{display:flex;justify-content:center}._hiddenInput_1mmsz_70{position:absolute;width:0;height:0;opacity:0;pointer-events:none}._alert_90rze_1{border:1px solid transparent;border-radius:var(--border-radius-lg, .5rem);padding:.875rem 1rem}._alertTitle_90rze_7{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;line-height:1.4}._alertBody_90rze_16{margin-top:.25rem;font-size:.8125rem;line-height:1.5}._alertError_90rze_22{background:var(--color-alertbox-error-bg, #fef2f2);border-color:var(--color-alertbox-error-border, #fca5a5);color:var(--color-alertbox-error-text, #dc2626)}._alertWarning_90rze_28{background:var(--color-alertbox-warning-bg, #fffbeb);border-color:var(--color-alertbox-warning-border, #fcd34d);color:var(--color-alertbox-warning-text, #d97706)}._alertInfo_90rze_34{background:var(--color-alertbox-info-bg, #eff6ff);border-color:var(--color-alertbox-info-border, #93c5fd);color:var(--color-alertbox-info-text, #2563eb)}._alertSuccess_90rze_40{background:var(--color-alertbox-success-bg, #ecfdf5);border-color:var(--color-alertbox-success-border, #6ee7b7);color:var(--color-alertbox-success-text, #059669)}._sideMenu_9at6r_1{display:flex;flex-direction:column;background:var(--sidemenu-bg, #ffffff);color:var(--sidemenu-text, #374151);width:var(--sidemenu-width, 260px);border-radius:var(--sidemenu-radius, 8px);box-shadow:var(--sidemenu-shadow, 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06))}._brand_9at6r_11{padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-border-light, #e5e7eb)}._logoMark_9at6r_19{width:28px;height:28px;border-radius:6px;background:var(--sidemenu-logo-bg, #1a73e8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;color:var(--color-button-on-primary);flex-shrink:0}._brandText_9at6r_33{display:flex;flex-direction:column;gap:1px;min-width:0}._brandTitle_9at6r_40{font-weight:600;font-size:.8125rem;color:var(--sidemenu-brand-title, #1f2937);letter-spacing:.01em}._brandSubtitle_9at6r_47{font-size:.6875rem;color:var(--sidemenu-brand-subtitle, #6b7280)}._sectionLabel_9at6r_52{font-size:.625rem;padding:10px 14px 3px;color:var(--sidemenu-section-label, #9ca3af);letter-spacing:.06em;text-transform:uppercase;font-weight:500}._nav_9at6r_61{display:flex;flex-direction:column;padding:4px 0;gap:0}._navItem_9at6r_68{height:36px;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--sidemenu-nav-item-text, #374151);text-decoration:none;font-size:.8125rem;cursor:pointer;border-left:2px solid transparent;box-sizing:border-box;transition:all .15s ease}._navItem_9at6r_68:hover{background:var(--sidemenu-nav-item-hover-bg, #f3f4f6)}button._navItem_9at6r_68{width:100%;margin:0;border:none;background:none;font:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button._navItem_9at6r_68:focus{outline:none}button._navItem_9at6r_68:focus-visible{box-shadow:var(--focus-ring-box-shadow)}._navItemActive_9at6r_102{background:var(--sidemenu-nav-item-active-bg, #eff6ff);border-left-color:var(--sidemenu-nav-item-active-border, #1a73e8);color:var(--sidemenu-nav-item-active-text, #1a73e8);font-weight:500}._navIcon_9at6r_109{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--sidemenu-nav-icon-color, #6b7280);flex-shrink:0}._navIcon_9at6r_109 svg{width:18px;height:18px}._navLabel_9at6r_123{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._navBadge_9at6r_130{min-width:18px;height:18px;border-radius:9px;background:var(--sidemenu-badge-bg, #eff6ff);color:var(--sidemenu-badge-text, #1a73e8);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;padding:0 5px;flex-shrink:0}._footer_9at6r_145{margin-top:auto;padding:10px 14px;color:var(--sidemenu-footer-text, #9ca3af);font-size:var(--font-size-sm, .75rem);border-top:1px solid var(--color-border-light, #e5e7eb)}._topNav_5wym0_1{width:100%;height:var(--topnav-height, 48px);background:var(--topnav-bg, #1d63ce);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;box-sizing:border-box;box-shadow:var(--shadow-topnav, 0 1px 4px rgba(0, 0, 0, .12))}._left_5wym0_14{display:flex;align-items:center;gap:10px}._logoArea_5wym0_20{display:flex;align-items:center}._logoImage_5wym0_25{height:20px;width:auto;display:block}._start_5wym0_31{display:flex;align-items:center}._actions_5wym0_36{display:flex;align-items:center;gap:6px}._overlay_1cjjq_1{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;flex-direction:column;align-items:center;padding-top:16px;pointer-events:none;gap:8px}._toast_1cjjq_15{display:flex;align-items:center;gap:10px;min-width:320px;max-width:480px;padding:10px 14px;border-radius:var(--border-radius-lg, 8px);border:1px solid;border-left-width:4px;background:var(--color-bg-primary);font-family:inherit;font-size:var(--font-size-base);line-height:1.4;color:var(--color-text-primary, #1f2937);box-shadow:var(--shadow-toast, 0 4px 12px rgba(0, 0, 0, .08));pointer-events:auto;animation:_slideDown_1cjjq_1 .2s ease-out}._toastExiting_1cjjq_35{animation:_slideUp_1cjjq_1 .15s ease-in forwards}@keyframes _slideDown_1cjjq_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideUp_1cjjq_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}._toastSuccess_1cjjq_59{border-color:var(--color-toast-success-border, #34d399)}._toastError_1cjjq_63{border-color:var(--color-toast-error-border, #f87171)}._toastWarning_1cjjq_67{border-color:var(--color-toast-warning-border, #fbbf24)}._toastInfo_1cjjq_71{border-color:var(--color-toast-info-border, #60a5fa)}._icon_1cjjq_75{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}._icon_1cjjq_75 svg{width:14px;height:14px}._iconSuccess_1cjjq_89{background:var(--color-toast-success-icon, #059669);color:var(--color-button-on-primary)}._iconError_1cjjq_94{background:var(--color-toast-error-icon, #dc2626);color:var(--color-button-on-primary)}._iconWarning_1cjjq_99{background:var(--color-toast-warning-icon, #d97706);color:var(--color-button-on-primary)}._iconInfo_1cjjq_104{background:var(--color-toast-info-icon, #2563eb);color:var(--color-button-on-primary)}._message_1cjjq_109{flex:1;font-weight:500}._closeButton_1cjjq_114{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:background .15s}._closeButton_1cjjq_114 svg{width:14px;height:14px}._closeButton_1cjjq_114:hover{background:var(--color-bg-secondary, #f9fafb)}._overlay_r7enq_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--modal-z-index, 1000);display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--modal-overlay-bg, rgba(0, 0, 0, .4));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._dialog_r7enq_13{width:100%;max-width:var(--modal-max-width);max-height:var(--modal-max-height, min(90vh, 640px));display:flex;flex-direction:column;background:var(--color-bg-primary, #ffffff);border-radius:var(--modal-radius, var(--border-radius-lg, 8px));border:1px solid var(--color-border-light, #e5e7eb);box-shadow:var(--shadow-modal, 0 20px 40px -8px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .03));overflow:hidden}._header_r7enq_26{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:12px 16px;border-bottom:1px solid var(--color-border-light, #e5e7eb);flex-shrink:0}._titleBlock_r7enq_36{min-width:0}._title_r7enq_36{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary, #1f2937)}._subtitle_r7enq_47{margin:3px 0 0;font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-secondary, #6b7280)}._closeBtn_r7enq_54{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-border-light, #e5e7eb);border-radius:var(--border-radius-sm, 4px);background:var(--color-bg-primary, #ffffff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}._closeBtn_r7enq_54 svg{width:16px;height:16px}._closeBtn_r7enq_54:hover{background:var(--color-bg-secondary, #f9fafb);border-color:var(--color-text-secondary, #6b7280);color:var(--color-text-primary, #1f2937)}._closeBtn_r7enq_54:disabled{opacity:.5;cursor:not-allowed}._closeBtn_r7enq_54:disabled:hover{background:var(--color-bg-primary, #ffffff);border-color:var(--color-border-light, #e5e7eb);color:var(--color-text-secondary, #6b7280)}._body_r7enq_87{padding:12px 16px 16px;display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1;overflow:auto}._footer_r7enq_97{display:flex;justify-content:flex-end;gap:.5rem;padding:10px 16px;border-top:1px solid var(--color-border-light, #e5e7eb);flex-shrink:0;background:var(--color-bg-primary, #ffffff)}._message_q6xsi_1{margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-text-primary, #1f2937)}._footer_q6xsi_8{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%}._dangerButton_q6xsi_16{background:var(--color-danger, #ef4444)!important}._dangerButton_q6xsi_16:not(:disabled):hover{background:var(--color-danger-dark, #dc2626)!important}._root_1ljnu_1{display:flex;flex-direction:column;gap:0}._header_1ljnu_7{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}._title_1ljnu_14{margin:0;font-family:var(--font-family-sans);font-size:1rem;font-weight:600;color:var(--color-text-primary, #1f2937)}._addBtn_1ljnu_22{display:inline-flex;align-items:center;gap:6px;height:var(--button-height);padding:0 var(--button-padding-x);border:1px solid var(--color-primary, #1a73e8);border-radius:var(--button-radius, 4px);background:transparent;color:var(--color-primary, #1a73e8);font-family:var(--font-family-sans);font-size:var(--font-size-button);font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}._addBtn_1ljnu_22:hover{background:var(--color-button-secondary-hover-bg, #eff6ff);border-color:var(--color-primary-hover, #1557b0);color:var(--color-primary-hover, #1557b0)}._addBtn_1ljnu_22:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._addBtn_1ljnu_22 svg{width:14px;height:14px;flex-shrink:0}._tableWrap_1ljnu_56{border:1px solid var(--color-border-light, #e5e7eb);border-radius:var(--border-radius-lg, 8px);overflow-x:auto;overflow-y:hidden;background:var(--color-bg-primary, #ffffff)}._tableWrapEmbedded_1ljnu_64{border:none;border-radius:0;overflow-x:auto;overflow-y:hidden;background:var(--color-bg-primary, #ffffff)}._table_1ljnu_56{width:100%;border-collapse:collapse;font-size:.8125rem}._table_1ljnu_56 thead tr{background:var(--color-bg-primary, #ffffff);border-bottom:1px solid var(--color-border-light, #e5e7eb)}._table_1ljnu_56 th{padding:10px 12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary, #6b7280);white-space:nowrap}._table_1ljnu_56 td{padding:12px;vertical-align:middle;border-bottom:1px solid var(--color-border-light, #e5e7eb)}._table_1ljnu_56 tbody tr:last-child td{border-bottom:none}._table_1ljnu_56 tbody tr:hover{background:var(--color-bg-secondary, #f9fafb)}._thLeft_1ljnu_102{text-align:left}._thCenter_1ljnu_106{text-align:center}._thRight_1ljnu_110{text-align:right}._tdCenter_1ljnu_114{text-align:center}._tdRight_1ljnu_118{text-align:right;white-space:nowrap}._tdName_1ljnu_123{min-width:180px}._tdHighlight_1ljnu_127{font-weight:700;font-style:italic;color:var(--color-text-accent-cyan)}._productCell_1ljnu_133{display:flex;align-items:center;gap:10px}._productThumb_1ljnu_139{width:44px;height:44px;object-fit:contain;border-radius:var(--border-radius-md, 6px);border:1px solid var(--color-border-light, #e5e7eb);background:var(--color-bg-primary);flex-shrink:0}._productThumbEmpty_1ljnu_149{width:44px;height:44px;border-radius:var(--border-radius-md, 6px);border:1px solid var(--color-border-light, #e5e7eb);background:var(--color-bg-secondary, #f9fafb);flex-shrink:0}._productInfo_1ljnu_158{display:flex;flex-direction:column;min-width:0}._productName_1ljnu_164{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #1f2937);line-height:1.35}._productCode_1ljnu_171{font-size:.6875rem;color:var(--color-text-secondary, #6b7280);margin-top:1px}._rowBusy_1ljnu_177{opacity:.45;pointer-events:none}._rowInvalid_1ljnu_182{background:var(--color-chip-error-bg)}._rowInvalid_1ljnu_182:hover{background:var(--color-chip-error-bg)!important}._actionsCell_1ljnu_189{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}._addRowBtn_1ljnu_197{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--border-radius-md, 6px);background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}._addRowBtn_1ljnu_197:disabled{opacity:.4;cursor:not-allowed}._addRowBtn_1ljnu_197:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._addRowBtn_1ljnu_197 svg{flex-shrink:0;width:18px;height:18px}._addRowBtn_1ljnu_197{color:var(--color-primary, #1a73e8)}._addRowBtn_1ljnu_197:hover:not(:disabled){color:var(--color-primary-hover, #1557b0);border-color:var(--color-primary-hover, #1557b0);background:var(--color-button-secondary-hover-bg, #eff6ff)}._empty_1ljnu_232{padding:2rem 1rem;text-align:center;font-size:.8125rem;color:var(--color-text-secondary, #6b7280)}._tag_15jzc_1{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px 10px;border-radius:var(--border-radius-sm, 4px);border:1px solid;font-family:var(--font-family-sans);font-size:.6875rem;font-weight:600;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}._created_15jzc_18{background:var(--color-order-created-bg, #eff6ff);color:var(--color-order-created-text, #2563eb);border-color:var(--color-order-created-border, #bfdbfe)}._confirmed_15jzc_24{background:var(--color-order-confirmed-bg, #ecfeff);color:var(--color-order-confirmed-text, #0e7490);border-color:var(--color-order-confirmed-border, #a5f3fc)}._completed_15jzc_30{background:var(--color-order-completed-bg, #ecfdf5);color:var(--color-order-completed-text, #059669);border-color:var(--color-order-completed-border, #a7f3d0)}._declined_15jzc_36{background:var(--color-order-declined-bg, #fef2f2);color:var(--color-order-declined-text, #dc2626);border-color:var(--color-order-declined-border, #fecaca)}._shipped_15jzc_42{background:var(--color-order-shipped-bg, #eef2ff);color:var(--color-order-shipped-text, #4f46e5);border-color:var(--color-order-shipped-border, #c7d2fe)}._root_uqjwd_1{display:flex;flex-direction:column;gap:0}._header_uqjwd_7{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}._title_uqjwd_14{margin:0;font-family:var(--font-family-sans);font-size:1rem;font-weight:600;color:var(--color-text-primary, #1f2937)}._tableWrap_uqjwd_22{border:1px solid var(--color-border-light, #e5e7eb);border-radius:var(--border-radius-lg, 8px);overflow:hidden;background:var(--color-bg-primary, #ffffff)}._tableWrapEmbedded_uqjwd_29{border:none;border-radius:0;overflow:hidden;background:var(--color-bg-primary, #ffffff)}._table_uqjwd_22{width:100%;border-collapse:collapse;font-size:.8125rem}._table_uqjwd_22 thead tr{background:var(--color-bg-primary, #ffffff);border-bottom:1px solid var(--color-border-light, #e5e7eb)}._table_uqjwd_22 th{padding:10px 12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary, #6b7280);white-space:nowrap}._table_uqjwd_22 td{padding:12px;vertical-align:middle;border-bottom:1px solid var(--color-border-light, #e5e7eb)}._table_uqjwd_22 tbody tr:last-child td{border-bottom:none}._table_uqjwd_22 tbody tr:hover{background:var(--color-bg-secondary, #f9fafb)}._thLeft_uqjwd_66{text-align:left}._thRight_uqjwd_70{text-align:right}._tdRight_uqjwd_74{text-align:right;white-space:nowrap}._orderLink_uqjwd_79{font-family:var(--font-family-sans);font-size:.8125rem;font-weight:600;color:var(--color-primary, #1a73e8);text-decoration:none;background:none;border:none;padding:0;cursor:pointer}._orderLink_uqjwd_79:hover{color:var(--color-primary-hover, #1557b0);text-decoration:underline}._orderLink_uqjwd_79:focus-visible{outline:none;border-radius:2px;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-focus-ring)}._cellMuted_uqjwd_100{color:var(--color-text-secondary, #6b7280)}._empty_uqjwd_104{padding:2rem 1rem;text-align:center;font-size:.8125rem;color:var(--color-text-secondary, #6b7280)}._wizard_ymuhn_2{display:flex;flex-direction:column;gap:1.5rem}._stepper_ymuhn_9{display:flex;align-items:center;justify-content:center;gap:0;padding:0 .5rem}._stepItem_ymuhn_17{display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:64px}._indicator_ymuhn_25{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm, .8125rem);font-weight:600;border:2px solid var(--color-border-light, #d1d5db);color:var(--color-text-secondary, #6b7280);background:var(--color-bg-primary, #fff);transition:all .2s ease;flex-shrink:0}._indicatorCurrent_ymuhn_41{border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb26}._indicatorCompleted_ymuhn_47{border-color:var(--color-primary, #2563eb);background:var(--color-primary, #2563eb);color:#fff}._checkIcon_ymuhn_53{width:16px;height:16px}._connector_ymuhn_58{flex:1;height:2px;min-width:24px;max-width:80px;background:var(--color-border-light, #d1d5db);align-self:flex-start;margin-top:16px;transition:background .2s ease}._connectorCompleted_ymuhn_69{background:var(--color-primary, #2563eb)}._stepLabel_ymuhn_73{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #6b7280);text-align:center;white-space:nowrap;transition:color .2s ease}._stepLabelCurrent_ymuhn_81{color:var(--color-primary, #2563eb);font-weight:600}._stepLabelCompleted_ymuhn_86{color:var(--color-text-primary, #111827)}._body_ymuhn_91{min-height:200px}._actions_ymuhn_96{display:flex;justify-content:space-between;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-light, #e5e7eb)}._btn_ymuhn_104{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:34px;padding:0 1rem;border-radius:var(--border-radius-sm, 6px);font-size:var(--font-size-base, .875rem);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease}._btn_ymuhn_104:disabled{cursor:not-allowed;opacity:.5}._btnSecondary_ymuhn_123{background:var(--color-bg-primary, #fff);border-color:var(--color-input-border, #d1d5db);color:var(--color-text-primary, #111827)}._btnSecondary_ymuhn_123:hover:not(:disabled){border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb)}._btnPrimary_ymuhn_133{background:var(--color-primary, #2563eb);color:#fff}._btnPrimary_ymuhn_133:hover:not(:disabled){background:var(--color-primary-dark, #1d4ed8)}._timeline_qccju_2{position:relative;display:flex;flex-direction:column;gap:0;padding:0}._line_qccju_11{position:absolute;left:19px;width:2px;background:var(--color-primary-200, #bfdbfe);transform-origin:top;transition:none;border-radius:1px}._lineAnimated_qccju_21{animation:_drawLine_qccju_1 1s cubic-bezier(.33,1,.68,1) forwards}._lineAnimated_qccju_21:after{content:"";position:absolute;top:0;left:-2px;width:6px;height:24px;border-radius:3px;background:linear-gradient(180deg,transparent 0%,var(--color-primary-400, #60a5fa) 50%,transparent 100%);animation:_pulse_qccju_1 2.5s ease-in-out infinite;opacity:.65}@keyframes _drawLine_qccju_1{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes _pulse_qccju_1{0%{top:0;opacity:0}10%{opacity:.65}90%{opacity:.65}to{top:100%;opacity:0}}._event_qccju_63{display:flex;align-items:flex-start;gap:16px;padding:12px 0;position:relative}._eventAnimated_qccju_71{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}._eventVisible_qccju_77{opacity:1;transform:translateY(0)}._dot_qccju_83{position:relative;z-index:1;flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50, #eff6ff);border:2px solid var(--color-primary-400, #60a5fa);color:var(--color-primary-600, #2563eb);font-size:16px;transition:transform .3s ease,box-shadow .3s ease}._dot_qccju_83:hover{transform:scale(1.12);box-shadow:0 0 0 4px #3b82f626}._dotInner_qccju_105{width:10px;height:10px;border-radius:50%;background:currentColor}._dot_info_qccju_113{background:var(--color-primary-50, #eff6ff);border-color:var(--color-primary-400, #60a5fa);color:var(--color-primary-600, #2563eb)}._dot_success_qccju_119{background:#ecfdf5;border-color:#34d399;color:#059669}._dot_warning_qccju_125{background:#fffbeb;border-color:#fbbf24;color:#d97706}._dot_error_qccju_131{background:#fef2f2;border-color:#f87171;color:#dc2626}._dot_default_qccju_137{background:var(--color-primary-50, #eff6ff);border-color:var(--color-primary-400, #60a5fa);color:var(--color-primary-600, #2563eb)}._content_qccju_144{flex:1;background:#fff;border:1px solid var(--color-card-border, #e5e7eb);border-radius:10px;padding:12px 16px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .3s ease,border-color .3s ease}._content_qccju_144:hover{box-shadow:0 4px 12px #00000014;border-color:var(--color-primary-200, #bfdbfe)}._title_qccju_159{margin:0 0 4px;font-size:.8125rem;font-weight:700;color:var(--color-text-primary, #111827);text-transform:uppercase;letter-spacing:.03em}._description_qccju_168{margin:0 0 6px;font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary, #4b5563)}._time_qccju_2{display:block;font-size:.6875rem;color:var(--color-text-tertiary, #9ca3af)}:root{--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--shadow-topnav: 0 1px 4px rgba(0, 0, 0, .12);--shadow-toast: 0 4px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .03);--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .1);--color-primary-subtle-bg: rgba(26, 115, 232, .04);--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-dark: #3e4759;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-bg-primary: #ffffff;--color-bg-secondary: #fcfcfc;--color-border-light: #e5e7eb;--color-button-on-primary: #ffffff;--color-button-disabled-bg: #e5e7eb;--color-button-disabled-fg: #9ca3af;--color-button-secondary-hover-bg: #eff6ff;--color-button-secondary-disabled-border: #d1d5db;--color-button-contrast-border: #374151;--color-button-contrast-hover-bg: #1f2937;--color-focus-ring: #1a73e8;--button-radius: 4px;--button-height: 36px;--button-height-sm: 30px;--button-padding-x: 14px;--button-padding-x-sm: 10px;--button-gap: 8px;--button-gap-sm: 6px;--color-card-border: #e5e7eb;--color-card-heading: #1f2937;--color-card-meta-icon: #4b5563;--card-radius: 8px;--card-padding: 16px;--card-section-gap: 12px;--card-body-gap: 16px;--card-meta-gap: 6px;--spacing-sm: .375rem;--spacing-icon: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-color-primary: #1a73e8;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-lg: 1rem;--font-size-button: var(--font-size-base);--font-size-button-sm: .75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.25rem;--color-input-border: #d1d5db;--color-input-focus: #1a73e8;--color-input-placeholder: #9ca3af;--color-dropdown-option-highlight: #eff6ff;--color-dropdown-filter-border: #1a73e8;--focus-ring-box-shadow: 0 0 0 2px rgba(26, 115, 232, .25);--color-chip-success-bg: #ecfdf5;--color-chip-success-text: #059669;--color-chip-success-border: #a7f3d0;--color-chip-warning-bg: #fffbeb;--color-chip-warning-text: #d97706;--color-chip-warning-border: #fde68a;--color-chip-info-bg: #eff6ff;--color-chip-info-text: #2563eb;--color-chip-info-border: #bfdbfe;--color-chip-error-bg: #fef2f2;--color-chip-error-text: #dc2626;--color-chip-error-border: #fecaca;--color-alertbox-error-bg: #fef2f2;--color-alertbox-error-border: #fca5a5;--color-alertbox-error-text: #dc2626;--color-alertbox-warning-bg: #fffbeb;--color-alertbox-warning-border: #fcd34d;--color-alertbox-warning-text: #d97706;--color-alertbox-info-bg: #eff6ff;--color-alertbox-info-border: #93c5fd;--color-alertbox-info-text: #2563eb;--color-alertbox-success-bg: #ecfdf5;--color-alertbox-success-border: #6ee7b7;--color-alertbox-success-text: #059669;--color-destructive-soft: #ef4444;--color-status-pending-border: #f97316;--color-status-pending-text: #ea580c;--color-status-pending-indicator: #ea580c;--color-order-created-bg: #eff6ff;--color-order-created-text: #2563eb;--color-order-created-border: #bfdbfe;--color-order-confirmed-bg: #ecfeff;--color-order-confirmed-text: #0e7490;--color-order-confirmed-border: #a5f3fc;--color-order-completed-bg: #ecfdf5;--color-order-completed-text: #059669;--color-order-completed-border: #a7f3d0;--color-order-declined-bg: #fef2f2;--color-order-declined-text: #dc2626;--color-order-declined-border: #fecaca;--color-order-shipped-bg: #eef2ff;--color-order-shipped-text: #4f46e5;--color-order-shipped-border: #c7d2fe;--color-text-accent-cyan: #0891b2;--color-code-foreground: #f8f9fa;--topnav-height: 48px;--topnav-bg: #1d63ce;--modal-z-index: 1000;--modal-overlay-bg: rgba(0, 0, 0, .4);--modal-radius: var(--border-radius-lg);--modal-max-height: min(90vh, 640px);--color-toast-success-border: #34d399;--color-toast-success-icon-bg: #ecfdf5;--color-toast-success-icon: #059669;--color-toast-error-border: #f87171;--color-toast-error-icon-bg: #fef2f2;--color-toast-error-icon: #dc2626;--color-toast-warning-border: #fbbf24;--color-toast-warning-icon-bg: #fffbeb;--color-toast-warning-icon: #d97706;--color-toast-info-border: #60a5fa;--color-toast-info-icon-bg: #eff6ff;--color-toast-info-icon: #2563eb;--sidemenu-bg: #ffffff;--sidemenu-text: #374151;--sidemenu-width: 260px;--sidemenu-radius: 8px;--sidemenu-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--sidemenu-logo-bg: #1a73e8;--sidemenu-brand-title: #1f2937;--sidemenu-brand-subtitle: #6b7280;--sidemenu-section-label: #9ca3af;--sidemenu-nav-item-text: #374151;--sidemenu-nav-item-hover-bg: #f3f4f6;--sidemenu-nav-item-active-bg: #eff6ff;--sidemenu-nav-item-active-border: #1a73e8;--sidemenu-nav-item-active-text: #1a73e8;--sidemenu-nav-icon-color: #6b7280;--sidemenu-badge-bg: #eff6ff;--sidemenu-badge-text: #1a73e8;--sidemenu-footer-text: #9ca3af}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0;font-size:13px;line-height:1.5}/*!
|
|
2
|
+
* Quill Editor v2.0.3
|
|
3
|
+
* https://quilljs.com
|
|
4
|
+
* Copyright (c) 2017-2024, Slab
|
|
5
|
+
* Copyright (c) 2014, Jason Chen
|
|
6
|
+
* Copyright (c) 2013, salesforce.com
|
|
7
|
+
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
|
package/dist/styles.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@emporix/cockpit-component-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "A React component library for cockipt projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.umd.js",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
],
|
|
31
31
|
"scripts": {
|
|
32
32
|
"dev": "vite",
|
|
33
|
-
"build": "
|
|
34
|
-
"build:
|
|
33
|
+
"build": "vite build --mode library && node scripts/generate-style-dts.cjs",
|
|
34
|
+
"build:app": "tsc && vite build",
|
|
35
35
|
"preview": "vite preview",
|
|
36
36
|
"test": "vitest",
|
|
37
37
|
"test:ui": "vitest --ui",
|
|
@@ -44,7 +44,8 @@
|
|
|
44
44
|
"format": "prettier --write .",
|
|
45
45
|
"format:check": "prettier --check .",
|
|
46
46
|
"format:staged": "prettier --write",
|
|
47
|
-
"prepare": "husky"
|
|
47
|
+
"prepare": "husky",
|
|
48
|
+
"prepublishOnly": "npm run build"
|
|
48
49
|
},
|
|
49
50
|
"keywords": [
|
|
50
51
|
"react",
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface PrimaryButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* Text label displayed inside the button
|
|
5
|
-
*/
|
|
6
|
-
label?: string;
|
|
7
|
-
/**
|
|
8
|
-
* Whether the button is disabled
|
|
9
|
-
*/
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Whether the button is loading
|
|
13
|
-
*/
|
|
14
|
-
loading?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Optional icon
|
|
17
|
-
*/
|
|
18
|
-
icon?: React.ReactNode;
|
|
19
|
-
/**
|
|
20
|
-
* Icon position relative to the label
|
|
21
|
-
*/
|
|
22
|
-
iconPos?: 'left' | 'right';
|
|
23
|
-
/**
|
|
24
|
-
* Click handler
|
|
25
|
-
*/
|
|
26
|
-
onClick?: () => void;
|
|
27
|
-
/**
|
|
28
|
-
* Additional CSS class name
|
|
29
|
-
*/
|
|
30
|
-
className?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Test ID for testing
|
|
33
|
-
*/
|
|
34
|
-
'data-testid'?: string;
|
|
35
|
-
}
|
|
36
|
-
export declare const PrimaryButton: ({ label, disabled, loading, icon, iconPos, onClick, className, "data-testid": testId, ...props }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
//# sourceMappingURL=PrimaryButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,GAAI,kGAU3B,kBAAkB,4CAuCpB,CAAA"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface SecondaryButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* Text label displayed inside the button
|
|
5
|
-
*/
|
|
6
|
-
label?: string;
|
|
7
|
-
/**
|
|
8
|
-
* Whether the button is disabled
|
|
9
|
-
*/
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Optional icon
|
|
13
|
-
*/
|
|
14
|
-
icon?: React.ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Icon position relative to the label
|
|
17
|
-
*/
|
|
18
|
-
iconPos?: 'left' | 'right';
|
|
19
|
-
/**
|
|
20
|
-
* Click handler
|
|
21
|
-
*/
|
|
22
|
-
onClick?: () => void;
|
|
23
|
-
/**
|
|
24
|
-
* Additional CSS class name
|
|
25
|
-
*/
|
|
26
|
-
className?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Test ID for testing
|
|
29
|
-
*/
|
|
30
|
-
'data-testid'?: string;
|
|
31
|
-
}
|
|
32
|
-
export declare const SecondaryButton: ({ label, disabled, icon, iconPos, onClick, className, "data-testid": testId, ...props }: SecondaryButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
//# sourceMappingURL=SecondaryButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,eAAe,GAAI,yFAS7B,oBAAoB,4CAmCtB,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
* Card content.
|
|
5
|
-
*/
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Additional CSS class name.
|
|
9
|
-
*/
|
|
10
|
-
className?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Test ID for testing.
|
|
13
|
-
*/
|
|
14
|
-
'data-testid'?: string;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Simple card container component used to display nested content.
|
|
18
|
-
*/
|
|
19
|
-
export declare const Card: ({ children, className, "data-testid": testId, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,0DAKlB,SAAS,4CAQX,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export type ChipVariant = 'error' | 'info' | 'success' | 'warning';
|
|
3
|
-
export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
4
|
-
/**
|
|
5
|
-
* Visual style: success (green), warning (orange), info (blue), error (red).
|
|
6
|
-
*/
|
|
7
|
-
variant?: ChipVariant;
|
|
8
|
-
/**
|
|
9
|
-
* Label or content inside the chip.
|
|
10
|
-
*/
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Additional CSS class name.
|
|
14
|
-
*/
|
|
15
|
-
className?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Test ID for testing.
|
|
18
|
-
*/
|
|
19
|
-
'data-testid'?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Compact pill-shaped status label with semantic color variants.
|
|
23
|
-
*/
|
|
24
|
-
export declare const Chip: ({ variant, children, className, "data-testid": testId, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAElE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AASD;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,mEAMlB,SAAS,4CAUX,CAAA"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface DropdownOption {
|
|
3
|
-
label?: string;
|
|
4
|
-
value?: string;
|
|
5
|
-
[key: string]: unknown;
|
|
6
|
-
}
|
|
7
|
-
export interface DropdownChangeEvent {
|
|
8
|
-
value: DropdownOption['value'] | null;
|
|
9
|
-
originalEvent: React.SyntheticEvent;
|
|
10
|
-
}
|
|
11
|
-
export interface DropdownEditEndEvent {
|
|
12
|
-
/** Trimmed value that was in the input when Enter was pressed */
|
|
13
|
-
value: string;
|
|
14
|
-
/** Selected option value if a matching option was found and selected; null otherwise */
|
|
15
|
-
selectedValue: DropdownOption['value'] | null;
|
|
16
|
-
originalEvent: React.KeyboardEvent;
|
|
17
|
-
}
|
|
18
|
-
export interface DropdownProps<T = DropdownOption> {
|
|
19
|
-
/**
|
|
20
|
-
* Selected value (controlled). Must match optionValue of the selected option.
|
|
21
|
-
*/
|
|
22
|
-
value?: unknown;
|
|
23
|
-
/**
|
|
24
|
-
* Callback when selection changes
|
|
25
|
-
*/
|
|
26
|
-
onChange?: (e: DropdownChangeEvent) => void;
|
|
27
|
-
/**
|
|
28
|
-
* Array of options
|
|
29
|
-
*/
|
|
30
|
-
options: T[];
|
|
31
|
-
/**
|
|
32
|
-
* Property name for the option label (default: "label")
|
|
33
|
-
*/
|
|
34
|
-
optionLabel?: keyof T | string;
|
|
35
|
-
/**
|
|
36
|
-
* Property name for the option value (default: "value")
|
|
37
|
-
*/
|
|
38
|
-
optionValue?: keyof T | string;
|
|
39
|
-
/**
|
|
40
|
-
* Name of the property in the option object that indicates whether the option is disabled.
|
|
41
|
-
* When set (e.g. optionDisabled="disabled"), options with a truthy value for that key
|
|
42
|
-
* are disabled and cannot be selected. Matches PrimeReact Dropdown optionDisabled API.
|
|
43
|
-
* @see https://primereact.org/dropdown/#api.Dropdown.props.optionDisabled
|
|
44
|
-
*/
|
|
45
|
-
optionDisabled?: keyof T | string;
|
|
46
|
-
/**
|
|
47
|
-
* Placeholder when no value selected
|
|
48
|
-
*/
|
|
49
|
-
placeholder?: string;
|
|
50
|
-
/**
|
|
51
|
-
* Enable filter (search) in the overlay
|
|
52
|
-
*/
|
|
53
|
-
filter?: boolean;
|
|
54
|
-
/**
|
|
55
|
-
* When true, the trigger is an editable input: user can type to filter options
|
|
56
|
-
* and select from the list. Matches PrimeReact Dropdown editable behavior.
|
|
57
|
-
* @see https://primereact.org/dropdown/#editable
|
|
58
|
-
*/
|
|
59
|
-
editable?: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Called when the user ends editing by pressing Enter in the editable input.
|
|
62
|
-
* Fires with the trimmed input value and the selected option value (if a match was found).
|
|
63
|
-
*/
|
|
64
|
-
onEditEnd?: (e: DropdownEditEndEvent) => void;
|
|
65
|
-
/**
|
|
66
|
-
* Whether the dropdown is disabled
|
|
67
|
-
*/
|
|
68
|
-
disabled?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Whether the field is required (shows asterisk on label)
|
|
71
|
-
*/
|
|
72
|
-
required?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Label text displayed above the input
|
|
75
|
-
*/
|
|
76
|
-
label?: React.ReactNode;
|
|
77
|
-
/**
|
|
78
|
-
* Input element id for label association
|
|
79
|
-
*/
|
|
80
|
-
inputId?: string;
|
|
81
|
-
/**
|
|
82
|
-
* Additional CSS class name for the root
|
|
83
|
-
*/
|
|
84
|
-
className?: string;
|
|
85
|
-
/**
|
|
86
|
-
* Additional CSS class name for the overlay panel
|
|
87
|
-
*/
|
|
88
|
-
panelClassName?: string;
|
|
89
|
-
/**
|
|
90
|
-
* Template for the selected value displayed in the trigger.
|
|
91
|
-
* Receives the selected option object or null when no value is selected.
|
|
92
|
-
* @see https://primereact.org/dropdown/#template
|
|
93
|
-
*/
|
|
94
|
-
valueTemplate?: (option: T | null) => React.ReactNode;
|
|
95
|
-
/**
|
|
96
|
-
* Template for each option in the dropdown list.
|
|
97
|
-
* Receives the option object.
|
|
98
|
-
* @see https://primereact.org/dropdown/#template
|
|
99
|
-
*/
|
|
100
|
-
itemTemplate?: (option: T) => React.ReactNode;
|
|
101
|
-
/**
|
|
102
|
-
* Test ID for testing
|
|
103
|
-
*/
|
|
104
|
-
'data-testid'?: string;
|
|
105
|
-
}
|
|
106
|
-
export declare const Dropdown: <T extends Record<string, unknown>>({ value, onChange, onEditEnd, options, optionLabel, optionValue, optionDisabled, placeholder, filter, editable, disabled, required, label, inputId, className, panelClassName, valueTemplate, itemTemplate, "data-testid": testId, }: DropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
107
|
-
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACrC,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,oBAAoB;IACnC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,aAAa,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IAC7C,aAAa,EAAE,KAAK,CAAC,aAAa,CAAA;CACnC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,cAAc;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA4BD,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,sOAoBzD,aAAa,CAAC,CAAC,CAAC,4CAkYlB,CAAA"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface InputTextProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'className'> {
|
|
3
|
-
/**
|
|
4
|
-
* Label text displayed above the input
|
|
5
|
-
*/
|
|
6
|
-
label?: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* When set, an info icon is shown next to the label with this string as tooltip
|
|
9
|
-
*/
|
|
10
|
-
tooltip?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Whether the field is required (shows asterisk on label)
|
|
13
|
-
*/
|
|
14
|
-
required?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Input element id for label association
|
|
17
|
-
*/
|
|
18
|
-
inputId?: string;
|
|
19
|
-
/**
|
|
20
|
-
* When true, renders a <textarea> instead of <input>
|
|
21
|
-
*/
|
|
22
|
-
textarea?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Number of visible rows (textarea only). Defaults to 3 when textarea is true.
|
|
25
|
-
*/
|
|
26
|
-
rows?: number;
|
|
27
|
-
/**
|
|
28
|
-
* Additional CSS class name for the root
|
|
29
|
-
*/
|
|
30
|
-
className?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Test ID for testing
|
|
33
|
-
*/
|
|
34
|
-
'data-testid'?: string;
|
|
35
|
-
}
|
|
36
|
-
export declare const InputText: ({ label, tooltip, required, inputId: inputIdProp, textarea, rows: rowsProp, className, "data-testid": testId, disabled, ...rest }: InputTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
//# sourceMappingURL=InputText.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/components/input/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,WAAW,CACrB;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,mIAWvB,cAAc,4CA0EhB,CAAA"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface SelectButtonOption {
|
|
3
|
-
label?: string;
|
|
4
|
-
value?: string;
|
|
5
|
-
[key: string]: unknown;
|
|
6
|
-
}
|
|
7
|
-
export interface SelectButtonChangeEvent {
|
|
8
|
-
value: SelectButtonOption['value'] | SelectButtonOption['value'][] | null;
|
|
9
|
-
originalEvent: React.SyntheticEvent;
|
|
10
|
-
}
|
|
11
|
-
export interface SelectButtonProps<T = SelectButtonOption> {
|
|
12
|
-
/**
|
|
13
|
-
* Selected value (controlled). Single value or array when multiple.
|
|
14
|
-
*/
|
|
15
|
-
value?: unknown;
|
|
16
|
-
/**
|
|
17
|
-
* Callback when selection changes
|
|
18
|
-
*/
|
|
19
|
-
onChange?: (e: SelectButtonChangeEvent) => void;
|
|
20
|
-
/**
|
|
21
|
-
* Array of options
|
|
22
|
-
*/
|
|
23
|
-
options: T[];
|
|
24
|
-
/**
|
|
25
|
-
* Property name for the option label (default: "label")
|
|
26
|
-
*/
|
|
27
|
-
optionLabel?: keyof T | string;
|
|
28
|
-
/**
|
|
29
|
-
* Property name for the option value (default: "value")
|
|
30
|
-
*/
|
|
31
|
-
optionValue?: keyof T | string;
|
|
32
|
-
/**
|
|
33
|
-
* Name of the property that indicates whether an option is disabled.
|
|
34
|
-
* @see https://primereact.org/selectbutton/
|
|
35
|
-
*/
|
|
36
|
-
optionDisabled?: keyof T | string;
|
|
37
|
-
/**
|
|
38
|
-
* When true, allows multiple selection (value is an array).
|
|
39
|
-
*/
|
|
40
|
-
multiple?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Template for each option. Receives the option object.
|
|
43
|
-
*/
|
|
44
|
-
itemTemplate?: (option: T) => React.ReactNode;
|
|
45
|
-
/**
|
|
46
|
-
* Whether the component is disabled
|
|
47
|
-
*/
|
|
48
|
-
disabled?: boolean;
|
|
49
|
-
/**
|
|
50
|
-
* Invalid state for validation styling
|
|
51
|
-
*/
|
|
52
|
-
invalid?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Additional CSS class name for the root
|
|
55
|
-
*/
|
|
56
|
-
className?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Test ID for testing
|
|
59
|
-
*/
|
|
60
|
-
'data-testid'?: string;
|
|
61
|
-
}
|
|
62
|
-
export declare const SelectButton: <T extends Record<string, unknown>>({ value, onChange, options, optionLabel, optionValue, optionDisabled, multiple, itemTemplate, disabled, invalid, className, "data-testid": testId, }: SelectButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
63
|
-
//# sourceMappingURL=SelectButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../src/components/selectbutton/SelectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAA;IACzE,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,kBAAkB;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC/C;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA4BD,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,sJAa7D,iBAAiB,CAAC,CAAC,CAAC,4CAyFtB,CAAA"}
|