@semcore/icon 17.2.1-prerelease.0 → 17.2.1-prerelease.2

package/lib/cjs/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["_core","require","_indentStyles","_propsForElement","_interopRequireDefault","_useColorResolver","_react","styles","sstyled","insert","calculateIndentStyles","props","scaleIndent","removeUndefinedKeys","margin","getAutoOrScaleIndent","marginTop","marginBottom","marginLeft","marginRight","Icon","width","height","viewBox","color","colorProps","m","mt","mb","my","ml","mr","mx","ref","SIcon","resolveColor","useColorResolver","sstyles","className","style","cn","indentStyles","React","useMemo","default","createElement","_extends2","propsForElement","Object","assign","_default","exports","createBaseComponent","isIcon"],"sources":["../../src/Icon.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { removeUndefinedKeys, getAutoOrScaleIndent } from '@semcore/core/lib/utils/indentStyles';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport React from 'react';\n\nimport styles from './style/icon.shadow.css';\n\nexport type IconProps = {\n  /**\n   * Icon width\n   * @internal\n   */\n  width?: string | number;\n  /**\n   * Icon height\n   * @internal\n   */\n  height?: string | number;\n  /**\n   * SVG viewBox attribute\n   * @internal\n   */\n  viewBox?: string;\n  /** Icon color */\n  color?: string;\n\n  /** CSS `margin` property */\n  m?: number | string;\n\n  /** CSS `margin-top` property */\n  mt?: number | string;\n\n  /** CSS `margin-right` property */\n  mr?: number | string;\n\n  /** CSS `margin-bottom` property */\n  mb?: number | string;\n\n  /** CSS `margin-left` property */\n  ml?: number | string;\n\n  /** CSS `margin-left` and `margin-right` property */\n  mx?: number | string;\n\n  /** CSS `margin-top` and `margin-bottom` property */\n  my?: number | string;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n};\n\nfunction calculateIndentStyles(props: IconProps, scaleIndent: number) {\n  return removeUndefinedKeys({\n    margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n    marginTop:\n      getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginBottom:\n      getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginLeft:\n      getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n    marginRight:\n      getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n  });\n}\n\nfunction Icon({\n  width = 16,\n  height = 16,\n  viewBox = '0 0 16 16',\n  color: colorProps,\n  scaleIndent = 4,\n  m,\n  mt,\n  mb,\n  my,\n  ml,\n  mr,\n  mx,\n  ...props\n}: React.SVGProps<SVGSVGElement> & IconProps, ref: React.Ref<SVGSVGElement>) {\n  const SIcon = 'svg';\n\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n  });\n\n  const indentStyles: React.CSSProperties = React.useMemo(() => {\n    return calculateIndentStyles({ m, mt, mb, my, ml, mr, mx }, scaleIndent);\n  }, [\n    scaleIndent,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n  ]);\n\n  return (\n    <SIcon\n      width={width}\n      height={height}\n      viewBox={viewBox}\n      aria-hidden='true'\n      {...propsForElement(props)}\n      style={Object.assign({}, style, props.style, indentStyles)}\n      className={`${className} ${props.className ?? ''}`}\n      ref={ref}\n    />\n  );\n}\n\ntype IconComponent = Intergalactic.Component<'svg', IconProps>;\n\nexport default createBaseComponent<IconComponent>(Icon, { isIcon: true });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Icon.js","names":["_core","require","_indentStyles","_propsForElement","_interopRequireDefault","_useColorResolver","_react","styles","sstyled","insert","calculateIndentStyles","props","scaleIndent","removeUndefinedKeys","margin","getAutoOrScaleIndent","marginTop","marginBottom","marginLeft","marginRight","Icon","width","height","viewBox","color","colorProps","m","mt","mb","my","ml","mr","mx","ref","SIcon","resolveColor","useColorResolver","sstyles","className","style","cn","indentStyles","React","useMemo","default","createElement","_extends2","propsForElement","Object","assign","_default","exports","createBaseComponent","isIcon"],"sources":["../../src/Icon.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { removeUndefinedKeys, getAutoOrScaleIndent } from '@semcore/core/lib/utils/indentStyles';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport React from 'react';\n\nimport styles from './style/icon.shadow.css';\n\nexport type IconProps = {\n  /**\n   * Icon width\n   * @internal\n   */\n  width?: string | number;\n  /**\n   * Icon height\n   * @internal\n   */\n  height?: string | number;\n  /**\n   * SVG viewBox attribute\n   * @internal\n   */\n  viewBox?: string;\n  /** Icon color */\n  color?: string;\n\n  /** CSS `margin` property */\n  m?: number | string;\n\n  /** CSS `margin-top` property */\n  mt?: number | string;\n\n  /** CSS `margin-right` property */\n  mr?: number | string;\n\n  /** CSS `margin-bottom` property */\n  mb?: number | string;\n\n  /** CSS `margin-left` property */\n  ml?: number | string;\n\n  /** CSS `margin-left` and `margin-right` property */\n  mx?: number | string;\n\n  /** CSS `margin-top` and `margin-bottom` property */\n  my?: number | string;\n\n  /**\n   * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n   * @default 4\n   */\n  scaleIndent?: number;\n};\n\nfunction calculateIndentStyles(props: IconProps, scaleIndent: number) {\n  return removeUndefinedKeys({\n    margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n    marginTop:\n      getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginBottom:\n      getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n      getAutoOrScaleIndent(props['my'], scaleIndent),\n    marginLeft:\n      getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n    marginRight:\n      getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n      getAutoOrScaleIndent(props['mx'], scaleIndent),\n  });\n}\n\nfunction Icon({\n  width = 16,\n  height = 16,\n  viewBox = '0 0 16 16',\n  color: colorProps,\n  scaleIndent = 4,\n  m,\n  mt,\n  mb,\n  my,\n  ml,\n  mr,\n  mx,\n  ...props\n}: React.SVGProps<SVGSVGElement> & IconProps, ref: React.Ref<SVGSVGElement>) {\n  const SIcon = 'svg';\n\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n  });\n\n  const indentStyles: React.CSSProperties = React.useMemo(() => {\n    return calculateIndentStyles({ m, mt, mb, my, ml, mr, mx }, scaleIndent);\n  }, [\n    scaleIndent,\n    m,\n    mt,\n    mb,\n    my,\n    ml,\n    mr,\n    mx,\n  ]);\n\n  return (\n    <SIcon\n      width={width}\n      height={height}\n      viewBox={viewBox}\n      aria-hidden='true'\n      {...propsForElement(props)}\n      style={Object.assign({}, style, props.style, indentStyles)}\n      className={`${className} ${props.className ?? ''}`}\n      ref={ref}\n    />\n  );\n}\n\nexport type IconComponent = Intergalactic.Component<'svg', IconProps>;\n\nexport default createBaseComponent<IconComponent>(Icon, { isIcon: true });\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Icon","_interopRequireDefault","require"],"sources":["../../src/index.ts"],"sourcesContent":["import type { IconProps } from './Icon';\n\nexport { default } from './Icon';\n\nexport type {\n  IconProps,\n};\n"],"mappings":";;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Icon","_interopRequireDefault","require"],"sources":["../../src/index.ts"],"sourcesContent":["import type { IconProps, IconComponent } from './Icon';\n\nexport { default } from './Icon';\n\nexport type {\n  IconComponent,\n  IconProps,\n};\n"],"mappings":";;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/lib/cjs/style/icon.shadow.css

