fix(deps): update dependency @vanilla-extract/css to v1.17.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@vanilla-extract/css (source)	1.14.2 -> 1.17.0

---

Release Notes

vanilla-extract-css/vanilla-extract (@​vanilla-extract/css)

v1.17.0

Compare Source

Minor Changes

• #​1092 fd673f6 Thanks @​z4o4z! - keyframes: Add support for a vars property to steps within keyframes declarations

  Example usage:

  import {
    createVar,
    keyframes
  } from '@​vanilla-extract/css';
  
  const angle = createVar({
    syntax: '<angle>',
    inherits: false,
    initialValue: '0deg'
  });
  
  export const angleKeyframes = keyframes({
    '0%': {
      vars: {
        [angle]: '0deg'
      }
    },
    '100%': {
      vars: {
        [angle]: '360deg'
      }
    }
  });

• #​1512 4abfc0b Thanks @​askoufis! - createTheme, createGlobalTheme: Add support for assigning themes to a layer

  Themes can now be assigned to a layer by name using the @layer key at the top-level of the theme definition.

  EXAMPLE USAGE:

  // themes.css.ts
  import {
    createTheme,
    createGlobalTheme,
    layer
  } from '@​vanilla-extract/css';
  
  export const themeLayer = layer();
  
  export const [themeA, vars] = createTheme({
    '@​layer': themeLayer,
    color: {
      brand: 'blue'
    },
    font: {
      body: 'arial'
    }
  });
  
  export const vars2 = createGlobalTheme(':root', {
    '@​layer': themeLayer,
    space: {
      small: '10px',
      large: '20px'
    }
  });

  This will generate the following CSS:

  @​layer themes_themeLayer__1k6oxph0;
  @​layer themes_themeLayer__1k6oxph0 {
    .themes_themeA__1k6oxph1 {
      --color-brand__1k6oxph2: blue;
      --font-body__1k6oxph3: arial;
    }
  
    :root {
      --space-small__z05zdf1: 10px;
      --space-large__z05zdf2: 20px;
    }
  }

• #​1092 fd673f6 Thanks @​z4o4z! - createVar: Add support for defining [@property][@​property] rules

  Example usage:

  import { createVar } from '@​vanilla-extract/css';
  
  export const myVar = createVar({
    syntax: '<number>',
    inherits: false,
    initialValue: '0.5'
  });

  This will generate the following CSS:

  @​property --myVar__jteyb14 {
    syntax: '<number>';
    inherits: false;
    initial-value: 0.5;
  }

v1.16.1

Compare Source

Patch Changes

• #​1505 103ce57 Thanks @​askoufis! - Fixes a bug that caused invalid selectors to be generated when adjacent classnames contained a substring equal to another local classname

v1.16.0

Compare Source

Minor Changes

• #​1475 cd9d8b2 Thanks @​corradopetrelli! - Add ::-webkit-calendar-picker-indicator as a valid pseudo-element

• #​1450 7b256d2 Thanks @​wuz! - Add createViewTransition API

  createViewTransition creates a single scoped view transition name for use with CSS View Transitions. This avoids potential naming collisions with other view transitions.

  import {
    style,
    createViewTransition
  } from '@​vanilla-extract/css';
  
  export const titleViewTransition = createViewTransition();
  
  export const pageTitle = style({
    viewTransitionName: titleViewTransition
  });

v1.15.5

Compare Source

Patch Changes

• #​1466 6432199fa0717f424fb3f45fbe36410b03b01c1c Thanks @​askoufis! - Speed up dev prefix generation for long file paths

v1.15.4

Compare Source

Patch Changes

• #​1463 61878f5fb21a33190ef242551c639e216ba4748a Thanks @​askoufis! - Export types with export { type T } syntax

• Updated dependencies [61878f5fb21a33190ef242551c639e216ba4748a]:

  • @​vanilla-extract/private@​1.0.6

v1.15.3

Compare Source

Patch Changes

• #​1425 b86f3f59c86420e12593996a14f8cdb5db2f7c25 Thanks @​askoufis! - Fixes a bug where declarations with identical selectors would not be merged correctly inside conditional rules

• #​1410 99e974b2ae56e1e851b376988216b7bd30813813 Thanks @​pengooseDev! - Fixes a bug causing incorrect type inference when calling createTheme with a theme contract

v1.15.2

Compare Source

Patch Changes

• #​1335 b8a99e4980710a34692034d5da43e584edbc3d17 Thanks @​askoufis! - Add types field to package.json

• Updated dependencies [b8a99e4980710a34692034d5da43e584edbc3d17]:

  • @​vanilla-extract/private@​1.0.5

v1.15.1

Compare Source

Patch Changes

• #​1386 e58cf9013c6f6cdfacb2a7936b3354e71138e9fb Thanks @​askoufis! - Replace outdent dependency with dedent

• #​1385 3df9b4ebc5ad7e03e5c908c10216447b7089132a Thanks @​askoufis! - Replace chalk dependency with picocolors

v1.15.0

Compare Source

Minor Changes

• #​1379 df9fe3ee3fc0057bc14a2333a405f8229f80c214 Thanks @​ronci! - Add support for passing multiple font face rules to globalFontFace

  EXAMPLE USAGE:

  const gentium = 'GlobalGentium';
  
  globalFontFace(gentium, [
    {
      src: 'local("Gentium")',
      fontWeight: 'normal',
    },
    {
      src: 'local("Gentium Bold")',
      fontWeight: 'bold',
    },
  ]);

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blog	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 1, 2025 4:48pm