diff --git a/.changeset/thick-falcons-crash.md b/.changeset/thick-falcons-crash.md new file mode 100644 index 0000000000..e4af883301 --- /dev/null +++ b/.changeset/thick-falcons-crash.md @@ -0,0 +1,5 @@ +--- +"@navikt/ds-react": patch +--- + +Panel: Komponent er nå markert som deprecated. Bruk `Box` i fremtiden. diff --git a/@navikt/core/react/src/panel/Panel.tsx b/@navikt/core/react/src/panel/Panel.tsx index 032a84fcc4..002c1dace8 100644 --- a/@navikt/core/react/src/panel/Panel.tsx +++ b/@navikt/core/react/src/panel/Panel.tsx @@ -2,6 +2,9 @@ import cl from "clsx"; import React, { forwardRef } from "react"; import { OverridableComponent } from "../util/types"; +/** + * @deprecated Use Box with padding and border instead + */ export interface PanelProps extends React.HTMLAttributes { /** * Panel content @@ -17,23 +20,13 @@ export interface PanelProps extends React.HTMLAttributes { export type PanelType = OverridableComponent; /** - * A component that displays a bordered panel with heading and body. - * - * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/panel) - * @see 🏷️ {@link PanelProps} - * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support - * - * @example - * ```jsx - * - * - * Søk om økonomisk sosialhjelp - * - * - * Du kan søke om det du trenger økonomisk støtte til. - * - * + * @deprecated + * Use Box with padding and border instead + * ``` + * + * * ``` + * Component will be removed in a future major release */ export const Panel: PanelType = forwardRef( ( diff --git a/@navikt/core/react/src/panel/panel.stories.tsx b/@navikt/core/react/src/panel/panel.stories.tsx deleted file mode 100644 index 85b04cbae8..0000000000 --- a/@navikt/core/react/src/panel/panel.stories.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import { Meta } from "@storybook/react"; -import React from "react"; -import { Panel } from "../index"; - -export default { - title: "ds-react/Panel", - component: Panel, - argTypes: { - border: { - defaultValue: true, - control: { - type: "boolean", - }, - }, - }, -} as Meta; - -export const Default = { - render: (props) => { - return ( - - Eu quis exercitation voluptate ex. Aute irure esse occaecat minim - cupidatat velit minim duis sint culpa anim laboris. Consectetur nulla eu - commodo ea culpa velit commodo incididunt sunt ipsum. Amet anim - adipisicing minim ipsum do. Non laborum culpa reprehenderit est sint - officia quis excepteur. Fugiat eiusmod eiusmod commodo incididunt nisi - minim ex eu cupidatat quis ex. Lorem irure ea ea enim consectetur ea - aliqua cupidatat. Officia aute veniam aute exercitation ipsum aliqua - adipisicing. Est aliqua ad ullamco aute nostrud amet ea adipisicing - consequat id officia irure pariatur. Eu mollit amet culpa culpa velit. - - ); - }, -}; - -export const Border = () => { - return ( -
- - Eu quis exercitation voluptate ex. Aute irure esse occaecat minim - cupidatat velit minim duis sint culpa anim laboris. Consectetur nulla eu - commodo ea culpa velit commodo incididunt sunt ipsum. Amet anim - adipisicing minim ipsum do. Non laborum culpa reprehenderit est sint - officia quis excepteur. Fugiat eiusmod eiusmod commodo incididunt nisi - minim ex eu cupidatat quis ex. Lorem irure ea ea enim consectetur ea - aliqua cupidatat. Officia aute veniam aute exercitation ipsum aliqua - adipisicing. Est aliqua ad ullamco aute nostrud amet ea adipisicing - consequat id officia irure pariatur. Eu mollit amet culpa culpa velit. - - - Eu quis exercitation voluptate ex. Aute irure esse occaecat minim - cupidatat velit minim duis sint culpa anim laboris. Consectetur nulla eu - commodo ea culpa velit commodo incididunt sunt ipsum. Amet anim - adipisicing minim ipsum do. Non laborum culpa reprehenderit est sint - officia quis excepteur. Fugiat eiusmod eiusmod commodo incididunt nisi - minim ex eu cupidatat quis ex. Lorem irure ea ea enim consectetur ea - aliqua cupidatat. Officia aute veniam aute exercitation ipsum aliqua - adipisicing. Est aliqua ad ullamco aute nostrud amet ea adipisicing - consequat id officia irure pariatur. Eu mollit amet culpa culpa velit. - -
- ); -};