@a-type/ui 6.0.24 → 6.0.25
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/arbor/arbor.js +6 -3
- package/dist/arbor/arbor.js.map +1 -1
- package/dist/components/card/Card.d.ts +4 -1
- package/dist/components/card/Card.js +9 -5
- package/dist/components/card/Card.js.map +1 -1
- package/dist/components/card/Card.module.css +1 -15
- package/dist/components/forms/NumberStepperField.js +6 -6
- package/dist/components/forms/NumberStepperField.js.map +1 -1
- package/dist/css/arbor.css +21 -2
- package/package.json +1 -1
- package/src/arbor/arbor.ts +5 -3
- package/src/components/card/Card.module.css +1 -15
- package/src/components/card/Card.tsx +17 -3
- package/src/components/forms/NumberStepperField.tsx +14 -11
package/dist/arbor/arbor.js
CHANGED
|
@@ -34,7 +34,7 @@ export function presetAtype(config) {
|
|
|
34
34
|
var _a, _b, _c, _d;
|
|
35
35
|
const base = presetArbor(Object.assign(Object.assign({}, config), { color: Object.assign(Object.assign({ globalSaturation: 0.5 }, config === null || config === void 0 ? void 0 : config.color), { ranges: Object.assign(Object.assign({}, defaultColors.ranges), (_a = config === null || config === void 0 ? void 0 : config.color) === null || _a === void 0 ? void 0 : _a.ranges), mainColor: (config === null || config === void 0 ? void 0 : config.mainColor) ||
|
|
36
36
|
((_b = config === null || config === void 0 ? void 0 : config.color) === null || _b === void 0 ? void 0 : _b.mainColor) ||
|
|
37
|
-
defaultColors.mainColor }), typography: Object.assign({ defaultFontSize: '16px', minFontSize: '12px', minWeight: 200, maxWeight: 600,
|
|
37
|
+
defaultColors.mainColor }), typography: Object.assign({ defaultFontSize: '16px', minFontSize: '12px', minWeight: 200, maxWeight: 600, baseWeight: 400, lineHeightStep: 0.125, minLineHeight: 1, roundToPixel: true }, config === null || config === void 0 ? void 0 : config.typography), space: Object.assign({ baseSize: '8px', roundToPixel: true }, config === null || config === void 0 ? void 0 : config.space), shape: Object.assign({ roundness: 1.5 }, config === null || config === void 0 ? void 0 : config.shape), shadow: Object.assign({ defaultColor: 'rgba(0, 0, 0, 0.05)' }, config === null || config === void 0 ? void 0 : config.shadow), keyframes: Object.assign({ fadeInUp: (css, $) => css `
|
|
38
38
|
from {
|
|
39
39
|
opacity: 0;
|
|
40
40
|
transform: translateY(${$.mode.space.sm});
|
|
@@ -384,9 +384,12 @@ export function presetAtype(config) {
|
|
|
384
384
|
preset.bundleMode('bold', {
|
|
385
385
|
global: {
|
|
386
386
|
typography: {
|
|
387
|
-
minWeight:
|
|
387
|
+
minWeight: 200,
|
|
388
388
|
maxWeight: 800,
|
|
389
|
-
baseWeight:
|
|
389
|
+
baseWeight: 450,
|
|
390
|
+
},
|
|
391
|
+
shape: {
|
|
392
|
+
lineWidth: 2,
|
|
390
393
|
},
|
|
391
394
|
},
|
|
392
395
|
});
|
package/dist/arbor/arbor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arbor.js","sourceRoot":"","sources":["../../src/arbor/arbor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAEN,kBAAkB,EAClB,WAAW,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjE,MAAM,aAAa,GAAG;IACrB,MAAM,EAAE;QACP,KAAK,EAAE;YACN,GAAG,EAAE,EAAE;SACP;QACD,IAAI,EAAE;YACL,GAAG,EAAE,MAAM;SACX;QACD,MAAM,EAAE;YACP,GAAG,EAAE,KAAK;SACV;QACD,SAAS,EAAE;YACV,GAAG,EAAE,MAAM;SACX;QACD,QAAQ,EAAE;YACT,GAAG,EAAE,MAAM;SACX;QACD,SAAS,EAAE;YACV,GAAG,EAAE,EAAE;SACP;QACD,OAAO,EAAE;YACR,GAAG,EAAE,GAAG;SACR;QACD,IAAI,EAAE;YACL,GAAG,EAAE,CAAC;SACN;KACD;IACD,SAAS,EAAE,OAAO;CAClB,CAAC;AAYF,MAAM,UAAU,WAAW,CAEzB,MAA6B;;IAC9B,MAAM,IAAI,GAAG,WAAW,iCACpB,MAAM,KACT,KAAK,gCACJ,gBAAgB,EAAE,GAAG,IAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAChB,MAAM,kCACF,aAAa,CAAC,MAAM,GACpB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,MAAM,GAEzB,SAAS,EACR,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS;iBACjB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,CAAA;gBACxB,aAAa,CAAC,SAAS,KAEzB,UAAU,kBACT,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,GAAG,EACf,
|
|
1
|
+
{"version":3,"file":"arbor.js","sourceRoot":"","sources":["../../src/arbor/arbor.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,8 @@ import { UseRenderRenderProp } from '@base-ui/react/use-render';
|
|
|
2
2
|
import { CSSProperties, HTMLAttributes, MouseEvent, ReactNode, Ref } from 'react';
|
|
3
3
|
import { MasonryProps } from '../masonry/masonry.js';
|
|
4
4
|
export declare const CardRoot: import("react").FunctionComponent<import("../box/Box.js").BoxProps>;
|
|
5
|
-
export
|
|
5
|
+
export type CardSize = 'sm' | 'md' | 'lg';
|
|
6
|
+
export declare function CardMain({ className, compact, size, nonInteractive, ref, style, children, visuallyDisabled, visuallyFocused, render, ...rest }: {
|
|
6
7
|
render?: UseRenderRenderProp<{
|
|
7
8
|
visuallyFocused?: boolean;
|
|
8
9
|
visuallyDisabled?: boolean;
|
|
@@ -12,7 +13,9 @@ export declare function CardMain({ className, compact, nonInteractive, ref, styl
|
|
|
12
13
|
className?: string;
|
|
13
14
|
onClick?: (ev: MouseEvent) => void;
|
|
14
15
|
children?: ReactNode;
|
|
16
|
+
/** @deprecated use size=sm */
|
|
15
17
|
compact?: boolean;
|
|
18
|
+
size?: CardSize;
|
|
16
19
|
/** forces non-interactive version */
|
|
17
20
|
nonInteractive?: boolean;
|
|
18
21
|
visuallyFocused?: boolean;
|
|
@@ -19,9 +19,13 @@ import { SlotDiv } from '../utility/SlotDiv.js';
|
|
|
19
19
|
import cls from './Card.module.css';
|
|
20
20
|
export const CardRoot = withClassName(withProps(Box, { col: true }), cls.root);
|
|
21
21
|
export function CardMain(_a) {
|
|
22
|
-
var { className, compact, nonInteractive, ref, style, children, visuallyDisabled, visuallyFocused, render } = _a, rest = __rest(_a, ["className", "compact", "nonInteractive", "ref", "style", "children", "visuallyDisabled", "visuallyFocused", "render"]);
|
|
22
|
+
var { className, compact, size = compact ? 'sm' : 'md', nonInteractive, ref, style, children, visuallyDisabled, visuallyFocused, render } = _a, rest = __rest(_a, ["className", "compact", "size", "nonInteractive", "ref", "style", "children", "visuallyDisabled", "visuallyFocused", "render"]);
|
|
23
23
|
const isInteractive = !nonInteractive && (!!render || !!rest.onClick);
|
|
24
|
-
const rootProps = Object.assign(Object.assign({}, rest), { className: classNames(cls.main,
|
|
24
|
+
const rootProps = Object.assign(Object.assign({}, rest), { className: classNames(cls.main, {
|
|
25
|
+
'@mode-normal': size === 'lg',
|
|
26
|
+
'@mode-dense': size === 'md',
|
|
27
|
+
'@mode-denser': size === 'sm',
|
|
28
|
+
}, className), style,
|
|
25
29
|
children });
|
|
26
30
|
const root = useRender({
|
|
27
31
|
defaultTagName: isInteractive ? 'button' : 'div',
|
|
@@ -30,9 +34,9 @@ export function CardMain(_a) {
|
|
|
30
34
|
render,
|
|
31
35
|
state: {
|
|
32
36
|
interactive: !!isInteractive,
|
|
33
|
-
compact: !!compact,
|
|
34
37
|
'focus-visible': !!visuallyFocused,
|
|
35
38
|
disabled: !!visuallyDisabled,
|
|
39
|
+
size,
|
|
36
40
|
},
|
|
37
41
|
});
|
|
38
42
|
return root;
|
|
@@ -41,8 +45,8 @@ export const CardTitle = withClassName(withProps(Box, {
|
|
|
41
45
|
surface: 'ambient',
|
|
42
46
|
gap: 'sm',
|
|
43
47
|
col: true,
|
|
44
|
-
rounded: '
|
|
45
|
-
}), cls.title);
|
|
48
|
+
rounded: 'md',
|
|
49
|
+
}), cls.title, '@mode-bold');
|
|
46
50
|
const CardContentRoot = withClassName(withProps(Box, {
|
|
47
51
|
surface: 'ambient',
|
|
48
52
|
glass: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC;AAC3E,OAAO,UAAU,MAAM,MAAM,CAAC;AAQ9B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,OAAO,EAAgB,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -41,9 +41,6 @@
|
|
|
41
41
|
padding: var(--m-space-md);
|
|
42
42
|
padding-bottom: var(--m-space-xs);
|
|
43
43
|
gap: var(--m-space-sm);
|
|
44
|
-
&[data-compact='true'] {
|
|
45
|
-
padding-bottom: 0;
|
|
46
|
-
}
|
|
47
44
|
|
|
48
45
|
transition: all var(--m-duration) var(--m-easing);
|
|
49
46
|
|
|
@@ -83,13 +80,7 @@
|
|
|
83
80
|
z-index: 1;
|
|
84
81
|
padding: var(--m-space-xs) var(--m-space-md);
|
|
85
82
|
|
|
86
|
-
|
|
87
|
-
line-height: var(--m-prose-primary-lineHeight);
|
|
88
|
-
font-weight: var(--m-prose-primary-weight);
|
|
89
|
-
|
|
90
|
-
[data-compact] & {
|
|
91
|
-
font-size: var(--m-prose-ambient-size);
|
|
92
|
-
}
|
|
83
|
+
@apply --mx-prose-primary;
|
|
93
84
|
|
|
94
85
|
text-overflow: ellipsis;
|
|
95
86
|
white-space: nowrap;
|
|
@@ -107,11 +98,6 @@
|
|
|
107
98
|
line-height: 1;
|
|
108
99
|
font-weight: var(--m-prose-ambient-weight);
|
|
109
100
|
|
|
110
|
-
[data-compact] & {
|
|
111
|
-
padding: 0 var(--m-space-xs);
|
|
112
|
-
margin: 0 var(--m-space-sm);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
101
|
&[data-unstyled] {
|
|
116
102
|
background-color: unset;
|
|
117
103
|
padding: 0;
|
|
@@ -9,18 +9,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useField } from 'formik';
|
|
14
14
|
import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
|
|
15
15
|
import { NumberStepper, } from '../numberStepper/NumberStepper.js';
|
|
16
16
|
import { Field } from './Field.js';
|
|
17
17
|
export function NumberStepperField(_a) {
|
|
18
18
|
var { name, label, className, id: providedId, onChange, description } = _a, rest = __rest(_a, ["name", "label", "className", "id", "onChange", "description"]);
|
|
19
|
-
const [
|
|
19
|
+
const [props, field, tools] = useField({ name });
|
|
20
20
|
const id = useIdOrGenerated(providedId);
|
|
21
|
-
return (_jsxs(Field, { className: className, id: id, children: [label && _jsx(Field.Label, { children: label }), _jsx(Field.Control, { render: _jsx(NumberStepper, Object.assign({ value: field.value, onChange: (v) => {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
return (_jsxs(Field, { className: className, id: id, children: [label && _jsx(Field.Label, { children: label }), _jsx(Field.Control, { render: (composed) => (_jsxs(_Fragment, { children: [_jsx("input", Object.assign({ type: "hidden" }, props, composed)), _jsx(NumberStepper, Object.assign({ value: field.value, onChange: (v) => {
|
|
22
|
+
tools.setValue(v);
|
|
23
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(v);
|
|
24
|
+
} }, rest))] })) }), description && _jsx(Field.Description, { children: description })] }));
|
|
25
25
|
}
|
|
26
26
|
//# sourceMappingURL=NumberStepperField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStepperField.js","sourceRoot":"","sources":["../../../src/components/forms/NumberStepperField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACN,aAAa,GAEb,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAYnC,MAAM,UAAU,kBAAkB,CAAC,EAQT;QARS,EAClC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,EAAE,EAAE,UAAU,EACd,QAAQ,EACR,WAAW,OAEc,EADtB,IAAI,cAP2B,+DAQlC,CADO;IAEP,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"NumberStepperField.js","sourceRoot":"","sources":["../../../src/components/forms/NumberStepperField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACN,aAAa,GAEb,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAYnC,MAAM,UAAU,kBAAkB,CAAC,EAQT;QARS,EAClC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,EAAE,EAAE,UAAU,EACd,QAAQ,EACR,WAAW,OAEc,EADtB,IAAI,cAP2B,+DAQlC,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,KAAK,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,aACjC,KAAK,IAAI,KAAC,KAAK,CAAC,KAAK,cAAE,KAAK,GAAe,EAC5C,KAAC,KAAK,CAAC,OAAO,IACb,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CACrB,8BACC,8BAAO,IAAI,EAAC,QAAQ,IAAK,KAAK,EAAM,QAAQ,EAAI,EAChD,KAAC,aAAa,kBACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gCACf,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;4BACf,CAAC,IACG,IAAI,EACP,IACA,CACH,GACA,EACD,WAAW,IAAI,KAAC,KAAK,CAAC,WAAW,cAAE,WAAW,GAAqB,IAC7D,CACR,CAAC;AACH,CAAC"}
|
package/dist/css/arbor.css
CHANGED
|
@@ -1280,6 +1280,25 @@
|
|
|
1280
1280
|
|
|
1281
1281
|
.\@mode-bold {
|
|
1282
1282
|
--_-meta-modeName: bold;
|
|
1283
|
+
--m-lineWidth-sm: calc(max(1px, var(--m-global-shape-lineWidth) * 1px / 2));
|
|
1284
|
+
--m-lineWidth-md: calc(var(--m-global-shape-lineWidth) * 1px);
|
|
1285
|
+
--m-lineWidth: var(--m-lineWidth-md);
|
|
1286
|
+
--m-action-primary-borderWidth: var(--m-lineWidth);
|
|
1287
|
+
--m-action-primary-border: var(--m-action-primary-borderWidth) var(--m-action-primary-borderStyle) var(--m-action-primary-borderColor);
|
|
1288
|
+
--m-action-secondary-borderWidth: var(--m-lineWidth);
|
|
1289
|
+
--m-action-secondary-border: var(--m-action-secondary-borderWidth) var(--m-action-secondary-borderStyle) var(--m-action-secondary-borderColor);
|
|
1290
|
+
--m-action-ambient-borderWidth: var(--m-lineWidth);
|
|
1291
|
+
--m-action-ambient-border: var(--m-action-ambient-borderWidth) var(--m-action-ambient-borderStyle) var(--m-action-ambient-borderColor);
|
|
1292
|
+
--m-control-borderWidth: var(--m-lineWidth);
|
|
1293
|
+
--m-control-border: var(--m-control-borderWidth) var(--m-control-borderStyle) var(--m-control-borderColor);
|
|
1294
|
+
--m-surface-primary-borderWidth: var(--m-lineWidth);
|
|
1295
|
+
--m-surface-primary-border: var(--m-surface-primary-borderWidth) var(--m-surface-primary-borderStyle) var(--m-surface-primary-borderColor);
|
|
1296
|
+
--m-surface-secondary-borderWidth: var(--m-lineWidth);
|
|
1297
|
+
--m-surface-secondary-border: var(--m-surface-secondary-borderWidth) var(--m-surface-secondary-borderStyle) var(--m-surface-secondary-borderColor);
|
|
1298
|
+
--m-surface-ambient-borderWidth: var(--m-lineWidth);
|
|
1299
|
+
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
1300
|
+
--m-lineWidth-lg: calc(var(--m-global-shape-lineWidth) * 2px);
|
|
1301
|
+
--m-global-shape-lineWidth: 2;
|
|
1283
1302
|
--m-text-weight-thin: calc(clamp(var(--m-global-typography-minWeight), var(--m-global-typography-baseWeight) - (var(--m-global-typography-weightStep)) + calc(var(--m-global-typography-boldness) * calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) - (calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) / 2) + calc(-1 * var(--m-global-whenDark) * var(--m-global-typography-darkModeWeightAdjustment))), var(--m-global-typography-maxWeight)));
|
|
1284
1303
|
--m-text-weight-normal: calc(clamp(var(--m-global-typography-minWeight), var(--m-global-typography-baseWeight) + calc(var(--m-global-typography-boldness) * calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) - (calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) / 2) + calc(-1 * var(--m-global-whenDark) * var(--m-global-typography-darkModeWeightAdjustment))), var(--m-global-typography-maxWeight)));
|
|
1285
1304
|
--m-control-text-weight: var(--m-text-weight-normal);
|
|
@@ -1290,9 +1309,9 @@
|
|
|
1290
1309
|
--m-text-weight-bold: calc(clamp(var(--m-global-typography-minWeight), var(--m-global-typography-baseWeight) + (var(--m-global-typography-weightStep)) + calc(var(--m-global-typography-boldness) * calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) - (calc(var(--m-global-typography-maxWeight) - var(--m-global-typography-minWeight)) / 2) + calc(-1 * var(--m-global-whenDark) * var(--m-global-typography-darkModeWeightAdjustment))), var(--m-global-typography-maxWeight)));
|
|
1291
1310
|
--m-action-text-weight: var(--m-text-weight-bold);
|
|
1292
1311
|
--m-prose-primary-weight: var(--m-text-weight-bold);
|
|
1293
|
-
--m-global-typography-minWeight:
|
|
1312
|
+
--m-global-typography-minWeight: 200;
|
|
1294
1313
|
--m-global-typography-maxWeight: 800;
|
|
1295
|
-
--m-global-typography-baseWeight:
|
|
1314
|
+
--m-global-typography-baseWeight: 450;
|
|
1296
1315
|
}
|
|
1297
1316
|
}
|
|
1298
1317
|
/* Mode property definitions, if relevant */
|
package/package.json
CHANGED
package/src/arbor/arbor.ts
CHANGED
|
@@ -68,7 +68,6 @@ export function presetAtype<
|
|
|
68
68
|
minFontSize: '12px',
|
|
69
69
|
minWeight: 200,
|
|
70
70
|
maxWeight: 600,
|
|
71
|
-
weightStep: 100,
|
|
72
71
|
baseWeight: 400,
|
|
73
72
|
lineHeightStep: 0.125,
|
|
74
73
|
minLineHeight: 1,
|
|
@@ -461,9 +460,12 @@ export function presetAtype<
|
|
|
461
460
|
preset.bundleMode('bold', {
|
|
462
461
|
global: {
|
|
463
462
|
typography: {
|
|
464
|
-
minWeight:
|
|
463
|
+
minWeight: 200,
|
|
465
464
|
maxWeight: 800,
|
|
466
|
-
baseWeight:
|
|
465
|
+
baseWeight: 450,
|
|
466
|
+
},
|
|
467
|
+
shape: {
|
|
468
|
+
lineWidth: 2,
|
|
467
469
|
},
|
|
468
470
|
},
|
|
469
471
|
});
|
|
@@ -41,9 +41,6 @@
|
|
|
41
41
|
padding: var(--m-space-md);
|
|
42
42
|
padding-bottom: var(--m-space-xs);
|
|
43
43
|
gap: var(--m-space-sm);
|
|
44
|
-
&[data-compact='true'] {
|
|
45
|
-
padding-bottom: 0;
|
|
46
|
-
}
|
|
47
44
|
|
|
48
45
|
transition: all var(--m-duration) var(--m-easing);
|
|
49
46
|
|
|
@@ -83,13 +80,7 @@
|
|
|
83
80
|
z-index: 1;
|
|
84
81
|
padding: var(--m-space-xs) var(--m-space-md);
|
|
85
82
|
|
|
86
|
-
|
|
87
|
-
line-height: var(--m-prose-primary-lineHeight);
|
|
88
|
-
font-weight: var(--m-prose-primary-weight);
|
|
89
|
-
|
|
90
|
-
[data-compact] & {
|
|
91
|
-
font-size: var(--m-prose-ambient-size);
|
|
92
|
-
}
|
|
83
|
+
@apply --mx-prose-primary;
|
|
93
84
|
|
|
94
85
|
text-overflow: ellipsis;
|
|
95
86
|
white-space: nowrap;
|
|
@@ -107,11 +98,6 @@
|
|
|
107
98
|
line-height: 1;
|
|
108
99
|
font-weight: var(--m-prose-ambient-weight);
|
|
109
100
|
|
|
110
|
-
[data-compact] & {
|
|
111
|
-
padding: 0 var(--m-space-xs);
|
|
112
|
-
margin: 0 var(--m-space-sm);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
101
|
&[data-unstyled] {
|
|
116
102
|
background-color: unset;
|
|
117
103
|
padding: 0;
|
|
@@ -15,9 +15,12 @@ import cls from './Card.module.css';
|
|
|
15
15
|
|
|
16
16
|
export const CardRoot = withClassName(withProps(Box, { col: true }), cls.root);
|
|
17
17
|
|
|
18
|
+
export type CardSize = 'sm' | 'md' | 'lg';
|
|
19
|
+
|
|
18
20
|
export function CardMain({
|
|
19
21
|
className,
|
|
20
22
|
compact,
|
|
23
|
+
size = compact ? 'sm' : 'md',
|
|
21
24
|
nonInteractive,
|
|
22
25
|
ref,
|
|
23
26
|
style,
|
|
@@ -36,7 +39,9 @@ export function CardMain({
|
|
|
36
39
|
className?: string;
|
|
37
40
|
onClick?: (ev: MouseEvent) => void;
|
|
38
41
|
children?: ReactNode;
|
|
42
|
+
/** @deprecated use size=sm */
|
|
39
43
|
compact?: boolean;
|
|
44
|
+
size?: CardSize;
|
|
40
45
|
/** forces non-interactive version */
|
|
41
46
|
nonInteractive?: boolean;
|
|
42
47
|
visuallyFocused?: boolean;
|
|
@@ -48,7 +53,15 @@ export function CardMain({
|
|
|
48
53
|
|
|
49
54
|
const rootProps = {
|
|
50
55
|
...rest,
|
|
51
|
-
className: classNames(
|
|
56
|
+
className: classNames(
|
|
57
|
+
cls.main,
|
|
58
|
+
{
|
|
59
|
+
'@mode-normal': size === 'lg',
|
|
60
|
+
'@mode-dense': size === 'md',
|
|
61
|
+
'@mode-denser': size === 'sm',
|
|
62
|
+
},
|
|
63
|
+
className,
|
|
64
|
+
),
|
|
52
65
|
style,
|
|
53
66
|
children,
|
|
54
67
|
};
|
|
@@ -60,9 +73,9 @@ export function CardMain({
|
|
|
60
73
|
render,
|
|
61
74
|
state: {
|
|
62
75
|
interactive: !!isInteractive,
|
|
63
|
-
compact: !!compact,
|
|
64
76
|
'focus-visible': !!visuallyFocused,
|
|
65
77
|
disabled: !!visuallyDisabled,
|
|
78
|
+
size,
|
|
66
79
|
},
|
|
67
80
|
});
|
|
68
81
|
|
|
@@ -74,9 +87,10 @@ export const CardTitle = withClassName(
|
|
|
74
87
|
surface: 'ambient',
|
|
75
88
|
gap: 'sm',
|
|
76
89
|
col: true,
|
|
77
|
-
rounded: '
|
|
90
|
+
rounded: 'md',
|
|
78
91
|
}),
|
|
79
92
|
cls.title,
|
|
93
|
+
'@mode-bold',
|
|
80
94
|
);
|
|
81
95
|
|
|
82
96
|
const CardContentRoot = withClassName(
|
|
@@ -26,22 +26,25 @@ export function NumberStepperField({
|
|
|
26
26
|
description,
|
|
27
27
|
...rest
|
|
28
28
|
}: NumberStepperFieldProps) {
|
|
29
|
-
const [
|
|
29
|
+
const [props, field, tools] = useField({ name });
|
|
30
30
|
const id = useIdOrGenerated(providedId);
|
|
31
31
|
return (
|
|
32
32
|
<Field className={className} id={id}>
|
|
33
33
|
{label && <Field.Label>{label}</Field.Label>}
|
|
34
34
|
<Field.Control
|
|
35
|
-
render={
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
onChange
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
35
|
+
render={(composed) => (
|
|
36
|
+
<>
|
|
37
|
+
<input type="hidden" {...props} {...composed} />
|
|
38
|
+
<NumberStepper
|
|
39
|
+
value={field.value}
|
|
40
|
+
onChange={(v) => {
|
|
41
|
+
tools.setValue(v);
|
|
42
|
+
onChange?.(v);
|
|
43
|
+
}}
|
|
44
|
+
{...rest}
|
|
45
|
+
/>
|
|
46
|
+
</>
|
|
47
|
+
)}
|
|
45
48
|
/>
|
|
46
49
|
{description && <Field.Description>{description}</Field.Description>}
|
|
47
50
|
</Field>
|