@monimesl/dot-renderer-react 0.1.0-alpha.19 → 0.1.0-alpha.21

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 (37) hide show
  1. package/dist/color.js +30 -28
  2. package/dist/components/amount-input.js +19 -16
  3. package/dist/components/avatar.d.ts +6 -0
  4. package/dist/components/avatar.js +63 -0
  5. package/dist/components/box.js +3 -4
  6. package/dist/components/carousel.js +22 -22
  7. package/dist/components/disclosure.d.ts +6 -0
  8. package/dist/components/disclosure.js +76 -0
  9. package/dist/components/feedback.js +39 -23
  10. package/dist/components/icon-artwork.js +139 -70
  11. package/dist/components/icon-button.js +28 -0
  12. package/dist/components/icon-svg.js +27 -0
  13. package/dist/components/icon.js +5 -20
  14. package/dist/components/index.d.ts +5 -1
  15. package/dist/components/index.js +10 -1
  16. package/dist/components/input.js +24 -2
  17. package/dist/components/list.js +7 -5
  18. package/dist/components/option.js +4 -3
  19. package/dist/components/scroll.js +21 -21
  20. package/dist/components/select.js +4 -3
  21. package/dist/components/sheet.js +4 -3
  22. package/dist/components/stepper.d.ts +6 -0
  23. package/dist/components/stepper.js +94 -0
  24. package/dist/components/steps.d.ts +7 -0
  25. package/dist/components/steps.js +112 -0
  26. package/dist/components/text.js +4 -6
  27. package/dist/components/toast.js +4 -4
  28. package/dist/components/toggles.js +4 -3
  29. package/dist/components/tones.js +13 -7
  30. package/dist/components/typed-text.js +2 -2
  31. package/dist/components/utils.js +6 -0
  32. package/dist/index.d.ts +5 -1
  33. package/dist/index.js +5 -1
  34. package/dist/pull-to-refresh.js +118 -0
  35. package/dist/root.js +11 -7
  36. package/dist/styles.css +1 -1
  37. package/package.json +4 -4
package/dist/root.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { FONT_FAMILY, ThemeContext, resolveTheme, useTheme } from "./theme.js";
2
2
  import { PortalContainerContext } from "./portal.js";
3
3
  import { PageRoot } from "./page-root.js";
4
+ import { PullToRefresh } from "./pull-to-refresh.js";
4
5
  import { useMemo, useState, useSyncExternalStore } from "react";
5
6
  import { jsx } from "react/jsx-runtime";
6
7
  //#region src/root.tsx
@@ -21,13 +22,16 @@ function Root({ page, dotContext, components, wrapper: Wrapper }) {
21
22
  "data-dot-scheme": resolved.scheme,
22
23
  children: /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
23
24
  value: rootElement,
24
- children: Wrapper ? /* @__PURE__ */ jsx(Wrapper, {
25
- theme: {
26
- ...theme,
27
- scheme: resolved.scheme
28
- },
29
- children: content
30
- }) : /* @__PURE__ */ jsx(DefaultSurface, { children: content })
25
+ children: /* @__PURE__ */ jsx(PullToRefresh, {
26
+ page,
27
+ children: Wrapper ? /* @__PURE__ */ jsx(Wrapper, {
28
+ theme: {
29
+ ...theme,
30
+ scheme: resolved.scheme
31
+ },
32
+ children: content
33
+ }) : /* @__PURE__ */ jsx(DefaultSurface, { children: content })
34
+ })
31
35
  })
32
36
  })
