@autoguru/overdrive 4.43.8-next.0 → 4.43.8-next.1
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/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/Box.js +5 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +10 -10
- package/dist/components/Text/Text.d.ts +2 -2
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +6 -6
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEN,KAAK,oBAAoB,EACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAMlD,MAAM,WAAW,cAChB,SAAQ,WAAW,EAClB,iBAAiB,EACjB,MAAM;CAAG;AAEX,MAAM,WAAW,QAChB,SAAQ,IAAI,CACV,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE,EACD,cAAc,EACd,oBAAoB;IAErB,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAKD,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEN,KAAK,oBAAoB,EACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAMlD,MAAM,WAAW,cAChB,SAAQ,WAAW,EAClB,iBAAiB,EACjB,MAAM;CAAG;AAEX,MAAM,WAAW,QAChB,SAAQ,IAAI,CACV,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE,EACD,cAAc,EACd,oBAAoB;IAErB,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAKD,eAAO,MAAM,GAAG,8EA6Pf,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
const _excluded = ["as", "children", "className", "odComponent", "testId", "display", "height", "maxWidth", "minWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "size", "userSelect", "useVar", "width", "bg", "backgroundColor", "backgroundColour", "boxShadow", "color", "colour", "fg", "opacity", "fontSize", "fontWeight", "lineHeight", "text", "textAlign", "textWrap", "borderRadius", "borderColor", "borderStyle", "borderWidth", "borderWidthX", "borderWidthY", "borderBottomColor", "borderBottomStyle", "borderBottomWidth", "borderLeftColor", "borderLeftStyle", "borderLeftWidth", "borderRightColor", "borderRightStyle", "borderRightWidth", "borderTopColor", "borderTopStyle", "borderTopWidth", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "borderColour", "borderColourX", "borderColourY", "borderBottomColour", "borderLeftColour", "borderRightColour", "borderTopColour", "alignContent", "alignItems", "alignSelf", "columnGap", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumns", "justifyContent", "placeItems", "rowGap", "order", "m", "mb", "ml", "mr", "mt", "mx", "margin", "marginX", "marginY", "marginBottom", "marginLeft", "marginRight", "marginTop", "p", "pb", "pl", "pr", "pt", "px", "padding", "paddingX", "paddingY", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop"];
|
|
5
|
+
const _excluded = ["as", "children", "className", "odComponent", "testId", "display", "height", "maxWidth", "minWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "size", "userSelect", "useVar", "width", "bg", "backgroundColor", "backgroundColour", "boxShadow", "color", "colour", "fg", "opacity", "fontSize", "fontWeight", "lineHeight", "text", "textAlign", "textWrap", "borderRadius", "borderColor", "borderStyle", "borderWidth", "borderWidthX", "borderWidthY", "borderBottomColor", "borderBottomStyle", "borderBottomWidth", "borderLeftColor", "borderLeftStyle", "borderLeftWidth", "borderRightColor", "borderRightStyle", "borderRightWidth", "borderTopColor", "borderTopStyle", "borderTopWidth", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "borderColour", "borderColourX", "borderColourY", "borderBottomColour", "borderLeftColour", "borderRightColour", "borderTopColour", "alignContent", "alignItems", "alignSelf", "columnGap", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumns", "justifyContent", "placeItems", "rowGap", "order", "m", "mb", "ml", "mr", "mt", "mx", "my", "margin", "marginX", "marginY", "marginBottom", "marginLeft", "marginRight", "marginTop", "p", "pb", "pl", "pr", "pt", "px", "py", "padding", "paddingX", "paddingY", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop"];
|
|
6
6
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
import React, { forwardRef } from 'react';
|
|
@@ -95,6 +95,7 @@ export const Box = forwardRef((_ref, ref) => {
|
|
|
95
95
|
mr,
|
|
96
96
|
mt,
|
|
97
97
|
mx,
|
|
98
|
+
my,
|
|
98
99
|
margin,
|
|
99
100
|
marginX,
|
|
100
101
|
marginY,
|
|
@@ -108,6 +109,7 @@ export const Box = forwardRef((_ref, ref) => {
|
|
|
108
109
|
pr,
|
|
109
110
|
pt,
|
|
110
111
|
px,
|
|
112
|
+
py,
|
|
111
113
|
padding,
|
|
112
114
|
paddingX,
|
|
113
115
|
paddingY,
|
|
@@ -200,6 +202,7 @@ export const Box = forwardRef((_ref, ref) => {
|
|
|
200
202
|
mr,
|
|
201
203
|
mt,
|
|
202
204
|
mx,
|
|
205
|
+
my,
|
|
203
206
|
margin,
|
|
204
207
|
marginX,
|
|
205
208
|
marginY,
|
|
@@ -213,6 +216,7 @@ export const Box = forwardRef((_ref, ref) => {
|
|
|
213
216
|
pr,
|
|
214
217
|
pt,
|
|
215
218
|
px,
|
|
219
|
+
py,
|
|
216
220
|
padding,
|
|
217
221
|
paddingX,
|
|
218
222
|
paddingY,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASN,KAAK,cAAc,EAEnB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAO1C,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,KAAK,eAAe,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIzC,QAAA,MAAM,cAAc;;CAEV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,EAClC,iBAAiB,EACjB,MAAM;IACP,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAI9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAI3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AA2BD,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASN,KAAK,cAAc,EAEnB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAO1C,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,KAAK,eAAe,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIzC,QAAA,MAAM,cAAc;;CAEV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,EAClC,iBAAiB,EACjB,MAAM;IACP,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAI9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAI3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AA2BD,eAAO,MAAM,MAAM,uFA4KlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
|
@@ -78,13 +78,12 @@ export const Button = forwardRef((_ref, ref) => {
|
|
|
78
78
|
if (rounded) return 'rounded';
|
|
79
79
|
return 'default';
|
|
80
80
|
}, [isSingleIconChild, rounded]);
|
|
81
|
-
const props = {
|
|
81
|
+
const props = _objectSpread(_objectSpread({
|
|
82
82
|
type: Component === 'button' ? type : undefined,
|
|
83
83
|
id,
|
|
84
84
|
onClick,
|
|
85
85
|
disabled: disabled || isLoading,
|
|
86
86
|
'aria-label': isLoading ? language.loading : ariaLabel,
|
|
87
|
-
'data-loading': isLoading ? '' : undefined,
|
|
88
87
|
className: clsx(componentStyles({
|
|
89
88
|
as: Component,
|
|
90
89
|
display: 'inline-block',
|
|
@@ -105,9 +104,13 @@ export const Button = forwardRef((_ref, ref) => {
|
|
|
105
104
|
shape,
|
|
106
105
|
intent: variant,
|
|
107
106
|
minimal
|
|
108
|
-
}), className)
|
|
107
|
+
}), className)
|
|
108
|
+
}, dataAttrs({
|
|
109
|
+
loading: isLoading,
|
|
110
|
+
testid: testId
|
|
111
|
+
})), {}, {
|
|
109
112
|
ref
|
|
110
|
-
};
|
|
113
|
+
});
|
|
111
114
|
const buttonContents = useMemo(() => {
|
|
112
115
|
var _maybeIconProps$size;
|
|
113
116
|
return _jsx(_Fragment, {
|
|
@@ -146,16 +149,13 @@ export const Button = forwardRef((_ref, ref) => {
|
|
|
146
149
|
className: [styles.body, styles.hiddenContent],
|
|
147
150
|
children: buttonContents
|
|
148
151
|
})]
|
|
149
|
-
}) : _jsx(Box,
|
|
152
|
+
}) : _jsx(Box, {
|
|
150
153
|
height: "full",
|
|
151
154
|
alignItems: "center",
|
|
152
155
|
justifyContent: "center",
|
|
153
|
-
className: styles.body
|
|
154
|
-
}, dataAttrs({
|
|
155
|
-
'data-testid': testId
|
|
156
|
-
})), {}, {
|
|
156
|
+
className: styles.body,
|
|
157
157
|
children: buttonContents
|
|
158
|
-
})
|
|
158
|
+
});
|
|
159
159
|
return isValidElement(Component) ? cloneElement(Component, _objectSpread({}, props), child) : createElement(Component, _objectSpread({}, props), child);
|
|
160
160
|
});
|
|
161
161
|
Button.displayName = 'Button';
|
|
@@ -3,8 +3,8 @@ import { type Sprinkles } from '../../styles/sprinkles.css';
|
|
|
3
3
|
import type { TestId } from '../../types';
|
|
4
4
|
import type { TextStyleProps } from './textStyles';
|
|
5
5
|
type ElementAttributes = React.ComponentPropsWithoutRef<'p'> & Pick<React.ComponentProps<'label'>, 'htmlFor'>;
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
type AdditionalStyleProps = Pick<Sprinkles, 'display' | 'm' | 'mb' | 'ml' | 'mr' | 'mt' | 'mx' | 'my' | 'margin' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginTop' | 'marginX' | 'marginY' | 'p' | 'pb' | 'pl' | 'pr' | 'pt' | 'px' | 'py' | 'padding' | 'paddingBottom' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingX' | 'paddingY'>;
|
|
7
|
+
export interface TextProps extends Omit<ElementAttributes, 'color' | 'is'>, AdditionalStyleProps, TextStyleProps, TestId {
|
|
8
8
|
}
|
|
9
9
|
export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
|
|
10
10
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAEhD,MAAM,WAAW,SAChB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC,EAC9C,cAAc,EACd,MAAM;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAEhD,KAAK,oBAAoB,GAAG,IAAI,CAC/B,SAAS,EACP,SAAS,GACT,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,SAAS,GACT,SAAS,GACT,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,eAAe,GACf,aAAa,GACb,cAAc,GACd,YAAY,GACZ,UAAU,GACV,UAAU,CACZ,CAAC;AAEF,MAAM,WAAW,SAChB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC,EAC9C,oBAAoB,EACpB,cAAc,EACd,MAAM;CAAG;AAEX,eAAO,MAAM,IAAI,+EA+ChB,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
const _excluded = ["as", "children", "className", "align", "
|
|
5
|
+
const _excluded = ["as", "children", "className", "align", "breakWord", "color", "colour", "noWrap", "size", "strong", "transform", "weight", "wrap"];
|
|
6
6
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
import React from 'react';
|
|
@@ -15,22 +15,22 @@ export const Text = React.forwardRef((_ref, ref) => {
|
|
|
15
15
|
children,
|
|
16
16
|
className,
|
|
17
17
|
align = 'left',
|
|
18
|
+
breakWord,
|
|
18
19
|
color,
|
|
19
20
|
colour,
|
|
20
|
-
display,
|
|
21
|
-
transform,
|
|
22
|
-
breakWord,
|
|
23
21
|
noWrap,
|
|
24
22
|
size = '4',
|
|
25
23
|
strong = false,
|
|
26
|
-
|
|
24
|
+
transform,
|
|
25
|
+
weight = 'normal',
|
|
26
|
+
wrap
|
|
27
27
|
} = _ref,
|
|
28
28
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
29
29
|
return _jsx(Box, _objectSpread(_objectSpread({
|
|
30
30
|
as: as,
|
|
31
31
|
ref: ref,
|
|
32
|
-
display: display,
|
|
33
32
|
textAlign: align,
|
|
33
|
+
textWrap: wrap,
|
|
34
34
|
className: [typographyStyles({
|
|
35
35
|
as,
|
|
36
36
|
breakWord,
|
package/package.json
CHANGED