@pine-ds/icons 7.3.0 → 7.4.0

package/dist/cjs/{utils-958540ce.js.map → utils-89306ddd.js.map}

@@ -1 +1 @@
-{"file":"utils-958540ce.js","mappings":"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","names":[],"sources":["src/components/pds-icon/assetPath.ts","src/components/pds-icon/utils.ts"],"sourcesContent":["import { Build } from '@stencil/core';\n\nlet missingAssetPathWarning = false;\n\ndeclare global {\n  interface Window {\n    __PINE_ASSET_PATH__?: string\n  }\n}\n\n/**\n *\n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n *\n * https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n */\nexport const getAssetPath = (path: string) => {\n  const metaPineAssetPath = document.head.querySelector<HTMLMetaElement>('meta[data-pine-asset-path]')?.dataset.pineAssetPath;\n\n  // Get the asset path from the window object if available\n  const windowAssetPath = window.__PINE_ASSET_PATH__;\n\n  // Set the CDN Asset path using the latest version\n  const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/';\n\n  const assetBasePath  = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath || windowAssetPath || cdnAssetPath || '/'\n\n  // Display a warning if the assets are fetched from the CDN.\n  if ( assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning ) {\n    missingAssetPathWarning = true;\n    console.warn(`\n      Fetching Pine asssets from jsDelivr CDN.\\n\\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\\n\\nFor more information you read the documentation: \\nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    `)\n  }\n\n  let assetPath = path;\n\n  if ( path.startsWith ('./') ) {\n    assetPath = path.substring(2);\n  }\n\n  if ( !assetBasePath.endsWith('/') ) {\n    assetPath = '/' + assetPath;\n  }\n\n  return assetBasePath + assetPath;\n}\n\n\nexport {};\n","import { getAssetPath } from './assetPath';\n\nimport { PdsIcon } from './pds-icon';\n\nlet CACHED_MAP: Map<string, string>;\n\nexport const addIcons = (icons: { [name: string]: string; }) => {\n  const map = getIconMap();\n  Object.keys(icons).forEach(name => map.set(name, icons[name]));\n}\n\nexport const getIconMap = (): Map<string, string> => {\n  if (typeof window === 'undefined') {\n    return new Map();\n  }  else {\n    if (!CACHED_MAP) {\n      const win = window as any; // eslint-disable-line @typescript-eslint/no-explicit-any\n      win.PdsIcons = win.PdsIcons || {};\n      CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n    }\n\n    return CACHED_MAP;\n  }\n}\n\nexport const getName = (\n  iconName: string | undefined,\n  icon: string | undefined\n  ) => {\n\n  if(!iconName && icon && !isSrc(icon)) {\n    iconName = icon;\n  }\n\n  if (isStr(iconName)) {\n    iconName = toLower(iconName);\n  }\n\n  if (!isStr(iconName) || iconName.trim() === '') {\n    return null;\n  }\n\n  const invalidChars = iconName.replace(/[a-z]|-|\\d/gi,'');\n  if (invalidChars != '') { return null; }\n\n  return iconName;\n}\n\nconst getNamedUrl = (iconName: string) => {\n  const url = getIconMap().get(iconName);\n  if (url) {\n    return url;\n  }\n\n  return getAssetPath(`svg/${iconName}.svg`);\n};\n\nexport const getSrc = (src: string | undefined) => {\n  if (isStr(src)) {\n    src = src.trim();\n\n    if (isSrc(src)) {\n      return src;\n    }\n  }\n\n  return null;\n}\n\nexport const getUrl = (pdsIcon: PdsIcon) => {\n  let url = getSrc(pdsIcon.src);\n  if (url) {\n    return url;\n  }\n\n  url = getName(pdsIcon.name, pdsIcon.icon);\n  if (url) {\n    return getNamedUrl(url);\n  }\n\n  if (pdsIcon.icon) {\n    url = getSrc(pdsIcon.icon);\n\n    if(url) {\n      return url;\n    }\n  }\n\n  return null;\n};\n\n\nexport const isSrc = (str: string) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val: any): val is string => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val: string) => val.toLowerCase();\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\n export const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n  const attributeObject: { [k: string]: any } = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  attributes.forEach(attr => {\n    if (el.hasAttribute(attr)) {\n      const value = el.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = el.getAttribute(attr);\n      }\n      el.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n}\n"],"version":3}
+{"file":"utils-89306ddd.js","mappings":"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","names":[],"sources":["src/components/pds-icon/assetPath.ts","src/components/pds-icon/utils.ts"],"sourcesContent":["import { Build } from '@stencil/core';\n\nlet missingAssetPathWarning = false;\n\ndeclare global {\n  interface Window {\n    __PINE_ASSET_PATH__?: string\n  }\n}\n\n/**\n *\n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n *\n * https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n */\nexport const getAssetPath = (path: string) => {\n  const metaPineAssetPath = document.head.querySelector<HTMLMetaElement>('meta[data-pine-asset-path]')?.dataset.pineAssetPath;\n\n  // Get the asset path from the window object if available\n  const windowAssetPath = window.__PINE_ASSET_PATH__;\n\n  // Set the CDN Asset path using the latest version\n  const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/';\n\n  const assetBasePath  = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath || windowAssetPath || cdnAssetPath || '/'\n\n  // Display a warning if the assets are fetched from the CDN.\n  if ( assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning ) {\n    missingAssetPathWarning = true;\n    console.warn(`\n      Fetching Pine asssets from jsDelivr CDN.\\n\\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\\n\\nFor more information you read the documentation: \\nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    `)\n  }\n\n  let assetPath = path;\n\n  if ( path.startsWith ('./') ) {\n    assetPath = path.substring(2);\n  }\n\n  if ( !assetBasePath.endsWith('/') ) {\n    assetPath = '/' + assetPath;\n  }\n\n  return assetBasePath + assetPath;\n}\n\n\nexport {};\n","import { getAssetPath } from './assetPath';\n\nimport { PdsIcon } from './pds-icon';\n\nlet CACHED_MAP: Map<string, string>;\n\nexport const addIcons = (icons: { [name: string]: string; }) => {\n  const map = getIconMap();\n  Object.keys(icons).forEach(name => map.set(name, icons[name]));\n}\n\nexport const getIconMap = (): Map<string, string> => {\n  if (typeof window === 'undefined') {\n    return new Map();\n  }  else {\n    if (!CACHED_MAP) {\n      const win = window as any; // eslint-disable-line @typescript-eslint/no-explicit-any\n      win.PdsIcons = win.PdsIcons || {};\n      CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n    }\n\n    return CACHED_MAP;\n  }\n}\n\nexport const getName = (\n  iconName: string | undefined,\n  icon: string | undefined\n  ) => {\n\n  if(!iconName && icon && !isSrc(icon)) {\n    iconName = icon;\n  }\n\n  if (isStr(iconName)) {\n    iconName = toLower(iconName);\n  }\n\n  if (!isStr(iconName) || iconName.trim() === '') {\n    return null;\n  }\n\n  const invalidChars = iconName.replace(/[a-z]|-|\\d/gi,'');\n  if (invalidChars != '') { return null; }\n\n  return iconName;\n}\n\nconst getNamedUrl = (iconName: string) => {\n  const url = getIconMap().get(iconName);\n  if (url) {\n    return url;\n  }\n\n  return getAssetPath(`svg/${iconName}.svg`);\n};\n\nexport const getSrc = (src: string | undefined) => {\n  if (isStr(src)) {\n    src = src.trim();\n\n    if (isSrc(src)) {\n      return src;\n    }\n  }\n\n  return null;\n}\n\nexport const getUrl = (pdsIcon: PdsIcon) => {\n  let url = getSrc(pdsIcon.src);\n  if (url) {\n    return url;\n  }\n\n  url = getName(pdsIcon.name, pdsIcon.icon);\n  if (url) {\n    return getNamedUrl(url);\n  }\n\n  if (pdsIcon.icon) {\n    url = getSrc(pdsIcon.icon);\n\n    if(url) {\n      return url;\n    }\n  }\n\n  return null;\n};\n\n\nexport const isSrc = (str: string) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val: any): val is string => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val: string) => val.toLowerCase();\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\n export const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n  const attributeObject: { [k: string]: any } = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  attributes.forEach(attr => {\n    if (el.hasAttribute(attr)) {\n      const value = el.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = el.getAttribute(attr);\n      }\n      el.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n}\n"],"version":3}

package/dist/collection/components/pds-icon/pds-icon.css

@@ -1,12 +1,15 @@
 :host {
+  --dimension-icon-height: 16px;
+  --dimension-icon-width: 16px;
+  --color-icon-fill: currentColor;
   contain: strict;
   display: inline-block;
-  fill: currentColor;
-  height: 1em;
-  width: 1em;
+  fill: var(--color-icon-fill);
+  height: var(--dimension-icon-height);
+  width: var(--dimension-icon-width);
 }
 :host .pdsicon {
-  fill: currentColor;
+  fill: var(--color-icon-fill);
 }
 
 .pds-icon-fill-none {

package/dist/collection/components/pds-icon/pds-icon.js

@@ -32,8 +32,17 @@ export class PdsIcon {
             return this.size;
         }
     }
