@hashicorp/design-system-components 5.1.1-rc-20251210200104 → 5.2.0-rc-20251216180742

package/dist/styles/mixins/_button.scss

@@ -6,60 +6,11 @@
 @use "sass:map";
 
 $hds-button-sizes: ("small", "medium", "large");
-$hds-button-border-radius: var(--token-border-radius-small);
-$hds-button-border-width: 1px;
-$hds-button-focus-border-width: 3px;
-
-// these values later may come from the design tokens
-$hds-button-size-props: (
-  "small": (
-    // 13px = 0.8125rem
-    "font-size": 0.8125rem,
-    // 14px = 0.875rem; we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)
-    "line-height": 0.875rem,
-    // 28px = 1.75rem
-    "min-height": 1.75rem,
-    // 6px = 0.375rem; here we're taking into account the 1px border
-    "padding-vertical": 0.375rem,
-    // 11px = 0.6875rem; here we're taking into account the 1px border
-    "padding-horizontal": 0.6875rem,
-    // 12px = 0.75rem
-    "icon-size": 0.75rem,
-  ),
-  "medium": (
-    // 14px =  0.875rem
-    "font-size": 0.875rem,
-    // 16px = 1rem
-    "line-height": 1rem,
-    // 36px = 2.25rem
-    "min-height": 2.25rem,
-    // 9px = 0.5625rem; here we're taking into account the 1px border
-    "padding-vertical": 0.5625rem,
-    // 15px = 0.9375rem; here we're taking into account the 1px border
-    "padding-horizontal": 0.9375rem,
-    // 16px
-    "icon-size": 1rem,
-  ),
-  "large": (
-    // 16px = 1rem
-    "font-size": 1rem,
-    // 24px = 1.5rem
-    "line-height": 1.5rem,
-    // 48px = 3rem
-    "min-height": 3rem,
-    // 11px = 0.6875rem; here we're taking into account the 1px border
-    "padding-vertical": 0.6875rem,
-    // 19px = 1.1875rem; here we're taking into account the 1px border
-    "padding-horizontal": 1.1875rem,
-    // 24px = 1.5rem
-    "icon-size": 1.5rem,
-  ),
-);
 
 @mixin hds-button() {
   position: relative;
   display: flex;
-  gap: 0.375rem;
+  gap: var(--token-button-gap);
   align-items: center;
   justify-content: center;
   width: auto;
@@ -71,17 +22,17 @@ $hds-button-size-props: (
   font-weight: var(--token-typography-font-weight-regular);
   font-family: var(--token-typography-font-stack-text);
   text-decoration: none;
-  border: $hds-button-border-width solid transparent; // We need this to be transparent for a11y
-  border-radius: $hds-button-border-radius;
+  border: var(--token-button-border-width) solid transparent; // We need this to be transparent for a11y
+  border-radius: var(--token-button-border-radius);
   outline-style: solid; // used to avoid double outline+focus-ring in Safari (see https://github.com/hashicorp/design-system-components/issues/161#issuecomment-1031548656)
   outline-color: transparent; // We need this to be transparent for a11y
   isolation: isolate;
 }
 
 @mixin hds-button-state-disabled() {
-  color: var(--token-color-foreground-disabled);
-  background-color: var(--token-color-surface-faint);
-  border-color: var(--token-color-border-primary);
+  color: var(--token-button-foreground-color-disabled);
+  background-color: var(--token-button-surface-color-disabled);
+  border-color: var(--token-button-border-color-disabled);
   box-shadow: none;
   cursor: not-allowed;
 }
@@ -92,58 +43,60 @@ $hds-button-size-props: (
   &::before {
     // the position absolute of an element is computed from the inside of the border of the container
     // so we have to take in account the border width of the pseudo-element container itself
-    $shift: $hds-button-border-width + $hds-button-focus-border-width;
+    $shift: calc(-1 * (var(--token-button-border-width) + var(--token-button-focus-border-width)));
+    $radius: calc(var(--token-button-border-radius) + var(--token-button-focus-border-width));
     position: absolute;
-    top: -$shift;
-    right: -$shift;
-    bottom: -$shift;
-    left: -$shift;
+    top: $shift;
+    right: $shift;
+    bottom: $shift;
+    left: $shift;
     z-index: -1;
-    border: $hds-button-focus-border-width solid transparent;
-    border-radius: calc(#{$hds-button-border-radius} + #{$hds-button-focus-border-width});
+    border: var(--token-button-focus-border-width) solid transparent;
+    border-radius: $radius;
     content: "";
   }
 }
 
 @mixin hds-button-color-primary() {
-  color: var(--token-color-foreground-high-contrast);
-  background-color: var(--token-color-palette-blue-200);
-  border-color: var(--token-color-palette-blue-300);
+  color: var(--token-button-foreground-color-primary-default);
+  background-color: var(--token-button-surface-color-primary-default);
+  border-color: var(--token-button-border-color-primary-default);
   box-shadow: var(--token-elevation-low-box-shadow);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-blue-300);
-    border-color: var(--token-color-palette-blue-400);
+    color: var(--token-button-foreground-color-primary-hover);
+    background-color: var(--token-button-surface-color-primary-hover);
+    border-color: var(--token-button-border-color-primary-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-blue-200);
-    border-color: var(--token-color-focus-action-internal);
+    color: var(--token-button-foreground-color-primary-focus);
+    background-color: var(--token-button-surface-color-primary-focus);
+    border-color: var(--token-button-border-color-primary-focus-internal);
 
     &::before {
       // the position absolute of an element is computed from the inside of the border of the container
       // so we have to take in account the border width of the pseudo-element container itself
       // plus for the primary button we want to have a 2px gap between the button and the focus
-      $shift: $hds-button-border-width + $hds-button-focus-border-width + 2px;
-      top: -$shift;
-      right: -$shift;
-      bottom: -$shift;
-      left: -$shift;
-      border-color: var(--token-color-focus-action-external);
-      border-radius: calc(#{$hds-button-border-radius} + #{$hds-button-focus-border-width} + 2px);
+      $shift: calc(-1 * (var(--token-button-border-width) + var(--token-button-focus-border-width) + 2px));
+      $radius: calc(var(--token-button-border-radius) + var(--token-button-focus-border-width) + 2px);
+      top: $shift;
+      right: $shift;
+      bottom: $shift;
+      left: $shift;
+      border-color: var(--token-button-border-color-primary-focus-external);
+      border-radius: $radius;
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-blue-400);
-    border-color: var(--token-color-palette-blue-400);
+    color: var(--token-button-foreground-color-primary-active);
+    background-color: var(--token-button-surface-color-primary-active);
+    border-color: var(--token-button-border-color-primary-active);
     box-shadow: none;
 
     &::before {
@@ -153,35 +106,35 @@ $hds-button-size-props: (
 }
 
 @mixin hds-button-color-secondary() {
-  color: var(--token-color-foreground-primary);
-  background-color: var(--token-color-surface-faint);
-  border-color: var(--token-color-border-strong);
+  color: var(--token-button-foreground-color-secondary-default);
+  background-color: var(--token-button-surface-color-secondary-default);
+  border-color: var(--token-button-border-color-secondary-default);
   box-shadow: var(--token-elevation-low-box-shadow);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-primary);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-secondary-hover);
+    background-color: var(--token-button-surface-color-secondary-hover);
+    border-color: var(--token-button-border-color-secondary-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-faint);
-    border-color: var(--token-color-focus-action-internal);
+    color: var(--token-button-foreground-color-secondary-focus);
+    background-color: var(--token-button-surface-color-secondary-focus);
+    border-color: var(--token-button-border-color-secondary-focus-internal);
 
     &::before {
-      border-color: var(--token-color-focus-action-external);
+      border-color: var(--token-button-border-color-secondary-focus-external);
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-interactive-active);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-secondary-active);
+    background-color: var(--token-button-surface-color-secondary-active);
+    border-color: var(--token-button-border-color-secondary-active);
     box-shadow: none;
 
     &::before {
@@ -191,33 +144,34 @@ $hds-button-size-props: (
 }
 
 @mixin hds-button-color-tertiary() {
-  color: var(--token-color-foreground-action);
-  background-color: transparent;
-  border-color: transparent;
+  color: var(--token-button-foreground-color-tertiary-default);
+  background-color: var(--token-button-surface-color-tertiary-default);
+  border-color: var(--token-button-border-color-tertiary-default);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-action-hover);
-    background-color: var(--token-color-surface-primary);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-tertiary-hover);
+    background-color: var(--token-button-surface-color-tertiary-hover);
+    border-color: var(--token-button-border-color-tertiary-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-action);
-    border-color: var(--token-color-focus-action-internal);
+    color: var(--token-button-foreground-color-tertiary-focus);
+    background-color: var(--token-button-surface-color-tertiary-focus);
+    border-color: var(--token-button-border-color-tertiary-focus-internal);
 
     &::before {
-      border-color: var(--token-color-focus-action-external);
+      border-color: var(--token-button-border-color-tertiary-focus-external);
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-action-active);
-    background-color: var(--token-color-surface-interactive-active);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-tertiary-active);
+    background-color: var(--token-button-surface-color-tertiary-active);
+    border-color: var(--token-button-border-color-tertiary-active);
     box-shadow: none;
 
     &::before {
@@ -249,35 +203,35 @@ $hds-button-size-props: (
 }
 
 @mixin hds-button-color-critical() {
-  color: var(--token-color-foreground-critical-on-surface);
-  background-color: var(--token-color-surface-critical);
-  border-color: var(--token-color-foreground-critical-on-surface);
+  color: var(--token-button-foreground-color-critical-default);
+  background-color: var(--token-button-surface-color-critical-default);
+  border-color: var(--token-button-border-color-critical-default);
   box-shadow: var(--token-elevation-low-box-shadow);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-red-300);
-    border-color: var(--token-color-palette-red-400);
+    color: var(--token-button-foreground-color-critical-hover);
+    background-color: var(--token-button-surface-color-critical-hover);
+    border-color: var(--token-button-border-color-critical-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-critical-on-surface);
-    background-color: var(--token-color-surface-critical);
-    border-color: var(--token-color-focus-critical-internal);
+    color: var(--token-button-foreground-color-critical-focus);
+    background-color: var(--token-button-surface-color-critical-focus);
+    border-color: var(--token-button-border-color-critical-focus-internal);
 
     &::before {
-      border-color: var(--token-color-focus-critical-external);
+      border-color: var(--token-button-border-color-critical-focus-external);
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-red-400);
-    border-color: var(--token-color-palette-red-400);
+    color: var(--token-button-foreground-color-critical-active);
+    background-color: var(--token-button-surface-color-critical-active);
+    border-color: var(--token-button-border-color-critical-active);
     box-shadow: none;
 
     &::before {
@@ -289,25 +243,24 @@ $hds-button-size-props: (
 @mixin hds-button-size-classes($blockName) {
   @each $size in $hds-button-sizes {
     .#{$blockName}--size-#{$size} {
-      min-height: map.get($hds-button-size-props, $size, "min-height");
-      padding: map.get($hds-button-size-props, $size, "padding-vertical")
-        map.get($hds-button-size-props, $size, "padding-horizontal");
+      min-height: var(--token-button-height-#{$size});
+      padding: var(--token-button-padding-vertical-#{$size}) var(--token-button-padding-horizontal-#{$size});
 
       .#{$blockName}__icon {
-        width: map.get($hds-button-size-props, $size, "icon-size");
-        height: map.get($hds-button-size-props, $size, "icon-size");
+        width: var(--token-button-icon-size-#{$size});
+        height: var(--token-button-icon-size-#{$size});
       }
 
       .#{$blockName}__text {
-        font-size: map.get($hds-button-size-props, $size, "font-size");
-        line-height: map.get($hds-button-size-props, $size, "line-height");
+        font-size: var(--token-button-typography-font-size-#{$size});
+        line-height: var(--token-button-typography-line-height-#{$size});
       }
 
       &.#{$blockName}--is-icon-only {
         // overrides to have the icon-only button squared
-        min-width: map.get($hds-button-size-props, $size, "min-height");
-        padding-right: map.get($hds-button-size-props, $size, "padding-vertical");
-        padding-left: map.get($hds-button-size-props, $size, "padding-vertical");
+        min-width: var(--token-button-height-#{$size});
+        padding-right: var(--token-button-padding-vertical-#{$size});
+        padding-left: var(--token-button-padding-vertical-#{$size});
       }
     }
   }

package/dist/styles/mixins/_carbonization.scss

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+@mixin hds-apply-only-if-carbon($mode: false) {
+  @if $mode == "cds-g0" {
+    @at-root .hds-mode-cds-g0 #{&} {
+      @content;
+    }
+  } @else if $mode == "cds-g10" {
+    @at-root .hds-mode-cds-g10 #{&} {
+      @content;
+    }
+  } @else if $mode == "cds-g90" {
+    @at-root .hds-mode-cds-g90 #{&} {
+      @content;
+    }
+  } @else if $mode == "cds-g100" {
+    @at-root .hds-mode-cds-g100 #{&} {
+      @content;
+    }
+  } @else {
+    @at-root .hds-mode-cds-g0 #{&},
+      .hds-mode-cds-g10 #{&},
+      .hds-mode-cds-g90 #{&},
+      .hds-mode-cds-g100 #{&} {
+      @content;
+    }
+  }
+}

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

@@ -35,7 +35,7 @@ $hds-interactive-dark-theme-focus-ring-action-box-shadow:
     // 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
+    border-radius: var(--token-button-border-radius);
   }
 
   // Hover:

package/dist/utils/hds-resolve-link-to-external.js

@@ -0,0 +1,33 @@
+import { LinkTo } from '@ember/routing';
+import { assert } from '@ember/debug';
+
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+
+/**
+ * Resolves the correct component to use for the `LinkTo`.
+ *
+ * @param isRouteExternal - If true, will return the `LinkToExternal` component. If `ember-engines` is not installed, an assertion will be thrown.
+ * @returns A promise resolving to the correct component to use for the `LinkTo`.
+ */
+async function hdsResolveLinkToExternal(isRouteExternal) {
+  if (isRouteExternal) {
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      const mod = await import(
+      // @ts-expect-error: we list this as optional peer dependency
+      'ember-engines/components/link-to-external-component');
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+      return mod.default;
+    } catch {
+      assert(`@isRouteExternal is only available when using the "ember-engines" addon. Please install it to use this feature.`, false);
+    }
+  }
+  return LinkTo;
+}
+
+export { hdsResolveLinkToExternal };
+//# sourceMappingURL=hds-resolve-link-to-external.js.map

package/dist/utils/hds-resolve-link-to-external.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-resolve-link-to-external.js","sources":["../../src/utils/hds-resolve-link-to-external.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { LinkTo } from '@ember/routing';\nimport { assert } from '@ember/debug';\n\n/**\n * Resolves the correct component to use for the `LinkTo`.\n *\n * @param isRouteExternal - If true, will return the `LinkToExternal` component. If `ember-engines` is not installed, an assertion will be thrown.\n * @returns A promise resolving to the correct component to use for the `LinkTo`.\n */\nexport async function hdsResolveLinkToExternal(\n  isRouteExternal?: boolean\n): Promise<typeof LinkTo> {\n  if (isRouteExternal) {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const mod = await import(\n        // @ts-expect-error: we list this as optional peer dependency\n        'ember-engines/components/link-to-external-component'\n      );\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      return mod.default as typeof LinkTo;\n    } catch {\n      assert(\n        `@isRouteExternal is only available when using the \"ember-engines\" addon. Please install it to use this feature.`,\n        false\n      );\n    }\n  }\n\n  return LinkTo;\n}\n"],"names":["hdsResolveLinkToExternal","isRouteExternal","mod","default","assert","LinkTo"],"mappings":";;;AAAA;AACA;AACA;AACA;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,eAAeA,wBAAwBA,CAC5CC,eAAyB,EACD;AACxB,EAAA,IAAIA,eAAe,EAAE;IACnB,IAAI;AACF;MACA,MAAMC,GAAG,GAAG,MAAM;AAChB;AACA,MAAA,qDACF,CAAC;AACD;MACA,OAAOA,GAAG,CAACC,OAAO;AACpB,IAAA,CAAC,CAAC,MAAM;AACNC,MAAAA,MAAM,CACJ,CAAA,+GAAA,CAAiH,EACjH,KACF,CAAC;AACH,IAAA;AACF,EAAA;AAEA,EAAA,OAAOC,MAAM;AACf;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "5.1.1-rc-20251210200104",
+  "version": "5.2.0-rc-20251216180742",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -35,8 +35,8 @@
     "@embroider/macros": "^1.18.1",
     "@embroider/util": "^1.13.4",
     "@floating-ui/dom": "^1.6.12",
-    "@hashicorp/design-system-tokens": "^3.0.0",
-    "@hashicorp/flight-icons": "4.1.1-rc-20251210200104",
+    "@hashicorp/design-system-tokens": "4.0.0-rc-20251216180742",
+    "@hashicorp/flight-icons": "4.1.1-rc-20251216180742",
     "@lezer/highlight": "^1.2.1",
     "@nullvoxpopuli/ember-composable-helpers": "^5.2.11",
     "clipboard-polyfill": "^4.1.1",
@@ -105,6 +105,7 @@
   "peerDependencies": {
     "@ember/string": "^3.1.1 || ^4.0.0",
     "ember-basic-dropdown": "^7.3.0 || ^8.6.1",
+    "ember-engines": ">= 0.11.0",
     "ember-intl": "^7.3.0"
   },
   "peerDependenciesMeta": {
@@ -340,6 +341,8 @@
       "./components/hds/text/code.js": "./dist/_app_/components/hds/text/code.js",
       "./components/hds/text/display.js": "./dist/_app_/components/hds/text/display.js",
       "./components/hds/text.js": "./dist/_app_/components/hds/text.js",
+      "./components/hds/theme-context.js": "./dist/_app_/components/hds/theme-context.js",
+      "./components/hds/theme-switcher.js": "./dist/_app_/components/hds/theme-switcher.js",
       "./components/hds/time.js": "./dist/_app_/components/hds/time.js",
       "./components/hds/time/range.js": "./dist/_app_/components/hds/time/range.js",
       "./components/hds/time/single.js": "./dist/_app_/components/hds/time/single.js",
@@ -368,6 +371,7 @@
       "./modifiers/hds-register-event.js": "./dist/_app_/modifiers/hds-register-event.js",
       "./modifiers/hds-tooltip.js": "./dist/_app_/modifiers/hds-tooltip.js",
       "./services/hds-intl.js": "./dist/_app_/services/hds-intl.js",
+      "./services/hds-theming.js": "./dist/_app_/services/hds-theming.js",
       "./services/hds-time.js": "./dist/_app_/services/hds-time.js"
     }
   },
@@ -404,6 +408,7 @@
   },
   "scripts": {
     "build": "rollup --config",
+    "postbuild": "cp -R dist/styles/@hashicorp/design-system-components.css ../../showcase/public/assets/styles/@hashicorp/ && cp -R dist/styles/@hashicorp/design-system-components-common.css ../../showcase/public/assets/styles/@hashicorp/ && cp -R dist/styles/@hashicorp/design-system-power-select-overrides.css ../../showcase/public/assets/styles/@hashicorp/",
     "format": "prettier . --cache --write",
     "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
     "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm run format",
@@ -415,6 +420,9 @@
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
     "lint:types": "glint",
-    "start": "rollup --config --watch --environment development"
+    "start": "rollup --config --watch --environment development",
+    "test-f:design-system-components": "test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo \"\n\\033[31m⚠️  Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-components.css\\` was not found\\033[0m\\n\" && exit 1)",
+    "test-f:design-system-components-common": "test -f 'dist/styles/@hashicorp/design-system-components-common.css' || (echo \"\n\\033[31m⚠️  Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-components-common.css\\` was not found\\033[0m\\n\" && exit 1)",
+    "test-f:design-system-power-select-overrides": "test -f 'dist/styles/@hashicorp/design-system-power-select-overrides.css' || (echo \"\n\\033[31m⚠️  Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-power-select-overrides.css\\` was not found\\033[0m\\n\" && exit 1)"
   }
 }

package/declarations/utils/hds-link-to-external.d.ts

@@ -1,3 +0,0 @@
-import type { LinkTo } from '@ember/routing';
-export declare function getLinkToExternal(): LinkTo | null;
-export declare function setLinkToExternal(component: LinkTo | null): void;

package/dist/styles/@hashicorp/design-system-components.scss.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system-components.scss","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/hds-link-to-external.js

@@ -1,10 +0,0 @@
-let LINK_TO_EXTERNAL_COMPONENT = null;
-function getLinkToExternal() {
-  return LINK_TO_EXTERNAL_COMPONENT;
-}
-function setLinkToExternal(component) {
-  LINK_TO_EXTERNAL_COMPONENT = component;
-}
-
-export { getLinkToExternal, setLinkToExternal };
-//# sourceMappingURL=hds-link-to-external.js.map

package/dist/utils/hds-link-to-external.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hds-link-to-external.js","sources":["../../src/utils/hds-link-to-external.ts"],"sourcesContent":["import type { LinkTo } from '@ember/routing';\n\nlet LINK_TO_EXTERNAL_COMPONENT: LinkTo | null = null;\n\nexport function getLinkToExternal(): LinkTo | null {\n  return LINK_TO_EXTERNAL_COMPONENT;\n}\n\nexport function setLinkToExternal(component: LinkTo | null): void {\n  LINK_TO_EXTERNAL_COMPONENT = component;\n}\n"],"names":["LINK_TO_EXTERNAL_COMPONENT","getLinkToExternal","setLinkToExternal","component"],"mappings":"AAEA,IAAIA,0BAAyC,GAAG,IAAI;AAE7C,SAASC,iBAAiBA,GAAkB;AACjD,EAAA,OAAOD,0BAA0B;AACnC;AAEO,SAASE,iBAAiBA,CAACC,SAAwB,EAAQ;AAChEH,EAAAA,0BAA0B,GAAGG,SAAS;AACxC;;;;"}