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