@prokodo/ui 1.0.4 → 1.0.6

package/dist/components/snackbar/Snackbar.module.scss.js

@@ -1,6 +1,12 @@
 const Snackbar_slideIn = "Snackbar_slideIn";
 const Snackbar_slideOut = "Snackbar_slideOut";
 const styles = {
+  "prokodo-SnackbarProvider": "prokodo-SnackbarProvider",
+  "prokodo-SnackbarProvider--is-top": "prokodo-SnackbarProvider--is-top",
+  "prokodo-SnackbarProvider--is-bottom": "prokodo-SnackbarProvider--is-bottom",
+  "prokodo-SnackbarProvider--is-left": "prokodo-SnackbarProvider--is-left",
+  "prokodo-SnackbarProvider--is-right": "prokodo-SnackbarProvider--is-right",
+  "prokodo-SnackbarProvider--is-center": "prokodo-SnackbarProvider--is-center",
   "prokodo-Snackbar": "prokodo-Snackbar",
   Snackbar_slideIn,
   "prokodo-Snackbar--info": "prokodo-Snackbar--info",

package/dist/components/stepper/Stepper.css

@@ -1,3 +1,5 @@
+@import "../icon/Icon.css";
+
 /* stylelint-disable */
 /**
  * Calculates a rem-based value by a given pixel size.
@@ -127,15 +129,9 @@
 .prokodo-Stepper {
   display: flex;
   justify-content: space-between;
-  flex-direction: column;
+  flex-direction: row;
   padding: 0;
-  height: 100%;
-}
-@media screen and (min-width: 480px) {
-  .prokodo-Stepper {
-    width: 100%;
-    flex-direction: row;
-  }
+  width: 100%;
 }
 .prokodo-Stepper--primary {
   --gradient-border-1: linear-gradient(180deg, var(--pk-color-brand) 0%, var(--pk-color-accent) 100%);
@@ -174,35 +170,22 @@
 }
 .prokodo-Stepper__step {
   position: relative;
-  height: 100%;
+  width: 100%;
   list-style-type: none;
   cursor: pointer;
 }
 .prokodo-Stepper__step::after {
   content: "";
-  position: relative;
-  display: block;
-  margin: -10rem 0 1.25rem 1.25rem;
-  height: calc(100% - 150px);
-  width: 3px;
+  position: absolute;
+  top: 1.25rem;
+  margin: 0;
+  left: auto;
+  height: 3px;
+  width: calc(100% - 80px);
   background: var(--gradient-border-7);
-  transform: translateY(-50%);
+  transform: translateX(-50%);
   opacity: 0.5;
 }
-@media screen and (min-width: 480px) {
-  .prokodo-Stepper__step {
-    width: 100%;
-  }
-  .prokodo-Stepper__step::after {
-    position: absolute;
-    top: 1.25rem;
-    margin: 0;
-    left: auto;
-    height: 3px;
-    width: calc(100% - 80px);
-    transform: translateX(-50%);
-  }
-}
 .prokodo-Stepper__step:first-child::after {
   display: none;
 }
@@ -312,7 +295,7 @@
 }
 .prokodo-Stepper__label {
   text-align: center;
-  align-items: flex-start;
+  align-items: center;
   display: flex !important;
   flex-direction: column;
   justify-content: center;
@@ -368,7 +351,6 @@
 }
 @media screen and (min-width: 480px) {
   .prokodo-Stepper__label {
-    align-items: center;
     font-weight: 400;
     font-size: 1rem;
     font-family: var(--font-primary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

package/dist/components/stepper/Stepper.module.css

@@ -127,15 +127,9 @@
 .prokodo-Stepper {
   display: flex;
   justify-content: space-between;
-  flex-direction: column;
+  flex-direction: row;
   padding: 0;
-  height: 100%;
-}
-@media screen and (min-width: 480px) {
-  .prokodo-Stepper {
-    width: 100%;
-    flex-direction: row;
-  }
+  width: 100%;
 }
 .prokodo-Stepper--primary {
   --gradient-border-1: linear-gradient(180deg, var(--pk-color-brand) 0%, var(--pk-color-accent) 100%);
@@ -174,35 +168,22 @@
 }
 .prokodo-Stepper__step {
   position: relative;
-  height: 100%;
+  width: 100%;
   list-style-type: none;
   cursor: pointer;
 }
 .prokodo-Stepper__step::after {
   content: "";
-  position: relative;
-  display: block;
-  margin: -10rem 0 1.25rem 1.25rem;
-  height: calc(100% - 150px);
-  width: 3px;
+  position: absolute;
+  top: 1.25rem;
+  margin: 0;
+  left: auto;
+  height: 3px;
+  width: calc(100% - 80px);
   background: var(--gradient-border-7);
-  transform: translateY(-50%);
+  transform: translateX(-50%);
   opacity: 0.5;
 }
-@media screen and (min-width: 480px) {
-  .prokodo-Stepper__step {
-    width: 100%;
-  }
-  .prokodo-Stepper__step::after {
-    position: absolute;
-    top: 1.25rem;
-    margin: 0;
-    left: auto;
-    height: 3px;
-    width: calc(100% - 80px);
-    transform: translateX(-50%);
-  }
-}
 .prokodo-Stepper__step:first-child::after {
   display: none;
 }
@@ -312,7 +293,7 @@
 }
 .prokodo-Stepper__label {
   text-align: center;
-  align-items: flex-start;
+  align-items: center;
   display: flex !important;
   flex-direction: column;
   justify-content: center;
@@ -368,7 +349,6 @@
 }
 @media screen and (min-width: 480px) {
   .prokodo-Stepper__label {
-    align-items: center;
     font-weight: 400;
     font-size: 1rem;
     font-family: var(--font-primary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

package/dist/components/switch/Switch.css

@@ -1,3 +1,5 @@
+@import "../icon/Icon.css";
+
 /* stylelint-disable */
 /**
  * Calculates a rem-based value by a given pixel size.

package/dist/components/table/Table.css

@@ -1,3 +1,9 @@
+@import "../animated/Animated.css";
+@import "../headline/Headline.css";
+@import "../icon/Icon.css";
+@import "../link/Link.css";
+@import "../rich-text/RichText.css";
+
 /* stylelint-disable */
 /**
  * Calculates a rem-based value by a given pixel size.
@@ -159,9 +165,14 @@
 .prokodo-Table__head__row {
   border-bottom: var(--pk-border-width) solid var(--pk-table-border-color);
 }
+.prokodo-Table__head__row--double {
+  border-bottom-width: 3px;
+  border-bottom-style: double;
+}
 .prokodo-Table__head__cell {
   padding: var(--pk-table-padding-y) var(--pk-table-padding-x);
   font-weight: 500;
+  color: var(--pk-table-cell-fg);
   font-weight: 400;
   font-size: 1.125rem;
   font-family: var(--font-primary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -182,6 +193,10 @@
 .prokodo-Table__body__row {
   border-bottom: var(--pk-border-width) solid var(--pk-table-border-color);
 }
+.prokodo-Table__body__row--double {
+  border-bottom-width: 3px;
+  border-bottom-style: double;
+}
 .prokodo-Table__body__row--has-link:hover {
   background: var(--pk-table-row-hover-bg);
 }

package/dist/components/table/Table.js

@@ -38,7 +38,7 @@ const Table = /* @__PURE__ */ __name(({
     ) }),
     isString(content) && /* @__PURE__ */ jsx(Animated, { className: bem("content"), delay: 500, children: /* @__PURE__ */ jsx(RichText, { children: content }) }),
     /* @__PURE__ */ jsx("div", { className: bem("table__wrapper"), children: /* @__PURE__ */ jsxs("table", { "aria-label": ariaLabel, className: bem("table"), ...props, children: [
-      /* @__PURE__ */ jsx("thead", { className: bem("head"), children: /* @__PURE__ */ jsx("tr", { className: bem("head__row"), children: header.map((cell, i) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("thead", { className: bem("head"), children: /* @__PURE__ */ jsx("tr", { className: bem("head__row", { [type]: true }), children: header.map((cell, i) => /* @__PURE__ */ jsx(
         "th",
         {
           className: bem("head__cell", void 0, cell == null ? void 0 : cell.className),
@@ -52,6 +52,7 @@ const Table = /* @__PURE__ */ __name(({
           "tr",
           {
             className: bem("body__row", {
+              [type]: true,
               /* istanbul ignore next */
               "has-link": isString((_a = row == null ? void 0 : row.redirect) == null ? void 0 : _a.href)
             }),

package/dist/components/table/Table.module.css

@@ -159,9 +159,14 @@
 .prokodo-Table__head__row {
   border-bottom: var(--pk-border-width) solid var(--pk-table-border-color);
 }
+.prokodo-Table__head__row--double {
+  border-bottom-width: 3px;
+  border-bottom-style: double;
+}
 .prokodo-Table__head__cell {
   padding: var(--pk-table-padding-y) var(--pk-table-padding-x);
   font-weight: 500;
+  color: var(--pk-table-cell-fg);
   font-weight: 400;
   font-size: 1.125rem;
   font-family: var(--font-primary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -182,6 +187,10 @@
 .prokodo-Table__body__row {
   border-bottom: var(--pk-border-width) solid var(--pk-table-border-color);
 }
+.prokodo-Table__body__row--double {
+  border-bottom-width: 3px;
+  border-bottom-style: double;
+}
 .prokodo-Table__body__row--has-link:hover {
   background: var(--pk-table-row-hover-bg);
 }

package/dist/components/table/Table.module.scss.js

@@ -6,8 +6,10 @@ const styles = {
   "prokodo-Table__table": "prokodo-Table__table",
   "prokodo-Table__table__wrapper": "prokodo-Table__table__wrapper",
   "prokodo-Table__head__row": "prokodo-Table__head__row",
+  "prokodo-Table__head__row--double": "prokodo-Table__head__row--double",
   "prokodo-Table__head__cell": "prokodo-Table__head__cell",
   "prokodo-Table__body__row": "prokodo-Table__body__row",
+  "prokodo-Table__body__row--double": "prokodo-Table__body__row--double",
   "prokodo-Table__body__row--has-link": "prokodo-Table__body__row--has-link",
   "prokodo-Table__caption": "prokodo-Table__caption",
   "prokodo-TableCell": "prokodo-TableCell",

package/dist/components/tabs/Tabs.css

@@ -1,3 +1,5 @@
+@import "../chip/Chip.css";
+
 /* stylelint-disable */
 /**
  * Calculates a rem-based value by a given pixel size.

package/dist/components/teaser/Teaser.css

@@ -1,3 +1,11 @@
+@import "../card/Card.css";
+@import "../headline/Headline.css";
+@import "../icon/Icon.css";
+@import "../image/Image.css";
+@import "../link/Link.css";
+@import "../lottie/Lottie.css";
+@import "../rich-text/RichText.css";
+
 /* stylelint-disable */
 /**
  * Calculates a rem-based value by a given pixel size.

package/dist/components/tooltip/Tooltip.client.js

@@ -2,7 +2,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { memo, useState, useRef, useCallback, useMemo, useLayoutEffect } from "react";
+import { memo, useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect } from "react";
 import { createPortal } from "react-dom";
 import { create } from "../../helpers/bem.js";
 import styles from "./Tooltip.module.scss.js";
@@ -169,6 +169,10 @@ function TooltipClient(props) {
     void 0
   );
   const [effectivePlacement, setEffectivePlacement] = useState(placement);
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
   const openTimer = useRef(null);
   const closeTimer = useRef(null);
   const clearTimers = useCallback(() => {
@@ -372,7 +376,7 @@ function TooltipClient(props) {
     },
     [portal, open, compute]
   );
-  const overlayRoot = typeof document !== "undefined" && portal ? getOverlayRoot(overlayRootId, zIndex) : null;
+  const overlayRoot = isMounted && portal ? getOverlayRoot(overlayRootId, zIndex) : null;
   const portalOpen = open && Boolean(bubbleStyle);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(

package/dist/constants/project.js

@@ -1,4 +1,4 @@
-const PROKODO_UI_VERSION = "1.0.4";
+const PROKODO_UI_VERSION = "1.0.6";
 export {
   PROKODO_UI_VERSION
 };