@pega/cosmos-react-core 5.0.0-dev.1.0 → 5.0.0-dev.10.0

package/lib/components/HTML/HTML.js.map

@@ -1 +1 @@
-{"version":3,"file":"HTML.js","sourceRoot":"","sources":["../../../src/components/HTML/HTML.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  Ref,\n  useState,\n  useEffect,\n  useMemo\n} from 'react';\nimport styled, { css, DefaultTheme } from 'styled-components';\nimport dompurify from 'dompurify';\n\nimport { StyledPopover } from '../Popover';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize, FontSize } from '../../styles';\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport { sameOrigin } from '../../utils';\n\nexport interface HTMLProps extends BaseProps, NoChildrenProp {\n  content: string;\n  customTags?: string[];\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const listStyles = css`\n  ul,\n  ol {\n    padding-inline-start: 2.5rem;\n  }\n\n  li {\n    margin: 0.5rem 0;\n  }\n\n  ul li {\n    ul {\n      margin-inline-start: 1rem;\n      list-style-type: circle;\n    }\n\n    ul ul {\n      margin-inline-start: 2rem;\n      list-style-type: square;\n    }\n\n    ul ul ul {\n      margin-inline-start: 3rem;\n      list-style-type: disc;\n    }\n  }\n\n  ol li {\n    ol {\n      margin-inline-start: 1rem;\n      list-style-type: lower-alpha;\n    }\n\n    ol ol {\n      margin-inline-start: 2rem;\n      list-style-type: lower-roman;\n    }\n\n    ol ol ol {\n      margin-inline-start: 3rem;\n      list-style-type: decimal;\n    }\n  }\n`;\n\nexport const getTableStyles = (theme: DefaultTheme) => css`\n  border-collapse: collapse;\n\n  td {\n    border: 0.0625rem solid ${theme.base.palette['border-line']};\n    min-width: 6.25rem;\n  }\n\n  tr:first-child {\n    td:first-child {\n      border-top-left-radius: 0.125rem;\n    }\n\n    td:last-child {\n      border-top-right-radius: 0.125rem;\n    }\n  }\n\n  tr:last-child {\n    td:first-child {\n      border-bottom-left-radius: 0.125rem;\n    }\n\n    td:last-child {\n      border-bottom-right-radius: 0.125rem;\n    }\n  }\n`;\n\nexport const getHtmlStyles = (theme: DefaultTheme) => {\n  const {\n    base: { 'font-size': baseFontSize, 'font-scale': baseFontScale, palette },\n    components: { text }\n  } = theme;\n  const fontSize = calculateFontSize(baseFontSize, baseFontScale);\n  return `\n    ${listStyles}\n    table {\n      ${getTableStyles(theme)}\n    }\n    img {\n      max-width: 100%;\n      height: auto;\n      border-radius: 0.25rem;\n    }\n    a {\n      color: ${palette.interactive};\n    }\n    pre {\n      white-space: break-spaces;\n    }\n    p {\n      min-height: ${fontSize[text.primary['font-size'] as FontSize]};\n    }\n    h1 {\n      font-size: ${fontSize[text.h1['font-size'] as FontSize]};\n      font-weight: ${text.h1['font-weight']};\n      min-height: ${fontSize[text.h1['font-size'] as FontSize]};\n    }\n    h2 {\n      font-size: ${fontSize[text.h2['font-size'] as FontSize]};\n      font-weight: ${text.h2['font-weight']};\n      min-height: ${fontSize[text.h2['font-size'] as FontSize]};\n    }\n    h3 {\n      font-size: ${fontSize[text.h3['font-size'] as FontSize]};\n      font-weight: ${text.h3['font-weight']};\n      min-height: ${fontSize[text.h3['font-size'] as FontSize]};\n    }\n    h4 {\n      font-size: ${fontSize[text.h4['font-size'] as FontSize]};\n      font-weight: ${text.h4['font-weight']};\n      min-height: ${fontSize[text.h4['font-size'] as FontSize]};\n    }\n    h5 {\n      font-size: ${fontSize[text.h5['font-size'] as FontSize]};\n      font-weight: ${text.h5['font-weight']};\n      min-height: ${fontSize[text.h5['font-size'] as FontSize]};\n    }\n    h6 {\n      font-size: ${fontSize[text.h6['font-size'] as FontSize]};\n      font-weight: ${text.h6['font-weight']};\n      min-height: ${fontSize[text.h6['font-size'] as FontSize]};\n    }\n  `;\n};\n\nexport const StyledHTML = styled.div(({ theme }) => {\n  return css`\n    width: 100%;\n    overflow-x: auto;\n    overflow-wrap: break-word;\n    ${getHtmlStyles(theme)}\n\n    ${StyledPopover} ul {\n      ul {\n        padding-inline-start: 0;\n      }\n      ol {\n        padding-inline-start: 0;\n      }\n    }\n\n    ${StyledPopover} li {\n      margin: 0;\n    }\n  `;\n});\n\nStyledHTML.defaultProps = defaultThemeProp;\n\nconst targetBlankSet = new WeakSet<HTMLAnchorElement>();\n\ndompurify.addHook('beforeSanitizeAttributes', node => {\n  // Can be passed text nodes\n  if (!(node instanceof HTMLElement || node instanceof SVGElement)) return;\n\n  node.removeAttribute('class');\n\n  if (\n    node.tagName === 'A' &&\n    node.hasAttribute('href') &&\n    node.getAttribute('target') === '_blank'\n  ) {\n    targetBlankSet.add(node as HTMLAnchorElement);\n  }\n});\n\ndompurify.addHook('afterSanitizeAttributes', node => {\n  if (node.tagName === 'A' && node.hasAttribute('href')) {\n    const href = node.getAttribute('href')!;\n\n    let fullURL: URL;\n    try {\n      fullURL = new URL(href, window.location.href);\n    } catch (e) {\n      return;\n    }\n\n    if (!sameOrigin(window.location, fullURL)) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    } else if (targetBlankSet.has(node as HTMLAnchorElement)) {\n      node.setAttribute('target', '_blank');\n      targetBlankSet.delete(node as HTMLAnchorElement);\n    }\n  }\n});\n\nconst HTML: FunctionComponent<HTMLProps & ForwardProps> = forwardRef(function HTML(\n  { content, customTags, ...restProps }: PropsWithoutRef<HTMLProps>,\n  ref: HTMLProps['ref']\n) {\n  const [mounted, setMounted] = useState(false);\n  const sanitizedHtml = useMemo(() => {\n    // Don't render content on the server at all.\n    return mounted\n      ? dompurify.sanitize(content, {\n          CUSTOM_ELEMENT_HANDLING: {\n            tagNameCheck: customTags ? tagName => customTags.includes(tagName) : null\n          }\n        })\n      : '';\n  }, [content, customTags, mounted]);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  return (\n    <StyledHTML {...restProps} dangerouslySetInnerHTML={{ __html: sanitizedHtml }} ref={ref} />\n  );\n});\n\nexport default HTML;\n"]}
+{"version":3,"file":"HTML.js","sourceRoot":"","sources":["../../../src/components/HTML/HTML.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useEffect, useMemo } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\nimport createDOMPurify from 'dompurify';\n\nimport { StyledPopover } from '../Popover';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize } from '../../styles';\nimport type { FontSize } from '../../styles';\nimport type { BaseProps, ForwardProps, NoChildrenProp, TestIdProp } from '../../types';\nimport { sameOrigin, withTestIds } from '../../utils';\nimport { useTestIds } from '../../hooks';\n\nimport { getHTMLTestIds } from './HTML.test-ids';\n\nconst DOMPurify = createDOMPurify();\n\nexport interface HTMLProps extends BaseProps, NoChildrenProp, TestIdProp {\n  content: string;\n  customTags?: string[];\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const listStyles = css`\n  ul,\n  ol {\n    padding-inline-start: 2.5rem;\n  }\n\n  li {\n    margin: 0.5rem 0;\n  }\n\n  ul li {\n    ul {\n      margin-inline-start: 1rem;\n      list-style-type: circle;\n    }\n\n    ul ul {\n      margin-inline-start: 2rem;\n      list-style-type: square;\n    }\n\n    ul ul ul {\n      margin-inline-start: 3rem;\n      list-style-type: disc;\n    }\n  }\n\n  ol li {\n    ol {\n      margin-inline-start: 1rem;\n      list-style-type: lower-alpha;\n    }\n\n    ol ol {\n      margin-inline-start: 2rem;\n      list-style-type: lower-roman;\n    }\n\n    ol ol ol {\n      margin-inline-start: 3rem;\n      list-style-type: decimal;\n    }\n  }\n`;\n\nexport const getTableStyles = (theme: DefaultTheme) => css`\n  border-collapse: collapse;\n\n  td {\n    border: 0.0625rem solid ${theme.base.palette['border-line']};\n    min-width: 6.25rem;\n  }\n\n  tr:first-child {\n    td:first-child {\n      border-top-left-radius: 0.125rem;\n    }\n\n    td:last-child {\n      border-top-right-radius: 0.125rem;\n    }\n  }\n\n  tr:last-child {\n    td:first-child {\n      border-bottom-left-radius: 0.125rem;\n    }\n\n    td:last-child {\n      border-bottom-right-radius: 0.125rem;\n    }\n  }\n`;\n\nexport const getHtmlStyles = (theme: DefaultTheme) => {\n  const {\n    base: { 'font-size': baseFontSize, 'font-scale': baseFontScale, palette },\n    components: { text }\n  } = theme;\n  const fontSize = calculateFontSize(baseFontSize, baseFontScale);\n  return `\n    ${listStyles}\n    table {\n      ${getTableStyles(theme)}\n    }\n    img {\n      max-width: 100%;\n      height: auto;\n      border-radius: 0.25rem;\n    }\n    a {\n      color: ${palette.interactive};\n    }\n    pre {\n      white-space: break-spaces;\n    }\n    p {\n      min-height: ${fontSize[text.primary['font-size'] as FontSize]};\n    }\n    h1 {\n      font-size: ${fontSize[text.h1['font-size'] as FontSize]};\n      font-weight: ${text.h1['font-weight']};\n      min-height: ${fontSize[text.h1['font-size'] as FontSize]};\n    }\n    h2 {\n      font-size: ${fontSize[text.h2['font-size'] as FontSize]};\n      font-weight: ${text.h2['font-weight']};\n      min-height: ${fontSize[text.h2['font-size'] as FontSize]};\n    }\n    h3 {\n      font-size: ${fontSize[text.h3['font-size'] as FontSize]};\n      font-weight: ${text.h3['font-weight']};\n      min-height: ${fontSize[text.h3['font-size'] as FontSize]};\n    }\n    h4 {\n      font-size: ${fontSize[text.h4['font-size'] as FontSize]};\n      font-weight: ${text.h4['font-weight']};\n      min-height: ${fontSize[text.h4['font-size'] as FontSize]};\n    }\n    h5 {\n      font-size: ${fontSize[text.h5['font-size'] as FontSize]};\n      font-weight: ${text.h5['font-weight']};\n      min-height: ${fontSize[text.h5['font-size'] as FontSize]};\n    }\n    h6 {\n      font-size: ${fontSize[text.h6['font-size'] as FontSize]};\n      font-weight: ${text.h6['font-weight']};\n      min-height: ${fontSize[text.h6['font-size'] as FontSize]};\n    }\n  `;\n};\n\nexport const StyledHTML = styled.div(({ theme }) => {\n  return css`\n    width: 100%;\n    overflow-x: auto;\n    overflow-wrap: break-word;\n    contain: paint;\n    ${getHtmlStyles(theme)}\n\n    ${StyledPopover} ul {\n      ul {\n        padding-inline-start: 0;\n      }\n      ol {\n        padding-inline-start: 0;\n      }\n    }\n\n    ${StyledPopover} li {\n      margin: 0;\n    }\n  `;\n});\n\nStyledHTML.defaultProps = defaultThemeProp;\n\nif (DOMPurify.isSupported) {\n  const targetBlankSet = new WeakSet<HTMLAnchorElement>();\n\n  DOMPurify.addHook('beforeSanitizeAttributes', node => {\n    // Can be passed text nodes\n    if (!(node instanceof HTMLElement || node instanceof SVGElement)) return;\n\n    node.removeAttribute('class');\n\n    if (\n      node.tagName === 'A' &&\n      node.hasAttribute('href') &&\n      node.getAttribute('target') === '_blank'\n    ) {\n      targetBlankSet.add(node as HTMLAnchorElement);\n    }\n  });\n\n  DOMPurify.addHook('afterSanitizeAttributes', node => {\n    if (node.tagName === 'A' && node.hasAttribute('href')) {\n      const href = node.getAttribute('href')!;\n\n      let fullURL: URL;\n      try {\n        fullURL = new URL(href, window.location.href);\n      } catch (e) {\n        return;\n      }\n\n      if (!sameOrigin(window.location, fullURL)) {\n        node.setAttribute('target', '_blank');\n        node.setAttribute('rel', 'noopener');\n      } else if (targetBlankSet.has(node as HTMLAnchorElement)) {\n        node.setAttribute('target', '_blank');\n        targetBlankSet.delete(node as HTMLAnchorElement);\n      }\n    }\n  });\n}\n\nconst HTML: FunctionComponent<HTMLProps & ForwardProps> = forwardRef(function HTML(\n  { testId, content, customTags, ...restProps }: PropsWithoutRef<HTMLProps>,\n  ref: HTMLProps['ref']\n) {\n  const [mounted, setMounted] = useState(false);\n  const sanitizedHtml = useMemo(() => {\n    // Don't render content on the server at all.\n    return mounted && DOMPurify.isSupported\n      ? DOMPurify.sanitize(content, {\n          FORBID_TAGS: ['style'],\n          CUSTOM_ELEMENT_HANDLING: {\n            tagNameCheck: customTags ? tagName => customTags.includes(tagName) : null\n          }\n        })\n      : '';\n  }, [content, customTags, mounted]);\n  const testIds = useTestIds(testId, getHTMLTestIds);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  return (\n    <StyledHTML\n      data-testid={testIds.root}\n      {...restProps}\n      dangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n      ref={ref}\n    />\n  );\n});\n\nexport default withTestIds(HTML, getHTMLTestIds);\n"]}

