@efficiency-point/design-system 0.0.4
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/README.md +334 -0
- package/dist/components/DSBadge/DSBadge.d.ts +13 -0
- package/dist/components/DSBadge/DSBadge.d.ts.map +1 -0
- package/dist/components/DSButton/DSButton.d.ts +12 -0
- package/dist/components/DSButton/DSButton.d.ts.map +1 -0
- package/dist/components/DSCheckbox/DSCheckbox.d.ts +20 -0
- package/dist/components/DSCheckbox/DSCheckbox.d.ts.map +1 -0
- package/dist/components/DSDataTable/DSDataTable.d.ts +48 -0
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -0
- package/dist/components/DSDateRange/DSDateRange.d.ts +28 -0
- package/dist/components/DSDateRange/DSDateRange.d.ts.map +1 -0
- package/dist/components/DSDateTimePicker/DSDateTimePicker.d.ts +21 -0
- package/dist/components/DSDateTimePicker/DSDateTimePicker.d.ts.map +1 -0
- package/dist/components/DSDropDown/DSDropDown.d.ts +25 -0
- package/dist/components/DSDropDown/DSDropDown.d.ts.map +1 -0
- package/dist/components/DSDropDownMultiple/DSDropDownMultiple.d.ts +19 -0
- package/dist/components/DSDropDownMultiple/DSDropDownMultiple.d.ts.map +1 -0
- package/dist/components/DSFilters/DSFilters.d.ts +54 -0
- package/dist/components/DSFilters/DSFilters.d.ts.map +1 -0
- package/dist/components/DSIcon/DSIcon.d.ts +8 -0
- package/dist/components/DSIcon/DSIcon.d.ts.map +1 -0
- package/dist/components/DSInfoBlock/DSInfoBlock.d.ts +12 -0
- package/dist/components/DSInfoBlock/DSInfoBlock.d.ts.map +1 -0
- package/dist/components/DSInput/DSInput.d.ts +28 -0
- package/dist/components/DSInput/DSInput.d.ts.map +1 -0
- package/dist/components/DSLoader/DSLoader.d.ts +9 -0
- package/dist/components/DSLoader/DSLoader.d.ts.map +1 -0
- package/dist/components/DSModal/DSModal.d.ts +7 -0
- package/dist/components/DSModal/DSModal.d.ts.map +1 -0
- package/dist/components/DSModal/ModalSystemProvider.d.ts +9 -0
- package/dist/components/DSModal/ModalSystemProvider.d.ts.map +1 -0
- package/dist/components/DSModal/builtins.d.ts +34 -0
- package/dist/components/DSModal/builtins.d.ts.map +1 -0
- package/dist/components/DSModal/modal.store.d.ts +15 -0
- package/dist/components/DSModal/modal.store.d.ts.map +1 -0
- package/dist/components/DSModal/modal.types.d.ts +30 -0
- package/dist/components/DSModal/modal.types.d.ts.map +1 -0
- package/dist/components/DSModal/useModals.d.ts +12 -0
- package/dist/components/DSModal/useModals.d.ts.map +1 -0
- package/dist/components/DSPageLoader/DSPageLoader.d.ts +6 -0
- package/dist/components/DSPageLoader/DSPageLoader.d.ts.map +1 -0
- package/dist/components/DSRadioButton/DSRadioButton.d.ts +13 -0
- package/dist/components/DSRadioButton/DSRadioButton.d.ts.map +1 -0
- package/dist/components/DSSkeleton/DSSkeleton.d.ts +12 -0
- package/dist/components/DSSkeleton/DSSkeleton.d.ts.map +1 -0
- package/dist/components/DSSort/DSSort.d.ts +23 -0
- package/dist/components/DSSort/DSSort.d.ts.map +1 -0
- package/dist/components/DSTimePeriodPicker/DSTimePeriodPicker.d.ts +23 -0
- package/dist/components/DSTimePeriodPicker/DSTimePeriodPicker.d.ts.map +1 -0
- package/dist/components/DSToast/DSToast.d.ts +7 -0
- package/dist/components/DSToast/DSToast.d.ts.map +1 -0
- package/dist/components/DSToast/DSToastProvider.d.ts +5 -0
- package/dist/components/DSToast/DSToastProvider.d.ts.map +1 -0
- package/dist/components/DSToast/toast.store.d.ts +10 -0
- package/dist/components/DSToast/toast.store.d.ts.map +1 -0
- package/dist/components/DSToast/toast.types.d.ts +18 -0
- package/dist/components/DSToast/toast.types.d.ts.map +1 -0
- package/dist/components/DSToast/useToast.d.ts +12 -0
- package/dist/components/DSToast/useToast.d.ts.map +1 -0
- package/dist/components/DSTooltip/DSTooltip.d.ts +13 -0
- package/dist/components/DSTooltip/DSTooltip.d.ts.map +1 -0
- package/dist/components/DSVideoPlayerFrame/DSVideoPlayerFrame.d.ts +25 -0
- package/dist/components/DSVideoPlayerFrame/DSVideoPlayerFrame.d.ts.map +1 -0
- package/dist/components/Field/DSField.d.ts +18 -0
- package/dist/components/Field/DSField.d.ts.map +1 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.es.js +1411 -0
- package/dist/style.css +2 -0
- package/package.json +88 -0
package/dist/style.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--color-primary:#179cf0;--color-text:#22252b;--color-inactive:#9ca3af;--color-success:#179c66;--color-warning:#f59e0b;--color-error:#dc2626;--color-background-disabled:#dbcff1;--color-surface:#fff;--color-border:#d9dee7;--color-text-secondary:#6b7280;--color-focus-ring:#179cf02e;--color-neutral-surface:#f1f3f6;--color-neutral-text:#4b5563;--color-info-surface:#179cf01f;--color-info-text:#0878bd;--color-success-surface:#179c661f;--color-success-text:#11784f;--color-warning-surface:#fff4d6;--color-warning-text:#8a5800;--color-error-surface:#feecec;--color-error-text:#b91c1c;--color-skeleton-base:#e9edf3;--color-skeleton-highlight:#f5f7fa;--shadow-floating:0 8px 24px #0000002e;--z-dropdown:1000;--z-tooltip:1100;--z-modal:1200;--z-toast:1300;--ds-dropdown-menu-max-height:240px;--gap-s:8px;--gap-m:16px;--gap-l:20px;--text-size-s:14px;--text-size-m:16px;--text-size-l:32px;--border-radius:10px;--height-s:30px;--height-m:44px;--height-l:70px}._badge_l4qbw_1{border-radius:999px;align-items:center;gap:6px;max-width:100%;font-size:12px;font-weight:600;line-height:1;display:inline-flex}._sm_l4qbw_2{min-height:20px;padding:0 7px}._md_l4qbw_3{min-height:24px;padding:0 9px}._neutral_l4qbw_4{background:var(--color-neutral-surface);color:var(--color-neutral-text)}._info_l4qbw_5{background:var(--color-info-surface);color:var(--color-info-text)}._success_l4qbw_6{background:var(--color-success-surface);color:var(--color-success-text)}._warning_l4qbw_7{background:var(--color-warning-surface);color:var(--color-warning-text)}._error_l4qbw_8{background:var(--color-error-surface);color:var(--color-error-text)}._dot_l4qbw_9{background:currentColor;border-radius:50%;width:6px;height:6px}._icon_l4qbw_10{display:inline-flex}._label_l4qbw_11{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._loader_pslm9_1{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite _ds-spin_pslm9_1;display:inline-block}._primary_pslm9_11{color:var(--color-primary)}._secondary_pslm9_12{color:var(--color-text)}._light_pslm9_13{color:var(--color-surface)}._danger_pslm9_14{color:var(--color-error)}@keyframes _ds-spin_pslm9_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._loader_pslm9_1{animation-duration:1.5s}}._button_3nz3z_1{justify-content:center;align-items:center;gap:var(--gap-s);border-radius:var(--border-radius);font:inherit;cursor:pointer;border:1px solid #0000;font-weight:600;transition:background .15s,box-shadow .15s,color .15s;display:inline-flex}._button_3nz3z_1:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}._button_3nz3z_1:disabled{opacity:.55;cursor:not-allowed}._sm_3nz3z_16{min-height:var(--height-s);padding:4px 10px;font-size:12px}._md_3nz3z_17{min-height:var(--height-m);font-size:var(--text-size-s);padding:8px 16px}._lg_3nz3z_18{min-height:52px;font-size:var(--text-size-m);padding:12px 20px}._primary_3nz3z_19{background:var(--color-primary);color:var(--color-surface)}._secondary_3nz3z_20{background:var(--color-text);color:var(--color-surface)}._outline_3nz3z_21{border-color:var(--color-primary);color:var(--color-primary);background:0 0}._ghost_3nz3z_22,._empty_3nz3z_22{color:var(--color-text);background:0 0}._destructive_3nz3z_23{background:var(--color-error);color:var(--color-surface)}._destructiveOutline_3nz3z_24{border-color:var(--color-error);color:var(--color-error);background:0 0}._button_3nz3z_1:hover:not(:disabled){filter:brightness(.96)}._label_5v0ym_1{width:fit-content;color:var(--color-text);font-size:var(--text-size-s);align-items:baseline;gap:4px;font-weight:600;line-height:1.4;display:inline-flex}._required_5v0ym_12,._error_5v0ym_13{color:var(--color-error)}._optional_5v0ym_17,._hint_5v0ym_18{color:var(--color-text-secondary);font-size:12px;font-weight:400}._disabled_5v0ym_24{color:var(--color-inactive)}._message_5v0ym_28{align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}._success_5v0ym_36{color:var(--color-success)}._wrapper_1l5cg_1{gap:var(--gap-s);flex-direction:column;display:flex}._label_1l5cg_2{width:fit-content;color:var(--color-text);font-size:var(--text-size-s);cursor:pointer;align-items:center;gap:10px;font-weight:600;display:inline-flex}._input_1l5cg_3{opacity:0;width:1px;height:1px;position:absolute}._control_1l5cg_4{border:1px solid var(--color-primary);background:var(--color-surface);width:20px;height:20px;color:var(--color-surface);border-radius:6px;flex:none;place-items:center;display:grid}._input_1l5cg_3:checked+._control_1l5cg_4,._input_1l5cg_3:indeterminate+._control_1l5cg_4{background:var(--color-primary)}._input_1l5cg_3:focus-visible+._control_1l5cg_4{box-shadow:0 0 0 4px var(--color-focus-ring)}._disabled_1l5cg_7{color:var(--color-inactive);cursor:not-allowed}._disabled_1l5cg_7 ._control_1l5cg_4{opacity:.55}._controlError_1l5cg_9{border-color:var(--color-error)}._wrapper_1kr9x_1{gap:var(--gap-s);flex-direction:column;width:100%;display:flex}._input_1kr9x_2{min-height:var(--height-m);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text);font:inherit;padding:8px 12px}._input_1kr9x_2:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}._input_1kr9x_2:disabled{color:var(--color-inactive);background:#e9e9e9}._error_1kr9x_5{border-color:var(--color-error)}._root_9h2e2_1{gap:var(--gap-s);border:0;flex-direction:column;width:100%;margin:0;padding:0;display:flex}._legend_9h2e2_2{margin-bottom:var(--gap-s);color:var(--color-text);font-size:var(--text-size-s);font-weight:600}._range_9h2e2_3{gap:var(--gap-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<640px){._range_9h2e2_3{grid-template-columns:1fr}}._group_1st6r_1{gap:var(--gap-s);flex-direction:column;width:100%;display:flex}._skeleton_1st6r_2{background:var(--color-skeleton-base);display:block;overflow:hidden}._text_1st6r_3{border-radius:4px;height:14px}._rectangular_1st6r_4{border-radius:var(--border-radius);min-height:44px}._circular_1st6r_5{border-radius:50%;width:40px;height:40px}._animated_1st6r_6{background-image:linear-gradient(90deg, var(--color-skeleton-base), var(--color-skeleton-highlight), var(--color-skeleton-base));background-size:200% 100%;animation:1.4s linear infinite _ds-skeleton_1st6r_1}@keyframes _ds-skeleton_1st6r_1{to{background-position-x:-200%}}@media (prefers-reduced-motion:reduce){._animated_1st6r_6{background-image:none;animation:none}}._wrapper_dkn63_1{gap:var(--gap-s);width:100%;color:var(--color-text);flex-direction:column;display:flex}._label_dkn63_17{font-size:var(--text-size-s);font-weight:600;line-height:1.4}._container_dkn63_29{position:relative}._trigger_dkn63_37,._disabledText_dkn63_39{width:100%;min-height:var(--height-m);border:1px solid var(--color-primary);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text);font:inherit;padding:10px 14px}._trigger_dkn63_37{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}._trigger_dkn63_37:hover:not(:disabled){box-shadow:0 0 0 3px #179cf01f}._trigger_dkn63_37:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}._trigger_dkn63_37:disabled,._disabledText_dkn63_39{border-color:var(--color-background-disabled);cursor:not-allowed;background:#e9e9e9}._value_dkn63_109,._placeholder_dkn63_111{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-size-s);text-align:left;overflow:hidden}._placeholder_dkn63_111{color:var(--color-text-secondary)}._chevron_dkn63_137{color:#22252b;flex-shrink:0;width:20px;height:20px;transition:transform .2s}._chevron_dkn63_137 svg{width:100%;height:100%}._chevronOpen_dkn63_163{transform:rotate(180deg)}._menu_dkn63_171{z-index:20;width:100%;max-height:var(--ds-dropdown-menu-max-height);overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}._option_dkn63_207{width:100%;min-height:40px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}._option_dkn63_207:hover:not(:disabled),._option_dkn63_207:focus-visible,._selected_dkn63_245{background:#179cf01f;outline:none}._option_dkn63_207:disabled{opacity:.5;cursor:not-allowed}._message_dkn63_265,._error_dkn63_267{font-size:12px;line-height:1.4}._message_dkn63_265{color:var(--color-text-secondary)}._error_dkn63_267{color:var(--color-error)}._errorState_dkn63_293 ._trigger_dkn63_37{border-color:var(--color-error)}._root_i4d62_1{gap:var(--gap-m);width:100%;color:var(--color-text);display:grid}._tableWrap_i4d62_2{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:auto}._table_i4d62_2{border-collapse:collapse;background:var(--color-surface);width:100%}._table_i4d62_2 caption{padding:var(--gap-s);text-align:left;font-weight:600}._table_i4d62_2 th,._table_i4d62_2 td{min-height:var(--height-m);padding:12px var(--gap-m);border-bottom:1px solid var(--color-border);text-align:left}._table_i4d62_2 tbody tr:last-child td{border-bottom:0}._table_i4d62_2 tbody tr:hover{background:var(--color-info-surface)}._sticky_i4d62_8{z-index:1;background:var(--color-surface);position:sticky;top:0}._sortButton_i4d62_9{align-items:center;gap:var(--gap-s);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;display:inline-flex}._sortButton_i4d62_9:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}._state_i4d62_11{padding:var(--gap-l);color:var(--color-text-secondary);text-align:center}._cards_i4d62_12,._mobileSort_i4d62_12{display:none}._card_i4d62_12{padding:var(--gap-m);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);gap:12px;display:grid}._card_i4d62_12 h3{font-size:var(--text-size-m);margin:0}._card_i4d62_12 dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}._card_i4d62_12 dt{color:var(--color-text-secondary);text-transform:uppercase;font-size:12px}._card_i4d62_12 dd{overflow-wrap:anywhere;font-size:var(--text-size-s);margin:4px 0 0}._card_i4d62_12 footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:12px;display:flex}._spanTwo_i4d62_19{grid-column:span 2}@media (width<640px){._default_i4d62_21:not(._tableOnMobile_i4d62_21) ._tableWrap_i4d62_2{display:none}._default_i4d62_21:not(._tableOnMobile_i4d62_21) ._cards_i4d62_12{gap:12px;display:grid}._default_i4d62_21:not(._tableOnMobile_i4d62_21) ._mobileSort_i4d62_12{display:block}}@media (width<1280px){._wide_i4d62_23:not(._tableOnMobile_i4d62_21) ._tableWrap_i4d62_2{display:none}._wide_i4d62_23:not(._tableOnMobile_i4d62_21) ._cards_i4d62_12{gap:12px;display:grid}._wide_i4d62_23:not(._tableOnMobile_i4d62_21) ._mobileSort_i4d62_12{display:block}}._root_1897l_1{border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);width:100%;color:var(--color-text);overflow-wrap:anywhere;overflow:hidden}._header_1897l_11{justify-content:space-between;align-items:center;gap:var(--gap-m);min-height:52px;padding:12px var(--gap-m);border-bottom:1px solid var(--color-border);display:flex}._title_1897l_21{font-size:var(--text-size-m);margin:0;font-weight:600;line-height:1.4}._dismiss_1897l_28{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}._dismiss_1897l_28:hover{color:var(--color-text);background:#22252b12}._dismiss_1897l_28:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}._dismiss_1897l_28 svg{width:20px;height:20px}._content_1897l_57{padding:var(--gap-m);font-size:var(--text-size-s);line-height:1.5}._wrapper_1bpdz_1{gap:var(--gap-s);flex-direction:column;width:100%;display:flex}._control_1bpdz_3{display:flex;position:relative}._input_1bpdz_5,._disabledText_1bpdz_5{width:100%;min-height:var(--height-m);max-height:var(--height-m);height:var(--height-m);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text);padding:10px 14px}._input_1bpdz_5:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}._input_1bpdz_5:disabled,._disabledText_1bpdz_5{color:var(--color-inactive);background:#e9e9e9}._inputError_1bpdz_11{border-color:var(--color-error)}._input_1bpdz_5:has(+._clear_1bpdz_13){padding-right:44px}._clear_1bpdz_13{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:20px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}._clear_1bpdz_13:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}._wrapper_8srjz_1{width:fit-content;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}._input_8srjz_11{opacity:0;width:1px;height:1px;position:absolute}._switch_8srjz_18{border:1px solid var(--color-inactive);background:var(--color-inactive);border-radius:999px;flex:none;align-items:center;width:42px;height:24px;padding:2px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}._thumb_8srjz_34{background:var(--color-surface);border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 1px 3px #00000040}._input_8srjz_11:checked+._switch_8srjz_18{border-color:var(--color-primary);background:var(--color-primary)}._input_8srjz_11:checked+._switch_8srjz_18 ._thumb_8srjz_34{transform:translate(18px)}._input_8srjz_11:focus-visible+._switch_8srjz_18{box-shadow:0 0 0 4px var(--color-focus-ring)}._label_8srjz_56{font-size:var(--text-size-s);font-weight:600;line-height:1.4}._disabled_8srjz_62{color:var(--color-inactive);cursor:not-allowed}._disabled_8srjz_62 ._switch_8srjz_18{opacity:.55}._root_kepgo_1{gap:var(--gap-m);width:100%;display:grid}._grid_kepgo_3{gap:var(--gap-m);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center;display:grid}._actions_kepgo_5{justify-content:flex-end;gap:var(--gap-s);display:flex}@media (width<640px){._grid_kepgo_3{grid-template-columns:1fr}._actions_kepgo_5>*{flex:1}}._layer_bl99k_1{z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0}._backdrop_bl99k_2{padding:var(--gap-m);pointer-events:auto;background:#0000007a;place-items:center;display:grid;position:absolute;inset:0}._panel_bl99k_3{border-radius:var(--border-radius);background:var(--color-surface);width:min(560px,100%);max-height:calc(100vh - 32px);color:var(--color-text);box-shadow:var(--shadow-floating);overflow-y:auto}._panel_bl99k_3:focus{outline:none}._header_bl99k_5{justify-content:space-between;align-items:center;gap:var(--gap-m);padding:var(--gap-m);border-bottom:1px solid var(--color-border);display:flex}._title_bl99k_6{margin:0;font-size:20px;line-height:1.3}._description_bl99k_7{padding:var(--gap-m) var(--gap-m) 0;color:var(--color-text-secondary);font-size:var(--text-size-s);margin:0}._content_bl99k_8{padding:var(--gap-m)}._message_187g8_1{color:var(--color-text);margin:0;line-height:1.5}._actions_187g8_2{justify-content:flex-end;gap:var(--gap-s);margin-top:var(--gap-l);display:flex}@media (width<480px){._actions_187g8_2{flex-direction:column-reverse}}._root_1j70j_1{justify-content:center;align-items:center;gap:var(--gap-s);min-height:160px;color:var(--color-text-secondary);font-size:var(--text-size-s);display:flex}._root_ig8lp_1{gap:var(--gap-m);border:0;flex-direction:column;width:100%;margin:0;padding:0;display:flex}._legend_ig8lp_2{margin-bottom:var(--gap-s);color:var(--color-text);font-size:var(--text-size-s);font-weight:600}._range_ig8lp_3{gap:var(--gap-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<640px){._range_ig8lp_3{grid-template-columns:1fr}}._viewport_v7rog_1{z-index:var(--z-toast);gap:var(--gap-s);pointer-events:none;flex-direction:column;width:min(380px,100vw - 32px);display:flex;position:fixed}._top-right_v7rog_2{top:16px;right:16px}._top-left_v7rog_3{top:16px;left:16px}._bottom-right_v7rog_4{bottom:16px;right:16px}._bottom-left_v7rog_5{bottom:16px;left:16px}._toast_v7rog_6{border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-floating);pointer-events:auto;border-left-width:4px;align-items:flex-start;gap:10px;padding:12px;display:flex}._body_v7rog_7{min-width:0;font-size:var(--text-size-s);flex-direction:column;flex:1;gap:6px;line-height:1.4;display:flex}._icon_v7rog_8{flex:none;width:20px;height:20px}._info_v7rog_9{border-left-color:var(--color-primary)}._success_v7rog_10{border-left-color:var(--color-success)}._warning_v7rog_11{border-left-color:var(--color-warning)}._error_v7rog_12{border-left-color:var(--color-error)}._root_2bxal_1{display:inline-flex;position:relative}._tooltip_2bxal_2{z-index:var(--z-tooltip);background:var(--color-text);width:max-content;max-width:calc(100vw - 32px);color:var(--color-surface);pointer-events:none;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4;animation:.12s ease-out _ds-tooltip-in_2bxal_1;position:absolute;box-shadow:0 6px 18px #0000002e}._top_2bxal_3{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}._bottom_2bxal_4{top:calc(100% + 8px);left:50%;transform:translate(-50%)}._left_2bxal_5{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}._right_2bxal_6{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@keyframes _ds-tooltip-in_2bxal_1{0%{opacity:0}}@media (prefers-reduced-motion:reduce){._tooltip_2bxal_2{animation:none}}._root_tgni1_1{gap:var(--gap-s);width:100%;margin:0;display:grid}._frame_tgni1_2{border-radius:var(--border-radius);background:#000;width:100%;position:relative;overflow:hidden}._video_tgni1_3{width:100%;height:100%;display:block}._overlay_tgni1_4,._error_tgni1_4{padding:var(--gap-m);text-align:center;place-items:center;display:grid;position:absolute;inset:0}._overlay_tgni1_4{color:#fff;background:#00000073}._error_tgni1_4{background:var(--color-error-surface);color:var(--color-error-text)}._caption_tgni1_7{color:var(--color-text);font-size:var(--text-size-s);font-weight:600}._frame_tgni1_2:fullscreen{border-radius:0}
|
|
2
|
+
/*$vite$:1*/
|
package/package.json
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@efficiency-point/design-system",
|
|
3
|
+
"description": "Efficiency-point react design system",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"license": "UNLICENSED",
|
|
6
|
+
"version": "0.0.4",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"access": "public",
|
|
9
|
+
"registry": "https://registry.npmjs.org/"
|
|
10
|
+
},
|
|
11
|
+
"main": "./dist/index.cjs",
|
|
12
|
+
"module": "./dist/index.es.js",
|
|
13
|
+
"types": "./dist/index.d.ts",
|
|
14
|
+
"files": [
|
|
15
|
+
"dist"
|
|
16
|
+
],
|
|
17
|
+
"exports": {
|
|
18
|
+
".": {
|
|
19
|
+
"types": "./dist/index.d.ts",
|
|
20
|
+
"import": "./dist/index.es.js",
|
|
21
|
+
"require": "./dist/index.cjs"
|
|
22
|
+
},
|
|
23
|
+
"./styles.css": "./dist/style.css"
|
|
24
|
+
},
|
|
25
|
+
"sideEffects": [
|
|
26
|
+
"**/*.css"
|
|
27
|
+
],
|
|
28
|
+
"scripts": {
|
|
29
|
+
"dev": "vite",
|
|
30
|
+
"typecheck": "tsc -b --pretty false",
|
|
31
|
+
"build": "npm run typecheck && vite build",
|
|
32
|
+
"preview": "vite preview",
|
|
33
|
+
"storybook": "storybook dev -p 6006",
|
|
34
|
+
"build-storybook": "storybook build",
|
|
35
|
+
"test": "vitest run",
|
|
36
|
+
"test:coverage": "vitest run --coverage",
|
|
37
|
+
"test:package": "npm run build && node tests/package-smoke.mjs",
|
|
38
|
+
"pack:check": "npm pack --dry-run",
|
|
39
|
+
"prepack": "npm run build",
|
|
40
|
+
"lint:js": "eslint .",
|
|
41
|
+
"lint:js:fix": "eslint . --fix",
|
|
42
|
+
"lint:css": "stylelint \"src/**/*.css\"",
|
|
43
|
+
"lint:css:fix": "stylelint \"src/**/*.css\" --fix",
|
|
44
|
+
"lint": "npm run lint:js && npm run lint:css",
|
|
45
|
+
"lint:fix": "npm run lint:js:fix && npm run lint:css:fix"
|
|
46
|
+
},
|
|
47
|
+
"peerDependencies": {
|
|
48
|
+
"react": ">=18 <20",
|
|
49
|
+
"react-dom": ">=18 <20"
|
|
50
|
+
},
|
|
51
|
+
"devDependencies": {
|
|
52
|
+
"@chromatic-com/storybook": "latest",
|
|
53
|
+
"@eslint/js": "^9.39.5",
|
|
54
|
+
"@storybook/addon-a11y": "^10.5.7",
|
|
55
|
+
"@storybook/addon-docs": "^10.5.7",
|
|
56
|
+
"@storybook/addon-vitest": "^10.5.7",
|
|
57
|
+
"@storybook/react-vite": "^10.5.7",
|
|
58
|
+
"@stylistic/eslint-plugin": "^5.10.0",
|
|
59
|
+
"@stylistic/stylelint-config": "^5.0.0",
|
|
60
|
+
"@types/node": "^24.13.3",
|
|
61
|
+
"@types/react": "^19.2.17",
|
|
62
|
+
"@types/react-dom": "^19.2.3",
|
|
63
|
+
"@vitejs/plugin-react": "^6.0.4",
|
|
64
|
+
"@vitest/browser-playwright": "latest",
|
|
65
|
+
"@vitest/coverage-v8": "latest",
|
|
66
|
+
"eslint": "^9.39.5",
|
|
67
|
+
"eslint-plugin-react": "^7.37.5",
|
|
68
|
+
"eslint-plugin-react-hooks": "^7.1.1",
|
|
69
|
+
"eslint-plugin-react-refresh": "^0.5.3",
|
|
70
|
+
"eslint-plugin-storybook": "^10.5.7",
|
|
71
|
+
"globals": "^17.7.0",
|
|
72
|
+
"playwright": "latest",
|
|
73
|
+
"react": "^19.2.8",
|
|
74
|
+
"react-dom": "^19.2.8",
|
|
75
|
+
"storybook": "^10.5.7",
|
|
76
|
+
"stylelint": "^17.14.1",
|
|
77
|
+
"stylelint-config-standard": "^40.0.0",
|
|
78
|
+
"typescript": "~6.0.2",
|
|
79
|
+
"typescript-eslint": "^8.65.0",
|
|
80
|
+
"vite": "^8.2.0",
|
|
81
|
+
"vite-plugin-dts": "^5.0.3",
|
|
82
|
+
"vitest": "latest"
|
|
83
|
+
},
|
|
84
|
+
"dependencies": {
|
|
85
|
+
"@tanstack/react-table": "^9.1.2",
|
|
86
|
+
"zustand": "^5.0.14"
|
|
87
|
+
}
|
|
88
|
+
}
|