@calame/core 0.2.0

package/dist/shorthands/flex.d.ts

@@ -0,0 +1,18 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { FlexInput } from './types';
+type FlexStyle = Pick<CalameStyle, 'flexGrow' | 'flexShrink' | 'flexBasis'>;
+/**
+ * A function that implements CSS spec conformant expansion for "flex".
+ *
+ * @example
+ *   flex('auto')
+ *   flex(1, '2.5rem')
+ *   flex(0, 0, 'auto')
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex
+ *
+ * @deprecated Just use `{ flex: '1 1 0' }` instead as Calame supports CSS shorthands now
+ */
+export declare function flex(...values: FlexInput): FlexStyle;
+export {};
+//# sourceMappingURL=flex.d.ts.map

package/dist/shorthands/flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../src/shorthands/flex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC,CAAC;AAiB5E;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,GAAG,MAAM,EAAE,SAAS,GAAG,SAAS,CAwFpD"}

package/dist/shorthands/flex.js

@@ -0,0 +1,95 @@
+const isUnit = (value) => typeof value === 'string' && /(\d+(\w+|%))/.test(value);
+const isUnitless = (value) => typeof value === 'number' && !Number.isNaN(value);
+const isInitial = (value) => value === 'initial';
+const isAuto = (value) => value === 'auto';
+const isNone = (value) => value === 'none';
+const widthReservedKeys = ['content', 'fit-content', 'max-content', 'min-content'];
+const isWidth = (value) => widthReservedKeys.some(key => value === key) || isUnit(value);
+/**
+ * A function that implements CSS spec conformant expansion for "flex".
+ *
+ * @example
+ *   flex('auto')
+ *   flex(1, '2.5rem')
+ *   flex(0, 0, 'auto')
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex
+ *
+ * @deprecated Just use `{ flex: '1 1 0' }` instead as Calame supports CSS shorthands now
+ */
+export function flex(...values) {
+    const isOneValueSyntax = values.length === 1;
+    const isTwoValueSyntax = values.length === 2;
+    const isThreeValueSyntax = values.length === 3;
+    if (isOneValueSyntax) {
+        const [firstValue] = values;
+        if (isInitial(firstValue)) {
+            return {
+                flexGrow: 0,
+                flexShrink: 1,
+                flexBasis: 'auto',
+            };
+        }
+        if (isAuto(firstValue)) {
+            return {
+                flexGrow: 1,
+                flexShrink: 1,
+                flexBasis: 'auto',
+            };
+        }
+        if (isNone(firstValue)) {
+            return {
+                flexGrow: 0,
+                flexShrink: 0,
+                flexBasis: 'auto',
+            };
+        }
+        if (isUnitless(firstValue)) {
+            return {
+                flexGrow: firstValue,
+                flexShrink: 1,
+                flexBasis: 0,
+            };
+        }
+        if (isWidth(firstValue)) {
+            return {
+                flexGrow: 1,
+                flexShrink: 1,
+                flexBasis: firstValue,
+            };
+        }
+    }
+    if (isTwoValueSyntax) {
+        const [firstValue, secondValue] = values;
+        if (isUnitless(secondValue)) {
+            return {
+                flexGrow: firstValue,
+                flexShrink: secondValue,
+                flexBasis: 0,
+            };
+        }
+        if (isWidth(secondValue)) {
+            return {
+                flexGrow: firstValue,
+                flexShrink: 1,
+                flexBasis: secondValue,
+            };
+        }
+    }
+    if (isThreeValueSyntax) {
+        const [firstValue, secondValue, thirdValue] = values;
+        if (isUnitless(firstValue) && isUnitless(secondValue) && (isAuto(thirdValue) || isWidth(thirdValue))) {
+            return {
+                flexGrow: firstValue,
+                flexShrink: secondValue,
+                flexBasis: thirdValue,
+            };
+        }
+    }
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line no-console
+        console.error(`The value passed to shorthands.flex did not match any flex property specs. The CSS styles were not generated. Please, check the flex documentation.`);
+    }
+    return {};
+}
+//# sourceMappingURL=flex.js.map

package/dist/shorthands/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/shorthands/flex.ts"],"names":[],"mappings":"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"}

package/dist/shorthands/gap.d.ts

