@emporix/component-library 1.4.1 → 1.4.2
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/assets/index-BXOChSM8.js +111 -0
- package/dist/{style.css → assets/index-BfaxNmv0.css} +1 -1
- package/dist/index.html +14 -0
- package/package.json +1 -1
- package/dist/components/buttons/PrimaryButton.d.ts +0 -29
- package/dist/components/buttons/PrimaryButton.d.ts.map +0 -1
- package/dist/components/buttons/SecondaryButton.d.ts +0 -25
- package/dist/components/buttons/SecondaryButton.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 +0 -23
- package/dist/index.d.ts.map +0 -1
- package/dist/index.es.js +0 -1299
- package/dist/index.umd.js +0 -30
- package/dist/styles.d.ts +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._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_1xupi_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1xupi_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1xupi_18{color:var(--color-text-secondary);margin-left:2px}._trigger_1xupi_23{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_1xupi_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_1xupi_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_1xupi_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_1xupi_47:hover{border-color:var(--color-input-border)}._triggerInput_1xupi_56{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_1xupi_56::placeholder{color:var(--color-text-secondary)}._triggerInput_1xupi_56:disabled{cursor:not-allowed}._value_1xupi_74{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_1xupi_82{color:var(--color-text-secondary)}._chevron_1xupi_86{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_1xupi_93 ._chevron_1xupi_86{transform:rotate(180deg)}@keyframes _menuIn_1xupi_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_1xupi_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_1xupi_117{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_1xupi_1 .25s ease-out forwards}._panelClosing_1xupi_134{animation:_menuOut_1xupi_1 .15s ease-in forwards}._filterWrapper_1xupi_138{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_1xupi_145{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_1xupi_145:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_1xupi_145::placeholder{color:var(--color-text-secondary)}._filterIcon_1xupi_164{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_1xupi_175{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_1xupi_184{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_1xupi_184:hover,._option_1xupi_184:focus-visible{background:var(--color-bg-secondary)}._optionSelected_1xupi_196{background:var(--color-dropdown-option-highlight)}._optionHighlighted_1xupi_200{background:var(--color-bg-secondary)}._optionDisabled_1xupi_204{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_1xupi_204:hover{background:transparent}._empty_1xupi_213{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_1xupi_220 ._trigger_1xupi_23:hover{border-color:var(--color-input-border)}._inputText_1crp5_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1crp5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1crp5_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_1crp5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_1crp5_25 svg{width:1rem;height:1rem}._input_1crp5_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_1crp5_1::placeholder{color:var(--color-text-secondary)}._input_1crp5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_1crp5_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_1crp5_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_1crp5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_1crp5_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_1crp5_79 ._input_1crp5_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}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--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-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--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: #3b73bb;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #3b73bb;--focus-ring-box-shadow: 0 0 0 1px rgba(38, 101, 183, .5)}body{font-family:-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
|
+
._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._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_1xupi_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1xupi_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1xupi_18{color:var(--color-text-secondary);margin-left:2px}._trigger_1xupi_23{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_1xupi_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_1xupi_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_1xupi_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_1xupi_47:hover{border-color:var(--color-input-border)}._triggerInput_1xupi_56{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_1xupi_56::placeholder{color:var(--color-text-secondary)}._triggerInput_1xupi_56:disabled{cursor:not-allowed}._value_1xupi_74{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_1xupi_82{color:var(--color-text-secondary)}._chevron_1xupi_86{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_1xupi_93 ._chevron_1xupi_86{transform:rotate(180deg)}@keyframes _menuIn_1xupi_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_1xupi_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_1xupi_117{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_1xupi_1 .25s ease-out forwards}._panelClosing_1xupi_134{animation:_menuOut_1xupi_1 .15s ease-in forwards}._filterWrapper_1xupi_138{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_1xupi_145{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_1xupi_145:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_1xupi_145::placeholder{color:var(--color-text-secondary)}._filterIcon_1xupi_164{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_1xupi_175{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_1xupi_184{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_1xupi_184:hover,._option_1xupi_184:focus-visible{background:var(--color-bg-secondary)}._optionSelected_1xupi_196{background:var(--color-dropdown-option-highlight)}._optionHighlighted_1xupi_200{background:var(--color-bg-secondary)}._optionDisabled_1xupi_204{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_1xupi_204:hover{background:transparent}._empty_1xupi_213{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_1xupi_220 ._trigger_1xupi_23:hover{border-color:var(--color-input-border)}._inputText_1crp5_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1crp5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1crp5_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_1crp5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_1crp5_25 svg{width:1rem;height:1rem}._input_1crp5_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_1crp5_1::placeholder{color:var(--color-text-secondary)}._input_1crp5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_1crp5_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_1crp5_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_1crp5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_1crp5_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_1crp5_79 ._input_1crp5_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}._app_1vgqk_1{min-height:100vh;display:flex;flex-direction:column}._header_1vgqk_7{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;padding:3rem 1rem;text-align:center}._header_1vgqk_7 h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}._header_1vgqk_7 p{margin:0;font-size:1.125rem;opacity:.9}._main_1vgqk_24{flex:1;max-width:1200px;margin:0 auto;padding:3rem 1rem;width:100%}._section_1vgqk_32{margin-bottom:3rem}._section_1vgqk_32 h2{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.75rem;font-weight:600}._section_1vgqk_32 p{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6}._componentShowcase_1vgqk_47{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:1.5rem;border:1px solid var(--color-border-light)}._variantGroup_1vgqk_54{margin-bottom:1.5rem}._variantGroup_1vgqk_54:last-child{margin-bottom:0}._variantGroup_1vgqk_54 h3{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.125rem;font-weight:500}._buttonGrid_1vgqk_67{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}._buttonRow_1vgqk_73{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}._dropdownDemo_1vgqk_80{max-width:120}._editEndHint_1vgqk_84{margin:.5rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}._placeholderText_1vgqk_90{color:var(--color-text-secondary)}._codeBlock_1vgqk_94{background:var(--color-dark);color:#f8f9fa;border-radius:var(--border-radius-md);padding:1.5rem;overflow-x:auto}._codeBlock_1vgqk_94 pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}._codeBlock_1vgqk_94 code{color:#f8f9fa}ul{color:var(--color-text-secondary);line-height:1.6}ul li{margin-bottom:.5rem}ul li code{background:var(--color-bg-secondary);padding:.125rem .25rem;border-radius:var(--border-radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;color:var(--color-primary)}._footer_1vgqk_127{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:1.5rem 1rem;text-align:center;color:var(--color-text-secondary)}._footer_1vgqk_127 p{margin:0}@media(max-width:768px){._header_1vgqk_7{padding:1.5rem 1rem}._header_1vgqk_7 h1{font-size:2rem}._main_1vgqk_24{padding:1.5rem 1rem}._buttonGrid_1vgqk_67{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}._buttonRow_1vgqk_73{gap:.5rem}}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--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-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--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: #3b73bb;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #3b73bb;--focus-ring-box-shadow: 0 0 0 1px rgba(38, 101, 183, .5)}body{font-family:-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}
|
package/dist/index.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>Emporix Component Library</title>
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-BXOChSM8.js"></script>
|
|
9
|
+
<link rel="stylesheet" crossorigin href="/assets/index-BfaxNmv0.css">
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div id="root"></div>
|
|
13
|
+
</body>
|
|
14
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface PrimaryButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* The content of the button
|
|
5
|
-
*/
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Whether the button is disabled
|
|
9
|
-
*/
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Whether the button is loading
|
|
13
|
-
*/
|
|
14
|
-
loading?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Click handler
|
|
17
|
-
*/
|
|
18
|
-
onClick?: () => void;
|
|
19
|
-
/**
|
|
20
|
-
* Additional CSS class name
|
|
21
|
-
*/
|
|
22
|
-
className?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Test ID for testing
|
|
25
|
-
*/
|
|
26
|
-
'data-testid'?: string;
|
|
27
|
-
}
|
|
28
|
-
export declare const PrimaryButton: ({ children, disabled, loading, onClick, className, "data-testid": testId, ...props }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
//# 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,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;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,sFAQ3B,kBAAkB,4CAsBpB,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface SecondaryButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* The content of the button
|
|
5
|
-
*/
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Whether the button is disabled
|
|
9
|
-
*/
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Click handler
|
|
13
|
-
*/
|
|
14
|
-
onClick?: () => void;
|
|
15
|
-
/**
|
|
16
|
-
* Additional CSS class name
|
|
17
|
-
*/
|
|
18
|
-
className?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Test ID for testing
|
|
21
|
-
*/
|
|
22
|
-
'data-testid'?: string;
|
|
23
|
-
}
|
|
24
|
-
export declare const SecondaryButton: ({ children, disabled, onClick, className, "data-testid": testId, ...props }: SecondaryButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
//# 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,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;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,6EAO7B,oBAAoB,4CAqBtB,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,KAAsC,MAAM,OAAO,CAAA;AAI1D,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,4CAgYlB,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,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,WAAW,CACrB;IACD;;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,4CA+EhB,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"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface TabItem {
|
|
3
|
-
/**
|
|
4
|
-
* Unique identifier for the tab
|
|
5
|
-
*/
|
|
6
|
-
id: string;
|
|
7
|
-
/**
|
|
8
|
-
* Display label for the tab
|
|
9
|
-
*/
|
|
10
|
-
label: string;
|
|
11
|
-
/**
|
|
12
|
-
* Content to display when tab is active
|
|
13
|
-
*/
|
|
14
|
-
content: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export interface TabsProps {
|
|
17
|
-
/**
|
|
18
|
-
* Array of tab items to display
|
|
19
|
-
*/
|
|
20
|
-
tabs: TabItem[];
|
|
21
|
-
/**
|
|
22
|
-
* ID of the currently active tab
|
|
23
|
-
*/
|
|
24
|
-
activeTabId: string;
|
|
25
|
-
/**
|
|
26
|
-
* Callback function when tab is changed
|
|
27
|
-
*/
|
|
28
|
-
onTabChange: (tabId: string) => void;
|
|
29
|
-
/**
|
|
30
|
-
* Additional CSS class name
|
|
31
|
-
*/
|
|
32
|
-
className?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Test ID for testing
|
|
35
|
-
*/
|
|
36
|
-
'data-testid'?: string;
|
|
37
|
-
}
|
|
38
|
-
export declare const Tabs: ({ tabs, activeTabId, onTabChange, className, "data-testid": testId, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,OAAO,EAAE,CAAA;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,IAAI,GAAI,gFAOlB,SAAS,4CAsCX,CAAA"}
|
package/dist/index.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Emporix Component Library
|
|
3
|
-
*
|
|
4
|
-
* For components to render with correct layout and styles in your app,
|
|
5
|
-
* import the library styles once (e.g. in your root entry or App):
|
|
6
|
-
*
|
|
7
|
-
* import '@emporix/component-library/styles'
|
|
8
|
-
*
|
|
9
|
-
* Or in CSS: @import '@emporix/component-library/styles';
|
|
10
|
-
*/
|
|
11
|
-
export { PrimaryButton } from './components/buttons/PrimaryButton';
|
|
12
|
-
export type { PrimaryButtonProps } from './components/buttons/PrimaryButton';
|
|
13
|
-
export { SecondaryButton } from './components/buttons/SecondaryButton';
|
|
14
|
-
export type { SecondaryButtonProps } from './components/buttons/SecondaryButton';
|
|
15
|
-
export { Tabs } from './components/tabs/Tabs';
|
|
16
|
-
export type { TabsProps, TabItem } from './components/tabs/Tabs';
|
|
17
|
-
export { Dropdown } from './components/dropdown/Dropdown';
|
|
18
|
-
export type { DropdownProps, DropdownOption, DropdownChangeEvent, DropdownEditEndEvent, } from './components/dropdown/Dropdown';
|
|
19
|
-
export { InputText } from './components/input/InputText';
|
|
20
|
-
export type { InputTextProps } from './components/input/InputText';
|
|
21
|
-
export { SelectButton } from './components/selectbutton/SelectButton';
|
|
22
|
-
export type { SelectButtonProps, SelectButtonOption, SelectButtonChangeEvent, } from './components/selectbutton/SelectButton';
|
|
23
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,YAAY,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAEhF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,YAAY,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,wCAAwC,CAAA;AAG/C,OAAO,qBAAqB,CAAA"}
|