@cloudflare/component-icon 6.6.26 → 7.0.2

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@7.0.1...@cloudflare/component-icon@7.0.2) (2022-03-21)
+
+**Note:** Version bump only for package @cloudflare/component-icon
+
+
+
+
+
+## [7.0.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@7.0.0...@cloudflare/component-icon@7.0.1) (2022-03-16)
+
+**Note:** Version bump only for package @cloudflare/component-icon
+
+
+
+
+
+# [7.0.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@6.6.26...@cloudflare/component-icon@7.0.0) (2022-03-16)
+
+
+### Features
+
+* **component-icon:** A11Y-34 Add ariaLabel prop ([fea2e03](http://stash.cfops.it:7999/fe/stratus/commits/fea2e03))
+
+
+### BREAKING CHANGES
+
+* **component-icon:** make label prop a no-op
+
+
+
+
+
 ## [6.6.26](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@6.6.25...@cloudflare/component-icon@6.6.26) (2022-03-11)
 
 **Note:** Version bump only for package @cloudflare/component-icon

package/dist/Icon.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+import { IconType } from './IconType';
+declare const _default: React.ComponentType<{
+    type: IconType;
+    className: string;
+    ariaLabel?: string | undefined;
+    testId?: string | undefined;
+    p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
+    color?: ((string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined]) & string) | undefined;
+    height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
+    width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
+    cursor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    display?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
+    fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
+    textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    textAlign?: import("csstype").TextAlignProperty | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | undefined;
+    backgroundColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    borderLeftColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    borderRightColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    borderTopColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    borderBottomColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    minWidth?: import("csstype").MinWidthProperty<string | number> | [import("csstype").MinWidthProperty<string | number> | undefined, import("csstype").MinWidthProperty<string | number> | undefined] | [import("csstype").MinWidthProperty<string | number> | undefined, import("csstype").MinWidthProperty<string | number> | undefined, import("csstype").MinWidthProperty<string | number> | undefined] | undefined;
+    minHeight?: import("csstype").MinHeightProperty<string | number> | [import("csstype").MinHeightProperty<string | number> | undefined, import("csstype").MinHeightProperty<string | number> | undefined] | [import("csstype").MinHeightProperty<string | number> | undefined, import("csstype").MinHeightProperty<string | number> | undefined, import("csstype").MinHeightProperty<string | number> | undefined] | undefined;
+    maxWidth?: import("csstype").MaxWidthProperty<string | number> | [import("csstype").MaxWidthProperty<string | number> | undefined, import("csstype").MaxWidthProperty<string | number> | undefined] | [import("csstype").MaxWidthProperty<string | number> | undefined, import("csstype").MaxWidthProperty<string | number> | undefined, import("csstype").MaxWidthProperty<string | number> | undefined] | undefined;
+    maxHeight?: import("csstype").MaxHeightProperty<string | number> | [import("csstype").MaxHeightProperty<string | number> | undefined, import("csstype").MaxHeightProperty<string | number> | undefined] | [import("csstype").MaxHeightProperty<string | number> | undefined, import("csstype").MaxHeightProperty<string | number> | undefined, import("csstype").MaxHeightProperty<string | number> | undefined] | undefined;
+    margin?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
+    marginTop?: import("csstype").MarginTopProperty<string | number> | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | undefined;
+    marginRight?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
+    marginLeft?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
+    padding?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
+    paddingTop?: import("csstype").PaddingTopProperty<string | number> | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | undefined;
+    paddingRight?: import("csstype").PaddingRightProperty<string | number> | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | undefined;
+    paddingLeft?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
+    borderRadius?: import("csstype").BorderRadiusProperty<string | number> | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | undefined;
+    verticalAlign?: import("csstype").VerticalAlignProperty<string | number> | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | undefined;
+    alignItems?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    alignSelf?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    borderBottomLeftRadius?: import("csstype").BorderBottomLeftRadiusProperty<string | number> | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | undefined;
+    borderBottomStyle?: import("csstype").BorderBottomStyleProperty | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | undefined;
+    borderBottomWidth?: import("csstype").BorderBottomWidthProperty<string | number> | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | undefined;
+    borderLeftStyle?: import("csstype").BorderLeftStyleProperty | [import("csstype").BorderLeftStyleProperty | undefined, import("csstype").BorderLeftStyleProperty | undefined] | [import("csstype").BorderLeftStyleProperty | undefined, import("csstype").BorderLeftStyleProperty | undefined, import("csstype").BorderLeftStyleProperty | undefined] | undefined;
+    borderLeftWidth?: import("csstype").BorderLeftWidthProperty<string | number> | [import("csstype").BorderLeftWidthProperty<string | number> | undefined, import("csstype").BorderLeftWidthProperty<string | number> | undefined] | [import("csstype").BorderLeftWidthProperty<string | number> | undefined, import("csstype").BorderLeftWidthProperty<string | number> | undefined, import("csstype").BorderLeftWidthProperty<string | number> | undefined] | undefined;
+    borderRightStyle?: import("csstype").BorderRightStyleProperty | [import("csstype").BorderRightStyleProperty | undefined, import("csstype").BorderRightStyleProperty | undefined] | [import("csstype").BorderRightStyleProperty | undefined, import("csstype").BorderRightStyleProperty | undefined, import("csstype").BorderRightStyleProperty | undefined] | undefined;
+    borderRightWidth?: import("csstype").BorderRightWidthProperty<string | number> | [import("csstype").BorderRightWidthProperty<string | number> | undefined, import("csstype").BorderRightWidthProperty<string | number> | undefined] | [import("csstype").BorderRightWidthProperty<string | number> | undefined, import("csstype").BorderRightWidthProperty<string | number> | undefined, import("csstype").BorderRightWidthProperty<string | number> | undefined] | undefined;
+    borderTopLeftRadius?: import("csstype").BorderTopLeftRadiusProperty<string | number> | [import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined, import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined] | [import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined, import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined, import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined] | undefined;
+    borderTopRightRadius?: import("csstype").BorderTopRightRadiusProperty<string | number> | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | undefined;
+    borderTopStyle?: import("csstype").BorderTopStyleProperty | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | undefined;
+    borderTopWidth?: import("csstype").BorderTopWidthProperty<string | number> | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | undefined;
+    boxSizing?: import("csstype").BoxSizingProperty | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | undefined;
+    justifyContent?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    marginBottom?: import("csstype").MarginBottomProperty<string | number> | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | undefined;
+    paddingBottom?: import("csstype").PaddingBottomProperty<string | number> | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | undefined;
+    textTransform?: import("csstype").TextTransformProperty | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | undefined;
+    borderStyle?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    borderWidth?: import("csstype").BorderWidthProperty<string | number> | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | undefined;
+    gap?: import("csstype").GapProperty<string | number> | [import("csstype").GapProperty<string | number> | undefined, import("csstype").GapProperty<string | number> | undefined] | [import("csstype").GapProperty<string | number> | undefined, import("csstype").GapProperty<string | number> | undefined, import("csstype").GapProperty<string | number> | undefined] | undefined;
+    m?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
+    ml?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
+    mr?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
+    mt?: import("csstype").MarginTopProperty<string | number> | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | undefined;
+    mb?: import("csstype").MarginBottomProperty<string | number> | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | undefined;
+    mx?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
+    my?: import("csstype").MarginTopProperty<string | number> | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | undefined;
+    pl?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
+    pr?: import("csstype").PaddingRightProperty<string | number> | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | undefined;
+    pt?: import("csstype").PaddingTopProperty<string | number> | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | undefined;
+    pb?: import("csstype").PaddingBottomProperty<string | number> | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | undefined;
+    px?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
+    py?: import("csstype").PaddingTopProperty<string | number> | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | undefined;
+    borderbottomRightRadius?: ([never, never] | [never, never, never]) | undefined;
+    size?: number | undefined;
+    innerRef?: React.Ref<never> | undefined;
+}>;
+export default _default;

package/dist/IconType.d.ts

@@ -0,0 +1 @@
+export declare type IconType = 'account-analytics-logo' | 'add-member' | 'add' | 'api-security' | 'applications' | 'backward' | 'bolt' | 'byoip' | 'calendar' | 'carbon' | 'caret-double-left' | 'caret-double-right' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart' | 'clipboard' | 'cloudflare-access' | 'cloudflare-magic-wan' | 'cloudflare-zero-trust' | 'copy' | 'credit-card' | 'discord' | 'documentation' | 'download' | 'drive' | 'edgeworker' | 'edit' | 'email-forwarding' | 'exclamation-sign' | 'external-link' | 'eye' | 'facebook' | 'file' | 'filter' | 'firewall-rules' | 'flowchart' | 'forward' | 'gateway' | 'gear' | 'git-branch' | 'github' | 'hamburger' | 'help' | 'image' | 'info-sign' | 'internet-browser' | 'key' | 'leaf' | 'left' | 'link' | 'linkedin' | 'list' | 'lock' | 'magic-transit-logo' | 'mail' | 'minus' | 'more' | 'network-analytics-logo' | 'network' | 'notifications' | 'ok-sign' | 'ok' | 'optimization-scale' | 'pages-logo' | 'pause' | 'platform-apps' | 'plus' | 'printer' | 'product-security-center' | 'r2' | 'refresh' | 'registrar-logo' | 'reliability-dns' | 'reliability-load-balancer' | 'remove' | 'reorder' | 'resize-horizontal' | 'retarget' | 'revert' | 'right' | 'script' | 'search' | 'shield' | 'spectrum' | 'speech' | 'stream' | 'teams' | 'time' | 'twitter' | 'two-way' | 'upload' | 'user-multi' | 'user-outline' | 'user' | 'version' | 'waiting-room' | 'web-analytics-logo' | 'workers-bundled' | 'workers-durable-objects' | 'workers-kv' | 'workers-unbound' | 'wrench' | 'youtube' | 'zaraz';

package/es/Icon.js

@@ -1,38 +1,31 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import SVG_COMPONENTS from './reactsvgs';
-import iconTypes from './iconTypes';
 import { createStyledComponent } from '@cloudflare/style-container';
+import IconComponents from './reactsvgs';
 
 const iconStyles = ({
-  size
+  size = 16,
+  color = 'currentColor'
 }) => ({
   width: size,
   height: size,
-  fill: 'currentColor'
+  fill: 'currentColor',
+  color
 });
 
 const Icon = ({
   type,
   className,
-  label
+  ariaLabel,
+  testId
 }) => {
-  const Svg = SVG_COMPONENTS[type];
+  const Svg = IconComponents[type];
   return /*#__PURE__*/React.createElement(Svg, {
     className: className,
-    label: label ? label : '',
-    ariaHidden: !label
+    "aria-label": ariaLabel,
+    role: ariaLabel ? 'img' : 'presentation',
+    "data-testid": testId
   });
 };
 
-Icon.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf([false])]),
-  type: PropTypes.oneOf(iconTypes).isRequired
-};
-Icon.defaultProps = {
-  color: 'currentColor',
-  size: 16
-};
 Icon.displayName = 'Icon';
 export default createStyledComponent(iconStyles, Icon);

