@helpdice/ui 1.7.8 → 1.8.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 (65) hide show
  1. package/dist/breadcrumbs/index.js +10 -7
  2. package/dist/card/index.js +10 -7
  3. package/dist/carousal/CSSTranslate.d.ts +2 -0
  4. package/dist/carousal/component/Arrow.d.ts +9 -0
  5. package/dist/carousal/component/Indicator.d.ts +9 -0
  6. package/dist/carousal/component/Thumbs.d.ts +65 -0
  7. package/dist/carousal/component/animations.d.ts +27 -0
  8. package/dist/carousal/component/index.d.ts +87 -0
  9. package/dist/carousal/component/types.d.ts +79 -0
  10. package/dist/carousal/component/utils.d.ts +15 -0
  11. package/dist/carousal/cssClasses.d.ts +11 -0
  12. package/dist/carousal/dimensions.d.ts +1 -0
  13. package/dist/carousal/index.d.ts +3 -0
  14. package/dist/carousal/index.js +16085 -0
  15. package/dist/carousal/shims/document.d.ts +2 -0
  16. package/dist/carousal/shims/window.d.ts +2 -0
  17. package/dist/image/index.js +10 -7
  18. package/dist/index.d.ts +4 -0
  19. package/dist/index.js +2793 -197
  20. package/dist/link/index.js +10 -7
  21. package/dist/link/link.d.ts +2 -1
  22. package/dist/swipe/index.d.ts +4 -0
  23. package/dist/swipe/index.js +1314 -0
  24. package/dist/swipe/react-swipe.d.ts +58 -0
  25. package/dist/user/index.js +10 -7
  26. package/esm/carousal/CSSTranslate.d.ts +2 -0
  27. package/esm/carousal/CSSTranslate.js +7 -0
  28. package/esm/carousal/component/Arrow.d.ts +9 -0
  29. package/esm/carousal/component/Arrow.js +21 -0
  30. package/esm/carousal/component/Indicator.d.ts +9 -0
  31. package/esm/carousal/component/Indicator.js +23 -0
  32. package/esm/carousal/component/Thumbs.d.ts +65 -0
  33. package/esm/carousal/{Thumbs.js → component/Thumbs.js} +41 -12
  34. package/esm/carousal/component/animations.d.ts +27 -0
  35. package/esm/carousal/{animations.js → component/animations.js} +1 -1
  36. package/esm/carousal/component/index.d.ts +87 -0
  37. package/esm/carousal/component/index.js +698 -0
  38. package/esm/carousal/component/types.d.ts +79 -0
  39. package/esm/carousal/component/utils.d.ts +15 -0
  40. package/esm/carousal/{utils.js → component/utils.js} +1 -1
  41. package/esm/carousal/cssClasses.d.ts +11 -0
  42. package/esm/carousal/cssClasses.js +56 -0
  43. package/esm/carousal/dimensions.d.ts +1 -0
  44. package/esm/carousal/dimensions.js +6 -0
  45. package/esm/carousal/index.d.ts +3 -0
  46. package/esm/carousal/index.js +2 -683
  47. package/esm/carousal/main.js +59 -0
  48. package/esm/carousal/shims/document.d.ts +2 -0
  49. package/esm/carousal/shims/document.js +3 -0
  50. package/esm/carousal/shims/window.d.ts +2 -0
  51. package/esm/carousal/shims/window.js +3 -0
  52. package/esm/index.d.ts +4 -0
  53. package/esm/index.js +6 -1
  54. package/esm/link/link.d.ts +2 -1
  55. package/esm/link/link.js +10 -7
  56. package/esm/login-with/index.js +0 -2
  57. package/esm/swipe/demo.js +57 -0
  58. package/esm/swipe/index.d.ts +4 -0
  59. package/esm/swipe/index.js +2 -0
  60. package/esm/swipe/react-swipe.d.ts +58 -0
  61. package/esm/swipe/react-swipe.js +246 -0
  62. package/package.json +4 -3
  63. package/esm/carousal/Arrow.js +0 -18
  64. package/esm/carousal/Indicator.js +0 -20
  65. /package/esm/carousal/{types.js → component/types.js} +0 -0
package/dist/carousal/shims/document.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: () => Document;
2
+ export default _default;
package/dist/carousal/shims/window.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: () => Window & typeof globalThis;
2
+ export default _default;
package/dist/image/index.js CHANGED
@@ -3138,7 +3138,7 @@ var addColorAlpha = function addColorAlpha(color, alpha) {
3138
3138
  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(safeAlpha, ")");
3139
3139
  };