@@ -0,0 +1,17 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { GapInput } from './types';
+type GapStyle = Pick<CalameStyle, 'columnGap' | 'rowGap'>;
+/**
+ * A function that implements CSS spec conformant expansion for "gap"
+ *
+ * @example
+ *   gap('10px')
+ *   gap('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap
+ *
+ * @deprecated Just use `{ gap: '10px 5px' }` instead as Calame supports CSS shorthands now
+ */
+export declare function gap(columnGap: GapInput, rowGap?: GapInput): GapStyle;
+export {};
+//# sourceMappingURL=gap.d.ts.map

package/dist/shorthands/gap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["../../src/shorthands/gap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,QAAQ,CAAC,CAAC;AAE1D;;;;;;;;;;GAUG;AACH,wBAAgB,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAE,QAAoB,GAAG,QAAQ,CAK/E"}

package/dist/shorthands/gap.js

@@ -0,0 +1,18 @@
+/**
+ * A function that implements CSS spec conformant expansion for "gap"
+ *
+ * @example
+ *   gap('10px')
+ *   gap('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap
+ *
+ * @deprecated Just use `{ gap: '10px 5px' }` instead as Calame supports CSS shorthands now
+ */
+export function gap(columnGap, rowGap = columnGap) {
+    return {
+        columnGap,
+        rowGap,
+    };
+}
+//# sourceMappingURL=gap.js.map

package/dist/shorthands/gap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap.js","sourceRoot":"","sources":["../../src/shorthands/gap.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,GAAG,CAAC,SAAmB,EAAE,SAAmB,SAAS;IACnE,OAAO;QACL,SAAS;QACT,MAAM;KACP,CAAC;AACJ,CAAC"}

package/dist/shorthands/generateStyles.d.ts

@@ -0,0 +1,5 @@
+import type { CalameStylesCSSValue, ValueOrArray, CalameStyle } from '@calame/style-types';
+type DirectionalProperties = 'border' | 'padding' | 'margin';
+export declare function generateStyles<Styles extends CalameStyle>(property: DirectionalProperties, suffix: '' | 'Color' | 'Style' | 'Width', ...values: ValueOrArray<CalameStylesCSSValue>[]): Styles;
+export {};
+//# sourceMappingURL=generateStyles.d.ts.map

package/dist/shorthands/generateStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateStyles.d.ts","sourceRoot":"","sources":["../../src/shorthands/generateStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE3F,KAAK,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAI7D,wBAAgB,cAAc,CAAC,MAAM,SAAS,WAAW,EACvD,QAAQ,EAAE,qBAAqB,EAC/B,MAAM,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,EACxC,GAAG,MAAM,EAAE,YAAY,CAAC,oBAAoB,CAAC,EAAE,GAC9C,MAAM,CAeR"}

package/dist/shorthands/generateStyles.js

@@ -0,0 +1,14 @@
+const positionMap = ['Top', 'Right', 'Bottom', 'Left'];
+export function generateStyles(property, suffix, ...values) {
+    const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;
+    const valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];
+    const styles = {};
+    for (let i = 0; i < valuesWithDefaults.length; i += 1) {
+        if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {
+            const newKey = (property + positionMap[i] + suffix);
+            styles[newKey] = valuesWithDefaults[i];
+        }
+    }
+    return styles;
+}
+//# sourceMappingURL=generateStyles.js.map

package/dist/shorthands/generateStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateStyles.js","sourceRoot":"","sources":["../../src/shorthands/generateStyles.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAEvD,MAAM,UAAU,cAAc,CAC5B,QAA+B,EAC/B,MAAwC,EACxC,GAAG,MAA4C;IAE/C,MAAM,CAAC,UAAU,EAAE,WAAW,GAAG,UAAU,EAAE,UAAU,GAAG,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,GAAG,MAAM,CAAC;IAC1G,MAAM,kBAAkB,GAAG,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;IAE9E,MAAM,MAAM,GAAW,EAAY,CAAC;IAEpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACtD,IAAI,kBAAkB,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;YACzD,MAAM,MAAM,GAAG,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAiB,CAAC;YAEpE,MAAM,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAoC,CAAC;QAC5E,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/shorthands/gridArea.d.ts

