@orioncactuscorp/ui 1.15.1 → 1.16.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 (66) hide show
  1. package/CHANGELOG.md +73 -0
  2. package/README.md +15 -15
  3. package/dist/components/Accordion/Accordion.css +1 -1
  4. package/dist/components/ActionArea/ActionArea.css +1 -1
  5. package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
  6. package/dist/components/BackgroundIconButton/BackgroundIconButton.js +9 -9
  7. package/dist/components/Badge/Badge.css +1 -1
  8. package/dist/components/Badge/Badge.js +20 -20
  9. package/dist/components/Button/Button.css +1 -1
  10. package/dist/components/Button/Button.js +5 -5
  11. package/dist/components/Cell/Cell.css +1 -1
  12. package/dist/components/CheckMark/CheckMark.css +1 -1
  13. package/dist/components/CheckMark/CheckMark.js +6 -6
  14. package/dist/components/Checkbox/Checkbox.css +1 -1
  15. package/dist/components/Checkbox/Checkbox.js +15 -15
  16. package/dist/components/Field/Field.css +1 -1
  17. package/dist/components/IconButton/IconButton.css +1 -1
  18. package/dist/components/IconButton/IconButton.js +9 -9
  19. package/dist/components/Interaction/Interaction.css +1 -1
  20. package/dist/components/Interaction/Interaction.js +19 -12
  21. package/dist/components/Modal/Modal.css +1 -1
  22. package/dist/components/Modal/bottomSheetRelease.js +114 -0
  23. package/dist/components/Modal/modalScrollArbitration.js +49 -47
  24. package/dist/components/Modal/useModalDrag.js +928 -983
  25. package/dist/components/PositionSnap/PositionSnap.css +1 -1
  26. package/dist/components/ProgressIndicator/ProgressIndicator.css +1 -1
  27. package/dist/components/Radio/Radio.css +1 -1
  28. package/dist/components/Radio/Radio.js +9 -9
  29. package/dist/components/ScrollArea/ScrollArea.css +1 -1
  30. package/dist/components/ScrollArea/ScrollArea.js +262 -264
  31. package/dist/components/Skeleton/Skeleton.css +1 -1
  32. package/dist/components/Switch/Switch.css +1 -1
  33. package/dist/components/Switch/Switch.js +7 -7
  34. package/dist/components/Tabs/Tabs.css +1 -1
  35. package/dist/components/TextButton/TextButton.css +1 -1
  36. package/dist/components/TextButton/TextButton.js +17 -17
  37. package/dist/foundations/touch.css +1 -0
  38. package/dist/foundations.css +1 -0
  39. package/dist/styles.css +21 -20
  40. package/dist/ui/src/components/Interaction/Interaction.d.ts.map +1 -1
  41. package/dist/ui/src/components/Interaction/types.d.ts +2 -0
  42. package/dist/ui/src/components/Interaction/types.d.ts.map +1 -1
  43. package/dist/ui/src/components/Modal/bottomSheetRelease.d.ts +19 -0
  44. package/dist/ui/src/components/Modal/bottomSheetRelease.d.ts.map +1 -0
  45. package/dist/ui/src/components/Modal/modalScrollArbitration.d.ts.map +1 -1
  46. package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
  47. package/dist/ui/src/components/ScrollArea/ScrollArea.d.ts +1 -1
  48. package/dist/ui/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  49. package/dist/ui/src/components/ScrollArea/index.d.ts +1 -1
  50. package/dist/ui/src/components/ScrollArea/index.d.ts.map +1 -1
  51. package/dist/ui/src/components/ScrollArea/types.d.ts +2 -0
  52. package/dist/ui/src/components/ScrollArea/types.d.ts.map +1 -1
  53. package/dist/ui/src/index.d.ts +1 -1
  54. package/dist/ui/src/index.d.ts.map +1 -1
  55. package/dist/vscode/oc-ui-vars.css +1 -0
  56. package/docs/responsive-foundation-profile.md +1 -0
  57. package/docs/scss-helpers.md +1 -3
  58. package/docs/selector-contract.md +27 -3
  59. package/docs/tokens.md +6 -0
  60. package/package.json +1 -1
  61. package/src/scss/foundations/touch.scss +3 -0
  62. package/src/scss/foundations/touch.test.ts +37 -0
  63. package/src/scss/foundations/typo.scss +1 -1
  64. package/src/scss/index.scss +1 -0
  65. package/src/scss/mixins/_fluid.test.ts +0 -16
  66. package/src/scss/mixins/_utils.scss +0 -6
