@orioncactuscorp/ui 1.14.0 → 1.15.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.
- package/CHANGELOG.md +92 -0
- package/README.md +65 -36
- package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/CheckMark/CheckMark.js +19 -17
- package/dist/components/Checkbox/Checkbox.css +1 -1
- package/dist/components/Checkbox/Checkbox.js +38 -36
- package/dist/components/FloatingWindow/FloatingWindow.js +138 -137
- package/dist/components/Interaction/Interaction.css +1 -1
- package/dist/components/Menu/Menu.css +1 -1
- package/dist/components/Menu/Menu.js +95 -87
- package/dist/components/Modal/Modal.css +1 -1
- package/dist/components/Modal/Modal.js +504 -488
- package/dist/components/Modal/Modal.module.scss.js +69 -62
- package/dist/components/Modal/keyboardSession.js +104 -0
- package/dist/components/Modal/snapPoints.js +95 -82
- package/dist/components/Modal/useModalDrag.js +587 -637
- package/dist/components/Modal/useModalKeyboardAvoidance.js +159 -0
- package/dist/components/Modal/useModalViewportGeometry.js +36 -0
- package/dist/components/PositionSnap/PositionSnap.css +1 -0
- package/dist/components/PositionSnap/PositionSnap.js +330 -0
- package/dist/components/PositionSnap/PositionSnap.module.scss.js +9 -0
- package/dist/components/PositionSnap/contexts.js +12 -0
- package/dist/components/PositionSnap/geometry.js +75 -0
- package/dist/components/PositionSnap/gesture.js +7 -0
- package/dist/components/PositionSnap/policy.js +60 -0
- package/dist/components/PositionSnap.d.ts +6 -0
- package/dist/components/PositionSnap.js +7 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.css +1 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.js +45 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.module.scss.js +13 -0
- package/dist/components/ProgressIndicator.d.ts +6 -0
- package/dist/components/ProgressIndicator.js +4 -0
- package/dist/components/Radio/Radio.css +1 -1
- package/dist/components/Radio/Radio.js +26 -24
- package/dist/components/Switch/Switch.css +1 -1
- package/dist/components/Switch/Switch.js +18 -16
- package/dist/components/Tabs/Tabs.css +1 -1
- package/dist/components/Tooltip/Tooltip.css +1 -1
- package/dist/components/Tooltip/Tooltip.js +59 -56
- package/dist/components/Tooltip/Tooltip.module.scss.js +6 -4
- package/dist/components/internal/ModalPresentation.js +126 -124
- package/dist/components/internal/OverlayPortalContext.js +20 -0
- package/dist/index.js +133 -126
- package/dist/styles.css +12 -10
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts +1 -1
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts.map +1 -1
- package/dist/ui/src/components/CheckMark/types.d.ts +2 -1
- package/dist/ui/src/components/CheckMark/types.d.ts.map +1 -1
- package/dist/ui/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/ui/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/ui/src/components/Checkbox/types.d.ts +2 -1
- package/dist/ui/src/components/Checkbox/types.d.ts.map +1 -1
- package/dist/ui/src/components/FloatingWindow/FloatingWindow.d.ts.map +1 -1
- package/dist/ui/src/components/FloatingWindow/types.d.ts +1 -1
- package/dist/ui/src/components/FloatingWindow/types.d.ts.map +1 -1
- package/dist/ui/src/components/Interaction/index.d.ts +1 -1
- package/dist/ui/src/components/Interaction/index.d.ts.map +1 -1
- package/dist/ui/src/components/Interaction/types.d.ts +9 -1
- package/dist/ui/src/components/Interaction/types.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/Menu.d.ts +2 -2
- package/dist/ui/src/components/Menu/Menu.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/types.d.ts +9 -2
- package/dist/ui/src/components/Menu/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/Modal.d.ts +1 -1
- package/dist/ui/src/components/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/keyboardSession.d.ts +46 -0
- package/dist/ui/src/components/Modal/keyboardSession.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/snapPoints.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/types.d.ts +8 -1
- package/dist/ui/src/components/Modal/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalKeyboardAvoidance.d.ts +17 -0
- package/dist/ui/src/components/Modal/useModalKeyboardAvoidance.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/useModalViewportGeometry.d.ts +9 -0
- package/dist/ui/src/components/Modal/useModalViewportGeometry.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/PositionSnap.d.ts +11 -0
- package/dist/ui/src/components/PositionSnap/PositionSnap.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/contexts.d.ts +17 -0
- package/dist/ui/src/components/PositionSnap/contexts.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/geometry.d.ts +31 -0
- package/dist/ui/src/components/PositionSnap/geometry.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/gesture.d.ts +2 -0
- package/dist/ui/src/components/PositionSnap/gesture.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/index.d.ts +3 -0
- package/dist/ui/src/components/PositionSnap/index.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/policy.d.ts +24 -0
- package/dist/ui/src/components/PositionSnap/policy.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/types.d.ts +31 -0
- package/dist/ui/src/components/PositionSnap/types.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/ProgressIndicator.d.ts +4 -0
- package/dist/ui/src/components/ProgressIndicator/ProgressIndicator.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/index.d.ts +3 -0
- package/dist/ui/src/components/ProgressIndicator/index.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/types.d.ts +17 -0
- package/dist/ui/src/components/ProgressIndicator/types.d.ts.map +1 -0
- package/dist/ui/src/components/Radio/Radio.d.ts +1 -1
- package/dist/ui/src/components/Radio/Radio.d.ts.map +1 -1
- package/dist/ui/src/components/Radio/types.d.ts +2 -1
- package/dist/ui/src/components/Radio/types.d.ts.map +1 -1
- package/dist/ui/src/components/Switch/Switch.d.ts +1 -1
- package/dist/ui/src/components/Switch/Switch.d.ts.map +1 -1
- package/dist/ui/src/components/Switch/types.d.ts +2 -1
- package/dist/ui/src/components/Switch/types.d.ts.map +1 -1
- package/dist/ui/src/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/ui/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/ui/src/components/Tooltip/types.d.ts +6 -0
- package/dist/ui/src/components/Tooltip/types.d.ts.map +1 -1
- package/dist/ui/src/components/internal/ModalPresentation.d.ts +2 -1
- package/dist/ui/src/components/internal/ModalPresentation.d.ts.map +1 -1
- package/dist/ui/src/components/internal/OverlayPortalContext.d.ts +10 -0
- package/dist/ui/src/components/internal/OverlayPortalContext.d.ts.map +1 -0
- package/dist/ui/src/index.d.ts +5 -1
- package/dist/ui/src/index.d.ts.map +1 -1
- package/docs/api-conventions.md +4 -0
- package/docs/overlay-stacking.md +48 -0
- package/docs/responsive-foundation-profile.md +1 -1
- package/docs/scss-helpers.md +110 -5
- package/docs/selector-contract.md +77 -2
- package/docs/tokens.md +2 -0
- package/package.json +1 -1
- package/src/scss/foundations/atomic.scss +9 -8
- package/src/scss/index.scss +2 -0
- package/src/scss/mixins/_fluid.scss +57 -0
- package/src/scss/mixins/_fluid.test.ts +87 -0
- package/src/scss/mixins/_gradient.scss +99 -0
- package/src/scss/mixins/_gradient.test.ts +111 -0
- package/src/scss/mixins/_responsive.scss +2 -1
- package/src/scss/mixins/_typo.scss +2 -1
- package/src/scss/mixins/_units.scss +14 -0
- package/src/scss/mixins/_utils.scss +3 -22
package/dist/index.js
CHANGED
|
@@ -1,132 +1,139 @@
|
|
|
1
1
|
import { default as e } from "./components/SectionHeader/SectionHeader.js";
|
|
2
2
|
import { default as a } from "./components/Button/Button.js";
|
|
3
|
-
import { default as l,
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as m } from "./components/
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
26
|
-
import { default as
|
|
27
|
-
import {
|
|
28
|
-
import { default as
|
|
29
|
-
import {
|
|
30
|
-
import { default as
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import { default as
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
3
|
+
import { default as i, PositionSnapHandle as l, PositionSnapPositioner as d, PositionSnapRoot as f } from "./components/PositionSnap/PositionSnap.js";
|
|
4
|
+
import { default as s, ActionAreaButton as u } from "./components/ActionArea/ActionArea.js";
|
|
5
|
+
import { default as m, ActionAreaLayoutActionArea as c, ActionAreaLayoutBody as A, ActionAreaLayoutFooter as g, ActionAreaLayout as F } from "./components/ActionArea/ActionAreaLayout.js";
|
|
6
|
+
import { default as T } from "./components/Badge/Badge.js";
|
|
7
|
+
import { default as S } from "./components/Background/Background.js";
|
|
8
|
+
import { default as W } from "./components/Divider/Divider.js";
|
|
9
|
+
import { default as y } from "./components/Loading/Loading.js";
|
|
10
|
+
import { default as L } from "./components/ProgressIndicator/ProgressIndicator.js";
|
|
11
|
+
import { default as k } from "./components/Skeleton/Skeleton.js";
|
|
12
|
+
import { default as b, CellItem as D } from "./components/Cell/Cell.js";
|
|
13
|
+
import { default as v } from "./components/TextButton/TextButton.js";
|
|
14
|
+
import { default as N } from "./components/IconButton/IconButton.js";
|
|
15
|
+
import { default as G } from "./components/BackgroundIconButton/BackgroundIconButton.js";
|
|
16
|
+
import { default as q } from "./components/Interaction/Interaction.js";
|
|
17
|
+
import { Field as J, FieldControl as K, FieldErrorMessage as O, FieldLabel as Q, FieldMessage as U } from "./components/Field/Field.js";
|
|
18
|
+
import { FieldGroup as X, FieldLegend as Y, Fieldset as Z, FieldsetContent as _ } from "./components/Fieldset/Fieldset.js";
|
|
19
|
+
import { default as oo } from "./components/Checkbox/Checkbox.js";
|
|
20
|
+
import { default as eo } from "./components/CheckMark/CheckMark.js";
|
|
21
|
+
import { default as ao } from "./components/Radio/Radio.js";
|
|
22
|
+
import { default as io } from "./components/Switch/Switch.js";
|
|
23
|
+
import { default as fo } from "./components/TextInput/TextInput.js";
|
|
24
|
+
import { default as so } from "./components/TextInput/TextInputContent.js";
|
|
25
|
+
import { default as xo } from "./components/TextArea/TextArea.js";
|
|
26
|
+
import { default as co } from "./components/TextArea/TextAreaContent.js";
|
|
27
|
+
import { default as go } from "./components/Select/Select.js";
|
|
28
|
+
import { default as Mo } from "./components/Select/SelectContent.js";
|
|
29
|
+
import { MenuContent as Co, MenuItem as So, MenuRoot as wo, MenuSeparator as Wo, MenuTrigger as Bo } from "./components/Menu/Menu.js";
|
|
30
|
+
import { default as Io, FloatingWindowBody as Lo, FloatingWindowClose as Ro, FloatingWindowContent as ko, FloatingWindowDescription as Po, FloatingWindowDragHandle as bo, FloatingWindowFooter as Do, FloatingWindowHeader as Ho, FloatingWindowNavigationSection as vo, FloatingWindowRoot as ho, FloatingWindowTitle as No, FloatingWindowTrigger as Eo, ModalWindowRoot as Go } from "./components/FloatingWindow/FloatingWindow.js";
|
|
31
|
+
import { FloatingWindowManager as qo } from "./components/FloatingWindow/FloatingWindowManager.js";
|
|
32
|
+
import { default as Jo, AlertAction as Ko, AlertActionArea as Oo, AlertContent as Qo, AlertDescription as Uo, AlertHeading as Vo, AlertRoot as Xo } from "./components/Alert/Alert.js";
|
|
33
|
+
import { default as Zo, AccordionContent as _o, AccordionDescription as $o, AccordionDetails as ot, AccordionItem as tt, AccordionSummary as et } from "./components/Accordion/Accordion.js";
|
|
34
|
+
import { TabsList as at, TabsPanel as nt, TabsRoot as it, TabsTab as lt } from "./components/Tabs/Tabs.js";
|
|
35
|
+
import { default as ft, ModalBody as pt, ModalClose as st, ModalContent as ut, ModalFooter as xt, ModalHeader as mt, ModalNavigationSection as ct, ModalRoot as At, ModalTrigger as gt } from "./components/Modal/Modal.js";
|
|
36
|
+
import { TooltipContent as Mt, TooltipProvider as Tt, TooltipRoot as Ct, TooltipTrigger as St } from "./components/Tooltip/Tooltip.js";
|
|
37
|
+
import { ScrollArea as Wt, ScrollAreaContainer as Bt } from "./components/ScrollArea/ScrollArea.js";
|
|
38
|
+
import { getBreakpoint as It, getBreakpoints as Lt } from "./utils/breakpoints.js";
|
|
39
|
+
import { SvgIcon as kt } from "@orioncactuscorp/icons";
|
|
38
40
|
export {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
41
|
+
Zo as Accordion,
|
|
42
|
+
_o as AccordionContent,
|
|
43
|
+
$o as AccordionDescription,
|
|
44
|
+
ot as AccordionDetails,
|
|
45
|
+
tt as AccordionItem,
|
|
46
|
+
et as AccordionSummary,
|
|
47
|
+
s as ActionArea,
|
|
48
|
+
u as ActionAreaButton,
|
|
49
|
+
m as ActionAreaLayout,
|
|
50
|
+
c as ActionAreaLayoutActionArea,
|
|
51
|
+
A as ActionAreaLayoutBody,
|
|
52
|
+
g as ActionAreaLayoutFooter,
|
|
53
|
+
F as ActionAreaLayoutRoot,
|
|
54
|
+
Jo as Alert,
|
|
55
|
+
Ko as AlertAction,
|
|
56
|
+
Oo as AlertActionArea,
|
|
57
|
+
Qo as AlertContent,
|
|
58
|
+
Uo as AlertDescription,
|
|
59
|
+
Vo as AlertHeading,
|
|
60
|
+
Xo as AlertRoot,
|
|
61
|
+
S as Background,
|
|
62
|
+
G as BackgroundIconButton,
|
|
63
|
+
T as Badge,
|
|
62
64
|
a as Button,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
65
|
+
b as Cell,
|
|
66
|
+
D as CellItem,
|
|
67
|
+
eo as CheckMark,
|
|
68
|
+
oo as Checkbox,
|
|
69
|
+
W as Divider,
|
|
70
|
+
J as Field,
|
|
71
|
+
K as FieldControl,
|
|
72
|
+
O as FieldErrorMessage,
|
|
73
|
+
X as FieldGroup,
|
|
74
|
+
Q as FieldLabel,
|
|
75
|
+
Y as FieldLegend,
|
|
76
|
+
U as FieldMessage,
|
|
77
|
+
Z as Fieldset,
|
|
78
|
+
_ as FieldsetContent,
|
|
79
|
+
Io as FloatingWindow,
|
|
80
|
+
Lo as FloatingWindowBody,
|
|
81
|
+
Ro as FloatingWindowClose,
|
|
82
|
+
ko as FloatingWindowContent,
|
|
83
|
+
Po as FloatingWindowDescription,
|
|
84
|
+
bo as FloatingWindowDragHandle,
|
|
85
|
+
Do as FloatingWindowFooter,
|
|
86
|
+
Ho as FloatingWindowHeader,
|
|
87
|
+
qo as FloatingWindowManager,
|
|
88
|
+
vo as FloatingWindowNavigationSection,
|
|
89
|
+
ho as FloatingWindowRoot,
|
|
90
|
+
No as FloatingWindowTitle,
|
|
91
|
+
Eo as FloatingWindowTrigger,
|
|
92
|
+
N as IconButton,
|
|
93
|
+
q as Interaction,
|
|
94
|
+
y as Loading,
|
|
95
|
+
Co as MenuContent,
|
|
96
|
+
So as MenuItem,
|
|
97
|
+
wo as MenuRoot,
|
|
98
|
+
Wo as MenuSeparator,
|
|
99
|
+
Bo as MenuTrigger,
|
|
100
|
+
ft as Modal,
|
|
101
|
+
pt as ModalBody,
|
|
102
|
+
st as ModalClose,
|
|
103
|
+
ut as ModalContent,
|
|
104
|
+
xt as ModalFooter,
|
|
105
|
+
mt as ModalHeader,
|
|
106
|
+
ct as ModalNavigationSection,
|
|
107
|
+
At as ModalRoot,
|
|
108
|
+
gt as ModalTrigger,
|
|
109
|
+
Go as ModalWindowRoot,
|
|
110
|
+
i as PositionSnap,
|
|
111
|
+
l as PositionSnapHandle,
|
|
112
|
+
d as PositionSnapPositioner,
|
|
113
|
+
f as PositionSnapRoot,
|
|
114
|
+
L as ProgressIndicator,
|
|
115
|
+
ao as Radio,
|
|
116
|
+
Wt as ScrollArea,
|
|
117
|
+
Bt as ScrollAreaContainer,
|
|
111
118
|
e as SectionHeader,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
119
|
+
go as Select,
|
|
120
|
+
Mo as SelectContent,
|
|
121
|
+
k as Skeleton,
|
|
122
|
+
kt as SvgIcon,
|
|
123
|
+
io as Switch,
|
|
124
|
+
at as TabsList,
|
|
125
|
+
nt as TabsPanel,
|
|
126
|
+
it as TabsRoot,
|
|
127
|
+
lt as TabsTab,
|
|
128
|
+
xo as TextArea,
|
|
129
|
+
co as TextAreaContent,
|
|
130
|
+
v as TextButton,
|
|
131
|
+
fo as TextInput,
|
|
132
|
+
so as TextInputContent,
|
|
133
|
+
Mt as TooltipContent,
|
|
134
|
+
Tt as TooltipProvider,
|
|
135
|
+
Ct as TooltipRoot,
|
|
136
|
+
St as TooltipTrigger,
|
|
137
|
+
It as getBreakpoint,
|
|
138
|
+
Lt as getBreakpoints
|
|
132
139
|
};
|