@@ -0,0 +1,14 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { GridAreaInput } from './types';
+type GridAreaStyle = Pick<CalameStyle, 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd'>;
+export declare function isCustomIdent(value: GridAreaInput | undefined): boolean;
+/** @deprecated Use `{ gridArea: '2' }` instead as Calame supports CSS shorthands now */
+export declare function gridArea(all: GridAreaInput): GridAreaStyle;
+/** @deprecated Use `{ gridArea: '2 / 4' }` instead as Calame supports CSS shorthands now */
+export declare function gridArea(rowStart: GridAreaInput, columnStart: GridAreaInput): GridAreaStyle;
+/** @deprecated Use `{ gridArea: '2 / 4 / 4' }` instead as Calame supports CSS shorthands now */
+export declare function gridArea(rowStart: GridAreaInput, columnStart: GridAreaInput, rowEnd: GridAreaInput): GridAreaStyle;
+/** @deprecated Use `{ gridArea: '2 / 4 / 1 / 3' }` instead as Calame supports CSS shorthands now */
+export declare function gridArea(rowStart: GridAreaInput, columnStart: GridAreaInput, rowEnd: GridAreaInput, columnEnd: GridAreaInput): GridAreaStyle;
+export {};
+//# sourceMappingURL=gridArea.d.ts.map

package/dist/shorthands/gridArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridArea.d.ts","sourceRoot":"","sources":["../../src/shorthands/gridArea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,YAAY,GAAG,iBAAiB,GAAG,eAAe,CAAC,CAAC;AAa5G,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,OAAO,CAIvE;AAED,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,aAAa,GAAG,aAAa,CAAC;AAC5D,4FAA4F;AAC5F,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,GAAG,aAAa,CAAC;AAC7F,gGAAgG;AAChG,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,GAAG,aAAa,CAAC;AACpH,oGAAoG;AACpG,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,aAAa,EAC1B,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,aAAa,GACvB,aAAa,CAAC"}

package/dist/shorthands/gridArea.js

@@ -0,0 +1,60 @@
+const cssVarRegEx = /var\(.*\)/gi;
+function isValidGridAreaInput(value) {
+    return value === undefined || typeof value === 'number' || (typeof value === 'string' && !cssVarRegEx.test(value));
+}
+// A custom-ident can be an alpha-numeric string including dash (-), underscore, escaped (\) characters, and escaped unicode
+const customIdentRegEx = /^[a-zA-Z0-9\-_\\#;]+$/;
+const nonCustomIdentRegEx = /^-moz-initial$|^auto$|^initial$|^inherit$|^revert$|^unset$|^span \d+$|^\d.*/;
+// See https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident
+export function isCustomIdent(value) {
+    return (value !== undefined && typeof value === 'string' && customIdentRegEx.test(value) && !nonCustomIdentRegEx.test(value));
+}
+/**
+ * A function that implements CSS spec conformant expansion for "grid-area"
+ *
+ * @example
+ *   gridArea('auto')
+ *   gridArea('first', 'second')
+ *   gridArea(2, 4, 4)
+ *   gridArea(2, 4, 1, 3)
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
+ *
+ * @deprecated Use `{ gridArea: '2 / 4 / 1 / 3' }` instead as Calame supports CSS shorthands now
+ */
+export function gridArea(...values) {
+    // if any value is not valid, then do not apply the CSS.
+    if (values.some(value => !isValidGridAreaInput(value))) {
+        if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.error(`The value passed to shorthands.gridArea() did not match any gridArea property specs. The CSS styles were not generated. Please, check the gridArea documentation.`, [
+                'The value passed to shorthands.gridArea() did not match any gridArea property specs. ',
+                'The CSS styles were not generated.\n',
+                'Please, check the `grid-area` documentation:\n',
+                '- https://developer.mozilla.org/docs/Web/CSS/grid-area',
+                '- https://calame.js.org/react/api/shorthands#shorthandsgridarea',
+            ].join(''));
+        }
+        return {};
+    }
+    const gridRowStart = values[0] !== undefined ? values[0] : 'auto';
+    // When grid-column-start is omitted, if grid-row-start is a <custom-ident>,
+    // all four longhands are set to that value.
+    // Otherwise, it is set to auto.
+    const gridColumnStart = values[1] !== undefined ? values[1] : isCustomIdent(gridRowStart) ? gridRowStart : 'auto';
+    // When grid-row-end is omitted,
+    // if grid-row-start is a <custom-ident>, grid-row-end is set to that <custom-ident>;
+    // otherwise, it is set to auto.
+    const gridRowEnd = values[2] !== undefined ? values[2] : isCustomIdent(gridRowStart) ? gridRowStart : 'auto';
+    // When grid-column-end is omitted,
+    // if grid-column-start is a <custom-ident>, grid-column-end is set to that <custom-ident>;
+    // otherwise, it is set to auto.
+    const gridColumnEnd = values[3] !== undefined ? values[3] : isCustomIdent(gridColumnStart) ? gridColumnStart : 'auto';
+    return {
+        gridRowStart,
+        gridColumnStart,
+        gridRowEnd,
+        gridColumnEnd,
+    };
+}
+//# sourceMappingURL=gridArea.js.map

