-
-
- {children}
-
- {withCopyButton && (
-
-
-
- )}
-
-
- >
- );
-}
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index f687f6087..3d244b534 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -65,7 +65,6 @@ export type { SearchFieldProps } from './SearchField';
export type { ListBoxSectionProps, MenuSectionProps } from './Section';
export type { SelectProps, SelectValueProps } from './Select';
export type { SeparatorProps } from './Separator';
-export type { SnippetLang } from './Snippet';
export type { SwitchProps } from './Switch';
export type {
CellProps,
@@ -269,7 +268,6 @@ export {
selectValueStyles,
} from './Select';
export { Separator, SeparatorContext, separatorStyles } from './Separator';
-export { Snippet } from './Snippet';
export { Switch, SwitchContext, switchStyles } from './Switch';
export {
Cell,
diff --git a/packages/components/src/styles/Snippet.module.css b/packages/components/src/styles/Snippet.module.css
deleted file mode 100644
index a9a75e386..000000000
--- a/packages/components/src/styles/Snippet.module.css
+++ /dev/null
@@ -1,132 +0,0 @@
-@import 'prism-themes/themes/prism-ghcolors.css';
-
-.snippet {
- border: 1px solid var(--lp-color-border-ui-secondary);
- border-radius: 3px;
- overflow-x: auto;
- overflow-y: auto;
-}
-
-.snippet > pre {
- position: relative;
- white-space: pre-wrap;
- word-break: break-word;
- width: 100%;
-}
-
-.copyable {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- position: relative;
-}
-
-.header {
- display: flex;
- justify-content: space-between;
- color: var(--lp-color-text-ui-secondary);
- font-size: var(--lp-font-size-200);
- line-height: var(--lp-line-height-200);
- width: 100%;
-}
-
-.copyable [class*='_CopyToClipboard'] {
- position: absolute;
- top: var(--lp-spacing-400);
- right: var(--lp-spacing-400);
- visibility: hidden;
-}
-
-.copyable:hover [class*='_CopyToClipboard'] {
- visibility: visible;
-}
-
-.Snippet--inline {
- border: none;
-}
-
-.snippet pre[class*='language-'] {
- margin: 0;
- border: none;
- background-color: var(--lp-color-bg-ui-secondary);
- padding-right: 2rem;
-}
-
-.snippet pre[class*='language-'] [data-theme='dark'] {
- background-color: var(--lp-color-bg-ui-tertiary);
- color: var(--lp-color-gray-200);
-}
-
-.snippet pre[class*='language-'],
-.snippet code[class*='language-'] {
- font-family: var(--lp-font-family-monospace);
- line-height: 140%;
- color: var(--lp-color-text-code-base);
-}
-
-.snippet code {
- padding-left: 0;
- background-color: transparent;
- z-index: var(--stacking-above-new-context);
- white-space: pre-wrap;
- word-break: break-word;
- border: none;
-}
-
-.snippet:not(.useDefaultHighlighting) .line-highlight {
- margin-top: 0;
- background: var(--lp-color-brand-yellow-light);
- z-index: var(--stacking-new-context);
-}
-
-.snippet:not(.useDefaultHighlighting) .line-highlight [data-theme='dark'] {
- background: #3c4200;
-}
-
-.snippet pre[class*='language-'].line-numbers {
- line-height: 0.625rem;
- padding-bottom: var(--lp-spacing-400);
- padding-top: var(--lp-spacing-400);
- overflow-y: hidden;
- white-space: pre-wrap;
- z-index: var(--stacking-above-new-context);
-}
-
-.snippet .line-numbers .line-numbers-rows {
- border: none;
- left: -3em;
- width: 2em;
-}
-
-.snippet .token.operator,
-.snippet .token.punctuation {
- color: var(--lp-color-text-ui-primary-base);
-}
-
-.snippet .token.function {
- color: var(--lp-color-text-code-function);
- font-weight: var(--lp-font-weight-regular);
-}
-
-.snippet .token.tag {
- color: var(--lp-color-text-code-tag);
-}
-
-.token.attr-value,
-.token.string {
- color: var(--lp-color-text-code-string);
-}
-
-.snippet .token.property {
- color: var(--lp-color-text-code-keyword);
-}
-
-.snippet .token.keyword {
- color: var(--lp-color-text-code-keyword);
-}
-
-.copyButton {
- position: absolute;
- right: 0;
- top: 0;
-}
diff --git a/packages/components/stories/Snippet.stories.tsx b/packages/components/stories/Snippet.stories.tsx
deleted file mode 100644
index 26582bcdb..000000000
--- a/packages/components/stories/Snippet.stories.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Snippet } from '../src/Snippet';
-
-const meta: Meta