@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

package/declarations/modifiers/hds-code-editor/themes/hds-dark-theme.d.ts

@@ -1,6 +0,0 @@
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-declare const hdsDark: import("@codemirror/state").Extension;
-export default hdsDark;

package/dist/_app_/modifiers/hds-code-editor/highlight-styles/hds-dark-highlight-style.js

@@ -1 +0,0 @@
-export { default } from "@hashicorp/design-system-components/modifiers/hds-code-editor/highlight-styles/hds-dark-highlight-style";

package/dist/modifiers/hds-code-editor/highlight-styles/hds-dark-highlight-style.js

@@ -1,108 +0,0 @@
-import { tags } from '@lezer/highlight';
-import { HighlightStyle } from '@codemirror/language';
-import { HDS_CODE_BLOCK_CYAN, HDS_CODE_BLOCK_BLUE, HDS_CODE_BLOCK_ORANGE, HDS_CODE_BLOCK_PURPLE, HDS_CODE_BLOCK_GREEN, HDS_CODE_BLOCK_RED, HDS_CODE_BLOCK_WHITE, HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY } from '../palettes/hds-dark-palette.js';
-
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-
-const hdsDarkHighlightStyle = HighlightStyle.define([
-// Cyan | Property, url, or operator
-{
-  tag: tags.propertyName,
-  color: HDS_CODE_BLOCK_CYAN
-}, {
-  tag: tags.url,
-  color: HDS_CODE_BLOCK_CYAN
-}, {
-  tag: tags.operator,
-  color: HDS_CODE_BLOCK_CYAN
-}, {
-  tag: tags.attributeValue,
-  color: HDS_CODE_BLOCK_CYAN
-},
-// Blue | Function, builtins
-{
-  tag: tags.attributeName,
-  color: HDS_CODE_BLOCK_BLUE
-}, {
-  tag: tags.function(tags.variableName),
-  color: HDS_CODE_BLOCK_BLUE
-}, {
-  tag: tags.function(tags.propertyName),
-  color: HDS_CODE_BLOCK_BLUE
-},
-// Orange | Strings, characters
-{
-  tag: tags.string,
-  color: HDS_CODE_BLOCK_ORANGE
-}, {
-  tag: tags.regexp,
-  color: HDS_CODE_BLOCK_ORANGE
-},
-// Purple | Booleans, numbers
-{
-  tag: tags.bool,
-  color: HDS_CODE_BLOCK_PURPLE
-}, {
-  tag: tags.number,
-  color: HDS_CODE_BLOCK_PURPLE
-},
-// Green | Keywords, class names, saving the world
-{
-  tag: tags.keyword,
-  color: HDS_CODE_BLOCK_GREEN
-}, {
-  tag: tags.className,
-  color: HDS_CODE_BLOCK_GREEN
-},
-// Red | Important items
-{
-  tag: tags.deleted,
-  color: HDS_CODE_BLOCK_RED
-},
-// White | Default color within the code block, also used for punctuation
-{
-  tag: tags.name,
-  color: HDS_CODE_BLOCK_WHITE
-}, {
-  tag: tags.punctuation,
-  color: HDS_CODE_BLOCK_WHITE
-},
-// Gray | Used for comments across languages
-{
-  tag: tags.comment,
-  color: HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY
-},
-// Markdown specific
-{
-  tag: tags.heading,
-  color: HDS_CODE_BLOCK_BLUE,
-  fontWeight: 'bold'
-}, {
-  tag: tags.strong,
-  color: HDS_CODE_BLOCK_ORANGE,
-  fontWeight: 'bold'
-}, {
-  tag: tags.emphasis,
-  color: HDS_CODE_BLOCK_ORANGE,
-  fontStyle: 'italic'
-}, {
-  tag: tags.link,
-  color: HDS_CODE_BLOCK_CYAN,
-  textDecoration: 'underline'
-}, {
-  tag: tags.quote,
-  color: HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY,
-  fontStyle: 'italic'
-}, {
-  tag: tags.list,
-  color: HDS_CODE_BLOCK_WHITE
-}, {
-  tag: tags.monospace,
-  color: HDS_CODE_BLOCK_GREEN
-}]);
-
-export { hdsDarkHighlightStyle as default };
-//# sourceMappingURL=hds-dark-highlight-style.js.map