package/dist/shorthands/gridArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridArea.js","sourceRoot":"","sources":["../../src/shorthands/gridArea.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,SAAS,oBAAoB,CAAC,KAAoB;IAChD,OAAO,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACrH,CAAC;AAED,4HAA4H;AAC5H,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AACjD,MAAM,mBAAmB,GAAG,6EAA6E,CAAC;AAE1G,oEAAoE;AACpE,MAAM,UAAU,aAAa,CAAC,KAAgC;IAC5D,OAAO,CACL,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CACrH,CAAC;AACJ,CAAC;AAgBD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,QAAQ,CAAC,GAAG,MAAuB;IACjD,wDAAwD;IACxD,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;QACvD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC1C,sCAAsC;YACtC,OAAO,CAAC,KAAK,CACX,mKAAmK,EACnK;gBACE,uFAAuF;gBACvF,sCAAsC;gBACtC,gDAAgD;gBAChD,wDAAwD;gBACxD,iEAAiE;aAClE,CAAC,IAAI,CAAC,EAAE,CAAC,CACX,CAAC;QACJ,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAElE,4EAA4E;IAC5E,4CAA4C;IAC5C,gCAAgC;IAChC,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;IAElH,gCAAgC;IAChC,qFAAqF;IACrF,gCAAgC;IAChC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7G,mCAAmC;IACnC,2FAA2F;IAC3F,gCAAgC;IAChC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC;IAEtH,OAAO;QACL,YAAY;QACZ,eAAe;QACf,UAAU;QACV,aAAa;KACd,CAAC;AACJ,CAAC"}

package/dist/shorthands/index.d.ts

@@ -0,0 +1,24 @@
+export { border } from './border';
+export { borderLeft } from './borderLeft';
+export { borderBottom } from './borderBottom';
+export { borderRight } from './borderRight';
+export { borderTop } from './borderTop';
+export { borderColor } from './borderColor';
+export { borderStyle } from './borderStyle';
+export { borderRadius } from './borderRadius';
+export { borderWidth } from './borderWidth';
+export { flex } from './flex';
+export { gap } from './gap';
+export { gridArea } from './gridArea';
+export { margin } from './margin';
+export { marginBlock } from './marginBlock';
+export { marginInline } from './marginInline';
+export { padding } from './padding';
+export { paddingBlock } from './paddingBlock';
+export { paddingInline } from './paddingInline';
+export { overflow } from './overflow';
+export { inset } from './inset';
+export { outline } from './outline';
+export { transition } from './transition';
+export { textDecoration } from './textDecoration';
+//# sourceMappingURL=index.d.ts.map

package/dist/shorthands/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shorthands/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/shorthands/index.js

@@ -0,0 +1,24 @@
+export { border } from './border';
+export { borderLeft } from './borderLeft';
+export { borderBottom } from './borderBottom';
+export { borderRight } from './borderRight';
+export { borderTop } from './borderTop';
+export { borderColor } from './borderColor';
+export { borderStyle } from './borderStyle';
+export { borderRadius } from './borderRadius';
+export { borderWidth } from './borderWidth';
+export { flex } from './flex';
+export { gap } from './gap';
+export { gridArea } from './gridArea';
+export { margin } from './margin';
+export { marginBlock } from './marginBlock';
+export { marginInline } from './marginInline';
+export { padding } from './padding';
+export { paddingBlock } from './paddingBlock';
+export { paddingInline } from './paddingInline';
+export { overflow } from './overflow';
+export { inset } from './inset';
+export { outline } from './outline';
+export { transition } from './transition';
+export { textDecoration } from './textDecoration';
+//# sourceMappingURL=index.js.map

package/dist/shorthands/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/shorthands/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/shorthands/inset.d.ts

