@khipu/design-system 0.2.0-alpha.88 → 0.2.0-alpha.89
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/beercss/khipu-beercss.css +20 -1
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +20 -1
- package/dist/beercss/khipu-beercss.scoped.min.css +1 -1
- package/dist/beercss/metadata.json +5 -5
- package/dist/index.d.mts +14 -3
- package/dist/index.d.ts +14 -3
- package/dist/index.js +15 -0
- package/dist/index.mjs +14 -0
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
*
|
|
14
14
|
* AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
|
|
15
15
|
* Source: design-system/src/tokens/tokens.json
|
|
16
|
-
* Generated: 2026-07-
|
|
16
|
+
* Generated: 2026-07-02T20:44:15.394Z
|
|
17
17
|
*
|
|
18
18
|
* To regenerate:
|
|
19
19
|
* cd design-system && npm run tokens:generate
|
|
@@ -5638,6 +5638,25 @@
|
|
|
5638
5638
|
}
|
|
5639
5639
|
}
|
|
5640
5640
|
|
|
5641
|
+
/* Corner-overlap: mount the FAB centered OVER the top-right corner of the content column
|
|
5642
|
+
(`--kds-fab-column-width`), overlapping outward — vs `--top-right` which insets inside the
|
|
5643
|
+
column. Mobile keeps a small inset from the viewport via the `--kds-fab-inset` token. */
|
|
5644
|
+
.kds-theme-root .kds-fab--corner {
|
|
5645
|
+
--kds-fab-inset: 5px;
|
|
5646
|
+
position: fixed;
|
|
5647
|
+
top: var(--kds-fab-inset);
|
|
5648
|
+
right: var(--kds-fab-inset);
|
|
5649
|
+
}
|
|
5650
|
+
|
|
5651
|
+
@media (min-width: 768px) {
|
|
5652
|
+
.kds-theme-root .kds-fab--corner {
|
|
5653
|
+
right: max(
|
|
5654
|
+
var(--kds-fab-inset),
|
|
5655
|
+
calc((100% - var(--kds-fab-column-width, 100%)) / 2 - var(--kds-spacing-5) / 2)
|
|
5656
|
+
);
|
|
5657
|
+
}
|
|
5658
|
+
}
|
|
5659
|
+
|
|
5641
5660
|
/* Hidden (scroll-away) state — fade + slide toward the nearest edge */
|
|
5642
5661
|
.kds-theme-root .kds-fab--hidden {
|
|
5643
5662
|
opacity: 0;
|