package/es/iconTypes.js

@@ -1,2 +1 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-export default ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product__security-center', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'teams', 'time', 'twitter', 'two-way', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'workers-bundled', 'workers-durable-objects', 'workers-kv', 'workers-unbound', 'wrench', 'youtube', 'zaraz'];
+export default ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product-security-center', 'r2', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'teams', 'time', 'twitter', 'two-way', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'workers-bundled', 'workers-durable-objects', 'workers-kv', 'workers-unbound', 'wrench', 'youtube', 'zaraz'];

package/es/reactsvgs/AccountAnalyticsLogo.js

@@ -1,24 +1,17 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const AccountAnalyticsLogo = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgAccountAnalyticsLogo = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M3.01 2.01l.5-.5h4.98l.353.146h.002l.1.102 3.908 3.888L13 6v2h-1V6.52H8.49l-.5-.5V2.51H4.01v11H7v1H3.51l-.5-.5v-12zm5.98 1.212V5.52h2.282L8.99 3.222z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M13 14.5V9h-1v5.5h1zm-2 0v-4.125h-1V14.5h1zm-2 0v-2.063H8V14.5h1z"
+  d: "M13 14.5V9h-1v5.5h1zM11 14.5v-4.125h-1V14.5h1zM9 14.5v-2.063H8V14.5h1z"
 }));
 
