@codeleap/styles 7.0.0 → 7.0.1

package/dist/variants/defaultVariants.js

@@ -0,0 +1,137 @@
+/**
+ * Static built-in style variants available to every component without any registration.
+ * These are merged as the lowest-priority layer in `commonVariants`, so app-defined
+ * variants and dynamic variants can override them.
+ *
+ * Notable entries:
+ * - `grow` — sets `flex: 1` (not `display: flex`; use `row`/`column` for flex containers).
+ * - `inset` — shorthand for `{ top:0, bottom:0, left:0, right:0 }` (useful with `absolute`).
+ * - `insetX` / `insetY` — pin to horizontal or vertical edges only.
+ * - `centerChildren` — centers children via `alignItems`/`justifyContent`; requires a flex container.
+ * - `'visibility:hidden'` / `'display:none'` — use quoted keys in style arrays.
+ */
+export const defaultVariants = {
+    block: {
+        display: 'block',
+    },
+    grow: {
+        flex: 1,
+    },
+    absolute: {
+        position: 'absolute',
+    },
+    relative: {
+        position: 'relative',
+    },
+    fixed: {
+        position: 'fixed',
+    },
+    sticky: {
+        position: 'sticky',
+    },
+    insetX: {
+        left: 0,
+        right: 0,
+    },
+    insetY: {
+        top: 0,
+        bottom: 0,
+    },
+    full: {
+        width: '100%',
+        height: '100%',
+    },
+    noWrap: {
+        whiteSpace: 'nowrap',
+    },
+    fullWidth: {
+        width: '100%',
+    },
+    fullHeight: {
+        height: '100%',
+    },
+    inset: {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+    },
+    centerRow: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    row: {
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    column: {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    centerChildren: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    alignStart: {
+        alignItems: 'flex-start',
+    },
+    alignEnd: {
+        alignItems: 'flex-end',
+    },
+    alignCenter: {
+        alignItems: 'center',
+    },
+    alignStretch: {
+        alignItems: 'stretch',
+    },
+    alignSelfCenter: {
+        alignSelf: 'center',
+    },
+    alignSelfStart: {
+        alignSelf: 'flex-start',
+    },
+    alignSelfStretch: {
+        alignSelf: 'stretch',
+    },
+    alignSelfEnd: {
+        alignSelf: 'flex-end',
+    },
+    justifyStart: {
+        justifyContent: 'flex-start',
+    },
+    justifyEnd: {
+        justifyContent: 'flex-end',
+    },
+    justifyCenter: {
+        justifyContent: 'center',
+    },
+    justifySpaceBetween: {
+        justifyContent: 'space-between',
+    },
+    justifySpaceAround: {
+        justifyContent: 'space-around',
+    },
+    textRight: {
+        textAlign: 'right',
+    },
+    textLeft: {
+        textAlign: 'left',
+    },
+    textCenter: {
+        textAlign: 'center',
+    },
+    flexWrap: {
+        flexWrap: 'wrap',
+    },
+    'visibility:hidden': {
+        visibility: 'hidden'
+    },
+    'visibility:visible': {
+        visibility: 'visible'
+    },
+    'display:none': {
+        display: 'none'
+    }
+};
+//# sourceMappingURL=defaultVariants.js.map

package/dist/variants/defaultVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultVariants.js","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE;QACL,OAAO,EAAE,OAAO;KACjB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;IACD,MAAM,EAAE;QACN,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;KACV;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;KACrB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,cAAc,EAAE;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,YAAY;KACzB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,UAAU;KACvB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,SAAS;KACtB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,YAAY;KACxB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,UAAU;KACtB;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,YAAY;KAC7B;IACD,UAAU,EAAE;QACV,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,cAAc,EAAE,QAAQ;KACzB;IACD,mBAAmB,EAAE;QACnB,cAAc,EAAE,eAAe;KAChC;IACD,kBAAkB,EAAE;QAClB,cAAc,EAAE,cAAc;KAC/B;IACD,SAAS,EAAE;QACT,SAAS,EAAE,OAAO;KACnB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,MAAM;KAClB;IACD,UAAU,EAAE;QACV,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM;KACjB;IACD,mBAAmB,EAAE;QACnB,UAAU,EAAE,QAAQ;KACrB;IACD,oBAAoB,EAAE;QACpB,UAAU,EAAE,SAAS;KACtB;IACD,cAAc,EAAE;QACd,OAAO,EAAC,MAAM;KACf;CACO,CAAA"}

package/dist/variants/dynamicVariants.js

@@ -0,0 +1,89 @@
+import { capitalize } from '../utils';
+/** CSS properties that accept a color token: `backgroundColor` and `color`. */
+export const colorVariants = ['backgroundColor', 'color'];
+/** Horizontal border directions used when generating per-corner radius variants. */
+export const borderXDirection = ['left', 'right'];
+/** Vertical border directions used when generating per-corner radius variants. */
+export const borderYDirection = ['bottom', 'top'];
+/** All four border directions plus the un-suffixed (all-sides) form. */
+export const borderDirection = [...borderYDirection, ...borderXDirection, ''];
+/** Border sub-properties generated for each direction. */
+export const borderProperties = ['color', 'radius', 'width'];
+/** CSS cursor values surfaced as `cursor:<value>` style variants. */
+export const cursorTypes = [
+    'not-allowed',
+    'help',
+    'pointer',
+    'wait',
+    '',
+];
+/**
+ * Builds the dynamic variant registry object at module initialisation time.
+ * Each entry is a function `(theme, value) => ICSS` keyed by the variant name
+ * (the part before `:` in the variant string). The registry is consumed by
+ * `CodeleapStyleRegistry.computeCommonVariantStyle`.
+ */
+export const createDynamicVariants = () => {
+    const dynamicVariants = {};
+    function createVariant(variantName, variantReturn) {
+        dynamicVariants[variantName] = variantReturn;
+    }
+    colorVariants.forEach(variant => {
+        createVariant(variant, (theme, color) => ({
+            [variant]: theme.colors[color],
+        }));
+    });
+    borderDirection.forEach(direction => {
+        if (borderYDirection.includes(direction)) {
+            borderXDirection.forEach(y => {
+                const variant = `border${capitalize(direction)}${capitalize(y)}Radius`;
+                createVariant(variant, (theme, value) => ({
+                    [variant]: theme.radius[value],
+                }));
+            });
+        }
+        borderProperties.forEach(property => {
+            const variant = `border${capitalize(direction)}${capitalize(property)}`;
+            createVariant(variant, (theme, value) => ({
+                [variant]: property == 'color' ? theme.colors[value] : theme.radius[value],
+            }));
+        });
+    });
+    borderXDirection.forEach(x => {
+        const variant = `border${capitalize(x)}Radius`;
+        createVariant(variant, (theme, value) => ({
+            [variant]: theme.radius[value],
+        }));
+    });
+    borderYDirection.forEach(y => {
+        const variant = `border${capitalize(y)}Radius`;
+        createVariant(variant, (theme, value) => ({
+            [variant]: theme.radius[value],
+        }));
+    });
+    createVariant('cursor', (theme, cursor) => ({ cursor }));
+    createVariant('bg', (theme, color) => ({
+        backgroundColor: theme.colors[color],
+    }));
+    createVariant('effect', (theme, effect) => theme.effects[effect]);
+    createVariant('scale', (theme, value) => ({
+        transform: theme.isBrowser ? `scale(${value})` : [{ 'scale': Number(value) }],
+    }));
+    createVariant('br', (theme, value) => ({
+        borderRadius: theme.radius[value],
+    }));
+    createVariant('borderRadius', (theme, value) => ({
+        borderRadius: theme.radius[value],
+    }));
+    createVariant('size', (theme, value) => ({
+        height: theme.size[value],
+        width: theme.size[value],
+    }));
+    return dynamicVariants;
+};
+/**
+ * Pre-built dynamic variant registry used by the `CodeleapStyleRegistry`.
+ * Created once at module load; re-creation would lose the closed-over variant map.
+ */
+export const dynamicVariants = createDynamicVariants();
+//# sourceMappingURL=dynamicVariants.js.map

package/dist/variants/dynamicVariants.js.map

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

package/dist/variants/index.js

@@ -0,0 +1,7 @@
+export * from './borderCreator';
+export * from './createAppVariants';
+export * from './defaultVariants';
+export * from './dynamicVariants';
+export * from './mediaQuery';
+export * from './spacing';
+//# sourceMappingURL=index.js.map

package/dist/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/variants/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA"}

package/dist/variants/mediaQuery.js

@@ -0,0 +1,56 @@
+function getBreakpointValue(breakpoint, breakpoints) {
+    if (breakpoints[breakpoint]) {
+        return breakpoints[breakpoint];
+    }
+    return Infinity;
+}
+/**
+ * Produces a `MediaQueries` object bound to the provided `breakpoints` map.
+ * Unknown breakpoints (not in the map) fall back to `Infinity`, making `up(unknown)`
+ * match all widths and `down(unknown)` match none.
+ */
+export function createMediaQueries(breakpoints) {
+    function getBreakpoint(breakpoint) {
+        return getBreakpointValue(breakpoint, breakpoints);
+    }
+    const queries = {
+        up: (breakpoint) => {
+            // Upwards of... (excluding)
+            const min = getBreakpoint(breakpoint);
+            return `@media screen and (min-width:${min}px)`;
+        },
+        down: (breakpoint) => {
+            // Downwards of... (excluding)
+            const max = getBreakpoint(breakpoint);
+            return `@media screen and (max-width:${max}px)`;
+        },
+        is: (breakpoint) => {
+            // Is media... (exact)
+            const value = getBreakpoint(breakpoint);
+            return `@media screen and (min-width:${value}px) and (max-width:${value}px)`;
+        },
+        not: (breakpoint) => {
+            // Is NOT media... (exact)
+            const value = getBreakpoint(breakpoint);
+            return `@media not screen and (min-width:${value}px) and (max-width:${value}px)`;
+        },
+    };
+    const renderToPlatformQuery = (props) => {
+        let query = '';
+        if (props === null || props === void 0 ? void 0 : props.is) {
+            query = queries.not(props.is);
+        }
+        else if (props === null || props === void 0 ? void 0 : props.not) {
+            query = queries.is(props.not);
+        }
+        else if (props === null || props === void 0 ? void 0 : props.up) {
+            query = queries.down(props.up);
+        }
+        else if (props === null || props === void 0 ? void 0 : props.down) {
+            query = queries.up(props.down);
+        }
+        return query;
+    };
+    return Object.assign(Object.assign({}, queries), { renderToPlatformQuery });
+}
+//# sourceMappingURL=mediaQuery.js.map

package/dist/variants/mediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQuery.js","sourceRoot":"","sources":["../../src/variants/mediaQuery.ts"],"names":[],"mappings":"AA0BA,SAAS,kBAAkB,CAAC,UAAe,EAAE,WAAgB;IAC3D,IAAI,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC;QAC5B,OAAO,WAAW,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAgB,WAAc;IAC9D,SAAS,aAAa,CAAC,UAAe;QACpC,OAAO,kBAAkB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IACpD,CAAC;IAED,MAAM,OAAO,GAAY;QACvB,EAAE,EAAE,CAAC,UAAe,EAAE,EAAE;YACtB,4BAA4B;YAC5B,MAAM,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACrC,OAAO,gCAAgC,GAAG,KAAK,CAAA;QACjD,CAAC;QACD,IAAI,EAAE,CAAC,UAAe,EAAE,EAAE;YACxB,8BAA8B;YAC9B,MAAM,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACrC,OAAO,gCAAgC,GAAG,KAAK,CAAA;QACjD,CAAC;QACD,EAAE,EAAE,CAAC,UAAe,EAAE,EAAE;YACtB,sBAAsB;YACtB,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACvC,OAAO,gCAAgC,KAAK,sBAAsB,KAAK,KAAK,CAAA;QAC9E,CAAC;QACD,GAAG,EAAE,CAAC,UAAe,EAAE,EAAE;YACvB,0BAA0B;YAC1B,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACvC,OAAO,oCAAoC,KAAK,sBAAsB,KAAK,KAAK,CAAA;QAClF,CAAC;KACF,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;QAClE,IAAI,KAAK,GAAG,EAAE,CAAA;QAEd,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,CAAC;YACd,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAW,CAAC,CAAA;QACxC,CAAC;aAAM,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,EAAE,CAAC;YACtB,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,GAAY,CAAC,CAAA;QACxC,CAAC;aAAM,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,CAAC;YACrB,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAW,CAAC,CAAA;QACzC,CAAC;aAAM,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,CAAC;YACvB,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,IAAa,CAAC,CAAA;QACzC,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,uCACK,OAAO,KACV,qBAAqB,IACtB;AACH,CAAC"}

package/dist/variants/spacing.js

@@ -0,0 +1,81 @@
+import { spacingVariants, spacingShortVariants } from '../types/spacing';
+const shortMapValues = {
+    'x': 'Horizontal',
+    'y': 'Vertical',
+    'l': 'Left',
+    'r': 'Right',
+    't': 'Top',
+    'b': 'Bottom',
+    'm': 'margin',
+    'p': 'padding'
+};
+const shortPositionMap = {
+    'x': 'Horizontal',
+    'y': 'Vertical',
+    'l': 'Left',
+    'r': 'Right',
+    't': 'Top',
+    'b': 'Bottom'
+};
+/**
+ * Builds a spacing variant map for a CSS property (`'padding'`, `'margin'`, `'p'`, `'m'`).
+ * Each key in the returned object is a callable that multiplies its argument by `base`.
+ * Passing `isShort = true` uses single-letter direction suffixes and maps them to their
+ * long-form equivalents before producing the CSS property name.
+ * The `'Horizontal'` and `'Vertical'` (or `'x'`/`'y'`) directions expand to two
+ * properties each; the empty-string direction produces all four sides at once.
+ */
+export function spacingFactory(base, spacingProperty, isShort = false) {
+    const baseProperty = isShort ? shortMapValues[spacingProperty] : spacingProperty;
+    const positions = isShort ? spacingShortVariants : spacingVariants;
+    const spacings = {
+        [`${spacingProperty}`]: (n) => {
+            if (n === 'auto') {
+                return { [baseProperty]: 'auto' };
+            }
+            return { [baseProperty]: base * Number(n) };
+        },
+    };
+    for (const _position of positions) {
+        const position = isShort
+            ? shortPositionMap[_position] || _position
+            : _position;
+        const key = `${spacingProperty}${_position}`;
+        let getter = null;
+        switch (position) {
+            case 'Horizontal':
+                getter = (value) => ({
+                    [`${baseProperty}Left`]: value,
+                    [`${baseProperty}Right`]: value,
+                });
+                break;
+            case 'Vertical':
+                getter = (value) => ({
+                    [`${baseProperty}Top`]: value,
+                    [`${baseProperty}Bottom`]: value,
+                });
+                break;
+            case '':
+                getter = (value) => ({
+                    [`${baseProperty}Top`]: value,
+                    [`${baseProperty}Right`]: value,
+                    [`${baseProperty}Bottom`]: value,
+                    [`${baseProperty}Left`]: value,
+                });
+                break;
+            default:
+                getter = (value) => ({
+                    [`${baseProperty}${position}`]: value,
+                });
+                break;
+        }
+        spacings[key] = (n) => {
+            if (n === 'auto')
+                return getter('auto');
+            const value = base * Number(n);
+            return getter(value);
+        };
+    }
+    return spacings;
+}
+//# sourceMappingURL=spacing.js.map

package/dist/variants/spacing.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codeleap/styles",
-  "version": "7.0.0",
-  "main": "src/index.ts",
+  "version": "7.0.1",
+  "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -22,7 +22,7 @@
     "directory": "packages/styles"
   },
   "devDependencies": {
-    "@codeleap/config": "7.0.0",
+    "@codeleap/config": "7.0.1",
     "ts-node-dev": "^1.1.8"
   },
   "scripts": {