@hashicorp/react-components 0.0.0-nightly.331cbb5 → 0.0.0-nightly.3ae3f64

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.
Files changed (27) hide show
  1. package/package.json +2 -2
  2. package/src/components/actions/index.tsx +2 -2
  3. package/src/components/call-to-action/index.tsx +3 -3
  4. package/src/components/card/partner-card/index.tsx +3 -3
  5. package/src/components/card/person-card/index.tsx +1 -1
  6. package/src/components/card/primitives.tsx +2 -2
  7. package/src/components/card/unified-card/index.tsx +1 -1
  8. package/src/components/marketo-form/contexts/FormMetadata.ts +2 -0
  9. package/src/components/marketo-form/form/index.tsx +3 -1
  10. package/src/components/marketo-form/partials/fields/checkbox-field/index.tsx +1 -1
  11. package/src/components/marketo-form/partials/fields/email-field/index.tsx +1 -1
  12. package/src/components/marketo-form/partials/fields/form-page-url-field/index.tsx +2 -0
  13. package/src/components/marketo-form/partials/fields/hidden-field/index.tsx +1 -0
  14. package/src/components/marketo-form/partials/fields/radio-buttons-field/index.tsx +1 -1
  15. package/src/components/marketo-form/partials/fields/select-field/index.tsx +1 -1
  16. package/src/components/marketo-form/partials/fields/telephone-field/index.tsx +1 -1
  17. package/src/components/marketo-form/partials/fields/text-field/index.tsx +1 -1
  18. package/src/components/marketo-form/partials/fields/textarea-field/index.tsx +1 -1
  19. package/src/components/nav-panel/components/link-list/index.tsx +1 -1
  20. package/src/components/nav-panel/components/promo/index.tsx +1 -1
  21. package/src/components/nav-panel/product-panel/index.tsx +2 -2
  22. package/src/components/next-steps/index.tsx +2 -1
  23. package/src/components/product-badge/index.tsx +1 -1
  24. package/src/components/subnav/partials/CtaLinks/index.tsx +4 -4
  25. package/src/components/subnav/partials/DropdownTrigger/index.tsx +1 -1
  26. package/src/components/subnav/partials/MenuItemsDefault/index.tsx +1 -1
  27. package/src/components/subnav/partials/MenuItemsOverflow/index.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/react-components",
3
- "version": "0.0.0-nightly.331cbb5",
3
+ "version": "0.0.0-nightly.3ae3f64",
4
4
  "main": "src/index.ts",
