Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@toptal/picasso-tailwind

Package Overview
Dependencies
Maintainers
0
Versions
202
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@toptal/picasso-tailwind - npm Package Compare versions

Comparing version 2.8.1-alpha-fx-5726-create-base-preset-package-d968dd445.17 to 2.8.1-alpha-fx-null-revert-tabs-96315ad16.35

4

dist-package/package.json
{
"name": "@toptal/picasso-tailwind",
"version": "2.8.1-alpha-fx-5726-create-base-preset-package-d968dd445.17+d968dd445",
"version": "2.8.1-alpha-fx-null-revert-tabs-96315ad16.35+96315ad16",
"description": "Picasso Tailwind configuration",

@@ -38,3 +38,3 @@ "author": "Toptal",

],
"gitHead": "d968dd4454726d29362143472b6b548a5d46fd1a"
"gitHead": "96315ad160eabd6ec2f07fd7c70fbc5f69c04016"
}
# `picasso-tailwind`
Picasso's Tailwind definitions. Design tokens from BASE and support for Picasso usage.
Picasso-specific Tailwind preset that contains Picasso-specific design tokens from BASE and support for Picasso usage.
Please additionally use the `@toptal/base-tailwind` preset as a base for your Tailwind configuration.
The configuration has to be used with `@toptal/base-tailwind` preset like in the example below.

@@ -10,5 +10,8 @@ ```javascript

module.exports = {
presets: [require('@toptal/base-tailwind'), require('@toptal/picasso-tailwind')],
presets: [
require('@toptal/base-tailwind'),
require('@toptal/picasso-tailwind'),
],
// ...
}
```

@@ -5,2 +5,3 @@ const plugin = require('tailwindcss/plugin')

module.exports = {
presets: [],
plugins: [

@@ -58,10 +59,9 @@ plugin(({ addUtilities }) => {

},
// TODO: revert before merge
// fontWeight: {
// inherit: 'inherit',
// thin: '100',
// light: '300',
// regular: '400',
// semibold: '600',
// },
fontWeight: {
inherit: 'inherit',
thin: '100',
light: '300',
regular: '400',
semibold: '600',
},
// NOTE: If adding new font sizes, make sure to update @toptal/picasso-tailwind-merge

@@ -68,0 +68,0 @@ fontSize: {

{
"name": "@toptal/picasso-tailwind",
"version": "2.8.1-alpha-fx-5726-create-base-preset-package-d968dd445.17+d968dd445",
"version": "2.8.1-alpha-fx-null-revert-tabs-96315ad16.35+96315ad16",
"description": "Picasso Tailwind configuration",

@@ -38,3 +38,3 @@ "author": "Toptal",

],
"gitHead": "d968dd4454726d29362143472b6b548a5d46fd1a"
"gitHead": "96315ad160eabd6ec2f07fd7c70fbc5f69c04016"
}
# `picasso-tailwind`
Picasso's Tailwind definitions. Design tokens from BASE and support for Picasso usage.
Picasso-specific Tailwind preset that contains Picasso-specific design tokens from BASE and support for Picasso usage.
Please additionally use the `@toptal/base-tailwind` preset as a base for your Tailwind configuration.
The configuration has to be used with `@toptal/base-tailwind` preset like in the example below.

@@ -10,5 +10,8 @@ ```javascript

module.exports = {
presets: [require('@toptal/base-tailwind'), require('@toptal/picasso-tailwind')],
presets: [
require('@toptal/base-tailwind'),
require('@toptal/picasso-tailwind'),
],
// ...
}
```

@@ -5,2 +5,3 @@ const plugin = require('tailwindcss/plugin')

module.exports = {
presets: [],
plugins: [

@@ -58,10 +59,9 @@ plugin(({ addUtilities }) => {

},
// TODO: revert before merge
// fontWeight: {
// inherit: 'inherit',
// thin: '100',
// light: '300',
// regular: '400',
// semibold: '600',
// },
fontWeight: {
inherit: 'inherit',
thin: '100',
light: '300',
regular: '400',
semibold: '600',
},
// NOTE: If adding new font sizes, make sure to update @toptal/picasso-tailwind-merge

@@ -68,0 +68,0 @@ fontSize: {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc