chore(icons): add theme and color picker icons

.changeset/moody-lies-fry.md

@@ -0,0 +1,5 @@
+---
+'@twilio-paste/icons': patch
+---
+
+New icons added: Color Picker and Theme

packages/paste-icons/src/ColorPickerIcon.tsx

@@ -0,0 +1,45 @@
+/**
+ * This file was automatically generated with @twilio-labs/svg-to-react
+ */
+import * as React from 'react';
+import {useUID} from '@twilio-paste/uid-library';
+import {IconWrapper} from './helpers/IconWrapper';
+import type {IconWrapperProps} from './helpers/IconWrapper';
+
+export interface ColorPickerIconProps extends IconWrapperProps {
+  title?: string;
+  decorative: boolean;
+}
+
+const ColorPickerIcon: React.FC<ColorPickerIconProps> = ({as, display, size, color, title, decorative}) => {
+  const titleId = `ColorPickerIcon-${useUID()}`;
+
+  if (!decorative && title == null) {
+    throw new Error('[ColorPickerIcon]: Missing a title for non-decorative icon.');
+  }
+
+  return (
+    <IconWrapper as={as} display={display} size={size} color={color}>
+      <svg
+        role="img"
+        aria-hidden={decorative}
+        width="100%"
+        height="100%"
+        fill="none"
+        viewBox="0 0 20 20"
+        aria-labelledby={titleId}
+      >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M10.011 3.53C9.246 4.598 8.253 6.014 7.39 7.47c-.873 1.476-1.582 2.943-1.814 4.113-.477 2.398 1.428 4.894 4.437 4.894 2.99 0 4.836-2.484 4.434-4.91-.082-.492-.318-1.141-.668-1.887a27.423 27.423 0 00-1.258-2.325 60.408 60.408 0 00-2.508-3.824zm-.799-.614a.976.976 0 011.6.002 61.422 61.422 0 012.562 3.904c.48.803.94 1.636 1.306 2.416.362.771.647 1.524.752 2.158.51 3.08-1.841 6.104-5.42 6.104-3.561 0-6.035-3.011-5.417-6.12.269-1.354 1.056-2.948 1.939-4.439.89-1.503 1.908-2.953 2.678-4.025z"
+          clipRule="evenodd"
+        />
+      </svg>
+    </IconWrapper>
+  );
+};
+
+ColorPickerIcon.displayName = 'ColorPickerIcon';
+export {ColorPickerIcon};

packages/paste-icons/src/ThemeIcon.tsx

@@ -0,0 +1,52 @@
+/**
+ * This file was automatically generated with @twilio-labs/svg-to-react
+ */
+import * as React from 'react';
+import {useUID} from '@twilio-paste/uid-library';
+import {IconWrapper} from './helpers/IconWrapper';
+import type {IconWrapperProps} from './helpers/IconWrapper';
+
+export interface ThemeIconProps extends IconWrapperProps {
+  title?: string;
+  decorative: boolean;
+}
+
+const ThemeIcon: React.FC<ThemeIconProps> = ({as, display, size, color, title, decorative}) => {
+  const titleId = `ThemeIcon-${useUID()}`;
+
+  if (!decorative && title == null) {
+    throw new Error('[ThemeIcon]: Missing a title for non-decorative icon.');
+  }
+
+  return (
+    <IconWrapper as={as} display={display} size={size} color={color}>
+      <svg
+        role="img"
+        aria-hidden={decorative}
+        width="100%"
+        height="100%"
+        fill="none"
+        viewBox="0 0 20 20"
+        aria-labelledby={titleId}
+      >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M5.5 4a.5.5 0 00-.5.5v2a.5.5 0 00.5.5h2a.5.5 0 00.5-.5v-2a.5.5 0 00-.5-.5h-2zM6 6V5h1v1H6zm-.5 2a.5.5 0 00-.5.5v2a.5.5 0 00.5.5h2a.5.5 0 00.5-.5v-2a.5.5 0 00-.5-.5h-2zm.5 2V9h1v1H6zm-1 2.5a.5.5 0 01.5-.5h2a.5.5 0 01.5.5v2a.5.5 0 01-.5.5h-2a.5.5 0 01-.5-.5v-2zm1 .5v1h1v-1H6z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M3 3.5A1.5 1.5 0 014.5 2h4A1.5 1.5 0 0110 3.5v11.053l3.65-9.847a.154.154 0 00-.09-.198l-2.682-.994a.5.5 0 01.348-.938l2.68.994a1.156 1.156 0 01.682 1.484l-3.454 9.317 5.833-6.673a.159.159 0 00.023-.041l.001-.004a.87.87 0 00.005-.051l.002-.027a.413.413 0 00-.033-.09 111.33 111.33 0 01-1.607-1.426.5.5 0 01.669-.744c.547.492 1.448 1.299 1.564 1.39.206.162.3.381.345.514a1.428 1.428 0 01.058.243l.002.02.001.008v.004l-.497.05.5.012v.012l-.002.027c0 .021-.002.051-.005.085a1.268 1.268 0 01-.046.27 1.162 1.162 0 01-.213.39l-.008.01-7.85 8.98a.498.498 0 01-.184.132 1.498 1.498 0 01-1.192.589h-4a1.5 1.5 0 01-1.5-1.5V3.5zM4.5 3a.5.5 0 00-.5.5v13.05a.5.5 0 00.5.5h4a.5.5 0 00.5-.5V3.5a.5.5 0 00-.5-.5h-4z"
+          clipRule="evenodd"
+        />
+        <path fill="currentColor" d="M17.5 7.545l.497-.05c.003.02.003.04.003.061l-.5-.011z" />
+      </svg>
+    </IconWrapper>
+  );
+};
+
+ThemeIcon.displayName = 'ThemeIcon';
+export {ThemeIcon};