@gryt/ui 0.20.1 → 0.21.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/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +12 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1320,7 +1320,18 @@ const _o = {
|
|
|
1320
1320
|
"gryt-tab inline-flex min-h-8 cursor-pointer items-center justify-center whitespace-nowrap",
|
|
1321
1321
|
"rounded-(--gryt-radius-full) border-0 bg-transparent px-4 py-1.5",
|
|
1322
1322
|
"text-sm font-medium text-gryt-muted select-none",
|
|
1323
|
-
|
|
1323
|
+
// Scale as well as colour, matching Button exactly — 1.03 under the
|
|
1324
|
+
// cursor, 0.96 pressed, on the spring duration and curve. A tab that
|
|
1325
|
+
// only changed colour read as not being a button at all next to
|
|
1326
|
+
// anything that did move, and the owl designer's rail was reported as
|
|
1327
|
+
// "not using the Gryt UI tabs" for precisely that reason.
|
|
1328
|
+
//
|
|
1329
|
+
// motion-safe, so the whole thing is colour-only for anybody who asked
|
|
1330
|
+
// for reduced motion.
|
|
1331
|
+
"relative z-10 hover:text-gryt-text",
|
|
1332
|
+
"transition-[scale,color,background-color] duration-(--gryt-dur-spring) ease-spring",
|
|
1333
|
+
"motion-safe:hover:scale-[1.03] motion-safe:active:scale-[0.96]",
|
|
1334
|
+
"motion-reduce:transition-colors motion-reduce:duration-150",
|
|
1324
1335
|
// Base UI marks the selected tab with data-active, not data-selected.
|
|
1325
1336
|
// The fill moved to Indicator so it can travel between tabs; the tab
|
|
1326
1337
|
// itself only changes its text colour.
|