package/lib/components/HTML/HTML.test-ids.d.ts

@@ -0,0 +1,2 @@
+export declare const getHTMLTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
+//# sourceMappingURL=HTML.test-ids.d.ts.map

package/lib/components/HTML/HTML.test-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTML.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/HTML/HTML.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,iFAAqC,CAAC"}

package/lib/components/HTML/HTML.test-ids.js

@@ -0,0 +1,3 @@
+import { createTestIds } from '../../utils';
+export const getHTMLTestIds = createTestIds('html', []);
+//# sourceMappingURL=HTML.test-ids.js.map

package/lib/components/HTML/HTML.test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTML.test-ids.js","sourceRoot":"","sources":["../../../src/components/HTML/HTML.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,EAAE,EAAW,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\n\nexport const getHTMLTestIds = createTestIds('html', [] as const);\n"]}

package/lib/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
-import { FunctionComponent, Ref, ComponentType } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
-export interface IconProps extends BaseProps, NoChildrenProp {
+import type { ComponentType, ForwardRefExoticComponent } from 'react';
+import type { NoChildrenProp, WithAttributes } from '../../types';
+type BaseIconProps = NoChildrenProp & {
     /**
      * The name of the icon set.
      * @default theme.base['icon-set']
@@ -8,9 +8,30 @@ export interface IconProps extends BaseProps, NoChildrenProp {
     set?: string;
     /** The name indicating the Cosmos Icon. Reference the catalog above for the available names. */
     name: string;
-    /** Ref for the wrapping element. */
-    ref?: Ref<SVGSVGElement>;
-}
+    /**
+     * Background & svg size.
+     * @default "s" without background, "m" with background.
+     */
+    size?: 's' | 'm' | 'l' | 'font-size';
+};
+export type IconProps = WithAttributes<'div', BaseIconProps & {
+    /** Background color. */
+    background: string;
+    /**
+     * Foreground color (svg fill).
+     * Applies readable color off background if undefined.
+     */
+    foreground?: string;
+    /**
+     * Shape of the background.
+     * @default 'square'
+     */
+    shape?: 'square' | 'circle';
+}> | WithAttributes<'svg', BaseIconProps & {
+    background?: never;
+    foreground?: never;
+    shape?: never;
+}>;
 export interface IconDefinition {
     Component: ComponentType;
     viewBox?: string;
@@ -21,7 +42,15 @@ export interface IconModule extends IconDefinition {
 }
 export declare const registerIcon: (...icons: IconModule[]) => void;
 export declare const forceRegisterIcon: (...icons: IconModule[]) => void;
-export declare const StyledIcon: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
-declare const Icon: FunctionComponent<IconProps & ForwardProps>;
+export declare const StyledIcon: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {
+    size?: IconProps['size'];
+}, never>;
+export declare const StyledIconShape: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    background: NonNullable<IconProps['background']>;
+    foreground?: IconProps['foreground'];
+    size?: IconProps['size'];
+    shape?: IconProps['shape'];
+}, never>;
+declare const Icon: ForwardRefExoticComponent<IconProps>;
 export default Icon;
 //# sourceMappingURL=Icon.d.ts.map