@@ -0,0 +1,13 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { InsetInput } from './types';
+type InsetStyle = Pick<CalameStyle, 'top' | 'right' | 'bottom' | 'left'>;
+/** @deprecated Use `{ inset: '10px' }` instead as Calame supports CSS shorthands now */
+export declare function inset(all: InsetInput): InsetStyle;
+/** @deprecated Use `{ inset: '10px 5px' }` instead as Calame supports CSS shorthands now */
+export declare function inset(vertical: InsetInput, horizontal: InsetInput): InsetStyle;
+/** @deprecated Use `{ inset: '10px 5px 8px' }` instead as Calame supports CSS shorthands now */
+export declare function inset(top: InsetInput, horizontal: InsetInput, bottom: InsetInput): InsetStyle;
+/** @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Calame supports CSS shorthands now */
+export declare function inset(top: InsetInput, right: InsetInput, bottom: InsetInput, left: InsetInput): InsetStyle;
+export {};
+//# sourceMappingURL=inset.d.ts.map

package/dist/shorthands/inset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset.d.ts","sourceRoot":"","sources":["../../src/shorthands/inset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC;AAEzE,wFAAwF;AACxF,wBAAgB,KAAK,CAAC,GAAG,EAAE,UAAU,GAAG,UAAU,CAAC;AACnD,4FAA4F;AAC5F,wBAAgB,KAAK,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC;AAChF,gGAAgG;AAChG,wBAAgB,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC;AAC/F,oGAAoG;AACpG,wBAAgB,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC"}

package/dist/shorthands/inset.js

@@ -0,0 +1,23 @@
+/**
+ * A function that implements CSS spec conformant expansion for "inset"
+ *
+ * @example
+ *   inset('10px')
+ *   inset('10px', '5px')
+ *   inset('2px', '4px', '8px')
+ *   inset('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/inset
+ *
+ * @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Calame supports CSS shorthands now
+ */
+export function inset(...values) {
+    const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;
+    return {
+        top: firstValue,
+        right: secondValue,
+        bottom: thirdValue,
+        left: fourthValue,
+    };
+}
+//# sourceMappingURL=inset.js.map

package/dist/shorthands/inset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset.js","sourceRoot":"","sources":["../../src/shorthands/inset.ts"],"names":[],"mappings":"AAcA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,KAAK,CAAC,GAAG,MAAoB;IAC3C,MAAM,CAAC,UAAU,EAAE,WAAW,GAAG,UAAU,EAAE,UAAU,GAAG,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,GAAG,MAAM,CAAC;IAC1G,OAAO;QACL,GAAG,EAAE,UAAU;QACf,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,WAAW;KAClB,CAAC;AACJ,CAAC"}

package/dist/shorthands/margin.d.ts

@@ -0,0 +1,13 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { MarginInput } from './types';
+type MarginStyle = Pick<CalameStyle, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;
+/** @deprecated Use `{ margin: '10px 5px 8px 4px' }` instead as Calame supports CSS shorthands now */
+export declare function margin(all: MarginInput): MarginStyle;
+/** @deprecated Use `{ margin: '10px 5px' }` instead as Calame supports CSS shorthands now */
+export declare function margin(vertical: MarginInput, horizontal: MarginInput): MarginStyle;
+/** @deprecated Use `{ margin: '10px 5px 8px' }` instead as Calame supports CSS shorthands now */
+export declare function margin(top: MarginInput, horizontal: MarginInput, bottom: MarginInput): MarginStyle;
+/** @deprecated Use `{ margin: '10px 5px 8px 4px' }` instead as Calame supports CSS shorthands now */
+export declare function margin(top: MarginInput, right: MarginInput, bottom: MarginInput, left: MarginInput): MarginStyle;
+export {};
+//# sourceMappingURL=margin.d.ts.map

package/dist/shorthands/margin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.d.ts","sourceRoot":"","sources":["../../src/shorthands/margin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,KAAK,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC,CAAC;AAElG,qGAAqG;AACrG,wBAAgB,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,WAAW,CAAC;AACtD,6FAA6F;AAC7F,wBAAgB,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC;AACpF,iGAAiG;AACjG,wBAAgB,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,GAAG,WAAW,CAAC;AACpG,qGAAqG;AACrG,wBAAgB,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,GAAG,WAAW,CAAC"}

package/dist/shorthands/margin.js

