@hashicorp/react-components 0.0.0-nightly.f535c63 → 0.0.0-nightly.f8bc604

package/src/components/subnav/partials/TitleLink/style.module.css

@@ -1,43 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-/* Note: consumes from theme.module.css, as marked */
-
-.root {
-	position: relative;
-	display: inline-flex;
-	padding-block: var(--hdsplus-spacing-04);
-	font-weight: var(--font-weight-bold);
-	color: var(--token-color-foreground-primary); /* from theme.module.css */
-	font-size: 1.25rem;
-	line-height: 1.35rem;
-
-	& img {
-		max-height: 34px;
-		width: auto;
-		display: block;
-	}
-
-	&.brand-hcp img {
-		height: 26px;
-
-		@media (min-width: 360px) {
-			height: 29px;
-		}
-	}
-
-	&:focus {
-		outline: 2px solid var(--token-color-focus-action-internal);
-		outline-style: auto;
-	}
-}
-
-.hashiConf, .hashiDays {
-	display: flex;
-
-	& img {
-		height: 24px;
-	}
-}

package/src/components/subnav/partials/nav-item-text/index.tsx

@@ -1,37 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-import classNames from 'classnames'
-import React from 'react'
-import s from './style.module.css'
-
-/**
- *
- * A span of styled text with
- * an active state that adds a thick
- * bottom border.
- *
- */
-function NavItemText({
-	isActive,
-	text,
-}: {
-	/** If true, item will be rendered with a thick bottom border below the text. */
-	isActive?: boolean
-	/** Plain text to render within the styled <span /> */
-	text: string
-}): React.ReactElement {
-	return (
-		<span
-			className={classNames(s.root, {
-				[s.isActive]: isActive,
-			})}
-		>
-			{text}
-		</span>
-	)
-}
-
-export default NavItemText

package/src/components/subnav/partials/nav-item-text/style.module.css

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-.root {
-	color: var(--token-color-foreground-primary);
-	position: relative;
-
-	&.isActive {
-		color: var(--token-color-foreground-strong);
-	}
-}

package/src/components/subnav/style.module.css

@@ -1,66 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-.root {
-	position: sticky;
-	top: -1px;
-	z-index: 900;
-	background: var(--token-color-surface-primary);
-	border-top: 1px solid var(--token-color-border-faint);
-	border-bottom: 1px solid transparent;
-	transition: border-bottom-color 0.8s;
-
-	&.isSticky {
-		border-bottom-color: var(--token-color-border-faint);
-	}
-
-	/*
-      * About this selector:
-      * `& ~ *` finds all elements after the navigation.
-      * `:target` finds the active permalink on the page.
-      *
-      * About this style:
-      * `var(--subnav-height, 64px)` adjusts the scroll to account for the
-			* navigation. `0.5em` further adjusts the scroll to give the permalink
-			* breathing room.
-      *
-      * See: https://developer.mozilla.org/en-US/docs/Web/CSS/:target
-      * See: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top
-      */
-	& ~ * :target {
-		scroll-margin-top: calc(var(--subnav-height, 64px) + 0.5em);
-	}
-
-	@media print {
-		display: none;
-	}
-}
-
-.subnavInnerRoot {
-	display: grid;
-}
-
-.subnavInner {
-	display: grid;
-	grid-template-columns: minmax(max-content, 1fr) min-content;
-	align-items: center;
-	justify-content: space-between;
-	min-height: 62px;
-	list-style: none;
-
-	&.hasOverflow {
-		display: flex; 
-	}
-
-	&.notConstrained {
-		/* This padding should always match the horizontal padding of the main nav */
-		padding: 0 var(--hdsplus-spacing-05);
-	}
-}
-
-.subNavRight {
-	display: flex;
-	align-items: center;
-}

package/src/components/subnav/subnav-consts.ts

@@ -1 +0,0 @@
-export const THEMES = ['light', 'dark'] as const