refactor: move layered helper out of layers.css.ts
1234456789176 unmodified linesExpand allimport { style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { recipe } from '#/styles/recipe';import { fontSize, iconSize, space, zIndex } from '#/styles/tokens.css';
export const trigger = style(176 unmodified linesExpand all1234456789103 unmodified linesExpand allimport { style, styleVariants } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { fontSize, iconSize, space, zIndex } from '#/styles/tokens.css';
export const root = style( layered(components, {103 unmodified linesExpand all123445678971 unmodified linesimport { createVar, fallbackVar, style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { fontSize } from '#/styles/tokens.css';
const borderWidth = 1;const lineHeight = 1.2;71 unmodified lines123445678992 unmodified linesimport { createVar, style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { mediaBorder, mediaOverlay } from '#/styles/media-border.css';
export const sizeVar = createVar();export const radiusVar = createVar();92 unmodified lines11234567import { type StyleRule, layer } from '@vanilla-extract/css';import { layer } from '@vanilla-extract/css';
export const reset = layer();
export const components = layer();
export const layered = (name: string, rule: StyleRule): StyleRule => ({ '@layer': { [name]: rule } });12345678910import type { StyleRule } from '@vanilla-extract/css';
/** * wraps a style rule in a cascade layer. * * @param name layer name * @param rule style rule * @returns the layered rule */export const layered = (name: string, rule: StyleRule): StyleRule => ({ '@layer': { [name]: rule } });1234456789254 unmodified linesExpand allimport { style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { recipe } from '#/styles/recipe';import { iconSize, space, zIndex } from '#/styles/tokens.css';
export const portal = style(254 unmodified linesExpand all123445678971 unmodified linesimport { style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { borderRadius, space } from '#/styles/tokens.css';
export const toolbar = style({ display: 'flex',71 unmodified lines1234456789107 unmodified linesExpand allimport { style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { recipe } from '#/styles/recipe';import { zIndex } from '#/styles/tokens.css';
export const portal = style(107 unmodified linesExpand all1234456789155 unmodified linesExpand allimport { createVar, style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { space, zIndex } from '#/styles/tokens.css';
const swipeEase = 'cubic-bezier(0.32, 0.72, 0, 1)';
155 unmodified linesExpand all123445678965 unmodified linesimport { style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { iconSize } from '#/styles/tokens.css';
const focusRing = { outline: `2px solid ${vars.palette.primary_500}`,65 unmodified lines1234456789246 unmodified linesExpand allimport { style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { recipe } from '#/styles/recipe';import { roundToPx } from '#/styles/round';import { fontSize, iconSize } from '#/styles/tokens.css';
246 unmodified linesExpand all12345567891049 unmodified linesimport { style } from '@vanilla-extract/css';
import { colors } from '#/styles/colors';import { vars } from '#/styles/contract.css';import { layered } from '#/styles/layers';import { components, layered } from '#/styles/layers.css';import { components } from '#/styles/layers.css';import { recipe } from '#/styles/recipe';import { space, zIndex } from '#/styles/tokens.css';
export const dropScrim = recipe(49 unmodified lines