@petnow/ui 5.3.0 → 5.3.1
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 +11 -0
- package/dist/index.css +5 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 5.3.1
|
|
4
|
+
|
|
5
|
+
### Fixes
|
|
6
|
+
|
|
7
|
+
- `dist/index.css` declares Tailwind's `properties` layer first, before `theme, base, components, utilities`.
|
|
8
|
+
It declared only the last four, so when it loaded before the consumer's Tailwind CSS (a JS import in a
|
|
9
|
+
layout), `properties` came after `utilities`. In browsers that use Tailwind's `@supports` fallback
|
|
10
|
+
(Safari < 16.4, Firefox < 128), the initial `--tw-translate-*`, `--tw-shadow`, `--tw-ring-*` and
|
|
11
|
+
`--tw-border-style` values then overrode utilities: centered elements moved, and shadows, rings and dashed
|
|
12
|
+
borders were lost. Current browsers were not affected.
|
|
13
|
+
|
|
3
14
|
## 5.3.0
|
|
4
15
|
|
|
5
16
|
### Added
|
package/dist/index.css
CHANGED
|
@@ -6,10 +6,13 @@
|
|
|
6
6
|
The rules sit in Tailwind's `components` layer so consumer utilities can
|
|
7
7
|
override them. The order statement comes first because this file may load
|
|
8
8
|
before the consumer's Tailwind CSS (e.g. a JS import in a layout); without it,
|
|
9
|
-
`components` would be declared first and lose to Tailwind's preflight.
|
|
9
|
+
`components` would be declared first and lose to Tailwind's preflight. It
|
|
10
|
+
lists every layer Tailwind declares, in Tailwind's order: a missing
|
|
11
|
+
`properties` would be declared after `utilities` and win over it in browsers
|
|
12
|
+
that use Tailwind's `@supports` fallback (Safari < 16.4, Firefox < 128).
|
|
10
13
|
*/
|
|
11
14
|
|
|
12
|
-
@layer theme, base, components, utilities;
|
|
15
|
+
@layer properties, theme, base, components, utilities;
|
|
13
16
|
|
|
14
17
|
@layer components {
|
|
15
18
|
/* Scrollbar CSS */
|