5
5
  "scripts": {
6
6
  "lint": "next-hashicorp lint",
@@ -11,7 +11,7 @@
11
11
  "@hashicorp/flight-icons": "^3.7.0",
12
12
  "@hashicorp/platform-product-meta": "^0.1.1",
13
13
  "@hashicorp/platform-util": "^0.2.0",
14
- "@hashicorp/react-design-system-components": "*",
14
+ "@hashicorp/react-hds": "*",
15
15
  "@hashicorp/web-mktg-logos": "*",
16
16
  "@radix-ui/react-navigation-menu": "^1.2.0",
17
17
  "@radix-ui/react-visually-hidden": "^1.1.0",
package/src/components/actions/index.tsx CHANGED
@@ -4,8 +4,8 @@
4
4
  */
5
5
 
6
6
  import classNames from 'classnames'
7
- import Button from '@hashicorp/react-design-system-components/src/components/button'
8
- import StandaloneLink from '@hashicorp/react-design-system-components/src/components/standalone-link'
7
+ import Button from '@hashicorp/react-hds/src/components/button'
8
+ import StandaloneLink from '@hashicorp/react-hds/src/components/standalone-link'
9
9
  import { IconArrowRight16 } from '@hashicorp/flight-icons/svg-react/arrow-right-16'
10
10
  import { IconArrowRight24 } from '@hashicorp/flight-icons/svg-react/arrow-right-24'
11
11
  import type { ActionsProps } from './types'
package/src/components/call-to-action/index.tsx CHANGED
@@ -4,9 +4,9 @@
4
4
  */
5
5
 
6
6
  import type { ComponentProps, ReactNode } from 'react'
7
- import Button from '@hashicorp/react-design-system-components/src/components/button'
8
- import ButtonSet from '@hashicorp/react-design-system-components/src/components/button-set'
9
- import StandaloneLink from '@hashicorp/react-design-system-components/src/components/standalone-link'
7
+ import Button from '@hashicorp/react-hds/src/components/button'
8
+ import ButtonSet from '@hashicorp/react-hds/src/components/button-set'
9
+ import StandaloneLink from '@hashicorp/react-hds/src/components/standalone-link'
10
10
  import { IconArrowRight24 } from '@hashicorp/flight-icons/svg-react/arrow-right-24'
11
11
  import { IconExternalLink24 } from '@hashicorp/flight-icons/svg-react/external-link-24'
12
12
  import { IconDownload24 } from '@hashicorp/flight-icons/svg-react/download-24'
package/src/components/card/partner-card/index.tsx CHANGED
@@ -4,9 +4,9 @@
4
4
  */
5
5
 
6
6
  import Image, { type ImageProps } from 'next/image'
7
- import Badge from '@hashicorp/react-design-system-components/src/components/badge'
8
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
9
- import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
7
+ import Badge from '@hashicorp/react-hds/src/components/badge'
8
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
9
+ import { TextPlus } from '@hashicorp/react-hds/src/components/text'
10
10
  import * as CardPrimitives from '../primitives'
11
11
  import type { CardProps } from '../types'
12
12
  import s from './style.module.css'
package/src/components/card/person-card/index.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import { memo, type ReactNode } from 'react'
7
- import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
7
+ import { TextPlus } from '@hashicorp/react-hds/src/components/text'
8
8
  import { IconGithub16 } from '@hashicorp/flight-icons/svg-react/github-16'
9
9
  import { IconTwitter16 } from '@hashicorp/flight-icons/svg-react/twitter-16'
10
10
  import { IconLinkedin16 } from '@hashicorp/flight-icons/svg-react/linkedin-16'
package/src/components/card/primitives.tsx CHANGED
@@ -7,8 +7,8 @@ import * as React from 'react'
7
7
  import classNames from 'classnames'
8
8
  import Image from 'next/image'
9
9
  import Link from 'next/link'
10
- import HDSCard from '@hashicorp/react-design-system-components/src/components/card'
11
- import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
10
+ import HDSCard from '@hashicorp/react-hds/src/components/card'
11
+ import { TextPlus } from '@hashicorp/react-hds/src/components/text'
12
12
  import { IconArrowRight24 } from '@hashicorp/flight-icons/svg-react/arrow-right-24'
13
13
  import ProductBadge from '../product-badge'
14
14
  import type {
package/src/components/card/unified-card/index.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import type { ReactNode } from 'react'
7
- import Badge from '@hashicorp/react-design-system-components/src/components/badge'
7
+ import Badge from '@hashicorp/react-hds/src/components/badge'
8
8
  import * as CardPrimitives from '../primitives'
9
9
  import type { CardProps } from '../types'
10
10
 
package/src/components/marketo-form/contexts/FormMetadata.ts CHANGED
@@ -3,6 +3,8 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
 
6
+ 'use client'
7
+
6
8
  import { createContext } from 'react'
7
9
  import type { MarketoFormMetadata } from '../types'
8
10
 
package/src/components/marketo-form/form/index.tsx CHANGED
@@ -3,9 +3,11 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
 
6
+ 'use client'
7
+
6
8
  import { useEffect, useMemo, useRef } from 'react'
7
9
  import { useForm, FormProvider } from 'react-hook-form'
8
- import Button from '@hashicorp/react-design-system-components/src/components/button'
10
+ import Button from '@hashicorp/react-hds/src/components/button'
9
11
  import VisibilityRule from '../partials/visibility-rule'
10
12
  import NameField from '../partials/fields/name-field'
11
13
  import { FormMetadataContext } from '../contexts/FormMetadata'
package/src/components/marketo-form/partials/fields/checkbox-field/index.tsx CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  import { useFormContext } from 'react-hook-form'
7
7
  // import CheckboxInput from '@hashicorp/react-form-fields/checkbox'
8
- import Checkbox from '@hashicorp/react-design-system-components/src/components/form/checkbox'
8
+ import Checkbox from '@hashicorp/react-hds/src/components/form/checkbox'
9
9
  import FieldWrapper from '../../field-wrapper'
10
10
  import { formattedLabel, useErrorMessage } from '../../../utils'
11
11
  import type { MarketoFormCheckboxField } from '../../../types'
package/src/components/marketo-form/partials/fields/email-field/index.tsx CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  import { useFormContext } from 'react-hook-form'
7
7
  // import TextInput from '@hashicorp/react-form-fields/text'
8
- import TextInput from '@hashicorp/react-design-system-components/src/components/form/text-input'
8
+ import TextInput from '@hashicorp/react-hds/src/components/form/text-input'
9
9
  import FieldWrapper from '../../field-wrapper'
10
10
  import { formattedLabel, useErrorMessage } from '../../../utils'
11
11
  import type { MarketoFormEmailField } from '../../../types'
package/src/components/marketo-form/partials/fields/form-page-url-field/index.tsx CHANGED
@@ -3,6 +3,8 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
 
6
+ 'use client'
7
+
6
8
  import { useEffect } from 'react'
7
9
  import { useFormContext } from 'react-hook-form'
8
10
  import type { MarketoFormHiddenField } from '../../../types'
package/src/components/marketo-form/partials/fields/hidden-field/index.tsx CHANGED
@@ -2,6 +2,7 @@
2
2
  * Copyright (c) HashiCorp, Inc.
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
+ 'use client'
5
6
 
6
7
  import { useEffect } from 'react'
7
8
  import { useFormContext } from 'react-hook-form'
package/src/components/marketo-form/partials/fields/radio-buttons-field/index.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { useFormContext } from 'react-hook-form'
2
2
  import RadioCard, {
3
3
  RadioCardGroup,
4
- } from '@hashicorp/react-design-system-components/src/components/form/radio-card'
4
+ } from '@hashicorp/react-hds/src/components/form/radio-card'
5
5
  import FieldWrapper from '../../field-wrapper'
6
6
  import type { MarketoFormRadioButtonsField } from '../../../types'
7
7
 
package/src/components/marketo-form/partials/fields/select-field/index.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import { useFormContext } from 'react-hook-form'
7
- import Select from '@hashicorp/react-design-system-components/src/components/form/select'
7
+ import Select from '@hashicorp/react-hds/src/components/form/select'
8
8
  import FieldWrapper from '../../field-wrapper'
9
9
  import { formattedLabel, useErrorMessage } from '../../../utils'
10
10
  import type { MarketoFormSelectField } from '../../../types'
package/src/components/marketo-form/partials/fields/telephone-field/index.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import { useFormContext } from 'react-hook-form'
7
- import TextInput from '@hashicorp/react-design-system-components/src/components/form/text-input'
7
+ import TextInput from '@hashicorp/react-hds/src/components/form/text-input'
8
8
  import FieldWrapper from '../../field-wrapper'
9
9
  import { formattedLabel, useErrorMessage } from '../../../utils'
10
10
  import type { MarketoFormTelephoneField } from '../../../types'
package/src/components/marketo-form/partials/fields/text-field/index.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import { useFormContext } from 'react-hook-form'
7
- import TextInput from '@hashicorp/react-design-system-components/src/components/form/text-input'
7
+ import TextInput from '@hashicorp/react-hds/src/components/form/text-input'
8
8
  import FieldWrapper from '../../field-wrapper'
9
9
  import { formattedLabel, useErrorMessage } from '../../../utils'
10
10
  import type { MarketoFormTextField } from '../../../types'
package/src/components/marketo-form/partials/fields/textarea-field/index.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import { useFormContext } from 'react-hook-form'
7
- import Textarea from '@hashicorp/react-design-system-components/src/components/form/textarea'
7
+ import Textarea from '@hashicorp/react-hds/src/components/form/textarea'
8
8
  import FieldWrapper from '../../field-wrapper'
9
9
  import { formattedLabel, useErrorMessage } from '../../../utils'
10
10
  import type { MarketoFormTextAreaField } from '../../../types'
package/src/components/nav-panel/components/link-list/index.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import Link from 'next/link'
2
2
  import { parseUrl } from '../../../../lib/parse-url'
3
3
  import { vercelSplit } from '../../../../lib/v'
4
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
4
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
5
5
  import * as NavigationMenu from '@radix-ui/react-navigation-menu'
6
6
  import s from './style.module.css'
7
7
 
package/src/components/nav-panel/components/promo/index.tsx CHANGED
@@ -4,7 +4,7 @@ import { vercelSplit } from '../../../../lib/v'
4
4
  import Link from 'next/link'
5
5
  import { parseUrl } from '../../../../lib/parse-url'
6
6
  import { trackNavClickEvent } from '../../../../lib/track-nav-click-event'
7
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
7
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
8
8
  import * as NavigationMenu from '@radix-ui/react-navigation-menu'
9
9
  import s from './style.module.css'
10
10
 
package/src/components/nav-panel/product-panel/index.tsx CHANGED
@@ -3,8 +3,8 @@ import Link from 'next/link'
3
3
  import * as NavPanel from '../components/panel'
4
4
  import Promo, { type PromoProps } from '../components/promo'
5
5
  import { Products } from '@hashicorp/platform-product-meta'
6
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
7
- import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
6
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
7
+ import { TextPlus } from '@hashicorp/react-hds/src/components/text'
8
8
  import { parseUrl } from '../../../lib/parse-url'
9
9
  import { trackNavClickEvent } from '../../../lib/track-nav-click-event'
10
10
  import * as NavigationMenu from '@radix-ui/react-navigation-menu'
package/src/components/next-steps/index.tsx CHANGED
@@ -2,6 +2,7 @@
2
2
  * Copyright (c) HashiCorp, Inc.
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
+ 'use client'
5
6
 
6
7
  import { useState } from 'react'
7
8
  import Badge from '@hashicorp/react-badge'
@@ -10,7 +11,7 @@ import ExpandableArrow from '@hashicorp/react-expandable-arrow'
10
11
  import Intro from '../intro'
11
12
  import Link from 'next/link'
12
13
  import type { NextStepsProps } from './types'
13
- import StandaloneLink from '@hashicorp/react-design-system-components/src/components/standalone-link'
14
+ import StandaloneLink from '@hashicorp/react-hds/src/components/standalone-link'
14
15
  import { IconArrowRight16 } from '@hashicorp/flight-icons/svg-react/arrow-right-16'
15
16
  import useProductMeta from '@hashicorp/platform-product-meta'
16
17
  import s from './style.module.css'
package/src/components/product-badge/index.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import type { Products } from '@hashicorp/platform-product-meta'
7
- import Badge from '@hashicorp/react-design-system-components/src/components/badge'
7
+ import Badge from '@hashicorp/react-hds/src/components/badge'
8
8
  import { IconDot16 } from '@hashicorp/flight-icons/svg-react/dot-16'
9
9
  import s from './style.module.css'
10
10
 
package/src/components/subnav/partials/CtaLinks/index.tsx CHANGED
@@ -5,11 +5,11 @@
5
5
 
6
6
  import Button, {
7
7
  type ButtonProps,
8
- } from '@hashicorp/react-design-system-components/src/components/button'
9
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
8
+ } from '@hashicorp/react-hds/src/components/button'
9
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
10
10
  import type { Products } from '@hashicorp/platform-product-meta'