package/lib/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,iBAAiB,EACjB,GAAG,EAEH,aAAa,EACd,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,cAAc;IAC1D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gGAAgG;IAChG,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB;AAID,eAAO,MAAM,YAAY,aAAc,UAAU,EAAE,SAUlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,UAAU,EAAE,SAUvD,CAAC;AAEF,eAAO,MAAM,UAAU,yGAOtB,CAAC;AAIF,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,GAAG,YAAY,CAyDpD,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,aAAa,EAAE,yBAAyB,EAAE,MAAM,OAAO,CAAC;AAK5F,OAAO,KAAK,EAAE,cAAc,EAAc,cAAc,EAAE,MAAM,aAAa,CAAC;AAG9E,KAAK,aAAa,GAAG,cAAc,GAAG;IACpC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gGAAgG;IAChG,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,WAAW,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,SAAS,GACjB,cAAc,CACZ,KAAK,EACL,aAAa,GAAG;IACd,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC7B,CACF,GACD,cAAc,CACZ,KAAK,EACL,aAAa,GAAG;IACd,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CACF,CAAC;AAEN,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB;AAID,eAAO,MAAM,YAAY,aAAc,UAAU,EAAE,SAUlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,UAAU,EAAE,SAUvD,CAAC;AAEF,eAAO,MAAM,UAAU;WAAuB,SAAS,CAAC,MAAM,CAAC;SA0C7D,CAAC;AAIH,eAAO,MAAM,eAAe;gBACd,YAAY,SAAS,CAAC,YAAY,CAAC,CAAC;iBACnC,SAAS,CAAC,YAAY,CAAC;WAC7B,SAAS,CAAC,MAAM,CAAC;YAChB,SAAS,CAAC,OAAO,CAAC;SAgE1B,CAAC;AAMH,QAAA,MAAM,IAAI,sCAoFgC,CAAC;AAE3C,eAAe,IAAI,CAAC"}

package/lib/components/Icon/Icon.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect } from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
+import { readableColor } from 'polished';
 import { useTheme } from '../../hooks';
+import { defaultThemeProp } from '../../theme';
 const iconRegistry = new Map([]);
 export const registerIcon = (...icons) => {
     icons.forEach(({ set: modSet, name, ...iconDef }) => {
@@ -25,16 +27,101 @@ export const forceRegisterIcon = (...icons) => {
         }
     });
 };
-export const StyledIcon = styled.svg `
-  display: inline-block;
-  fill: currentColor;
-  height: 1.125rem;
-  width: 1.125rem;
-  vertical-align: middle;
-  flex-shrink: 0;
-`;
+export const StyledIcon = styled.svg(({ theme, size = 's' }) => {
+    const { components: { icon: { size: { s, m, l } } } } = theme;
+    return css `
+    display: inline-block;
+    fill: currentColor;
+    vertical-align: middle;
+    flex-shrink: 0;
+    /* stylelint-disable unit-allowed-list */
+    min-width: 14px;
+    min-height: 14px;
+    /* stylelint-enable unit-allowed-list */
+
+    ${size === 's' &&
+        css `
+      width: ${s};
+      height: ${s};
+    `}
+
+    ${size === 'm' &&
+        css `
+      width: ${m};
+      height: ${m};
+    `}
+
+    ${size === 'l' &&
+        css `
+      width: ${l};
+      height: ${l};
+    `}
+
+    ${size === 'font-size' &&
+        css `
+      width: 1em;
+      height: 1em;
+    `}
+  `;
+});
+StyledIcon.defaultProps = defaultThemeProp;
+export const StyledIconShape = styled.div(({ theme, background, foreground, size = 'm', shape = 'square' }) => {
+    const readableFg = readableColor(background);
+    const { base: { 'border-radius': baseRadius }, components: { icon: { size: { s, m, l }, 'border-radius-multiplier': borderRadiusMultiplier } } } = theme;
+    return css `
+    color: ${foreground ?? readableFg};
+    background-color: ${background};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    ${size === 's' &&
+        css `
+      width: ${s};
+      height: ${s};
+    `}
+
+    ${size === 'm' &&
+        css `
+      width: ${m};
+      height: ${m};
+    `}
+
+    ${size === 'l' &&
+        css `
+      width: ${l};
+      height: ${l};
+    `}
+
+    ${size === 'font-size' &&
+        css `
+      width: 1em;
+      height: 1em;
+    `}
+
+    ${shape === 'square' &&
+        css `
+      border-radius: calc(${borderRadiusMultiplier} * ${baseRadius});
+    `}
+
+    ${shape === 'circle' &&
+        css `
+      border-radius: 50%;
+    `}
+
+    ${StyledIcon} {
+      width: 50%;
+      height: 50%;
+      /* stylelint-disable unit-allowed-list */
+      min-width: min(14px, 90%);
+      min-height: min(14px, 90%);
+      /* stylelint-enable unit-allowed-list */
+    }
+  `;
+});
+StyledIconShape.defaultProps = defaultThemeProp;
 const emptyIconDefinition = Object.freeze({ Component: () => null });
