@spark-ui/tailwind-plugins 2.3.4 → 2.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/animations/index.doc.mdx +0 -1
- package/index.doc.mdx +0 -1
- package/package.json +3 -3
- package/sizings/index.doc.mdx +0 -1
- package/spark-config.doc.mdx +3 -3
- package/spark-theme/index.doc.mdx +3 -3
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,14 @@
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
5
5
|
|
6
|
+
## [2.3.6](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.3.5...@spark-ui/tailwind-plugins@2.3.6) (2023-03-30)
|
7
|
+
|
8
|
+
**Note:** Version bump only for package @spark-ui/tailwind-plugins
|
9
|
+
|
10
|
+
## [2.3.5](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.3.4...@spark-ui/tailwind-plugins@2.3.5) (2023-03-29)
|
11
|
+
|
12
|
+
**Note:** Version bump only for package @spark-ui/tailwind-plugins
|
13
|
+
|
6
14
|
## [2.3.4](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.3.3...@spark-ui/tailwind-plugins@2.3.4) (2023-03-29)
|
7
15
|
|
8
16
|
**Note:** Version bump only for package @spark-ui/tailwind-plugins
|
package/animations/index.doc.mdx
CHANGED
package/index.doc.mdx
CHANGED
package/package.json
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
{
|
2
2
|
"name": "@spark-ui/tailwind-plugins",
|
3
|
-
"version": "2.3.
|
3
|
+
"version": "2.3.6",
|
4
4
|
"description": "Spark Tailwind plugins",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
7
7
|
},
|
8
8
|
"main": "index.js",
|
9
9
|
"dependencies": {
|
10
|
-
"@spark-ui/theme-utils": "^2.
|
10
|
+
"@spark-ui/theme-utils": "^2.12.0",
|
11
11
|
"tailwindcss-radix": "2.8.0"
|
12
12
|
},
|
13
13
|
"peerDependencies": {
|
@@ -18,5 +18,5 @@
|
|
18
18
|
"url": "git@github.com:adevinta/spark.git",
|
19
19
|
"directory": "packages/utils/tailwind-plugins"
|
20
20
|
},
|
21
|
-
"gitHead": "
|
21
|
+
"gitHead": "bf4bdfac98c8d00af127495d3468721b8509cf30"
|
22
22
|
}
|
package/sizings/index.doc.mdx
CHANGED
package/spark-config.doc.mdx
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { Meta } from '@storybook/blocks'
|
2
2
|
import { StoryHeading } from '@docs/helpers/StoryHeading'
|
3
|
-
import {
|
3
|
+
import { Callout } from '@docs/helpers/Callout'
|
4
4
|
|
5
5
|
<Meta title="utils/Tailwind plugins/spark config" />
|
6
6
|
|
@@ -128,9 +128,9 @@ However, if your application uses a different base font size, such as **10 pixel
|
|
128
128
|
|
129
129
|
This will ensure that the `rem`-based values are accurately calculated according to your application's HTML font size.
|
130
130
|
|
131
|
-
<
|
131
|
+
<Callout>
|
132
132
|
To better understand what happens when you adjust `htmlFontSize`, it's useful to know that we use CSS custom properties to define the values of our design tokens, such as `spacing.lg`.
|
133
133
|
|
134
134
|
By default, the value for this token is expressed as `--spacing-lg: 1rem;`. However, when you define a `htmlFontSize` of 10, for example, this value will be updated to `--spacing-lg: 1.6rem;`
|
135
135
|
|
136
|
-
</
|
136
|
+
</Callout>
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { Meta } from '@storybook/blocks'
|
2
2
|
import { StoryHeading } from '@docs/helpers/StoryHeading'
|
3
|
-
import {
|
3
|
+
import { Callout } from '@docs/helpers/Callout'
|
4
4
|
|
5
5
|
<Meta title="utils/Tailwind plugins/spark theme" />
|
6
6
|
|
@@ -90,9 +90,9 @@ However, if your application uses a different base font size, such as **10 pixel
|
|
90
90
|
|
91
91
|
This will ensure that the `rem`-based values are accurately calculated according to your application's HTML font size.
|
92
92
|
|
93
|
-
<
|
93
|
+
<Callout>
|
94
94
|
To better understand what happens when you adjust `htmlFontSize`, it's useful to know that we use CSS custom properties to define the values of our design tokens, such as `spacing.lg`.
|
95
95
|
|
96
96
|
By default, the value for this token is expressed as `--spacing-lg: 1rem;`. However, when you define a `htmlFontSize` of 10, for example, this value will be updated to `--spacing-lg: 1.6rem;`
|
97
97
|
|
98
|
-
</
|
98
|
+
</Callout>
|