@hashicorp/design-system-components 4.4.1 → 4.5.0

package/dist/modifiers/hds-clipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-clipboard.js","sources":["../../src/modifiers/hds-clipboard.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { modifier } from 'ember-modifier';\nimport { assert, warn } from '@ember/debug';\n\ntype TextToCopy = string | number | bigint;\ntype TargetToCopy = HTMLElement;\n\nexport interface HdsClipboardModifierSignature {\n  Element: HTMLElement;\n  Args: {\n    Named: {\n      text?: TextToCopy;\n      target?: TargetToCopy;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onSuccess?: (...args: any[]) => void;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onError?: (...args: any[]) => void;\n    };\n  };\n}\n\nexport const getTextToCopy = (text: TextToCopy) => {\n  let textToCopy: string = '';\n\n  if (text) {\n    if (typeof text === 'string') {\n      textToCopy = text;\n    } else if (\n      // context: https://github.com/hashicorp/design-system/pull/1564\n      typeof text === 'number' ||\n      typeof text === 'bigint'\n    ) {\n      textToCopy = text.toString();\n    } else {\n      assert(\n        `\\`hds-clipboard\\` modifier - \\`text\\` argument must be a string - provided: ${typeof text}`\n      );\n    }\n  }\n  return textToCopy;\n};\n\nexport const getTargetElement = (target: string | Node) => {\n  let targetElement: HTMLElement | null;\n\n  if (typeof target === 'string') {\n    targetElement = document.querySelector(target);\n\n    if (!targetElement) {\n      console.error(\n        '`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string',\n        targetElement\n      );\n      return;\n    }\n  } else if (target instanceof HTMLElement) {\n    targetElement = target;\n  } else {\n    if (target instanceof NodeList) {\n      assert(\n        '`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes'\n      );\n    } else {\n      assert(\n        `\\`hds-clipboard\\` modifier - \\`target\\` argument must be a string or a DOM node - provided: ${typeof target}`\n      );\n    }\n  }\n  return targetElement;\n};\n\nexport const getTextToCopyFromTargetElement = (targetElement: TargetToCopy) => {\n  let textToCopy: string = '';\n\n  if (targetElement instanceof HTMLElement) {\n    if (\n      targetElement instanceof HTMLInputElement || // targetElement.nodeName === 'INPUT' ||\n      targetElement instanceof HTMLTextAreaElement || // targetElement.nodeName === 'TEXTAREA' ||\n      targetElement instanceof HTMLSelectElement // targetElement.nodeName === 'SELECT'\n    ) {\n      textToCopy = targetElement.value;\n    } else {\n      // simplest approach\n      textToCopy = targetElement.innerText;\n\n      // approach based on text selection (left for backup just in case)\n      // var selection = window.getSelection();\n      // var range = document.createRange();\n      // selection.removeAllRanges();\n      // range.selectNodeContents(targetElement);\n      // selection.addRange(range);\n      // textToCopy = selection.toString();\n      // selection.removeAllRanges();\n    }\n  }\n  return textToCopy;\n};\n\nexport const writeTextToClipboard = async (textToCopy: string) => {\n  // finally copy the text to the clipboard using the Clipboard API\n  // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API\n  if (textToCopy) {\n    try {\n      // notice: the \"clipboard-write\" permission is granted automatically to pages when they are in the active tab\n      // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write\n      await navigator.clipboard.writeText(textToCopy);\n      // DEBUG uncomment this for easy debugging\n      // console.log('success', textToCopy);\n      return true;\n    } catch (error) {\n      // clipboard write failed\n      // this probably never happens (see comment above) or happens only for very old browsers that don't for which `navigator.clipboard` is undefined\n      warn('copy action failed, please check your browser‘s permissions', {\n        id: 'hds-clipboard.write-text-to-clipboard.catch-error',\n      });\n      return false;\n    }\n  } else {\n    return false;\n  }\n};\n\nexport const copyToClipboard = async (\n  text?: TextToCopy,\n  target?: TargetToCopy\n) => {\n  let textToCopy: string = '';\n\n  if (text) {\n    textToCopy = getTextToCopy(text);\n  } else if (target) {\n    const targetElement = getTargetElement(target);\n    if (targetElement) {\n      textToCopy = getTextToCopyFromTargetElement(targetElement);\n    }\n  } else {\n    assert(\n      '`hds-clipboard` modifier - either a `text` or a `target` argument is required'\n    );\n  }\n  const success = await writeTextToClipboard(textToCopy);\n  return success;\n};\n\n// Notice: we use a function-based modifier here instead of a class-based one\n// because it's quite simple in its logic, and doesn't require injecting services\n// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers\n\nexport default modifier<HdsClipboardModifierSignature>(\n  (element, _positional, named) => {\n    assert(\n      '`hds-clipboard` modifier - the modifier must be applied to an element',\n      element\n    );\n\n    const { text, target, onSuccess, onError } = named;\n\n    const onClick = async (event: MouseEvent) => {\n      const trigger = event.currentTarget;\n      const success = await copyToClipboard(text, target);\n\n      // fire the `onSuccess/onError` callbacks (if provided)\n      if (success) {\n        if (typeof onSuccess === 'function') {\n          onSuccess({ trigger, text, target });\n        }\n      } else {\n        if (typeof onError === 'function') {\n          onError({ trigger, text, target });\n        }\n      }\n    };\n\n    // add the \"onClick\" event listener to the element\n    element.addEventListener('click', onClick);\n\n    // this (teardown) function is run when the element is removed\n    return () => {\n      element.removeEventListener('click', onClick);\n    };\n  }\n);\n"],"names":["getTextToCopy","text","textToCopy","toString","assert","getTargetElement","target","targetElement","document","querySelector","console","error","HTMLElement","NodeList","getTextToCopyFromTargetElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","value","innerText","writeTextToClipboard","navigator","clipboard","writeText","warn","id","copyToClipboard","success","modifier","element","_positional","named","onSuccess","onError","onClick","event","trigger","currentTarget","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"file":"hds-clipboard.js","sources":["../../src/modifiers/hds-clipboard.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { modifier } from 'ember-modifier';\nimport { assert, warn } from '@ember/debug';\n\ntype TextToCopy = string | number | bigint;\ntype TargetToCopy = HTMLElement;\n\nexport interface HdsClipboardModifierSignature {\n  Element: HTMLElement;\n  Args: {\n    Named: {\n      text?: TextToCopy;\n      target?: TargetToCopy;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onSuccess?: (...args: any[]) => void;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onError?: (...args: any[]) => void;\n    };\n  };\n}\n\nexport const getTextToCopy = (text: TextToCopy) => {\n  let textToCopy: string = '';\n\n  if (text) {\n    if (typeof text === 'string') {\n      textToCopy = text;\n    } else if (\n      // context: https://github.com/hashicorp/design-system/pull/1564\n      typeof text === 'number' ||\n      typeof text === 'bigint'\n    ) {\n      textToCopy = text.toString();\n    } else {\n      assert(\n        `\\`hds-clipboard\\` modifier - \\`text\\` argument must be a string - provided: ${typeof text}`\n      );\n    }\n  }\n  return textToCopy;\n};\n\nexport const getTargetElement = (target: string | Node) => {\n  let targetElement: HTMLElement | null;\n\n  if (typeof target === 'string') {\n    targetElement = document.querySelector(target);\n\n    if (!targetElement) {\n      console.error(\n        '`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string',\n        targetElement\n      );\n      return;\n    }\n  } else if (target instanceof HTMLElement) {\n    targetElement = target;\n  } else {\n    if (target instanceof NodeList) {\n      assert(\n        '`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes'\n      );\n    } else {\n      assert(\n        `\\`hds-clipboard\\` modifier - \\`target\\` argument must be a string or a DOM node - provided: ${typeof target}`\n      );\n    }\n  }\n  return targetElement;\n};\n\nexport const getTextToCopyFromTargetElement = (targetElement: TargetToCopy) => {\n  let textToCopy: string = '';\n\n  if (targetElement instanceof HTMLElement) {\n    if (\n      targetElement instanceof HTMLInputElement || // targetElement.nodeName === 'INPUT' ||\n      targetElement instanceof HTMLTextAreaElement || // targetElement.nodeName === 'TEXTAREA' ||\n      targetElement instanceof HTMLSelectElement // targetElement.nodeName === 'SELECT'\n    ) {\n      textToCopy = targetElement.value;\n    } else {\n      // simplest approach\n      textToCopy = targetElement.innerText;\n\n      // approach based on text selection (left for backup just in case)\n      // var selection = window.getSelection();\n      // var range = document.createRange();\n      // selection.removeAllRanges();\n      // range.selectNodeContents(targetElement);\n      // selection.addRange(range);\n      // textToCopy = selection.toString();\n      // selection.removeAllRanges();\n    }\n  }\n  return textToCopy;\n};\n\nexport const writeTextToClipboard = async (textToCopy: string) => {\n  // finally copy the text to the clipboard using the Clipboard API\n  // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API\n  if (textToCopy) {\n    try {\n      // notice: the \"clipboard-write\" permission is granted automatically to pages when they are in the active tab\n      // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write\n      await navigator.clipboard.writeText(textToCopy);\n      // DEBUG uncomment this for easy debugging\n      // console.log('success', textToCopy);\n      return true;\n    } catch (error) {\n      // clipboard write failed\n      // this probably never happens (see comment above) or happens only for very old browsers that don't for which `navigator.clipboard` is undefined\n      warn('copy action failed, please check your browser‘s permissions', {\n        id: 'hds-clipboard.write-text-to-clipboard.catch-error',\n      });\n      return false;\n    }\n  } else {\n    return false;\n  }\n};\n\nexport const copyToClipboard = async (\n  text?: TextToCopy,\n  target?: TargetToCopy\n) => {\n  let textToCopy: string = '';\n\n  if (text) {\n    textToCopy = getTextToCopy(text);\n  } else if (target) {\n    const targetElement = getTargetElement(target);\n    if (targetElement) {\n      textToCopy = getTextToCopyFromTargetElement(targetElement);\n    }\n  } else {\n    assert(\n      '`hds-clipboard` modifier - either a `text` or a `target` argument is required'\n    );\n  }\n  const success = await writeTextToClipboard(textToCopy);\n  return success;\n};\n\n// Notice: we use a function-based modifier here instead of a class-based one\n// because it's quite simple in its logic, and doesn't require injecting services\n// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers\n\nexport default modifier<HdsClipboardModifierSignature>(\n  (element, _positional, named) => {\n    assert(\n      '`hds-clipboard` modifier - the modifier must be applied to an element',\n      element\n    );\n\n    const { text, target, onSuccess, onError } = named;\n\n    const onClick = async (event: MouseEvent) => {\n      const trigger = event.currentTarget;\n      const success = await copyToClipboard(text, target);\n\n      // fire the `onSuccess/onError` callbacks (if provided)\n      if (success) {\n        if (typeof onSuccess === 'function') {\n          onSuccess({ trigger, text, target });\n        }\n      } else {\n        if (typeof onError === 'function') {\n          onError({ trigger, text, target });\n        }\n      }\n    };\n\n    // add the \"onClick\" event listener to the element\n    element.addEventListener('click', onClick);\n\n    // this (teardown) function is run when the element is removed\n    return () => {\n      element.removeEventListener('click', onClick);\n    };\n  }\n);\n"],"names":["getTextToCopy","text","textToCopy","toString","assert","getTargetElement","target","targetElement","document","querySelector","console","error","HTMLElement","NodeList","getTextToCopyFromTargetElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","value","innerText","writeTextToClipboard","navigator","clipboard","writeText","warn","id","copyToClipboard","success","modifier","element","_positional","named","onSuccess","onError","onClick","event","trigger","currentTarget","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/modifiers/hds-tooltip.js

@@ -1,4 +1,4 @@
-import { c as _classPrivateMethodInitSpec, a as _defineProperty, d as _assertClassBrand } from '../_rollupPluginBabelHelpers-NoJJJNhk.js';
+import { c as _classPrivateMethodInitSpec, a as _defineProperty, d as _assertClassBrand } from '../_rollupPluginBabelHelpers-KIi_qCIU.js';
 import Modifier from 'ember-modifier';
 import { assert } from '@ember/debug';
 import { registerDestructor } from '@ember/destroyable';

package/dist/modifiers/hds-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-tooltip.js","sources":["../../src/modifiers/hds-tooltip.js"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\n// Note: the majority of this code is a porting of the existing tooltip implementation in Cloud UI\n// (which was initially implemented in Structure)\n\nimport Modifier from 'ember-modifier';\nimport { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport tippy, { followCursor } from 'tippy.js';\n// used by custom SVG arrow:\nimport 'tippy.js/dist/svg-arrow.css';\n\nfunction cleanup(instance) {\n  const { interval, needsTabIndex, tooltip } = instance;\n  if (needsTabIndex) {\n    tooltip?.reference?.removeAttribute('tabindex');\n  }\n  clearInterval(interval);\n  tooltip?.destroy();\n}\n\n/**\n *\n * `Tooltip` implements a modifier that uses Tippy.js to display a tooltip.\n *\n * Sample usage:\n * ```\n * <div {{hds-tooltip 'Text' options=(hash )}}>Hover me!</div>\n * ```\n *\n * @see https://atomiks.github.io/tippyjs\n * @class TooltipModifier\n *\n */\nexport default class HdsTooltipModifier extends Modifier {\n  didSetup = false;\n\n  interval = null;\n  needsTabIndex = false;\n  tooltip = null;\n\n  constructor(owner, args) {\n    super(owner, args);\n    registerDestructor(this, cleanup);\n  }\n\n  hideOnEsc = {\n    name: 'hideOnEsc',\n    defaultValue: true,\n    fn({ hide }) {\n      function onKeyDown(event) {\n        if (event.keyCode === 27) {\n          hide();\n        }\n      }\n\n      return {\n        onShow() {\n          document.addEventListener('keydown', onKeyDown);\n        },\n        onHide() {\n          document.removeEventListener('keydown', onKeyDown);\n        },\n      };\n    },\n  };\n\n  modify(element, positional, named) {\n    assert('Tooltip must have an element', element);\n\n    if (!this.didSetup) {\n      this.#setup(element, positional, named);\n      this.didSetup = true;\n    }\n\n    this.#update(element, positional, named);\n  }\n\n  #setup(element, positional, named) {\n    const tooltipProps = this.#getTooltipProps(element, positional, named);\n    this.tooltip = tippy(element, tooltipProps);\n  }\n\n  #update(element, positional, named) {\n    const tooltipProps = this.#getTooltipProps(element, positional, named);\n    this.tooltip.setProps(tooltipProps);\n  }\n\n  #getTooltipProps(element, positional, named) {\n    const { options = {} } = named;\n    let [content] = positional;\n\n    let $anchor = element;\n\n    // Make it easy to specify the modified element as the actual tooltip.\n    if (typeof options.triggerTarget === 'string') {\n      const $el = $anchor;\n      switch (options.triggerTarget) {\n        case 'parentNode':\n          $anchor = $anchor.parentNode;\n          break;\n        default:\n          $anchor = $anchor.querySelectorAll(options.triggerTarget);\n      }\n      content = $anchor.cloneNode(true);\n      $el.remove();\n      options.triggerTarget = undefined;\n    }\n\n    // The {{hds-tooltip}} will just use the HTML content.\n    if (typeof content === 'undefined') {\n      content = $anchor.innerHTML;\n      $anchor.innerHTML = '';\n    }\n\n    if (options.trigger === 'manual') {\n      // If we are manually triggering, a out delay means only show for the\n      // amount of time specified by the delay.\n      const delay = options.delay || [];\n\n      if (typeof delay[1] !== 'undefined') {\n        options.onShown = (tooltip) => {\n          clearInterval(this.interval);\n          this.interval = setTimeout(() => {\n            tooltip.hide();\n          }, delay[1]);\n        };\n      }\n    }\n\n    const $trigger = $anchor;\n\n    if (!$trigger.hasAttribute('tabindex')) {\n      this.needsTabIndex = true;\n      $trigger.setAttribute('tabindex', '0');\n    }\n\n    return {\n      theme: 'hds',\n      triggerTarget: $trigger,\n      arrow: `\n        <svg class=\"hds-tooltip-pointer\" width=\"16\" height=\"7\" viewBox=\"0 0 16 7\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M0 7H16L9.11989 0.444571C8.49776 -0.148191 7.50224 -0.148191 6.88011 0.444572L0 7Z\" />\n        </svg>`,\n      // keeps tooltip itself open on hover:\n      interactive: true,\n      // fix accessibility features that get messed up with setting interactive: true\n      aria: {\n        content: 'describedby',\n        expanded: null,\n      },\n      content: () => content,\n      plugins: [\n        typeof options.followCursor !== 'undefined' ? followCursor : undefined,\n        this.hideOnEsc,\n      ].filter((item) => Boolean(item)),\n      ...options,\n    };\n  }\n}\n"],"names":["cleanup","instance","interval","needsTabIndex","tooltip","reference","removeAttribute","clearInterval","destroy","_HdsTooltipModifier_brand","WeakSet","HdsTooltipModifier","Modifier","constructor","owner","args","_classPrivateMethodInitSpec","_defineProperty","name","defaultValue","fn","hide","onKeyDown","event","keyCode","onShow","document","addEventListener","onHide","removeEventListener","registerDestructor","modify","element","positional","named","assert","didSetup","_assertClassBrand","_setup","call","_update","tooltipProps","_getTooltipProps","tippy","setProps","options","content","$anchor","triggerTarget","$el","parentNode","querySelectorAll","cloneNode","remove","undefined","innerHTML","trigger","delay","onShown","setTimeout","$trigger","hasAttribute","setAttribute","theme","arrow","interactive","aria","expanded","plugins","followCursor","hideOnEsc","filter","item","Boolean"],"mappings":"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"}
+{"version":3,"file":"hds-tooltip.js","sources":["../../src/modifiers/hds-tooltip.js"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\n// Note: the majority of this code is a porting of the existing tooltip implementation in Cloud UI\n// (which was initially implemented in Structure)\n\nimport Modifier from 'ember-modifier';\nimport { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport tippy, { followCursor } from 'tippy.js';\n// used by custom SVG arrow:\nimport 'tippy.js/dist/svg-arrow.css';\n\nfunction cleanup(instance) {\n  const { interval, needsTabIndex, tooltip } = instance;\n  if (needsTabIndex) {\n    tooltip?.reference?.removeAttribute('tabindex');\n  }\n  clearInterval(interval);\n  tooltip?.destroy();\n}\n\n/**\n *\n * `Tooltip` implements a modifier that uses Tippy.js to display a tooltip.\n *\n * Sample usage:\n * ```\n * <div {{hds-tooltip 'Text' options=(hash )}}>Hover me!</div>\n * ```\n *\n * @see https://atomiks.github.io/tippyjs\n * @class TooltipModifier\n *\n */\nexport default class HdsTooltipModifier extends Modifier {\n  didSetup = false;\n\n  interval = null;\n  needsTabIndex = false;\n  tooltip = null;\n\n  constructor(owner, args) {\n    super(owner, args);\n    registerDestructor(this, cleanup);\n  }\n\n  hideOnEsc = {\n    name: 'hideOnEsc',\n    defaultValue: true,\n    fn({ hide }) {\n      function onKeyDown(event) {\n        if (event.keyCode === 27) {\n          hide();\n        }\n      }\n\n      return {\n        onShow() {\n          document.addEventListener('keydown', onKeyDown);\n        },\n        onHide() {\n          document.removeEventListener('keydown', onKeyDown);\n        },\n      };\n    },\n  };\n\n  modify(element, positional, named) {\n    assert('Tooltip must have an element', element);\n\n    if (!this.didSetup) {\n      this.#setup(element, positional, named);\n      this.didSetup = true;\n    }\n\n    this.#update(element, positional, named);\n  }\n\n  #setup(element, positional, named) {\n    const tooltipProps = this.#getTooltipProps(element, positional, named);\n    this.tooltip = tippy(element, tooltipProps);\n  }\n\n  #update(element, positional, named) {\n    const tooltipProps = this.#getTooltipProps(element, positional, named);\n    this.tooltip.setProps(tooltipProps);\n  }\n\n  #getTooltipProps(element, positional, named) {\n    const { options = {} } = named;\n    let [content] = positional;\n\n    let $anchor = element;\n\n    // Make it easy to specify the modified element as the actual tooltip.\n    if (typeof options.triggerTarget === 'string') {\n      const $el = $anchor;\n      switch (options.triggerTarget) {\n        case 'parentNode':\n          $anchor = $anchor.parentNode;\n          break;\n        default:\n          $anchor = $anchor.querySelectorAll(options.triggerTarget);\n      }\n      content = $anchor.cloneNode(true);\n      $el.remove();\n      options.triggerTarget = undefined;\n    }\n\n    // The {{hds-tooltip}} will just use the HTML content.\n    if (typeof content === 'undefined') {\n      content = $anchor.innerHTML;\n      $anchor.innerHTML = '';\n    }\n\n    if (options.trigger === 'manual') {\n      // If we are manually triggering, a out delay means only show for the\n      // amount of time specified by the delay.\n      const delay = options.delay || [];\n\n      if (typeof delay[1] !== 'undefined') {\n        options.onShown = (tooltip) => {\n          clearInterval(this.interval);\n          this.interval = setTimeout(() => {\n            tooltip.hide();\n          }, delay[1]);\n        };\n      }\n    }\n\n    const $trigger = $anchor;\n\n    if (!$trigger.hasAttribute('tabindex')) {\n      this.needsTabIndex = true;\n      $trigger.setAttribute('tabindex', '0');\n    }\n\n    return {\n      theme: 'hds',\n      triggerTarget: $trigger,\n      arrow: `\n        <svg class=\"hds-tooltip-pointer\" width=\"16\" height=\"7\" viewBox=\"0 0 16 7\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M0 7H16L9.11989 0.444571C8.49776 -0.148191 7.50224 -0.148191 6.88011 0.444572L0 7Z\" />\n        </svg>`,\n      // keeps tooltip itself open on hover:\n      interactive: true,\n      // fix accessibility features that get messed up with setting interactive: true\n      aria: {\n        content: 'describedby',\n        expanded: null,\n      },\n      content: () => content,\n      plugins: [\n        typeof options.followCursor !== 'undefined' ? followCursor : undefined,\n        this.hideOnEsc,\n      ].filter((item) => Boolean(item)),\n      ...options,\n    };\n  }\n}\n"],"names":["cleanup","instance","interval","needsTabIndex","tooltip","reference","removeAttribute","clearInterval","destroy","_HdsTooltipModifier_brand","WeakSet","HdsTooltipModifier","Modifier","constructor","owner","args","_classPrivateMethodInitSpec","_defineProperty","name","defaultValue","fn","hide","onKeyDown","event","keyCode","onShow","document","addEventListener","onHide","removeEventListener","registerDestructor","modify","element","positional","named","assert","didSetup","_assertClassBrand","_setup","call","_update","tooltipProps","_getTooltipProps","tippy","setProps","options","content","$anchor","triggerTarget","$el","parentNode","querySelectorAll","cloneNode","remove","undefined","innerHTML","trigger","delay","onShown","setTimeout","$trigger","hasAttribute","setAttribute","theme","arrow","interactive","aria","expanded","plugins","followCursor","hideOnEsc","filter","item","Boolean"],"mappings":"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"}

package/dist/styles/@hashicorp/design-system-components.css

@@ -2721,6 +2721,7 @@ button.hds-button[href]::after {
   align-items: center;
   justify-content: center;
   padding: 1px;
+  color: var(--token-color-foreground-primary);
   background-color: var(--token-color-surface-faint);
   border: 1px solid var(--token-color-border-strong);
   border-radius: 5px;
@@ -2789,6 +2790,10 @@ button.hds-button[href]::after {
   width: 24px;
   height: 24px;
 }
+.hds-dropdown-toggle-icon--size-small.hds-dropdown-toggle-icon--has-chevron .flight-icon {
+  width: 12px;
+  height: 12px;
+}
 
 .hds-dropdown-toggle-icon--size-medium .hds-dropdown-toggle-icon__wrapper {
   width: 32px;

package/dist/styles/components/dropdown.scss

@@ -33,6 +33,9 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;
   align-items: center;
   justify-content: center;
   padding: 1px;
+  // this variant mimics the secondary button, but not entirely (eg. it doesn't have an elevation shadow)
+  // so we need to provide the same color values but without using the `hds-button-color-secondary()` mixin
+  color: var(--token-color-foreground-primary);
   background-color: var(--token-color-surface-faint);
   border: 1px solid var(--token-color-border-strong);
   border-radius: $hds-dropdown-toggle-border-radius;
@@ -73,16 +76,26 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;
   }
 }
 
+// Icon sizes
+
 .hds-dropdown-toggle-icon--size-small {
   .hds-dropdown-toggle-icon__wrapper {
-    width: 24px; // same as the `button[small]` minus 2*2px becaus there are a 1px padding and 1px border to take into account
+    width: 24px; // we use this element to provide the right size for the parent "button" so it matches the `button[small]`
     height: 24px;
   }
+
+  &.hds-dropdown-toggle-icon--has-chevron {
+    // For small variant with chevron, force the icon size to custom (even if the SGV size is `16px`)
+    .flight-icon {
+      width: 12px;
+      height: 12px;
+    }
+  }
 }
 
 .hds-dropdown-toggle-icon--size-medium {
   .hds-dropdown-toggle-icon__wrapper {
-    width: 32px; // same as the `button[medium]` minus 2*2px becaus there are a 1px padding and 1px border to take into account
+    width: 32px; // we use this element to provide the right size for the parent "button" so it matches the `button[small]`
     height: 32px;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "4.4.1",
+  "version": "4.5.0",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -22,10 +22,10 @@
     "build:types": "glint --declaration",
     "prepublishOnly": "yarn workspace @hashicorp/ember-flight-icons build && yarn build && test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo 'The pre-compiled CSS file was not found' && exit 1)",
     "start": "rollup --config --watch --environment development",
-    "lint": "npm-run-all --aggregate-output --continue-on-error --parallel \"lint:!(fix)\"",
-    "lint:fix": "npm-run-all --aggregate-output --continue-on-error --parallel lint:*:fix",
+    "lint": "concurrently \"yarn:lint:*(!fix)\" --names \"lint:\"",
+    "lint:fix": "concurrently \"yarn:lint:*:fix\" --names \"fix:\"",
     "lint:css": "stylelint \"src/styles/**/*.scss\"",
-    "lint:css:fix": "npm-run-all \"lint:css --fix\"",
+    "lint:css:fix": "concurrently \"yarn:lint:css -- --fix\"",
     "lint:types": "glint",
     "lint:hbs": "ember-template-lint .",
     "lint:hbs:fix": "ember-template-lint . --fix",
@@ -39,10 +39,10 @@
     "@embroider/addon-shim": "^1.8.7",
     "@floating-ui/dom": "^1.6.3",
     "@hashicorp/design-system-tokens": "^2.1.0",
-    "@hashicorp/ember-flight-icons": "^5.0.3",
+    "@hashicorp/ember-flight-icons": "^5.1.0",
     "@oddbird/popover-polyfill": "^0.4.3",
     "decorator-transforms": "^1.1.0",
-    "ember-a11y-refocus": "^3.0.2",
+    "ember-a11y-refocus": "^4.1.0",
     "ember-cli-sass": "^11.0.1",
     "ember-composable-helpers": "^5.0.0",
     "ember-element-helper": "^0.8.5",
@@ -58,7 +58,7 @@
     "tippy.js": "^6.3.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
+    "@babel/core": "^7.24.7",
     "@babel/plugin-proposal-decorators": "^7.24.1",
     "@babel/plugin-transform-class-properties": "^7.24.1",
     "@babel/plugin-transform-private-methods": "^7.24.1",
@@ -72,27 +72,27 @@
     "@glint/environment-ember-loose": "^1.4.0",
     "@glint/template": "^1.4.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@tsconfig/ember": "^3.0.6",
+    "@tsconfig/ember": "^3.0.8",
     "@types/ember-qunit": "^6.1.1",
     "@types/ember-resolver": "^9.0.0",
-    "@types/qunit": "^2.19.7",
-    "@types/rsvp": "^4.0.6",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
+    "@types/ember__destroyable": "^4.0.5",
+    "@types/qunit": "^2.19.10",
+    "@types/rsvp": "^4.0.9",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "babel-plugin-ember-template-compilation": "^2.2.4",
     "concurrently": "^8.2.2",
     "ember-basic-dropdown": "^8.1.0",
     "ember-concurrency": "^4.0.2",
     "ember-template-lint": "^4.18.2",
     "ember-template-lint-plugin-prettier": "^4.2.0",
-    "eslint": "^8.52.0",
-    "eslint-config-prettier": "^8.10.0",
-    "eslint-plugin-ember": "^11.11.1",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-ember": "^11.12.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-n": "^17.7.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-qunit": "^8.0.1",
-    "npm-run-all": "^4.1.5",
+    "eslint-plugin-qunit": "^8.1.1",
     "prettier": "^2.8.8",
     "rollup": "^4.17.2",
     "rollup-plugin-copy": "^3.5.0",
@@ -101,7 +101,7 @@
     "stylelint": "^16.3.1",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard-scss": "^13.1.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.4.5"
   },
   "peerDependencies": {
     "ember-source": "^3.28.0 || ^4.0.0 || ^5.3.0"

package/dist/_rollupPluginBabelHelpers-NoJJJNhk.js

@@ -1,76 +0,0 @@
-function _assertClassBrand(e, t, n) {
-  if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
-  throw new TypeError("Private element is not present on this object");
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _initializerDefineProperty(target, property, descriptor, context) {
-  if (!descriptor) return;
-  Object.defineProperty(target, property, {
-    enumerable: descriptor.enumerable,
-    configurable: descriptor.configurable,
-    writable: descriptor.writable,
-    value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
-  });
-}
-function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
-  var desc = {};
-  Object.keys(descriptor).forEach(function (key) {
-    desc[key] = descriptor[key];
-  });
-  desc.enumerable = !!desc.enumerable;
-  desc.configurable = !!desc.configurable;
-  if ('value' in desc || desc.initializer) {
-    desc.writable = true;
-  }
-  desc = decorators.slice().reverse().reduce(function (desc, decorator) {
-    return decorator(target, property, desc) || desc;
-  }, desc);
-  if (context && desc.initializer !== void 0) {
-    desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
-    desc.initializer = undefined;
-  }
-  if (desc.initializer === void 0) {
-    Object.defineProperty(target, property, desc);
-    desc = null;
-  }
-  return desc;
-}
-function _checkPrivateRedeclaration(obj, privateCollection) {
-  if (privateCollection.has(obj)) {
-    throw new TypeError("Cannot initialize the same private elements twice on an object");
-  }
-}
-function _classPrivateMethodInitSpec(obj, privateSet) {
-  _checkPrivateRedeclaration(obj, privateSet);
-  privateSet.add(obj);
-}
-
-export { _applyDecoratedDescriptor as _, _defineProperty as a, _initializerDefineProperty as b, _classPrivateMethodInitSpec as c, _assertClassBrand as d };
-//# sourceMappingURL=_rollupPluginBabelHelpers-NoJJJNhk.js.map

package/dist/_rollupPluginBabelHelpers-NoJJJNhk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-NoJJJNhk.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}