@@ -0,0 +1,18 @@
+import { generateStyles } from './generateStyles';
+/**
+ * A function that implements CSS spec conformant expansion for "margin"
+ *
+ * @example
+ *   margin('10px')
+ *   margin('10px', '5px')
+ *   margin('2px', '4px', '8px')
+ *   margin('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+ *
+ * @deprecated Just use `{ margin: '10px 5px 8px 4px' }` instead as Calame supports CSS shorthands now
+ */
+export function margin(...values) {
+    return generateStyles('margin', '', ...values);
+}
+//# sourceMappingURL=margin.js.map

package/dist/shorthands/margin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.js","sourceRoot":"","sources":["../../src/shorthands/margin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,MAAM,CAAC,GAAG,MAAqB;IAC7C,OAAO,cAAc,CAAc,QAAQ,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC;AAC9D,CAAC"}

package/dist/shorthands/marginBlock.d.ts

@@ -0,0 +1,17 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { MarginBlockInput } from './types';
+type MarginBlockStyle = Pick<CalameStyle, 'marginBlockStart' | 'marginBlockEnd'>;
+/**
+ * A function that implements CSS spec conformant expansion for "margin-block"
+ *
+ * @example
+ *   marginBlock('10px')
+ *   marginBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block
+ *
+ * @deprecated Just use `{ marginBlock: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export declare function marginBlock(start: MarginBlockInput, end?: MarginBlockInput): MarginBlockStyle;
+export {};
+//# sourceMappingURL=marginBlock.d.ts.map

package/dist/shorthands/marginBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginBlock.d.ts","sourceRoot":"","sources":["../../src/shorthands/marginBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,CAAC;AAEjF;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,GAAE,gBAAwB,GAAG,gBAAgB,CAKpG"}

package/dist/shorthands/marginBlock.js

@@ -0,0 +1,18 @@
+/**
+ * A function that implements CSS spec conformant expansion for "margin-block"
+ *
+ * @example
+ *   marginBlock('10px')
+ *   marginBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block
+ *
+ * @deprecated Just use `{ marginBlock: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export function marginBlock(start, end = start) {
+    return {
+        marginBlockStart: start,
+        marginBlockEnd: end,
+    };
+}
+//# sourceMappingURL=marginBlock.js.map

package/dist/shorthands/marginBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginBlock.js","sourceRoot":"","sources":["../../src/shorthands/marginBlock.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB,EAAE,MAAwB,KAAK;IAChF,OAAO;QACL,gBAAgB,EAAE,KAAK;QACvB,cAAc,EAAE,GAAG;KACpB,CAAC;AACJ,CAAC"}

package/dist/shorthands/marginInline.d.ts

@@ -0,0 +1,17 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { MarginInlineInput } from './types';
+type MarginInlineStyle = Pick<CalameStyle, 'marginInlineStart' | 'marginInlineEnd'>;
+/**
+ * A function that implements CSS spec conformant expansion for "margin-inline"
+ *
+ * @example
+ *   marginInline('10px')
+ *   marginInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
+ *
+ * @deprecated Just use `{ marginInline: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export declare function marginInline(start: MarginInlineInput, end?: MarginInlineInput): MarginInlineStyle;
+export {};
+//# sourceMappingURL=marginInline.d.ts.map

package/dist/shorthands/marginInline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginInline.d.ts","sourceRoot":"","sources":["../../src/shorthands/marginInline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,mBAAmB,GAAG,iBAAiB,CAAC,CAAC;AAEpF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,GAAE,iBAAyB,GAAG,iBAAiB,CAKxG"}

package/dist/shorthands/marginInline.js

@@ -0,0 +1,18 @@
+/**
+ * A function that implements CSS spec conformant expansion for "margin-inline"
+ *
+ * @example
+ *   marginInline('10px')
+ *   marginInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
+ *
+ * @deprecated Just use `{ marginInline: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export function marginInline(start, end = start) {
+    return {
+        marginInlineStart: start,
+        marginInlineEnd: end,
+    };
+}
+//# sourceMappingURL=marginInline.js.map

package/dist/shorthands/marginInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginInline.js","sourceRoot":"","sources":["../../src/shorthands/marginInline.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB,EAAE,MAAyB,KAAK;IACnF,OAAO;QACL,iBAAiB,EAAE,KAAK;QACxB,eAAe,EAAE,GAAG;KACrB,CAAC;AACJ,CAAC"}

package/dist/shorthands/outline.d.ts

@@ -0,0 +1,11 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { OutlineColorInput, OutlineStyleInput, OutlineWidthInput } from './types';
+type OutlineStyle = Pick<CalameStyle, 'outlineColor' | 'outlineStyle' | 'outlineWidth'>;
+/** @deprecated Use `{ outline: '2px' }` instead as Calame supports CSS shorthands now */
+export declare function outline(width: OutlineWidthInput): OutlineStyle;
+/** @deprecated Use `{ outline: '2px solid' }` instead as Calame supports CSS shorthands now */
+export declare function outline(width: OutlineWidthInput, style: OutlineStyleInput): OutlineStyle;
+/** @deprecated Use `{ outline: '2px solid red' }` instead as Calame supports CSS shorthands now */
+export declare function outline(width: OutlineWidthInput, style: OutlineStyleInput, color: OutlineColorInput): OutlineStyle;
+export {};
+//# sourceMappingURL=outline.d.ts.map

