@universal-labs/preset-tailwind/build/tailwind-rules/behaviors.js

Tailwindcss StyleSheet generator for react native/web

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.appearanceRules = exports.outlineRules = void 0;
const native_twin_1 = require("@universal-labs/native-twin");
exports.outlineRules = [
    // matchThemeValue('outline-width-', 'lineWidth', 'outlineWidth'),
    // matchThemeColor('outline-', 'outlineColor'),
    // matchThemeValue('outline-offset-', 'lineWidth', 'outlineOffset'),
    // matchThemeValue('outline-', '', 'outlineStyle', {
    //   customValues: Object.fromEntries(outlineStyles),
    // }),
    (0, native_twin_1.matchCssObject)('outline-none', (match, ctx, rule) => {
        return {
            className: (0, native_twin_1.parsedRuleToClassName)(rule),
            declarations: [
                {
                    prop: 'outline',
                    value: '2px solid transparent',
                },
                {
                    prop: 'outlineOffset',
                    value: '2px',
                },
            ],
            selectors: [],
            conditions: rule.v,
            important: rule.i,
            precedence: rule.p,
        };
    }),
];
exports.appearanceRules = [
    (0, native_twin_1.matchCssObject)('appearance-none', (match, ctx, rule) => ({
        className: (0, native_twin_1.parsedRuleToClassName)(rule),
        declarations: [
            {
                prop: 'appearance',
                value: 'none',
            },
        ],
        conditions: rule.v,
        selectors: [],
        important: rule.i,
        precedence: rule.p,
    })),
];
//# sourceMappingURL=behaviors.js.map