33
37
  });
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @layer base{.dot-theme-root,.dot-theme-root *,.dot-theme-root :before,.dot-theme-root :after{box-sizing:border-box}.dot-theme-root :is(button,input,select,textarea){font:inherit}[data-dot-scheme=light]{color-scheme:light}[data-dot-scheme=dark]{color-scheme:dark}.dot-theme-root{-webkit-user-select:none;user-select:none}.dot-theme-root :is(input,textarea){-webkit-user-select:text;user-select:text}}@keyframes dot-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.dot-image{max-width:100%;display:block}.dot-list>.dot-list-item:not(:last-child){border-bottom:1px solid var(--dot-list-divider)}.dot-scroll{overscroll-behavior-x:contain;scrollbar-width:none;flex-direction:row;display:flex;position:relative;overflow:auto hidden}.dot-scroll::-webkit-scrollbar{display:none}.dot-scroll>*{scroll-snap-align:var(--dot-scroll-snap);flex:none;width:min-content}.dot-scroll .dot-image{max-width:none}.dot-sheet-backdrop{transition:opacity .2s}.dot-sheet{transition:transform .2s ease-out}.dot-sheet-backdrop:is([data-starting-style],[data-ending-style]){opacity:0}.dot-sheet:is([data-starting-style],[data-ending-style]){transform:translateY(100%)}.dot-prose>.dot-heading{margin-block-start:.5em}.dot-prose>.dot-heading:first-child{margin-block-start:0}
1
+ @layer base{.dot-theme-root,.dot-theme-root *,.dot-theme-root :before,.dot-theme-root :after{box-sizing:border-box}.dot-theme-root :is(button,input,select,textarea){font:inherit}[data-dot-scheme=light]{color-scheme:light}[data-dot-scheme=dark]{color-scheme:dark}.dot-theme-root{-webkit-user-select:none;user-select:none}.dot-theme-root :is(input,textarea){-webkit-user-select:text;user-select:text}}@keyframes dot-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.dot-image{max-width:100%;display:block}.dot-list>.dot-list-item:not(:last-child){border-bottom:1px solid var(--dot-list-divider)}.dot-scroll{overscroll-behavior-x:contain;scrollbar-width:none;flex-direction:row;display:flex;position:relative;overflow:auto hidden}.dot-scroll::-webkit-scrollbar{display:none}.dot-scroll>*{scroll-snap-align:var(--dot-scroll-snap);flex:none;width:min-content}.dot-scroll .dot-image{max-width:none}.dot-disclosure>summary{list-style:none}.dot-disclosure>summary::-webkit-details-marker{display:none}.dot-steps>.dot-step:last-child .dot-step-line{display:none}.dot-sheet-backdrop{transition:opacity .2s}.dot-sheet{transition:transform .2s ease-out}.dot-sheet-backdrop:is([data-starting-style],[data-ending-style]){opacity:0}.dot-sheet:is([data-starting-style],[data-ending-style]){transform:translateY(100%)}.dot-prose>.dot-heading{margin-block-start:.5em}.dot-prose>.dot-heading:first-child{margin-block-start:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@monimesl/dot-renderer-react",
3
- "version": "0.1.0-alpha.19",
3
+ "version": "0.1.0-alpha.21",
4
4
  "description": "React renderer for Dot webviews",
5
5
  "type": "module",
6
6
  "repository": {
@@ -29,8 +29,8 @@
29
29
  "react": "^19.3.0",
30
30
  "react-dom": "^19.3.0",
31
31
  "uqr": "^0.1.3",
32
- "@monimesl/dot-core": "0.1.0-alpha.19",
33
- "@monimesl/dot-webview": "0.1.0-alpha.19"
32
+ "@monimesl/dot-core": "0.1.0-alpha.21",
33
+ "@monimesl/dot-webview": "0.1.0-alpha.21"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@base-ui/react": "1.8.0",
@@ -46,7 +46,7 @@
46
46
  "tsdown": "^0.23.0",
47
47
  "typescript": "^5.9.3",
48
48
  "vitest": "^5.0.1",
49
- "@monimesl/dot-service": "0.1.0-alpha.19"
49
+ "@monimesl/dot-service": "0.1.0-alpha.21"
50
50
  },
51
51
  "publishConfig": {
52
52
  "access": "public"