package/dist/shorthands/outline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../src/shorthands/outline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEvF,KAAK,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC,CAAC;AAExF,yFAAyF;AACzF,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAAC;AAChE,+FAA+F;AAC/F,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAAC;AAC1F,mGAAmG;AACnG,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAAC"}

package/dist/shorthands/outline.js

@@ -0,0 +1,20 @@
+/**
+ * A function that implements expansion for "outline", it's simplified - check usage examples.
+ *
+ * @example
+ *  outline('2px')
+ *  outline('2px', 'solid')
+ *  outline('2px', 'solid', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/outline
+ *
+ * @deprecated Just use `{ outline: '2px solid red' }` instead as Calame supports CSS shorthands now
+ */
+export function outline(outlineWidth, outlineStyle, outlineColor) {
+    return {
+        outlineWidth,
+        ...(outlineStyle && { outlineStyle }),
+        ...(outlineColor && { outlineColor }),
+    };
+}
+//# sourceMappingURL=outline.js.map

package/dist/shorthands/outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.js","sourceRoot":"","sources":["../../src/shorthands/outline.ts"],"names":[],"mappings":"AAYA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,OAAO,CACrB,YAA+B,EAC/B,YAAgC,EAChC,YAAgC;IAEhC,OAAO;QACL,YAAY;QACZ,GAAG,CAAC,YAAY,IAAI,EAAE,YAAY,EAAE,CAAC;QACrC,GAAG,CAAC,YAAY,IAAI,EAAE,YAAY,EAAE,CAAC;KACtC,CAAC;AACJ,CAAC"}

package/dist/shorthands/overflow.d.ts

@@ -0,0 +1,17 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { OverflowInput } from './types';
+type OverflowStyle = Pick<CalameStyle, 'overflowX' | 'overflowY'>;
+/**
+ * A function that implements CSS spec conformant expansion for "overflow"
+ *
+ * @example
+ *   overflow('hidden')
+ *   overflow('hidden', 'scroll')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
+ *
+ * @deprecated Just use `{ overflow: 'hidden scroll' }` instead as Calame supports CSS shorthands now
+ */
+export declare function overflow(overflowX: OverflowInput, overflowY?: OverflowInput): OverflowStyle;
+export {};
+//# sourceMappingURL=overflow.d.ts.map

package/dist/shorthands/overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow.d.ts","sourceRoot":"","sources":["../../src/shorthands/overflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAAC,CAAC;AAElE;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,GAAE,aAAyB,GAAG,aAAa,CAKtG"}

package/dist/shorthands/overflow.js

@@ -0,0 +1,18 @@
+/**
+ * A function that implements CSS spec conformant expansion for "overflow"
+ *
+ * @example
+ *   overflow('hidden')
+ *   overflow('hidden', 'scroll')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
+ *
+ * @deprecated Just use `{ overflow: 'hidden scroll' }` instead as Calame supports CSS shorthands now
+ */
+export function overflow(overflowX, overflowY = overflowX) {
+    return {
+        overflowX,
+        overflowY,
+    };
+}
+//# sourceMappingURL=overflow.js.map

package/dist/shorthands/overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow.js","sourceRoot":"","sources":["../../src/shorthands/overflow.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,QAAQ,CAAC,SAAwB,EAAE,YAA2B,SAAS;IACrF,OAAO;QACL,SAAS;QACT,SAAS;KACO,CAAC;AACrB,CAAC"}