@@ -1,4 +1,4 @@
1
- const L = "ocModalTouchScrollLock", r = {
1
+ const L = "ocModalTouchScrollLock", T = /* @__PURE__ */ new Set(["auto", "overlay", "scroll"]), r = {
2
2
  allowDrag: !1,
3
3
  preventDefault: !1,
4
4
  resetAnchor: !1
@@ -6,20 +6,22 @@ const L = "ocModalTouchScrollLock", r = {
6
6
  allowDrag: !1,
7
7
  preventDefault: !1,
8
8
  resetAnchor: !0
9
- }, O = {
9
+ }, R = {
10
10
  allowDrag: !0,
11
11
  preventDefault: !1,
12
12
  resetAnchor: !1
13
- }, u = {
13
+ }, i = {
14
14
  allowDrag: !0,
15
15
  preventDefault: !0,
16
16
  resetAnchor: !1
17
17
  };
18
- function T(e) {
19
- return e ? u : O;
18
+ function O(e) {
19
+ return e ? i : R;
20
20
  }
21
21
  function c(e) {
22
- return !!(e && e.scrollHeight > e.clientHeight + 1);
22
+ if (!e) return !1;
23
+ const o = e.ownerDocument.defaultView?.getComputedStyle(e).overflowY;
24
+ return !!(o && T.has(o) && e.scrollHeight > e.clientHeight + 1);
23
25
  }
24
26
  function s(e) {
25
27
  return !c(e) || e.scrollTop <= 1;
@@ -27,41 +29,41 @@ function s(e) {
27
29
  function p(e) {
28
30
  return !c(e) || e.scrollHeight - e.clientHeight - e.scrollTop <= 1;
29
31
  }
30
- function R(e) {
32
+ function _(e) {
31
33
  const t = e.closest(
32
34
  '[data-oc-modal-sheet-resizing="true"]'
33
35
  );
34
36
  if (!t) return null;
35
- const n = Number.parseFloat(
37
+ const o = Number.parseFloat(
36
38
  t.style.getPropertyValue(
37
39
  "--oc-modal-resize-target-scrollport-height"
38
40
  )
39
41
  );
40
- return Number.isFinite(n) ? n : null;
42
+ return Number.isFinite(o) ? o : null;
41
43
  }
42
- function h(e) {
44
+ function d(e) {
43
45
  if (!e)
44
46
  return { canScroll: !1, scrolledFromTop: !1, scrolledToBottom: !0 };
45
- const t = R(e);
47
+ const t = _(e);
46
48
  if (t === null)
47
49
  return {
48
50
  canScroll: c(e),
49
51
  scrolledFromTop: !s(e),
50
52
  scrolledToBottom: p(e)
51
53
  };
52
- const n = e.firstElementChild?.getBoundingClientRect().height ?? e.scrollHeight, o = n > t + 1;
54
+ const o = e.firstElementChild?.getBoundingClientRect().height ?? e.scrollHeight, n = o > t + 1;
53
55
  return {
54
- canScroll: o,
55
- scrolledFromTop: o && e.scrollTop > 1,
56
- scrolledToBottom: !o || n - t - e.scrollTop <= 1
56
+ canScroll: n,
57
+ scrolledFromTop: n && e.scrollTop > 1,
58
+ scrolledToBottom: !n || o - t - e.scrollTop <= 1
57
59
  };
58
60
  }
59
61
  function m(e, t) {
60
- let n = e;
61
- for (; n && n !== t; ) {
62
- if (n instanceof HTMLElement && c(n))
63
- return n;
64
- n = n.parentElement;
62
+ let o = e;
63
+ for (; o && o !== t; ) {
64
+ if (o instanceof HTMLElement && c(o))
65
+ return o;
66
+ o = o.parentElement;
65
67
  }
66
68
  return t;
67
69
  }
@@ -95,58 +97,58 @@ function f(e) {
95
97
  ].join(",")
96
98
  );
97
99
  }
98
- function _(e, t) {
100
+ function h(e, t) {
99
101
  return t ? t.ownerDocument : typeof Node < "u" && e instanceof Node ? e.ownerDocument : typeof document > "u" ? null : document;
100
102
  }
101
103
  function a({
102
104
  boundary: e,
103
105
  target: t
104
106
  }) {
105
- const n = _(t, e ?? null), o = n?.getSelection?.() ?? n?.defaultView?.getSelection?.();
106
- if (!o || o.rangeCount === 0 || o.isCollapsed)
107
+ const o = h(t, e ?? null), n = o?.getSelection?.() ?? o?.defaultView?.getSelection?.();
108
+ if (!n || n.rangeCount === 0 || n.isCollapsed)
107
109
  return !1;
108
- const i = e ?? (typeof Node < "u" && t instanceof Node ? t : null);
109
- if (!i) return !0;
110
- for (let l = 0; l < o.rangeCount; l += 1) {
111
- const D = o.getRangeAt(l).commonAncestorContainer;
112
- if (i.contains(D) || D.contains(i))
110
+ const u = e ?? (typeof Node < "u" && t instanceof Node ? t : null);
111
+ if (!u) return !0;
112
+ for (let l = 0; l < n.rangeCount; l += 1) {
113
+ const D = n.getRangeAt(l).commonAncestorContainer;
114
+ if (u.contains(D) || D.contains(u))
113
115
  return !0;
114
116
  }
115
117
  return !1;
116
118
  }
117
- function H({
119
+ function A({
118
120
  target: e,
119
121
  chrome: t,
120
- bodyNode: n
122
+ bodyNode: o
121
123
  }) {
122
- if (t || typeof Element > "u" || !(e instanceof Element) || f(e) || a({ target: e, boundary: n })) return !1;
123
- const o = m(e, n);
124
- return c(o) && s(o);
124
+ if (t || typeof Element > "u" || !(e instanceof Element) || f(e) || a({ target: e, boundary: o })) return !1;
125
+ const n = m(e, o);
126
+ return c(n) && s(n);
125
127
  }
126
- function d({
128
+ function H({
127
129
  target: e,
128
130
  deltaY: t,
129
- chrome: n,
130
- bodyNode: o,
131
- canExpand: i
131
+ chrome: o,
132
+ bodyNode: n,
133
+ canExpand: u
132
134
  }) {
133
135
  if (typeof Element > "u" || !(e instanceof Element) || f(e)) return r;
134
- if (n) return T(t !== 0);
135
- if (a({ target: e, boundary: o }))
136
+ if (o) return O(t !== 0);
137
+ if (a({ target: e, boundary: n }))
136
138
  return r;
137
- const l = m(e, o);
138
- return c(l) ? t > 0 ? s(l) ? u : S : t < 0 ? i ? u : S : r : T(t !== 0);
139
+ const l = m(e, n);
140
+ return c(l) ? t > 0 ? s(l) ? i : S : t < 0 ? u ? i : S : r : O(t !== 0);
139
141
  }
140
- function A({
142
+ function E({
141
143
  target: e,
142
144
  bodyNode: t
143
145
  }) {
144
- return typeof Element > "u" || !(e instanceof Element) || f(e) || a({ target: e, boundary: t }) ? r : u;
146
+ return typeof Element > "u" || !(e instanceof Element) || f(e) || a({ target: e, boundary: t }) ? r : i;
145
147
  }
146
148
  export {
147
- d as getBottomTouchDragDecision,
148
- h as getModalScrollState,
149
- A as getPopupTouchDragDecision,
149
+ H as getBottomTouchDragDecision,
150
+ d as getModalScrollState,
151
+ E as getPopupTouchDragDecision,
150
152
  m as getScrollableAncestor,
151
153
  a as hasActiveTextSelection,
152
154
  p as isAtScrollBottom,
@@ -154,5 +156,5 @@ export {
154
156
  c as isScrollableElement,
155
157
  g as setModalBodyTouchScrollLock,
156
158
  f as shouldIgnoreDragTarget,
157
- H as shouldLockModalBodyTouchScroll
159
+ A as shouldLockModalBodyTouchScroll
158
160
  };