-AccountAnalyticsLogo.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default AccountAnalyticsLogo;
+export default SvgAccountAnalyticsLogo;

package/es/reactsvgs/Add.js

@@ -1,22 +1,15 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Add = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgAdd = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M4.389 2.595A6.5 6.5 0 018 1.5 6.507 6.507 0 0114.5 8 6.5 6.5 0 114.389 2.595zm4.108 4.902l3.939-.022.005 1-3.938.022.022 3.939-1 .005-.022-3.938-3.939.022-.006-1 3.94-.022-.023-3.939 1-.006.022 3.94z"
 }));
 
-Add.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default Add;
+export default SvgAdd;

package/es/reactsvgs/AddMember.js

@@ -1,21 +1,14 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const AddMember = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgAddMember = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M14.503 3.989l-.006-1-1.5.008-.008-1.5-1 .006.008 1.5-1.5.008.006 1 1.5-.008.008 1.5 1-.006-.008-1.5 1.5-.008zM8.082 9.51H6.018a4.495 4.495 0 00-3.19 1.336c-.846.855-1.322 1.947-1.324 3.156l.5.498H12.01l.496-.5c-.002-1.207-.392-2.298-1.237-3.152A4.495 4.495 0 008.082 9.51zm.527-1.022a2.858 2.858 0 11-3.176-4.752A2.858 2.858 0 018.61 8.488z"
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.503 3.989l-.006-1-1.5.008-.008-1.5-1 .006.008 1.5-1.5.008.006 1 1.5-.008.008 1.5 1-.006-.008-1.5 1.5-.008zM8.082 9.51H6.018a4.495 4.495 0 00-3.19 1.336c-.846.855-1.322 1.947-1.324 3.156l.5.498H12.01l.496-.5c-.002-1.207-.392-2.298-1.237-3.152A4.495 4.495 0 008.082 9.51zM8.609 8.488a2.858 2.858 0 11-3.176-4.752A2.858 2.858 0 018.61 8.488z"
 }));
 