-const Icon = forwardRef(function Icon({ set: setProp, name, ...restProps }, ref) {
+const Icon = forwardRef(function Icon({ set: setProp, name, size, ...restProps }, ref) {
     const { base: { 'icon-set': setTheme } } = useTheme();
     const set = setProp ?? setTheme ?? 'budicon';
     const [iconDef, setIconDef] = useState(iconRegistry.get(set)?.get(name) ?? emptyIconDefinition);
@@ -47,17 +134,25 @@ const Icon = forwardRef(function Icon({ set: setProp, name, ...restProps }, ref)
         (async () => {
             try {
                 const encodedName = encodeURIComponent(name);
+                let iconSet;
                 let module;
                 switch (set) {
                     case 'streamline':
-                        module = await import(`./streamline-icons/${encodedName}.icon`);
+                        iconSet = 'streamline-icons';
                         break;
                     case 'budicon':
-                        module = await import(`./icons/${encodedName}.icon`);
+                        iconSet = 'icons';
                         break;
                     default:
                         throw new Error('Unknown icon');
                 }
+                // The following expression is required for Storybook Vite Builder
+                try {
+                    module = await import(`./${iconSet}/${encodedName}.icon`);
+                }
+                catch {
+                    module = await import(`./${iconSet}/${encodedName}.icon.tsx`);
+                }
                 if (module.name !== name || !module.Component)
                     throw new Error('Malformed icon definition');
                 registerIcon(module);
@@ -71,7 +166,7 @@ const Icon = forwardRef(function Icon({ set: setProp, name, ...restProps }, ref)
         })();
         return () => controller.abort();
     }, [name, set]);
-    return (_jsx(StyledIcon, { role: 'presentation', ...restProps, viewBox: iconDef.viewBox, ref: ref, children: _jsx(iconDef.Component, {}) }));
+    return typeof restProps.background === 'string' ? (_jsx(StyledIconShape, { role: 'presentation', ...restProps, background: restProps.background, foreground: restProps.foreground, shape: restProps.shape, size: size, ref: ref, children: _jsx(StyledIcon, { viewBox: iconDef.viewBox, children: _jsx(iconDef.Component, {}) }) })) : (_jsx(StyledIcon, { role: 'presentation', ...restProps, viewBox: iconDef.viewBox, size: size, ref: ref, children: _jsx(iconDef.Component, {}) }));
 });
 export default Icon;
 //# sourceMappingURL=Icon.js.map

package/lib/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useState,\n  useEffect,\n  FunctionComponent,\n  Ref,\n  PropsWithoutRef,\n  ComponentType\n} from 'react';\nimport styled from 'styled-components';\n\nimport { useTheme } from '../../hooks';\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\n\nexport interface IconProps extends BaseProps, NoChildrenProp {\n  /**\n   * The name of the icon set.\n   * @default theme.base['icon-set']\n   */\n  set?: string;\n  /** The name indicating the Cosmos Icon. Reference the catalog above for the available names. */\n  name: string;\n  /** Ref for the wrapping element. */\n  ref?: Ref<SVGSVGElement>;\n}\n\nexport interface IconDefinition {\n  Component: ComponentType;\n  viewBox?: string;\n}\n\nexport interface IconModule extends IconDefinition {\n  set?: IconProps['set'];\n  name: IconProps['name'];\n}\n\nconst iconRegistry = new Map<string, Map<string, IconDefinition>>([]);\n\nexport const registerIcon = (...icons: IconModule[]) => {\n  icons.forEach(({ set: modSet, name, ...iconDef }) => {\n    const set = modSet ?? 'budicon';\n\n    if (!iconRegistry.has(set)) {\n      iconRegistry.set(set, new Map([[name, iconDef]]));\n    } else if (!iconRegistry.get(set)!.has(name)) {\n      iconRegistry.get(set)!.set(name, iconDef);\n    }\n  });\n};\n\nexport const forceRegisterIcon = (...icons: IconModule[]) => {\n  icons.forEach(({ set: modSet, name, ...iconDef }) => {\n    const set = modSet ?? 'budicon';\n\n    if (!iconRegistry.has(set)) {\n      iconRegistry.set(set, new Map([[name, iconDef]]));\n    } else {\n      iconRegistry.get(set)!.set(name, iconDef);\n    }\n  });\n};\n\nexport const StyledIcon = styled.svg`\n  display: inline-block;\n  fill: currentColor;\n  height: 1.125rem;\n  width: 1.125rem;\n  vertical-align: middle;\n  flex-shrink: 0;\n`;\n\nconst emptyIconDefinition: Readonly<IconDefinition> = Object.freeze({ Component: () => null });\n\nconst Icon: FunctionComponent<IconProps & ForwardProps> = forwardRef(function Icon(\n  { set: setProp, name, ...restProps }: PropsWithoutRef<IconProps>,\n  ref: IconProps['ref']\n) {\n  const {\n    base: { 'icon-set': setTheme }\n  } = useTheme();\n\n  const set = setProp ?? setTheme ?? 'budicon';\n\n  const [iconDef, setIconDef] = useState(iconRegistry.get(set)?.get(name) ?? emptyIconDefinition);\n\n  useEffect(() => {\n    if (iconRegistry.get(set)?.has(name)) {\n      setIconDef(iconRegistry.get(set)!.get(name)!);\n      return;\n    }\n\n    const controller = new AbortController();\n\n    (async () => {\n      try {\n        const encodedName = encodeURIComponent(name);\n\n        let module: IconModule;\n\n        switch (set) {\n          case 'streamline':\n            module = await import(`./streamline-icons/${encodedName}.icon`);\n            break;\n          case 'budicon':\n            module = await import(`./icons/${encodedName}.icon`);\n            break;\n          default:\n            throw new Error('Unknown icon');\n        }\n\n        if (module.name !== name || !module.Component) throw new Error('Malformed icon definition');\n\n        registerIcon(module);\n      } catch {\n        registerIcon({ set, name, ...emptyIconDefinition });\n      }\n\n      if (!controller.signal.aborted) {\n        setIconDef(iconRegistry.get(set)!.get(name) ?? emptyIconDefinition);\n      }\n    })();\n\n    return () => controller.abort();\n  }, [name, set]);\n\n  return (\n    <StyledIcon role='presentation' {...restProps} viewBox={iconDef.viewBox} ref={ref}>\n      <iconDef.Component />\n    </StyledIcon>\n  );\n});\n\nexport default Icon;\n"]}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useEffect } from 'react';\nimport type { Ref, PropsWithoutRef, ComponentType, ForwardRefExoticComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport { useTheme } from '../../hooks';\nimport type { NoChildrenProp, RefElement, WithAttributes } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\ntype BaseIconProps = NoChildrenProp & {\n  /**\n   * The name of the icon set.\n   * @default theme.base['icon-set']\n   */\n  set?: string;\n  /** The name indicating the Cosmos Icon. Reference the catalog above for the available names. */\n  name: string;\n  /**\n   * Background & svg size.\n   * @default \"s\" without background, \"m\" with background.\n   */\n  size?: 's' | 'm' | 'l' | 'font-size';\n};\n\nexport type IconProps =\n  | WithAttributes<\n      'div',\n      BaseIconProps & {\n        /** Background color. */\n        background: string;\n        /**\n         * Foreground color (svg fill).\n         * Applies readable color off background if undefined.\n         */\n        foreground?: string;\n        /**\n         * Shape of the background.\n         * @default 'square'\n         */\n        shape?: 'square' | 'circle';\n      }\n    >\n  | WithAttributes<\n      'svg',\n      BaseIconProps & {\n        background?: never;\n        foreground?: never;\n        shape?: never;\n      }\n    >;\n\nexport interface IconDefinition {\n  Component: ComponentType;\n  viewBox?: string;\n}\n\nexport interface IconModule extends IconDefinition {\n  set?: IconProps['set'];\n  name: IconProps['name'];\n}\n\nconst iconRegistry = new Map<string, Map<string, IconDefinition>>([]);\n\nexport const registerIcon = (...icons: IconModule[]) => {\n  icons.forEach(({ set: modSet, name, ...iconDef }) => {\n    const set = modSet ?? 'budicon';\n\n    if (!iconRegistry.has(set)) {\n      iconRegistry.set(set, new Map([[name, iconDef]]));\n    } else if (!iconRegistry.get(set)!.has(name)) {\n      iconRegistry.get(set)!.set(name, iconDef);\n    }\n  });\n};\n\nexport const forceRegisterIcon = (...icons: IconModule[]) => {\n  icons.forEach(({ set: modSet, name, ...iconDef }) => {\n    const set = modSet ?? 'budicon';\n\n    if (!iconRegistry.has(set)) {\n      iconRegistry.set(set, new Map([[name, iconDef]]));\n    } else {\n      iconRegistry.get(set)!.set(name, iconDef);\n    }\n  });\n};\n\nexport const StyledIcon = styled.svg<{ size?: IconProps['size'] }>(({ theme, size = 's' }) => {\n  const {\n    components: {\n      icon: {\n        size: { s, m, l }\n      }\n    }\n  } = theme;\n  return css`\n    display: inline-block;\n    fill: currentColor;\n    vertical-align: middle;\n    flex-shrink: 0;\n    /* stylelint-disable unit-allowed-list */\n    min-width: 14px;\n    min-height: 14px;\n    /* stylelint-enable unit-allowed-list */\n\n    ${size === 's' &&\n    css`\n      width: ${s};\n      height: ${s};\n    `}\n\n    ${size === 'm' &&\n    css`\n      width: ${m};\n      height: ${m};\n    `}\n\n    ${size === 'l' &&\n    css`\n      width: ${l};\n      height: ${l};\n    `}\n\n    ${size === 'font-size' &&\n    css`\n      width: 1em;\n      height: 1em;\n    `}\n  `;\n});\n\nStyledIcon.defaultProps = defaultThemeProp;\n\nexport const StyledIconShape = styled.div<{\n  background: NonNullable<IconProps['background']>;\n  foreground?: IconProps['foreground'];\n  size?: IconProps['size'];\n  shape?: IconProps['shape'];\n}>(({ theme, background, foreground, size = 'm', shape = 'square' }) => {\n  const readableFg = readableColor(background);\n\n  const {\n    base: { 'border-radius': baseRadius },\n    components: {\n      icon: {\n        size: { s, m, l },\n        'border-radius-multiplier': borderRadiusMultiplier\n      }\n    }\n  } = theme;\n\n  return css`\n    color: ${foreground ?? readableFg};\n    background-color: ${background};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ${size === 's' &&\n    css`\n      width: ${s};\n      height: ${s};\n    `}\n\n    ${size === 'm' &&\n    css`\n      width: ${m};\n      height: ${m};\n    `}\n\n    ${size === 'l' &&\n    css`\n      width: ${l};\n      height: ${l};\n    `}\n\n    ${size === 'font-size' &&\n    css`\n      width: 1em;\n      height: 1em;\n    `}\n\n    ${shape === 'square' &&\n    css`\n      border-radius: calc(${borderRadiusMultiplier} * ${baseRadius});\n    `}\n\n    ${shape === 'circle' &&\n    css`\n      border-radius: 50%;\n    `}\n\n    ${StyledIcon} {\n      width: 50%;\n      height: 50%;\n      /* stylelint-disable unit-allowed-list */\n      min-width: min(14px, 90%);\n      min-height: min(14px, 90%);\n      /* stylelint-enable unit-allowed-list */\n    }\n  `;\n});\n\nStyledIconShape.defaultProps = defaultThemeProp;\n\nconst emptyIconDefinition: Readonly<IconDefinition> = Object.freeze({ Component: () => null });\n\nconst Icon = forwardRef<RefElement<IconProps>, PropsWithoutRef<IconProps>>(function Icon(\n  { set: setProp, name, size, ...restProps }: PropsWithoutRef<IconProps>,\n  ref\n) {\n  const {\n    base: { 'icon-set': setTheme }\n  } = useTheme();\n\n  const set = setProp ?? setTheme ?? 'budicon';\n\n  const [iconDef, setIconDef] = useState(iconRegistry.get(set)?.get(name) ?? emptyIconDefinition);\n\n  useEffect(() => {\n    if (iconRegistry.get(set)?.has(name)) {\n      setIconDef(iconRegistry.get(set)!.get(name)!);\n      return;\n    }\n\n    const controller = new AbortController();\n\n    (async () => {\n      try {\n        const encodedName = encodeURIComponent(name);\n        let iconSet: string;\n        let module: IconModule;\n\n        switch (set) {\n          case 'streamline':\n            iconSet = 'streamline-icons';\n            break;\n          case 'budicon':\n            iconSet = 'icons';\n            break;\n          default:\n            throw new Error('Unknown icon');\n        }\n\n        // The following expression is required for Storybook Vite Builder\n        try {\n          module = await import(`./${iconSet}/${encodedName}.icon`);\n        } catch {\n          module = await import(`./${iconSet}/${encodedName}.icon.tsx`);\n        }\n\n        if (module.name !== name || !module.Component) throw new Error('Malformed icon definition');\n\n        registerIcon(module);\n      } catch {\n        registerIcon({ set, name, ...emptyIconDefinition });\n      }\n\n      if (!controller.signal.aborted) {\n        setIconDef(iconRegistry.get(set)!.get(name) ?? emptyIconDefinition);\n      }\n    })();\n\n    return () => controller.abort();\n  }, [name, set]);\n\n  return typeof restProps.background === 'string' ? (\n    <StyledIconShape\n      role='presentation'\n      {...restProps}\n      background={restProps.background}\n      foreground={restProps.foreground}\n      shape={restProps.shape}\n      size={size}\n      ref={ref as Ref<HTMLDivElement>}\n    >\n      <StyledIcon viewBox={iconDef.viewBox}>\n        <iconDef.Component />\n      </StyledIcon>\n    </StyledIconShape>\n  ) : (\n    <StyledIcon\n      role='presentation'\n      {...restProps}\n      viewBox={iconDef.viewBox}\n      size={size}\n      ref={ref as Ref<SVGSVGElement>}\n    >\n      <iconDef.Component />\n    </StyledIcon>\n  );\n}) as ForwardRefExoticComponent<IconProps>;\n\nexport default Icon;\n"]}