+    componentDidLoad() {
+        this.setCSSVariables();
+    }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);
+        this.setCSSVariables();
+    }
+    setCSSVariables() {
+        this.el.style.setProperty(`--dimension-icon-height`, this.iconSize());
+        this.el.style.setProperty(`--dimension-icon-width`, this.iconSize());
+        this.el.style.setProperty(`--color-icon-fill`, this.color);
     }
     connectedCallback() {
         this.waitUntilVisible(this.el, '50px', () => {
@@ -66,12 +75,7 @@ export class PdsIcon {
     }
     render() {
         const { ariaLabel, inheritedAttributes } = this;
-        const style = {
-            height: this.iconSize(),
-            width: this.iconSize(),
-            color: this.color,
-        };
-        return (h(Host, Object.assign({ key: '8b9838e26ed7c79b98edeec06b912db75c420045', "aria-label": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, alt: "", role: "img", style: style, class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h("div", { class: "icon-inner", innerHTML: this.svgContent })) : (h("div", { class: "icon-inner" }))));
+        return (h(Host, Object.assign({ key: '004082e4bbede6f3176fcb5afcd1aa032a1313a1', "aria-label": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, alt: "", role: "img", class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h("div", { class: "icon-inner", innerHTML: this.svgContent })) : (h("div", { class: "icon-inner" }))));
     }
     /*****
      * Private Methods

package/dist/collection/components/pds-icon/pds-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-icon.js","sourceRoot":"","sources":["../../../src/components/pds-icon/pds-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Build, Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { getSvgContent, pdsIconContent } from './request';\nimport { getName, getUrl, inheritAttributes } from './utils';\n\n@Component({\n  tag: 'pds-icon',\n  assetsDirs: ['svg'],\n  styleUrl: 'pds-icon.scss',\n  shadow: true,\n})\nexport class PdsIcon {\n  private io?: IntersectionObserver;\n  private inheritedAttributes: { [k: string]: any } = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  @Element() el!: HTMLPdsIconElement;\n\n  @State() private ariaLabel?: string;\n  @State() private isVisible = false;\n  @State() private svgContent?: string;\n\n  /**\n   *\n   * The color of the icon\n   *\n   */\n  @Prop() color?: string;\n\n  /**\n   * This a combination of both `name` and `src`. If a `src` url is detected\n   * it will set the `src` property. Otherwise it assumes it's a built-in named\n   * SVG and set the `name` property.\n   */\n  @Prop() icon?: any;\n\n  /**\n   * The name of the icon to use from\n   * the built-in set.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * The size of the icon. This can be\n   * 'small', 'regular', 'medium', large, or a\n   * custom value (40px, 1rem, etc)\n   *\n   */\n  @Prop({ reflect: true }) size?:\n    | 'small'   // 12px\n    | 'regular'  // 16px\n    | 'medium'  // 20px\n    | 'large'   // 24px\n    | 'auto'\n    | string = 'regular'\n\n  /**\n   *\n   * Specifies the exact `src` of an SVG file to use.\n   */\n  @Prop() src?: string;\n\n  private iconSize() {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const sizes: { [key: string]: any } = {\n      small: '12px',\n      regular: '16px',\n      medium: '20px',\n      large: '24px',\n    }\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size;\n    }\n  }\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n  }\n\n  connectedCallback() {\n    this.waitUntilVisible(this.el, '50px', () => {\n      this.isVisible = true;\n      this.loadIcon();\n    })\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  @Watch('name')\n  @Watch('src')\n  @Watch('icon')\n  loadIcon() {\n    if (Build.isBrowser && this.isVisible) {\n      const url = getUrl(this);\n      if (url) {\n        if (pdsIconContent.has(url)) {\n          this.svgContent = pdsIconContent.get(url);\n        } else {\n          getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n        }\n      }\n    }\n\n    const label = getName(this.name, this.icon);\n\n    if (label) {\n      this.ariaLabel = label.replace(/\\-/g, ' ');\n    }\n  }\n\n  render() {\n    const { ariaLabel, inheritedAttributes } = this;\n\n    const style = {\n      height: this.iconSize(),\n      width: this.iconSize(),\n      color: this.color,\n    }\n\n    return (\n\n      <Host\n        aria-label={ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null }\n        alt=\"\"\n        role=\"img\"\n        style={style}\n        class={{\n          ...createColorClasses(this.color),\n        }}\n        {...inheritedAttributes}\n      >\n        {Build.isBrowser && this.svgContent ? (\n          <div class=\"icon-inner\" innerHTML={this.svgContent}></div>\n        ) : (\n          <div class=\"icon-inner\"></div>\n        )}\n      </Host>\n    )\n  }\n\n  /*****\n   * Private Methods\n   ****/\n\n  private waitUntilVisible(el: HTMLElement, rootMargin: string, cb: () => void) {\n    if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n      const io = (this.io = new (window).IntersectionObserver(\n        (data: IntersectionObserverEntry[]) => {\n          if (data[0].isIntersecting) {\n            io.disconnect();\n            this.io = undefined;\n            cb();\n          }\n        },\n        { rootMargin },\n      ));\n\n      io.observe(el);\n    } else {\n      // browser doesn't support IntersectionObserver\n      // so just fallback to always show it\n      cb();\n    }\n  }\n\n  private hasAriaHidden = () => {\n    const { el } = this;\n\n    return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n  }\n}\n\nconst createColorClasses = (color: string | undefined) => {\n  return color\n   ? {\n       'pds-color': true,\n       [`pds-color-${color}`]: true,\n     }\n   : null;\n };\n"]}
+{"version":3,"file":"pds-icon.js","sourceRoot":"","sources":["../../../src/components/pds-icon/pds-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Build, Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { getSvgContent, pdsIconContent } from './request';\nimport { getName, getUrl, inheritAttributes } from './utils';\n\n@Component({\n  tag: 'pds-icon',\n  assetsDirs: ['svg'],\n  styleUrl: 'pds-icon.scss',\n  shadow: true,\n})\nexport class PdsIcon {\n  private io?: IntersectionObserver;\n  private inheritedAttributes: { [k: string]: any } = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  @Element() el!: HTMLPdsIconElement;\n\n  @State() private ariaLabel?: string;\n  @State() private isVisible = false;\n  @State() private svgContent?: string;\n\n  /**\n   *\n   * The color of the icon\n   *\n   */\n  @Prop() color?: string;\n\n  /**\n   * This a combination of both `name` and `src`. If a `src` url is detected\n   * it will set the `src` property. Otherwise it assumes it's a built-in named\n   * SVG and set the `name` property.\n   */\n  @Prop() icon?: any;\n\n  /**\n   * The name of the icon to use from\n   * the built-in set.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * The size of the icon. This can be\n   * 'small', 'regular', 'medium', large, or a\n   * custom value (40px, 1rem, etc)\n   *\n   */\n  @Prop({ reflect: true }) size?:\n    | 'small'   // 12px\n    | 'regular'  // 16px\n    | 'medium'  // 20px\n    | 'large'   // 24px\n    | 'auto'\n    | string = 'regular'\n\n  /**\n   *\n   * Specifies the exact `src` of an SVG file to use.\n   */\n  @Prop() src?: string;\n\n  private iconSize() {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const sizes: { [key: string]: any } = {\n      small: '12px',\n      regular: '16px',\n      medium: '20px',\n      large: '24px',\n    }\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size;\n    }\n  }\n\n  componentDidLoad() {\n    this.setCSSVariables();\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n    this.setCSSVariables();\n  }\n\n  setCSSVariables() {\n    this.el.style.setProperty(`--dimension-icon-height`, this.iconSize());\n    this.el.style.setProperty(`--dimension-icon-width`, this.iconSize());\n    this.el.style.setProperty(`--color-icon-fill`, this.color);\n  }\n\n  connectedCallback() {\n    this.waitUntilVisible(this.el, '50px', () => {\n      this.isVisible = true;\n      this.loadIcon();\n    })\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  @Watch('name')\n  @Watch('src')\n  @Watch('icon')\n  loadIcon() {\n    if (Build.isBrowser && this.isVisible) {\n      const url = getUrl(this);\n      if (url) {\n        if (pdsIconContent.has(url)) {\n          this.svgContent = pdsIconContent.get(url);\n        } else {\n          getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n        }\n      }\n    }\n\n    const label = getName(this.name, this.icon);\n\n    if (label) {\n      this.ariaLabel = label.replace(/\\-/g, ' ');\n    }\n  }\n\n  render() {\n    const { ariaLabel, inheritedAttributes } = this;\n\n    return (\n\n      <Host\n        aria-label={ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null }\n        alt=\"\"\n        role=\"img\"\n        class={{\n          ...createColorClasses(this.color),\n        }}\n        {...inheritedAttributes}\n      >\n        {Build.isBrowser && this.svgContent ? (\n          <div class=\"icon-inner\" innerHTML={this.svgContent}></div>\n        ) : (\n          <div class=\"icon-inner\"></div>\n        )}\n      </Host>\n    )\n  }\n\n  /*****\n   * Private Methods\n   ****/\n\n  private waitUntilVisible(el: HTMLElement, rootMargin: string, cb: () => void) {\n    if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n      const io = (this.io = new (window).IntersectionObserver(\n        (data: IntersectionObserverEntry[]) => {\n          if (data[0].isIntersecting) {\n            io.disconnect();\n            this.io = undefined;\n            cb();\n          }\n        },\n        { rootMargin },\n      ));\n\n      io.observe(el);\n    } else {\n      // browser doesn't support IntersectionObserver\n      // so just fallback to always show it\n      cb();\n    }\n  }\n\n  private hasAriaHidden = () => {\n    const { el } = this;\n\n    return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n  }\n}\n\nconst createColorClasses = (color: string | undefined) => {\n  return color\n   ? {\n       'pds-color': true,\n       [`pds-color-${color}`]: true,\n     }\n   : null;\n };\n"]}

package/dist/collection/components/pds-icon/svg/bar-chart-10-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M10 3.067c0-.374 0-.56-.073-.703a.67.67 0 0 0-.291-.291C9.493 2 9.306 2 8.933 2H7.067c-.374 0-.56 0-.703.073a.67.67 0 0 0-.291.291C6 2.507 6 2.694 6 3.067V14h4z" opacity=".12"/><path fill-rule="evenodd" d="M9.317 2.674a6 6 0 0 0-.384-.007H7.067a6 6 0 0 0-.393.007v.01a6 6 0 0 0-.007.383v10.266h2.666V3.067a6 6 0 0 0-.007-.393zm1.35 3.993V3.045c0-.168 0-.332-.012-.47a1.4 1.4 0 0 0-.134-.514 1.33 1.33 0 0 0-.582-.582 1.4 1.4 0 0 0-.514-.134c-.138-.012-.302-.012-.47-.012h-1.91c-.168 0-.332 0-.47.012a1.4 1.4 0 0 0-.514.134c-.25.127-.455.331-.582.582-.093.181-.122.361-.134.514-.012.138-.012.302-.012.47V4H3.045c-.168 0-.332 0-.47.011a1.4 1.4 0 0 0-.514.134c-.25.128-.455.332-.582.583-.093.181-.122.36-.134.513a6 6 0 0 0-.012.492v7.222c0 .168 0 .332.012.47.012.153.041.333.134.514.127.25.331.454.582.582.181.092.361.122.514.134.138.012.302.012.47.012h9.91c.168 0 .332 0 .47-.012.153-.012.333-.041.514-.134.25-.128.454-.332.582-.582a1.4 1.4 0 0 0 .134-.514c.012-.138.012-.302.012-.47V8.379c0-.169 0-.332-.012-.471a1.4 1.4 0 0 0-.134-.513 1.33 1.33 0 0 0-.582-.583 1.35 1.35 0 0 0-.514-.134c-.138-.011-.302-.011-.47-.011zm0 1.333v5.333h2.266c.198 0 .306 0 .384-.007h.009v-.01a5 5 0 0 0 .007-.383V8.4c0-.198 0-.306-.007-.384v-.008l-.01-.001A6 6 0 0 0 12.934 8zM5.333 5.333H3.067a6 6 0 0 0-.393.008v.009a6 6 0 0 0-.007.383v7.2c0 .198 0 .306.007.384v.009h.01c.077.007.185.007.383.007h2.266zm-3.272 9.188"/></svg>

package/dist/collection/components/pds-icon/svg/bell-01-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M12 5.333a4 4 0 1 0-8 0c0 2.06-.52 3.471-1.1 4.404-.49.787-.735 1.18-.726 1.29.01.122.036.168.134.24.088.066.487.066 1.285.066h8.814c.798 0 1.197 0 1.285-.065.098-.073.124-.12.134-.24.009-.11-.236-.504-.726-1.291-.58-.933-1.1-2.344-1.1-4.404" opacity=".12"/><path fill-rule="evenodd" d="M4.7 2.034a4.667 4.667 0 0 1 7.967 3.3c0 1.941.488 3.229 1 4.05l.007.013c.238.383.427.686.554.906.063.11.121.217.164.311q.035.072.064.168a.8.8 0 0 1 .034.3 1 1 0 0 1-.115.407 1 1 0 0 1-.286.314c-.167.124-.358.152-.422.162h-.003c-.098.015-.21.022-.322.026-.224.009-.533.009-.918.009H3.576c-.385 0-.694 0-.918-.009a3 3 0 0 1-.322-.026h-.003c-.064-.01-.255-.038-.422-.162a1 1 0 0 1-.286-.314 1 1 0 0 1-.115-.408.8.8 0 0 1 .034-.299q.03-.095.064-.168c.043-.094.1-.2.164-.31.127-.221.316-.524.554-.907l.008-.012c.511-.822 1-2.11 1-4.052 0-1.237.491-2.424 1.366-3.3M8 2a3.333 3.333 0 0 0-3.333 3.333c0 2.179-.552 3.712-1.201 4.756l-.357.577h9.782l-.357-.577c-.65-1.044-1.2-2.577-1.2-4.756A3.333 3.333 0 0 0 8 2M5.736 13.559a.667.667 0 0 1 .941-.059c.353.312.815.5 1.323.5s.97-.188 1.323-.5a.667.667 0 1 1 .882 1A3.32 3.32 0 0 1 8 15.333a3.32 3.32 0 0 1-2.205-.833.667.667 0 0 1-.059-.941"/></svg>

package/dist/collection/components/pds-icon/svg/clapperboard-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M1.333 5.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C2.853 2 3.413 2 4.533 2h6.934c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874c.218.428.218.988.218 2.108v.133H1.333z" opacity=".12"/><path fill-rule="evenodd" d="M5.986 1.333h-1.48c-.537 0-.98 0-1.34.03-.375.03-.72.096-1.043.261-.502.256-.91.664-1.166 1.165-.165.324-.23.668-.26 1.043-.03.36-.03.804-.03 1.34v5.656c0 .536 0 .98.03 1.34.03.375.095.72.26 1.043.256.501.664.91 1.166 1.165.323.165.668.23 1.042.261.361.03.804.03 1.34.03h6.99c.536 0 .979 0 1.34-.03.374-.03.719-.096 1.042-.261.502-.256.91-.664 1.166-1.165.165-.324.23-.668.26-1.043.03-.36.03-.804.03-1.34V5.172c0-.536 0-.98-.03-1.34-.03-.375-.095-.72-.26-1.043a2.67 2.67 0 0 0-1.166-1.165c-.323-.165-.668-.23-1.042-.261-.361-.03-.804-.03-1.34-.03H5.985m3.867 1.334H6.547l-.4 2h3.306zm1.36 0-.4 2H14c-.002-.297-.008-.53-.024-.726-.024-.293-.067-.442-.12-.546a1.33 1.33 0 0 0-.583-.583c-.104-.053-.254-.096-.546-.12-.3-.025-.688-.025-1.26-.025zM14 6H2v4.8c0 .571 0 .96.025 1.26.024.292.067.441.12.545.128.251.332.455.583.583.104.053.254.096.546.12.3.025.688.025 1.26.025h6.933c.57 0 .959 0 1.259-.025.292-.024.442-.067.546-.12.25-.128.455-.332.583-.583.053-.104.096-.253.12-.546.024-.3.025-.688.025-1.259zM2.001 4.667h2.786l.4-2h-.654c-.57 0-.959 0-1.259.025-.292.024-.442.067-.546.12-.25.128-.455.332-.583.583-.053.104-.096.253-.12.546-.016.195-.022.429-.024.726"/></svg>

package/dist/collection/components/pds-icon/svg/cloud-upload.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g fill-rule="evenodd" clip-path="url(#a)"><path d="M8.667 8v6H7.333V8z"/><path d="m8 7.057 3.61 3.61-.943.943L8 8.943 5.333 11.61l-.942-.943z"/><path d="M6.902 1.794a6.667 6.667 0 1 1 3.913 12.707l-.65.148-.296-1.3.65-.148a5.334 5.334 0 1 0-6.492-5.734l-.049.489-.481.097a2.667 2.667 0 0 0 .506 5.28H6v1.334H3.995A4 4 0 0 1 2.764 6.87a6.67 6.67 0 0 1 4.138-5.077"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g fill-rule="evenodd" clip-path="url(#a)"><path d="M8.667 8v6H7.333V8z"/><path d="m8 7.057 3.61 3.61-.943.943L8 8.943 5.333 11.61l-.942-.943z"/><path d="M6.902 1.794a6.667 6.667 0 1 1 3.913 12.707l-.65.149-.296-1.3.65-.149a5.333 5.333 0 1 0-6.492-5.734l-.049.489-.481.097a2.667 2.667 0 0 0 .506 5.28H6v1.334H3.995A4 4 0 0 1 2.764 6.87a6.67 6.67 0 0 1 4.138-5.077"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/credit-card-02-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M1.333 5.467v1.2h13.334v-1.2c0-.747 0-1.12-.146-1.406a1.33 1.33 0 0 0-.582-.582c-.286-.146-.659-.146-1.406-.146H3.467c-.747 0-1.12 0-1.406.146-.25.127-.454.331-.582.582-.146.286-.146.659-.146 1.406" opacity=".12"/><path fill-rule="evenodd" d="M3.44 2.667h9.119c.351 0 .655 0 .904.02.264.022.526.07.778.198a2 2 0 0 1 .874.874c.129.252.176.514.198.778.02.25.02.553.02.904v5.118c0 .352 0 .655-.02.904-.022.264-.07.526-.198.778a2 2 0 0 1-.874.874 2 2 0 0 1-.778.198c-.25.02-.553.02-.904.02H3.441c-.351 0-.655 0-.904-.02a2 2 0 0 1-.778-.198 2 2 0 0 1-.874-.874 2 2 0 0 1-.198-.778c-.02-.25-.02-.552-.02-.904V5.441c0-.351 0-.655.02-.904.022-.264.07-.526.198-.778a2 2 0 0 1 .874-.874c.252-.129.514-.176.778-.198.25-.02.553-.02.904-.02M2 7.333v3.2c0 .385 0 .633.016.822.015.18.04.248.057.281a.67.67 0 0 0 .291.291c.033.017.1.042.281.057.19.015.437.016.822.016h9.066c.385 0 .633 0 .822-.016.18-.015.248-.04.281-.057a.67.67 0 0 0 .291-.291c.017-.033.042-.1.057-.281.015-.19.016-.437.016-.822v-3.2zM14 6H2v-.533c0-.385 0-.633.016-.822.015-.18.04-.248.057-.281a.67.67 0 0 1 .291-.291c.033-.017.1-.042.281-.057.19-.015.437-.016.822-.016h9.066c.385 0 .633 0 .822.016.18.015.248.04.281.057a.67.67 0 0 1 .291.291c.017.033.042.1.057.281.015.19.016.437.016.822zM3.333 9.333c0-.368.299-.666.667-.666h3.333a.667.667 0 0 1 0 1.333H4a.667.667 0 0 1-.667-.667"/></svg>

package/dist/collection/components/pds-icon/svg/cube-01-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="m8 8 6-3.333v6.039c0 .228 0 .342-.034.444a.7.7 0 0 1-.142.243c-.073.079-.173.134-.373.245l-4.933 2.74c-.189.106-.284.158-.384.179a.7.7 0 0 1-.268 0c-.1-.02-.195-.073-.384-.178l-4.933-2.74c-.2-.112-.3-.167-.373-.246a.7.7 0 0 1-.142-.243C2 11.048 2 10.934 2 10.706v-6.04z" opacity=".12"/><path fill-rule="evenodd" d="M7.731.79c.178-.036.36-.036.538 0 .204.042.388.145.533.226l.04.022 4.933 2.741.042.023c.154.085.348.192.497.353.129.14.226.305.285.486.07.208.069.43.068.605v5.508c0 .176.001.397-.068.605-.06.18-.156.346-.285.486-.149.161-.343.268-.497.353l-.042.023-4.933 2.74-.04.023c-.145.081-.329.184-.533.226q-.269.054-.538 0c-.204-.042-.388-.145-.533-.226l-.04-.022-4.933-2.741-.042-.023c-.154-.085-.348-.192-.497-.353a1.3 1.3 0 0 1-.285-.486c-.07-.208-.068-.43-.068-.605V5.246c0-.176-.001-.397.068-.605.06-.18.157-.346.285-.486.149-.161.343-.268.497-.353l.042-.023 4.933-2.74.04-.023A1.9 1.9 0 0 1 7.73.79M8 2.1h-.003c-.039.02-.09.048-.191.104L3.373 4.667 8 7.237l4.627-2.57-4.433-2.463a4 4 0 0 0-.19-.103zm5.333 3.7v4.906c0 .122 0 .184-.003.23v.003l-.003.002a4 4 0 0 1-.2.114l-4.46 2.479V8.392zm-6 2.592L2.667 5.8v4.906a4 4 0 0 0 .003.233l.003.002c.038.024.093.055.2.114l4.46 2.479z"/></svg>

package/dist/collection/components/pds-icon/svg/customize.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M5.027 2a1.7 1.7 0 0 0-.845.28l-.004.004a6.58 6.58 0 0 0-2.845 5.45A6.646 6.646 0 0 0 8 14.402c3.024 0 5.629-2.055 6.421-4.833.12-.52.25-1.45.097-2.364-.153-.907-.566-1.73-1.479-2.204-1.38-.643-2.652-.325-3.9.063l-.216.068c-.53.167-1.1.347-1.614.394-.641.058-1.307-.08-1.821-.697l-.009-.01c-.288-.361-.31-.77-.272-1.084.032-.26.118-.533.183-.739l.023-.075c.077-.247.121-.416.127-.554.005-.114-.017-.162-.052-.204l-.043-.057c-.013-.02-.106-.117-.418-.104m1.507-.665C6.144.78 5.486.648 4.974.67a3 3 0 0 0-1.554.518A7.91 7.91 0 0 0 0 7.735c0 4.435 3.565 8 8 8 3.638 0 6.762-2.471 7.708-5.819l.008-.029c.145-.616.311-1.745.117-2.904-.198-1.174-.782-2.448-2.195-3.174l-.021-.011c-1.883-.884-3.607-.402-4.873-.008l-.217.068h-.002c-.559.175-.977.306-1.336.339-.337.03-.513-.035-.662-.205a.4.4 0 0 1 .003-.094c.017-.133.064-.283.136-.517l.02-.065c.074-.236.172-.559.186-.891a1.6 1.6 0 0 0-.338-1.09M6.53 4.002q-.001 0-.002-.006zm4.803 3.066a.667.667 0 1 0 0 1.333.667.667 0 0 0 0-1.333m-2 .667a2 2 0 1 1 4 0 2 2 0 0 1-4 0m-6-1.334a1.333 1.333 0 1 0 0 2.667 1.333 1.333 0 0 0 0-2.667m.334 4.667a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0m5 0a1.333 1.333 0 1 0 0 2.667 1.333 1.333 0 0 0 0-2.667"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M5.027 2a1.7 1.7 0 0 0-.845.28l-.004.004a6.58 6.58 0 0 0-2.845 5.45A6.646 6.646 0 0 0 8 14.402c3.024 0 5.629-2.055 6.421-4.833.12-.52.25-1.45.097-2.364-.153-.907-.566-1.73-1.479-2.204-1.38-.643-2.652-.325-3.9.063l-.216.068c-.53.167-1.1.347-1.614.394-.641.058-1.307-.08-1.821-.697l-.009-.01c-.288-.361-.31-.77-.272-1.084.032-.26.118-.533.183-.739l.023-.075c.077-.247.121-.416.127-.554.005-.114-.017-.162-.052-.204l-.043-.057c-.013-.02-.106-.117-.418-.104m1.507-.665C6.144.78 5.486.648 4.974.67a3 3 0 0 0-1.554.518A7.91 7.91 0 0 0 0 7.735c0 4.435 3.565 8 8 8 3.638 0 6.762-2.471 7.708-5.819l.008-.029c.145-.616.311-1.745.117-2.904-.198-1.174-.782-2.448-2.195-3.174l-.021-.011c-1.883-.884-3.607-.402-4.873-.008l-.217.068h-.002c-.559.175-.977.306-1.336.339-.337.03-.513-.035-.662-.205a.4.4 0 0 1 .003-.094 3 3 0 0 1 .136-.517l.02-.065c.074-.236.172-.559.186-.891a1.6 1.6 0 0 0-.338-1.09M6.53 4.002q-.001 0-.002-.006zm4.803 3.066a.667.667 0 1 0 0 1.333.667.667 0 0 0 0-1.333m-2 .667a2 2 0 1 1 4 0 2 2 0 0 1-4 0m-6-1.334a1.333 1.333 0 1 0 0 2.667 1.333 1.333 0 0 0 0-2.667m.334 4.667a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0m5 0a1.333 1.333 0 1 0 0 2.667 1.333 1.333 0 0 0 0-2.667"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/dollar.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8.75.667a.75.75 0 0 0-1.5 0v.623c-.717.077-1.462.273-2.097.647-.9.532-1.57 1.427-1.57 2.73 0 .62.144 1.162.421 1.626.275.46.656.804 1.073 1.069.64.407 1.43.666 2.173.876v4.324a11.3 11.3 0 0 1-3.004-.604.75.75 0 1 0-.492 1.417c1.128.392 2.305.624 3.496.69v1.268a.75.75 0 1 0 1.5 0v-1.285c.803-.074 1.584-.269 2.225-.667.893-.554 1.442-1.46 1.442-2.714 0-.62-.144-1.163-.421-1.627a3.25 3.25 0 0 0-1.072-1.069c-.64-.407-1.431-.665-2.174-.875V2.803c.67.084 1.324.268 1.941.547a.75.75 0 1 0 .618-1.367 8.3 8.3 0 0 0-2.559-.69zM7.25 2.8c-.498.07-.965.21-1.335.428-.511.302-.832.74-.832 1.438 0 .38.086.65.21.857.126.212.318.4.589.572.37.236.832.412 1.368.577zm1.5 5.859v3.88c.591-.067 1.078-.212 1.434-.433.443-.275.733-.694.733-1.44 0-.38-.086-.65-.21-.858-.126-.212-.318-.4-.589-.572-.37-.235-.832-.412-1.368-.577"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8.75.667a.75.75 0 0 0-1.5 0v.623c-.717.077-1.462.273-2.097.647-.9.532-1.57 1.427-1.57 2.73 0 .62.144 1.162.421 1.626.275.46.656.804 1.073 1.069.64.407 1.43.666 2.173.876v4.324a11.3 11.3 0 0 1-3.004-.604.75.75 0 0 0-.492 1.417c1.128.392 2.305.624 3.496.69v1.268a.75.75 0 0 0 1.5 0v-1.285c.803-.074 1.584-.269 2.225-.667.893-.554 1.442-1.46 1.442-2.714 0-.62-.144-1.163-.421-1.627a3.25 3.25 0 0 0-1.072-1.069c-.64-.407-1.431-.665-2.174-.876V2.803c.67.084 1.324.268 1.941.547a.75.75 0 1 0 .618-1.367 8.3 8.3 0 0 0-2.559-.69zM7.25 2.8c-.498.07-.965.21-1.335.428-.511.302-.832.74-.832 1.438 0 .38.086.65.21.857.126.212.318.4.589.572.37.236.832.412 1.368.577zm1.5 5.859v3.88c.591-.067 1.078-.212 1.434-.433.443-.275.733-.694.733-1.44 0-.38-.086-.65-.21-.858-.126-.212-.318-.4-.589-.572-.37-.235-.832-.412-1.368-.577"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/dots-horizontal-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M2 8a1.333 1.333 0 1 1 2.667 0A1.333 1.333 0 0 1 2 8m4.667 0a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0m4.666 0A1.333 1.333 0 1 1 14 8a1.333 1.333 0 0 1-2.667 0"/></svg>

package/dist/collection/components/pds-icon/svg/download.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path d="M7.733 11.933c-.066 0-.133-.066-.2-.133l-4-4a.644.644 0 0 1 0-.933.644.644 0 0 1 .934 0l2.866 2.866v-8.4c0-.4.267-.666.667-.666s.667.266.667.666v8.4l2.866-2.866a.644.644 0 0 1 .934 0 .644.644 0 0 1 0 .933l-4 4c-.034.033-.067.05-.1.067a.4.4 0 0 0-.1.066C8.2 12 8.067 12 8 12s-.2 0-.267-.067"/><path d="M14 11.333c0-.4.267-.666.667-.666s.666.266.666.666v4c0 .4-.266.667-.666.667H1.333c-.4 0-.666-.267-.666-.667v-4c0-.4.266-.666.666-.666s.667.266.667.666v3.334h12z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path d="M7.733 11.933c-.066 0-.133-.066-.2-.133l-4-4a.644.644 0 0 1 0-.933.644.644 0 0 1 .934 0l2.866 2.866v-8.4c0-.4.267-.666.667-.666s.667.266.667.666v8.4l2.866-2.866a.644.644 0 0 1 .934 0 .644.644 0 0 1 0 .933l-4 4c-.034.033-.067.05-.1.067-.034.016-.067.033-.1.066C8.2 12 8.067 12 8 12s-.2 0-.267-.067"/><path d="M14 11.333c0-.4.267-.666.667-.666s.666.266.666.666v4c0 .4-.266.667-.666.667H1.333c-.4 0-.666-.267-.666-.667v-4c0-.4.266-.666.666-.666s.667.266.667.666v3.334h12z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/expand.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M.776 1.776v4a.667.667 0 1 0 1.334 0v-2.39l3.528 3.528a.667.667 0 1 0 .943-.943L3.052 2.443h2.39a.667.667 0 0 0 0-1.333h-4a.667.667 0 0 0-.666.666M15.11 14.443v-4a.667.667 0 0 0-1.334 0v2.39l-3.528-3.528a.667.667 0 1 0-.943.943l3.528 3.528h-2.39a.667.667 0 1 0 0 1.334h4a.667.667 0 0 0 .667-.667"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M.776 1.776v4a.667.667 0 1 0 1.334 0v-2.39l3.528 3.528a.667.667 0 0 0 .943-.943L3.052 2.443h2.39a.667.667 0 0 0 0-1.334h-4a.667.667 0 0 0-.666.667M15.11 14.443v-4a.667.667 0 0 0-1.334 0v2.39l-3.528-3.528a.667.667 0 1 0-.943.943l3.528 3.528h-2.39a.667.667 0 1 0 0 1.334h4a.667.667 0 0 0 .667-.667"/></svg>

package/dist/collection/components/pds-icon/svg/filter.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M12.71 4.3a1.26 1.26 0 1 0 0 2.518 1.26 1.26 0 0 0 0-2.518m-11.06 2h8.609A2.56 2.56 0 1 0 10.21 5H1.65a.65.65 0 1 0 0 1.3m1.91 5.518a1.26 1.26 0 1 0 0-2.518 1.26 1.26 0 0 0 0 2.518m11.058-2H6.01a2.56 2.56 0 1 0 .048 1.3h8.561a.65.65 0 1 0 0-1.3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M12.71 4.3a1.26 1.26 0 1 0 0 2.518 1.26 1.26 0 0 0 0-2.518m-11.06 2h8.609A2.56 2.56 0 1 0 10.21 5H1.65a.65.65 0 1 0 0 1.3m1.91 5.518A1.26 1.26 0 1 0 3.558 9.3a1.26 1.26 0 0 0 0 2.518m11.058-2H6.01a2.56 2.56 0 1 0 .048 1.3h8.561a.65.65 0 0 0 0-1.3"/></svg>

package/dist/collection/components/pds-icon/svg/form-field.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M.667.667A.667.667 0 0 0 0 1.333v5.334c0 .368.298.666.667.666h14.666A.667.667 0 0 0 16 6.667V1.333a.667.667 0 0 0-.667-.666zM1.333 6V2h13.334v4zM.667 8.667A.667.667 0 0 0 0 9.333v5.334c0 .368.298.666.667.666h14.666a.667.667 0 0 0 .667-.666V9.333a.667.667 0 0 0-.667-.666zM1.333 14v-4h13.334v4zm1.334-9.905c0-.368.298-.666.666-.666H6a.667.667 0 0 1 0 1.333H3.333a.667.667 0 0 1-.666-.667m.666 7.238a.667.667 0 0 0 0 1.334H6a.667.667 0 0 0 0-1.334z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M.667.667A.667.667 0 0 0 0 1.333v5.334c0 .368.298.666.667.666h14.666A.667.667 0 0 0 16 6.667V1.333a.667.667 0 0 0-.667-.666zM1.333 6V2h13.334v4zM.667 8.667A.667.667 0 0 0 0 9.333v5.334c0 .368.298.666.667.666h14.666a.667.667 0 0 0 .667-.666V9.333a.667.667 0 0 0-.667-.666zM1.333 14v-4h13.334v4zm1.334-9.905c0-.368.298-.666.666-.666H6a.667.667 0 1 1 0 1.333H3.333a.667.667 0 0 1-.666-.667m.666 7.238a.667.667 0 0 0 0 1.334H6a.667.667 0 0 0 0-1.334z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/hashtag.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M7.326 1.432a.667.667 0 0 0-1.319-.198l-.514 3.433h-2.16a.667.667 0 0 0 0 1.333h1.96l-.6 4H2.667a.667.667 0 0 0 0 1.333h1.826l-.486 3.235a.667.667 0 0 0 1.319.198l.515-3.433h3.318l-.485 3.235a.667.667 0 0 0 1.319.198l.515-3.433h2.159a.667.667 0 1 0 0-1.333h-1.96l.6-4h2.026a.667.667 0 1 0 0-1.333h-1.825l.485-3.235a.667.667 0 1 0-1.319-.198l-.515 3.433H6.841zM9.359 10l.6-4H6.641l-.6 4z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M7.326 1.432a.667.667 0 0 0-1.319-.198l-.514 3.433h-2.16a.667.667 0 1 0 0 1.333h1.96l-.6 4H2.667a.667.667 0 0 0 0 1.333h1.826l-.486 3.235a.667.667 0 1 0 1.319.197l.515-3.432h3.318l-.485 3.235a.667.667 0 1 0 1.319.197l.515-3.432h2.159a.667.667 0 0 0 0-1.333h-1.96l.6-4h2.026a.667.667 0 1 0 0-1.333h-1.825l.485-3.235a.667.667 0 1 0-1.319-.198l-.515 3.433H6.841zM9.359 10l.6-4H6.641l-.6 4z"/></svg>

package/dist/collection/components/pds-icon/svg/hd-video.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M1.32 1.856h13.36c.73 0 1.32.593 1.32 1.324v9.64c0 .731-.59 1.324-1.32 1.324H1.32c-.73 0-1.32-.593-1.32-1.324V3.18c0-.731.59-1.324 1.32-1.324m.284 10.68h12.792V3.464H1.604zM8.94 5.37l.014-.001.024-.001.609-.002c.472-.002.945-.005 1.417.006.636.014 1.218.206 1.702.638.353.315.583.71.699 1.166.176.691.16 1.376-.12 2.038-.3.71-.845 1.143-1.578 1.348a3 3 0 0 1-.782.107l-1.406.001H8.94zm1.357 4.183q.197.001.39-.002l.074-.002c.133-.003.267-.006.397-.03.518-.097.875-.392 1.037-.902.103-.326.11-.66.048-.995-.125-.692-.629-1.097-1.31-1.132a9 9 0 0 0-.53-.007h-.23l-.034.004-.017.003v3.062zm-6.337 1.114H2.78V5.375h1.179V7.44h2.108V5.374h1.186v5.293H6.07v-2.1H3.96z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path fill-rule="evenodd" d="M1.32 1.856h13.36c.73 0 1.32.593 1.32 1.324v9.64c0 .731-.59 1.324-1.32 1.324H1.32c-.73 0-1.32-.593-1.32-1.324V3.18c0-.731.59-1.324 1.32-1.324m.284 10.68h12.792V3.464H1.604zM8.94 5.37l.014-.001.024-.001.609-.002c.472-.002.945-.005 1.417.006.636.014 1.218.206 1.702.638.353.315.583.71.699 1.166.176.691.16 1.376-.12 2.038-.3.71-.845 1.143-1.578 1.348a3 3 0 0 1-.782.107l-1.406.001H8.94zm1.357 4.183q.197.001.39-.002l.074-.002a2.5 2.5 0 0 0 .397-.03c.518-.097.875-.392 1.037-.902.103-.326.11-.66.048-.995-.125-.692-.629-1.097-1.31-1.132-.176-.01-.353-.008-.53-.007h-.23l-.034.004q-.008 0-.017.003v3.062zm-6.337 1.114H2.78V5.375h1.179V7.44h2.108V5.374h1.186v5.293H6.07v-2.1H3.96z"/></svg>

package/dist/collection/components/pds-icon/svg/headset-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g opacity=".12"><path d="M2 9a1.667 1.667 0 0 1 3.333 0v1.333a1.667 1.667 0 1 1-3.333 0zM10.667 9A1.667 1.667 0 1 1 14 9v1.333a1.667 1.667 0 1 1-3.333 0z"/></g><path fill-rule="evenodd" d="M1.333 8a6.667 6.667 0 0 1 13.334 0v3.333c0 .884-.435 1.711-1.029 2.305s-1.421 1.029-2.305 1.029H8.667a.667.667 0 0 1 0-1.334h2.666c.45 0 .956-.231 1.362-.638l.065-.067A2.333 2.333 0 0 1 10 10.334V9a2.333 2.333 0 0 1 3.206-2.165 5.335 5.335 0 0 0-10.412 0A2.333 2.333 0 0 1 6 9v1.333a2.333 2.333 0 1 1-4.667 0zm1.334 2.333a1 1 0 1 0 2 0V9a1 1 0 0 0-2 0zM13.333 9a1 1 0 1 0-2 0v1.333a1 1 0 0 0 2 0z"/></svg>

package/dist/collection/components/pds-icon/svg/home-02-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M6 14V8h4v6" opacity=".12"/><path fill-rule="evenodd" d="M7.652.89c.228-.06.468-.06.696 0 .265.073.488.248.666.388l.05.038 4.522 3.517.051.04c.252.195.473.367.638.59.144.195.252.416.318.65.074.267.074.547.074.865v4.915c0 .35 0 .654-.02.904-.022.263-.07.525-.198.778a2 2 0 0 1-.874.874 2 2 0 0 1-.778.197c-.25.02-.553.02-.905.02H4.108c-.352 0-.655 0-.905-.02a2 2 0 0 1-.778-.197 2 2 0 0 1-.874-.874 2 2 0 0 1-.197-.778c-.02-.25-.02-.553-.02-.905V6.978c-.001-.318-.001-.598.073-.865a2 2 0 0 1 .318-.65c.165-.223.386-.395.638-.59l.051-.04 4.522-3.517.05-.038c.178-.14.4-.315.666-.387m-.985 12.443h2.666V9.067a6 6 0 0 0-.007-.393h-.01a6 6 0 0 0-.383-.007H7.067a6 6 0 0 0-.393.007v.01a6 6 0 0 0-.007.383zm4 0V9.045c0-.168 0-.332-.012-.47a1.4 1.4 0 0 0-.134-.514 1.33 1.33 0 0 0-.582-.582 1.4 1.4 0 0 0-.514-.134c-.138-.012-.302-.012-.47-.012h-1.91c-.168 0-.332 0-.47.012a1.4 1.4 0 0 0-.514.134c-.25.127-.455.331-.582.582-.093.181-.122.361-.134.514-.012.138-.012.302-.012.47v4.288h-1.2c-.384 0-.632 0-.821-.016-.181-.014-.248-.04-.281-.056a.67.67 0 0 1-.292-.292c-.016-.033-.042-.1-.056-.28a11 11 0 0 1-.016-.822V7.043c0-.42.005-.503.024-.57a.7.7 0 0 1 .106-.217c.042-.057.104-.112.436-.37l4.521-3.517c.125-.097.191-.148.241-.181L8 2.184l.005.004c.05.033.116.084.24.18l4.522 3.518c.332.258.394.313.436.37a.7.7 0 0 1 .106.216c.019.068.024.15.024.571v4.824c0 .384 0 .632-.016.821-.014.181-.04.248-.056.281a.67.67 0 0 1-.292.292c-.033.017-.1.042-.28.056-.19.016-.438.016-.822.016z"/></svg>

package/dist/collection/components/pds-icon/svg/logo-instagram.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8 1.988c1.958 0 2.19.007 2.963.043.465.005.926.09 1.362.252.318.118.607.305.843.549.244.236.431.525.549.843.161.436.247.897.252 1.362.036.773.043 1.005.043 2.963s-.007 2.19-.043 2.963c-.005.465-.09.926-.252 1.362a2.43 2.43 0 0 1-1.392 1.392 4 4 0 0 1-1.362.252c-.773.036-1.005.043-2.963.043s-2.19-.007-2.963-.043a4 4 0 0 1-1.362-.252 2.3 2.3 0 0 1-.843-.549 2.3 2.3 0 0 1-.549-.843 4 4 0 0 1-.252-1.362C1.995 10.19 1.988 9.958 1.988 8s.007-2.19.043-2.963c.005-.465.09-.926.252-1.362.118-.318.305-.607.549-.843.236-.244.525-.431.843-.549a4 4 0 0 1 1.362-.252C5.81 1.995 6.042 1.988 8 1.988M8 .667c-1.991 0-2.241.008-3.023.044a5.4 5.4 0 0 0-1.78.34A3.75 3.75 0 0 0 1.05 3.2a5.4 5.4 0 0 0-.34 1.78C.675 5.759.667 6.009.667 8s.008 2.241.044 3.023c.012.609.127 1.21.34 1.78A3.75 3.75 0 0 0 3.2 14.95c.57.213 1.172.328 1.78.34.779.036 1.029.044 3.02.044s2.241-.008 3.023-.044a5.4 5.4 0 0 0 1.78-.34A3.75 3.75 0 0 0 14.95 12.8c.213-.57.328-1.172.34-1.78.036-.779.044-1.029.044-3.02s-.008-2.241-.044-3.023a5.4 5.4 0 0 0-.34-1.78A3.75 3.75 0 0 0 12.8 1.05a5.4 5.4 0 0 0-1.78-.34C10.241.675 9.991.667 8 .667m0 3.567a3.766 3.766 0 1 0 0 7.532 3.766 3.766 0 0 0 0-7.532m0 6.21a2.445 2.445 0 1 1 0-4.89 2.445 2.445 0 0 1 0 4.89m4.795-6.359a.88.88 0 1 1-1.76 0 .88.88 0 0 1 1.76 0"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8 1.988c1.958 0 2.19.007 2.963.043.465.005.926.09 1.362.252.318.118.607.305.843.549.244.236.431.525.549.843.161.436.247.897.252 1.362.036.773.043 1.005.043 2.963s-.007 2.19-.043 2.963c-.005.465-.09.926-.252 1.362a2.43 2.43 0 0 1-1.392 1.392 4 4 0 0 1-1.362.252c-.773.036-1.005.043-2.963.043s-2.19-.007-2.963-.043a4 4 0 0 1-1.362-.252 2.3 2.3 0 0 1-.843-.549 2.3 2.3 0 0 1-.549-.843 4 4 0 0 1-.252-1.362C1.995 10.19 1.988 9.958 1.988 8s.007-2.19.043-2.963c.005-.465.09-.926.252-1.362.118-.318.305-.607.549-.843.236-.244.525-.431.843-.549a4 4 0 0 1 1.362-.252C5.81 1.995 6.042 1.988 8 1.988M8 .667c-1.991 0-2.241.008-3.023.044a5.4 5.4 0 0 0-1.78.34A3.75 3.75 0 0 0 1.05 3.2a5.4 5.4 0 0 0-.34 1.78C.675 5.759.667 6.009.667 8s.008 2.241.044 3.023c.012.609.127 1.21.34 1.78A3.75 3.75 0 0 0 3.2 14.95c.57.213 1.172.328 1.78.34.779.036 1.029.044 3.02.044s2.241-.008 3.023-.044a5.4 5.4 0 0 0 1.78-.34A3.75 3.75 0 0 0 14.95 12.8c.213-.57.328-1.172.34-1.78.036-.779.044-1.029.044-3.02s-.008-2.241-.044-3.023a5.4 5.4 0 0 0-.34-1.78A3.75 3.75 0 0 0 12.8 1.05a5.4 5.4 0 0 0-1.78-.34C10.241.675 9.991.667 8 .667m0 3.567a3.766 3.766 0 1 0 0 7.532 3.766 3.766 0 0 0 0-7.532m0 6.21a2.444 2.444 0 1 1 0-4.888 2.444 2.444 0 0 1 0 4.889m4.795-6.359a.88.88 0 1 1-1.76 0 .88.88 0 0 1 1.76 0"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/mail-01-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M9.223 8.477c-.44.309-.66.463-.9.523a1.33 1.33 0 0 1-.646 0c-.24-.06-.46-.214-.9-.523l-5.444-3.81a2 2 0 0 1 2-2h9.334a2 2 0 0 1 2 2z" opacity=".12"/><path fill-rule="evenodd" d="M4.506 2h6.988c.537 0 .98 0 1.34.03.375.03.72.096 1.043.26.502.256.91.664 1.166 1.166.159.312.226.644.258 1.004a.67.67 0 0 1 .02.333c.012.3.012.647.012 1.046v4.322c0 .537 0 .98-.03 1.34-.03.375-.095.72-.26 1.043-.256.502-.664.91-1.166 1.165-.323.165-.668.23-1.042.261-.361.03-.804.03-1.34.03h-6.99c-.536 0-.979 0-1.34-.03-.374-.03-.719-.096-1.042-.26a2.67 2.67 0 0 1-1.166-1.166c-.165-.324-.23-.668-.26-1.043a18 18 0 0 1-.03-1.34V5.839c0-.399 0-.746.012-1.046a.67.67 0 0 1 .02-.333c.032-.36.1-.692.258-1.004.256-.502.664-.91 1.166-1.165.323-.165.668-.23 1.042-.262C3.526 2 3.97 2 4.505 2M2 5.947v4.186c0 .571 0 .96.025 1.26.024.292.067.441.12.546.128.25.332.454.583.582.104.053.254.097.546.12.3.025.688.026 1.26.026h6.933c.57 0 .959 0 1.259-.025.292-.024.442-.067.546-.12.25-.129.455-.332.583-.583.053-.105.096-.254.12-.546.024-.3.025-.689.025-1.26V5.947L9.606 9.023l-.077.054c-.363.255-.682.479-1.045.57a2 2 0 0 1-.968 0c-.363-.091-.682-.315-1.045-.57l-.077-.054zm11.945-1.589L8.84 7.931c-.486.34-.589.399-.68.422a.7.7 0 0 1-.322 0c-.091-.023-.194-.082-.68-.422L2.055 4.358c.024-.138.055-.227.09-.297.128-.25.332-.455.583-.582.104-.053.254-.097.546-.12.3-.025.688-.026 1.26-.026h6.933c.57 0 .959 0 1.259.025.292.024.442.068.546.12.25.128.455.332.583.583.035.07.066.16.09.297"/></svg>

package/dist/collection/components/pds-icon/svg/mail-filled.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path d="M14 1.333H2a2 2 0 0 0-2 2v9.334a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3.333a2 2 0 0 0-2-2m-.2 3.2L8.467 9.2q-.22.113-.467.133a1.2 1.2 0 0 1-.467-.133L2.2 4.533a.662.662 0 1 1 .867-1L7.933 7.8 12.8 3.533a.65.65 0 0 1 .933.067.6.6 0 0 1 .067.933"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path d="M14 1.333H2a2 2 0 0 0-2 2v9.334a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3.333a2 2 0 0 0-2-2m-.2 3.2L8.467 9.2q-.22.113-.467.133a1.2 1.2 0 0 1-.467-.133L2.2 4.533a.662.662 0 0 1 .867-1L7.933 7.8 12.8 3.533a.65.65 0 0 1 .933.067.6.6 0 0 1 .067.933"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/monitor-03-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M1.333 9.333h13.334c0 .62 0 .93-.069 1.185a2 2 0 0 1-1.414 1.414C12.93 12 12.62 12 12 12H4c-.62 0-.93 0-1.184-.068A2 2 0 0 1 1.4 10.518c-.068-.255-.068-.565-.068-1.185" opacity=".12"/><path fill-rule="evenodd" d="M4.506 1.333h6.988c.537 0 .98 0 1.34.03.375.03.72.096 1.043.261.502.256.91.664 1.166 1.165.165.324.23.668.26 1.043.03.36.03.804.03 1.34V9.3a1 1 0 0 1-.001.078q-.003.447-.028.79c-.03.376-.096.72-.261 1.044-.256.501-.664.91-1.166 1.165-.323.165-.668.23-1.042.261-.361.03-.804.03-1.34.03h-6.99c-.536 0-.979 0-1.34-.03-.374-.03-.719-.096-1.042-.261a2.67 2.67 0 0 1-1.166-1.165c-.165-.324-.23-.668-.26-1.043a11 11 0 0 1-.03-.869V5.172c0-.536 0-.98.03-1.34.03-.375.095-.72.26-1.043.256-.501.664-.91 1.166-1.165.323-.165.668-.23 1.042-.261.361-.03.804-.03 1.34-.03M2.02 10l.004.06c.024.292.067.441.12.545.128.251.332.455.583.583.104.053.254.096.546.12.3.025.688.025 1.26.025h6.933c.57 0 .959 0 1.259-.025.292-.024.442-.067.546-.12.25-.128.455-.332.583-.583.053-.104.096-.253.12-.546l.004-.059zM14 8.667H2V5.2c0-.571 0-.96.025-1.26.024-.292.067-.441.12-.545.128-.251.332-.455.583-.583.104-.053.254-.096.546-.12.3-.025.688-.025 1.26-.025h6.933c.57 0 .959 0 1.259.025.292.024.442.067.546.12.25.128.455.332.583.583.053.104.096.253.12.546.024.3.025.688.025 1.259zM4.667 14c0-.368.298-.667.666-.667h5.334a.667.667 0 0 1 0 1.334H5.333A.667.667 0 0 1 4.667 14"/></svg>

package/dist/collection/components/pds-icon/svg/phone-02-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M6 1.333h4v.934c0 .373 0 .56-.073.702a.67.67 0 0 1-.291.292c-.143.072-.33.072-.703.072H7.067c-.374 0-.56 0-.703-.072a.67.67 0 0 1-.291-.292C6 2.827 6 2.64 6 2.267z" opacity=".12"/><path fill-rule="evenodd" d="M5.441.667h5.118c.352 0 .655 0 .904.02.264.022.526.07.778.198a2 2 0 0 1 .874.874c.129.252.176.514.198.778.02.25.02.553.02.904v9.118c0 .352 0 .655-.02.904-.022.264-.07.526-.198.778a2 2 0 0 1-.874.874 2 2 0 0 1-.778.198c-.25.02-.552.02-.904.02H5.441c-.351 0-.655 0-.904-.02a2 2 0 0 1-.778-.198 2 2 0 0 1-.874-.874 2 2 0 0 1-.198-.778c-.02-.25-.02-.552-.02-.904V3.441c0-.351 0-.655.02-.904.022-.264.07-.526.198-.778a2 2 0 0 1 .874-.874c.252-.129.514-.176.778-.198.25-.02.553-.02.904-.02M9.333 2H6.667v.267a6 6 0 0 0 .007.392h.01c.077.007.185.008.383.008h1.866a6 6 0 0 0 .393-.008V2.65a6 6 0 0 0 .007-.383zm-4 0v.287c0 .17 0 .333.012.472.012.152.041.332.134.513.128.25.331.455.582.583.181.092.361.121.514.134.138.011.302.011.47.011h1.91c.168 0 .332 0 .47-.011.153-.013.333-.042.514-.134.25-.128.454-.332.582-.583.093-.181.122-.36.134-.513.012-.139.012-.303.012-.471V2c.31 0 .522.002.688.016.18.015.248.04.281.057a.67.67 0 0 1 .291.291c.017.033.042.1.057.281.015.19.016.437.016.822v9.066c0 .385 0 .633-.016.822-.015.18-.04.248-.057.281a.67.67 0 0 1-.291.291c-.033.017-.1.042-.281.057-.19.015-.437.016-.822.016H5.467c-.385 0-.633 0-.822-.016-.18-.015-.248-.04-.281-.057a.67.67 0 0 1-.291-.291c-.017-.033-.042-.1-.057-.281A11 11 0 0 1 4 12.533V3.467c0-.385 0-.633.016-.822.015-.18.04-.248.057-.281a.67.67 0 0 1 .291-.291c.033-.017.1-.042.281-.057.166-.014.378-.016.688-.016"/></svg>

package/dist/collection/components/pds-icon/svg/search-md-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M7.333 12.667A5.333 5.333 0 1 0 7.333 2a5.333 5.333 0 0 0 0 10.667" opacity=".12"/><path fill-rule="evenodd" d="M7.333 2.667a4.667 4.667 0 1 0 3.238 8.027.7.7 0 0 1 .123-.123 4.667 4.667 0 0 0-3.361-7.904m4.688 8.412a6 6 0 1 0-.943.943l2.45 2.45a.667.667 0 0 0 .943-.943z"/></svg>

package/dist/collection/components/pds-icon/svg/settings-01-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g fill-rule="evenodd" clip-path="url(#a)"><path d="M12.416 10.4c-.036-.196-.012-.399.069-.582a1 1 0 0 1 .915-.606h.054a1.212 1.212 0 1 0 0-2.424h-.103a1 1 0 0 1-.915-.606v-.049a1 1 0 0 1 .2-1.103l.037-.036a1.212 1.212 0 1 0-1.715-1.715l-.037.036a1 1 0 0 1-1.103.2 1 1 0 0 1-.606-.915v-.055a1.212 1.212 0 1 0-2.424 0v.103a1 1 0 0 1-.606.916h-.049a1 1 0 0 1-1.103-.2l-.036-.037a1.212 1.212 0 1 0-1.715 1.715l.036.037a1 1 0 0 1 .2 1.103 1 1 0 0 1-.915.654h-.055a1.212 1.212 0 1 0 0 2.425h.103a1 1 0 0 1 .916.606 1 1 0 0 1-.2 1.103l-.037.036a1.21 1.21 0 0 0 .394 1.978 1.21 1.21 0 0 0 1.321-.263l.037-.036a1 1 0 0 1 1.103-.2 1 1 0 0 1 .654.915v.054a1.212 1.212 0 1 0 2.425 0v-.103a1 1 0 0 1 .606-.915 1 1 0 0 1 1.103.2l.036.037a1.213 1.213 0 1 0 1.715-1.715l-.036-.037a1 1 0 0 1-.27-.52M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0" opacity=".12"/><path d="M13.2 9.907a.33.33 0 0 0-.12.153l-.006-.013a.35.35 0 0 0 0 .2.4.4 0 0 0 .086.173c.19.19.34.416.438.667a1.926 1.926 0 0 1 0 1.44c-.19.459-.555.823-1.013 1.013s-.972.19-1.43 0a1.9 1.9 0 0 1-.611-.407.4.4 0 0 0-.2-.12.3.3 0 0 0-.192 0 .4.4 0 0 0-.16.127.35.35 0 0 0-.052.18v.113a1.89 1.89 0 0 1-1.154 1.738 1.865 1.865 0 0 1-2.04-.404 1.92 1.92 0 0 1-.552-1.334.35.35 0 0 0-.06-.226.33.33 0 0 0-.152-.12.4.4 0 0 0-.232-.04.34.34 0 0 0-.173.093c-.188.19-.414.338-.664.433a1.83 1.83 0 0 1-1.428 0 1.86 1.86 0 0 1-1.022-.986 1.93 1.93 0 0 1 0-1.44c.094-.227.231-.434.405-.607a.4.4 0 0 0 .126-.207.4.4 0 0 0 0-.193.32.32 0 0 0-.126-.153.3.3 0 0 0-.18-.054h-.12a1.9 1.9 0 0 1-1.327-.553 1.882 1.882 0 0 1 1.328-3.207.4.4 0 0 0 .226-.06.3.3 0 0 0 .113-.16.36.36 0 0 0 .04-.233.33.33 0 0 0-.087-.173c-.19-.19-.34-.417-.438-.667a1.9 1.9 0 0 1-.126-.747c0-.246.047-.49.139-.72.094-.227.232-.433.405-.606.172-.178.38-.317.611-.407a1.83 1.83 0 0 1 1.428 0c.23.092.437.23.61.407.056.059.128.1.206.12q.096.029.193 0l.12-.04a.3.3 0 0 0 .073-.047.36.36 0 0 0 .053-.187v-.08a1.85 1.85 0 0 1 .55-1.333 1.915 1.915 0 0 1 2.657 0 1.85 1.85 0 0 1 .551 1.333.4.4 0 0 0 .053.234c.035.055.086.1.146.126a.4.4 0 0 0 .2 0 .34.34 0 0 0 .172-.093 1.88 1.88 0 0 1 2.072-.44c.227.096.434.234.61.407a2 2 0 0 1 .406.613c.186.462.186.978 0 1.44a2 2 0 0 1-.405.607.34.34 0 0 0-.12.206.32.32 0 0 0 0 .194q.03.056.04.12.028.036.067.06c.051.039.114.06.179.06h.113a1.88 1.88 0 0 1 1.739 1.157 1.884 1.884 0 0 1-.413 2.044c-.351.35-.825.545-1.32.545a.4.4 0 0 0-.232.054m-1.341-.38c.127-.298.34-.551.61-.727a1.63 1.63 0 0 1 .91-.28.58.58 0 0 0 .439-.16.54.54 0 0 0 0-.767.52.52 0 0 0-.386-.16h-.1a1.7 1.7 0 0 1-.916-.28 1.63 1.63 0 0 1-.604-.733 1 1 0 0 1-.053-.167 1.69 1.69 0 0 1 .385-1.713.7.7 0 0 0 .16-.22.5.5 0 0 0 .04-.207.6.6 0 0 0-.04-.213.6.6 0 0 0-.12-.173.45.45 0 0 0-.173-.12.57.57 0 0 0-.418 0 .5.5 0 0 0-.18.12c-.244.25-.559.42-.902.486a1.67 1.67 0 0 1-1.696-.722 1.65 1.65 0 0 1-.27-.911.6.6 0 0 0-.16-.447.544.544 0 0 0-.929.387v.133a1.67 1.67 0 0 1-1.003 1.534.7.7 0 0 1-.172.046 1.7 1.7 0 0 1-.837.067 1.65 1.65 0 0 1-.863-.453.9.9 0 0 0-.22-.16.57.57 0 0 0-.418 0 .7.7 0 0 0-.172.12.53.53 0 0 0-.16.353q0 .11.04.213a.6.6 0 0 0 .12.174 1.686 1.686 0 0 1 .372 1.88 1.6 1.6 0 0 1-.578.74 1.6 1.6 0 0 1-.93.313H2.57a.52.52 0 0 0-.385.16.54.54 0 0 0 0 .767.53.53 0 0 0 .385.166h.12a1.63 1.63 0 0 1 1.507.974 1.676 1.676 0 0 1-.332 1.833.7.7 0 0 0-.16.213.6.6 0 0 0-.04.214.54.54 0 0 0 .16.386q.076.075.173.12a.57.57 0 0 0 .418 0 .5.5 0 0 0 .18-.12c.243-.253.558-.425.902-.493q.15-.01.299 0c.23 0 .456.05.664.147.296.115.552.314.737.573.192.274.298.599.306.933v.074a.55.55 0 0 0 .159.38.557.557 0 0 0 .77 0 .55.55 0 0 0 .16-.38v-.107a1.682 1.682 0 0 1 1.966-1.633c.325.06.625.215.862.446a.7.7 0 0 0 .22.16.5.5 0 0 0 .418 0A.52.52 0 0 0 12.35 12a.57.57 0 0 0 0-.42.45.45 0 0 0-.12-.173 1.7 1.7 0 0 1-.484-.914c-.06-.326-.02-.663.113-.966M6.525 5.769a2.65 2.65 0 0 1 3.354.332 2.672 2.672 0 0 1-.862 4.35 2.65 2.65 0 0 1-2.895-.579 2.67 2.67 0 0 1-.575-2.906c.2-.487.541-.904.978-1.197m.738 3.326A1.324 1.324 0 0 0 8.94 8.93a1.336 1.336 0 0 0-.431-2.174 1.32 1.32 0 0 0-1.447.289 1.335 1.335 0 0 0 .2 2.051"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/stars-01-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path d="m10 1.333.786 2.043c.188.49.282.733.428.94q.197.273.47.47c.207.146.45.24.94.428L14.667 6l-2.043.786c-.49.188-.734.282-.94.428q-.273.197-.47.47c-.146.206-.24.45-.428.94L10 10.667l-.786-2.043c-.188-.49-.282-.734-.428-.94a2 2 0 0 0-.47-.47c-.206-.146-.45-.24-.94-.428L5.333 6l2.043-.786c.49-.188.734-.282.94-.428a2 2 0 0 0 .47-.47c.146-.207.24-.45.428-.94z" opacity=".12"/><path fill-rule="evenodd" d="M10 .667c.276 0 .523.17.622.427l.786 2.043c.2.52.263.67.35.792q.13.183.313.314c.121.086.271.149.792.349l2.043.786a.667.667 0 0 1 0 1.244l-2.043.786c-.52.2-.67.263-.792.35a1.3 1.3 0 0 0-.314.313c-.086.121-.149.271-.349.792l-.786 2.043a.667.667 0 0 1-1.244 0l-.786-2.043c-.2-.52-.263-.67-.35-.792a1.3 1.3 0 0 0-.313-.314c-.121-.086-.271-.149-.792-.349l-2.043-.786a.667.667 0 0 1 0-1.244l2.043-.786c.52-.2.67-.263.792-.35q.182-.13.314-.313c.086-.121.149-.271.349-.792l.786-2.043A.67.67 0 0 1 10 .667m0 2.523-.164.426-.026.068c-.162.422-.285.742-.48 1.017a2.7 2.7 0 0 1-.629.628c-.275.196-.595.319-1.017.481l-.068.026L7.19 6l.426.164.068.026c.422.162.742.285 1.017.48.243.173.456.386.628.629.196.275.319.595.481 1.017l.026.068.164.426.164-.426.026-.068c.162-.422.285-.742.48-1.017.173-.243.386-.456.629-.628.275-.196.595-.319 1.017-.481l.068-.026L12.81 6l-.425-.164-.068-.026c-.423-.162-.742-.285-1.017-.48a2.7 2.7 0 0 1-.628-.629c-.196-.275-.319-.594-.481-1.017l-.026-.068zM4.333 8c.253 0 .484.143.597.369l.523 1.045c.188.377.245.486.315.576q.105.136.242.242c.09.07.199.127.576.315l1.045.523a.667.667 0 0 1 0 1.193l-1.045.523c-.377.188-.486.246-.576.315a1.3 1.3 0 0 0-.242.242c-.07.09-.127.2-.315.576l-.523 1.046a.667.667 0 0 1-1.193 0l-.523-1.046c-.188-.377-.246-.485-.315-.576a1.3 1.3 0 0 0-.242-.242c-.09-.07-.2-.127-.576-.315l-1.046-.523a.667.667 0 0 1 0-1.193l1.046-.523c.377-.188.485-.245.576-.315q.136-.105.242-.242c.07-.09.127-.199.315-.576l.523-1.045A.67.67 0 0 1 4.333 8m0 2.157c-.13.26-.237.464-.378.647q-.211.273-.484.484a4 4 0 0 1-.647.379c.26.13.464.237.647.378q.273.211.484.484c.14.184.248.388.378.647.13-.26.238-.463.379-.647q.211-.273.484-.484c.183-.14.387-.248.647-.378a4 4 0 0 1-.647-.379 2.7 2.7 0 0 1-.484-.484 4 4 0 0 1-.379-.647"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/unlock.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8.073 0h-.07A3.967 3.967 0 0 0 4 3.927v2.74H2a.667.667 0 0 0-.667.666v8c0 .368.299.667.667.667h12a.667.667 0 0 0 .667-.667v-8A.667.667 0 0 0 14 6.667H5.333v-2.73a2.634 2.634 0 0 1 2.66-2.604h.07a2.634 2.634 0 0 1 2.604 2.66.667.667 0 1 0 1.333.014A3.967 3.967 0 0 0 8.073 0M4.668 8H2.666v6.667h10.667V8zM8 10.667A.667.667 0 1 0 8 12a.667.667 0 0 0 0-1.333m-2 .666a2 2 0 1 1 4 0 2 2 0 0 1-4 0"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8.073 0h-.07A3.967 3.967 0 0 0 4 3.926v2.74H2a.667.667 0 0 0-.667.667v8c0 .368.299.667.667.667h12a.667.667 0 0 0 .667-.667v-8A.667.667 0 0 0 14 6.667H5.333v-2.73a2.634 2.634 0 0 1 2.66-2.604h.07a2.634 2.634 0 0 1 2.604 2.66.667.667 0 1 0 1.333.014A3.967 3.967 0 0 0 8.073 0M4.668 8H2.666v6.667h10.667V8zM8 10.667A.667.667 0 1 0 8 12a.667.667 0 0 0 0-1.333m-2 .666a2 2 0 1 1 4 0 2 2 0 0 1-4 0"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/users-02-tone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><path d="M6.333 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6" opacity=".12"/><path fill-rule="evenodd" d="M6.333 2.667a2.333 2.333 0 1 0 0 4.666 2.333 2.333 0 0 0 0-4.666M2.667 5A3.667 3.667 0 1 1 10 5a3.667 3.667 0 0 1-7.333 0m7.403-2.985a.667.667 0 0 1 .893-.3 3.667 3.667 0 0 1 0 6.57.667.667 0 1 1-.593-1.194 2.333 2.333 0 0 0 0-4.182.667.667 0 0 1-.3-.894m-3.737 9.318c-1.692 0-3.275.884-4.475 2.412a.667.667 0 0 1-1.049-.823C2.204 11.147 4.145 10 6.333 10s4.13 1.147 5.525 2.922a.667.667 0 1 1-1.049.823c-1.2-1.528-2.783-2.412-4.476-2.412m5.06-.43a.667.667 0 0 1 .882-.333c1.118.506 2.108 1.323 2.916 2.351a.667.667 0 0 1-1.049.824c-.695-.884-1.52-1.554-2.417-1.96a.667.667 0 0 1-.332-.882"/></svg>

package/dist/collection/components/pds-icon/svg/video-off.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M15.133 1.8a.644.644 0 0 0 0-.933.644.644 0 0 0-.933 0l-2.867 2.866c-.066-.466-.266-.866-.6-1.133-.333-.4-.866-.6-1.4-.6H2c-.533 0-1.067.2-1.4.6-.4.333-.6.867-.6 1.4v8c0 .533.2 1.067.6 1.4q.3.3.6.4l-.333.333a.645.645 0 0 0 0 .934.645.645 0 0 0 .933 0zM2.4 12.667l7.6-7.6V4c0-.2-.067-.333-.2-.467a.6.6 0 0 0-.467-.2H2c-.2 0-.333.067-.467.2a.6.6 0 0 0-.2.467v8c0 .2.067.333.2.467.134.133.267.2.467.2zm13.333-8.534c.2.134.267.334.267.534v6.666c0 .2-.067.4-.267.534-.133.133-.4.133-.6.133l-3.8-1.133V12c0 .533-.2 1.067-.6 1.4-.333.4-.866.6-1.4.6H5.467c-.4 0-.667-.267-.667-.667s.267-.666.667-.666h3.866c.2 0 .334-.067.467-.2A.6.6 0 0 0 10 12v-2c0-.2.067-.4.267-.533.133-.134.4-.134.6-.134l3.8 1.067V5.533l-.8.2c-.334.134-.734-.133-.8-.466-.134-.334.133-.734.466-.8l1.6-.467c.2 0 .467 0 .6.133"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M15.133 1.8a.644.644 0 0 0 0-.933.644.644 0 0 0-.933 0l-2.867 2.866c-.066-.466-.266-.866-.6-1.133-.333-.4-.866-.6-1.4-.6H2c-.533 0-1.067.2-1.4.6-.4.333-.6.867-.6 1.4v8c0 .533.2 1.067.6 1.4q.3.3.6.4l-.333.333a.644.644 0 0 0 0 .934.644.644 0 0 0 .933 0zM2.4 12.667l7.6-7.6V4c0-.2-.067-.333-.2-.467a.6.6 0 0 0-.467-.2H2c-.2 0-.333.067-.467.2a.6.6 0 0 0-.2.467v8c0 .2.067.333.2.467.134.133.267.2.467.2zm13.333-8.534c.2.134.267.334.267.534v6.666c0 .2-.067.4-.267.534-.133.133-.4.133-.6.133l-3.8-1.133V12c0 .533-.2 1.067-.6 1.4-.333.4-.866.6-1.4.6H5.467c-.4 0-.667-.267-.667-.667s.267-.666.667-.666h3.866c.2 0 .334-.067.467-.2A.6.6 0 0 0 10 12v-2c0-.2.067-.4.267-.533.133-.134.4-.134.6-.134l3.8 1.067V5.533l-.8.2c-.334.134-.734-.133-.8-.466-.134-.334.133-.734.466-.8l1.6-.467c.2 0 .467 0 .6.133"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/svg/wrench.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M11.228 0a6 6 0 0 1 1.695.23l1.093.312-2.387 2.377 1.455 1.448 2.357-2.346.334 1.034a4.6 4.6 0 0 1 .08 2.55l-.002.011-.003.01a4.47 4.47 0 0 1-3.385 3.129l-.019.004-.019.003a5.2 5.2 0 0 1-1.785-.05l-5.55 6.24a2.86 2.86 0 0 1-4.28.166l-.002-.003a2.95 2.95 0 0 1 .177-4.232l.004-.002 6.253-5.512a3.5 3.5 0 0 1-.105-.877 4.416 4.416 0 0 1 4.037-4.49L11.202 0zm.037 1.333a3.083 3.083 0 0 0-2.793 3.14v.024c-.003.285.05.569.158.833l.177.438-6.932 6.11-.001.001a1.62 1.62 0 0 0-.097 2.318 1.528 1.528 0 0 0 2.29-.097l.01-.011 6.116-6.879.405.119a3.8 3.8 0 0 0 1.616.116 3.13 3.13 0 0 0 2.352-2.18 3.3 3.3 0 0 0 .092-.583l-1.574 1.566-3.345-3.33 1.592-1.584z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M11.228 0a6 6 0 0 1 1.695.23l1.093.312-2.387 2.377 1.455 1.448 2.357-2.346.334 1.034a4.6 4.6 0 0 1 .08 2.55l-.002.011-.003.01a4.47 4.47 0 0 1-3.385 3.129l-.019.004-.019.003a5.2 5.2 0 0 1-1.785-.05l-5.55 6.24a2.86 2.86 0 0 1-4.28.166l-.002-.003a2.95 2.95 0 0 1 .177-4.232l.004-.002 6.253-5.512a3.5 3.5 0 0 1-.105-.877 4.416 4.416 0 0 1 4.037-4.49L11.202 0zm.037 1.333a3.083 3.083 0 0 0-2.793 3.14v.024c-.003.285.05.569.158.833l.177.438-6.932 6.11-.001.001a1.617 1.617 0 0 0-.097 2.318 1.53 1.53 0 0 0 2.29-.096l.01-.013 6.116-6.878.405.119a3.8 3.8 0 0 0 1.616.116 3.13 3.13 0 0 0 2.352-2.18 3.3 3.3 0 0 0 .092-.583l-1.574 1.566-3.345-3.33 1.592-1.584z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/dist/collection/components/pds-icon/test/pds-icon.spec.js

@@ -7,7 +7,7 @@ describe('pds-icon', () => {
             html: '<pds-icon></pds-icon>',
         });
         expect(root).toEqualHtml(`
-      <pds-icon alt="" role="img" size="regular" style="height: 16px; width: 16px;">
+      <pds-icon alt="" role="img" size="regular" style="--dimension-icon-height: 16px; --dimension-icon-width: 16px;">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>
@@ -20,7 +20,7 @@ describe('pds-icon', () => {
             html: '<pds-icon size="small"></pds-icon>',
         });
         expect(root).toEqualHtml(`
-      <pds-icon alt="" role="img" size="small" style="height: 12px; width: 12px;">
+      <pds-icon alt="" role="img" size="small" style="--dimension-icon-height: 12px; --dimension-icon-width: 12px;">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>
@@ -33,7 +33,7 @@ describe('pds-icon', () => {
             html: '<pds-icon size="32px"></pds-icon>',
         });
         expect(root).toEqualHtml(`
-      <pds-icon alt="" role="img" size="32px" style="height: 32px; width: 32px;">
+      <pds-icon alt="" role="img" size="32px" style="--dimension-icon-height: 32px; --dimension-icon-width: 32px;">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>
@@ -46,7 +46,7 @@ describe('pds-icon', () => {
             html: '<pds-icon name="archive"></pds-icon>',
         });
         expect(root).toEqualHtml(`
-      <pds-icon alt="" aria-label="archive" name="archive" role="img" size="regular" style="height: 16px; width: 16px;">
+      <pds-icon alt="" aria-label="archive" name="archive" role="img" size="regular" style="--dimension-icon-height: 16px; --dimension-icon-width: 16px;">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>
@@ -59,7 +59,7 @@ describe('pds-icon', () => {
             html: '<pds-icon name="archive" color="red"></pds-icon>',
         });
         expect(root).toEqualHtml(`
-      <pds-icon alt="" aria-label="archive" class="pds-color pds-color-red" color="red" name="archive" role="img" size="regular" style="height: 16px; width: 16px; color: red">
+      <pds-icon alt="" aria-label="archive" class="pds-color pds-color-red" color="red" name="archive" role="img" size="regular" style="--dimension-icon-height: 16px; --dimension-icon-width: 16px; --color-icon-fill: red">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>
@@ -72,7 +72,7 @@ describe('pds-icon', () => {
             html: `<pds-icon name="star" aria-label="custom label"></pds-icon>`,
         });
         expect(root).toEqualHtml(`
-      <pds-icon alt="" name="star" role="img" aria-label="custom label" size="regular" style="height: 16px; width: 16px;">
+      <pds-icon alt="" name="star" role="img" aria-label="custom label" size="regular" style="--dimension-icon-height: 16px; --dimension-icon-width: 16px;">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>
@@ -86,7 +86,7 @@ describe('pds-icon', () => {
         });
         const icon = page.root;
         expect(icon).toEqualHtml(`
-      <pds-icon alt="" name="youtube" role="img" aria-label="custom label" size="regular" style="height: 16px; width: 16px;">
+      <pds-icon alt="" name="youtube" role="img" aria-label="custom label" size="regular" style="--dimension-icon-height: 16px; --dimension-icon-width: 16px;">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>
@@ -97,7 +97,7 @@ describe('pds-icon', () => {
         }
         await page.waitForChanges();
         expect(icon).toEqualHtml(`
-      <pds-icon alt="" name="trash" role="img" aria-label="custom label" size="regular" style="height: 16px; width: 16px;">
+      <pds-icon alt="" name="trash" role="img" aria-label="custom label" size="regular" style="--dimension-icon-height: 16px; --dimension-icon-width: 16px;">
         <mock:shadow-root>
           <div class="icon-inner"></div>
         </mock:shadow-root>

package/dist/collection/components/pds-icon/test/pds-icon.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-icon.spec.js","sourceRoot":"","sources":["../../../../src/components/pds-icon/test/pds-icon.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { PdsIcon } from '../pds-icon';\n\ndescribe('pds-icon', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" role=\"img\" size=\"regular\" style=\"height: 16px; width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders the correct size when passed', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon size=\"small\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" role=\"img\" size=\"small\" style=\"height: 12px; width: 12px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('allows custom size', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon size=\"32px\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" role=\"img\" size=\"32px\" style=\"height: 32px; width: 32px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders icon when found', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon name=\"archive\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" aria-label=\"archive\" name=\"archive\" role=\"img\" size=\"regular\" style=\"height: 16px; width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('add correct styles when color specified', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon name=\"archive\" color=\"red\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" aria-label=\"archive\" class=\"pds-color pds-color-red\" color=\"red\" name=\"archive\" role=\"img\" size=\"regular\" style=\"height: 16px; width: 16px; color: red\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders custom aria-label', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: `<pds-icon name=\"star\" aria-label=\"custom label\"></pds-icon>`,\n    });\n\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" name=\"star\" role=\"img\" aria-label=\"custom label\" size=\"regular\" style=\"height: 16px; width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders custom label after changing source', async () => {\n    const page = await newSpecPage({\n      components: [PdsIcon],\n      html: `<pds-icon name=\"youtube\" aria-label=\"custom label\"></pds-icon>`,\n    });\n\n    const icon = page.root;\n\n    expect(icon).toEqualHtml(`\n      <pds-icon alt=\"\" name=\"youtube\" role=\"img\" aria-label=\"custom label\" size=\"regular\" style=\"height: 16px; width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n\n    if (icon) {\n      icon.name = 'trash';\n    }\n    await page.waitForChanges();\n\n    expect(icon).toEqualHtml(`\n      <pds-icon alt=\"\" name=\"trash\" role=\"img\" aria-label=\"custom label\" size=\"regular\" style=\"height: 16px; width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n\n});\n"]}
+{"version":3,"file":"pds-icon.spec.js","sourceRoot":"","sources":["../../../../src/components/pds-icon/test/pds-icon.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { PdsIcon } from '../pds-icon';\n\ndescribe('pds-icon', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" role=\"img\" size=\"regular\" style=\"--dimension-icon-height: 16px; --dimension-icon-width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders the correct size when passed', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon size=\"small\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" role=\"img\" size=\"small\" style=\"--dimension-icon-height: 12px; --dimension-icon-width: 12px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('allows custom size', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon size=\"32px\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" role=\"img\" size=\"32px\" style=\"--dimension-icon-height: 32px; --dimension-icon-width: 32px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders icon when found', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon name=\"archive\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" aria-label=\"archive\" name=\"archive\" role=\"img\" size=\"regular\" style=\"--dimension-icon-height: 16px; --dimension-icon-width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('add correct styles when color specified', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: '<pds-icon name=\"archive\" color=\"red\"></pds-icon>',\n    });\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" aria-label=\"archive\" class=\"pds-color pds-color-red\" color=\"red\" name=\"archive\" role=\"img\" size=\"regular\" style=\"--dimension-icon-height: 16px; --dimension-icon-width: 16px; --color-icon-fill: red\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders custom aria-label', async () => {\n    const { root } = await newSpecPage({\n      components: [PdsIcon],\n      html: `<pds-icon name=\"star\" aria-label=\"custom label\"></pds-icon>`,\n    });\n\n    expect(root).toEqualHtml(`\n      <pds-icon alt=\"\" name=\"star\" role=\"img\" aria-label=\"custom label\" size=\"regular\" style=\"--dimension-icon-height: 16px; --dimension-icon-width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n  it('renders custom label after changing source', async () => {\n    const page = await newSpecPage({\n      components: [PdsIcon],\n      html: `<pds-icon name=\"youtube\" aria-label=\"custom label\"></pds-icon>`,\n    });\n\n    const icon = page.root;\n\n    expect(icon).toEqualHtml(`\n      <pds-icon alt=\"\" name=\"youtube\" role=\"img\" aria-label=\"custom label\" size=\"regular\" style=\"--dimension-icon-height: 16px; --dimension-icon-width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n\n    if (icon) {\n      icon.name = 'trash';\n    }\n    await page.waitForChanges();\n\n    expect(icon).toEqualHtml(`\n      <pds-icon alt=\"\" name=\"trash\" role=\"img\" aria-label=\"custom label\" size=\"regular\" style=\"--dimension-icon-height: 16px; --dimension-icon-width: 16px;\">\n        <mock:shadow-root>\n          <div class=\"icon-inner\"></div>\n        </mock:shadow-root>\n      </pds-icon>\n    `);\n  });\n\n\n});\n"]}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-07-30T11:09:19",
+  "timestamp": "2024-08-01T14:32:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.3",

package/dist/esm/{index-f28202cc.js → index-c769669c.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'pds-icons';
-const BUILD = /* pds-icons */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* pds-icons */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.18.3 | MIT Licensed | https://stenciljs.com
@@ -674,12 +674,16 @@ var postUpdateComponent = (hostRef) => {
   const tagName = hostRef.$cmpMeta$.$tagName$;
   const elm = hostRef.$hostElement$;
   const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
       addHydratedFlag(elm);
     }
+    {
+      safeCall(instance, "componentDidLoad");
+    }
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -1174,4 +1178,4 @@ var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
 export { Host as H, bootstrapLazy as b, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-f28202cc.js.map
+//# sourceMappingURL=index-c769669c.js.map