11
- import type { ToggleButtonProps } from '@hashicorp/react-design-system-components/src/components/dropdown/toggle/button'
12
- import * as Dropdown from '@hashicorp/react-design-system-components/src/components/dropdown'
11
+ import type { ToggleButtonProps } from '@hashicorp/react-hds/src/components/dropdown/toggle/button'
12
+ import * as Dropdown from '@hashicorp/react-hds/src/components/dropdown'
13
13
  import GithubStarsLink from './github-stars-link'
14
14
  import classNames from 'classnames'
15
15
  import * as NavigationMenu from '@radix-ui/react-navigation-menu'
package/src/components/subnav/partials/DropdownTrigger/index.tsx CHANGED
@@ -3,7 +3,7 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
 
6
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
6
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
7
7
  import NavItemText from '../nav-item-text'
8
8
  import * as NavigationMenu from '@radix-ui/react-navigation-menu'
9
9
  import s from './style.module.css'
package/src/components/subnav/partials/MenuItemsDefault/index.tsx CHANGED
@@ -9,7 +9,7 @@ import NavItemText from '../nav-item-text'
9
9
  import DropdownTrigger from '../DropdownTrigger'
10
10
  import * as NavigationMenu from '@radix-ui/react-navigation-menu'
11
11
  import s from './style.module.css'
12
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
12
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
13
13
 
14
14
  interface MenuItemsDefaultProps {
15
15
  menuItems: (
package/src/components/subnav/partials/MenuItemsOverflow/index.tsx CHANGED
@@ -12,7 +12,7 @@ import DropdownTrigger from '../DropdownTrigger'
12
12
  import * as NavigationMenu from '@radix-ui/react-navigation-menu'
13
13
  import classNames from 'classnames'
14
14
  import s from './style.module.css'
15
- import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
15
+ import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
16
16
 
17
17
  interface MenuItemsOverflowProps {
18
18
  menuItems: (