@a-type/ui 6.0.19 → 6.0.21
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.d.ts +1 -1
- package/dist/components/box/Box.d.ts +3 -1
- package/dist/components/box/Box.js +2 -2
- package/dist/components/box/Box.js.map +1 -1
- package/dist/components/typography/typography.module.css +3 -0
- package/dist/css/arbor.css +49 -49
- package/package.json +3 -3
- package/src/arbor/arbor.ts +1 -1
- package/src/components/box/Box.tsx +4 -1
- package/src/components/typography/typography.module.css +3 -0
package/dist/arbor/arbor.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ declare const defaultColors: {
|
|
|
29
29
|
mainColor: string;
|
|
30
30
|
};
|
|
31
31
|
export type DefaultColorRangeName = keyof typeof defaultColors.ranges;
|
|
32
|
-
export type ATypeConfig<TColors extends DefaultColorRangeName = DefaultColorRangeName> = ArborPresetConfig<TColors
|
|
32
|
+
export type ATypeConfig<TColors extends DefaultColorRangeName = DefaultColorRangeName> = Partial<ArborPresetConfig<TColors>> & {
|
|
33
33
|
mainColor?: TColors;
|
|
34
34
|
roundActions?: boolean;
|
|
35
35
|
roundControls?: boolean;
|
|
@@ -24,11 +24,13 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
|
|
|
24
24
|
overflow?: 'hidden' | 'clip' | 'auto' | 'auto-x' | 'auto-y';
|
|
25
25
|
grow?: boolean;
|
|
26
26
|
elevated?: ShadowValue;
|
|
27
|
+
/** @deprecated - use round */
|
|
27
28
|
rounded?: 'xs' | 'sm' | 'md' | 'lg' | boolean;
|
|
29
|
+
round?: 'xs' | 'sm' | 'md' | 'lg' | boolean;
|
|
28
30
|
ref?: Ref<HTMLDivElement>;
|
|
29
31
|
container?: boolean;
|
|
30
32
|
glass?: boolean;
|
|
31
33
|
self?: 'auto' | 'start' | 'end' | 'center' | 'stretch';
|
|
32
34
|
}
|
|
33
|
-
export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, col, d, direction, style, container, surface, color, border, full, overflow, grow, elevated, rounded, glass, self, ref, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, col, d, direction, style, container, surface, color, border, full, overflow, grow, elevated, rounded, round, glass, self, ref, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
|
|
34
36
|
export {};
|
|
@@ -14,11 +14,11 @@ import clsx from 'clsx';
|
|
|
14
14
|
import { SlotDiv } from '../utility/SlotDiv.js';
|
|
15
15
|
import cls from './Box.module.css';
|
|
16
16
|
export function Box(_a) {
|
|
17
|
-
var { className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, col, d = col ? 'col' : undefined, direction = d, style, container, surface, color, border, full, overflow, grow, elevated, rounded = surface ? true : undefined, glass, self, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "col", "d", "direction", "style", "container", "surface", "color", "border", "full", "overflow", "grow", "elevated", "rounded", "glass", "self", "ref"]);
|
|
17
|
+
var { className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, col, d = col ? 'col' : undefined, direction = d, style, container, surface, color, border, full, overflow, grow, elevated, rounded = surface ? true : undefined, round = rounded, glass, self, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "col", "d", "direction", "style", "container", "surface", "color", "border", "full", "overflow", "grow", "elevated", "rounded", "round", "glass", "self", "ref"]);
|
|
18
18
|
const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
|
|
19
19
|
const justify = justifySolo !== null && justifySolo !== void 0 ? justifySolo : align === null || align === void 0 ? void 0 : align.split(' ')[1];
|
|
20
20
|
const [inset, elevation, up] = parseElevated(elevated);
|
|
21
|
-
const main = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('layer-components:relative layer-components:flex', color && `@mode-${color}`, cls.root, className), "data-direction": direction, "data-gap": gap, "data-items": items, "data-justify": justify, "data-wrap": wrap, "data-p": p, "data-rounded":
|
|
21
|
+
const main = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('layer-components:relative layer-components:flex', color && `@mode-${color}`, cls.root, className), "data-direction": direction, "data-gap": gap, "data-items": items, "data-justify": justify, "data-wrap": wrap, "data-p": p, "data-rounded": round, "data-surface": surface, "data-border": border, "data-full": full, "data-overflow": overflow, "data-grow": grow, "data-elevated": elevation, "data-shadow-up": up, "data-shadow-inset": inset, "data-container": container, "data-glass": glass, "data-self": self })));
|
|
22
22
|
return main;
|
|
23
23
|
}
|
|
24
24
|
function parseElevated(elevated) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAgB,MAAM,uBAAuB,CAAC;AAC9D,OAAO,GAAG,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAgB,MAAM,uBAAuB,CAAC;AAC9D,OAAO,GAAG,MAAM,kBAAkB,CAAC;AA4CnC,MAAM,UAAU,GAAG,CAAC,EA0BT;QA1BS,EACnB,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,KAAK,EACb,GAAG,EACH,IAAI,EACJ,CAAC,EACD,GAAG,EACH,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC3B,SAAS,GAAG,CAAC,EACb,KAAK,EACL,SAAS,EACT,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACpC,KAAK,GAAG,OAAO,EACf,KAAK,EACL,IAAI,EACJ,GAAG,OAEO,EADP,IAAI,cAzBY,gOA0BnB,CADO;IAEP,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvD,MAAM,IAAI,GAAG,CACZ,KAAC,OAAO,kBACP,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CACd,iDAAiD,EACjD,KAAK,IAAI,SAAS,KAAK,EAAE,EACzB,GAAG,CAAC,IAAI,EACR,SAAS,CACT,oBACe,SAAS,cACf,GAAG,gBACD,KAAK,kBACH,OAAO,eACV,IAAI,YACP,CAAC,kBACK,KAAK,kBACL,OAAO,iBACR,MAAM,eACR,IAAI,mBACA,QAAQ,eACZ,IAAI,mBACA,SAAS,oBACR,EAAE,uBACC,KAAK,oBACR,SAAS,gBACb,KAAK,eACN,IAAI,IACd,CACF,CAAC;IAEF,OAAO,IAAI,CAAC;AACb,CAAC;AAED,SAAS,aAAa,CAAC,QAAsB;IAC5C,IAAI,CAAC,QAAQ;QAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAC;IAErD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAC1D,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO,CAAC,IAAI,CACX,2BAA2B,QAAQ,iFAAiF,CACpH,CAAC;QACF,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC;IAClC,MAAM,KAAK,GAAG,KAAK,KAAK,GAAG,CAAC;IAC5B,MAAM,SAAS,GAAG,IAAkB,CAAC;IACrC,MAAM,IAAI,GAAG,EAAE,KAAK,KAAK,CAAC;IAE1B,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAU,CAAC;AAC1C,CAAC"}
|
package/dist/css/arbor.css
CHANGED
|
@@ -118,14 +118,14 @@
|
|
|
118
118
|
--m-surface-ambient-border: calc(1 * 1px) solid light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))));
|
|
119
119
|
--m-shadow-color: light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))));
|
|
120
120
|
--m-shadow-sm-color: oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
121
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
121
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(0.5 * 8px * 0.25 * pow(2, 0 - 1)) calc(0 * 1px * pow(2, 0 - 1)) oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
122
122
|
--m-shadow-md-color: oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
123
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
124
|
-
--m-shadow: 0px calc(1px * pow(
|
|
123
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(0.5 * 8px * 0.25 * pow(2, 1 - 1)) calc(0 * 1px * pow(2, 1 - 1)) oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
124
|
+
--m-shadow: 0px calc(1px * pow(3, 1)) calc(0.5 * 8px * 0.25 * pow(2, 1 - 1)) calc(0 * 1px * pow(2, 1 - 1)) oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
125
125
|
--m-shadow-lg-color: oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
126
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
126
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(0.5 * 8px * 0.25 * pow(2, 2 - 1)) calc(0 * 1px * pow(2, 2 - 1)) oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
127
127
|
--m-shadow-xl-color: oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
128
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
128
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(0.5 * 8px * 0.25 * pow(2, 3 - 1)) calc(0 * 1px * pow(2, 3 - 1)) oklch(from light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 0.43527528164806206 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 0.43527528164806206 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 0.43527528164806206 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 0.43527528164806206 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1)))) l c h / 0.15);
|
|
129
129
|
--m-color-palette-lemon-_neutral-ink: light-dark(oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.9 + (-1 * 1 * 0.7))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 1 * 0.2)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.75 + (-1 * 1 * 0.2)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))), oklch(calc(clamp(0, calc(clamp(0, calc(calc(0.55 + (-1 * 1 * -0.85))), 1) - pow(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 1 * 0.48)) * 0.5), 0.4), 1.7)), 1)) calc(clamp(0, calc(clamp(0, calc(1 * 0.4 * calc(0.8 + (-1 * 1 * 0.48)) * 0.5), 0.4) * 0.5 * 0.15), 0.4)) calc(calc(86 * 1))));
|
|
130
130
|
--m-color-main-_neutral-ink: var(--m-color-palette-lemon-_neutral-ink);
|
|
131
131
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
@@ -401,13 +401,13 @@
|
|
|
401
401
|
--m-shadow-none-color: transparent;
|
|
402
402
|
--m-shadow-none: 0 0 0 0 transparent;
|
|
403
403
|
--m-shadow-sm-x: 0px;
|
|
404
|
-
--m-shadow-sm-y: calc(1px * pow(
|
|
404
|
+
--m-shadow-sm-y: calc(1px * pow(3, 0));
|
|
405
405
|
--m-shadow-md-x: 0px;
|
|
406
|
-
--m-shadow-md-y: calc(1px * pow(
|
|
406
|
+
--m-shadow-md-y: calc(1px * pow(3, 1));
|
|
407
407
|
--m-shadow-lg-x: 0px;
|
|
408
|
-
--m-shadow-lg-y: calc(1px * pow(
|
|
408
|
+
--m-shadow-lg-y: calc(1px * pow(3, 2));
|
|
409
409
|
--m-shadow-xl-x: 0px;
|
|
410
|
-
--m-shadow-xl-y: calc(1px * pow(
|
|
410
|
+
--m-shadow-xl-y: calc(1px * pow(3, 3));
|
|
411
411
|
--m-user-hue: 0;
|
|
412
412
|
--m-user-saturation: 1;
|
|
413
413
|
container-type: normal;
|
|
@@ -491,14 +491,14 @@
|
|
|
491
491
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
492
492
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
493
493
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
494
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
494
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
495
495
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
496
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
496
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
497
497
|
--m-shadow: var(--m-shadow-md);
|
|
498
498
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
499
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
499
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
500
500
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
501
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
501
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
502
502
|
--m-color-main-_neutral-heavy: var(--m-color-palette-lemon-_neutral-heavy);
|
|
503
503
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
504
504
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -544,14 +544,14 @@
|
|
|
544
544
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
545
545
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
546
546
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
547
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
547
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
548
548
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
549
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
549
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
550
550
|
--m-shadow: var(--m-shadow-md);
|
|
551
551
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
552
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
552
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
553
553
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
554
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
554
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
555
555
|
--m-color-main-_neutral-heavy: var(--m-color-accent-_neutral-heavy);
|
|
556
556
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
557
557
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -597,14 +597,14 @@
|
|
|
597
597
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
598
598
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
599
599
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
600
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
600
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
601
601
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
602
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
602
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
603
603
|
--m-shadow: var(--m-shadow-md);
|
|
604
604
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
605
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
605
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
606
606
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
607
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
607
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
608
608
|
--m-color-main-_neutral-heavy: var(--m-color-palette-success-_neutral-heavy);
|
|
609
609
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
610
610
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -650,14 +650,14 @@
|
|
|
650
650
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
651
651
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
652
652
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
653
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
653
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
654
654
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
655
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
655
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
656
656
|
--m-shadow: var(--m-shadow-md);
|
|
657
657
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
658
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
658
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
659
659
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
660
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
660
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
661
661
|
--m-color-main-_neutral-heavy: var(--m-color-palette-attention-_neutral-heavy);
|
|
662
662
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
663
663
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -720,14 +720,14 @@
|
|
|
720
720
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
721
721
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
722
722
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
723
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
723
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
724
724
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
725
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
725
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
726
726
|
--m-shadow: var(--m-shadow-md);
|
|
727
727
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
728
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
728
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
729
729
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
730
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
730
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
731
731
|
--m-color-main-_neutral-heavy: var(--m-color-palette-user-_neutral-heavy);
|
|
732
732
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
733
733
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -775,14 +775,14 @@
|
|
|
775
775
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
776
776
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
777
777
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
778
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
778
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
779
779
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
780
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
780
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
781
781
|
--m-shadow: var(--m-shadow-md);
|
|
782
782
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
783
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
783
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
784
784
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
785
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
785
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
786
786
|
--m-color-main-_neutral-heavy: var(--m-color-palette-lemon-_neutral-heavy);
|
|
787
787
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
788
788
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -828,14 +828,14 @@
|
|
|
828
828
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
829
829
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
830
830
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
831
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
831
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
832
832
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
833
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
833
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
834
834
|
--m-shadow: var(--m-shadow-md);
|
|
835
835
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
836
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
836
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
837
837
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
838
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
838
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
839
839
|
--m-color-main-_neutral-heavy: var(--m-color-palette-leek-_neutral-heavy);
|
|
840
840
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
841
841
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -895,14 +895,14 @@
|
|
|
895
895
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
896
896
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
897
897
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
898
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
898
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
899
899
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
900
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
900
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
901
901
|
--m-shadow: var(--m-shadow-md);
|
|
902
902
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
903
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
903
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
904
904
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
905
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
905
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
906
906
|
--m-color-main-_neutral-heavy: var(--m-color-palette-tomato-_neutral-heavy);
|
|
907
907
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
908
908
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -948,14 +948,14 @@
|
|
|
948
948
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
949
949
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
950
950
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
951
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
951
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
952
952
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
953
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
953
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
954
954
|
--m-shadow: var(--m-shadow-md);
|
|
955
955
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
956
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
956
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
957
957
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
958
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
958
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
959
959
|
--m-color-main-_neutral-heavy: var(--m-color-palette-blueberry-_neutral-heavy);
|
|
960
960
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
961
961
|
--m-control-fg: var(--m-color-neutral-ink);
|
|
@@ -1001,14 +1001,14 @@
|
|
|
1001
1001
|
--m-surface-ambient-border: var(--m-surface-ambient-borderWidth) var(--m-surface-ambient-borderStyle) var(--m-surface-ambient-borderColor);
|
|
1002
1002
|
--m-shadow-color: var(--m-color-neutral-heavy);
|
|
1003
1003
|
--m-shadow-sm-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1004
|
-
--m-shadow-sm: 0px calc(1px * pow(
|
|
1004
|
+
--m-shadow-sm: 0px calc(1px * pow(3, 0)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 0 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 0 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1005
1005
|
--m-shadow-md-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1006
|
-
--m-shadow-md: 0px calc(1px * pow(
|
|
1006
|
+
--m-shadow-md: 0px calc(1px * pow(3, 1)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 1 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 1 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1007
1007
|
--m-shadow: var(--m-shadow-md);
|
|
1008
1008
|
--m-shadow-lg-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1009
|
-
--m-shadow-lg: 0px calc(1px * pow(
|
|
1009
|
+
--m-shadow-lg: 0px calc(1px * pow(3, 2)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 2 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 2 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1010
1010
|
--m-shadow-xl-color: oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1011
|
-
--m-shadow-xl: 0px calc(1px * pow(
|
|
1011
|
+
--m-shadow-xl: 0px calc(1px * pow(3, 3)) calc(var(--m-global-shadow-blur) * var(--m-global-space-baseSize) * 0.25 * pow(2, 3 - 1)) calc(var(--m-global-shadow-spread) * 1px * pow(2, 3 - 1)) oklch(from var(--m-shadow-color) l c h / 0.15);
|
|
1012
1012
|
--m-color-main-_neutral-heavy: var(--m-color-palette-eggplant-_neutral-heavy);
|
|
1013
1013
|
--m-color-neutral-ink: var(--m-color-main-_neutral-ink);
|
|
1014
1014
|
--m-control-fg: var(--m-color-neutral-ink);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@a-type/ui",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.21",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"repository": {
|
|
6
6
|
"url": "https://github.com/a-type/ui"
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@a-type/utils": "^1.1.9",
|
|
41
|
-
"@arbor-css/core": "^0.0.
|
|
42
|
-
"@arbor-css/postcss": "^0.0.
|
|
41
|
+
"@arbor-css/core": "^0.0.132",
|
|
42
|
+
"@arbor-css/postcss": "^0.0.132",
|
|
43
43
|
"@base-ui/react": "^1.4.1",
|
|
44
44
|
"@use-gesture/react": "^10.3.1",
|
|
45
45
|
"browser-image-resizer": "^2.4.1",
|
package/src/arbor/arbor.ts
CHANGED
|
@@ -40,7 +40,7 @@ export type DefaultColorRangeName = keyof typeof defaultColors.ranges;
|
|
|
40
40
|
|
|
41
41
|
export type ATypeConfig<
|
|
42
42
|
TColors extends DefaultColorRangeName = DefaultColorRangeName,
|
|
43
|
-
> = ArborPresetConfig<TColors
|
|
43
|
+
> = Partial<ArborPresetConfig<TColors>> & {
|
|
44
44
|
mainColor?: TColors;
|
|
45
45
|
roundActions?: boolean;
|
|
46
46
|
roundControls?: boolean;
|
|
@@ -36,7 +36,9 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
|
|
|
36
36
|
overflow?: 'hidden' | 'clip' | 'auto' | 'auto-x' | 'auto-y';
|
|
37
37
|
grow?: boolean;
|
|
38
38
|
elevated?: ShadowValue;
|
|
39
|
+
/** @deprecated - use round */
|
|
39
40
|
rounded?: 'xs' | 'sm' | 'md' | 'lg' | boolean;
|
|
41
|
+
round?: 'xs' | 'sm' | 'md' | 'lg' | boolean;
|
|
40
42
|
ref?: Ref<HTMLDivElement>;
|
|
41
43
|
container?: boolean;
|
|
42
44
|
glass?: boolean;
|
|
@@ -64,6 +66,7 @@ export function Box({
|
|
|
64
66
|
grow,
|
|
65
67
|
elevated,
|
|
66
68
|
rounded = surface ? true : undefined,
|
|
69
|
+
round = rounded,
|
|
67
70
|
glass,
|
|
68
71
|
self,
|
|
69
72
|
ref,
|
|
@@ -90,7 +93,7 @@ export function Box({
|
|
|
90
93
|
data-justify={justify}
|
|
91
94
|
data-wrap={wrap}
|
|
92
95
|
data-p={p}
|
|
93
|
-
data-rounded={
|
|
96
|
+
data-rounded={round}
|
|
94
97
|
data-surface={surface}
|
|
95
98
|
data-border={border}
|
|
96
99
|
data-full={full}
|