@chai-ui/vue 0.14.0 → 0.14.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/style.css +16 -0
- package/package.json +3 -3
package/dist/style.css
CHANGED
|
@@ -1468,6 +1468,22 @@
|
|
|
1468
1468
|
border-radius: 29px;
|
|
1469
1469
|
border: 1px solid var(--chai-color-semantic-control-border-soft);
|
|
1470
1470
|
overflow: hidden;
|
|
1471
|
+
/* WebKit (Safari) ignores `backface-visibility` here, likely because each
|
|
1472
|
+
face clips (`overflow: hidden` with rounded corners) and composites its
|
|
1473
|
+
media and floating controls on their own layers: the turned-away face
|
|
1474
|
+
showed through mirrored, and on a paged card the back's chips showed
|
|
1475
|
+
below the front. So the turned-away face is also faded out, swapping
|
|
1476
|
+
when the card is edge-on: with the standard easing the turn reaches 90°
|
|
1477
|
+
at 20% of the duration, not halfway (the curve starts fast). Opacity, not
|
|
1478
|
+
visibility: focus moves to the incoming face as the flip starts, and a
|
|
1479
|
+
hidden element can't take it. The turned-away face is already `inert`
|
|
1480
|
+
(set in ResultCard), so it's out of the tab order either way. */
|
|
1481
|
+
transition: opacity 0s linear calc(var(--chai-motion-duration-slow) * 0.2);
|
|
1482
|
+
}
|
|
1483
|
+
|
|
1484
|
+
.chai-result-card--flipped .chai-result-card__front,
|
|
1485
|
+
.chai-result-card:not(.chai-result-card--flipped) .chai-result-card__back {
|
|
1486
|
+
opacity: 0;
|
|
1471
1487
|
}
|
|
1472
1488
|
|
|
1473
1489
|
/* The media fills the face, with the controls floating over its bottom
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chai-ui/vue",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.1",
|
|
4
4
|
"description": "Chai UI Vue components — smart, drop-in UI for AI apps: Composer, Media Analyzer, Result Card, Edit Card, and the useComposer composable.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "kazarazat",
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@fontsource/roboto": "^5.3.0",
|
|
49
49
|
"@material/web": "^2.5.0",
|
|
50
|
-
"@chai-ui/core": "0.14.
|
|
51
|
-
"@chai-ui/tokens": "0.14.
|
|
50
|
+
"@chai-ui/core": "0.14.1",
|
|
51
|
+
"@chai-ui/tokens": "0.14.1"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@vitejs/plugin-vue": "^6.0.9",
|