@@ -6,5 +6,8 @@ SIcon {
   fill: currentColor;
   flex-shrink: 0;
   outline: none;
-  color: var(--color);
+
+  &[color] {
+    color: var(--color);
+  }
 }

package/lib/color/Ahrefs/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Ahrefs/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Amazon/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Amazon/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/BirdeyeColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/BirdeyeColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/CallRailColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/CallRailColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/CallTrackingMetricsColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/CallTrackingMetricsColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/CampaignMonitorColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/CampaignMonitorColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/ClaudeColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/ClaudeColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Confluence/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Confluence/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/ConstantContactColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/ConstantContactColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Copilot/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Copilot/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Figma/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Figma/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GitHub/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GitHub/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GitHubInvert/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GitHubInvert/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GitLab/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GitLab/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleAds/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleAds/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleAnalytics/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleAnalytics/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleAnalytics4/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleAnalytics4/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleCloud/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleCloud/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleColor/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleColor/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleDataStudio/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleDataStudio/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleDisplayVideoAds/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleDisplayVideoAds/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleDocs/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleDocs/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleGenerativeAIColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleGenerativeAIColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleMail/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleMail/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleMyBusiness/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleMyBusiness/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleSearchConsole/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleSearchConsole/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleSheets/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleSheets/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleSlides/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/GoogleSlides/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Hubspot/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/Hubspot/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/InstagramColored/l/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;
     

package/lib/color/InstagramColored/m/index.d.ts

@@ -1,5 +1,5 @@
 
-import type { IconProps } from '../../../types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../../../types';
+declare const Icon: IconComponent;
 export default Icon;