package/lib/components/Icon/streamline-icons/ai-assist.icon.d.ts

@@ -0,0 +1,5 @@
+export declare const set = "streamline";
+export declare const name = "ai-assist";
+export declare const Component: () => JSX.Element;
+export declare const viewBox = "0 0 18 18";
+//# sourceMappingURL=ai-assist.icon.d.ts.map

package/lib/components/Icon/streamline-icons/ai-assist.icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-assist.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/ai-assist.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,cAAc,CAAC;AAEhC,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/ai-assist.icon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// This file is autogenerated. Any changes will be overwritten.
+export const set = 'streamline';
+export const name = 'ai-assist';
+export const Component = () => (_jsxs("g", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', children: [_jsx("path", { d: 'M.576 10.656v6.768m0-1.08h11.232a2.243 2.243 0 0 0-2.232-2.232H6.768a2.243 2.243 0 0 0-2.232-2.232H.576m3.888 2.232h2.232M3.528 1.728v3.024M2.016 3.24H5.04m9.936 7.776v3.024m-1.512-1.512h3.024' }), _jsx("path", { fill: 'currentColor', d: 'M8.784 12.168c.216-.072.432-.072.72-.072s.576.072.792.144c1.08-2.448 3.312-3.672 6.696-3.672-5.184-.072-7.488-2.808-7.488-7.488 0 5.112-2.664 7.488-7.488 7.488 3.672-.072 5.832 1.296 6.768 3.6z' })] }));
+export const viewBox = '0 0 18 18';
+//# sourceMappingURL=ai-assist.icon.js.map

package/lib/components/Icon/streamline-icons/ai-assist.icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-assist.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/ai-assist.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;AAEhC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,aAAG,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC/E,eAAM,CAAC,EAAC,kMAAkM,GAAG,EAC7M,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mMAAmM,GACrM,IACA,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'ai-assist';\n\nexport const Component = () => (\n  <g fill='none' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round'>\n    <path d='M.576 10.656v6.768m0-1.08h11.232a2.243 2.243 0 0 0-2.232-2.232H6.768a2.243 2.243 0 0 0-2.232-2.232H.576m3.888 2.232h2.232M3.528 1.728v3.024M2.016 3.24H5.04m9.936 7.776v3.024m-1.512-1.512h3.024' />\n    <path\n      fill='currentColor'\n      d='M8.784 12.168c.216-.072.432-.072.72-.072s.576.072.792.144c1.08-2.448 3.312-3.672 6.696-3.672-5.184-.072-7.488-2.808-7.488-7.488 0 5.112-2.664 7.488-7.488 7.488 3.672-.072 5.832 1.296 6.768 3.6z'\n    />\n  </g>\n);\n\nexport const viewBox = '0 0 18 18';\n"]}

package/lib/components/Icon/streamline-icons/alexa.icon.d.ts

@@ -1,5 +1,5 @@
 export declare const set = "streamline";
 export declare const name = "alexa";
 export declare const Component: () => JSX.Element;
-export declare const viewBox = "0 0 25 25";
+export declare const viewBox = "0 0 18 18";
 //# sourceMappingURL=alexa.icon.d.ts.map

package/lib/components/Icon/streamline-icons/alexa.icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alexa.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/alexa.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,UAAU,CAAC;AAE5B,eAAO,MAAM,SAAS,mBAErB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}
+{"version":3,"file":"alexa.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/alexa.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,UAAU,CAAC;AAE5B,eAAO,MAAM,SAAS,mBAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/alexa.icon.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const set = 'streamline';
 export const name = 'alexa';
-export const Component = () => (_jsx("path", { d: 'M12.5 0C5.6 0 0 5.6 0 12.5c0 6.3 4.7 11.6 10.8 12.4v-2.5c0-.7-.4-1.3-1.1-1.6-3.5-1.2-6-4.6-5.9-8.5.1-4.8 4-8.6 8.8-8.5 4.8 0 8.6 3.9 8.6 8.7v1.3c-1.1 7-10.2 11-10.3 11 .5.1 1.1.1 1.7.1C19.4 25 25 19.4 25 12.5S19.4 0 12.5 0' }));
-export const viewBox = '0 0 25 25';
+export const Component = () => (_jsx("path", { fill: 'currentColor', d: 'M9 0C4.032 0 0 4.032 0 9c0 4.536 3.384 8.352 7.776 8.928v-1.8c0-.504-.288-.936-.792-1.152a6.32 6.32 0 0 1-4.248-6.12c.072-3.456 2.88-6.192 6.336-6.12 3.456 0 6.192 2.808 6.192 6.264v.936c-.792 5.04-7.344 7.92-7.416 7.92.36.072.792.072 1.224.072C13.968 18 18 13.968 18 9s-4.032-9-9-9z' }));
+export const viewBox = '0 0 18 18';
 //# sourceMappingURL=alexa.icon.js.map

package/lib/components/Icon/streamline-icons/alexa.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"alexa.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/alexa.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,gOAAgO,GAAG,CAC5O,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'alexa';\n\nexport const Component = () => (\n  <path d='M12.5 0C5.6 0 0 5.6 0 12.5c0 6.3 4.7 11.6 10.8 12.4v-2.5c0-.7-.4-1.3-1.1-1.6-3.5-1.2-6-4.6-5.9-8.5.1-4.8 4-8.6 8.8-8.5 4.8 0 8.6 3.9 8.6 8.7v1.3c-1.1 7-10.2 11-10.3 11 .5.1 1.1.1 1.7.1C19.4 25 25 19.4 25 12.5S19.4 0 12.5 0' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}
+{"version":3,"file":"alexa.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/alexa.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6RAA6R,GAC/R,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'alexa';\n\nexport const Component = () => (\n  <path\n    fill='currentColor'\n    d='M9 0C4.032 0 0 4.032 0 9c0 4.536 3.384 8.352 7.776 8.928v-1.8c0-.504-.288-.936-.792-1.152a6.32 6.32 0 0 1-4.248-6.12c.072-3.456 2.88-6.192 6.336-6.12 3.456 0 6.192 2.808 6.192 6.264v.936c-.792 5.04-7.344 7.92-7.416 7.92.36.072.792.072 1.224.072C13.968 18 18 13.968 18 9s-4.032-9-9-9z'\n  />\n);\n\nexport const viewBox = '0 0 18 18';\n"]}

package/lib/components/Icon/streamline-icons/align-center.icon.d.ts

@@ -1,5 +1,5 @@
 export declare const set = "streamline";
 export declare const name = "align-center";
 export declare const Component: () => JSX.Element;
-export declare const viewBox = "0 0 24 24";
+export declare const viewBox = "0 0 18 18";
 //# sourceMappingURL=align-center.icon.d.ts.map

package/lib/components/Icon/streamline-icons/align-center.icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"align-center.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-center.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,iBAAiB,CAAC;AAEnC,eAAO,MAAM,SAAS,mBASrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}
+{"version":3,"file":"align-center.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-center.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,iBAAiB,CAAC;AAEnC,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/align-center.icon.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const set = 'streamline';
 export const name = 'align-center';
-export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5', d: 'M2.25 3h19.5M5.25 7.5h13.5M.75 12h22.5m-18 4.5h13.5M2.25 21h19.5' }));
-export const viewBox = '0 0 24 24';
+export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.68 2.248h14.626M3.93 5.623h10.126M.556 8.998H17.43m-13.5 3.375h10.126M1.68 15.748h14.626' }));
+export const viewBox = '0 0 18 18';
 //# sourceMappingURL=align-center.icon.js.map

package/lib/components/Icon/streamline-icons/align-center.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"align-center.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-center.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,CAAC,EAAC,kEAAkE,GACpE,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'align-center';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    strokeWidth='1.5'\n    d='M2.25 3h19.5M5.25 7.5h13.5M.75 12h22.5m-18 4.5h13.5M2.25 21h19.5'\n  />\n);\n\nexport const viewBox = '0 0 24 24';\n"]}
+{"version":3,"file":"align-center.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-center.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,6FAA6F,GAC/F,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'align-center';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    d='M1.68 2.248h14.626M3.93 5.623h10.126M.556 8.998H17.43m-13.5 3.375h10.126M1.68 15.748h14.626'\n  />\n);\n\nexport const viewBox = '0 0 18 18';\n"]}