package/dist/modifiers/hds-code-editor/highlight-styles/hds-dark-highlight-style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hds-dark-highlight-style.js","sources":["../../../../src/modifiers/hds-code-editor/highlight-styles/hds-dark-highlight-style.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { tags } from '@lezer/highlight';\nimport { HighlightStyle } from '@codemirror/language';\nimport {\n  HDS_CODE_BLOCK_BLUE,\n  HDS_CODE_BLOCK_GREEN,\n  HDS_CODE_BLOCK_ORANGE,\n  HDS_CODE_BLOCK_PURPLE,\n  HDS_CODE_BLOCK_RED,\n  HDS_CODE_BLOCK_CYAN,\n  HDS_CODE_BLOCK_WHITE,\n  HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY,\n} from '../palettes/hds-dark-palette.ts';\n\nconst hdsDarkHighlightStyle = HighlightStyle.define([\n  // Cyan | Property, url, or operator\n  { tag: tags.propertyName, color: HDS_CODE_BLOCK_CYAN },\n  { tag: tags.url, color: HDS_CODE_BLOCK_CYAN },\n  { tag: tags.operator, color: HDS_CODE_BLOCK_CYAN },\n  { tag: tags.attributeValue, color: HDS_CODE_BLOCK_CYAN },\n\n  // Blue | Function, builtins\n  { tag: tags.attributeName, color: HDS_CODE_BLOCK_BLUE },\n  { tag: tags.function(tags.variableName), color: HDS_CODE_BLOCK_BLUE },\n  { tag: tags.function(tags.propertyName), color: HDS_CODE_BLOCK_BLUE },\n\n  // Orange | Strings, characters\n  { tag: tags.string, color: HDS_CODE_BLOCK_ORANGE },\n  { tag: tags.regexp, color: HDS_CODE_BLOCK_ORANGE },\n\n  // Purple | Booleans, numbers\n  { tag: tags.bool, color: HDS_CODE_BLOCK_PURPLE },\n  { tag: tags.number, color: HDS_CODE_BLOCK_PURPLE },\n\n  // Green | Keywords, class names, saving the world\n  { tag: tags.keyword, color: HDS_CODE_BLOCK_GREEN },\n  { tag: tags.className, color: HDS_CODE_BLOCK_GREEN },\n\n  // Red | Important items\n  { tag: tags.deleted, color: HDS_CODE_BLOCK_RED },\n\n  // White | Default color within the code block, also used for punctuation\n  { tag: tags.name, color: HDS_CODE_BLOCK_WHITE },\n  { tag: tags.punctuation, color: HDS_CODE_BLOCK_WHITE },\n\n  // Gray | Used for comments across languages\n  { tag: tags.comment, color: HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY },\n\n  // Markdown specific\n  { tag: tags.heading, color: HDS_CODE_BLOCK_BLUE, fontWeight: 'bold' },\n  { tag: tags.strong, color: HDS_CODE_BLOCK_ORANGE, fontWeight: 'bold' },\n  { tag: tags.emphasis, color: HDS_CODE_BLOCK_ORANGE, fontStyle: 'italic' },\n  { tag: tags.link, color: HDS_CODE_BLOCK_CYAN, textDecoration: 'underline' },\n  {\n    tag: tags.quote,\n    color: HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY,\n    fontStyle: 'italic',\n  },\n  { tag: tags.list, color: HDS_CODE_BLOCK_WHITE },\n  { tag: tags.monospace, color: HDS_CODE_BLOCK_GREEN },\n]);\n\nexport default hdsDarkHighlightStyle;\n"],"names":["hdsDarkHighlightStyle","HighlightStyle","define","tag","tags","propertyName","color","HDS_CODE_BLOCK_CYAN","url","operator","attributeValue","attributeName","HDS_CODE_BLOCK_BLUE","function","variableName","string","HDS_CODE_BLOCK_ORANGE","regexp","bool","HDS_CODE_BLOCK_PURPLE","number","keyword","HDS_CODE_BLOCK_GREEN","className","deleted","HDS_CODE_BLOCK_RED","name","HDS_CODE_BLOCK_WHITE","punctuation","comment","HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY","heading","fontWeight","strong","emphasis","fontStyle","link","textDecoration","quote","list","monospace"],"mappings":"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"}

package/dist/modifiers/hds-code-editor/palettes/hds-dark-palette.js

@@ -1,25 +0,0 @@
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-
-const HDS_CODE_BLOCK_WHITE = '#efeff1';
-const HDS_CODE_BLOCK_BLUE = '#2d8eff';
-const HDS_CODE_BLOCK_GREEN = '#86ff13';
-const HDS_CODE_BLOCK_ORANGE = '#ffa800';
-const HDS_CODE_BLOCK_PURPLE = '#c76cff';
-const HDS_CODE_BLOCK_RED = '#ff3b20';
-const HDS_CODE_BLOCK_CYAN = '#32fff7';
-const HDS_CODE_BLOCK_LINE_HIGHLIGHT = 'rgba(0, 74, 222, 0.2)';
-const HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER = '#1b5fe5';
-const HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY = '#d5d7db';
-const HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT = '#878a8f';
-const HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL = '#EF3016';
-const HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY = '#0D0E12';
-const HDS_CODE_EDITOR_COLOR_SURFACE_FAINT = '#15181e';
-const HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE = '#2B303C';
-const HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL = '#9BC7FD';
-const HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL = '#0D69F2';
-
-export { HDS_CODE_BLOCK_BLUE, HDS_CODE_BLOCK_CYAN, HDS_CODE_BLOCK_GREEN, HDS_CODE_BLOCK_LINE_HIGHLIGHT, HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER, HDS_CODE_BLOCK_ORANGE, HDS_CODE_BLOCK_PURPLE, HDS_CODE_BLOCK_RED, HDS_CODE_BLOCK_WHITE, HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL, HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL, HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL, HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT, HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY, HDS_CODE_EDITOR_COLOR_SURFACE_FAINT, HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE, HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY };
-//# sourceMappingURL=hds-dark-palette.js.map

package/dist/modifiers/hds-code-editor/palettes/hds-dark-palette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hds-dark-palette.js","sources":["../../../../src/modifiers/hds-code-editor/palettes/hds-dark-palette.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport const HDS_CODE_BLOCK_WHITE = '#efeff1';\nexport const HDS_CODE_BLOCK_BLUE = '#2d8eff';\nexport const HDS_CODE_BLOCK_GREEN = '#86ff13';\nexport const HDS_CODE_BLOCK_ORANGE = '#ffa800';\nexport const HDS_CODE_BLOCK_PURPLE = '#c76cff';\nexport const HDS_CODE_BLOCK_RED = '#ff3b20';\nexport const HDS_CODE_BLOCK_CYAN = '#32fff7';\n\nexport const HDS_CODE_BLOCK_LINE_HIGHLIGHT = 'rgba(0, 74, 222, 0.2)';\nexport const HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER = '#1b5fe5';\n\nexport const HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY = '#d5d7db';\nexport const HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT = '#878a8f';\nexport const HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL = '#EF3016';\n\nexport const HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY = '#0D0E12';\nexport const HDS_CODE_EDITOR_COLOR_SURFACE_FAINT = '#15181e';\nexport const HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE = '#2B303C';\nexport const HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL = '#9BC7FD';\nexport const HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL = '#0D69F2';\n"],"names":["HDS_CODE_BLOCK_WHITE","HDS_CODE_BLOCK_BLUE","HDS_CODE_BLOCK_GREEN","HDS_CODE_BLOCK_ORANGE","HDS_CODE_BLOCK_PURPLE","HDS_CODE_BLOCK_RED","HDS_CODE_BLOCK_CYAN","HDS_CODE_BLOCK_LINE_HIGHLIGHT","HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER","HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY","HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT","HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL","HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY","HDS_CODE_EDITOR_COLOR_SURFACE_FAINT","HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE","HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL","HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL"],"mappings":"AAAA;AACA;AACA;AACA;;AAEO,MAAMA,oBAAoB,GAAG;AAC7B,MAAMC,mBAAmB,GAAG;AAC5B,MAAMC,oBAAoB,GAAG;AAC7B,MAAMC,qBAAqB,GAAG;AAC9B,MAAMC,qBAAqB,GAAG;AAC9B,MAAMC,kBAAkB,GAAG;AAC3B,MAAMC,mBAAmB,GAAG;AAE5B,MAAMC,6BAA6B,GAAG;AACtC,MAAMC,oCAAoC,GAAG;AAE7C,MAAMC,wCAAwC,GAAG;AACjD,MAAMC,sCAAsC,GAAG;AAC/C,MAAMC,yCAAyC,GAAG;AAElD,MAAMC,qCAAqC,GAAG;AAC9C,MAAMC,mCAAmC,GAAG;AAC5C,MAAMC,gDAAgD,GAAG;AACzD,MAAMC,2CAA2C,GAAG;AACpD,MAAMC,2CAA2C,GAAG;;;;"}

package/dist/modifiers/hds-code-editor/themes/hds-dark-theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hds-dark-theme.js","sources":["../../../../src/modifiers/hds-code-editor/themes/hds-dark-theme.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { EditorView } from '@codemirror/view';\nimport {\n  HDS_CODE_BLOCK_LINE_HIGHLIGHT,\n  HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER,\n  HDS_CODE_BLOCK_GREEN,\n  HDS_CODE_BLOCK_WHITE,\n  HDS_CODE_EDITOR_COLOR_SURFACE_FAINT,\n  HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n  HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE,\n  HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL,\n  HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT,\n  HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL,\n  HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL,\n} from '../palettes/hds-dark-palette.ts';\n\nconst CLOSE_BUTTON_SELECTOR = '.cm-panel.cm-panel-lint button[name=\"close\"]';\nconst PANEL_DIAGNOSTIC_ITEM_SELECTOR =\n  '.cm-panel.cm-panel-lint ul li.cm-diagnostic';\n\nconst hdsDark = EditorView.theme(\n  {\n    '&': {\n      color: HDS_CODE_BLOCK_WHITE,\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n      height: '100%',\n    },\n    '.cm-content': {\n      borderLeft: `1px solid var(--token-color-palette-neutral-500)`,\n      height: '100%',\n      padding: '16px 0',\n    },\n    '.cm-content ::selection': {\n      backgroundColor: HDS_CODE_BLOCK_GREEN,\n      color: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '.cm-gutters': {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '.cm-gutter:first-of-type .cm-gutterElement': {\n      borderLeft: '4px solid transparent',\n    },\n    '.cm-lineNumbers': {\n      color: HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT,\n    },\n    '.cm-lineNumbers .cm-gutterElement': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'end',\n      padding: '0px 16px',\n    },\n    '.cm-gutterElement.cm-activeLineGutter': {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '&:not(.cm-hasSelection).cm-focused .cm-gutterElement.cm-activeLineGutter':\n      {\n        borderColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER,\n        backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,\n        color: 'var(--token-color-foreground-high-contrast)',\n        outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`,\n      },\n    '.cm-line': {\n      padding: '4px 16px',\n    },\n    '.cm-activeLine': {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '&:not(.cm-hasSelection).cm-focused .cm-activeLine': {\n      backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,\n      outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`,\n    },\n    '.cm-matchingBracket': {\n      outline: `1px solid ${HDS_CODE_BLOCK_WHITE}`,\n    },\n\n    // set a minimum height on the editor content when linting is enabled\n    '&.cm-lintingEnabled .cm-content': {\n      minHeight: '160px',\n    },\n\n    // replace the underline svg\n    '.cm-lintRange-error': {\n      backgroundImage: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"3\">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22${encodeURIComponent(HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL)}%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>')`,\n    },\n\n    // linting gutter\n    '&.cm-lintingEnabled .cm-lineNumbers .cm-gutterElement': {\n      paddingLeft: '8px',\n    },\n    '.cm-gutter-lint': {\n      width: '28px',\n    },\n    '.cm-gutter-lint .cm-gutterElement': {\n      padding: '0',\n    },\n    '.cm-lint-marker-error': {\n      width: '24px',\n      height: '24px',\n      padding: '6px',\n      content: `url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.56912 0.752289C8.69045 -0.126408 7.26581 -0.126415 6.38713 0.752272L0.730298 6.40911C-0.148388 7.28779 -0.148379 8.71243 0.730316 9.5911L6.38715 15.2478C7.26583 16.1265 8.69044 16.1265 9.56911 15.2478L15.2258 9.59109C16.1045 8.71241 16.1045 7.2878 15.2258 6.40912L9.56912 0.752289ZM5.21967 5.21955C5.51256 4.92665 5.98744 4.92665 6.28033 5.21955L8 6.93922L9.71967 5.21955C10.0126 4.92665 10.4874 4.92665 10.7803 5.21955C11.0732 5.51244 11.0732 5.98731 10.7803 6.28021L9.06066 7.99988L10.7803 9.71955C11.0732 10.0124 11.0732 10.4873 10.7803 10.7802C10.4874 11.0731 10.0126 11.0731 9.71967 10.7802L8 9.06054L6.28033 10.7802C5.98744 11.0731 5.51256 11.0731 5.21967 10.7802C4.92678 10.4873 4.92678 10.0124 5.21967 9.71955L6.93934 7.99988L5.21967 6.28021C4.92678 5.98731 4.92678 5.51244 5.21967 5.21955Z\" fill=\"${encodeURIComponent(HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL)}\"/></svg>');`,\n    },\n\n    // linter diagnostics panel\n    '.cm-panel.cm-panel-lint ul': {\n      backgroundColor: 'var(--token-color-palette-neutral-500)',\n      maxHeight: '85px',\n    },\n    [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}`]: {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n      border: '4px solid transparent',\n      color: 'var(--token-color-foreground-high-contrast)',\n      fontFamily: 'var(--token-typography-body-100-font-family)',\n      fontSize: '13px',\n      marginBottom: '1px',\n      padding: '16px 12px',\n    },\n    [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}:last-of-type`]: {\n      marginBottom: '0',\n    },\n    [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}:hover`]: {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_FAINT,\n    },\n    '.cm-panel.cm-panel-lint ul:focus li.cm-diagnostic[aria-selected]': {\n      background: 'none',\n      backgroundColor: 'var(--token-color-palette-neutral-700)',\n      border: `4px solid ${HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL}`,\n      boxShadow: `inset 0 0 0 1px ${HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL}`,\n      color: 'var(--token-color-foreground-high-contrast)',\n    },\n    '.cm-panels-bottom .cm-panel.cm-panel-lint': {\n      borderTop: `3px solid var(--token-color-palette-neutral-500)`,\n    },\n    '.cm-diagnostic': {\n      borderLeft: 'none',\n    },\n    '.cm-diagnosticText-inner': {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16px',\n    },\n    '.cm-diagnosticText-inner .cm-lint-marker-error': {\n      width: '16px',\n      height: '16px',\n      padding: '0',\n    },\n    // linter diagnostics panel close button\n    [`${CLOSE_BUTTON_SELECTOR}`]: {\n      alignItems: 'center',\n      borderRadius: 'var(--token-border-radius-small)',\n      color: 'var(--token-color-palette-neutral-300)',\n      cursor: 'pointer',\n      display: 'flex',\n      fontFamily: 'var(--token-typography-body-100-font-family)',\n      fontSize: '20px',\n      height: '20px',\n      lineHeight: '20px',\n      paddingBottom: '3px',\n      justifyContent: 'center',\n      right: '22px',\n      top: '6px',\n      width: '20px',\n    },\n    [`${CLOSE_BUTTON_SELECTOR}:hover, ${CLOSE_BUTTON_SELECTOR}:active, ${CLOSE_BUTTON_SELECTOR}:focus`]:\n      {\n        backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE,\n        border: '1px solid transparent',\n        color: 'var(--token-color-palette-neutral-400)',\n      },\n    [`${CLOSE_BUTTON_SELECTOR}:focus`]: {\n      borderColor: 'var(--token-color-focus-action-internal)',\n      outline: `3px solid var(--token-color-focus-action-external)`,\n    },\n\n    // tooltips\n    '.cm-tooltip': {\n      backgroundColor: 'var(--token-color-palette-neutral-600)',\n      borderRadius: 'var(--token-border-radius-small)',\n      color: 'var(--token-color-foreground-high-contrast)',\n      fontFamily: 'var(--token-typography-body-100-font-family)',\n      fontSize: '13px',\n      padding: '8px 12px',\n    },\n    '.cm-tooltip-above': {\n      transform: 'translateX(-4px) translateY(-6px)',\n    },\n    '.cm-tooltip-below': {\n      transform: 'translateX(-4px) translateY(6px)',\n    },\n    // tooltips arrow\n    '.cm-tooltip::before': {\n      borderLeft: '8px solid transparent',\n      borderRight: '8px solid transparent',\n      content: '\"\"',\n      left: '16px',\n      position: 'absolute',\n      transform: 'translateX(-50%)',\n    },\n    '.cm-tooltip-above::before': {\n      borderTop: `8px solid var(--token-color-palette-neutral-600)`,\n      bottom: '-8px',\n    },\n    '.cm-tooltip-below::before': {\n      borderBottom: `8px solid var(--token-color-palette-neutral-600)`,\n      top: '-8px',\n    },\n    // only show the marker within the diagnostics panel\n    '.cm-tooltip .cm-lint-marker-error': {\n      display: 'none',\n    },\n  },\n  { dark: true }\n);\n\nexport default hdsDark;\n"],"names":["CLOSE_BUTTON_SELECTOR","PANEL_DIAGNOSTIC_ITEM_SELECTOR","hdsDark","EditorView","theme","color","HDS_CODE_BLOCK_WHITE","backgroundColor","HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY","height","borderLeft","padding","HDS_CODE_BLOCK_GREEN","HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT","display","alignItems","justifyContent","borderColor","HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER","HDS_CODE_BLOCK_LINE_HIGHLIGHT","outline","minHeight","backgroundImage","encodeURIComponent","HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL","paddingLeft","width","content","maxHeight","border","fontFamily","fontSize","marginBottom","HDS_CODE_EDITOR_COLOR_SURFACE_FAINT","background","HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL","boxShadow","HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL","borderTop","gap","borderRadius","cursor","lineHeight","paddingBottom","right","top","HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE","transform","borderRight","left","position","bottom","borderBottom","dark"],"mappings":"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"}

package/dist/styles/components/code-editor/theme.scss

@@ -1,23 +0,0 @@
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-
-// THEMING
-
-.hds-code-editor--theme-dark {
-  // COLORS
-
-  // Base UI colors:
-  --hds-code-editor-color-border-strong: rgba(178, 182, 189, 40%);
-  --hds-code-editor-color-border-primary: rgba(178, 182, 189, 20%);
-  --hds-code-editor-color-foreground-primary: #d5d7db;
-  --hds-code-editor-color-foreground-faint: #878a8f;
-  --hds-code-editor-color-foreground-high-contrast: #fff;
-  --hds-code-editor-color-surface-faint: #15181e;
-  --hds-code-editor-color-surface-primary: #0d0e12;
-  --hds-code-editor-color-surface-interactive-active: #2b303c;
-  // TODO: Remove focus tokens once global tokens for dark themes are implemented
-  --hds-code-editor-color-focus-action-internal: #9bc7fd;
-  --hds-code-editor-color-focus-action-external: #0d69f2;
-}

package/dist/styles/mixins/_interactive-dark-theme.scss

@@ -1,109 +0,0 @@
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-
-@use "../mixins/focus-ring" as *;
-@use "../mixins/button" as *;
-
-// TODO: Remove focus tokens once global tokens for dark themes are implemented
-$hds-interactive-dark-theme-color-focus-action-internal: #bcc7fd;
-$hds-interactive-dark-theme-color-focus-action-external: #0d69f2;
-$hds-interactive-dark-theme-focus-ring-action-box-shadow:
-  inset 0 0 0 1px #{$hds-interactive-dark-theme-color-focus-action-internal},
-  0 0 0 3px #{$hds-interactive-dark-theme-color-focus-action-external};
-
-// Used to apply dark theme to interactive elements such as Button & Dropdown
-@mixin hds-interactive-dark-theme($add-visible-border: true, $is-within-app-side-nav: false) {
-  // Override token used in focus ring mixin
-  --token-focus-ring-action-box-shadow: #{$hds-interactive-dark-theme-focus-ring-action-box-shadow};
-
-  // Default:
-  border: 1px solid transparent;
-  cursor: pointer;
-
-  @if ($add-visible-border) {
-    border-color: var(--token-color-palette-neutral-500);
-  }
-
-  @if $is-within-app-side-nav {
-    // sidenav specific dark theme tokens
-    color: var(--token-app-side-nav-color-foreground-strong);
-    background-color: transparent; // test
-    border-radius: var(--token-app-side-nav-body-list-item-border-radius);
-  } @else {
-    // general dark theme tokens
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-neutral-700);
-    border-radius: $hds-button-border-radius; // We don't have a button border-radius token so we use the button mixin sass variable
-  }
-
-  // Hover:
-  &:hover,
-  &.mock-hover {
-    @if ($add-visible-border) {
-      border-color: var(--token-color-palette-neutral-500);
-    }
-
-    @if $is-within-app-side-nav {
-      // sidenav specific dark theme tokens
-      color: var(--token-app-side-nav-color-foreground-strong); // to avoid overrides by specificity (eg. `a:hover`)
-      background-color: var(--token-app-side-nav-color-surface-interactive-hover);
-    } @else {
-      // general dark theme tokens
-      color: var(--token-color-foreground-high-contrast); // to avoid overrides by specificity (eg. `a:hover`)
-      background-color: var(--token-color-palette-neutral-600);
-    }
-  }
-
-  // Focus:
-  &:focus,
-  &.mock-focus {
-    @include hds-focus-ring-with-pseudo-element($top: -1px, $right: -1px, $bottom: -1px, $left: -1px);
-
-    // See: https://sass-lang.com/d/mixed-decls
-    & {
-      color: var(--token-color-foreground-high-contrast);
-      background-color: var(--token-color-palette-neutral-700);
-
-      @if ($add-visible-border) {
-        border-color: $hds-interactive-dark-theme-color-focus-action-internal;
-      }
-    }
-
-    // focus ring:
-    &::before {
-      color: var(--token-color-foreground-high-contrast);
-      border: none;
-    }
-  }
-
-  // override style removing the focus style
-  &:focus:focus:not(:focus-visible)::before {
-    box-shadow: $hds-interactive-dark-theme-focus-ring-action-box-shadow;
-  }
-
-  // Active:
-  &:active,
-  &.mock-active {
-    @if $is-within-app-side-nav {
-      // sidenav specific dark theme tokens
-      color: var(--token-app-side-nav-color-foreground-strong); // to avoid overrides by specificity (eg. `a:hover`)
-      background-color: var(--token-app-side-nav-color-surface-interactive-active);
-    } @else {
-      // general dark theme tokens
-      color: var(--token-color-foreground-high-contrast); // to avoid overrides by specificity (eg. `a:hover`)
-      background-color: var(--token-color-palette-neutral-500);
-    }
-
-    @if ($add-visible-border) {
-      border-color: var(--token-color-palette-neutral-400);
-    }
-  }
-}
-
-@mixin hds-interactive-dark-theme-state-disabled() {
-  color: var(--token-color-foreground-disabled);
-  background-color: var(--token-color-palette-neutral-600);
-  border-color: var(--token-color-palette-neutral-500);
-}