-AddMember.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default AddMember;
+export default SvgAddMember;

package/es/reactsvgs/ApiSecurity.js

@@ -1,24 +1,17 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const ApiSecurity = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgApiSecurity = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M6.098 5.183a.891.891 0 00-.3.405c-.075.214-.11.44-.102.668v.614a.765.765 0 01-.163.546.783.783 0 01-.573.168v.81a.782.782 0 01.573.168c.123.154.18.35.163.545v.613a1.84 1.84 0 00.102.667.889.889 0 00.3.405c.144.102.309.17.482.2.213.04.43.06.646.057v-.666a.957.957 0 01-.436-.08.42.42 0 01-.208-.24 1.267 1.267 0 01-.057-.413v-.791a.946.946 0 00-.063-.345.642.642 0 00-.229-.283 1.275 1.275 0 00-.492-.194c-.006 0-.012-.002-.017-.003v-.09a.488.488 0 01.017-.004c.007 0 .013-.002.019-.003.169-.03.33-.096.473-.19a.64.64 0 00.23-.284.953.953 0 00.062-.347v-.791c-.004-.14.015-.279.057-.412a.415.415 0 01.208-.24.973.973 0 01.436-.078v-.67a3.33 3.33 0 00-.646.057c-.173.03-.338.099-.482.2zm4.206 1.687a.765.765 0 00.163.546c.161.13.367.19.572.168v.81a.782.782 0 00-.572.168.764.764 0 00-.163.546v.612c.007.227-.027.454-.102.668a.889.889 0 01-.3.405c-.144.101-.309.17-.482.2-.213.04-.43.06-.647.057v-.667c.15.008.3-.02.437-.08a.42.42 0 00.208-.24c.042-.134.061-.273.057-.413v-.79c0-.118.02-.235.063-.345a.64.64 0 01.229-.283 1.25 1.25 0 01.473-.19l.021-.004.014-.003v-.09l-.017-.004-.018-.003a1.278 1.278 0 01-.473-.19.64.64 0 01-.23-.284.953.953 0 01-.062-.347v-.79a1.267 1.267 0 00-.057-.412.415.415 0 00-.208-.24.973.973 0 00-.437-.078v-.67a3.33 3.33 0 01.647.057c.173.03.338.098.482.2a.892.892 0 01.3.405c.075.214.11.44.102.668v.614z"
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.098 5.183a.891.891 0 00-.3.405c-.075.214-.11.44-.102.668v.614a.765.765 0 01-.163.546.783.783 0 01-.573.168v.81a.782.782 0 01.573.168c.123.154.18.35.163.545v.613a1.84 1.84 0 00.102.667.889.889 0 00.3.405c.144.102.309.17.482.2.213.04.43.06.646.057v-.666a.957.957 0 01-.436-.08.42.42 0 01-.208-.24 1.267 1.267 0 01-.057-.413v-.791a.946.946 0 00-.063-.345.642.642 0 00-.229-.283 1.275 1.275 0 00-.492-.194c-.006 0-.012-.002-.017-.003v-.09a.488.488 0 01.017-.004c.007 0 .013-.002.019-.003.169-.03.33-.096.473-.19a.64.64 0 00.23-.284.953.953 0 00.062-.347v-.791c-.004-.14.015-.279.057-.412a.415.415 0 01.208-.24.973.973 0 01.436-.078v-.67a3.33 3.33 0 00-.646.057c-.173.03-.338.099-.482.2zM10.304 6.87a.765.765 0 00.163.546c.161.13.367.19.572.168v.81a.782.782 0 00-.572.168.764.764 0 00-.163.546v.612c.007.227-.027.454-.102.668a.889.889 0 01-.3.405c-.144.101-.309.17-.482.2-.213.04-.43.06-.647.057v-.667c.15.008.3-.02.437-.08a.42.42 0 00.208-.24c.042-.134.061-.273.057-.413V8.86c0-.118.02-.235.063-.345a.64.64 0 01.229-.283c.143-.095.304-.16.473-.19l.021-.004.014-.003v-.09l-.017-.004-.018-.003a1.278 1.278 0 01-.473-.19.64.64 0 01-.23-.284.953.953 0 01-.062-.347v-.79a1.267 1.267 0 00-.057-.412.415.415 0 00-.208-.24.973.973 0 00-.437-.078v-.67a3.33 3.33 0 01.647.057c.173.03.338.098.482.2a.892.892 0 01.3.405c.075.214.11.44.102.668v.614z"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M7.627 1.165h.745l.289.32a6.896 6.896 0 003.852 1.912l.343.05.428.495v3.534c0 2.463-1.191 4.292-2.375 5.498-1.182 1.205-2.387 1.823-2.507 1.882l-.179.09h-.447l-.177-.09c-.12-.06-1.326-.678-2.507-1.882-1.184-1.206-2.375-3.035-2.375-5.498V3.941l.428-.495.343-.05a6.896 6.896 0 003.852-1.91l.287-.321zM8 2.239a7.896 7.896 0 01-4.283 2.134v3.103c0 2.115 1.018 3.706 2.089 4.798A9.438 9.438 0 008 13.938a9.437 9.437 0 002.195-1.664c1.071-1.092 2.089-2.683 2.089-4.798V4.374A7.897 7.897 0 018 2.239z"
 }));
 