package/lib/components/Icon/streamline-icons/align-left.icon.d.ts

@@ -1,5 +1,5 @@
 export declare const set = "streamline";
 export declare const name = "align-left";
 export declare const Component: () => JSX.Element;
-export declare const viewBox = "0 0 24 24";
+export declare const viewBox = "0 0 18 18";
 //# sourceMappingURL=align-left.icon.d.ts.map

package/lib/components/Icon/streamline-icons/align-left.icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"align-left.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-left.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,eAAe,CAAC;AAEjC,eAAO,MAAM,SAAS,mBASrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}
+{"version":3,"file":"align-left.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-left.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,eAAe,CAAC;AAEjC,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/align-left.icon.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const set = 'streamline';
 export const name = 'align-left';
-export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5', d: 'M.75 3h21m-21 4.5h18M.75 12h22.5M.75 16.5h18M.75 21h21' }));
-export const viewBox = '0 0 24 24';
+export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M.563 2.248h15.75M.563 5.623h13.5M.563 8.998h16.875M.563 12.373h13.5m-13.5 3.375h15.75' }));
+export const viewBox = '0 0 18 18';
 //# sourceMappingURL=align-left.icon.js.map

package/lib/components/Icon/streamline-icons/align-left.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"align-left.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-left.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,CAAC,EAAC,wDAAwD,GAC1D,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'align-left';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    strokeWidth='1.5'\n    d='M.75 3h21m-21 4.5h18M.75 12h22.5M.75 16.5h18M.75 21h21'\n  />\n);\n\nexport const viewBox = '0 0 24 24';\n"]}
+{"version":3,"file":"align-left.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-left.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,wFAAwF,GAC1F,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'align-left';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    d='M.563 2.248h15.75M.563 5.623h13.5M.563 8.998h16.875M.563 12.373h13.5m-13.5 3.375h15.75'\n  />\n);\n\nexport const viewBox = '0 0 18 18';\n"]}

