@lidofinance/lido-app-ui 1.0.0 → 1.1.0

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 (63) hide show
  1. package/dist/assets/61ef2813.svg +514 -0
  2. package/dist/cjs/index.css +3 -1
  3. package/dist/cjs/index.js +5 -0
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/esm/index.css +3 -1
  6. package/dist/esm/index.mjs +1 -0
  7. package/dist/esm/index.mjs.map +1 -1
  8. package/dist/index.css +3 -1
  9. package/dist/types/lido-app-ui/src/button/Button.d.ts.map +1 -0
  10. package/dist/types/lido-app-ui/src/button/index.d.ts.map +1 -0
  11. package/dist/types/lido-app-ui/src/index.d.ts +6 -0
  12. package/dist/types/lido-app-ui/src/index.d.ts.map +1 -0
  13. package/dist/types/lido-shared-ui/src/index.d.ts +4 -0
  14. package/dist/types/lido-shared-ui/src/index.d.ts.map +1 -0
  15. package/dist/types/lido-shared-ui/src/test-env-banner/TestEnvBanner.d.ts +2 -0
  16. package/dist/types/lido-shared-ui/src/test-env-banner/TestEnvBanner.d.ts.map +1 -0
  17. package/dist/types/lido-shared-ui/src/test-env-banner/index.d.ts +3 -0
  18. package/dist/types/lido-shared-ui/src/test-env-banner/index.d.ts.map +1 -0
  19. package/dist/types/lido-shared-ui/src/test-env-banner/types.d.ts +22 -0
  20. package/dist/types/lido-shared-ui/src/test-env-banner/types.d.ts.map +1 -0
  21. package/dist/types/lido-shared-ui/src/theme-css/constants.d.ts +9 -0
  22. package/dist/types/lido-shared-ui/src/theme-css/constants.d.ts.map +1 -0
  23. package/dist/types/lido-shared-ui/src/theme-css/content-theme/content-theme.d.ts +7 -0
  24. package/dist/types/lido-shared-ui/src/theme-css/content-theme/content-theme.d.ts.map +1 -0
  25. package/dist/types/lido-shared-ui/src/theme-css/content-theme/index.d.ts +2 -0
  26. package/dist/types/lido-shared-ui/src/theme-css/content-theme/index.d.ts.map +1 -0
  27. package/dist/types/lido-shared-ui/src/theme-css/cookie-theme-provider.d.ts +20 -0
  28. package/dist/types/lido-shared-ui/src/theme-css/cookie-theme-provider.d.ts.map +1 -0
  29. package/dist/types/lido-shared-ui/src/theme-css/document-head-contents/element-theme-script.d.ts +6 -0
  30. package/dist/types/lido-shared-ui/src/theme-css/document-head-contents/element-theme-script.d.ts.map +1 -0
  31. package/dist/types/lido-shared-ui/src/theme-css/index.d.ts +7 -0
  32. package/dist/types/lido-shared-ui/src/theme-css/index.d.ts.map +1 -0
  33. package/dist/types/lido-shared-ui/src/theme-css/theme-provider/index.d.ts +2 -0
  34. package/dist/types/lido-shared-ui/src/theme-css/theme-provider/index.d.ts.map +1 -0
  35. package/dist/types/lido-shared-ui/src/theme-css/theme-provider/theme-provider.d.ts +10 -0
  36. package/dist/types/lido-shared-ui/src/theme-css/theme-provider/theme-provider.d.ts.map +1 -0
  37. package/dist/types/lido-shared-ui/src/theme-css/theme-toggler/index.d.ts +2 -0
  38. package/dist/types/lido-shared-ui/src/theme-css/theme-toggler/index.d.ts.map +1 -0
  39. package/dist/types/lido-shared-ui/src/theme-css/theme-toggler/theme-toggler.d.ts +5 -0
  40. package/dist/types/lido-shared-ui/src/theme-css/theme-toggler/theme-toggler.d.ts.map +1 -0
  41. package/dist/types/lido-shared-ui/src/theme-css/use-theme-toggle.d.ts +3 -0
  42. package/dist/types/lido-shared-ui/src/theme-css/use-theme-toggle.d.ts.map +1 -0
  43. package/dist/types/lido-shared-ui/src/theme-css/utils/cookies.d.ts +3 -0
  44. package/dist/types/lido-shared-ui/src/theme-css/utils/cookies.d.ts.map +1 -0
  45. package/dist/types/lido-shared-ui/src/theme-css/utils/set-theme-cookie.d.ts +3 -0
  46. package/dist/types/lido-shared-ui/src/theme-css/utils/set-theme-cookie.d.ts.map +1 -0
  47. package/dist/types/lido-shared-ui/src/utils/cookies-client-side.d.ts +6 -0
  48. package/dist/types/lido-shared-ui/src/utils/cookies-client-side.d.ts.map +1 -0
  49. package/dist/types/lido-shared-ui/src/utils/get-top-level-domain.d.ts +2 -0
  50. package/dist/types/lido-shared-ui/src/utils/get-top-level-domain.d.ts.map +1 -0
  51. package/dist/types/lido-shared-ui/src/utils/index.d.ts +6 -0
  52. package/dist/types/lido-shared-ui/src/utils/index.d.ts.map +1 -0
  53. package/dist/types/lido-shared-ui/src/utils/modalRoot.d.ts +3 -0
  54. package/dist/types/lido-shared-ui/src/utils/modalRoot.d.ts.map +1 -0
  55. package/dist/types/lido-shared-ui/src/utils/types.d.ts +11 -0
  56. package/dist/types/lido-shared-ui/src/utils/types.d.ts.map +1 -0
  57. package/package.json +5 -1
  58. package/dist/types/button/Button.d.ts.map +0 -1
  59. package/dist/types/button/index.d.ts.map +0 -1
  60. package/dist/types/index.d.ts +0 -3
  61. package/dist/types/index.d.ts.map +0 -1
  62. /package/dist/types/{button → lido-app-ui/src/button}/Button.d.ts +0 -0
  63. /package/dist/types/{button → lido-app-ui/src/button}/index.d.ts +0 -0