-ApiSecurity.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default ApiSecurity;
+export default SvgApiSecurity;

package/es/reactsvgs/Applications.js

@@ -1,23 +1,16 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Applications = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgApplications = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M5.915 3.508a.419.419 0 100-.838.419.419 0 000 .838zm1.34 0a.419.419 0 100-.838.419.419 0 000 .838zm1.341 0a.419.419 0 100-.838.419.419 0 000 .838z"
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.915 3.508a.419.419 0 100-.838.419.419 0 000 .838zM7.255 3.508a.419.419 0 100-.838.419.419 0 000 .838zM8.596 3.508a.419.419 0 100-.838.419.419 0 000 .838z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M14.223 1.5H4.615l-.5.5v2.378H3.19l-.5.5v1.408h-.913l-.5.5v7.213l.5.5h8.684l.5-.5v-1.408h.915l.5-.5v-1.609h1.847l.5-.5V2.001l-.5-.5zm-.5 1v1.18H5.115V2.5h8.608zM4.115 5.379v.968H3.69v-.968h.425zM2.69 7.286v.968h-.413v-.968h.413zm7.27 6.213H2.278V9.254h.415v2.838l.5.5H9.96v.907zm1.415-1.908H3.693V7.348h.425v2.635l.5.5h6.759v1.11zm-6.26-2.109V4.679h8.608v4.803H5.115z"
+  d: "M14.223 1.5H4.615l-.5.5v2.378H3.19l-.5.5v1.408h-.913l-.5.5v7.213l.5.5h8.684l.5-.5v-1.408h.915l.5-.5v-1.609h1.847l.5-.5V2.001l-.5-.5zm-.5 1V3.68H5.115V2.5h8.608zM4.115 5.379v.968H3.69v-.968h.425zM2.69 7.286v.968h-.413v-.968h.413zm7.27 6.213H2.278V9.254h.415v2.838l.5.5H9.96v.907zm1.415-1.908H3.693V7.348h.425v2.635l.5.5h6.759v1.11zm-6.26-2.109V4.679h8.608v4.803H5.115z"
 }));
 
-Applications.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default Applications;
+export default SvgApplications;

package/es/reactsvgs/Backward.js

@@ -1,21 +1,14 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Backward = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgBackward = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M14 7.5H3.439l4.29-4.387-.714-.699L1.55 8l5.465 5.586.714-.7L3.44 8.5H14v-1z"
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14 7.5H3.439l4.29-4.387-.714-.699L1.55 8l5.465 5.586.714-.7L3.44 8.5h10.56v-1z"
 }));
 
