@sebgroup/green-react 3.32.0 → 3.32.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@sebgroup/green-react",
   "main": "./src/index.js",
   "module": "./src/index.js",
-  "version": "3.32.0",
+  "version": "3.32.1",
   "peerDependencies": {
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"

package/src/lib/accordion/accordion.d.ts

@@ -2,5 +2,8 @@ import { AccordionItemInterface } from './accordion-item';
 export interface AccordionInterface {
     items: AccordionItemInterface[];
 }
+/**
+ * @deprecated Please use the `gds-details` web component from green-core instead
+ */
 export declare const Accordion: ({ items }: AccordionInterface) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/src/lib/accordion/accordion.js

@@ -4,6 +4,9 @@ import React from 'react';
 import { randomId } from '@sebgroup/extract';
 import AccordionItem from './accordion-item.js';
 
+/**
+ * @deprecated Please use the `gds-details` web component from green-core instead
+ */
 var Accordion = function Accordion(_ref) {
   var items = _ref.items;
   var _React$useState = React.useState(randomId()),

package/src/lib/alert-ribbon/alert-ribbon.d.ts

@@ -12,5 +12,8 @@ export interface AlertRibbonProps {
     'aria-live'?: React.AriaAttributes['aria-live'];
     closeAriaLabel?: string;
 }
+/**
+ * @deprecated Please use the `gds-alert` web component from green-core instead
+ */
 export declare function AlertRibbon({ type, header, footer, children, closeText, isCloseable, onClose, role, 'aria-live': ariaLive, closeAriaLabel, }: AlertRibbonProps): import("react/jsx-runtime").JSX.Element;
 export default AlertRibbon;

package/src/lib/alert-ribbon/alert-ribbon.js

@@ -7,6 +7,9 @@ import { Check } from '../icons/check.js';
 import { SquareExclamation } from '../icons/square-exclamation.js';
 import { SquareInfo } from '../icons/square-info.js';
 
+/**
+ * @deprecated Please use the `gds-alert` web component from green-core instead
+ */
 function AlertRibbon(_ref) {
   var type = _ref.type,
     header = _ref.header,

package/src/lib/badge/badge.d.ts

@@ -11,6 +11,8 @@ export interface BadgeProps extends HTMLProps<HTMLSpanElement> {
 /**
  * Renders a badge component.
  *
+ * @deprecated Please use the `gds-badge` web component from green-core instead
+ *
  * @param {React.ReactNode} props.children - The content of the badge.
  * @param {string} props.badgeType - The type of the badge.
  * @param {boolean} props.isCloseable - Indicates if the badge is closeable.

package/src/lib/badge/badge.js

@@ -6,6 +6,8 @@ import React from 'react';
 /**
  * Renders a badge component.
  *
+ * @deprecated Please use the `gds-badge` web component from green-core instead
+ *
  * @param {React.ReactNode} props.children - The content of the badge.
  * @param {string} props.badgeType - The type of the badge.
  * @param {boolean} props.isCloseable - Indicates if the badge is closeable.

package/src/lib/breadcrumb/breadcrumb.d.ts

@@ -3,5 +3,8 @@ export type BreadcrumbProps = {
     className?: string;
 };
 export type BreadcrumItembProps = JSX.IntrinsicElements['li'];
+/**
+ * @deprecated Please use the `gds-breadcrumbs` web component from green-core instead
+ */
 export declare const Breadcrumb: React.FC<PropsWithChildren<BreadcrumbProps>>;
 export declare const BreadcrumbItem: React.FC<BreadcrumItembProps>;

package/src/lib/breadcrumb/breadcrumb.js

@@ -2,6 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import classNames from 'classnames';
 
+/**
+ * @deprecated Please use the `gds-breadcrumbs` web component from green-core instead
+ */
 var Breadcrumb = function Breadcrumb(_ref) {
   var children = _ref.children,
     className = _ref.className;

package/src/lib/card/card.d.ts

@@ -4,5 +4,8 @@ export interface CardProps {
     header?: ReactNode;
     footer?: ReactNode;
 }
+/**
+ * @deprecated Please use the `gds-card` web component from green-core instead
+ */
 export declare function Card({ children, header, footer }: CardProps): import("react/jsx-runtime").JSX.Element;
 export default Card;

package/src/lib/card/card.js

@@ -1,5 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+/**
+ * @deprecated Please use the `gds-card` web component from green-core instead
+ */
 function Card(_ref) {
   var children = _ref.children,
     header = _ref.header,

package/src/lib/context-menu/context-menu.d.ts

@@ -1,4 +1,7 @@
 import { GdsContextMenu, GdsMenuHeading, GdsMenuItem } from '@sebgroup/green-core/components/context-menu/context-menu.component';
+/**
+ * @deprecated Please use the `gds-context-menu` web component from green-core instead
+ */
 export declare const ContextMenu: import("@lit/react").ReactWebComponent<GdsContextMenu, {
     onMenuItemClick: string;
     onUiStateChange: string;

package/src/lib/context-menu/context-menu.js

@@ -7,6 +7,9 @@ import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-st
 GdsContextMenu.define();
 GdsMenuHeading.define();
 registerTransitionalStyles();
+/**
+ * @deprecated Please use the `gds-context-menu` web component from green-core instead
+ */
 var ContextMenu = createComponent({
   tagName: getScopedTagName('gds-context-menu'),
   elementClass: GdsContextMenu,

package/src/lib/datepicker/datepicker.d.ts

@@ -91,5 +91,8 @@ export type DatepickerOptions = {
      */
     currentDate?: Date;
 };
+/**
+ * @deprecated Please use the `gds-datepicker` web component from green-core instead
+ */
 export declare const Datepicker: React.ForwardRefExoticComponent<Omit<DatepickerOptions, "ref"> & React.RefAttributes<unknown>>;
 export default Datepicker;

package/src/lib/datepicker/datepicker.js

@@ -16,6 +16,9 @@ var CoreDatepicker = createComponent({
   },
   react: React
 });
+/**
+ * @deprecated Please use the `gds-datepicker` web component from green-core instead
+ */
 var Datepicker = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$label = _a.label,
     label = _a$label === void 0 ? 'Date' : _a$label,

package/src/lib/dropdown/dropdown.d.ts

@@ -60,5 +60,8 @@ export interface DropdownProps extends DropdownArgs {
     onChange?: OnChange;
     required?: boolean;
 }
+/**
+ * @deprecated Please use the `gds-dropdown` web component from green-core instead
+ */
 export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, disableMobileStyles, onGdsUiState, required, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/src/lib/dropdown/dropdown.js

@@ -25,6 +25,9 @@ var CoreOption = createComponent({
   elementClass: GdsOption,
   react: React
 });
+/**
+ * @deprecated Please use the `gds-dropdown` web component from green-core instead
+ */
 var Dropdown = function Dropdown(_a) {
   var compareWith = _a.compareWith,
     _a$display = _a.display,

package/src/lib/filter-chips/filter-chips.d.ts

@@ -1,3 +1,6 @@
 import { GdsFilterChip, GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.component';
+/**
+ * @deprecated Please use the `gds-filter-chips` web component from green-core instead
+ */
 export declare const FilterChips: import("@lit/react").ReactWebComponent<GdsFilterChips<any>, {}>;
 export declare const FilterChip: import("@lit/react").ReactWebComponent<GdsFilterChip<any>, {}>;

package/src/lib/filter-chips/filter-chips.js

@@ -6,6 +6,9 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 
 GdsFilterChips.define();
 register();
+/**
+ * @deprecated Please use the `gds-filter-chips` web component from green-core instead
+ */
 var FilterChips = createComponent({
   tagName: getScopedTagName('gds-filter-chips'),
   elementClass: GdsFilterChips,

package/src/lib/form/button/button.d.ts

@@ -10,5 +10,8 @@ export interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTML
     /** Renders as a `data-testid` attribute on the `<button>` element, useful in testing scenarios. */
     testId?: string;
 }
+/**
+ * @deprecated Please use the `gds-button` web component from green-core instead
+ */
 export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;

package/src/lib/form/button/button.js

@@ -3,6 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classNames from 'classnames';
 
+/**
+ * @deprecated Please use the `gds-button` web component from green-core instead
+ */
 var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b;
   var className = _a.className,

package/src/lib/form/checkbox/checkbox.d.ts

@@ -12,4 +12,7 @@ export interface CheckboxProps extends HTMLProps<HTMLInputElement> {
     /** A handler function that takes the event and can act on it */
     onChange?: FormEventHandler<HTMLInputElement>;
 }
+/**
+ * @deprecated Please use the `gds-checkbox` web component from green-core instead
+ */
 export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/src/lib/form/checkbox/checkbox.js

@@ -6,6 +6,9 @@ import classNames from 'classnames';
 import { randomId, validateClassName } from '@sebgroup/extract';
 import { IconTriangleExclamation } from '@sebgroup/green-core/react';
 
+/**
+ * @deprecated Please use the `gds-checkbox` web component from green-core instead
+ */
 var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
   var ariaDescribedBy = _a['aria-describedby'],
     _a$id = _a.id,

package/src/lib/form/input/input.d.ts

@@ -42,6 +42,9 @@ export interface InputProps extends IExpandableInformation, DetailedHTMLProps<In
      */
     'aria-live'?: React.AriaAttributes['aria-live'];
 }
+/**
+ * @deprecated Please use the `gds-input` web component from green-core instead
+ */
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export declare const EmailInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/src/lib/form/input/input.js

@@ -18,6 +18,9 @@ import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 import '../useInput.js';
 
+/**
+ * @deprecated Please use the `gds-input` web component from green-core instead
+ */
 var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
   var ariaDescribedBy = _a['aria-describedby'],
     _a$ariaLive = _a['aria-live'],

package/src/lib/form/text/text.d.ts

@@ -2,5 +2,8 @@ import { ReactNode } from 'react';
 interface TextProps {
     children: ReactNode;
 }
+/**
+ * @deprecated Please use the `gds-text` web component from green-core instead
+ */
 export declare const Text: ({ children }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

package/src/lib/form/text/text.js

@@ -1,5 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 
+/**
+ * @deprecated Please use the `gds-text` web component from green-core instead
+ */
 var Text = function Text(_ref) {
   var children = _ref.children;
   return jsx("span", {

package/src/lib/form/textarea/textarea.d.ts

@@ -17,4 +17,7 @@ export interface ITextAreaProps extends IExpandableInformation, DetailedHTMLProp
     /** Value of textarea */
     value?: string;
 }
+/**
+ * @deprecated Please use the `gds-textarea` web component from green-core instead
+ */
 export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<ITextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/src/lib/form/textarea/textarea.js

@@ -14,6 +14,9 @@ import '@sebgroup/green-core/react';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 
+/**
+ * @deprecated Please use the `gds-textarea` web component from green-core instead
+ */
 var TextArea = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$ariaLive = _a['aria-live'],
     ariaLive = _a$ariaLive === void 0 ? 'assertive' : _a$ariaLive,

package/src/lib/icons/bankId.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from '../../types/props';
 /**
  * @deprecated
- * This component is deprecated. Use the `gds-icon-bankid` component instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use the `gds-icon-bankid` component instead from `@sebgroup/green-core`.
  */
 export declare const BankId: ({ fill, focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/bankId.js

@@ -4,7 +4,7 @@ import { randomId } from '@sebgroup/extract';
 
 /**
  * @deprecated
- * This component is deprecated. Use the `gds-icon-bankid` component instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use the `gds-icon-bankid` component instead from `@sebgroup/green-core`.
  */
 var BankId = function BankId(_a) {
   var fill = _a.fill,

package/src/lib/icons/check.d.ts

@@ -2,6 +2,6 @@ import { IconProps } from '../../types/props';
 /**
  *
  * @deprecated
- * This component is deprecated. Use `Check` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-check` instead from `@sebgroup/green-core`.
  */
 export declare const Check: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/check.js

@@ -4,7 +4,7 @@ import { randomId } from '@sebgroup/extract';
 /**
  *
  * @deprecated
- * This component is deprecated. Use `Check` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-check` instead from `@sebgroup/green-core`.
  */
 var Check = function Check(_ref) {
   var _ref$focusable = _ref.focusable,

package/src/lib/icons/chevronDown.d.ts

@@ -1,7 +1,7 @@
 import { IconProps } from '../../types/props';
 /**
  * @deprecated
- * This component is deprecated. Use `ChevronDown` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-chevron-down` instead from `@sebgroup/green-core`.
  *
  * */
 export declare const ChevronDown: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/chevronDown.js

@@ -3,7 +3,7 @@ import { randomId } from '@sebgroup/extract';
 
 /**
  * @deprecated
- * This component is deprecated. Use `ChevronDown` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-chevron-down` instead from `@sebgroup/green-core`.
  *
  * */
 var ChevronDown = function ChevronDown(_ref) {

package/src/lib/icons/edit.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from '../../types/props';
 /**
  * @deprecated
- * This component is deprecated. Use `Edit` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-edit` instead from `@sebgroup/green-core`.
  */
 export declare const Edit: ({ focusable, title, fill, width, height, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/edit.js

@@ -4,7 +4,7 @@ import { randomId } from '@sebgroup/extract';
 
 /**
  * @deprecated
- * This component is deprecated. Use `Edit` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-edit` instead from `@sebgroup/green-core`.
  */
 var Edit = function Edit(_a) {
   var _a$focusable = _a.focusable,

package/src/lib/icons/infoCircle.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from '../../types/props';
 /**
  * @deprecated
- * This component is deprecated. Use `InfoCircle` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-info-circle` instead from `@sebgroup/green-core`.
  */
 export declare const InfoCircle: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/infoCircle.js

@@ -4,7 +4,7 @@ import { randomId } from '@sebgroup/extract';
 
 /**
  * @deprecated
- * This component is deprecated. Use `InfoCircle` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-info-circle` instead from `@sebgroup/green-core`.
  */
 var InfoCircle = function InfoCircle(_a) {
   var _a$focusable = _a.focusable,

package/src/lib/icons/square-exclamation.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from '../../types/props';
 /**
  * @deprecated
- * This component is deprecated. Use `SquareExclamation` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-square-exclamation` instead from `@sebgroup/green-core`.
  */
 export declare const SquareExclamation: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/square-exclamation.js

@@ -4,7 +4,7 @@ import { randomId } from '@sebgroup/extract';
 
 /**
  * @deprecated
- * This component is deprecated. Use `SquareExclamation` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-square-exclamation` instead from `@sebgroup/green-core`.
  */
 var SquareExclamation = function SquareExclamation(_a) {
   var _a$focusable = _a.focusable,

package/src/lib/icons/square-info.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from '../../types/props';
 /**
  * @deprecated
- * This component is deprecated. Use `SquareInfo` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-square-info` instead from `@sebgroup/green-core`.
  */
 export declare const SquareInfo: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/square-info.js

@@ -4,7 +4,7 @@ import { randomId } from '@sebgroup/extract';
 
 /**
  * @deprecated
- * This component is deprecated. Use `SquareInfo` instead from `@sebgroup/green-react`.
+ * This component is deprecated. Use `gds-icon-square-info` instead from `@sebgroup/green-core`.
  */
 var SquareInfo = function SquareInfo(_a) {
   var _a$focusable = _a.focusable,

package/src/lib/icons/times.d.ts

@@ -1,2 +1,6 @@
 import { IconProps } from '../../types/props';
+/**
+ * @deprecated
+ * This component is deprecated. Use `gds-icon-cross` instead from `@sebgroup/green-core`.
+ */
 export declare const Times: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/times.js

@@ -1,6 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { randomId } from '@sebgroup/extract';
 
+/**
+ * @deprecated
+ * This component is deprecated. Use `gds-icon-cross` instead from `@sebgroup/green-core`.
+ */
 var Times = function Times(_ref) {
   var _ref$focusable = _ref.focusable,
     focusable = _ref$focusable === void 0 ? false : _ref$focusable,

package/src/lib/layout/flexbox/flexbox.d.ts

@@ -9,5 +9,8 @@ export interface FlexboxProps extends HTMLProps<HTMLDivElement> {
     flexWrap?: FlexWrapType;
     className?: string;
 }
+/**
+ * @deprecated Please use the `gds-flex` web component from green-core instead
+ */
 export declare const Flexbox: ({ alignContent, alignItems, alignSelf, children, justifyContent, flexDirection, flexWrap, className, ...props }: PropsWithChildren<FlexboxProps>) => import("react/jsx-runtime").JSX.Element;
 export default Flexbox;

package/src/lib/layout/flexbox/flexbox.js

@@ -3,6 +3,9 @@ import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useLayoutEffect } from 'react';
 
+/**
+ * @deprecated Please use the `gds-flex` web component from green-core instead
+ */
 var Flexbox = function Flexbox(_a) {
   var alignContent = _a.alignContent,
     alignItems = _a.alignItems,

package/src/lib/link/link.d.ts

@@ -4,5 +4,8 @@ interface LinkProps extends HTMLProps<HTMLAnchorElement> {
     button?: boolean | ButtonVariant;
     secondary?: boolean;
 }
+/**
+ * @deprecated Please use the `gds-link` web component from green-core instead
+ */
 export declare const Link: ({ button, secondary, children, className, role, ...otherProps }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/src/lib/link/link.js

@@ -2,6 +2,9 @@ import { _ as __rest } from '../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 
+/**
+ * @deprecated Please use the `gds-link` web component from green-core instead
+ */
 var Link = function Link(_a) {
   var button = _a.button,
     secondary = _a.secondary,

package/src/lib/modal/modal.d.ts

@@ -17,5 +17,8 @@ export interface ModalProps {
     preventBackdropClose?: boolean;
     enableBodyScrollLock?: boolean;
 }
+/**
+ * @deprecated Please use the `gds-dialog` web component from green-core instead
+ */
 export declare const Modal: ({ type, id, isOpen, size, enableBodyScrollLock, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Modal;

package/src/lib/modal/modal.js

@@ -88,6 +88,9 @@ var IS_MOUNTING = 'is-mounting';
 var IS_ENTERING = 'is-entering';
 var ENTERED = 'entered';
 var IS_EXITING = 'is-exiting';
+/**
+ * @deprecated Please use the `gds-dialog` web component from green-core instead
+ */
 var Modal = function Modal(_a) {
   var _a$type = _a.type,
     type = _a$type === void 0 ? 'default' : _a$type,

package/src/lib/navbar/navbar.d.ts

@@ -8,5 +8,8 @@ export interface NavProps extends HTMLAttributes<HTMLElement> {
     variant?: NavbarVariant;
     children?: ReactNode;
 }
+/**
+ * @deprecated Please use the `gds-menu-button` web component from green-core instead
+ */
 export declare const Navbar: ({ children, variant, title, titleLink, brandLink, brandAriaLabel, }: NavProps) => import("react/jsx-runtime").JSX.Element;
 export default Navbar;

package/src/lib/navbar/navbar.js

@@ -5,7 +5,9 @@ import { Link } from '../link/link.js';
 import '../../../_tslib.js';
 import 'classnames';
 
-//TODO: Add variants
+/**
+ * @deprecated Please use the `gds-menu-button` web component from green-core instead
+ */
 var Navbar = function Navbar(_ref) {
   var children = _ref.children,
     variant = _ref.variant,

package/src/lib/popover/popover.d.ts

@@ -1,2 +1,5 @@
 import { GdsPopover } from '@sebgroup/green-core/components/popover/popover.component';
+/**
+ * @deprecated Please use the `gds-popover` web component from green-core instead
+ */
 export declare const Popover: import("@lit/react").ReactWebComponent<GdsPopover, {}>;

package/src/lib/popover/popover.js

@@ -6,6 +6,9 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 
 GdsPopover.define();
 PopoverTransitionalStyles.register();
+/**
+ * @deprecated Please use the `gds-popover` web component from green-core instead
+ */
 var Popover = createComponent({
   tagName: getScopedTagName('gds-popover'),
   elementClass: GdsPopover,

package/src/lib/segmented-control/segmented-control.d.ts

@@ -1,9 +1,15 @@
 import React, { ReactNode } from 'react';
 import { GdsSegment as CoreSegment } from '@sebgroup/green-core/components/segmented-control/segment/segment.component';
 import { GdsSegmentedControl as CoreSegmentedControl } from '@sebgroup/green-core/components/segmented-control/segmented-control.component';
+/**
+ * @deprecated - Use the `gds-segmented-control` web component from green-core instead.
+ */
 export declare const GdsSegementedControl: import("@lit/react").ReactWebComponent<CoreSegmentedControl<any>, {
     onchange: string;
 }>;
+/**
+ * @deprecated - Use the `gds-segmented-control` web component from green-core instead.
+ */
 export declare const GdsSegment: import("@lit/react").ReactWebComponent<CoreSegment<any>, {}>;
 export interface SegmentedControlProps {
     value?: string;
@@ -23,7 +29,7 @@ export interface SegmentProps {
     /** @deprecated */
     segMinWidth?: number;
 }
-/** @deprecated - Use `GdsSegmentedControl` instead */
+/** @deprecated - Use the `gds-segmented-control` web component from green-core instead. */
 export declare const SegmentedControl: React.FC<SegmentedControlProps>;
-/** @deprecated - Use `GdsSegmented` instead */
+/** @deprecated - Use the `gds-segmented-control` web component from green-core instead. */
 export declare const Segment: React.FC<SegmentProps>;

package/src/lib/segmented-control/segmented-control.js

@@ -10,6 +10,9 @@ import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-st
 
 GdsSegmentedControl.define();
 registerTransitionalStyles();
+/**
+ * @deprecated - Use the `gds-segmented-control` web component from green-core instead.
+ */
 var GdsSegementedControl = createComponent({
   tagName: getScopedTagName('gds-segmented-control'),
   elementClass: GdsSegmentedControl,
@@ -18,12 +21,15 @@ var GdsSegementedControl = createComponent({
   },
   react: React
 });
+/**
+ * @deprecated - Use the `gds-segmented-control` web component from green-core instead.
+ */
 var GdsSegment = createComponent({
   tagName: getScopedTagName('gds-segment'),
   elementClass: GdsSegment$1,
   react: React
 });
-/** @deprecated - Use `GdsSegmentedControl` instead */
+/** @deprecated - Use the `gds-segmented-control` web component from green-core instead. */
 var SegmentedControl = function SegmentedControl(_a) {
   var onChange = _a.onChange,
     className = _a.className,
@@ -33,7 +39,7 @@ var SegmentedControl = function SegmentedControl(_a) {
     className: classNames(className)
   }, props));
 };
-/** @deprecated - Use `GdsSegmented` instead */
+/** @deprecated - Use the `gds-segmented-control` web component from green-core instead. */
 var Segment = function Segment(_a) {
   var className = _a.className,
     minWidth = _a.minWidth,

package/src/lib/select/select.d.ts

@@ -17,6 +17,9 @@ export interface SelectProps extends IExpandableInformation, ILabelAndLabelInfor
      */
     labelInformation?: string;
 }
+/**
+ * @deprecated Use the `gds-select` web component from green-core instead.
+ */
 export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
 type OptionProps = React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>;
 export declare const Option: (props: OptionProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/select/select.js

@@ -15,6 +15,9 @@ import '@sebgroup/green-core/react';
 import '../icons/times.js';
 import '../icons/infoCircle.js';
 
+/**
+ * @deprecated Use the `gds-select` web component from green-core instead.
+ */
 var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$ariaLive = _a['aria-live'],
     ariaLive = _a$ariaLive === void 0 ? 'assertive' : _a$ariaLive,