package/lib/components/Icon/streamline-icons/align-right.icon.d.ts

@@ -1,5 +1,5 @@
 export declare const set = "streamline";
 export declare const name = "align-right";
 export declare const Component: () => JSX.Element;
-export declare const viewBox = "0 0 24 24";
+export declare const viewBox = "0 0 18 18";
 //# sourceMappingURL=align-right.icon.d.ts.map

package/lib/components/Icon/streamline-icons/align-right.icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"align-right.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-right.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,gBAAgB,CAAC;AAElC,eAAO,MAAM,SAAS,mBASrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}
+{"version":3,"file":"align-right.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-right.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,gBAAgB,CAAC;AAElC,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/align-right.icon.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const set = 'streamline';
 export const name = 'align-right';
-export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5', d: 'M2.25 3h21m-18 4.5h18M.75 12h22.5m-18 4.5h18m-21 4.5h21' }));
-export const viewBox = '0 0 24 24';
+export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M17.25 2.248H1.5m15.75 3.375H3.75m13.595 3.376H1.59m15.66 3.374H3.75m13.5 3.375H1.5' }));
+export const viewBox = '0 0 18 18';
 //# sourceMappingURL=align-right.icon.js.map

package/lib/components/Icon/streamline-icons/align-right.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"align-right.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-right.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,CAAC,EAAC,yDAAyD,GAC3D,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'align-right';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    strokeWidth='1.5'\n    d='M2.25 3h21m-18 4.5h18M.75 12h22.5m-18 4.5h18m-21 4.5h21'\n  />\n);\n\nexport const viewBox = '0 0 24 24';\n"]}
+{"version":3,"file":"align-right.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/align-right.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,qFAAqF,GACvF,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'align-right';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    d='M17.25 2.248H1.5m15.75 3.375H3.75m13.595 3.376H1.59m15.66 3.374H3.75m13.5 3.375H1.5'\n  />\n);\n\nexport const viewBox = '0 0 18 18';\n"]}

package/lib/components/Icon/streamline-icons/amazon.icon.d.ts

@@ -0,0 +1,5 @@
+export declare const set = "streamline";
+export declare const name = "amazon";
+export declare const Component: () => JSX.Element;
+export declare const viewBox = "0 0 18 18";
+//# sourceMappingURL=amazon.icon.d.ts.map

package/lib/components/Icon/streamline-icons/amazon.icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"amazon.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/amazon.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,WAAW,CAAC;AAE7B,eAAO,MAAM,SAAS,mBAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/amazon.icon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// This file is autogenerated. Any changes will be overwritten.
+export const set = 'streamline';
+export const name = 'amazon';
+export const Component = () => (_jsx("path", { fill: 'currentColor', d: 'M10.113 4.923v.241c-.62.035-1.035.104-1.276.138-.793.104-1.414.241-1.897.483-1.241.448-1.862 1.379-1.862 2.758 0 .862.241 1.517.724 1.966.483.448 1.104.69 1.828.69.414 0 .827-.07 1.207-.173.517-.172 1.068-.517 1.62-1.069.345.483.656.863.966 1.104.137.07.275.07.414-.034.103-.104.344-.276.655-.552s.552-.448.655-.552c.138-.138.138-.276 0-.448-.414-.552-.62-1.07-.62-1.587V3.923c-.035-.034-.035-.138-.07-.31-.034-.138-.034-.242-.069-.311-.034-.034-.034-.138-.069-.241s-.103-.207-.138-.276a.616.616 0 0 1-.172-.241.808.808 0 0 0-.241-.242c-.655-.586-1.483-.862-2.552-.862h-.379c-2 .138-3.138 1-3.448 2.62-.034.173.034.311.241.345l1.656.207c.172-.034.276-.137.276-.31.172-.62.586-.965 1.275-1.069h.138c.38 0 .69.138.931.449.138.207.207.62.207 1.24zm0 1.62v.345c0 .863-.104 1.449-.311 1.828-.172.379-.518.655-.965.759l-.104.034h-.138c-.31 0-.551-.104-.724-.345-.207-.241-.31-.517-.31-.896 0-.828.414-1.38 1.276-1.621a7.24 7.24 0 0 1 1.275-.104zM15.56 15.2a2.88 2.88 0 0 0 .759-1.104c.172-.448.275-.827.275-1.172v-.277l-.034-.103c-.104-.104-.345-.173-.759-.207-.448-.035-.897.034-1.38.137-.206.035-.447.173-.689.345-.138.104-.138.207.035.242.103-.035.344-.07.655-.104.793-.034 1.241 0 1.38.172.171.172 0 .828-.45 1.966-.034.103-.034.137.035.172.034.034.104 0 .172-.07zM.803 12.923c2.241 2 4.862 3 7.862 3 2.138 0 4.069-.518 5.759-1.552.172-.104.379-.242.655-.414.138-.104.172-.242.103-.345-.103-.104-.207-.138-.344-.07-.035.035-.104.035-.207.07s-.173.034-.207.07c-1.759.723-3.621 1.068-5.587 1.068-2.827 0-5.448-.69-7.862-2.07-.103-.068-.172-.068-.207 0-.069.07-.069.139.035.242z' }));
+export const viewBox = '0 0 18 18';
+//# sourceMappingURL=amazon.icon.js.map

