@kickstartds/ds-agency-premium 1.3.50--canary.667.9377ecb.0 → 1.3.50

package/dist/components/nav-flyout/nav-flyout.css

@@ -1,97 +0,0 @@
-.dsa-nav-flyout {
-  --dsa-nav-flyout--padding: 0 var(--l-section--content-padding);
-  --dsa-nav-flyout--background: linear-gradient(
-    125deg,
-    var(--ks-background-color-default),
-    var(--ks-color-primary-to-bg-6)
-  );
-  --dsa-nav-flyout--shadow: 20px 0px 30px var(--ks-color-fg-inverted-base);
-  --dsa-nav-flyout__link--color: var(--ks-color-fg);
-  --dsa-nav-flyout__link--color_hover: var(--ks-text-color-interface-interactive-hover);
-  --dsa-nav-flyout__link--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-flyout__link--font: var(--ks-font-interface-l);
-  --dsa-nav-flyout__link--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-nav-flyout__link--font-weight_active: var(--ks-font-weight-semi-bold);
-  --dsa-nav-flyout__link--padding: 0.25em 0;
-  --dsa-nav-flyout__link_dimmed--opacity: 0.6;
-  --dsa-nav-flyout__sublist--padding-left: 1em;
-}
-
-.dsa-nav-flyout {
-  display: none;
-  left: -100%;
-  height: 100vh;
-  overflow: hidden;
-  position: fixed;
-  width: 77vw;
-  max-width: 23rem;
-  transition: all var(--ks-duration-slow);
-  padding: var(--dsa-nav-flyout--padding);
-  right: 0;
-  bottom: 0;
-  top: 0;
-  overflow-y: auto;
-  background: var(--dsa-nav-flyout--background);
-  backface-visibility: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-@media (max-width: 62rem) {
-  .dsa-nav-flyout {
-    display: block;
-  }
-}
-.dsa-nav-flyout ul {
-  padding: 0;
-  margin: 0;
-}
-.overlay-open .dsa-nav-flyout {
-  left: 0;
-  box-shadow: var(--dsa-nav-flyout--shadow);
-}
-.dsa-nav-flyout .dsa-nav-flyout__logo {
-  margin-top: var(--dsa-header--spacing-vertical);
-  margin-bottom: var(--dsa-header--spacing-vertical);
-}
-.dsa-nav-flyout .dsa-nav-flyout__list {
-  padding-top: calc(var(--dsa-header--spacing-vertical) - var(--ks-spacing-s));
-}
-.dsa-nav-flyout .dsa-nav-flyout__item {
-  flex-shrink: 0;
-  position: relative;
-  outline: 0;
-}
-.dsa-nav-flyout .dsa-nav-flyout__item:hover > .dsa-nav-sublist {
-  display: flex;
-}
-.dsa-nav-flyout .dsa-nav-flyout__link {
-  font: var(--dsa-nav-flyout__link--font);
-  font-weight: var(--dsa-nav-flyout__link--font-weight);
-  color: var(--dsa-nav-flyout__link--color);
-  position: relative;
-  display: flex;
-  height: 100%;
-  align-items: center;
-  padding: var(--dsa-nav-flyout__link--padding);
-}
-.dsa-nav-flyout .dsa-nav-flyout__link:hover {
-  color: var(--dsa-nav-flyout__link--color_hover);
-}
-.dsa-nav-flyout .dsa-nav-flyout__link:active {
-  color: var(--dsa-nav-flyout__link--color_active);
-}
-.dsa-nav-flyout .dsa-nav-flyout__sublist {
-  padding-left: var(--dsa-nav-flyout__sublist--padding-left);
-}
-.dsa-nav-flyout .dsa-nav-flyout__sublist:hover .dsa-nav-sublist__link:not(:hover) {
-  opacity: var(--dsa-nav-sublist__link_dimmed--opacity);
-}
-.dsa-nav-flyout ul {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.dsa-nav-flyout ul li {
-  display: block;
-  margin: 0;
-}

package/dist/components/nav-toggle/index.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const NavToggleComponent: FC;
-export { NavToggleComponent };

package/dist/components/nav-toggle/index.js

@@ -1,6 +0,0 @@
-import "./nav-toggle.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const NavToggleComponent = () => (jsxs("button", { type: "button", className: "dsa-nav-toggle", id: "toggle-sidebar", "aria-controls": "dsa-nav-main", "aria-expanded": "false", "ks-component": "base.nav-toggle", children: [jsx("span", { className: "dsa-nav-toggle__label", children: "toggle navigation" }), jsx("span", { className: "dsa-nav-toggle__icon", children: jsx("span", { className: "dsa-nav-toggle__icon__middle" }) })] }));
-
-export { NavToggleComponent };

package/dist/components/nav-topbar/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const NavTopbar: ({ items, active, dropdownInverted }: {
-    items: any;
-    active: any;
-    dropdownInverted: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export { NavTopbar };

package/dist/components/nav-topbar/index.js

@@ -1,12 +0,0 @@
-import "./nav-topbar.css";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { Link } from '@kickstartds/base/lib/link';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { NavDropdown } from '../nav-dropdown/index.js';
-
-const NavTopbar = ({ items, active, dropdownInverted }) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-topbar", id: "dsa-nav-main", "aria-label": "Hauptnavigation", children: jsx("ul", { className: "dsa-nav-list", children: items.map(({ label, href, id, items: subItems }) => {
-            return (jsxs("li", { className: classnames("dsa-nav-topbar__item", active && "dsa-nav-topbar__item--active"), children: [jsxs(Link, { href: href, className: `dsa-nav-topbar__link`, children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__link__icon", icon: "chevron-down" })) : ("")] }), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: dropdownInverted })) : null] }, id));
-        }) }) })) : null;
-
-export { NavTopbar };

package/dist/components/nav-topbar/nav-topbar.css

@@ -1,82 +0,0 @@
-.dsa-nav-topbar {
-  --dsa-nav-topbar__link--color: var(--ks-color-fg);
-  --dsa-nav-topbar__link--color_hover: var(--ks-text-color-interface-interactive-hover);
-  --dsa-nav-topbar__link--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-topbar__link--font: var(--ks-font-interface-m);
-  --dsa-nav-topbar__link--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-nav-topbar__link--font-weight_active: var(--ks-font-weight-semi-bold);
-  --dsa-nav-topbar__link--padding: 0 0.75em;
-  --dsa-nav-topbar__link_dimmed--opacity: 0.6;
-  --dsa-nav-topbar_floating__link_dimmed--opacity: 0.75;
-  --dsa-nav-topbar_floating__link--color: var(--ks-color-fg);
-}
-
-.dsa-nav-topbar {
-  display: none;
-  --g-link--text-decoration: none;
-  --g-link--text-decoration_hover: none;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-@media (min-width: 62rem) {
-  .dsa-nav-topbar {
-    display: flex;
-  }
-}
-.dsa-nav-topbar .dsa-nav-list {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: stretch;
-}
-.dsa-nav-topbar .dsa-nav-list > ul.dsa-nav-main__list {
-  display: none;
-}
-.dsa-nav-topbar .dsa-nav-list:hover .dsa-nav-topbar__link:not(:hover) {
-  opacity: var(--dsa-nav-topbar__link_dimmed--opacity);
-}
-.dsa-header--floating .dsa-nav-topbar .dsa-nav-list:hover .dsa-nav-topbar__link:not(:hover) {
-  opacity: var(--dsa-nav-topbar_floating__link_dimmed--opacity);
-}
-.dsa-nav-topbar .dsa-nav-topbar__item {
-  flex-shrink: 0;
-  position: relative;
-  outline: 0;
-}
-.dsa-nav-topbar .dsa-nav-topbar__item:hover > .dsa-nav-dropdown {
-  display: flex;
-}
-.dsa-nav-topbar .dsa-nav-topbar__link {
-  font: var(--dsa-nav-topbar__link--font);
-  font-weight: var(--dsa-nav-topbar__link--font-weight);
-  color: var(--dsa-nav-topbar__link--color);
-  position: relative;
-  display: flex;
-  height: 100%;
-  align-items: center;
-  padding: var(--dsa-nav-topbar__link--padding);
-}
-.dsa-nav-topbar .dsa-nav-topbar__link:hover {
-  color: var(--dsa-nav-topbar__link--color_hover);
-}
-.dsa-nav-topbar .dsa-nav-topbar__link:active {
-  color: var(--dsa-nav-topbar__link--color_active);
-}
-.dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__link {
-  color: var(--dsa-nav-topbar_floating__link--color);
-}
-.dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__link:hover {
-  color: var(--dsa-nav-topbar__link--color_hover);
-}
-.dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__link:active {
-  color: var(--dsa-nav-topbar__link--color_active);
-}
-.dsa-nav-topbar ul {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.dsa-nav-topbar ul li {
-  display: block;
-  margin: 0;
-}