@@ -1 +1,3 @@
1
- .Button-module_button__eiKKZ{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:background .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap}.Button-module_button__eiKKZ:active:not(.Button-module_loading__wZ1IR){transform:scale(.97)}.Button-module_button__eiKKZ.Button-module_loading__wZ1IR,.Button-module_button__eiKKZ:disabled{cursor:not-allowed;opacity:.5}.Button-module_sm__Y4qjx{font-size:13px;line-height:18px;min-height:34px;padding:8px 16px}.Button-module_md__qbViT{font-size:14px;line-height:20px;min-height:42px;padding:10px 20px}.Button-module_lg__vMNHM{font-size:16px;line-height:24px;min-height:52px;padding:14px 28px}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z{background:linear-gradient(135deg,#00a3ff,#0047ff);color:#fff}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#33b5ff,#2260ff)}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#3d4f65,#2a3244)}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI{background:linear-gradient(135deg,#f6a623,#e07b00);color:#fff}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#f8b84a,#f09010)}.Button-module_outlined__kI-f-{background:transparent;border:1.5px solid}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z{border-color:#0047ff;color:#0047ff}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i{border-color:#718096;color:#718096}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_ghost__OX4Ks{background:transparent;border:none}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z{color:#0047ff}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i{color:#718096}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_fullwidth__6G5sB{width:100%}.Button-module_loader__kuL68{animation:Button-module_spin__Q6mex .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_content__SVjwi{align-items:center;display:flex;gap:8px}.Button-module_content__SVjwi.Button-module_hidden__vJlfj{visibility:hidden}
1
+ @layer contentTheme{.content-theme-module_dark__oFY1C{display:var(--lido-ui-dark-display,contents)}.content-theme-module_light__w1TiD{display:var(--lido-ui-light-display,contents)}}.theme-toggler-module_icon__ZRs7R{--local-icon-size:24px;font-family:var(--lido-ui-font-family);grid-area:a;place-self:center center}.theme-toggler-module_light__Q-trB{visibility:var(--lido-ui-dark-mode-visibility)}.theme-toggler-module_dark__-0RKw{visibility:var(--lido-ui-light-mode-visibility)}.theme-toggler-module_lightTheme__3NHWC{color:var(--lido-ui-color-icons-primary)}.theme-toggler-module_themeToggler__8IBGg{display:inline-grid;grid-template-areas:"a";&>span:first-child{display:contents}}.TestEnvBanner-module_banner__t8Rxv{--lido-ui-local-test-env-banner-accent:var(
2
+ --lido-ui-color-text-error,#d74758
3
+ );align-items:center;background-color:var(--lido-ui-local-test-env-banner-accent);background-image:url(../assets/61ef2813.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;font-family:var(--lido-ui-font-family);justify-content:center;min-height:60px;overflow:hidden;position:relative;width:100%}.TestEnvBanner-module_label__P7GVG{text-wrap:balance;align-items:center;background:var(--lido-ui-local-test-env-banner-accent);color:var(--lido-ui-color-buttons-text-static,#fff);display:flex;font-size:14px;font-weight:800;line-height:1.4;max-width:100%;min-height:30px;padding:5px 8px;position:relative;text-align:center;text-transform:uppercase}.TestEnvBanner-module_shortText__TdkLD{display:none}@media (max-width:599px){.TestEnvBanner-module_textWithShort__2v4Y5{display:none}.TestEnvBanner-module_shortText__TdkLD{display:block}}.Button-module_button__eiKKZ{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:background .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap}.Button-module_button__eiKKZ:active:not(.Button-module_loading__wZ1IR){transform:scale(.97)}.Button-module_button__eiKKZ.Button-module_loading__wZ1IR,.Button-module_button__eiKKZ:disabled{cursor:not-allowed;opacity:.5}.Button-module_sm__Y4qjx{font-size:13px;line-height:18px;min-height:34px;padding:8px 16px}.Button-module_md__qbViT{font-size:14px;line-height:20px;min-height:42px;padding:10px 20px}.Button-module_lg__vMNHM{font-size:16px;line-height:24px;min-height:52px;padding:14px 28px}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z{background:linear-gradient(135deg,#00a3ff,#0047ff);color:#fff}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#33b5ff,#2260ff)}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#3d4f65,#2a3244)}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI{background:linear-gradient(135deg,#f6a623,#e07b00);color:#fff}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#f8b84a,#f09010)}.Button-module_outlined__kI-f-{background:transparent;border:1.5px solid}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z{border-color:#0047ff;color:#0047ff}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i{border-color:#718096;color:#718096}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_ghost__OX4Ks{background:transparent;border:none}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z{color:#0047ff}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i{color:#718096}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_fullwidth__6G5sB{width:100%}.Button-module_loader__kuL68{animation:Button-module_spin__Q6mex .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_content__SVjwi{align-items:center;display:flex;gap:8px}.Button-module_content__SVjwi.Button-module_hidden__vJlfj{visibility:hidden}
package/dist/cjs/index.js CHANGED
@@ -3,8 +3,13 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const Button = require('./button/Button.js');
6
+ const lidoSharedUi = require('@lidofinance/lido-shared-ui');
6
7
 
7
8
 
8
9
 
9
10
  exports.Button = Button.Button;
11
+ Object.defineProperty(exports, 'TestEnvBanner', {
12
+ enumerable: true,
13
+ get: () => lidoSharedUi.TestEnvBanner
14
+ });
10
15
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -1 +1,3 @@
1
- .Button-module_button__eiKKZ{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:background .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap}.Button-module_button__eiKKZ:active:not(.Button-module_loading__wZ1IR){transform:scale(.97)}.Button-module_button__eiKKZ.Button-module_loading__wZ1IR,.Button-module_button__eiKKZ:disabled{cursor:not-allowed;opacity:.5}.Button-module_sm__Y4qjx{font-size:13px;line-height:18px;min-height:34px;padding:8px 16px}.Button-module_md__qbViT{font-size:14px;line-height:20px;min-height:42px;padding:10px 20px}.Button-module_lg__vMNHM{font-size:16px;line-height:24px;min-height:52px;padding:14px 28px}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z{background:linear-gradient(135deg,#00a3ff,#0047ff);color:#fff}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#33b5ff,#2260ff)}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#3d4f65,#2a3244)}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI{background:linear-gradient(135deg,#f6a623,#e07b00);color:#fff}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#f8b84a,#f09010)}.Button-module_outlined__kI-f-{background:transparent;border:1.5px solid}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z{border-color:#0047ff;color:#0047ff}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i{border-color:#718096;color:#718096}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_ghost__OX4Ks{background:transparent;border:none}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z{color:#0047ff}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i{color:#718096}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_fullwidth__6G5sB{width:100%}.Button-module_loader__kuL68{animation:Button-module_spin__Q6mex .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_content__SVjwi{align-items:center;display:flex;gap:8px}.Button-module_content__SVjwi.Button-module_hidden__vJlfj{visibility:hidden}
1
+ @layer contentTheme{.content-theme-module_dark__oFY1C{display:var(--lido-ui-dark-display,contents)}.content-theme-module_light__w1TiD{display:var(--lido-ui-light-display,contents)}}.theme-toggler-module_icon__ZRs7R{--local-icon-size:24px;font-family:var(--lido-ui-font-family);grid-area:a;place-self:center center}.theme-toggler-module_light__Q-trB{visibility:var(--lido-ui-dark-mode-visibility)}.theme-toggler-module_dark__-0RKw{visibility:var(--lido-ui-light-mode-visibility)}.theme-toggler-module_lightTheme__3NHWC{color:var(--lido-ui-color-icons-primary)}.theme-toggler-module_themeToggler__8IBGg{display:inline-grid;grid-template-areas:"a";&>span:first-child{display:contents}}.TestEnvBanner-module_banner__t8Rxv{--lido-ui-local-test-env-banner-accent:var(
2
+ --lido-ui-color-text-error,#d74758
3
+ );align-items:center;background-color:var(--lido-ui-local-test-env-banner-accent);background-image:url(../assets/61ef2813.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;font-family:var(--lido-ui-font-family);justify-content:center;min-height:60px;overflow:hidden;position:relative;width:100%}.TestEnvBanner-module_label__P7GVG{text-wrap:balance;align-items:center;background:var(--lido-ui-local-test-env-banner-accent);color:var(--lido-ui-color-buttons-text-static,#fff);display:flex;font-size:14px;font-weight:800;line-height:1.4;max-width:100%;min-height:30px;padding:5px 8px;position:relative;text-align:center;text-transform:uppercase}.TestEnvBanner-module_shortText__TdkLD{display:none}@media (max-width:599px){.TestEnvBanner-module_textWithShort__2v4Y5{display:none}.TestEnvBanner-module_shortText__TdkLD{display:block}}.Button-module_button__eiKKZ{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:background .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap}.Button-module_button__eiKKZ:active:not(.Button-module_loading__wZ1IR){transform:scale(.97)}.Button-module_button__eiKKZ.Button-module_loading__wZ1IR,.Button-module_button__eiKKZ:disabled{cursor:not-allowed;opacity:.5}.Button-module_sm__Y4qjx{font-size:13px;line-height:18px;min-height:34px;padding:8px 16px}.Button-module_md__qbViT{font-size:14px;line-height:20px;min-height:42px;padding:10px 20px}.Button-module_lg__vMNHM{font-size:16px;line-height:24px;min-height:52px;padding:14px 28px}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z{background:linear-gradient(135deg,#00a3ff,#0047ff);color:#fff}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#33b5ff,#2260ff)}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#3d4f65,#2a3244)}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI{background:linear-gradient(135deg,#f6a623,#e07b00);color:#fff}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#f8b84a,#f09010)}.Button-module_outlined__kI-f-{background:transparent;border:1.5px solid}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z{border-color:#0047ff;color:#0047ff}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i{border-color:#718096;color:#718096}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_ghost__OX4Ks{background:transparent;border:none}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z{color:#0047ff}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i{color:#718096}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_fullwidth__6G5sB{width:100%}.Button-module_loader__kuL68{animation:Button-module_spin__Q6mex .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_content__SVjwi{align-items:center;display:flex;gap:8px}.Button-module_content__SVjwi.Button-module_hidden__vJlfj{visibility:hidden}
@@ -1,2 +1,3 @@
1
1
  export { Button } from './button/Button.mjs';
2
+ export { TestEnvBanner } from '@lidofinance/lido-shared-ui';
2
3
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
package/dist/index.css CHANGED
@@ -1 +1,3 @@
1
- .Button-module_button__eiKKZ{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:background .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap}.Button-module_button__eiKKZ:active:not(.Button-module_loading__wZ1IR){transform:scale(.97)}.Button-module_button__eiKKZ.Button-module_loading__wZ1IR,.Button-module_button__eiKKZ:disabled{cursor:not-allowed;opacity:.5}.Button-module_sm__Y4qjx{font-size:13px;line-height:18px;min-height:34px;padding:8px 16px}.Button-module_md__qbViT{font-size:14px;line-height:20px;min-height:42px;padding:10px 20px}.Button-module_lg__vMNHM{font-size:16px;line-height:24px;min-height:52px;padding:14px 28px}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z{background:linear-gradient(135deg,#00a3ff,#0047ff);color:#fff}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#33b5ff,#2260ff)}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#3d4f65,#2a3244)}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI{background:linear-gradient(135deg,#f6a623,#e07b00);color:#fff}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#f8b84a,#f09010)}.Button-module_outlined__kI-f-{background:transparent;border:1.5px solid}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z{border-color:#0047ff;color:#0047ff}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i{border-color:#718096;color:#718096}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_ghost__OX4Ks{background:transparent;border:none}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z{color:#0047ff}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i{color:#718096}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_fullwidth__6G5sB{width:100%}.Button-module_loader__kuL68{animation:Button-module_spin__Q6mex .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_content__SVjwi{align-items:center;display:flex;gap:8px}.Button-module_content__SVjwi.Button-module_hidden__vJlfj{visibility:hidden}
1
+ @layer contentTheme{.content-theme-module_dark__oFY1C{display:var(--lido-ui-dark-display,contents)}.content-theme-module_light__w1TiD{display:var(--lido-ui-light-display,contents)}}.theme-toggler-module_icon__ZRs7R{--local-icon-size:24px;font-family:var(--lido-ui-font-family);grid-area:a;place-self:center center}.theme-toggler-module_light__Q-trB{visibility:var(--lido-ui-dark-mode-visibility)}.theme-toggler-module_dark__-0RKw{visibility:var(--lido-ui-light-mode-visibility)}.theme-toggler-module_lightTheme__3NHWC{color:var(--lido-ui-color-icons-primary)}.theme-toggler-module_themeToggler__8IBGg{display:inline-grid;grid-template-areas:"a";&>span:first-child{display:contents}}.TestEnvBanner-module_banner__t8Rxv{--lido-ui-local-test-env-banner-accent:var(
2
+ --lido-ui-color-text-error,#d74758
3
+ );align-items:center;background-color:var(--lido-ui-local-test-env-banner-accent);background-image:url(../assets/61ef2813.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;font-family:var(--lido-ui-font-family);justify-content:center;min-height:60px;overflow:hidden;position:relative;width:100%}.TestEnvBanner-module_label__P7GVG{text-wrap:balance;align-items:center;background:var(--lido-ui-local-test-env-banner-accent);color:var(--lido-ui-color-buttons-text-static,#fff);display:flex;font-size:14px;font-weight:800;line-height:1.4;max-width:100%;min-height:30px;padding:5px 8px;position:relative;text-align:center;text-transform:uppercase}.TestEnvBanner-module_shortText__TdkLD{display:none}@media (max-width:599px){.TestEnvBanner-module_textWithShort__2v4Y5{display:none}.TestEnvBanner-module_shortText__TdkLD{display:block}}.Button-module_button__eiKKZ{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:background .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap}.Button-module_button__eiKKZ:active:not(.Button-module_loading__wZ1IR){transform:scale(.97)}.Button-module_button__eiKKZ.Button-module_loading__wZ1IR,.Button-module_button__eiKKZ:disabled{cursor:not-allowed;opacity:.5}.Button-module_sm__Y4qjx{font-size:13px;line-height:18px;min-height:34px;padding:8px 16px}.Button-module_md__qbViT{font-size:14px;line-height:20px;min-height:42px;padding:10px 20px}.Button-module_lg__vMNHM{font-size:16px;line-height:24px;min-height:52px;padding:14px 28px}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z{background:linear-gradient(135deg,#00a3ff,#0047ff);color:#fff}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#33b5ff,#2260ff)}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#3d4f65,#2a3244)}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI{background:linear-gradient(135deg,#f6a623,#e07b00);color:#fff}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#f8b84a,#f09010)}.Button-module_outlined__kI-f-{background:transparent;border:1.5px solid}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z{border-color:#0047ff;color:#0047ff}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i{border-color:#718096;color:#718096}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_ghost__OX4Ks{background:transparent;border:none}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z{color:#0047ff}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i{color:#718096}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_fullwidth__6G5sB{width:100%}.Button-module_loader__kuL68{animation:Button-module_spin__Q6mex .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_content__SVjwi{align-items:center;display:flex;gap:8px}.Button-module_content__SVjwi.Button-module_hidden__vJlfj{visibility:hidden}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAInE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;AAC3D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,MAAM;WARV,UAAU;cACP,aAAa;YACf,WAAW;gBACP,OAAO;cACT,OAAO;eACN,SAAS;qDAuCrB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,UAAU,CAAA"}
@@ -0,0 +1,6 @@
1
+ import './styles/global.css';
2
+ export { Button } from './button';
3
+ export type { ButtonProps, ButtonSize, ButtonVariant, ButtonColor, } from './button';
4
+ export { TestEnvBanner } from '@lidofinance/lido-shared-ui';
5
+ export type { TestEnvBannerProps, TestEnvBannerOwnProps, TestEnvBannerDataTestId, } from '@lidofinance/lido-shared-ui';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,UAAU,CAAA;AAIjB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,6BAA6B,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './utils';
2
+ export * from './theme-css';
3
+ export * from './test-env-banner';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lido-shared-ui/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare const TestEnvBanner: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import("src").TestEnvBannerOwnProps & import("react").RefAttributes<HTMLDivElement>>;
2
+ //# sourceMappingURL=TestEnvBanner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TestEnvBanner.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/test-env-banner/TestEnvBanner.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,mQA2BzB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './types';
2
+ export * from './TestEnvBanner';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/test-env-banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA"}
@@ -0,0 +1,22 @@
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ export type TestEnvBannerDataTestId = {
3
+ root?: string;
4
+ label?: string;
5
+ };
6
+ export type TestEnvBannerOwnProps = {
7
+ /** Banner text. Defaults to the copy from the design. */
8
+ text?: ReactNode;
9
+ /**
10
+ * Shorter version of the text, used below the `sm` breakpoint — the design
11
+ * trims the default copy there. Defaults to the design's short copy while
12
+ * the banner is showing its default text; pass it alongside your own `text`
13
+ * to get the same trimming for custom text.
14
+ *
15
+ * Without a short version the text is shown at every width and wraps onto
16
+ * another line when it does not fit.
17
+ */
18
+ shortText?: ReactNode;
19
+ dataTestId?: TestEnvBannerDataTestId;
20
+ };
21
+ export type TestEnvBannerProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & TestEnvBannerOwnProps;
22
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/test-env-banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,uBAAuB,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,CACX,GACC,qBAAqB,CAAA"}
@@ -0,0 +1,9 @@
1
+ export declare enum ThemeName {
2
+ light = "light",
3
+ dark = "dark"
4
+ }
5
+ export declare const DEFAULT_THEME_NAME = ThemeName.light;
6
+ export declare const themeCookieKey = "lido-theme-manual";
7
+ export declare const themeCookieMaxAge: number;
8
+ export declare const prefersDarkThemeMediaQuery: MediaQueryList | undefined;
9
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/theme-css/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,eAAO,MAAM,kBAAkB,kBAAkB,CAAA;AAEjD,eAAO,MAAM,cAAc,sBAAsB,CAAA;AAEjD,eAAO,MAAM,iBAAiB,QAAkB,CAAA;AAEhD,eAAO,MAAM,0BAA0B,4BAGxB,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
2
+ export type ContentThemeProps = ComponentPropsWithoutRef<'div'> & {
3
+ darkContent: ReactElement;
4
+ lightContent: ReactElement;
5
+ };
6
+ export declare const ContentTheme: FC<ContentThemeProps>;
7
+ //# sourceMappingURL=content-theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content-theme.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/content-theme/content-theme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGlE,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE,WAAW,EAAE,YAAY,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgB9C,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './content-theme';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/content-theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
@@ -0,0 +1,20 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ import { ThemeName } from './constants';
3
+ export type ThemeContext = {
4
+ toggleTheme: () => void;
5
+ themeName: ThemeName;
6
+ };
7
+ export declare const ThemeToggleContext: import("react").Context<ThemeContext>;
8
+ /**
9
+ * This is really complicated logic here. Comments will be added on specific lines
10
+ *
11
+ * Cookie theme provider acts differently from common theme provider.
12
+ * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes
13
+ * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level
14
+ * 3. it does not support custom themes, preferring pre-defined themes instead
15
+ * */
16
+ export declare const CookieThemeProvider: FC<PropsWithChildren<{
17
+ initialThemeName?: ThemeName;
18
+ overrideThemeName?: ThemeName;
19
+ }>>;
20
+ //# sourceMappingURL=cookie-theme-provider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cookie-theme-provider.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/theme-css/cookie-theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EAEF,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,SAAS,EACV,MAAM,aAAa,CAAA;AAQpB,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;CACrB,CAAA;AAGD,eAAO,MAAM,kBAAkB,uCACmB,CAAA;AAIlD;;;;;;;KAOK;AAEL,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAClC,iBAAiB,CAAC;IAEhB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAC,CAmHH,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { ThemeName } from '../constants';
2
+ export declare const getThemeNameFromUrl: () => ThemeName | undefined;
3
+ export declare let updateGlobalTheme: (theme: string) => void;
4
+ export declare let initGlobalCookieTheme: () => void;
5
+ export declare const ScriptThemeValue: () => import("react/jsx-runtime").JSX.Element;
6
+ //# sourceMappingURL=element-theme-script.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"element-theme-script.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/document-head-contents/element-theme-script.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxD,eAAO,MAAM,mBAAmB,QAAO,SAAS,GAAG,SAOlD,CAAA;AA8CD,eAAO,IAAI,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAc,CAAA;AAE/D,eAAO,IAAI,qBAAqB,YAUzB,CAAA;AAEP,eAAO,MAAM,gBAAgB,+CAM5B,CAAA"}
@@ -0,0 +1,7 @@
1
+ export * from './content-theme';
2
+ export * from './theme-provider';
3
+ export * from './theme-toggler';
4
+ export * from './use-theme-toggle';
5
+ export * from './constants';
6
+ export * from './cookie-theme-provider';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/theme-css/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,yBAAyB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './theme-provider';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/theme-provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ import { ThemeName } from '../constants';
3
+ type ThemeProviderProps = PropsWithChildren & {
4
+ themeName: ThemeName;
5
+ };
6
+ export declare const ThemeProvider: FC<ThemeProviderProps>;
7
+ export declare const LightThemeProvider: FC<PropsWithChildren>;
8
+ export declare const DarkThemeProvider: FC<PropsWithChildren>;
9
+ export {};
10
+ //# sourceMappingURL=theme-provider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/theme-provider/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,SAAS,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAOhD,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAIpD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAInD,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './theme-toggler';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/theme-toggler/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ButtonHTMLAttributes } from 'react';
2
+ import React from 'react';
3
+ export type ThemeTogglerProps = ButtonHTMLAttributes<HTMLButtonElement>;
4
+ export declare const ThemeToggler: React.ForwardRefExoticComponent<ThemeTogglerProps & React.RefAttributes<HTMLButtonElement>>;
5
+ //# sourceMappingURL=theme-toggler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-toggler.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/theme-toggler/theme-toggler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAA4B,MAAM,OAAO,CAAA;AAKtE,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AA8CvE,eAAO,MAAM,YAAY,6FAgCxB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ThemeContext } from './cookie-theme-provider';
2
+ export declare const useThemeToggle: () => ThemeContext;
3
+ //# sourceMappingURL=use-theme-toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-theme-toggle.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/theme-css/use-theme-toggle.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE1E,eAAO,MAAM,cAAc,QAAO,YAEjC,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ThemeName } from '../constants';
2
+ export declare const getThemeNameFromCookies: () => ThemeName | null;
3
+ //# sourceMappingURL=cookies.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/utils/cookies.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AAMxD,eAAO,MAAM,uBAAuB,QAAO,SAAS,GAAG,IAMtD,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ThemeName } from '../constants';
2
+ export declare const setThemeCookie: (theme: ThemeName) => void;
3
+ //# sourceMappingURL=set-theme-cookie.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"set-theme-cookie.d.ts","sourceRoot":"","sources":["../../../../../../../lido-shared-ui/src/theme-css/utils/set-theme-cookie.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqC,SAAS,EAAE,MAAM,cAAc,CAAA;AAmB3E,eAAO,MAAM,cAAc,GAAI,OAAO,SAAS,SAS9C,CAAA"}
@@ -0,0 +1,6 @@
1
+ export declare const setCrossDomainCookieClientSide: (key: string, value: string, expire?: number) => void;
2
+ export declare const setDomainCookieClientSide: (key: string, value: string, expire?: number) => void;
3
+ export declare const getCrossDomainCookieClientSide: (key: string) => string | null;
4
+ export declare const getDomainCookieClientSide: (key: string) => string | null;
5
+ export declare const removeCookiesClientSide: (key: string) => void;
6
+ //# sourceMappingURL=cookies-client-side.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cookies-client-side.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/utils/cookies-client-side.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,8BAA8B,GACzC,KAAK,MAAM,EACX,OAAO,MAAM,EACb,eAAY,KACX,IAYF,CAAA;AAED,eAAO,MAAM,yBAAyB,GACpC,KAAK,MAAM,EACX,OAAO,MAAM,EACb,eAAY,KACX,IAMF,CAAA;AAED,eAAO,MAAM,8BAA8B,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,IASrE,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,IAEhE,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,KAAK,MAAM,KAAG,IAErD,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare const getTopLevelDomain: () => string;
2
+ //# sourceMappingURL=get-top-level-domain.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-top-level-domain.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/utils/get-top-level-domain.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,cAUvB,CAAA"}
@@ -0,0 +1,6 @@
1
+ export * from './types';
2
+ export { default as modalRoot } from './modalRoot';
3
+ export * from './get-top-level-domain';
4
+ export * from './cookies-client-side';
5
+ export declare const VOID_FN: () => void;
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AAGrC,eAAO,MAAM,OAAO,YAAW,CAAA"}
@@ -0,0 +1,3 @@
1
+ declare const ModalRoot: HTMLElement | null;
2
+ export default ModalRoot;
3
+ //# sourceMappingURL=modalRoot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modalRoot.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/utils/modalRoot.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,oBAcX,CAAA;AAEJ,eAAe,SAAS,CAAA"}
@@ -0,0 +1,11 @@
1
+ import { ReactElement } from 'react';
2
+ export type LidoComponentProps<T extends keyof JSX.IntrinsicElements, Props extends object = {}> = Props & Omit<JSX.IntrinsicElements[T] & {
3
+ as?: keyof JSX.IntrinsicElements;
4
+ forwardedAs?: keyof JSX.IntrinsicElements;
5
+ }, 'ref' | keyof Props>;
6
+ export type IconConfig = {
7
+ icon: ReactElement;
8
+ isColored?: boolean;
9
+ };
10
+ export type IconConfigProp = IconConfig | ReactElement;
11
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../lido-shared-ui/src/utils/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,kBAAkB,CAC5B,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,EACrC,KAAK,SAAS,MAAM,GAAG,EAAE,IACvB,KAAK,GACP,IAAI,CACF,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;CAC1C,EACD,KAAK,GAAG,MAAM,KAAK,CACpB,CAAA;AAEH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lidofinance/lido-app-ui",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "homepage": "https://github.com/lidofinance/ui",
5
5
  "repository": {
6
6
  "type": "git",
@@ -61,10 +61,14 @@
61
61
  "@types/react": "18.2.24",
62
62
  "@types/react-dom": "18.2.9",
63
63
  "@vitejs/plugin-react": "^4.0.0",
64
+ "autoprefixer": "10.4.21",
64
65
  "jsdom": "^25.0.0",
66
+ "postcss-import": "16.1.0",
67
+ "postcss-url": "10.1.4",
65
68
  "react": "18.2.0",
66
69
  "react-dom": "18.2.0",
67
70
  "rollup": "3.29.5",
71
+ "rollup-plugin-copy": "3.5.0",
68
72
  "rollup-plugin-postcss": "4.0.2",
69
73
  "storybook": "8.6.12",
70
74
  "tslib": "2.3.1",
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAInE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;AAC3D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,MAAM;WARV,UAAU;cACP,aAAa;YACf,WAAW;gBACP,OAAO;cACT,OAAO;eACN,SAAS;qDAuCrB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,UAAU,CAAA"}
@@ -1,3 +0,0 @@
1
- export { Button } from './button';
2
- export type { ButtonProps, ButtonSize, ButtonVariant, ButtonColor, } from './button';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,UAAU,CAAA"}