@simplybusiness/mobius 4.0.0-beta.12 → 4.0.0-beta.13
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 +22 -0
- package/dist/cjs/components/Button/Button.d.ts +1 -1
- package/dist/cjs/components/Button/Button.js +1 -1
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Button/Button.stories.js +12 -12
- package/dist/cjs/components/Button/Button.stories.js.map +1 -1
- package/dist/cjs/components/Drawer/Drawer.js +22 -36
- package/dist/cjs/components/Drawer/Drawer.js.map +1 -1
- package/dist/cjs/components/Flex/Flex.stories.js +8 -13
- package/dist/cjs/components/Flex/Flex.stories.js.map +1 -1
- package/dist/cjs/components/Grid/Grid.stories.js +11 -16
- package/dist/cjs/components/Grid/Grid.stories.js.map +1 -1
- package/dist/cjs/components/Icon/Icon.js +1 -2
- package/dist/cjs/components/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/Icon/Icon.stories.js +1 -1
- package/dist/cjs/components/Icon/types.d.ts +1 -1
- package/dist/cjs/components/LinkButton/LinkButton.stories.js +1 -1
- package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.js +24 -41
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.stories.d.ts +2 -0
- package/dist/cjs/components/Modal/Modal.stories.js +18 -1
- package/dist/cjs/components/Modal/Modal.stories.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.test.js +29 -6
- package/dist/cjs/components/Modal/Modal.test.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.stories.js +1 -1
- package/dist/cjs/components/Segment/Segment.stories.js +11 -13
- package/dist/cjs/components/Segment/Segment.stories.js.map +1 -1
- package/dist/cjs/components/Segment/SegmentGroup.d.ts +1 -1
- package/dist/cjs/components/Segment/SegmentGroup.js.map +1 -1
- package/dist/cjs/components/Text/Text.d.ts +2 -2
- package/dist/cjs/components/Text/Text.js +1 -1
- package/dist/cjs/components/Text/Text.js.map +1 -1
- package/dist/cjs/components/Text/Text.stories.js +2 -2
- package/dist/cjs/components/Text/Text.stories.js.map +1 -1
- package/dist/cjs/components/Text/Text.test.js +2 -2
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/components/Button/Button.js +1 -1
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Drawer/Drawer.js +22 -36
- package/dist/esm/components/Drawer/Drawer.js.map +1 -1
- package/dist/esm/components/Icon/Icon.js +1 -2
- package/dist/esm/components/Icon/Icon.js.map +1 -1
- package/dist/esm/components/Modal/Modal.js +24 -41
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Segment/SegmentGroup.js.map +1 -1
- package/dist/esm/components/Text/Text.js +1 -1
- package/dist/esm/components/Text/Text.js.map +1 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/mobius.d.ts +5 -5
- package/package.json +2 -2
- package/src/components/Button/Button.mdx +7 -7
- package/src/components/Button/Button.stories.tsx +12 -12
- package/src/components/Button/Button.story.styles.css +1 -1
- package/src/components/Button/Button.tsx +2 -2
- package/src/components/Drawer/Drawer.tsx +34 -46
- package/src/components/Flex/Flex.mdx +18 -23
- package/src/components/Flex/Flex.stories.tsx +8 -13
- package/src/components/Grid/Grid.mdx +13 -18
- package/src/components/Grid/Grid.stories.tsx +11 -16
- package/src/components/Icon/Icon.stories.tsx +1 -1
- package/src/components/Icon/Icon.tsx +1 -1
- package/src/components/Icon/types.ts +1 -17
- package/src/components/LinkButton/LinkButton.stories.tsx +1 -1
- package/src/components/Modal/Modal.mdx +51 -0
- package/src/components/Modal/Modal.stories.tsx +53 -0
- package/src/components/Modal/Modal.test.tsx +49 -6
- package/src/components/Modal/Modal.tsx +35 -50
- package/src/components/Radio/Radio.mdx +1 -1
- package/src/components/Radio/Radio.stories.tsx +1 -1
- package/src/components/Segment/Segment.mdx +22 -24
- package/src/components/Segment/Segment.stories.tsx +22 -24
- package/src/components/Segment/SegmentGroup.tsx +1 -9
- package/src/components/Text/Text.stories.tsx +3 -5
- package/src/components/Text/Text.test.tsx +2 -2
- package/src/components/Text/Text.tsx +3 -13
package/CHANGELOG.md
CHANGED
|
@@ -11,10 +11,32 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
11
11
|
|
|
12
12
|
- `useBreakPoint` hook supports initialisation with custom breakpoints array.
|
|
13
13
|
- `Drawer` atom provides a modal panel that enters screen from left, top, right or bottom.
|
|
14
|
+
- To match refined design guidelines in Figma, SB theme colour palette has been updated with the following additions: `--color-azure-300`, `--color-azure-400`, `--color-azure-700`
|
|
14
15
|
|
|
15
16
|
### Changed
|
|
16
17
|
|
|
17
18
|
- Replace `<DatePicker>` with lighter alternative
|
|
19
|
+
- Use `--font-family` instead of `--font-family-body` and `--font-family-heading` as it's one font now
|
|
20
|
+
- Adjust font size variables to match Figma
|
|
21
|
+
- Rename `--line-height-loose` to `--line-height-normal` to match naming of other variables; reduce line-height from 1.7 to 1.5 as per Figma
|
|
22
|
+
- Increase `--line-height-tight` from 1.2 to 1.333 to match Figma
|
|
23
|
+
- Rename `caption` variant to `small` to reflect Figma
|
|
24
|
+
- Adjust default `<Link>` styles to match Figma
|
|
25
|
+
- Replace size-0 through to size-100 with size-xs through to size-xxl variables as per new design guidelines from the UX
|
|
26
|
+
- Change `<Icon>` size prop to only support Figma sizes - `xs`, `sm`, `md`, `lg`
|
|
27
|
+
- Change `<Button>` size prop from `small`, `medium`, `large` to `sm`, `md`, `lg`
|
|
28
|
+
- Modal and Drawer support nesting; only the topmost dialog is closed or cancelled.
|
|
29
|
+
|
|
30
|
+
### Removed
|
|
31
|
+
|
|
32
|
+
- To match refined design guidelines in Figma, SB theme colour palette has been updated with the following removed: `--color-neutral-400`, `--color-bubblegum-600`, `--color-bubblegum-700`
|
|
33
|
+
- Remove `lead` variant from `<Text>` as it's no longer used
|
|
34
|
+
- Remove unused Museo Sans Rounded font as it's no longer used
|
|
35
|
+
- Remove unused Museo Sans weights 100, 300 and 900 as they're no longer used
|
|
36
|
+
- Remove `--font-weight-light` in favour of `--font-weight-normal` as they're both of the same weight - 500
|
|
37
|
+
- Remove `--line-height-single` in favour of `--line-height-normal` to match predefined line heights in Figma
|
|
38
|
+
- Remove default font size changes on breakpoints for h1, h2, h3
|
|
39
|
+
- Remove unused h5, h6 variants
|
|
18
40
|
|
|
19
41
|
## [4.0.0-beta.3] - 2023-11-09
|
|
20
42
|
|
|
@@ -4,7 +4,7 @@ import { ForwardedRefComponent } from "../../types/components";
|
|
|
4
4
|
import { UseButtonProps } from "../../hooks/useButton";
|
|
5
5
|
export type ButtonElementType = HTMLButtonElement;
|
|
6
6
|
export type Variant = "primary" | "secondary" | "ghost" | "inverse" | "inverse-ghost" | "basic";
|
|
7
|
-
export type Size = "
|
|
7
|
+
export type Size = "sm" | "md" | "lg";
|
|
8
8
|
export interface ButtonProps extends UseButtonProps, DOMProps, RefAttributes<ButtonElementType> {
|
|
9
9
|
/** Custom class name for setting specific CSS */
|
|
10
10
|
className?: string;
|
|
@@ -23,7 +23,7 @@ const Loading_1 = require("./Loading");
|
|
|
23
23
|
const useButton_1 = require("../../hooks/useButton");
|
|
24
24
|
let HAS_DEPRECATION_WARNING_SHOWN = false;
|
|
25
25
|
const Button = (0, react_1.forwardRef)((props, ref) => {
|
|
26
|
-
const { children, elementType: Component = "button", isDisabled, isLoading, isSuccess, variant = "primary", size = "
|
|
26
|
+
const { children, elementType: Component = "button", isDisabled, isLoading, isSuccess, variant = "primary", size = "md", icon, iconPosition,
|
|
27
27
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28
28
|
onPress,
|
|
29
29
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAkE;AAClE,+DAA2C;AAG3C,uCAAoC;AACpC,qDAAkE;AAElE,IAAI,6BAA6B,GAAG,KAAK,CAAC;AAyC1C,MAAM,MAAM,GACV,IAAA,kBAAU,EAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,EACJ,QAAQ,EACR,WAAW,EAAE,SAAS,GAAG,QAAQ,EACjC,UAAU,EACV,SAAS,EACT,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAkE;AAClE,+DAA2C;AAG3C,uCAAoC;AACpC,qDAAkE;AAElE,IAAI,6BAA6B,GAAG,KAAK,CAAC;AAyC1C,MAAM,MAAM,GACV,IAAA,kBAAU,EAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,EACJ,QAAQ,EACR,WAAW,EAAE,SAAS,GAAG,QAAQ,EACjC,UAAU,EACV,SAAS,EACT,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,YAAY;IACZ,6DAA6D;IAC7D,OAAO;IACP,6DAA6D;IAC7D,OAAO,KAEL,KAAK,EADJ,UAAU,UACX,KAAK,EAfH,oIAeL,CAAQ,CAAC;IACV,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,qBAAS,EAAC,KAAK,CAAC,CAAC;IAEzC,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,6BAA6B,EAAE;QAC5D,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,uJAAuJ,CACxJ,CAAC;QACF,6BAA6B,GAAG,IAAI,CAAC;KACtC;IAED,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,eAAe,EACf,aAAa,OAAO,EAAE,EACtB,UAAU,IAAI,EAAE,EAChB;QACE,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS,IAAI,CAAC,SAAS;KACxC,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC;IAE/B,OAAO,CACL,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,WAAW,EAAM,UAAU,cACjD,SAAS,CAAC,CAAC,CAAC,uBAAC,iBAAO,KAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,IACrC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -48,7 +48,7 @@ exports.Normal = {
|
|
|
48
48
|
args: {
|
|
49
49
|
children: "Confirm",
|
|
50
50
|
variant: "primary",
|
|
51
|
-
size: "
|
|
51
|
+
size: "md",
|
|
52
52
|
isDisabled: false,
|
|
53
53
|
isLoading: false,
|
|
54
54
|
isSuccess: false,
|
|
@@ -59,7 +59,7 @@ exports.Secondary = {
|
|
|
59
59
|
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
60
60
|
args: {
|
|
61
61
|
variant: "secondary",
|
|
62
|
-
size: "
|
|
62
|
+
size: "md",
|
|
63
63
|
children: "Secondary Button",
|
|
64
64
|
isDisabled: false,
|
|
65
65
|
isLoading: false,
|
|
@@ -71,7 +71,7 @@ exports.Ghost = {
|
|
|
71
71
|
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
72
72
|
args: {
|
|
73
73
|
variant: "ghost",
|
|
74
|
-
size: "
|
|
74
|
+
size: "md",
|
|
75
75
|
children: "Ghost Button",
|
|
76
76
|
isDisabled: false,
|
|
77
77
|
isLoading: false,
|
|
@@ -83,7 +83,7 @@ exports.Basic = {
|
|
|
83
83
|
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
84
84
|
args: {
|
|
85
85
|
variant: "basic",
|
|
86
|
-
size: "
|
|
86
|
+
size: "md",
|
|
87
87
|
children: "Basic Button",
|
|
88
88
|
isDisabled: false,
|
|
89
89
|
isLoading: false,
|
|
@@ -96,7 +96,7 @@ exports.Large = {
|
|
|
96
96
|
args: {
|
|
97
97
|
children: "Large Button",
|
|
98
98
|
variant: "primary",
|
|
99
|
-
size: "
|
|
99
|
+
size: "lg",
|
|
100
100
|
isDisabled: false,
|
|
101
101
|
isLoading: false,
|
|
102
102
|
isSuccess: false,
|
|
@@ -109,7 +109,7 @@ exports.Link = {
|
|
|
109
109
|
children: "Link Button",
|
|
110
110
|
elementType: "a",
|
|
111
111
|
variant: "primary",
|
|
112
|
-
size: "
|
|
112
|
+
size: "md",
|
|
113
113
|
isDisabled: false,
|
|
114
114
|
isLoading: false,
|
|
115
115
|
isSuccess: false,
|
|
@@ -123,7 +123,7 @@ exports.Loading = {
|
|
|
123
123
|
args: {
|
|
124
124
|
children: "Loading",
|
|
125
125
|
variant: "primary",
|
|
126
|
-
size: "
|
|
126
|
+
size: "md",
|
|
127
127
|
isDisabled: false,
|
|
128
128
|
isLoading: true,
|
|
129
129
|
isSuccess: false,
|
|
@@ -135,7 +135,7 @@ exports.Success = {
|
|
|
135
135
|
args: {
|
|
136
136
|
children: "Success",
|
|
137
137
|
variant: "primary",
|
|
138
|
-
size: "
|
|
138
|
+
size: "md",
|
|
139
139
|
isDisabled: false,
|
|
140
140
|
isLoading: false,
|
|
141
141
|
isSuccess: true,
|
|
@@ -147,7 +147,7 @@ exports.Disabled = {
|
|
|
147
147
|
args: {
|
|
148
148
|
children: "Disabled",
|
|
149
149
|
variant: "primary",
|
|
150
|
-
size: "
|
|
150
|
+
size: "md",
|
|
151
151
|
isDisabled: true,
|
|
152
152
|
isLoading: false,
|
|
153
153
|
isSuccess: false,
|
|
@@ -163,7 +163,7 @@ exports.WithIconOnTheLeft = {
|
|
|
163
163
|
args: {
|
|
164
164
|
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.leftArrow }), "Back"] })),
|
|
165
165
|
variant: "secondary",
|
|
166
|
-
size: "
|
|
166
|
+
size: "md",
|
|
167
167
|
isDisabled: false,
|
|
168
168
|
isLoading: false,
|
|
169
169
|
isSuccess: false,
|
|
@@ -180,7 +180,7 @@ exports.WithIconOnTheRight = {
|
|
|
180
180
|
args: {
|
|
181
181
|
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Menu ", (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.menu })] })),
|
|
182
182
|
variant: "primary",
|
|
183
|
-
size: "
|
|
183
|
+
size: "md",
|
|
184
184
|
isDisabled: false,
|
|
185
185
|
isLoading: false,
|
|
186
186
|
isSuccess: false,
|
|
@@ -197,7 +197,7 @@ exports.Themed = {
|
|
|
197
197
|
args: {
|
|
198
198
|
children: "Confirm",
|
|
199
199
|
variant: "primary",
|
|
200
|
-
size: "
|
|
200
|
+
size: "md",
|
|
201
201
|
isDisabled: false,
|
|
202
202
|
isLoading: false,
|
|
203
203
|
isSuccess: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AAEjC,iDAAwD;AACxD,qCAA+C;AAC/C,kCAA+B;AAC/B,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAM;IACjB,cAAc,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;IAC1C,QAAQ,kBACN,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,GAAG,EAAE;YACH,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,MAAM,EAAE;YACN,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,GAAG,EAAE,GAAG;aACT;SACF,IACE,IAAA,iCAAe,EAChB,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,UAAU,CACX,CACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AAEjC,iDAAwD;AACxD,qCAA+C;AAC/C,kCAA+B;AAC/B,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAM;IACjB,cAAc,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;IAC1C,QAAQ,kBACN,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,GAAG,EAAE;YACH,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,MAAM,EAAE;YACN,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,GAAG,EAAE,GAAG;aACT;SACF,IACE,IAAA,iCAAe,EAChB,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,UAAU,CACX,CACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,SAAS,GAAwB;IAC5C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,kBAAkB;QAC5B,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,IAAI,GAAwB;IACvC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,GAAG;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAwB;IACpD,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE;QAC5B,0CAA0C;QAC1C,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACrC,OAAO,uBAAC,eAAM,oBAAK,IAAI,EAAI,CAAC;IAC9B,CAAC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,6DACE,uBAAC,WAAI,IAAC,IAAI,EAAE,iBAAS,GAAI,YAExB,CACJ;QACD,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,0BAA0B;QACrC,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,kBAAkB,GAAwB;IACrD,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE;QAC5B,0CAA0C;QAC1C,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACrC,OAAO,uBAAC,eAAM,oBAAK,IAAI,EAAI,CAAC;IAC9B,CAAC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,sEACO,uBAAC,WAAI,IAAC,IAAI,EAAE,YAAI,GAAI,IACxB,CACJ;QACD,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,0BAA0B;QACrC,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE;QAC5B,0CAA0C;QAC1C,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACrC,OAAO,uBAAC,eAAM,oBAAK,IAAI,EAAI,CAAC;IAC9B,CAAC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,2BAA2B;QACtC,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACtC,OAAO,CACL,wBAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,yBAAW,KAAK,cAAgB,CAC5E,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,OAAO,WAKlB;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IAC9D,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE;QACxB,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC;IACF,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAmB,EACxD,yCACG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC9B,oDAAoD;gBACpD,yCAAa,QAAQ,IAAZ,CAAC,CAAiB,CAC5B,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB"}
|
|
@@ -33,14 +33,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
33
33
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
34
34
|
const dedupe_1 = __importDefault(require("classnames/dedupe"));
|
|
35
35
|
const react_1 = require("react");
|
|
36
|
-
const hooks_1 = require("../../hooks");
|
|
37
36
|
const useBodyScrollLock_1 = require("../../hooks/useBodyScrollLock");
|
|
38
37
|
const polyfill_tests_1 = require("../../utils/polyfill-tests");
|
|
39
38
|
const VisuallyHidden_1 = require("../VisuallyHidden");
|
|
40
39
|
const Drawer = ({ isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children, }) => {
|
|
41
40
|
const hasOpened = (0, react_1.useRef)(false);
|
|
42
|
-
const
|
|
43
|
-
const dialog =
|
|
41
|
+
const modalRef = (0, react_1.useRef)(null);
|
|
42
|
+
const dialog = modalRef.current;
|
|
44
43
|
// Fire onOpen once
|
|
45
44
|
if (onOpen && !hasOpened.current) {
|
|
46
45
|
onOpen();
|
|
@@ -48,35 +47,22 @@ const Drawer = ({ isOpen, className, closeLabel, direction, announce = "Drawer o
|
|
|
48
47
|
}
|
|
49
48
|
(0, useBodyScrollLock_1.useBodyScrollLock)({ enabled: isOpen });
|
|
50
49
|
// Add close handler, to enable closing animations
|
|
51
|
-
const handleClose = (0, react_1.useCallback)(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
const rect = dialog.getBoundingClientRect();
|
|
66
|
-
const isInDialog = rect.top <= event.clientY &&
|
|
67
|
-
event.clientY <= rect.top + rect.height &&
|
|
68
|
-
rect.left <= event.clientX &&
|
|
69
|
-
event.clientX <= rect.left + rect.width;
|
|
70
|
-
if (!isInDialog) {
|
|
71
|
-
handleClose();
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
// Close modal if Escape button is pressed
|
|
75
|
-
(0, hooks_1.useOnClickOutside)(ref, () => {
|
|
76
|
-
if (ref.current && isOpen) {
|
|
77
|
-
handleClose();
|
|
50
|
+
const handleClose = (0, react_1.useCallback)(event => {
|
|
51
|
+
if (event) {
|
|
52
|
+
event.preventDefault();
|
|
53
|
+
event.stopPropagation();
|
|
54
|
+
const doClose = () => {
|
|
55
|
+
dialog.close();
|
|
56
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
57
|
+
};
|
|
58
|
+
// Delay close to allow exit animation
|
|
59
|
+
dialog.classList.add("close");
|
|
60
|
+
dialog.addEventListener("animationend", () => {
|
|
61
|
+
dialog.classList.remove("close");
|
|
62
|
+
doClose();
|
|
63
|
+
}, { once: true });
|
|
78
64
|
}
|
|
79
|
-
});
|
|
65
|
+
}, [onClose, dialog]);
|
|
80
66
|
const modalClasses = (0, dedupe_1.default)("mobius", "mobius/Drawer", `--${direction}`, className);
|
|
81
67
|
// Add polyfill for HTML Dialog in old browsers
|
|
82
68
|
(0, react_1.useEffect)(() => {
|
|
@@ -85,19 +71,19 @@ const Drawer = ({ isOpen, className, closeLabel, direction, announce = "Drawer o
|
|
|
85
71
|
if (!(0, polyfill_tests_1.supportsDialog)() && typeof window !== "undefined") {
|
|
86
72
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
87
73
|
const { default: dialogPolyfill } = await Promise.resolve().then(() => __importStar(require("dialog-polyfill")));
|
|
88
|
-
dialogPolyfill.registerDialog(
|
|
74
|
+
dialogPolyfill.registerDialog(modalRef.current);
|
|
89
75
|
}
|
|
90
76
|
if (isOpen) {
|
|
91
|
-
(_a =
|
|
77
|
+
(_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.showModal();
|
|
92
78
|
onOpen === null || onOpen === void 0 ? void 0 : onOpen();
|
|
93
79
|
}
|
|
94
|
-
else if ((_b =
|
|
95
|
-
(_c =
|
|
80
|
+
else if ((_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.open) {
|
|
81
|
+
(_c = modalRef.current) === null || _c === void 0 ? void 0 : _c.close();
|
|
96
82
|
}
|
|
97
83
|
}
|
|
98
84
|
toggleModal();
|
|
99
85
|
}, [isOpen, onOpen]);
|
|
100
|
-
return ((0, jsx_runtime_1.jsxs)("dialog", { ref:
|
|
86
|
+
return ((0, jsx_runtime_1.jsxs)("dialog", { ref: modalRef, onCancel: handleClose, className: modalClasses, "aria-describedby": "screen-reader-announce", children: [(0, jsx_runtime_1.jsx)(VisuallyHidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("div", { id: "screen-reader-announce", children: announce }) }), react_1.Children.map(children, child => {
|
|
101
87
|
if ((0, react_1.isValidElement)(child)) {
|
|
102
88
|
return (0, react_1.cloneElement)(child, {
|
|
103
89
|
onClose: handleClose,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAE/B,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,6DAA6D;AAC7D,+DAA2C;AAC3C,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,17 +18,12 @@ const Box_1 = require("../Box");
|
|
|
18
18
|
const excludeControls_1 = require("../../utils/excludeControls");
|
|
19
19
|
const sizeOptions = [
|
|
20
20
|
"",
|
|
21
|
-
"var(--size-
|
|
22
|
-
"var(--size-
|
|
23
|
-
"var(--size-
|
|
24
|
-
"var(--size-
|
|
25
|
-
"var(--size-
|
|
26
|
-
"var(--size-
|
|
27
|
-
"var(--size-60)",
|
|
28
|
-
"var(--size-70)",
|
|
29
|
-
"var(--size-80)",
|
|
30
|
-
"var(--size-90)",
|
|
31
|
-
"var(--size-100)",
|
|
21
|
+
"var(--size-xs)",
|
|
22
|
+
"var(--size-sm)",
|
|
23
|
+
"var(--size-md)",
|
|
24
|
+
"var(--size-lg)",
|
|
25
|
+
"var(--size-xl)",
|
|
26
|
+
"var(--size-xxl)",
|
|
32
27
|
];
|
|
33
28
|
const Card = (_a) => {
|
|
34
29
|
var { children, style } = _a, props = __rest(_a, ["children", "style"]);
|
|
@@ -128,7 +123,7 @@ exports.RowLayout = {
|
|
|
128
123
|
justifyContent: "normal",
|
|
129
124
|
alignItems: "stretch",
|
|
130
125
|
alignContent: "flex-start",
|
|
131
|
-
gap: "var(--size-
|
|
126
|
+
gap: "var(--size-xs)",
|
|
132
127
|
rowGap: "",
|
|
133
128
|
columnGap: "",
|
|
134
129
|
},
|
|
@@ -143,7 +138,7 @@ exports.ColumnLayout = {
|
|
|
143
138
|
justifyContent: "normal",
|
|
144
139
|
alignItems: "stretch",
|
|
145
140
|
alignContent: "normal",
|
|
146
|
-
gap: "var(--size-
|
|
141
|
+
gap: "var(--size-xs)",
|
|
147
142
|
rowGap: "",
|
|
148
143
|
columnGap: "",
|
|
149
144
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.stories.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,iCAA8B;AAC9B,gCAA6B;AAC7B,iEAA8D;AAG9D,MAAM,WAAW,GAAG;IAClB,EAAE;IACF,
|
|
1
|
+
{"version":3,"file":"Flex.stories.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,17 +19,12 @@ const Box_1 = require("../Box");
|
|
|
19
19
|
const Flex_1 = require("../Flex");
|
|
20
20
|
const sizeOptions = [
|
|
21
21
|
"",
|
|
22
|
-
"size-
|
|
23
|
-
"size-
|
|
24
|
-
"size-
|
|
25
|
-
"size-
|
|
26
|
-
"size-
|
|
27
|
-
"size-
|
|
28
|
-
"size-60",
|
|
29
|
-
"size-70",
|
|
30
|
-
"size-80",
|
|
31
|
-
"size-90",
|
|
32
|
-
"size-100",
|
|
22
|
+
"size-xs",
|
|
23
|
+
"size-s",
|
|
24
|
+
"size-m",
|
|
25
|
+
"size-l",
|
|
26
|
+
"size-xl",
|
|
27
|
+
"size-xxl",
|
|
33
28
|
];
|
|
34
29
|
const Card = (_a) => {
|
|
35
30
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
@@ -110,7 +105,7 @@ exports.AlignmentProperties = {
|
|
|
110
105
|
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "1" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "4" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "5" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "6" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "7" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "8" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "9" }) })] }))),
|
|
111
106
|
args: {
|
|
112
107
|
columns: 12,
|
|
113
|
-
gap: "size-
|
|
108
|
+
gap: "size-xs",
|
|
114
109
|
rowGap: "",
|
|
115
110
|
columnGap: "",
|
|
116
111
|
alignItems: "stretch",
|
|
@@ -122,7 +117,7 @@ exports.Normal = {
|
|
|
122
117
|
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 12, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=12" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 11, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=11" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 1, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=1" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 10, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=10" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 2, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 9, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=9" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 3, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 8, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=8" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 4, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=4" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 7, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=7" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 5, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=5" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 6, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=6" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 6, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=6" }) })] }))),
|
|
123
118
|
args: {
|
|
124
119
|
columns: 12,
|
|
125
|
-
gap: "size-
|
|
120
|
+
gap: "size-xs",
|
|
126
121
|
rowGap: "",
|
|
127
122
|
columnGap: "",
|
|
128
123
|
alignItems: "stretch",
|
|
@@ -135,7 +130,7 @@ exports.EightColumns = {
|
|
|
135
130
|
(0, jsx_runtime_1.jsx)(Card, { children: "span=1" }, k))) }))),
|
|
136
131
|
args: {
|
|
137
132
|
columns: 8,
|
|
138
|
-
gap: "size-
|
|
133
|
+
gap: "size-xs",
|
|
139
134
|
alignItems: "stretch",
|
|
140
135
|
justifyItems: "stretch",
|
|
141
136
|
className: "grid-example-eight-columns",
|
|
@@ -156,7 +151,7 @@ exports.Responsive = {
|
|
|
156
151
|
.filter(([breakpoint]) => breakpointArgs.includes(breakpoint))
|
|
157
152
|
.map(([breakpoint, value]) => `${breakpoint}=${value}`)
|
|
158
153
|
.join(" ");
|
|
159
|
-
return ((0, jsx_runtime_1.jsxs)(_1.Grid, { gap: "size-
|
|
154
|
+
return ((0, jsx_runtime_1.jsxs)(_1.Grid, { gap: "size-xs", alignItems: "stretch", justifyItems: "stretch", children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Card, { children: allArgs }) })), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { lg: 4, children: (0, jsx_runtime_1.jsx)(Card, { children: "lg=4" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { xs: 5, children: (0, jsx_runtime_1.jsx)(Card, { children: "xs=5" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { span: 5, children: (0, jsx_runtime_1.jsx)(Card, { children: "span=5" }) })] }));
|
|
160
155
|
},
|
|
161
156
|
args: {
|
|
162
157
|
xs: 12,
|
|
@@ -182,7 +177,7 @@ exports.Responsive = {
|
|
|
182
177
|
decorators: [Story => (0, jsx_runtime_1.jsx)(Story, {})],
|
|
183
178
|
};
|
|
184
179
|
exports.ItemPositioning = {
|
|
185
|
-
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, { columns: 12, gap: "size-
|
|
180
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, { columns: 12, gap: "size-xs", alignItems: "stretch", justifyItems: "stretch", className: "grid-example-fixed-size-grid", children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, args, { children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "1" }) })), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "4" }) })] })),
|
|
186
181
|
args: {
|
|
187
182
|
alignSelf: "center",
|
|
188
183
|
justifySelf: "end",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,wBAAmD;AACnD,iEAA8D;AAC9D,gCAA6B;AAC7B,kCAA+B;AAG/B,MAAM,WAAW,GAAG;IAClB,EAAE;IACF,
|
|
1
|
+
{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,8 +24,7 @@ function Icon(_a) {
|
|
|
24
24
|
if (!icon) {
|
|
25
25
|
throw new Error("Must specify icon object");
|
|
26
26
|
}
|
|
27
|
-
const classes = (0, dedupe_1.default)("mobius", "mobius/Icon", `svg-inline--${ICON_PREFIX}`, className, {
|
|
28
|
-
[`${ICON_PREFIX}-${size}`]: size,
|
|
27
|
+
const classes = (0, dedupe_1.default)("mobius", "mobius/Icon", `svg-inline--${ICON_PREFIX}`, `--size-${size}`, className, {
|
|
29
28
|
[`${ICON_PREFIX}-fw`]: fixedWidth,
|
|
30
29
|
[`${ICON_PREFIX}-spin`]: spin || spinReverse,
|
|
31
30
|
[`${ICON_PREFIX}-spin-reverse`]: spinReverse,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+DAA2C;AAC3C,2CAA0C;AAG1C,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,SAAgB,IAAI,CAAC,EAST;QATS,EACnB,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,IAAI,EACJ,WAAW,OAED,EADP,UAAU,cARM,2EASpB,CADc;IAEb,IAAI,CAAC,IAAI,EAAE;QACT,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;KAC7C;IAED,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,aAAa,EACb,eAAe,WAAW,EAAE,EAC5B,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+DAA2C;AAC3C,2CAA0C;AAG1C,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,SAAgB,IAAI,CAAC,EAST;QATS,EACnB,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,IAAI,EACJ,WAAW,OAED,EADP,UAAU,cARM,2EASpB,CADc;IAEb,IAAI,CAAC,IAAI,EAAE;QACT,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;KAC7C;IAED,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,aAAa,EACb,eAAe,WAAW,EAAE,EAC5B,UAAU,IAAI,EAAE,EAChB,SAAS,EACT;QACE,CAAC,GAAG,WAAW,KAAK,CAAC,EAAE,UAAU;QACjC,CAAC,GAAG,WAAW,OAAO,CAAC,EAAE,IAAI,IAAI,WAAW;QAC5C,CAAC,GAAG,WAAW,eAAe,CAAC,EAAE,WAAW;KAC7C,CACF,CAAC;IAEF,IAAA,uBAAW,GAAE,CAAC;IAEd,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAEtD,OAAO,CACL,6DACc,MAAM,EAClB,SAAS,EAAC,OAAO,eACN,QAAQ,EACnB,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,IACZ,UAAU,cAEd,iCAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,WAAW,GAAI,IACxC,CACP,CAAC;AACJ,CAAC;AA9CD,oBA8CC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Ref } from "react";
|
|
2
2
|
import { IconDefinition } from "../../types/icon";
|
|
3
|
-
export type IconSizeProp = "
|
|
3
|
+
export type IconSizeProp = "xs" | "sm" | "md" | "lg";
|
|
4
4
|
export interface IconProps {
|
|
5
5
|
icon?: IconDefinition;
|
|
6
6
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA2D;AAC3D,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAU;IACrB,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,IACE,IAAA,iCAAe,EAChB,UAAU,EACV,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAAS,CACV,CACF;CACF,CAAC;AAEW,QAAA,MAAM,GAA4B;IAC7C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,oBAAK,IAAI,mCAA8B,CACnD;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA2D;AAC3D,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAU;IACrB,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,IACE,IAAA,iCAAe,EAChB,UAAU,EACV,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAAS,CACV,CACF;CACF,CAAC;AAEW,QAAA,MAAM,GAA4B;IAC7C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,oBAAK,IAAI,mCAA8B,CACnD;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;KACT;CACF,CAAC"}
|