3140
3140
 
3141
- var _excluded$1 = ["href", "showColor", "underline", "children", "className", "block", "icon"];
3141
+ var _excluded$1 = ["href", "showColor", "underline", "children", "className", "block", "arrow", "icon"];
3142
3142
  var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3143
3143
  var _ref$href = _ref.href,
3144
3144
  href = _ref$href === void 0 ? '' : _ref$href,
@@ -3151,8 +3151,9 @@ var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3151
3151
  className = _ref$className === void 0 ? '' : _ref$className,
3152
3152
  _ref$block = _ref.block,
3153
3153
  block = _ref$block === void 0 ? false : _ref$block,
3154
- _ref$icon = _ref.icon,
3155
- icon = _ref$icon === void 0 ? false : _ref$icon,
3154
+ _ref$arrow = _ref.arrow,
3155
+ arrow = _ref$arrow === void 0 ? false : _ref$arrow,
3156
+ icon = _ref.icon,
3156
3157
  props = _objectWithoutProperties(_ref, _excluded$1);
3157
3158
  var theme = distExports.useTheme();
3158
3159
  var _useScale = useScale(),
@@ -3167,11 +3168,13 @@ var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3167
3168
  href: href
3168
3169
  }, props, {
3169
3170
  ref: ref,
3170
- className: _JSXStyle.dynamic([["442871747", [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + (props && props.className != null && props.className || classes || "")
3171
- }), children, icon && /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(_JSXStyle, {
3172
- id: "442871747",
3171
+ className: _JSXStyle.dynamic([["1742013413", [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + (props && props.className != null && props.className || classes || "")
3172
+ }), icon && icon, /*#__PURE__*/React.createElement("span", {
3173
+ className: _JSXStyle.dynamic([["1742013413", [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]]])
3174
+ }, children, arrow && /*#__PURE__*/React.createElement(LinkIcon, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
3175
+ id: "1742013413",
3173
3176
  dynamic: [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]
3174
- }, ".link.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:inherit;color:".concat(linkColor, ";-webkit-text-decoration:none;text-decoration:none;border-radius:").concat(block ? theme.layout.radius : 0, ";-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;font-size:").concat(SCALES.font(1, 'inherit'), ";width:").concat(SCALES.width(1, 'fit-content'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.block.__jsx-style-dynamic-selector{padding:").concat(SCALES.pt(0.125), " ").concat(SCALES.pr(0.25), " ").concat(SCALES.pb(0.125), " ").concat(SCALES.pl(0.25), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(-0.125), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(-0.125), ";}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:").concat(decoration, ";text-decoration:").concat(decoration, ";}.link.__jsx-style-dynamic-selector:hover{background-color:").concat(block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', ";color:").concat(hoverColor, ";}")));
3177
+ }, ".link.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;gap:5px;color:".concat(linkColor, ";-webkit-text-decoration:none;text-decoration:none;border-radius:").concat(block ? theme.layout.radius : 0, ";-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;font-size:").concat(SCALES.font(1, 'inherit'), ";width:").concat(SCALES.width(1, 'fit-content'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.block.__jsx-style-dynamic-selector{padding:").concat(SCALES.pt(0.125), " ").concat(SCALES.pr(0.25), " ").concat(SCALES.pb(0.125), " ").concat(SCALES.pl(0.25), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(-0.125), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(-0.125), ";}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:").concat(decoration, ";text-decoration:").concat(decoration, ";}.link.__jsx-style-dynamic-selector:hover{background-color:").concat(block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', ";color:").concat(hoverColor, ";}")));
3175
3178
  });
3176
3179
  LinkComponent.displayName = 'Link';
3177
3180
  var Link = withScale(LinkComponent);
package/dist/index.d.ts CHANGED
@@ -120,3 +120,7 @@ export type { ReactiveDomReact } from './utils/layouts';
120
120
  export { default as CodeBlock } from './code-block';
121
121
  export { default as Skeleton } from './skeleton';
122
122
  export * from './login-with';
123
+ export { default as Swipe } from './swipe';
124
+ export type { SwipeProps } from './swipe';
125
+ export { Carousel } from './carousal';
126
+ export type { CarouselProps } from './carousal';