github tw-in-js/twind v1.0.0

latest releases: @twind/preset-autoprefix@1.0.7, twind@1.0.7, gatsby-plugin-twind@1.1.4...
18 months ago

Releases

@twind/cdn@1.0.0

Patch Changes

@twind/intellisense@1.0.0

Patch Changes

@twind/preset-autoprefix@1.0.0

Patch Changes

@twind/preset-ext@1.0.0

Patch Changes

@twind/preset-line-clamp@1.0.0

Patch Changes

@twind/preset-tailwind@1.0.0

Patch Changes

@twind/preset-tailwind-forms@1.0.0

Patch Changes

@twind/preset-typography@1.0.0

Patch Changes

twind@1.0.0

Patch Changes

  • helpful error message during dev when no active twind instance is found (fe891f9c)

  • big documentation update (a63ca2cb)

  • allow for cssom and dom to accept a selector string to find the server rendered stylesheet (e2c17a2e)

  • BREAKING: use install instead of setup for cdn configuration to align with other integrations (d481948b)

  • handle hex encoded ampersand (a61e0d1d)

  • warn about invalid classes and invalid css during development (e6acbea2)

    When run in development mode, which is determined by the export condition development, twind notifies about invalid classes and invalid css.

    Further reading:

    In the the browser a warning event is emitted on the window object and, in case there is no event listener or the event listener did not call event.preventDefault(), a warning is logged to the console.

    addEventListener('warning', (event) => {
      // prevent default console.warn(`[<code>] <message>: <detail>`) logging
      event.preventDefault()
    
      const warning = event.detail
    
      // { message: '...', code: 'TWIND_INVALID_CLASS', detail: '<className>'}
      // { message: '...', code: 'TWIND_INVALID_CSS', detail: '<css>'}
      console.warn(warning)
    })

    In Node.js a warning is emitted using process.emitWarning.

    If there is no warning event listener, the warning is printed to stderr.

    (node:56338) [TWIND_INVALID_CLASS] Warning: ...
    

    Alternatively, you can use the process.on('warning', ...) to handle warnings.

    import process from 'node:process'
    
    process.on('warning', (warning) => {
      console.warn(warning.message) // Print the warning message
      console.warn(warning.code) // 'TWIND_INVALID_CLASS' | 'TWIND_INVALID_CSS'
      console.warn(warning.detail) // '<className>' | '<css>'
    })
  • initial intellisense support (2ac8e695)

  • stringify in user config always wins (0705e419)

gatsby-plugin-twind@1.0.0

Patch Changes

@twind/with-next@1.0.0

Patch Changes

@twind/with-remix@1.0.0

Patch Changes

@twind/with-sveltekit@1.0.0

Patch Changes

@example/basic@1.0.0

Patch Changes

@example/playground@1.0.0

Patch Changes

@example/using-tailwind-forms@1.0.0

Patch Changes

@example/using-twind-cdn@1.0.0

Patch Changes

@example/with-gatsby@1.0.0

Patch Changes

@example/with-next@1.0.0

Patch Changes

@example/with-remix@0.0.1

Patch Changes

@example/with-sveltekit@1.0.0

Patch Changes

@sites/cdn.twind.style@1.0.0

Patch Changes

  • create cdn.twind.style worker as proxy to jsdelivr (a7ca73ec)

@sites/twind.run@1.0.0

Patch Changes

@sites/twind.style@1.0.0

Patch Changes

Don't miss a new twind release

NewReleases is sending notifications on new releases.