-Backward.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default Backward;
+export default SvgBackward;

package/es/reactsvgs/Bolt.js

@@ -1,21 +1,14 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Bolt = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgBolt = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
   d: "M12.272 6.4H8.907L9.957.46l-.91-.363L3.31 8.75l.417.775h3.45l-.942 6 .915.345 5.545-8.703-.423-.767zm-4.677 6.928L8.25 9.11l-.5-.578H4.657l3.898-5.88-.735 4.16.5.588h3.05l-3.775 5.928z"
 }));
 
-Bolt.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default Bolt;
+export default SvgBolt;

package/es/reactsvgs/Byoip.js

@@ -1,26 +1,19 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Byoip = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgByoip = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M.5 2.24l-.5.5v10.5l.5.5h10l.5-.5v-2.902h-1v2.401H1v-9.5h9v2.402h1V2.739l-.5-.5H.5zm13.525 5.25l-1.122-1.1.7-.714 2.361 2.313-2.36 2.314-.7-.714 1.121-1.1H12v-1h2.025z"
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M.5 2.24l-.5.5v10.5l.5.5h10l.5-.5v-2.902h-1v2.401H1v-9.5h9v2.402h1V2.739l-.5-.5H.5zM14.025 7.49l-1.122-1.1.7-.714 2.361 2.313-2.36 2.314-.7-.714 1.121-1.1H12v-1h2.025z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M8 8.016a.57.57 0 101.14 0 .57.57 0 00-1.14 0zm2.482.569a.57.57 0 110-1.14.57.57 0 010 1.14zM3.25 6.171h-.807V9.99h.807V6.171z"
+  d: "M8 8.016a.57.57 0 101.14 0 .57.57 0 00-1.14 0zM10.482 8.585a.57.57 0 110-1.14.57.57 0 010 1.14zM3.25 6.171h-.807V9.99h.807V6.171z"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
-  d: "M4.25 9.99h.807V8.75h.679c.878 0 1.389-.523 1.389-1.286 0-.759-.502-1.294-1.369-1.294H4.25v3.82zm.807-1.886V6.831h.545c.466 0 .691.254.691.634 0 .378-.225.64-.688.64h-.548z"
+  d: "M4.25 9.99h.807V8.75h.679c.878 0 1.389-.523 1.389-1.286 0-.759-.502-1.294-1.369-1.294H4.25V9.99zm.807-1.886V6.831h.545c.466 0 .691.254.691.634 0 .378-.225.64-.688.64h-.548z"
 }));
 
-Byoip.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default Byoip;
+export default SvgByoip;

package/es/reactsvgs/Calendar.js

@@ -1,23 +1,16 @@
-// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-import React from 'react';
-import PropTypes from 'prop-types';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Calendar = ({
-  className,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  className: className,
-  "aria-label": label,
+import * as React from 'react';
+
+const SvgCalendar = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, /*#__PURE__*/React.createElement("path", {
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
   d: "M14 3h-2.75V2h-1v1h-4.5V2h-1v1H2l-.5.5v9.977l.5.5h12l.5-.5V3.5L14 3zM4.75 4v1h1V4h4.5v1h1V4h2.25v1.72h-11V4h2.25zM2.5 12.977v-6.25h11v6.25h-11z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M5.25 9.39a.75.75 0 100-1.5.75.75 0 000 1.5zm0 2.445a.75.75 0 100-1.5.75.75 0 000 1.5zm5.5-2.445a.75.75 0 100-1.5.75.75 0 000 1.5zm0 .945a.75.75 0 100 1.5.75.75 0 000-1.5zM8 9.39a.75.75 0 100-1.5.75.75 0 000 1.5zm0 2.445a.75.75 0 100-1.5.75.75 0 000 1.5z"
+  d: "M5.25 9.39a.75.75 0 100-1.5.75.75 0 000 1.5zM5.25 11.835a.75.75 0 100-1.5.75.75 0 000 1.5zM10.75 9.39a.75.75 0 100-1.5.75.75 0 000 1.5zM10.75 10.335a.75.75 0 100 1.5.75.75 0 000-1.5zM8 9.39a.75.75 0 100-1.5.75.75 0 000 1.5zM8 11.835a.75.75 0 100-1.5.75.75 0 000 1.5z"
 }));
 
-Calendar.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired
-};
-export default Calendar;
+export default SvgCalendar;