@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.
Files changed (71) hide show
  1. package/README.md +334 -0
  2. package/dist/components/DSBadge/DSBadge.d.ts +13 -0
  3. package/dist/components/DSBadge/DSBadge.d.ts.map +1 -0
  4. package/dist/components/DSButton/DSButton.d.ts +12 -0
  5. package/dist/components/DSButton/DSButton.d.ts.map +1 -0
  6. package/dist/components/DSCheckbox/DSCheckbox.d.ts +20 -0
  7. package/dist/components/DSCheckbox/DSCheckbox.d.ts.map +1 -0
  8. package/dist/components/DSDataTable/DSDataTable.d.ts +48 -0
  9. package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -0
  10. package/dist/components/DSDateRange/DSDateRange.d.ts +28 -0
  11. package/dist/components/DSDateRange/DSDateRange.d.ts.map +1 -0
  12. package/dist/components/DSDateTimePicker/DSDateTimePicker.d.ts +21 -0
  13. package/dist/components/DSDateTimePicker/DSDateTimePicker.d.ts.map +1 -0
  14. package/dist/components/DSDropDown/DSDropDown.d.ts +25 -0
  15. package/dist/components/DSDropDown/DSDropDown.d.ts.map +1 -0
  16. package/dist/components/DSDropDownMultiple/DSDropDownMultiple.d.ts +19 -0
  17. package/dist/components/DSDropDownMultiple/DSDropDownMultiple.d.ts.map +1 -0
  18. package/dist/components/DSFilters/DSFilters.d.ts +54 -0
  19. package/dist/components/DSFilters/DSFilters.d.ts.map +1 -0
  20. package/dist/components/DSIcon/DSIcon.d.ts +8 -0
  21. package/dist/components/DSIcon/DSIcon.d.ts.map +1 -0
  22. package/dist/components/DSInfoBlock/DSInfoBlock.d.ts +12 -0
  23. package/dist/components/DSInfoBlock/DSInfoBlock.d.ts.map +1 -0
  24. package/dist/components/DSInput/DSInput.d.ts +28 -0
  25. package/dist/components/DSInput/DSInput.d.ts.map +1 -0
  26. package/dist/components/DSLoader/DSLoader.d.ts +9 -0
  27. package/dist/components/DSLoader/DSLoader.d.ts.map +1 -0
  28. package/dist/components/DSModal/DSModal.d.ts +7 -0
  29. package/dist/components/DSModal/DSModal.d.ts.map +1 -0
  30. package/dist/components/DSModal/ModalSystemProvider.d.ts +9 -0
  31. package/dist/components/DSModal/ModalSystemProvider.d.ts.map +1 -0
  32. package/dist/components/DSModal/builtins.d.ts +34 -0
  33. package/dist/components/DSModal/builtins.d.ts.map +1 -0
  34. package/dist/components/DSModal/modal.store.d.ts +15 -0
  35. package/dist/components/DSModal/modal.store.d.ts.map +1 -0
  36. package/dist/components/DSModal/modal.types.d.ts +30 -0
  37. package/dist/components/DSModal/modal.types.d.ts.map +1 -0
  38. package/dist/components/DSModal/useModals.d.ts +12 -0
  39. package/dist/components/DSModal/useModals.d.ts.map +1 -0
  40. package/dist/components/DSPageLoader/DSPageLoader.d.ts +6 -0
  41. package/dist/components/DSPageLoader/DSPageLoader.d.ts.map +1 -0
  42. package/dist/components/DSRadioButton/DSRadioButton.d.ts +13 -0
  43. package/dist/components/DSRadioButton/DSRadioButton.d.ts.map +1 -0
  44. package/dist/components/DSSkeleton/DSSkeleton.d.ts +12 -0
  45. package/dist/components/DSSkeleton/DSSkeleton.d.ts.map +1 -0
  46. package/dist/components/DSSort/DSSort.d.ts +23 -0
  47. package/dist/components/DSSort/DSSort.d.ts.map +1 -0
  48. package/dist/components/DSTimePeriodPicker/DSTimePeriodPicker.d.ts +23 -0
  49. package/dist/components/DSTimePeriodPicker/DSTimePeriodPicker.d.ts.map +1 -0
  50. package/dist/components/DSToast/DSToast.d.ts +7 -0
  51. package/dist/components/DSToast/DSToast.d.ts.map +1 -0
  52. package/dist/components/DSToast/DSToastProvider.d.ts +5 -0
  53. package/dist/components/DSToast/DSToastProvider.d.ts.map +1 -0
  54. package/dist/components/DSToast/toast.store.d.ts +10 -0
  55. package/dist/components/DSToast/toast.store.d.ts.map +1 -0
  56. package/dist/components/DSToast/toast.types.d.ts +18 -0
  57. package/dist/components/DSToast/toast.types.d.ts.map +1 -0
  58. package/dist/components/DSToast/useToast.d.ts +12 -0
  59. package/dist/components/DSToast/useToast.d.ts.map +1 -0
  60. package/dist/components/DSTooltip/DSTooltip.d.ts +13 -0
  61. package/dist/components/DSTooltip/DSTooltip.d.ts.map +1 -0
  62. package/dist/components/DSVideoPlayerFrame/DSVideoPlayerFrame.d.ts +25 -0
  63. package/dist/components/DSVideoPlayerFrame/DSVideoPlayerFrame.d.ts.map +1 -0
  64. package/dist/components/Field/DSField.d.ts +18 -0
  65. package/dist/components/Field/DSField.d.ts.map +1 -0
  66. package/dist/index.cjs +1 -0
  67. package/dist/index.d.ts +33 -0
  68. package/dist/index.d.ts.map +1 -0
  69. package/dist/index.es.js +1411 -0
  70. package/dist/style.css +2 -0
  71. 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
+ }