package/lib/components/Icon/streamline-icons/amazon.icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"amazon.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/amazon.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC;AAE7B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,uiDAAuiD,GACziD,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'amazon';\n\nexport const Component = () => (\n  <path\n    fill='currentColor'\n    d='M10.113 4.923v.241c-.62.035-1.035.104-1.276.138-.793.104-1.414.241-1.897.483-1.241.448-1.862 1.379-1.862 2.758 0 .862.241 1.517.724 1.966.483.448 1.104.69 1.828.69.414 0 .827-.07 1.207-.173.517-.172 1.068-.517 1.62-1.069.345.483.656.863.966 1.104.137.07.275.07.414-.034.103-.104.344-.276.655-.552s.552-.448.655-.552c.138-.138.138-.276 0-.448-.414-.552-.62-1.07-.62-1.587V3.923c-.035-.034-.035-.138-.07-.31-.034-.138-.034-.242-.069-.311-.034-.034-.034-.138-.069-.241s-.103-.207-.138-.276a.616.616 0 0 1-.172-.241.808.808 0 0 0-.241-.242c-.655-.586-1.483-.862-2.552-.862h-.379c-2 .138-3.138 1-3.448 2.62-.034.173.034.311.241.345l1.656.207c.172-.034.276-.137.276-.31.172-.62.586-.965 1.275-1.069h.138c.38 0 .69.138.931.449.138.207.207.62.207 1.24zm0 1.62v.345c0 .863-.104 1.449-.311 1.828-.172.379-.518.655-.965.759l-.104.034h-.138c-.31 0-.551-.104-.724-.345-.207-.241-.31-.517-.31-.896 0-.828.414-1.38 1.276-1.621a7.24 7.24 0 0 1 1.275-.104zM15.56 15.2a2.88 2.88 0 0 0 .759-1.104c.172-.448.275-.827.275-1.172v-.277l-.034-.103c-.104-.104-.345-.173-.759-.207-.448-.035-.897.034-1.38.137-.206.035-.447.173-.689.345-.138.104-.138.207.035.242.103-.035.344-.07.655-.104.793-.034 1.241 0 1.38.172.171.172 0 .828-.45 1.966-.034.103-.034.137.035.172.034.034.104 0 .172-.07zM.803 12.923c2.241 2 4.862 3 7.862 3 2.138 0 4.069-.518 5.759-1.552.172-.104.379-.242.655-.414.138-.104.172-.242.103-.345-.103-.104-.207-.138-.344-.07-.035.035-.104.035-.207.07s-.173.034-.207.07c-1.759.723-3.621 1.068-5.587 1.068-2.827 0-5.448-.69-7.862-2.07-.103-.068-.172-.068-.207 0-.069.07-.069.139.035.242z'\n  />\n);\n\nexport const viewBox = '0 0 18 18';\n"]}

package/lib/components/Icon/streamline-icons/api.icon.d.ts

@@ -1,5 +1,5 @@
 export declare const set = "streamline";
 export declare const name = "api";
 export declare const Component: () => JSX.Element;
-export declare const viewBox = "0 0 24 24";
+export declare const viewBox = "0 0 18 18";
 //# sourceMappingURL=api.icon.d.ts.map

package/lib/components/Icon/streamline-icons/api.icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/api.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,QAAQ,CAAC;AAE1B,eAAO,MAAM,SAAS,mBASrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}
+{"version":3,"file":"api.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/api.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,QAAQ,CAAC;AAE1B,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/api.icon.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const set = 'streamline';
 export const name = 'api';
-export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5', d: 'M16.694 13.716a5.278 5.278 0 0 0 5.366-5.187 5.278 5.278 0 0 0-5.366-5.186 5.577 5.577 0 0 0-1.347.165A4.933 4.933 0 0 0 10.882.75a4.855 4.855 0 0 0-4.9 4.342 4.382 4.382 0 0 0-4.043 4.3 4.4 4.4 0 0 0 4.471 4.322zm3.551 9.534v-6.534m-1.307 0h2.613m-2.613 6.534h2.613m-10.454 0v-2.614m.003 0h1.96a1.96 1.96 0 1 0 0-3.92H11.1zM1.949 23.25l.737-4.919a1.9 1.9 0 0 1 3.752 0l.738 4.919m-4.884-2.287h4.541' }));
-export const viewBox = '0 0 24 24';
+export const Component = () => (_jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12.52 10.287a3.958 3.958 0 0 0 4.025-3.89 3.959 3.959 0 0 0-4.024-3.89c-.341 0-.68.042-1.01.124A3.7 3.7 0 0 0 8.16.562 3.641 3.641 0 0 0 4.486 3.82a3.287 3.287 0 0 0-3.032 3.225 3.3 3.3 0 0 0 3.353 3.241zm2.664 7.151v-4.9m-.98-.001h1.96m-1.96 4.901h1.96m-7.841 0v-1.96m.002-.001h1.47a1.47 1.47 0 0 0 0-2.94h-1.47zm-6.863 1.961.553-3.69a1.425 1.425 0 0 1 2.814 0l.553 3.69m-3.663-1.716h3.406' }));
+export const viewBox = '0 0 18 18';
 //# sourceMappingURL=api.icon.js.map

package/lib/components/Icon/streamline-icons/api.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/api.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,CAAC,EAAC,iZAAiZ,GACnZ,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'api';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    strokeWidth='1.5'\n    d='M16.694 13.716a5.278 5.278 0 0 0 5.366-5.187 5.278 5.278 0 0 0-5.366-5.186 5.577 5.577 0 0 0-1.347.165A4.933 4.933 0 0 0 10.882.75a4.855 4.855 0 0 0-4.9 4.342 4.382 4.382 0 0 0-4.043 4.3 4.4 4.4 0 0 0 4.471 4.322zm3.551 9.534v-6.534m-1.307 0h2.613m-2.613 6.534h2.613m-10.454 0v-2.614m.003 0h1.96a1.96 1.96 0 1 0 0-3.92H11.1zM1.949 23.25l.737-4.919a1.9 1.9 0 0 1 3.752 0l.738 4.919m-4.884-2.287h4.541'\n  />\n);\n\nexport const viewBox = '0 0 24 24';\n"]}
+{"version":3,"file":"api.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/api.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,yYAAyY,GAC3Y,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'api';\n\nexport const Component = () => (\n  <path\n    fill='none'\n    stroke='currentColor'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    d='M12.52 10.287a3.958 3.958 0 0 0 4.025-3.89 3.959 3.959 0 0 0-4.024-3.89c-.341 0-.68.042-1.01.124A3.7 3.7 0 0 0 8.16.562 3.641 3.641 0 0 0 4.486 3.82a3.287 3.287 0 0 0-3.032 3.225 3.3 3.3 0 0 0 3.353 3.241zm2.664 7.151v-4.9m-.98-.001h1.96m-1.96 4.901h1.96m-7.841 0v-1.96m.002-.001h1.47a1.47 1.47 0 0 0 0-2.94h-1.47zm-6.863 1.961.553-3.69a1.425 1.425 0 0 1 2.814 0l.553 3.69m-3.663-1.716h3.406'\n  />\n);\n\nexport const viewBox = '0 0 18 18';\n"]}