From a336e9e05a5fea5d823b7e918133f5224d86091a Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:01:57 -0500 Subject: [PATCH 001/145] feat(corner-ornament): initial WIP --- .codesandbox/ci.json | 1 + package.json | 2 +- .../paste-codemods/tools/.cache/mappings.json | 3 + .../components/corner-ornament/CHANGELOG.md | 0 .../corner-ornament/__tests__/index.spec.tsx | 11 +++ .../components/corner-ornament/build.js | 3 + .../components/corner-ornament/package.json | 59 ++++++++++++ .../corner-ornament/src/CornerOrnament.tsx | 64 +++++++++++++ .../src/CornerOrnamentContainer.tsx | 18 ++++ .../src/CornerOrnamentContext.tsx | 13 +++ .../src/CornerOrnamentElement.tsx | 60 ++++++++++++ .../components/corner-ornament/src/Masks.tsx | 19 ++++ .../corner-ornament/src/assets/mask-badge.svg | 1 + .../src/assets/mask-circle.svg | 1 + .../corner-ornament/src/assets/mask-dot.svg | 3 + .../components/corner-ornament/src/index.tsx | 10 ++ .../components/corner-ornament/src/types.ts | 91 +++++++++++++++++++ .../corner-ornament/stories/index.stories.tsx | 36 ++++++++ .../components/corner-ornament/tsconfig.json | 12 +++ packages/paste-core/core-bundle/.gitignore | 1 + packages/paste-core/core-bundle/package.json | 1 + .../core-bundle/src/corner-ornament.tsx | 1 + packages/paste-core/core-bundle/src/index.tsx | 1 + yarn.lock | 55 ++++++++++- 24 files changed, 464 insertions(+), 2 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/CHANGELOG.md create mode 100644 packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx create mode 100644 packages/paste-core/components/corner-ornament/build.js create mode 100644 packages/paste-core/components/corner-ornament/package.json create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg create mode 100644 packages/paste-core/components/corner-ornament/src/index.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/types.ts create mode 100644 packages/paste-core/components/corner-ornament/stories/index.stories.tsx create mode 100644 packages/paste-core/components/corner-ornament/tsconfig.json create mode 100644 packages/paste-core/core-bundle/src/corner-ornament.tsx diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json index 7d87a66b7f..d61049eab4 100644 --- a/.codesandbox/ci.json +++ b/.codesandbox/ci.json @@ -29,6 +29,7 @@ "/packages/paste-color-contrast-utils", "/packages/paste-core/components/combobox", "/packages/paste-core/primitives/combobox", + "/packages/paste-core/components/corner-ornament", "/packages/paste-customization", "/packages/paste-core/components/data-grid", "/packages/paste-libraries/data-visualization", diff --git a/package.json b/package.json index 868a9ec76b..a29b2756af 100644 --- a/package.json +++ b/package.json @@ -36,7 +36,7 @@ "build": "yarn prebuild && yarn nx run-many --target=build --exclude @twilio-paste/website @twilio-paste/theme-designer @twilio-paste/nextjs-template @twilio-paste/token-contrast-checker", "build:js": "yarn prebuild && yarn nx run-many --target=build:js --exclude @twilio-paste/website @twilio-paste/theme-designer", "build:typedocs": "yarn prebuild && yarn nx run-many --target=build:typedocs", - "build:typedocs:clean":"rm -rf .nx/cache && yarn build && yarn build:typedocs", + "build:typedocs:clean": "rm -rf .nx/cache && yarn build && yarn build:typedocs", "build:core": "yarn nx run @twilio-paste/core:build", "build:codemods": "yarn nx run @twilio-paste/codemods:build", "build:tokens": "yarn nx run @twilio-paste/design-tokens:tokens", diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index eadc2c00d9..2006ceeb3d 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -84,6 +84,9 @@ "MultiselectCombobox": "@twilio-paste/core/combobox", "useCombobox": "@twilio-paste/core/combobox", "useMultiselectCombobox": "@twilio-paste/core/combobox", + "CornerOrnament": "@twilio-paste/core/corner-ornament", + "CornerOrnamentContainer": "@twilio-paste/core/corner-ornament", + "CornerOrnamentElement": "@twilio-paste/core/corner-ornament", "DataGrid": "@twilio-paste/core/data-grid", "DataGridBody": "@twilio-paste/core/data-grid", "DataGridCell": "@twilio-paste/core/data-grid", diff --git a/packages/paste-core/components/corner-ornament/CHANGELOG.md b/packages/paste-core/components/corner-ornament/CHANGELOG.md new file mode 100644 index 0000000000..e69de29bb2 diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx new file mode 100644 index 0000000000..27c47e3a15 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -0,0 +1,11 @@ +import * as React from 'react'; +import {render} from '@testing-library/react'; + +import {CornerOrnament} from '../src'; + +describe('CornerOrnament', () => { + it('should render', () => { + const {getByText} = render(test); + expect(getByText('test')).toBeDefined(); + }); +}); diff --git a/packages/paste-core/components/corner-ornament/build.js b/packages/paste-core/components/corner-ornament/build.js new file mode 100644 index 0000000000..a4edeab49b --- /dev/null +++ b/packages/paste-core/components/corner-ornament/build.js @@ -0,0 +1,3 @@ +const {build} = require('../../../../tools/build/esbuild'); + +build(require('./package.json')); diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json new file mode 100644 index 0000000000..710e378146 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/package.json @@ -0,0 +1,59 @@ +{ + "name": "@twilio-paste/corner-ornament", + "version": "0.0.0", + "category": "data display", + "status": "production", + "description": "A component used to apply masking to an element and position another element as an ornament.", + "author": "Twilio Inc.", + "license": "MIT", + "main:dev": "src/index.tsx", + "main": "dist/index.js", + "module": "dist/index.es.js", + "types": "dist/index.d.ts", + "sideEffects": false, + "publishConfig": { + "access": "public" + }, + "files": [ + "dist" + ], + "scripts": { + "build": "yarn clean && NODE_ENV=production node build.js && tsc", + "build:js": "NODE_ENV=development node build.js", + "build:typedocs": "tsx ../../../../tools/build/generate-type-docs", + "clean": "rm -rf ./dist", + "tsc": "tsc" + }, + "peerDependencies": { + "@twilio-paste/animation-library": "^2.0.0", + "@twilio-paste/box": "^10.2.0", + "@twilio-paste/color-contrast-utils": "^5.0.0", + "@twilio-paste/customization": "^8.1.1", + "@twilio-paste/design-tokens": "^10.3.0", + "@twilio-paste/style-props": "^9.1.1", + "@twilio-paste/styling-library": "^3.0.0", + "@twilio-paste/theme": "^11.0.1", + "@twilio-paste/types": "^6.0.0", + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + }, + "devDependencies": { + "@twilio-paste/animation-library": "^2.0.0", + "@twilio-paste/box": "^10.2.0", + "@twilio-paste/color-contrast-utils": "^5.0.0", + "@twilio-paste/customization": "^8.1.1", + "@twilio-paste/design-tokens": "^10.3.0", + "@twilio-paste/style-props": "^9.1.1", + "@twilio-paste/styling-library": "^3.0.0", + "@twilio-paste/theme": "^11.0.1", + "@twilio-paste/types": "^6.0.0", + "@types/react": "^18.0.27", + "@types/react-dom": "^18.0.10", + "react": "^18.0.0", + "react-dom": "^18.0.0", + "tsx": "^4.0.0", + "typescript": "^4.9.4" + } +} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx new file mode 100644 index 0000000000..ba936e50d5 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -0,0 +1,64 @@ +import { Box, BoxStyleProps } from "@twilio-paste/box"; +import { IconSizeOptions } from "@twilio-paste/style-props"; +import * as React from "react"; + +import { useCornerOrnamentContext } from "./CornerOrnamentContext"; +import { CornerOrnamentPosition, CornerOrnamentProps, CornerOrnamentType } from "./types"; + +type OrnamentSpacingMapping = Record< + CornerOrnamentType, + Record>> +>; + +export const CornerOrnament = React.forwardRef( + ({ element = "CORNER_ORNAMENT", ...props }, ref) => { + const { cornerOrnamentType, size, position } = useCornerOrnamentContext(); + + const Positions: OrnamentSpacingMapping = { + badge: { + bottom_end: { + sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { left: "space70" }, + sizeIcon50: { left: "space70" }, + }, + }, + icon: { + bottom_end: { + sizeIcon80: { top: "24px", left: "24px" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + }, + dot: { + bottom_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + }, + }; + + if (!Positions[cornerOrnamentType][position][size]) { + throw new Error( + "[Paste: CornerOrnament] the size and/or position you have chosen is not currently supported. Please raise a new disucssion to get this supported at https://github.com/twilio-labs/paste/discussions.", + ); + } + + return ( + + {props.children} + + ); + }, +); + +CornerOrnament.displayName = "CornerOrnament"; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx new file mode 100644 index 0000000000..09a2f89f7d --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -0,0 +1,18 @@ +import { Box } from "@twilio-paste/box"; +import * as React from "react"; +import { CornerOrnamentContext } from "./CornerOrnamentContext"; +import { CornerOrnamentContainerProps } from "./types"; + +export const CornerOrnamentContainer = React.forwardRef( + ({ size, cornerOrnamentType, position = "bottom_end", element = "CORNER_ORNAMENT_CONTAINER", ...props }, ref) => { + return ( + + + {props.children} + + + ); + }, +); + +CornerOrnamentContainer.displayName = "CornerOrnamentContainer"; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx new file mode 100644 index 0000000000..a1f0f45850 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx @@ -0,0 +1,13 @@ +import React from "react"; + +import { CornerOrnamentContextInterface } from "./types"; + +export const CornerOrnamentContext = React.createContext(null); + +export const useCornerOrnamentContext = (): CornerOrnamentContextInterface => { + const context = React.useContext(CornerOrnamentContext); + if (!context) { + throw new Error("useCornerOrnamentContext must be used with CornerOrnamentContextProvider"); + } + return context; +}; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx new file mode 100644 index 0000000000..d8c60ed47d --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -0,0 +1,60 @@ +import { Box } from "@twilio-paste/box"; +import { useUID } from "@twilio-paste/uid-library"; + +import * as React from "react"; +import { useCornerOrnamentContext } from "./CornerOrnamentContext"; +import { BadgePath, BadgeSVG, DotPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; + +// import MaskBadge from "./assets/mask-badge.svg"; +// import MaskCircle from "./assets/mask-circle.svg"; +// import MaskDot from "./assets/mask-dot.svg"; + +export const CornerOrnamentElement = React.forwardRef( + ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { + const id = useUID(); + const { cornerOrnamentType, size } = useCornerOrnamentContext(); + + const getSVGAsset = (type: CornerOrnamentType) => { + switch (cornerOrnamentType) { + // case "badge": + // return MaskBadge; + // case "dot": + // return MaskDot; + default: + return ""; //MaskCircle; // replace with icon [lg circle] + } + }; + + return ( + + + {props.children} + + + + { + // eslint-disable-next-line @typescript-eslint/no-unused-vars + cornerOrnamentType === "badge" ? : < DotPath/> + } + + + + + + ); + }, +); + +CornerOrnamentElement.displayName = "CornerOrnamentElement"; diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx new file mode 100644 index 0000000000..327823dc40 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const BadgeSVG = () => ( + + + + + + + +); + +export const BadgePath = () => ( + +); + +export const DotPath = () => ( + +); diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg new file mode 100644 index 0000000000..1ccddfeef8 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/paste-core/components/corner-ornament/src/index.tsx b/packages/paste-core/components/corner-ornament/src/index.tsx new file mode 100644 index 0000000000..4cbf459cf4 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/index.tsx @@ -0,0 +1,10 @@ +export { CornerOrnament } from "./CornerOrnament"; +export { CornerOrnamentContainer } from "./CornerOrnamentContainer"; +export { CornerOrnamentElement } from "./CornerOrnamentElement"; +export type { + CornerOrnamentElementProps, + CornerOrnamentContainerProps, + CornerOrnamentProps, + CornerOrnamentType, + CornerOrnamentPosition, +} from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts new file mode 100644 index 0000000000..2da9ad4b3f --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -0,0 +1,91 @@ +import { BoxProps } from "@twilio-paste/box"; +import { IconSizeOptions } from "@twilio-paste/style-props"; +import type { HTMLPasteProps } from "@twilio-paste/types"; + +export type CornerOrnamentType = "badge" | "dot" | "icon"; +export type CornerOrnamentPosition = "bottom_end" | "top_end"; + +export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default 'CORNER_ORNAMENT_ELEMENT' + * @type {BoxProps['element']} + * @memberof CornerOrnamentElementProps + */ + element?: BoxProps["element"]; + /** + * Ability to set the padding of the main element + * @default null + * @type {'space0'} + * @memberof CornerOrnamentElementProps + */ + padding?: "space0"; +} + +export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default '{constantCase component-name}' + * @type {BoxProps['element']} + * @memberof CornerOrnamentProps + */ + element?: BoxProps["element"]; + /** + * Sets the position of the CornerOrnament + * @default 'bottom_end' + * @type {CornerOrnamentPosition} + * @memberof CornerOrnamentContainerProps + */ + position?: CornerOrnamentPosition; + /** + * The size of the CornerOrnamentElement used to determine spacing + * @default null + * @type {IconSizeOptions} + * @memberof CornerOrnamentContextInterface + */ + size: IconSizeOptions; + /** + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * @default null + * @type {CornerOrnamentType} + * @memberof CornerOrnamentContainerProps + */ + cornerOrnamentType: CornerOrnamentType; +} + +export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default '{constantCase component-name}' + * @type {BoxProps['element']} + * @memberof CornerOrnamentProps + */ + element?: BoxProps["element"]; +} + +export interface CornerOrnamentContextInterface { + /** + * Sets the position of the CornerOrnament + * @default null + * @type {IconSizeOptions} + * @memberof CornerOrnamentContextInterface + */ + size: IconSizeOptions; + /** + * Sets the position of the CornerOrnament + * @default null + * @type {CornerOrnamentType} + * @memberof CornerOrnamentContextInterface + */ + cornerOrnamentType: CornerOrnamentType; + /** + * Sets the position of the CornerOrnament + * @default null + * @type {CornerOrnamentPosition} + * @memberof CornerOrnamentContextInterface + */ + position: CornerOrnamentPosition; +} diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx new file mode 100644 index 0000000000..6a548458b8 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -0,0 +1,36 @@ +import { Avatar } from "@twilio-paste/avatar"; +import { Box } from "@twilio-paste/box"; +import {Badge} from "@twilio-paste/badge"; +import * as React from "react"; + +import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; + +// eslint-disable-next-line import/no-default-export +export default { + title: "Components/Corner Ornament", + component: CornerOrnamentContainer, +}; + +export const Default = (): React.ReactNode => { + return ( + + + + + + + + + + + + + + + + 9+ + + + + ); +}; diff --git a/packages/paste-core/components/corner-ornament/tsconfig.json b/packages/paste-core/components/corner-ornament/tsconfig.json new file mode 100644 index 0000000000..b5daed7034 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/tsconfig.json @@ -0,0 +1,12 @@ +{ + "extends": "../../../../tsconfig.json", + "compilerOptions": { + "outDir": "dist/", + }, + "include": [ + "src/**/*", + ], + "exclude": [ + "node_modules" + ] +} diff --git a/packages/paste-core/core-bundle/.gitignore b/packages/paste-core/core-bundle/.gitignore index 45317993e4..668e51d2ff 100644 --- a/packages/paste-core/core-bundle/.gitignore +++ b/packages/paste-core/core-bundle/.gitignore @@ -25,6 +25,7 @@ /color-contrast-utils /combobox /combobox-primitive +/corner-ornament /customization /data-grid /data-visualization-library diff --git a/packages/paste-core/core-bundle/package.json b/packages/paste-core/core-bundle/package.json index 31135715a6..7a4e554ca9 100644 --- a/packages/paste-core/core-bundle/package.json +++ b/packages/paste-core/core-bundle/package.json @@ -96,6 +96,7 @@ "@twilio-paste/color-contrast-utils": "^5.0.0", "@twilio-paste/combobox": "^16.2.1", "@twilio-paste/combobox-primitive": "^2.1.1", + "@twilio-paste/corner-ornament": "^0.0.0", "@twilio-paste/customization": "^8.2.0", "@twilio-paste/data-grid": "^8.3.1", "@twilio-paste/data-visualization-library": "^5.0.0", diff --git a/packages/paste-core/core-bundle/src/corner-ornament.tsx b/packages/paste-core/core-bundle/src/corner-ornament.tsx new file mode 100644 index 0000000000..ca7341a40a --- /dev/null +++ b/packages/paste-core/core-bundle/src/corner-ornament.tsx @@ -0,0 +1 @@ +export * from "@twilio-paste/corner-ornament"; diff --git a/packages/paste-core/core-bundle/src/index.tsx b/packages/paste-core/core-bundle/src/index.tsx index 7f29ad41b1..985d82af4c 100644 --- a/packages/paste-core/core-bundle/src/index.tsx +++ b/packages/paste-core/core-bundle/src/index.tsx @@ -19,6 +19,7 @@ export * from "@twilio-paste/checkbox"; export * from "@twilio-paste/code-block"; export * from "@twilio-paste/combobox"; export * from "@twilio-paste/combobox-primitive"; +export * from "@twilio-paste/corner-ornament"; export * from "@twilio-paste/data-grid"; export * from "@twilio-paste/date-picker"; export * from "@twilio-paste/description-list"; diff --git a/yarn.lock b/yarn.lock index 59b6c3105d..9185723a06 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12383,6 +12383,42 @@ __metadata: languageName: unknown linkType: soft +"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": + version: 0.0.0-use.local + resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" + dependencies: + "@twilio-paste/animation-library": ^2.0.0 + "@twilio-paste/box": ^10.2.0 + "@twilio-paste/color-contrast-utils": ^5.0.0 + "@twilio-paste/customization": ^8.1.1 + "@twilio-paste/design-tokens": ^10.3.0 + "@twilio-paste/style-props": ^9.1.1 + "@twilio-paste/styling-library": ^3.0.0 + "@twilio-paste/theme": ^11.0.1 + "@twilio-paste/types": ^6.0.0 + "@types/react": ^18.0.27 + "@types/react-dom": ^18.0.10 + react: ^18.0.0 + react-dom: ^18.0.0 + tsx: ^3.12.10 + typescript: ^4.9.4 + peerDependencies: + "@twilio-paste/animation-library": ^2.0.0 + "@twilio-paste/box": ^10.2.0 + "@twilio-paste/color-contrast-utils": ^5.0.0 + "@twilio-paste/customization": ^8.1.1 + "@twilio-paste/design-tokens": ^10.3.0 + "@twilio-paste/style-props": ^9.1.1 + "@twilio-paste/styling-library": ^3.0.0 + "@twilio-paste/theme": ^11.0.1 + "@twilio-paste/types": ^6.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + languageName: unknown + linkType: soft + "@twilio-paste/customization@^8.0.0, @twilio-paste/customization@^8.1.0, @twilio-paste/customization@^8.1.1, @twilio-paste/customization@^8.2.0, @twilio-paste/customization@workspace:packages/paste-customization": version: 0.0.0-use.local resolution: "@twilio-paste/customization@workspace:packages/paste-customization" @@ -41776,7 +41812,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43788,6 +43824,23 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard +"tsx@npm:^3.12.10": + version: 3.14.0 + resolution: "tsx@npm:3.14.0" + dependencies: + esbuild: ~0.18.20 + fsevents: ~2.3.3 + get-tsconfig: ^4.7.2 + source-map-support: ^0.5.21 + dependenciesMeta: + fsevents: + optional: true + bin: + tsx: dist/cli.mjs + checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 + languageName: node + linkType: hard + "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From da36f205f9db1ef6f7bc1eda138dd1379401cca9 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:37:06 -0500 Subject: [PATCH 002/145] feat(corner-ornament): refactor of masking paths in element --- .eslintrc.js | 5 ++ .../src/CornerOrnamentElement.tsx | 48 +++++++++---------- .../components/corner-ornament/src/Masks.tsx | 17 ++----- .../corner-ornament/stories/index.stories.tsx | 5 +- 4 files changed, 34 insertions(+), 41 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 77fbf08f1a..eaeb175b18 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -88,6 +88,11 @@ module.exports = { "error_counter", "neutral_counter", "notification_counter", + // these are position names we use as keys in style objects + "top_end", + "top_start", + "bottom_end", + "bottom_start", // unstable props are allowed "^unstable_", // this is a temporary prop, if the console patch is removed from components this can be removed too diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index d8c60ed47d..818487b73d 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -3,54 +3,50 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgePath, BadgeSVG, DotPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; - -// import MaskBadge from "./assets/mask-badge.svg"; -// import MaskCircle from "./assets/mask-circle.svg"; -// import MaskDot from "./assets/mask-dot.svg"; +import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, size } = useCornerOrnamentContext(); + const { cornerOrnamentType, position } = useCornerOrnamentContext(); - const getSVGAsset = (type: CornerOrnamentType) => { - switch (cornerOrnamentType) { - // case "badge": - // return MaskBadge; - // case "dot": - // return MaskDot; - default: - return ""; //MaskCircle; // replace with icon [lg circle] + const MasksMapping: Record> = { + badge: { + bottom_end: , + top_end: , + }, + dot: { + bottom_end: , + top_end: , + }, + icon: { + bottom_end: , + top_end: , } }; - + return ( - {props.children} - + {props.children} + { - // eslint-disable-next-line @typescript-eslint/no-unused-vars - cornerOrnamentType === "badge" ? : < DotPath/> + MasksMapping[cornerOrnamentType][position] } - + ); diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index 327823dc40..f60f1b4a9c 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,19 +1,10 @@ import React from "react"; -export const BadgeSVG = () => ( - - - - - - - -); -export const BadgePath = () => ( - +export const BadgeBottomEndPath = () => ( + ); -export const DotPath = () => ( - +export const DotBottomEndPath = () => ( + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 6a548458b8..27419eeff7 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -1,6 +1,7 @@ import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import {Badge} from "@twilio-paste/badge"; +import { Stack } from "@twilio-paste/stack"; import * as React from "react"; import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; @@ -13,7 +14,7 @@ export default { export const Default = (): React.ReactNode => { return ( - + @@ -31,6 +32,6 @@ export const Default = (): React.ReactNode => { 9+ - + ); }; From b8bbf89939dcd0fbdd8c954f99f9b992c4ff68d7 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 08:22:17 -0500 Subject: [PATCH 003/145] feat(corner-ornament): updated stories --- .../corner-ornament/stories/index.stories.tsx | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 27419eeff7..b2632496ae 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -2,6 +2,8 @@ import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import {Badge} from "@twilio-paste/badge"; import { Stack } from "@twilio-paste/stack"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; import * as React from "react"; import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; @@ -20,6 +22,7 @@ export const Default = (): React.ReactNode => { + ornament has notification @@ -29,9 +32,22 @@ export const Default = (): React.ReactNode => { - 9+ + notification value + 9+ + + + + + + + + + notification value + 9+ + + ); }; From ff167c3d6ebbde88a7c28330134c440679d88281 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 12:38:27 -0500 Subject: [PATCH 004/145] feat(corner-ornament): tweaks --- .../corner-ornament/src/CornerOrnamentElement.tsx | 15 ++++++--------- .../components/corner-ornament/src/Masks.tsx | 3 +-- 2 files changed, 7 insertions(+), 11 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 818487b73d..76a99ff014 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -9,9 +9,9 @@ import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, position } = useCornerOrnamentContext(); + const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - const MasksMapping: Record> = { + const MasksMapping: Record> = { badge: { bottom_end: , top_end: , @@ -23,9 +23,9 @@ export const CornerOrnamentElement = React.forwardRef, top_end: , - } + }, }; - + return ( {props.children} - { - MasksMapping[cornerOrnamentType][position] - } + {MasksMapping[cornerOrnamentType][position]} diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index f60f1b4a9c..6a0ebff669 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,8 +1,7 @@ import React from "react"; - export const BadgeBottomEndPath = () => ( - + ); export const DotBottomEndPath = () => ( From 6cbb2328e30434572482c8b2fd88534e87992b03 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 13:51:34 -0500 Subject: [PATCH 005/145] feat(corner-ornament): stories ad size mappings --- .../corner-ornament/src/CornerOrnament.tsx | 26 +-- .../corner-ornament/stories/index.stories.tsx | 149 ++++++++++++++++-- 2 files changed, 155 insertions(+), 20 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index ba936e50d5..e980091b56 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,39 +17,43 @@ export const CornerOrnament = React.forwardRef { return ( - - + + - + ornament has notification + + + + + + notification value + + 9+ + + + + + + + + + notification value + + 9+ + + + + + ); +}; +export const CornerOrnamentPositions = (): React.ReactNode => { + return ( + + + + + + + ornament has notification + + + notification value - 9+ + + 9+ + + + + + + + notification value + + 9+ + + + + + ); +}; + +CornerOrnamentPositions.storyName = "Corner Ornament Positions"; +export const CornerOrnamentSizes = (): React.ReactNode => { + return ( + + + Avatar: + + + + + + + + ornament has notification + + + + + + + + + notification value + + 9+ + + + + notification value - 9+ + + 9+ + + ); +}; + +CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; - +export const CornerOrnamentCustomization = (): React.ReactNode => { + const currentTheme = useTheme(); + + return ( + + + + + + + + + + + + ); }; + +CornerOrnamentCustomization.storyName = "Corner Ornament Customization"; +CornerOrnamentCustomization.parameters = { + a11y: { + // no need to a11y check customization + disable: true, + }, +}; From 512867a64c5b6d89aad05101173aa09ff3b1dd12 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 14:47:02 -0500 Subject: [PATCH 006/145] feat(corner-ornament): stories --- .../corner-ornament/src/CornerOrnament.tsx | 40 +- .../src/CornerOrnamentElement.tsx | 4 + .../components/corner-ornament/src/types.ts | 2 +- .../corner-ornament/stories/index.stories.tsx | 415 ++++++++++++++---- 4 files changed, 371 insertions(+), 90 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index e980091b56..0cb43c1a46 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,36 +17,48 @@ export const CornerOrnament = React.forwardRef, top_end: , }, + avatar: { + bottom_end: , + top_end: , + }, }; return ( diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index 2da9ad4b3f..e3aae5352b 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -2,7 +2,7 @@ import { BoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import type { HTMLPasteProps } from "@twilio-paste/types"; -export type CornerOrnamentType = "badge" | "dot" | "icon"; +export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 0300f0108e..c792c20ef0 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -3,7 +3,7 @@ import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; -import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; @@ -20,9 +20,9 @@ export default { export const Default = (): React.ReactNode => { return ( - + - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -55,90 +55,355 @@ export const Default = (): React.ReactNode => { ); }; -export const CornerOrnamentPositions = (): React.ReactNode => { +export const SupportedDots = (): React.ReactNode => { return ( - - - - - - - ornament has notification - - - - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - + + + bottom_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + + + top_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + ); }; -CornerOrnamentPositions.storyName = "Corner Ornament Positions"; +SupportedDots.storyName = "Supported Corner Ornament Dots"; -export const CornerOrnamentSizes = (): React.ReactNode => { +export const SupportedBadge = (): React.ReactNode => { return ( - Avatar: + bottom_end: - - - - - - ornament has notification - - - + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + top_end: + + + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + ); +}; + +SupportedBadge.storyName = "Supported Corner Ornament Badge"; + +export const SupportedAvatar = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + ); +}; + +SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; + +export const SupportedIcon = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - ); }; -CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; +SupportedIcon.storyName = "Supported Corner Ornament Icon"; export const CornerOrnamentCustomization = (): React.ReactNode => { const currentTheme = useTheme(); @@ -164,10 +429,10 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + - + From ea8230cfc7142b3e5ab8ff04028f9131afb87eef Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:14:21 -0500 Subject: [PATCH 007/145] feat(corner-ornament): tests --- .../corner-ornament/__tests__/index.spec.tsx | 99 +++++++++++++++++-- .../corner-ornament/src/CornerOrnament.tsx | 10 +- .../src/CornerOrnamentContainer.tsx | 4 +- .../src/CornerOrnamentElement.tsx | 35 ++++--- .../corner-ornament/stories/index.stories.tsx | 60 +++++------ 5 files changed, 149 insertions(+), 59 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 27c47e3a15..8fab739781 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,11 +1,96 @@ -import * as React from 'react'; -import {render} from '@testing-library/react'; +import { render, screen } from "@testing-library/react"; +import * as React from "react"; -import {CornerOrnament} from '../src'; +import { Avatar } from "@twilio-paste/avatar"; +import { Box } from "@twilio-paste/box"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import { IconSizeOptions } from "@twilio-paste/style-props"; +import { + CornerOrnament, + CornerOrnamentContainer, + CornerOrnamentElement, + CornerOrnamentPosition, + CornerOrnamentType, +} from "../src"; -describe('CornerOrnament', () => { - it('should render', () => { - const {getByText} = render(test); - expect(getByText('test')).toBeDefined(); +const ExampleCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); + +const CustomizedCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); + +describe("CornerOrnament", () => { + it("should render", () => { + const { getByTestId } = render(); + expect(getByTestId("ornament-element")).toBeDefined(); + expect(getByTestId("ornament")).toBeDefined(); + }); + + it("should throw errors for unsupported size and type combinations", () => { + expect(() => { + render(); + }).toThrow(); + }); + + describe("Customization", () => { + it("should set element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( + "CORNER_ORNAMENT_ELEMENT", + ); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); + }); + + it("should set custom element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_ELEMENT", + ); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); + }); }); }); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 0cb43c1a46..056ff0d4e1 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,4 +1,4 @@ -import { Box, BoxStyleProps } from "@twilio-paste/box"; +import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; @@ -70,7 +70,13 @@ export const CornerOrnament = React.forwardRef + {props.children} ); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 09a2f89f7d..90849fbff4 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; @@ -7,7 +7,7 @@ export const CornerOrnamentContainer = React.forwardRef { return ( - + {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 52e850bdd9..50e4156639 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; @@ -31,23 +31,22 @@ export const CornerOrnamentElement = React.forwardRef - - {props.children} - - - - {MasksMapping[cornerOrnamentType][position]} - - - + + {props.children} + + + + {MasksMapping[cornerOrnamentType][position]} + + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index c792c20ef0..dcca9b16a1 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -22,7 +22,7 @@ export const Default = (): React.ReactNode => { - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -66,7 +66,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -79,7 +79,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -92,7 +92,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -110,7 +110,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -123,7 +123,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -136,7 +136,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -163,7 +163,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -182,7 +182,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -210,10 +210,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -222,10 +222,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -239,10 +239,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -251,10 +251,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -277,7 +277,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -289,7 +289,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -301,7 +301,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -313,7 +313,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -325,7 +325,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -342,7 +342,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -354,7 +354,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -366,7 +366,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -378,7 +378,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -390,7 +390,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -429,7 +429,7 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + From 885a81ee4a59bd2e7ccf4a632dd15fc1b7ddc469 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:35:23 -0500 Subject: [PATCH 008/145] feat(corner-ornament): refactor masks for string --- .../src/CornerOrnamentElement.tsx | 22 +++++++++---------- .../components/corner-ornament/src/Masks.ts | 4 ++++ 2 files changed, 15 insertions(+), 11 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/src/Masks.ts diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 50e4156639..e98c8c2f1c 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,7 +1,7 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; - import * as React from "react"; + import { useCornerOrnamentContext } from "./CornerOrnamentContext"; import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; @@ -11,22 +11,22 @@ export const CornerOrnamentElement = React.forwardRef> = { + const ClipPathMapping: Record> = { badge: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, dot: { - bottom_end: , - top_end: , + bottom_end: DotBottomEndPath, + top_end: DotBottomEndPath, }, icon: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, avatar: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, }; @@ -44,7 +44,7 @@ export const CornerOrnamentElement = React.forwardRef - {MasksMapping[cornerOrnamentType][position]} + {} diff --git a/packages/paste-core/components/corner-ornament/src/Masks.ts b/packages/paste-core/components/corner-ornament/src/Masks.ts new file mode 100644 index 0000000000..cbd0e2fa0a --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/Masks.ts @@ -0,0 +1,4 @@ +export const BadgeBottomEndPath = + "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; +export const DotBottomEndPath = + "M 1.023 0.499 C 1.027 0.204 0.796 -0.029 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.2239 0.5 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; From 1ec86cd2b51a7c290e108272f7f2591f12916749 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:42:14 -0500 Subject: [PATCH 009/145] feat(corner-ornament): lint & typedoc --- .../corner-ornament/__tests__/index.spec.tsx | 7 +- .../components/corner-ornament/package.json | 2 + .../src/CornerOrnamentContainer.tsx | 1 + .../components/corner-ornament/src/Masks.tsx | 9 - .../corner-ornament/stories/index.stories.tsx | 12 +- .../components/corner-ornament/type-docs.json | 4779 +++++++++++++++++ 6 files changed, 4791 insertions(+), 19 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx create mode 100644 packages/paste-core/components/corner-ornament/type-docs.json diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 8fab739781..4bd1661f7d 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,11 +1,10 @@ -import { render, screen } from "@testing-library/react"; -import * as React from "react"; - +import { render } from "@testing-library/react"; import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; -import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { IconSizeOptions } from "@twilio-paste/style-props"; +import * as React from "react"; + import { CornerOrnament, CornerOrnamentContainer, diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 710e378146..f5196f9442 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -34,6 +34,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", "react": "^16.8.6 || ^17.0.2 || ^18.0.0", @@ -49,6 +50,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", "react": "^18.0.0", diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 90849fbff4..d5a2ea3b63 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,5 +1,6 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; + import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx deleted file mode 100644 index 6a0ebff669..0000000000 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; - -export const BadgeBottomEndPath = () => ( - -); - -export const DotBottomEndPath = () => ( - -); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index dcca9b16a1..53a4c2bec4 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -70,7 +70,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -83,7 +83,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -96,7 +96,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -114,7 +114,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -127,7 +127,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -140,7 +140,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json new file mode 100644 index 0000000000..5a838eb5e2 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -0,0 +1,4779 @@ +{ + "CornerOrnamentElement": { + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'CORNER_ORNAMENT_ELEMENT'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "padding": { + "type": "\"space0\"", + "defaultValue": "null", + "required": false, + "externalProp": false, + "description": "Ability to set the padding of the main element" + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + }, + "CornerOrnamentContainer": { + "cornerOrnamentType": { + "type": "CornerOrnamentType", + "defaultValue": "null", + "required": true, + "externalProp": false, + "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect." + }, + "size": { + "type": "| \"sizeIcon05\"\n | \"sizeIcon10\"\n | \"sizeIcon20\"\n | \"sizeIcon30\"\n | \"sizeIcon40\"\n | \"sizeIcon50\"\n | \"sizeIcon60\"\n | \"sizeIcon70\"\n | \"sizeIcon80\"\n | \"sizeIcon90\"\n | \"sizeIcon100\"\n | \"sizeIcon110\"", + "defaultValue": "null", + "required": true, + "externalProp": false, + "description": "The size of the CornerOrnamentElement used to determine spacing" + }, + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'{constantCase component-name}'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "position": { + "type": "CornerOrnamentPosition", + "defaultValue": "'bottom_end'", + "required": false, + "externalProp": false, + "description": "Sets the position of the CornerOrnament" + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + }, + "CornerOrnament": { + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'{constantCase component-name}'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + } +} From e2f16a2d6cecda8da2751b67b440d239989c2947 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:48:03 -0500 Subject: [PATCH 010/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/warm-snakes-grow.md diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md new file mode 100644 index 0000000000..f708de0953 --- /dev/null +++ b/.changeset/warm-snakes-grow.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/corner-ornament": major +"@twilio-paste/core": minor +--- + +[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From 4bc5d3c488a25dd7e8794307feb8c37ea2183598 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 09:59:20 -0500 Subject: [PATCH 011/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md index f708de0953..6af8c7f299 100644 --- a/.changeset/warm-snakes-grow.md +++ b/.changeset/warm-snakes-grow.md @@ -3,4 +3,4 @@ "@twilio-paste/core": minor --- -[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament +[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From f27fd59bfc30d15b1843abc484ae6f7cccee769f Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:04:30 -0500 Subject: [PATCH 012/145] feat(corner-ornament): remove unused assets --- .../components/corner-ornament/src/assets/mask-badge.svg | 1 - .../components/corner-ornament/src/assets/mask-circle.svg | 1 - .../components/corner-ornament/src/assets/mask-dot.svg | 3 --- 3 files changed, 5 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg deleted file mode 100644 index 1ccddfeef8..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - From 9ce4256018200a926d2455c9689bcbf1bac46f70 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:06:48 -0500 Subject: [PATCH 013/145] feat(corner-ornament): types update --- .../paste-core/components/corner-ornament/src/types.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index e3aae5352b..dd6bb81600 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -29,7 +29,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * Overrides the default element name to apply unique styles with the Customization Provider * @default '{constantCase component-name}' * @type {BoxProps['element']} - * @memberof CornerOrnamentProps + * @memberof CornerOrnamentContainerProps */ element?: BoxProps["element"]; /** @@ -43,7 +43,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} - * @memberof CornerOrnamentContextInterface + * @memberof CornerOrnamentContainerProps */ size: IconSizeOptions; /** @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * Sets the position of the CornerOrnament + * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * Sets the position of the CornerOrnament + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface From 6d59fae05100c446e36d061a3ba71f1e4a1da675 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:11:04 -0500 Subject: [PATCH 014/145] feat(corner-ornament): update package description --- packages/paste-core/components/corner-ornament/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index f5196f9442..30d147aab1 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply masking to an element and position another element as an ornament.", + "description": "A component used to apply a clip path to an element and position another element as an ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", From d288a0aa0e7f4442c538e9576ed4d911cba48f6f Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 08:45:59 -0500 Subject: [PATCH 015/145] feat(corner-ornament): yarn lock --- yarn.lock | 26 ++++++-------------------- 1 file changed, 6 insertions(+), 20 deletions(-) diff --git a/yarn.lock b/yarn.lock index 9185723a06..89fd0a33a0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12283,6 +12283,7 @@ __metadata: "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/combobox": ^16.2.1 "@twilio-paste/combobox-primitive": ^2.1.1 + "@twilio-paste/corner-ornament": ^0.0.0 "@twilio-paste/customization": ^8.2.0 "@twilio-paste/data-grid": ^8.3.1 "@twilio-paste/data-visualization-library": ^5.0.0 @@ -12383,7 +12384,7 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": +"@twilio-paste/corner-ornament@^0.0.0, @twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": version: 0.0.0-use.local resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" dependencies: @@ -12396,11 +12397,12 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^18.0.27 "@types/react-dom": ^18.0.10 react: ^18.0.0 react-dom: ^18.0.0 - tsx: ^3.12.10 + tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -12412,6 +12414,7 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 react: ^16.8.6 || ^17.0.2 || ^18.0.0 @@ -41812,7 +41815,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43824,23 +43827,6 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"tsx@npm:^3.12.10": - version: 3.14.0 - resolution: "tsx@npm:3.14.0" - dependencies: - esbuild: ~0.18.20 - fsevents: ~2.3.3 - get-tsconfig: ^4.7.2 - source-map-support: ^0.5.21 - dependenciesMeta: - fsevents: - optional: true - bin: - tsx: dist/cli.mjs - checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 - languageName: node - linkType: hard - "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From 9d9151f3c53284d4303f93f542441c02262b2f92 Mon Sep 17 00:00:00 2001 From: krisantrobus <55083528+krisantrobus@users.noreply.github.com> Date: Tue, 30 Jul 2024 09:20:14 -0500 Subject: [PATCH 016/145] Update packages/paste-core/components/corner-ornament/package.json Co-authored-by: Nora Krantz <75342690+nkrantz@users.noreply.github.com> --- packages/paste-core/components/corner-ornament/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 30d147aab1..2f36e78910 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply a clip path to an element and position another element as an ornament.", + "description": "Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", From 6884419f9dc968e439e5305caeb7e7f1e886e092 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 13:24:30 -0500 Subject: [PATCH 017/145] feat(docs): corner ornament wip --- packages/paste-website/package.json | 1 + .../pages/components/corner-ornament/api.mdx | 80 +++++++++++++++++++ .../components/corner-ornament/changelog.mdx | 37 +++++++++ .../components/corner-ornament/index.mdx | 37 +++++++++ 4 files changed, 155 insertions(+) create mode 100644 packages/paste-website/src/pages/components/corner-ornament/api.mdx create mode 100644 packages/paste-website/src/pages/components/corner-ornament/changelog.mdx create mode 100644 packages/paste-website/src/pages/components/corner-ornament/index.mdx diff --git a/packages/paste-website/package.json b/packages/paste-website/package.json index 23d1c3c567..9aad3b4c79 100644 --- a/packages/paste-website/package.json +++ b/packages/paste-website/package.json @@ -57,6 +57,7 @@ "@twilio-paste/color-contrast-utils": "^5.0.0", "@twilio-paste/combobox": "^16.2.1", "@twilio-paste/combobox-primitive": "^2.1.1", + "@twilio-paste/corner-ornament": "^0.0.0", "@twilio-paste/customization": "^8.2.0", "@twilio-paste/data-grid": "^8.3.0", "@twilio-paste/data-visualization-library": "^5.0.0", diff --git a/packages/paste-website/src/pages/components/corner-ornament/api.mdx b/packages/paste-website/src/pages/components/corner-ornament/api.mdx new file mode 100644 index 0000000000..34a6ea6ce6 --- /dev/null +++ b/packages/paste-website/src/pages/components/corner-ornament/api.mdx @@ -0,0 +1,80 @@ +export const meta = { + title: 'Corner Ornament', + package: '@twilio-paste/corner-ornament', + description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', + slug: '/components/corner-ornament/api', +}; + +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; // I don't know why this is needed but if you remove it the page fails to render +import packageJson from '@twilio-paste/corner-ornament/package.json'; + +import {SidebarCategoryRoutes} from '../../../constants'; +import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; +import {getFeature, getNavigationData, getComponentApi} from '../../../utils/api'; + +export default ComponentPageLayout; + +export const getStaticProps = async () => { + const navigationData = await getNavigationData(); + const feature = await getFeature('Corner ornament'); + const {componentApi, componentApiTocData} = getComponentApi('@twilio-paste/corner-ornament'); + return { + props: { + data: { + ...packageJson, + ...feature, + }, + componentApi, + mdxHeadings: [...mdxHeadings, ...componentApiTocData], + navigationData, + pageHeaderData: { + categoryRoute: SidebarCategoryRoutes.COMPONENTS, + githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', + storybookUrl: '/?path=/story/components-corner-ornament--single-line', + }, + }, + }; +}; + +## Installation + +```bash +yarn add @twilio-paste/corner-ornament - or - yarn add @twilio-paste/core +``` + +## Usage + +```jsx +import {CodeBlockWrapper, CodeBlockHeader, CodeBlock} from '@twilio-paste/core/corner-ornament'; + +const rubyCode = `#!/usr/bin/ruby + +# Import the library. +require 'tk' + +# Root window. +root = TkRoot.new { + title 'Push Me' + background '#111188' +} + +# Add a label to the root window. +lab = TkLabel.new(root) { + text "Hey there,\nPush a button!" + background '#3333AA' + foreground '#CCCCFF' +}`; + +export const Basic = () => { + return ( + + Build a button + + + ); +}; +``` + +## Props + + diff --git a/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx new file mode 100644 index 0000000000..f75ab9ab19 --- /dev/null +++ b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx @@ -0,0 +1,37 @@ +export const meta = { + title: 'Corner Ornament', + package: '@twilio-paste/corner-ornament', + description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', + slug: '/components/corner-ornament/changelog', +}; + +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; +import packageJson from '@twilio-paste/corner-ornament/package.json'; + +import {SidebarCategoryRoutes} from '../../../constants'; +import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; +import {getFeature, getNavigationData} from '../../../utils/api'; + +export default ComponentPageLayout; + +export const getStaticProps = async () => { + const navigationData = await getNavigationData(); + const feature = await getFeature('Corner ornament'); + return { + props: { + data: { + ...packageJson, + ...feature, + }, + navigationData, + mdxHeadings, + pageHeaderData: { + categoryRoute: SidebarCategoryRoutes.COMPONENTS, + githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', + storybookUrl: '/?path=/story/components-code-block--single-line', + }, + }, + }; +}; + + diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx new file mode 100644 index 0000000000..06a4095bdc --- /dev/null +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -0,0 +1,37 @@ +export const meta = { + title: 'Corner Ornament', + package: '@twilio-paste/corner-ornament', + description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', + slug: '/components/corner-ornament', +}; + +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; +import packageJson from '@twilio-paste/corner-ornament/package.json'; + +import {SidebarCategoryRoutes} from '../../../constants'; +import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; +import {getFeature, getNavigationData} from '../../../utils/api'; + +export default ComponentPageLayout; + +export const getStaticProps = async () => { + const navigationData = await getNavigationData(); + const feature = await getFeature('Corner ornament'); + console.log('feature', feature); + return { + props: { + data: { + ...packageJson, + ...feature, + }, + navigationData, + mdxHeadings, + pageHeaderData: { + categoryRoute: SidebarCategoryRoutes.COMPONENTS, + githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', + storybookUrl: '/?path=/story/components-code-block--single-line', + }, + }, + }; +}; + From 85dd9977571f287a7500c84f6a2d7ec9f048ae89 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 13:49:30 -0500 Subject: [PATCH 018/145] feat(corner-ornament): pr comments --- .../corner-ornament/__tests__/index.spec.tsx | 55 +++------ ...mentElement.tsx => CornerOrnamentBase.tsx} | 10 +- .../src/CornerOrnamentContext.tsx | 2 +- .../components/corner-ornament/src/index.tsx | 6 +- .../components/corner-ornament/src/types.ts | 8 +- .../corner-ornament/stories/index.stories.tsx | 108 +++++++++--------- .../components/corner-ornament/type-docs.json | 4 +- 7 files changed, 83 insertions(+), 110 deletions(-) rename packages/paste-core/components/corner-ornament/src/{CornerOrnamentElement.tsx => CornerOrnamentBase.tsx} (77%) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 4bd1661f7d..9dc26f9ad9 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -5,50 +5,27 @@ import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; -import { - CornerOrnament, - CornerOrnamentContainer, - CornerOrnamentElement, - CornerOrnamentPosition, - CornerOrnamentType, -} from "../src"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; +import { CornerOrnamentType } from "../src/types"; const ExampleCornerOrnament: React.FC<{ size?: IconSizeOptions; - position?: CornerOrnamentPosition; type?: CornerOrnamentType; -}> = ({ size, type }) => ( + element?: string; +}> = ({ size, type, element }) => ( - + - - - - - - - -); - -const CustomizedCornerOrnament: React.FC<{ - size?: IconSizeOptions; - position?: CornerOrnamentPosition; - type?: CornerOrnamentType; -}> = ({ size, type }) => ( - - - - - + + @@ -75,19 +52,17 @@ describe("CornerOrnament", () => { expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( "CORNER_ORNAMENT_CONTAINER", ); - expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( - "CORNER_ORNAMENT_ELEMENT", - ); + expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT_BASE"); expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); }); it("should set custom element data attribute", () => { - const { getByTestId } = render(); + const { getByTestId } = render(); expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", ); - expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( - "CUSTOMIZED_CORNER_ORNAMENT_ELEMENT", + expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_BASE", ); expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); }); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx similarity index 77% rename from packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx rename to packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index e98c8c2f1c..0ac811d8cc 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -4,10 +4,10 @@ import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; +import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; -export const CornerOrnamentElement = React.forwardRef( - ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { +export const CornerOrnamentBase = React.forwardRef( + ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); @@ -41,7 +41,7 @@ export const CornerOrnamentElement = React.forwardRef {props.children} - + {} @@ -53,4 +53,4 @@ export const CornerOrnamentElement = React.forwardRef { const context = React.useContext(CornerOrnamentContext); if (!context) { - throw new Error("useCornerOrnamentContext must be used with CornerOrnamentContextProvider"); + throw new Error("Corner Ornaments components must be used within CornerOrnamentContainer"); } return context; }; diff --git a/packages/paste-core/components/corner-ornament/src/index.tsx b/packages/paste-core/components/corner-ornament/src/index.tsx index 4cbf459cf4..a33ccc3660 100644 --- a/packages/paste-core/components/corner-ornament/src/index.tsx +++ b/packages/paste-core/components/corner-ornament/src/index.tsx @@ -1,10 +1,8 @@ export { CornerOrnament } from "./CornerOrnament"; export { CornerOrnamentContainer } from "./CornerOrnamentContainer"; -export { CornerOrnamentElement } from "./CornerOrnamentElement"; +export { CornerOrnamentBase } from "./CornerOrnamentBase"; export type { - CornerOrnamentElementProps, + CornerOrnamentBaseProps, CornerOrnamentContainerProps, CornerOrnamentProps, - CornerOrnamentType, - CornerOrnamentPosition, } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index dd6bb81600..9646bfa4fc 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -5,20 +5,20 @@ import type { HTMLPasteProps } from "@twilio-paste/types"; export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; -export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { +export interface CornerOrnamentBaseProps extends HTMLPasteProps<"div"> { children?: React.ReactNode; /** * Overrides the default element name to apply unique styles with the Customization Provider - * @default 'CORNER_ORNAMENT_ELEMENT' + * @default 'CORNER_ORNAMENT_BASE' * @type {BoxProps['element']} - * @memberof CornerOrnamentElementProps + * @memberof CornerOrnamentBaseProps */ element?: BoxProps["element"]; /** * Ability to set the padding of the main element * @default null * @type {'space0'} - * @memberof CornerOrnamentElementProps + * @memberof CornerOrnamentBaseProps */ padding?: "space0"; } diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 53a4c2bec4..507b6803c7 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -9,7 +9,7 @@ import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; -import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; // eslint-disable-next-line import/no-default-export export default { @@ -21,18 +21,18 @@ export const Default = (): React.ReactNode => { return ( - + - + ornament has notification - + - + notification value @@ -41,9 +41,9 @@ export const Default = (): React.ReactNode => { - - - + + + notification value @@ -65,9 +65,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + - + ornament has notification @@ -78,9 +78,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + - + ornament has notification @@ -91,9 +91,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + - + ornament has notification @@ -109,9 +109,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + - + ornament has notification @@ -122,9 +122,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + - + ornament has notification @@ -135,9 +135,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + - + ornament has notification @@ -162,9 +162,9 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + - + notification value @@ -181,9 +181,9 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + - + notification value @@ -209,9 +209,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + @@ -221,9 +221,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + @@ -238,9 +238,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + @@ -250,9 +250,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + @@ -276,9 +276,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + - + @@ -288,9 +288,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + - + @@ -300,9 +300,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + - + @@ -312,9 +312,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + - + @@ -324,9 +324,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + - + @@ -341,9 +341,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + - + @@ -353,9 +353,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + - + @@ -365,9 +365,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + - + @@ -377,9 +377,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + - + @@ -389,9 +389,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + - + @@ -428,9 +428,9 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { }} > - + - + diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json index 5a838eb5e2..4a71aab26e 100644 --- a/packages/paste-core/components/corner-ornament/type-docs.json +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -1,5 +1,5 @@ { - "CornerOrnamentElement": { + "CornerOrnamentBase": { "about": { "type": "string", "defaultValue": null, @@ -416,7 +416,7 @@ }, "element": { "type": "string", - "defaultValue": "'CORNER_ORNAMENT_ELEMENT'", + "defaultValue": "'CORNER_ORNAMENT_BASE'", "required": false, "externalProp": false, "description": "Overrides the default element name to apply unique styles with the Customization Provider" From 3f28baf55f7bfd38d5d236c3d58093fdadd5b1b8 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 15:30:46 -0500 Subject: [PATCH 019/145] feat(corner-ornament): mappings refactor --- .../corner-ornament/src/CornerOrnament.tsx | 64 +------------ .../src/CornerOrnamentBase.tsx | 25 +---- .../corner-ornament/src/mappings.tsx | 92 +++++++++++++++++++ .../corner-ornament/stories/index.stories.tsx | 2 + 4 files changed, 102 insertions(+), 81 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/src/mappings.tsx diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 056ff0d4e1..844513006e 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,69 +1,15 @@ -import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; -import { IconSizeOptions } from "@twilio-paste/style-props"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { CornerOrnamentPosition, CornerOrnamentProps, CornerOrnamentType } from "./types"; - -type OrnamentSpacingMapping = Record< - CornerOrnamentType, - Record>> ->; +import { OrnamentPositionStyleMappings } from "./mappings"; +import { CornerOrnamentProps } from "./types"; export const CornerOrnament = React.forwardRef( ({ element = "CORNER_ORNAMENT", ...props }, ref) => { const { cornerOrnamentType, size, position } = useCornerOrnamentContext(); - const Positions: OrnamentSpacingMapping = { - badge: { - bottom_end: { - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - avatar: { - bottom_end: { - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon70: { left: "space50", top: "space0" }, - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - icon: { - bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "0.91rem", left: "0.91rem" }, - sizeIcon50: { top: "1.05rem", left: "1.05rem" }, - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon30: { left: "space40", top: "space0" }, - sizeIcon40: { left: "space50", top: "space0" }, - sizeIcon50: { left: "space60", top: "space0" }, - sizeIcon70: { left: "space60", top: "space0" }, - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - dot: { - bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, - }, - top_end: { - sizeIcon30: { left: "space40", top: "space0" }, - sizeIcon40: { left: "space50", top: "space0" }, - sizeIcon50: { left: "space60", top: "space0" }, - }, - }, - }; - - if (!Positions[cornerOrnamentType][position][size]) { + if (!OrnamentPositionStyleMappings[cornerOrnamentType][position][size]) { throw new Error( "[Paste: CornerOrnament] the size/position/type combination you have chosen is not currently supported. Please refer to our guildinges in our docs or raise a new disucssion to get this supported at https://github.com/twilio-labs/paste/discussions.", ); @@ -75,7 +21,7 @@ export const CornerOrnament = React.forwardRef {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index 0ac811d8cc..fd5c33a5d0 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -3,33 +3,14 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; +import { ClipPathMappings } from "./mappings"; +import { CornerOrnamentBaseProps } from "./types"; export const CornerOrnamentBase = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - const ClipPathMapping: Record> = { - badge: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - dot: { - bottom_end: DotBottomEndPath, - top_end: DotBottomEndPath, - }, - icon: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - avatar: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - }; - return ( - {} + {} diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx new file mode 100644 index 0000000000..ec57c6969e --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -0,0 +1,92 @@ +import { BoxStyleProps } from "@twilio-paste/box"; +import { IconSizeOptions } from "@twilio-paste/style-props"; + +import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; + +const BadgeBottomEndPath = + "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; +const BadgeTopEndPath = + "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; +const DotBottomEndPath = + "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; +const DotTopEndPath = + "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; +const IconTopEndPath = + "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; +const IconBottomEndPath = + "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; +const AvatarBottomEndPath = + "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; +const AvatarTopEndPath = + "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; + +export const ClipPathMappings: Record> = { + badge: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeTopEndPath, + }, + dot: { + bottom_end: DotBottomEndPath, + top_end: DotTopEndPath, + }, + icon: { + bottom_end: IconBottomEndPath, + top_end: IconTopEndPath, + }, + avatar: { + bottom_end: AvatarBottomEndPath, + top_end: AvatarTopEndPath, + }, +}; + +export const OrnamentPositionStyleMappings: Record< + CornerOrnamentType, + Record>> +> = { + badge: { + bottom_end: { + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + avatar: { + bottom_end: { + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + icon: { + bottom_end: { + sizeIcon30: { top: "space40", left: "space40" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon30: { left: "space40", top: "spaceNegative10" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + dot: { + bottom_end: { + sizeIcon30: { top: "14px", left: "14px" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, + }, + top_end: { + sizeIcon30: { left: "14px", top: "-3px" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, + }, + }, +}; diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 507b6803c7..25bbd002ff 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -172,6 +172,7 @@ export const SupportedBadge = (): React.ReactNode => { + badge size="small" @@ -191,6 +192,7 @@ export const SupportedBadge = (): React.ReactNode => { + badge size="small" From b9fbe1d73b17f29bebd89ade566c2cecd3c602cc Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 06:24:02 -0500 Subject: [PATCH 020/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index ec57c6969e..4313c5c390 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -45,7 +45,7 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon80: { left: "space70", top: "spaceNegative10" }, @@ -53,8 +53,8 @@ export const OrnamentPositionStyleMappings: Record< }, avatar: { bottom_end: { - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon70: { left: "space60", top: "spaceNegative10" }, @@ -63,25 +63,25 @@ export const OrnamentPositionStyleMappings: Record< }, icon: { bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon30: { left: "space40", top: "space40" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "18px", top: "18px" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon30: { left: "space40", top: "spaceNegative10" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, + sizeIcon40: { left: "16px", top: "0px" }, + sizeIcon50: { left: "18px", top: "spaceNegative10" }, sizeIcon70: { left: "space60", top: "spaceNegative10" }, sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, dot: { bottom_end: { - sizeIcon30: { top: "14px", left: "14px" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { sizeIcon30: { left: "14px", top: "-3px" }, From 56f4eaf1753fa0cc79d045fc902e4a538532d252 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 12:13:16 -0500 Subject: [PATCH 021/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 56 +++++++++---------- 1 file changed, 25 insertions(+), 31 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 4313c5c390..6d7062221c 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,22 +3,16 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = - "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; -const BadgeTopEndPath = - "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; -const DotBottomEndPath = - "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; -const DotTopEndPath = - "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; +const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; +const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; +const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; +const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = - "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; + "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = - "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; -const AvatarBottomEndPath = - "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; -const AvatarTopEndPath = - "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; + "M1.014.606A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .106 1.04A.352.352 0 0 1 .95.6c.022 0 .043.002.064.006Z"; +const AvatarBottomEndPath = "M1.023.546a.525.525 0 1 0-.477.477.35.35 0 0 1 .477-.477Z"; +const AvatarTopEndPath = "M1.023.454a.35.35 0 0 1-.477-.477.525.525 0 1 0 .477.477Z"; export const ClipPathMappings: Record> = { badge: { @@ -45,10 +39,10 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon80: { left: "28px", top: "28px" }, }, top_end: { - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon80: { left: "28px", top: "spaceNegative30" }, }, }, avatar: { @@ -57,36 +51,36 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative20" }, + sizeIcon80: { left: "space70", top: "spaceNegative20" }, }, }, icon: { bottom_end: { - sizeIcon30: { left: "space40", top: "space40" }, - sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon30: { left: "13px", top: "13px" }, + sizeIcon40: { left: "17px", top: "17px" }, sizeIcon50: { left: "18px", top: "18px" }, - sizeIcon70: { left: "space60", top: "space60" }, - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon70: { left: "21px", top: "21px" }, + sizeIcon80: { left: "26px", top: "26px" }, }, top_end: { - sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, - sizeIcon40: { left: "16px", top: "0px" }, - sizeIcon50: { left: "18px", top: "spaceNegative10" }, - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-5px" }, + sizeIcon40: { left: "17px", top: "-5px" }, + sizeIcon50: { left: "18px", top: "-6px" }, + sizeIcon70: { left: "21px", top: "-9px" }, + sizeIcon80: { left: "26px", top: "-10px" }, }, }, dot: { bottom_end: { - sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon30: { left: "13px", top: "13px" }, sizeIcon40: { left: "space50", top: "space50" }, sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { - sizeIcon30: { left: "14px", top: "-3px" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-1px" }, + sizeIcon40: { left: "space50", top: "-1px" }, + sizeIcon50: { left: "space60", top: "space0" }, }, }, }; From 0ffadb19ce7ce0483bc8375d38fd63cbe1bb0246 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:26:12 -0500 Subject: [PATCH 022/145] feat(corner-ornament): codemods --- .changeset/smart-berries-play.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/smart-berries-play.md diff --git a/.changeset/smart-berries-play.md b/.changeset/smart-berries-play.md new file mode 100644 index 0000000000..4958eaf69d --- /dev/null +++ b/.changeset/smart-berries-play.md @@ -0,0 +1,5 @@ +--- +"@twilio-paste/codemods": minor +--- + +[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From 1bf378d8e988c24b1e1f5e544d36c2ab370f2f1d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:29:25 -0500 Subject: [PATCH 023/145] feat(corner-ornament): formatter --- packages/paste-core/components/corner-ornament/build.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/build.js b/packages/paste-core/components/corner-ornament/build.js index a4edeab49b..27dd98f98e 100644 --- a/packages/paste-core/components/corner-ornament/build.js +++ b/packages/paste-core/components/corner-ornament/build.js @@ -1,3 +1,3 @@ -const {build} = require('../../../../tools/build/esbuild'); +const { build } = require("../../../../tools/build/esbuild"); -build(require('./package.json')); +build(require("./package.json")); From 35a2304531ad3e56e7d343a585a70c9b3da50220 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:35:23 -0500 Subject: [PATCH 024/145] feat(corner-ornament): linting --- .../components/corner-ornament/stories/index.stories.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 25bbd002ff..5308e46c46 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -172,7 +172,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" @@ -192,7 +192,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" From 8649bfef520a7979817fb032a9be972f19da4bcb Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:55:15 -0500 Subject: [PATCH 025/145] feat(corner-ornament): remove unused files --- packages/paste-core/components/corner-ornament/src/Masks.ts | 4 ---- 1 file changed, 4 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/Masks.ts diff --git a/packages/paste-core/components/corner-ornament/src/Masks.ts b/packages/paste-core/components/corner-ornament/src/Masks.ts deleted file mode 100644 index cbd0e2fa0a..0000000000 --- a/packages/paste-core/components/corner-ornament/src/Masks.ts +++ /dev/null @@ -1,4 +0,0 @@ -export const BadgeBottomEndPath = - "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; -export const DotBottomEndPath = - "M 1.023 0.499 C 1.027 0.204 0.796 -0.029 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.2239 0.5 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; From 174215d2f259b0ecf2aa8056839fba3c25cd8a89 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 14:10:03 -0500 Subject: [PATCH 026/145] feat(corner-ornament): corner ornament rename --- packages/paste-codemods/tools/.cache/mappings.json | 2 +- .../paste-core/components/corner-ornament/src/types.ts | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index 2006ceeb3d..c46a208f64 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -85,8 +85,8 @@ "useCombobox": "@twilio-paste/core/combobox", "useMultiselectCombobox": "@twilio-paste/core/combobox", "CornerOrnament": "@twilio-paste/core/corner-ornament", + "CornerOrnamentBase": "@twilio-paste/core/corner-ornament", "CornerOrnamentContainer": "@twilio-paste/core/corner-ornament", - "CornerOrnamentElement": "@twilio-paste/core/corner-ornament", "DataGrid": "@twilio-paste/core/data-grid", "DataGridBody": "@twilio-paste/core/data-grid", "DataGridCell": "@twilio-paste/core/data-grid", diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index 9646bfa4fc..da5bec4610 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -40,14 +40,14 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { */ position?: CornerOrnamentPosition; /** - * The size of the CornerOrnamentElement used to determine spacing + * The size of the CornerOrnamentBase used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContainerProps */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContainerProps @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * The size of the CornerOrnamentElement used to determine spacing + * The size of the CornerOrnamentBase used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface From a7426f1d784e0f60887822829f94b19f0fd89ae4 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 14:37:24 -0500 Subject: [PATCH 027/145] feat(corner-ornament): typedocs --- packages/paste-core/components/corner-ornament/type-docs.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json index 4a71aab26e..2c84205408 100644 --- a/packages/paste-core/components/corner-ornament/type-docs.json +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -1595,14 +1595,14 @@ "defaultValue": "null", "required": true, "externalProp": false, - "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect." + "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect." }, "size": { "type": "| \"sizeIcon05\"\n | \"sizeIcon10\"\n | \"sizeIcon20\"\n | \"sizeIcon30\"\n | \"sizeIcon40\"\n | \"sizeIcon50\"\n | \"sizeIcon60\"\n | \"sizeIcon70\"\n | \"sizeIcon80\"\n | \"sizeIcon90\"\n | \"sizeIcon100\"\n | \"sizeIcon110\"", "defaultValue": "null", "required": true, "externalProp": false, - "description": "The size of the CornerOrnamentElement used to determine spacing" + "description": "The size of the CornerOrnamentBase used to determine spacing" }, "about": { "type": "string", From 05714288856bd5355558cb735f7f84c8c60d014a Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 09:53:09 -0500 Subject: [PATCH 028/145] feat(docs): corner ornament wip --- .../paste-website/src/pages/components/corner-ornament/index.mdx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index 06a4095bdc..e2c5aed473 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -17,7 +17,6 @@ export default ComponentPageLayout; export const getStaticProps = async () => { const navigationData = await getNavigationData(); const feature = await getFeature('Corner ornament'); - console.log('feature', feature); return { props: { data: { From 6aedaed5f7f9b8e609673dc640ee3a78bc8f863a Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:14 -0500 Subject: [PATCH 029/145] feat(tokens): added colorTextIconNotification --- .changeset/giant-spiders-remember.md | 6 ++++++ packages/paste-design-tokens/tokens/global/text-color.yml | 3 +++ 2 files changed, 9 insertions(+) create mode 100644 .changeset/giant-spiders-remember.md diff --git a/.changeset/giant-spiders-remember.md b/.changeset/giant-spiders-remember.md new file mode 100644 index 0000000000..243e8c3868 --- /dev/null +++ b/.changeset/giant-spiders-remember.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/core": minor +"@twilio-paste/design-tokens": minor +--- + +[Design Tokens] added a new text color for notificaiton icons "colorTextIconNotification" diff --git a/packages/paste-design-tokens/tokens/global/text-color.yml b/packages/paste-design-tokens/tokens/global/text-color.yml index ec0c215c27..63163a606a 100644 --- a/packages/paste-design-tokens/tokens/global/text-color.yml +++ b/packages/paste-design-tokens/tokens/global/text-color.yml @@ -551,6 +551,9 @@ props: color-text-icon-new: value: "{!palette-purple-60}" comment: Icon color for indicating a new status. + color-text-icon-notification: + value: "{!palette-red-50}" + comment: Icon color for notification elements. # decorative color-text-decorative-10: From 3d7add79ae23edba9d325de108fa0744546ec503 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:59 -0500 Subject: [PATCH 030/145] feat(icons): added NotificationOrnamentIcon --- .changeset/sharp-sloths-bake.md | 6 +++ packages/paste-icons/build.icon-list.js | 2 +- packages/paste-icons/json/icons.json | 2 +- .../src/NotificationOrnamentIcon.tsx | 44 +++++++++++++++++++ .../paste-icons/svg/NotificationOrnament.svg | 1 + 5 files changed, 53 insertions(+), 2 deletions(-) create mode 100644 .changeset/sharp-sloths-bake.md create mode 100644 packages/paste-icons/src/NotificationOrnamentIcon.tsx create mode 100644 packages/paste-icons/svg/NotificationOrnament.svg diff --git a/.changeset/sharp-sloths-bake.md b/.changeset/sharp-sloths-bake.md new file mode 100644 index 0000000000..ed8ad29d39 --- /dev/null +++ b/.changeset/sharp-sloths-bake.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/core": minor +"@twilio-paste/icons": minor +--- + +[Icons] Added new Icon NotificationOrnamentIcon for use in Corner Ornament Component diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js index 9a6645b00e..8da121e1ad 100644 --- a/packages/paste-icons/build.icon-list.js +++ b/packages/paste-icons/build.icon-list.js @@ -1 +1 @@ -module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file +module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json index 0791ae0040..e00d0d55e5 100644 --- a/packages/paste-icons/json/icons.json +++ b/packages/paste-icons/json/icons.json @@ -1 +1 @@ -{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file +{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file diff --git a/packages/paste-icons/src/NotificationOrnamentIcon.tsx b/packages/paste-icons/src/NotificationOrnamentIcon.tsx new file mode 100644 index 0000000000..8a82f5cd76 --- /dev/null +++ b/packages/paste-icons/src/NotificationOrnamentIcon.tsx @@ -0,0 +1,44 @@ +/** + * 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 NotificationOrnamentIconProps extends IconWrapperProps { + title?: string; + decorative: boolean; +} + +const NotificationOrnamentIcon = React.forwardRef( + ({as, display, element = 'ICON', size, color, title, decorative}, ref) => { + const titleId = `NotificationOrnamentIcon-${useUID()}`; + + if (!decorative && title == null) { + throw new Error('[NotificationOrnamentIcon]: Missing a title for non-decorative icon.'); + } + + return ( + + + {title ? {title} : null} + + + + ); + } +); + +NotificationOrnamentIcon.displayName = 'NotificationOrnamentIcon'; +export {NotificationOrnamentIcon}; diff --git a/packages/paste-icons/svg/NotificationOrnament.svg b/packages/paste-icons/svg/NotificationOrnament.svg new file mode 100644 index 0000000000..06da404bdb --- /dev/null +++ b/packages/paste-icons/svg/NotificationOrnament.svg @@ -0,0 +1 @@ + \ No newline at end of file From aba47104a75cee4bcf550510f0e761d6311e3ab6 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:52:12 -0500 Subject: [PATCH 031/145] feat(type-docs): updated component typedocs to change in design token --- packages/paste-core/components/spinner/type-docs.json | 2 +- packages/paste-core/primitives/box/type-docs.json | 2 +- packages/paste-core/primitives/sibling-box/type-docs.json | 2 +- packages/paste-core/primitives/text/type-docs.json | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/spinner/type-docs.json b/packages/paste-core/components/spinner/type-docs.json index 1431ab2bd4..618de72b55 100644 --- a/packages/paste-core/components/spinner/type-docs.json +++ b/packages/paste-core/components/spinner/type-docs.json @@ -381,7 +381,7 @@ "externalProp": true }, "color": { - "type": "\"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | \"colorTextDecorative40\" | ... 57 more ... | { ...; }", + "type": "\"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | \"colorTextDecorative40\" | ... 58 more ... | { ...; }", "defaultValue": "currentColor", "required": false, "externalProp": false, diff --git a/packages/paste-core/primitives/box/type-docs.json b/packages/paste-core/primitives/box/type-docs.json index 65eb97dedb..4d831a8fd8 100644 --- a/packages/paste-core/primitives/box/type-docs.json +++ b/packages/paste-core/primitives/box/type-docs.json @@ -985,7 +985,7 @@ "description": "Responsive style prop for the CSS `clip` property" }, "color": { - "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 56 more ... | { ...; }", + "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 57 more ... | { ...; }", "defaultValue": null, "required": false, "externalProp": false, diff --git a/packages/paste-core/primitives/sibling-box/type-docs.json b/packages/paste-core/primitives/sibling-box/type-docs.json index 48d44805cd..049b666ebe 100644 --- a/packages/paste-core/primitives/sibling-box/type-docs.json +++ b/packages/paste-core/primitives/sibling-box/type-docs.json @@ -1087,7 +1087,7 @@ "description": "Responsive style prop for the CSS `clip` property" }, "color": { - "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 56 more ... | { ...; }", + "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 57 more ... | { ...; }", "defaultValue": null, "required": false, "externalProp": false, diff --git a/packages/paste-core/primitives/text/type-docs.json b/packages/paste-core/primitives/text/type-docs.json index 90b59bdb2f..4ff7529f36 100644 --- a/packages/paste-core/primitives/text/type-docs.json +++ b/packages/paste-core/primitives/text/type-docs.json @@ -544,7 +544,7 @@ "externalProp": true }, "color": { - "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 56 more ... | { ...; }", + "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 57 more ... | { ...; }", "defaultValue": null, "required": false, "externalProp": false, From 9910fcd91f8ce2041bf2bdd8be7fdf5ab7159c85 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:54:29 -0500 Subject: [PATCH 032/145] feat(corner-ornament): updated dot for icon --- .../corner-ornament/__tests__/index.spec.tsx | 2 +- .../corner-ornament/src/mappings.tsx | 19 +- .../components/corner-ornament/src/types.ts | 2 +- .../corner-ornament/stories/index.stories.tsx | 249 ++++++++++-------- 4 files changed, 145 insertions(+), 127 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 9dc26f9ad9..f49c369aba 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -15,7 +15,7 @@ const ExampleCornerOrnament: React.FC<{ }> = ({ size, type, element }) => ( diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 6d7062221c..5d8990a044 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -5,8 +5,6 @@ import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; -const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; -const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = @@ -19,10 +17,7 @@ export const ClipPathMappings: Record { diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 5308e46c46..d9c61028a8 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -4,6 +4,8 @@ import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; +import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; + import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; @@ -20,15 +22,6 @@ export default { export const Default = (): React.ReactNode => { return ( - - - - - - ornament has notification - - - @@ -55,103 +48,6 @@ export const Default = (): React.ReactNode => { ); }; -export const SupportedDots = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - top_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - ); -}; - -SupportedDots.storyName = "Supported Corner Ornament Dots"; - export const SupportedBadge = (): React.ReactNode => { return ( @@ -405,7 +301,146 @@ export const SupportedIcon = (): React.ReactNode => { ); }; -SupportedIcon.storyName = "Supported Corner Ornament Icon"; +SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; + +export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + ); +}; + +SupportedNotificationOrnamentIcon.storyName = "Supported Corner Ornament Notification Icon"; export const CornerOrnamentCustomization = (): React.ReactNode => { const currentTheme = useTheme(); From 55b87fb3be701034aafdf8453fa33c5aeb89fdea Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:01:57 -0500 Subject: [PATCH 033/145] feat(corner-ornament): initial WIP --- .codesandbox/ci.json | 1 + .../paste-codemods/tools/.cache/mappings.json | 3 + .../components/corner-ornament/CHANGELOG.md | 0 .../corner-ornament/__tests__/index.spec.tsx | 11 +++ .../components/corner-ornament/build.js | 3 + .../components/corner-ornament/package.json | 59 ++++++++++++ .../corner-ornament/src/CornerOrnament.tsx | 64 +++++++++++++ .../src/CornerOrnamentContainer.tsx | 18 ++++ .../src/CornerOrnamentContext.tsx | 13 +++ .../src/CornerOrnamentElement.tsx | 60 ++++++++++++ .../components/corner-ornament/src/Masks.tsx | 19 ++++ .../corner-ornament/src/assets/mask-badge.svg | 1 + .../src/assets/mask-circle.svg | 1 + .../corner-ornament/src/assets/mask-dot.svg | 3 + .../components/corner-ornament/src/index.tsx | 10 ++ .../components/corner-ornament/src/types.ts | 91 +++++++++++++++++++ .../corner-ornament/stories/index.stories.tsx | 36 ++++++++ .../components/corner-ornament/tsconfig.json | 12 +++ packages/paste-core/core-bundle/.gitignore | 1 + packages/paste-core/core-bundle/package.json | 1 + .../core-bundle/src/corner-ornament.tsx | 1 + packages/paste-core/core-bundle/src/index.tsx | 1 + yarn.lock | 55 ++++++++++- 23 files changed, 463 insertions(+), 1 deletion(-) create mode 100644 packages/paste-core/components/corner-ornament/CHANGELOG.md create mode 100644 packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx create mode 100644 packages/paste-core/components/corner-ornament/build.js create mode 100644 packages/paste-core/components/corner-ornament/package.json create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg create mode 100644 packages/paste-core/components/corner-ornament/src/index.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/types.ts create mode 100644 packages/paste-core/components/corner-ornament/stories/index.stories.tsx create mode 100644 packages/paste-core/components/corner-ornament/tsconfig.json create mode 100644 packages/paste-core/core-bundle/src/corner-ornament.tsx diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json index 7d87a66b7f..d61049eab4 100644 --- a/.codesandbox/ci.json +++ b/.codesandbox/ci.json @@ -29,6 +29,7 @@ "/packages/paste-color-contrast-utils", "/packages/paste-core/components/combobox", "/packages/paste-core/primitives/combobox", + "/packages/paste-core/components/corner-ornament", "/packages/paste-customization", "/packages/paste-core/components/data-grid", "/packages/paste-libraries/data-visualization", diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index eadc2c00d9..2006ceeb3d 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -84,6 +84,9 @@ "MultiselectCombobox": "@twilio-paste/core/combobox", "useCombobox": "@twilio-paste/core/combobox", "useMultiselectCombobox": "@twilio-paste/core/combobox", + "CornerOrnament": "@twilio-paste/core/corner-ornament", + "CornerOrnamentContainer": "@twilio-paste/core/corner-ornament", + "CornerOrnamentElement": "@twilio-paste/core/corner-ornament", "DataGrid": "@twilio-paste/core/data-grid", "DataGridBody": "@twilio-paste/core/data-grid", "DataGridCell": "@twilio-paste/core/data-grid", diff --git a/packages/paste-core/components/corner-ornament/CHANGELOG.md b/packages/paste-core/components/corner-ornament/CHANGELOG.md new file mode 100644 index 0000000000..e69de29bb2 diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx new file mode 100644 index 0000000000..27c47e3a15 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -0,0 +1,11 @@ +import * as React from 'react'; +import {render} from '@testing-library/react'; + +import {CornerOrnament} from '../src'; + +describe('CornerOrnament', () => { + it('should render', () => { + const {getByText} = render(test); + expect(getByText('test')).toBeDefined(); + }); +}); diff --git a/packages/paste-core/components/corner-ornament/build.js b/packages/paste-core/components/corner-ornament/build.js new file mode 100644 index 0000000000..a4edeab49b --- /dev/null +++ b/packages/paste-core/components/corner-ornament/build.js @@ -0,0 +1,3 @@ +const {build} = require('../../../../tools/build/esbuild'); + +build(require('./package.json')); diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json new file mode 100644 index 0000000000..710e378146 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/package.json @@ -0,0 +1,59 @@ +{ + "name": "@twilio-paste/corner-ornament", + "version": "0.0.0", + "category": "data display", + "status": "production", + "description": "A component used to apply masking to an element and position another element as an ornament.", + "author": "Twilio Inc.", + "license": "MIT", + "main:dev": "src/index.tsx", + "main": "dist/index.js", + "module": "dist/index.es.js", + "types": "dist/index.d.ts", + "sideEffects": false, + "publishConfig": { + "access": "public" + }, + "files": [ + "dist" + ], + "scripts": { + "build": "yarn clean && NODE_ENV=production node build.js && tsc", + "build:js": "NODE_ENV=development node build.js", + "build:typedocs": "tsx ../../../../tools/build/generate-type-docs", + "clean": "rm -rf ./dist", + "tsc": "tsc" + }, + "peerDependencies": { + "@twilio-paste/animation-library": "^2.0.0", + "@twilio-paste/box": "^10.2.0", + "@twilio-paste/color-contrast-utils": "^5.0.0", + "@twilio-paste/customization": "^8.1.1", + "@twilio-paste/design-tokens": "^10.3.0", + "@twilio-paste/style-props": "^9.1.1", + "@twilio-paste/styling-library": "^3.0.0", + "@twilio-paste/theme": "^11.0.1", + "@twilio-paste/types": "^6.0.0", + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + }, + "devDependencies": { + "@twilio-paste/animation-library": "^2.0.0", + "@twilio-paste/box": "^10.2.0", + "@twilio-paste/color-contrast-utils": "^5.0.0", + "@twilio-paste/customization": "^8.1.1", + "@twilio-paste/design-tokens": "^10.3.0", + "@twilio-paste/style-props": "^9.1.1", + "@twilio-paste/styling-library": "^3.0.0", + "@twilio-paste/theme": "^11.0.1", + "@twilio-paste/types": "^6.0.0", + "@types/react": "^18.0.27", + "@types/react-dom": "^18.0.10", + "react": "^18.0.0", + "react-dom": "^18.0.0", + "tsx": "^4.0.0", + "typescript": "^4.9.4" + } +} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx new file mode 100644 index 0000000000..ba936e50d5 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -0,0 +1,64 @@ +import { Box, BoxStyleProps } from "@twilio-paste/box"; +import { IconSizeOptions } from "@twilio-paste/style-props"; +import * as React from "react"; + +import { useCornerOrnamentContext } from "./CornerOrnamentContext"; +import { CornerOrnamentPosition, CornerOrnamentProps, CornerOrnamentType } from "./types"; + +type OrnamentSpacingMapping = Record< + CornerOrnamentType, + Record>> +>; + +export const CornerOrnament = React.forwardRef( + ({ element = "CORNER_ORNAMENT", ...props }, ref) => { + const { cornerOrnamentType, size, position } = useCornerOrnamentContext(); + + const Positions: OrnamentSpacingMapping = { + badge: { + bottom_end: { + sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { left: "space70" }, + sizeIcon50: { left: "space70" }, + }, + }, + icon: { + bottom_end: { + sizeIcon80: { top: "24px", left: "24px" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + }, + dot: { + bottom_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + }, + }; + + if (!Positions[cornerOrnamentType][position][size]) { + throw new Error( + "[Paste: CornerOrnament] the size and/or position you have chosen is not currently supported. Please raise a new disucssion to get this supported at https://github.com/twilio-labs/paste/discussions.", + ); + } + + return ( + + {props.children} + + ); + }, +); + +CornerOrnament.displayName = "CornerOrnament"; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx new file mode 100644 index 0000000000..09a2f89f7d --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -0,0 +1,18 @@ +import { Box } from "@twilio-paste/box"; +import * as React from "react"; +import { CornerOrnamentContext } from "./CornerOrnamentContext"; +import { CornerOrnamentContainerProps } from "./types"; + +export const CornerOrnamentContainer = React.forwardRef( + ({ size, cornerOrnamentType, position = "bottom_end", element = "CORNER_ORNAMENT_CONTAINER", ...props }, ref) => { + return ( + + + {props.children} + + + ); + }, +); + +CornerOrnamentContainer.displayName = "CornerOrnamentContainer"; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx new file mode 100644 index 0000000000..a1f0f45850 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx @@ -0,0 +1,13 @@ +import React from "react"; + +import { CornerOrnamentContextInterface } from "./types"; + +export const CornerOrnamentContext = React.createContext(null); + +export const useCornerOrnamentContext = (): CornerOrnamentContextInterface => { + const context = React.useContext(CornerOrnamentContext); + if (!context) { + throw new Error("useCornerOrnamentContext must be used with CornerOrnamentContextProvider"); + } + return context; +}; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx new file mode 100644 index 0000000000..d8c60ed47d --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -0,0 +1,60 @@ +import { Box } from "@twilio-paste/box"; +import { useUID } from "@twilio-paste/uid-library"; + +import * as React from "react"; +import { useCornerOrnamentContext } from "./CornerOrnamentContext"; +import { BadgePath, BadgeSVG, DotPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; + +// import MaskBadge from "./assets/mask-badge.svg"; +// import MaskCircle from "./assets/mask-circle.svg"; +// import MaskDot from "./assets/mask-dot.svg"; + +export const CornerOrnamentElement = React.forwardRef( + ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { + const id = useUID(); + const { cornerOrnamentType, size } = useCornerOrnamentContext(); + + const getSVGAsset = (type: CornerOrnamentType) => { + switch (cornerOrnamentType) { + // case "badge": + // return MaskBadge; + // case "dot": + // return MaskDot; + default: + return ""; //MaskCircle; // replace with icon [lg circle] + } + }; + + return ( + + + {props.children} + + + + { + // eslint-disable-next-line @typescript-eslint/no-unused-vars + cornerOrnamentType === "badge" ? : < DotPath/> + } + + + + + + ); + }, +); + +CornerOrnamentElement.displayName = "CornerOrnamentElement"; diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx new file mode 100644 index 0000000000..327823dc40 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const BadgeSVG = () => ( + + + + + + + +); + +export const BadgePath = () => ( + +); + +export const DotPath = () => ( + +); diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg new file mode 100644 index 0000000000..1ccddfeef8 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/paste-core/components/corner-ornament/src/index.tsx b/packages/paste-core/components/corner-ornament/src/index.tsx new file mode 100644 index 0000000000..4cbf459cf4 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/index.tsx @@ -0,0 +1,10 @@ +export { CornerOrnament } from "./CornerOrnament"; +export { CornerOrnamentContainer } from "./CornerOrnamentContainer"; +export { CornerOrnamentElement } from "./CornerOrnamentElement"; +export type { + CornerOrnamentElementProps, + CornerOrnamentContainerProps, + CornerOrnamentProps, + CornerOrnamentType, + CornerOrnamentPosition, +} from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts new file mode 100644 index 0000000000..2da9ad4b3f --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -0,0 +1,91 @@ +import { BoxProps } from "@twilio-paste/box"; +import { IconSizeOptions } from "@twilio-paste/style-props"; +import type { HTMLPasteProps } from "@twilio-paste/types"; + +export type CornerOrnamentType = "badge" | "dot" | "icon"; +export type CornerOrnamentPosition = "bottom_end" | "top_end"; + +export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default 'CORNER_ORNAMENT_ELEMENT' + * @type {BoxProps['element']} + * @memberof CornerOrnamentElementProps + */ + element?: BoxProps["element"]; + /** + * Ability to set the padding of the main element + * @default null + * @type {'space0'} + * @memberof CornerOrnamentElementProps + */ + padding?: "space0"; +} + +export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default '{constantCase component-name}' + * @type {BoxProps['element']} + * @memberof CornerOrnamentProps + */ + element?: BoxProps["element"]; + /** + * Sets the position of the CornerOrnament + * @default 'bottom_end' + * @type {CornerOrnamentPosition} + * @memberof CornerOrnamentContainerProps + */ + position?: CornerOrnamentPosition; + /** + * The size of the CornerOrnamentElement used to determine spacing + * @default null + * @type {IconSizeOptions} + * @memberof CornerOrnamentContextInterface + */ + size: IconSizeOptions; + /** + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * @default null + * @type {CornerOrnamentType} + * @memberof CornerOrnamentContainerProps + */ + cornerOrnamentType: CornerOrnamentType; +} + +export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default '{constantCase component-name}' + * @type {BoxProps['element']} + * @memberof CornerOrnamentProps + */ + element?: BoxProps["element"]; +} + +export interface CornerOrnamentContextInterface { + /** + * Sets the position of the CornerOrnament + * @default null + * @type {IconSizeOptions} + * @memberof CornerOrnamentContextInterface + */ + size: IconSizeOptions; + /** + * Sets the position of the CornerOrnament + * @default null + * @type {CornerOrnamentType} + * @memberof CornerOrnamentContextInterface + */ + cornerOrnamentType: CornerOrnamentType; + /** + * Sets the position of the CornerOrnament + * @default null + * @type {CornerOrnamentPosition} + * @memberof CornerOrnamentContextInterface + */ + position: CornerOrnamentPosition; +} diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx new file mode 100644 index 0000000000..6a548458b8 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -0,0 +1,36 @@ +import { Avatar } from "@twilio-paste/avatar"; +import { Box } from "@twilio-paste/box"; +import {Badge} from "@twilio-paste/badge"; +import * as React from "react"; + +import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; + +// eslint-disable-next-line import/no-default-export +export default { + title: "Components/Corner Ornament", + component: CornerOrnamentContainer, +}; + +export const Default = (): React.ReactNode => { + return ( + + + + + + + + + + + + + + + + 9+ + + + + ); +}; diff --git a/packages/paste-core/components/corner-ornament/tsconfig.json b/packages/paste-core/components/corner-ornament/tsconfig.json new file mode 100644 index 0000000000..b5daed7034 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/tsconfig.json @@ -0,0 +1,12 @@ +{ + "extends": "../../../../tsconfig.json", + "compilerOptions": { + "outDir": "dist/", + }, + "include": [ + "src/**/*", + ], + "exclude": [ + "node_modules" + ] +} diff --git a/packages/paste-core/core-bundle/.gitignore b/packages/paste-core/core-bundle/.gitignore index 45317993e4..668e51d2ff 100644 --- a/packages/paste-core/core-bundle/.gitignore +++ b/packages/paste-core/core-bundle/.gitignore @@ -25,6 +25,7 @@ /color-contrast-utils /combobox /combobox-primitive +/corner-ornament /customization /data-grid /data-visualization-library diff --git a/packages/paste-core/core-bundle/package.json b/packages/paste-core/core-bundle/package.json index 31135715a6..7a4e554ca9 100644 --- a/packages/paste-core/core-bundle/package.json +++ b/packages/paste-core/core-bundle/package.json @@ -96,6 +96,7 @@ "@twilio-paste/color-contrast-utils": "^5.0.0", "@twilio-paste/combobox": "^16.2.1", "@twilio-paste/combobox-primitive": "^2.1.1", + "@twilio-paste/corner-ornament": "^0.0.0", "@twilio-paste/customization": "^8.2.0", "@twilio-paste/data-grid": "^8.3.1", "@twilio-paste/data-visualization-library": "^5.0.0", diff --git a/packages/paste-core/core-bundle/src/corner-ornament.tsx b/packages/paste-core/core-bundle/src/corner-ornament.tsx new file mode 100644 index 0000000000..ca7341a40a --- /dev/null +++ b/packages/paste-core/core-bundle/src/corner-ornament.tsx @@ -0,0 +1 @@ +export * from "@twilio-paste/corner-ornament"; diff --git a/packages/paste-core/core-bundle/src/index.tsx b/packages/paste-core/core-bundle/src/index.tsx index 7f29ad41b1..985d82af4c 100644 --- a/packages/paste-core/core-bundle/src/index.tsx +++ b/packages/paste-core/core-bundle/src/index.tsx @@ -19,6 +19,7 @@ export * from "@twilio-paste/checkbox"; export * from "@twilio-paste/code-block"; export * from "@twilio-paste/combobox"; export * from "@twilio-paste/combobox-primitive"; +export * from "@twilio-paste/corner-ornament"; export * from "@twilio-paste/data-grid"; export * from "@twilio-paste/date-picker"; export * from "@twilio-paste/description-list"; diff --git a/yarn.lock b/yarn.lock index 59b6c3105d..9185723a06 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12383,6 +12383,42 @@ __metadata: languageName: unknown linkType: soft +"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": + version: 0.0.0-use.local + resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" + dependencies: + "@twilio-paste/animation-library": ^2.0.0 + "@twilio-paste/box": ^10.2.0 + "@twilio-paste/color-contrast-utils": ^5.0.0 + "@twilio-paste/customization": ^8.1.1 + "@twilio-paste/design-tokens": ^10.3.0 + "@twilio-paste/style-props": ^9.1.1 + "@twilio-paste/styling-library": ^3.0.0 + "@twilio-paste/theme": ^11.0.1 + "@twilio-paste/types": ^6.0.0 + "@types/react": ^18.0.27 + "@types/react-dom": ^18.0.10 + react: ^18.0.0 + react-dom: ^18.0.0 + tsx: ^3.12.10 + typescript: ^4.9.4 + peerDependencies: + "@twilio-paste/animation-library": ^2.0.0 + "@twilio-paste/box": ^10.2.0 + "@twilio-paste/color-contrast-utils": ^5.0.0 + "@twilio-paste/customization": ^8.1.1 + "@twilio-paste/design-tokens": ^10.3.0 + "@twilio-paste/style-props": ^9.1.1 + "@twilio-paste/styling-library": ^3.0.0 + "@twilio-paste/theme": ^11.0.1 + "@twilio-paste/types": ^6.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + languageName: unknown + linkType: soft + "@twilio-paste/customization@^8.0.0, @twilio-paste/customization@^8.1.0, @twilio-paste/customization@^8.1.1, @twilio-paste/customization@^8.2.0, @twilio-paste/customization@workspace:packages/paste-customization": version: 0.0.0-use.local resolution: "@twilio-paste/customization@workspace:packages/paste-customization" @@ -41776,7 +41812,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43788,6 +43824,23 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard +"tsx@npm:^3.12.10": + version: 3.14.0 + resolution: "tsx@npm:3.14.0" + dependencies: + esbuild: ~0.18.20 + fsevents: ~2.3.3 + get-tsconfig: ^4.7.2 + source-map-support: ^0.5.21 + dependenciesMeta: + fsevents: + optional: true + bin: + tsx: dist/cli.mjs + checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 + languageName: node + linkType: hard + "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From 103813a807994ece75d0e3900a9e4dc8da31680c Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:37:06 -0500 Subject: [PATCH 034/145] feat(corner-ornament): refactor of masking paths in element --- .eslintrc.js | 5 ++ .../src/CornerOrnamentElement.tsx | 48 +++++++++---------- .../components/corner-ornament/src/Masks.tsx | 17 ++----- .../corner-ornament/stories/index.stories.tsx | 5 +- 4 files changed, 34 insertions(+), 41 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 77fbf08f1a..eaeb175b18 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -88,6 +88,11 @@ module.exports = { "error_counter", "neutral_counter", "notification_counter", + // these are position names we use as keys in style objects + "top_end", + "top_start", + "bottom_end", + "bottom_start", // unstable props are allowed "^unstable_", // this is a temporary prop, if the console patch is removed from components this can be removed too diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index d8c60ed47d..818487b73d 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -3,54 +3,50 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgePath, BadgeSVG, DotPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; - -// import MaskBadge from "./assets/mask-badge.svg"; -// import MaskCircle from "./assets/mask-circle.svg"; -// import MaskDot from "./assets/mask-dot.svg"; +import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, size } = useCornerOrnamentContext(); + const { cornerOrnamentType, position } = useCornerOrnamentContext(); - const getSVGAsset = (type: CornerOrnamentType) => { - switch (cornerOrnamentType) { - // case "badge": - // return MaskBadge; - // case "dot": - // return MaskDot; - default: - return ""; //MaskCircle; // replace with icon [lg circle] + const MasksMapping: Record> = { + badge: { + bottom_end: , + top_end: , + }, + dot: { + bottom_end: , + top_end: , + }, + icon: { + bottom_end: , + top_end: , } }; - + return ( - {props.children} - + {props.children} + { - // eslint-disable-next-line @typescript-eslint/no-unused-vars - cornerOrnamentType === "badge" ? : < DotPath/> + MasksMapping[cornerOrnamentType][position] } - + ); diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index 327823dc40..f60f1b4a9c 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,19 +1,10 @@ import React from "react"; -export const BadgeSVG = () => ( - - - - - - - -); -export const BadgePath = () => ( - +export const BadgeBottomEndPath = () => ( + ); -export const DotPath = () => ( - +export const DotBottomEndPath = () => ( + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 6a548458b8..27419eeff7 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -1,6 +1,7 @@ import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import {Badge} from "@twilio-paste/badge"; +import { Stack } from "@twilio-paste/stack"; import * as React from "react"; import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; @@ -13,7 +14,7 @@ export default { export const Default = (): React.ReactNode => { return ( - + @@ -31,6 +32,6 @@ export const Default = (): React.ReactNode => { 9+ - + ); }; From 5df71e82a7dbbc07e43777bbadc2ae576e8e154b Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 08:22:17 -0500 Subject: [PATCH 035/145] feat(corner-ornament): updated stories --- .../corner-ornament/stories/index.stories.tsx | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 27419eeff7..b2632496ae 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -2,6 +2,8 @@ import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import {Badge} from "@twilio-paste/badge"; import { Stack } from "@twilio-paste/stack"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; import * as React from "react"; import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; @@ -20,6 +22,7 @@ export const Default = (): React.ReactNode => { + ornament has notification @@ -29,9 +32,22 @@ export const Default = (): React.ReactNode => { - 9+ + notification value + 9+ + + + + + + + + + notification value + 9+ + + ); }; From e24080d1aef5dacb67639332a04a9881576e8801 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 12:38:27 -0500 Subject: [PATCH 036/145] feat(corner-ornament): tweaks --- .../corner-ornament/src/CornerOrnamentElement.tsx | 15 ++++++--------- .../components/corner-ornament/src/Masks.tsx | 3 +-- 2 files changed, 7 insertions(+), 11 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 818487b73d..76a99ff014 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -9,9 +9,9 @@ import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, position } = useCornerOrnamentContext(); + const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - const MasksMapping: Record> = { + const MasksMapping: Record> = { badge: { bottom_end: , top_end: , @@ -23,9 +23,9 @@ export const CornerOrnamentElement = React.forwardRef, top_end: , - } + }, }; - + return ( {props.children} - { - MasksMapping[cornerOrnamentType][position] - } + {MasksMapping[cornerOrnamentType][position]} diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index f60f1b4a9c..6a0ebff669 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,8 +1,7 @@ import React from "react"; - export const BadgeBottomEndPath = () => ( - + ); export const DotBottomEndPath = () => ( From 2287751b6bc06011012175d01325d7705421843b Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 13:51:34 -0500 Subject: [PATCH 037/145] feat(corner-ornament): stories ad size mappings --- .../corner-ornament/src/CornerOrnament.tsx | 26 +-- .../corner-ornament/stories/index.stories.tsx | 149 ++++++++++++++++-- 2 files changed, 155 insertions(+), 20 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index ba936e50d5..e980091b56 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,39 +17,43 @@ export const CornerOrnament = React.forwardRef { return ( - - + + - + ornament has notification + + + + + + notification value + + 9+ + + + + + + + + + notification value + + 9+ + + + + + ); +}; +export const CornerOrnamentPositions = (): React.ReactNode => { + return ( + + + + + + + ornament has notification + + + notification value - 9+ + + 9+ + + + + + + + notification value + + 9+ + + + + + ); +}; + +CornerOrnamentPositions.storyName = "Corner Ornament Positions"; +export const CornerOrnamentSizes = (): React.ReactNode => { + return ( + + + Avatar: + + + + + + + + ornament has notification + + + + + + + + + notification value + + 9+ + + + + notification value - 9+ + + 9+ + + ); +}; + +CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; - +export const CornerOrnamentCustomization = (): React.ReactNode => { + const currentTheme = useTheme(); + + return ( + + + + + + + + + + + + ); }; + +CornerOrnamentCustomization.storyName = "Corner Ornament Customization"; +CornerOrnamentCustomization.parameters = { + a11y: { + // no need to a11y check customization + disable: true, + }, +}; From 9453d179b390cbc80664fd0f3e3a9f65b9177b94 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 14:47:02 -0500 Subject: [PATCH 038/145] feat(corner-ornament): stories --- .../corner-ornament/src/CornerOrnament.tsx | 40 +- .../src/CornerOrnamentElement.tsx | 4 + .../components/corner-ornament/src/types.ts | 2 +- .../corner-ornament/stories/index.stories.tsx | 415 ++++++++++++++---- 4 files changed, 371 insertions(+), 90 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index e980091b56..0cb43c1a46 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,36 +17,48 @@ export const CornerOrnament = React.forwardRef, top_end: , }, + avatar: { + bottom_end: , + top_end: , + }, }; return ( diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index 2da9ad4b3f..e3aae5352b 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -2,7 +2,7 @@ import { BoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import type { HTMLPasteProps } from "@twilio-paste/types"; -export type CornerOrnamentType = "badge" | "dot" | "icon"; +export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 0300f0108e..c792c20ef0 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -3,7 +3,7 @@ import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; -import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; @@ -20,9 +20,9 @@ export default { export const Default = (): React.ReactNode => { return ( - + - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -55,90 +55,355 @@ export const Default = (): React.ReactNode => { ); }; -export const CornerOrnamentPositions = (): React.ReactNode => { +export const SupportedDots = (): React.ReactNode => { return ( - - - - - - - ornament has notification - - - - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - + + + bottom_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + + + top_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + ); }; -CornerOrnamentPositions.storyName = "Corner Ornament Positions"; +SupportedDots.storyName = "Supported Corner Ornament Dots"; -export const CornerOrnamentSizes = (): React.ReactNode => { +export const SupportedBadge = (): React.ReactNode => { return ( - Avatar: + bottom_end: - - - - - - ornament has notification - - - + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + top_end: + + + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + ); +}; + +SupportedBadge.storyName = "Supported Corner Ornament Badge"; + +export const SupportedAvatar = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + ); +}; + +SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; + +export const SupportedIcon = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - ); }; -CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; +SupportedIcon.storyName = "Supported Corner Ornament Icon"; export const CornerOrnamentCustomization = (): React.ReactNode => { const currentTheme = useTheme(); @@ -164,10 +429,10 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + - + From fe7f6bd53d6c23761406eebe2a73da5d5309ee6b Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:14:21 -0500 Subject: [PATCH 039/145] feat(corner-ornament): tests --- .../corner-ornament/__tests__/index.spec.tsx | 99 +++++++++++++++++-- .../corner-ornament/src/CornerOrnament.tsx | 10 +- .../src/CornerOrnamentContainer.tsx | 4 +- .../src/CornerOrnamentElement.tsx | 35 ++++--- .../corner-ornament/stories/index.stories.tsx | 60 +++++------ 5 files changed, 149 insertions(+), 59 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 27c47e3a15..8fab739781 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,11 +1,96 @@ -import * as React from 'react'; -import {render} from '@testing-library/react'; +import { render, screen } from "@testing-library/react"; +import * as React from "react"; -import {CornerOrnament} from '../src'; +import { Avatar } from "@twilio-paste/avatar"; +import { Box } from "@twilio-paste/box"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import { IconSizeOptions } from "@twilio-paste/style-props"; +import { + CornerOrnament, + CornerOrnamentContainer, + CornerOrnamentElement, + CornerOrnamentPosition, + CornerOrnamentType, +} from "../src"; -describe('CornerOrnament', () => { - it('should render', () => { - const {getByText} = render(test); - expect(getByText('test')).toBeDefined(); +const ExampleCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); + +const CustomizedCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); + +describe("CornerOrnament", () => { + it("should render", () => { + const { getByTestId } = render(); + expect(getByTestId("ornament-element")).toBeDefined(); + expect(getByTestId("ornament")).toBeDefined(); + }); + + it("should throw errors for unsupported size and type combinations", () => { + expect(() => { + render(); + }).toThrow(); + }); + + describe("Customization", () => { + it("should set element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( + "CORNER_ORNAMENT_ELEMENT", + ); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); + }); + + it("should set custom element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_ELEMENT", + ); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); + }); }); }); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 0cb43c1a46..056ff0d4e1 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,4 +1,4 @@ -import { Box, BoxStyleProps } from "@twilio-paste/box"; +import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; @@ -70,7 +70,13 @@ export const CornerOrnament = React.forwardRef + {props.children} ); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 09a2f89f7d..90849fbff4 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; @@ -7,7 +7,7 @@ export const CornerOrnamentContainer = React.forwardRef { return ( - + {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 52e850bdd9..50e4156639 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; @@ -31,23 +31,22 @@ export const CornerOrnamentElement = React.forwardRef - - {props.children} - - - - {MasksMapping[cornerOrnamentType][position]} - - - + + {props.children} + + + + {MasksMapping[cornerOrnamentType][position]} + + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index c792c20ef0..dcca9b16a1 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -22,7 +22,7 @@ export const Default = (): React.ReactNode => { - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -66,7 +66,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -79,7 +79,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -92,7 +92,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -110,7 +110,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -123,7 +123,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -136,7 +136,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -163,7 +163,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -182,7 +182,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -210,10 +210,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -222,10 +222,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -239,10 +239,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -251,10 +251,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -277,7 +277,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -289,7 +289,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -301,7 +301,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -313,7 +313,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -325,7 +325,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -342,7 +342,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -354,7 +354,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -366,7 +366,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -378,7 +378,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -390,7 +390,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -429,7 +429,7 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + From b2eb2edfc66d75dbaf98bda8342e634b444efdf4 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:35:23 -0500 Subject: [PATCH 040/145] feat(corner-ornament): refactor masks for string --- .../src/CornerOrnamentElement.tsx | 22 +++++++++---------- .../components/corner-ornament/src/Masks.ts | 4 ++++ 2 files changed, 15 insertions(+), 11 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/src/Masks.ts diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 50e4156639..e98c8c2f1c 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,7 +1,7 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; - import * as React from "react"; + import { useCornerOrnamentContext } from "./CornerOrnamentContext"; import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; @@ -11,22 +11,22 @@ export const CornerOrnamentElement = React.forwardRef> = { + const ClipPathMapping: Record> = { badge: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, dot: { - bottom_end: , - top_end: , + bottom_end: DotBottomEndPath, + top_end: DotBottomEndPath, }, icon: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, avatar: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, }; @@ -44,7 +44,7 @@ export const CornerOrnamentElement = React.forwardRef - {MasksMapping[cornerOrnamentType][position]} + {} diff --git a/packages/paste-core/components/corner-ornament/src/Masks.ts b/packages/paste-core/components/corner-ornament/src/Masks.ts new file mode 100644 index 0000000000..cbd0e2fa0a --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/Masks.ts @@ -0,0 +1,4 @@ +export const BadgeBottomEndPath = + "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; +export const DotBottomEndPath = + "M 1.023 0.499 C 1.027 0.204 0.796 -0.029 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.2239 0.5 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; From 3f7b3ad718b3a13167b013c8b896a666dad2a09f Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:42:14 -0500 Subject: [PATCH 041/145] feat(corner-ornament): lint & typedoc --- .../corner-ornament/__tests__/index.spec.tsx | 7 +- .../components/corner-ornament/package.json | 2 + .../src/CornerOrnamentContainer.tsx | 1 + .../components/corner-ornament/src/Masks.tsx | 9 - .../corner-ornament/stories/index.stories.tsx | 12 +- .../components/corner-ornament/type-docs.json | 4779 +++++++++++++++++ 6 files changed, 4791 insertions(+), 19 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx create mode 100644 packages/paste-core/components/corner-ornament/type-docs.json diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 8fab739781..4bd1661f7d 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,11 +1,10 @@ -import { render, screen } from "@testing-library/react"; -import * as React from "react"; - +import { render } from "@testing-library/react"; import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; -import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { IconSizeOptions } from "@twilio-paste/style-props"; +import * as React from "react"; + import { CornerOrnament, CornerOrnamentContainer, diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 710e378146..f5196f9442 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -34,6 +34,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", "react": "^16.8.6 || ^17.0.2 || ^18.0.0", @@ -49,6 +50,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", "react": "^18.0.0", diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 90849fbff4..d5a2ea3b63 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,5 +1,6 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; + import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx deleted file mode 100644 index 6a0ebff669..0000000000 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; - -export const BadgeBottomEndPath = () => ( - -); - -export const DotBottomEndPath = () => ( - -); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index dcca9b16a1..53a4c2bec4 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -70,7 +70,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -83,7 +83,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -96,7 +96,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -114,7 +114,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -127,7 +127,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -140,7 +140,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json new file mode 100644 index 0000000000..5a838eb5e2 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -0,0 +1,4779 @@ +{ + "CornerOrnamentElement": { + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'CORNER_ORNAMENT_ELEMENT'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "padding": { + "type": "\"space0\"", + "defaultValue": "null", + "required": false, + "externalProp": false, + "description": "Ability to set the padding of the main element" + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + }, + "CornerOrnamentContainer": { + "cornerOrnamentType": { + "type": "CornerOrnamentType", + "defaultValue": "null", + "required": true, + "externalProp": false, + "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect." + }, + "size": { + "type": "| \"sizeIcon05\"\n | \"sizeIcon10\"\n | \"sizeIcon20\"\n | \"sizeIcon30\"\n | \"sizeIcon40\"\n | \"sizeIcon50\"\n | \"sizeIcon60\"\n | \"sizeIcon70\"\n | \"sizeIcon80\"\n | \"sizeIcon90\"\n | \"sizeIcon100\"\n | \"sizeIcon110\"", + "defaultValue": "null", + "required": true, + "externalProp": false, + "description": "The size of the CornerOrnamentElement used to determine spacing" + }, + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'{constantCase component-name}'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "position": { + "type": "CornerOrnamentPosition", + "defaultValue": "'bottom_end'", + "required": false, + "externalProp": false, + "description": "Sets the position of the CornerOrnament" + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + }, + "CornerOrnament": { + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'{constantCase component-name}'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + } +} From f3e8863762a3dc9659615844a087528ac96c714a Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:48:03 -0500 Subject: [PATCH 042/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/warm-snakes-grow.md diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md new file mode 100644 index 0000000000..f708de0953 --- /dev/null +++ b/.changeset/warm-snakes-grow.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/corner-ornament": major +"@twilio-paste/core": minor +--- + +[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From 82b87f9d9d25e639b143e79df49554b8b83e6e23 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 09:59:20 -0500 Subject: [PATCH 043/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md index f708de0953..6af8c7f299 100644 --- a/.changeset/warm-snakes-grow.md +++ b/.changeset/warm-snakes-grow.md @@ -3,4 +3,4 @@ "@twilio-paste/core": minor --- -[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament +[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From c30d83b8d10a606849dc62a038091faaf3593c99 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:04:30 -0500 Subject: [PATCH 044/145] feat(corner-ornament): remove unused assets --- .../components/corner-ornament/src/assets/mask-badge.svg | 1 - .../components/corner-ornament/src/assets/mask-circle.svg | 1 - .../components/corner-ornament/src/assets/mask-dot.svg | 3 --- 3 files changed, 5 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg deleted file mode 100644 index 1ccddfeef8..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - From d359e9a4caa957dfba944bb20345fc0053d57453 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:06:48 -0500 Subject: [PATCH 045/145] feat(corner-ornament): types update --- .../paste-core/components/corner-ornament/src/types.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index e3aae5352b..dd6bb81600 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -29,7 +29,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * Overrides the default element name to apply unique styles with the Customization Provider * @default '{constantCase component-name}' * @type {BoxProps['element']} - * @memberof CornerOrnamentProps + * @memberof CornerOrnamentContainerProps */ element?: BoxProps["element"]; /** @@ -43,7 +43,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} - * @memberof CornerOrnamentContextInterface + * @memberof CornerOrnamentContainerProps */ size: IconSizeOptions; /** @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * Sets the position of the CornerOrnament + * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * Sets the position of the CornerOrnament + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface From 6e1d67b042eda265ad593196c9b5709c41ef0bb8 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:11:04 -0500 Subject: [PATCH 046/145] feat(corner-ornament): update package description --- packages/paste-core/components/corner-ornament/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index f5196f9442..30d147aab1 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply masking to an element and position another element as an ornament.", + "description": "A component used to apply a clip path to an element and position another element as an ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", From c9df50fbb199e71bb56809a3c4755cd801342573 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 08:45:59 -0500 Subject: [PATCH 047/145] feat(corner-ornament): yarn lock --- yarn.lock | 26 ++++++-------------------- 1 file changed, 6 insertions(+), 20 deletions(-) diff --git a/yarn.lock b/yarn.lock index 9185723a06..89fd0a33a0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12283,6 +12283,7 @@ __metadata: "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/combobox": ^16.2.1 "@twilio-paste/combobox-primitive": ^2.1.1 + "@twilio-paste/corner-ornament": ^0.0.0 "@twilio-paste/customization": ^8.2.0 "@twilio-paste/data-grid": ^8.3.1 "@twilio-paste/data-visualization-library": ^5.0.0 @@ -12383,7 +12384,7 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": +"@twilio-paste/corner-ornament@^0.0.0, @twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": version: 0.0.0-use.local resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" dependencies: @@ -12396,11 +12397,12 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^18.0.27 "@types/react-dom": ^18.0.10 react: ^18.0.0 react-dom: ^18.0.0 - tsx: ^3.12.10 + tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -12412,6 +12414,7 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 react: ^16.8.6 || ^17.0.2 || ^18.0.0 @@ -41812,7 +41815,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43824,23 +43827,6 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"tsx@npm:^3.12.10": - version: 3.14.0 - resolution: "tsx@npm:3.14.0" - dependencies: - esbuild: ~0.18.20 - fsevents: ~2.3.3 - get-tsconfig: ^4.7.2 - source-map-support: ^0.5.21 - dependenciesMeta: - fsevents: - optional: true - bin: - tsx: dist/cli.mjs - checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 - languageName: node - linkType: hard - "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From 53f8edaeaa40d0946edb34ddfa5198638cc8de47 Mon Sep 17 00:00:00 2001 From: krisantrobus <55083528+krisantrobus@users.noreply.github.com> Date: Tue, 30 Jul 2024 09:20:14 -0500 Subject: [PATCH 048/145] Update packages/paste-core/components/corner-ornament/package.json Co-authored-by: Nora Krantz <75342690+nkrantz@users.noreply.github.com> --- packages/paste-core/components/corner-ornament/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 30d147aab1..2f36e78910 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply a clip path to an element and position another element as an ornament.", + "description": "Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", From e4e5cadb57e8d9cd3d6cda7d1aa297ef5a04b665 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 13:49:30 -0500 Subject: [PATCH 049/145] feat(corner-ornament): pr comments --- .../corner-ornament/__tests__/index.spec.tsx | 55 +++------ ...mentElement.tsx => CornerOrnamentBase.tsx} | 10 +- .../src/CornerOrnamentContext.tsx | 2 +- .../components/corner-ornament/src/index.tsx | 6 +- .../components/corner-ornament/src/types.ts | 8 +- .../corner-ornament/stories/index.stories.tsx | 108 +++++++++--------- .../components/corner-ornament/type-docs.json | 4 +- 7 files changed, 83 insertions(+), 110 deletions(-) rename packages/paste-core/components/corner-ornament/src/{CornerOrnamentElement.tsx => CornerOrnamentBase.tsx} (77%) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 4bd1661f7d..9dc26f9ad9 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -5,50 +5,27 @@ import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; -import { - CornerOrnament, - CornerOrnamentContainer, - CornerOrnamentElement, - CornerOrnamentPosition, - CornerOrnamentType, -} from "../src"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; +import { CornerOrnamentType } from "../src/types"; const ExampleCornerOrnament: React.FC<{ size?: IconSizeOptions; - position?: CornerOrnamentPosition; type?: CornerOrnamentType; -}> = ({ size, type }) => ( + element?: string; +}> = ({ size, type, element }) => ( - + - - - - - - - -); - -const CustomizedCornerOrnament: React.FC<{ - size?: IconSizeOptions; - position?: CornerOrnamentPosition; - type?: CornerOrnamentType; -}> = ({ size, type }) => ( - - - - - + + @@ -75,19 +52,17 @@ describe("CornerOrnament", () => { expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( "CORNER_ORNAMENT_CONTAINER", ); - expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( - "CORNER_ORNAMENT_ELEMENT", - ); + expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT_BASE"); expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); }); it("should set custom element data attribute", () => { - const { getByTestId } = render(); + const { getByTestId } = render(); expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", ); - expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( - "CUSTOMIZED_CORNER_ORNAMENT_ELEMENT", + expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_BASE", ); expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); }); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx similarity index 77% rename from packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx rename to packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index e98c8c2f1c..0ac811d8cc 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -4,10 +4,10 @@ import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; +import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; -export const CornerOrnamentElement = React.forwardRef( - ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { +export const CornerOrnamentBase = React.forwardRef( + ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); @@ -41,7 +41,7 @@ export const CornerOrnamentElement = React.forwardRef {props.children} - + {} @@ -53,4 +53,4 @@ export const CornerOrnamentElement = React.forwardRef { const context = React.useContext(CornerOrnamentContext); if (!context) { - throw new Error("useCornerOrnamentContext must be used with CornerOrnamentContextProvider"); + throw new Error("Corner Ornaments components must be used within CornerOrnamentContainer"); } return context; }; diff --git a/packages/paste-core/components/corner-ornament/src/index.tsx b/packages/paste-core/components/corner-ornament/src/index.tsx index 4cbf459cf4..a33ccc3660 100644 --- a/packages/paste-core/components/corner-ornament/src/index.tsx +++ b/packages/paste-core/components/corner-ornament/src/index.tsx @@ -1,10 +1,8 @@ export { CornerOrnament } from "./CornerOrnament"; export { CornerOrnamentContainer } from "./CornerOrnamentContainer"; -export { CornerOrnamentElement } from "./CornerOrnamentElement"; +export { CornerOrnamentBase } from "./CornerOrnamentBase"; export type { - CornerOrnamentElementProps, + CornerOrnamentBaseProps, CornerOrnamentContainerProps, CornerOrnamentProps, - CornerOrnamentType, - CornerOrnamentPosition, } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index dd6bb81600..9646bfa4fc 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -5,20 +5,20 @@ import type { HTMLPasteProps } from "@twilio-paste/types"; export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; -export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { +export interface CornerOrnamentBaseProps extends HTMLPasteProps<"div"> { children?: React.ReactNode; /** * Overrides the default element name to apply unique styles with the Customization Provider - * @default 'CORNER_ORNAMENT_ELEMENT' + * @default 'CORNER_ORNAMENT_BASE' * @type {BoxProps['element']} - * @memberof CornerOrnamentElementProps + * @memberof CornerOrnamentBaseProps */ element?: BoxProps["element"]; /** * Ability to set the padding of the main element * @default null * @type {'space0'} - * @memberof CornerOrnamentElementProps + * @memberof CornerOrnamentBaseProps */ padding?: "space0"; } diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 53a4c2bec4..507b6803c7 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -9,7 +9,7 @@ import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; -import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; // eslint-disable-next-line import/no-default-export export default { @@ -21,18 +21,18 @@ export const Default = (): React.ReactNode => { return ( - + - + ornament has notification - + - + notification value @@ -41,9 +41,9 @@ export const Default = (): React.ReactNode => { - - - + + + notification value @@ -65,9 +65,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + - + ornament has notification @@ -78,9 +78,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + - + ornament has notification @@ -91,9 +91,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + - + ornament has notification @@ -109,9 +109,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + - + ornament has notification @@ -122,9 +122,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + - + ornament has notification @@ -135,9 +135,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + - + ornament has notification @@ -162,9 +162,9 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + - + notification value @@ -181,9 +181,9 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + - + notification value @@ -209,9 +209,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + @@ -221,9 +221,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + @@ -238,9 +238,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + @@ -250,9 +250,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + @@ -276,9 +276,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + - + @@ -288,9 +288,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + - + @@ -300,9 +300,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + - + @@ -312,9 +312,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + - + @@ -324,9 +324,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + - + @@ -341,9 +341,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + - + @@ -353,9 +353,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + - + @@ -365,9 +365,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + - + @@ -377,9 +377,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + - + @@ -389,9 +389,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + - + @@ -428,9 +428,9 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { }} > - + - + diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json index 5a838eb5e2..4a71aab26e 100644 --- a/packages/paste-core/components/corner-ornament/type-docs.json +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -1,5 +1,5 @@ { - "CornerOrnamentElement": { + "CornerOrnamentBase": { "about": { "type": "string", "defaultValue": null, @@ -416,7 +416,7 @@ }, "element": { "type": "string", - "defaultValue": "'CORNER_ORNAMENT_ELEMENT'", + "defaultValue": "'CORNER_ORNAMENT_BASE'", "required": false, "externalProp": false, "description": "Overrides the default element name to apply unique styles with the Customization Provider" From 8b4e9876bc92527fddad73bbb1d6b73a332bc3b0 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 15:30:46 -0500 Subject: [PATCH 050/145] feat(corner-ornament): mappings refactor --- .../corner-ornament/src/CornerOrnament.tsx | 64 +------------ .../src/CornerOrnamentBase.tsx | 25 +---- .../corner-ornament/src/mappings.tsx | 92 +++++++++++++++++++ .../corner-ornament/stories/index.stories.tsx | 2 + 4 files changed, 102 insertions(+), 81 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/src/mappings.tsx diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 056ff0d4e1..844513006e 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,69 +1,15 @@ -import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; -import { IconSizeOptions } from "@twilio-paste/style-props"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { CornerOrnamentPosition, CornerOrnamentProps, CornerOrnamentType } from "./types"; - -type OrnamentSpacingMapping = Record< - CornerOrnamentType, - Record>> ->; +import { OrnamentPositionStyleMappings } from "./mappings"; +import { CornerOrnamentProps } from "./types"; export const CornerOrnament = React.forwardRef( ({ element = "CORNER_ORNAMENT", ...props }, ref) => { const { cornerOrnamentType, size, position } = useCornerOrnamentContext(); - const Positions: OrnamentSpacingMapping = { - badge: { - bottom_end: { - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - avatar: { - bottom_end: { - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon70: { left: "space50", top: "space0" }, - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - icon: { - bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "0.91rem", left: "0.91rem" }, - sizeIcon50: { top: "1.05rem", left: "1.05rem" }, - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon30: { left: "space40", top: "space0" }, - sizeIcon40: { left: "space50", top: "space0" }, - sizeIcon50: { left: "space60", top: "space0" }, - sizeIcon70: { left: "space60", top: "space0" }, - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - dot: { - bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, - }, - top_end: { - sizeIcon30: { left: "space40", top: "space0" }, - sizeIcon40: { left: "space50", top: "space0" }, - sizeIcon50: { left: "space60", top: "space0" }, - }, - }, - }; - - if (!Positions[cornerOrnamentType][position][size]) { + if (!OrnamentPositionStyleMappings[cornerOrnamentType][position][size]) { throw new Error( "[Paste: CornerOrnament] the size/position/type combination you have chosen is not currently supported. Please refer to our guildinges in our docs or raise a new disucssion to get this supported at https://github.com/twilio-labs/paste/discussions.", ); @@ -75,7 +21,7 @@ export const CornerOrnament = React.forwardRef {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index 0ac811d8cc..fd5c33a5d0 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -3,33 +3,14 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; +import { ClipPathMappings } from "./mappings"; +import { CornerOrnamentBaseProps } from "./types"; export const CornerOrnamentBase = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - const ClipPathMapping: Record> = { - badge: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - dot: { - bottom_end: DotBottomEndPath, - top_end: DotBottomEndPath, - }, - icon: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - avatar: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - }; - return ( - {} + {} diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx new file mode 100644 index 0000000000..ec57c6969e --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -0,0 +1,92 @@ +import { BoxStyleProps } from "@twilio-paste/box"; +import { IconSizeOptions } from "@twilio-paste/style-props"; + +import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; + +const BadgeBottomEndPath = + "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; +const BadgeTopEndPath = + "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; +const DotBottomEndPath = + "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; +const DotTopEndPath = + "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; +const IconTopEndPath = + "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; +const IconBottomEndPath = + "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; +const AvatarBottomEndPath = + "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; +const AvatarTopEndPath = + "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; + +export const ClipPathMappings: Record> = { + badge: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeTopEndPath, + }, + dot: { + bottom_end: DotBottomEndPath, + top_end: DotTopEndPath, + }, + icon: { + bottom_end: IconBottomEndPath, + top_end: IconTopEndPath, + }, + avatar: { + bottom_end: AvatarBottomEndPath, + top_end: AvatarTopEndPath, + }, +}; + +export const OrnamentPositionStyleMappings: Record< + CornerOrnamentType, + Record>> +> = { + badge: { + bottom_end: { + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + avatar: { + bottom_end: { + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + icon: { + bottom_end: { + sizeIcon30: { top: "space40", left: "space40" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon30: { left: "space40", top: "spaceNegative10" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + dot: { + bottom_end: { + sizeIcon30: { top: "14px", left: "14px" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, + }, + top_end: { + sizeIcon30: { left: "14px", top: "-3px" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, + }, + }, +}; diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 507b6803c7..25bbd002ff 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -172,6 +172,7 @@ export const SupportedBadge = (): React.ReactNode => { + badge size="small" @@ -191,6 +192,7 @@ export const SupportedBadge = (): React.ReactNode => { + badge size="small" From 22a307f27cde59d73f82b78f188e49183edfba2b Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 06:24:02 -0500 Subject: [PATCH 051/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index ec57c6969e..4313c5c390 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -45,7 +45,7 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon80: { left: "space70", top: "spaceNegative10" }, @@ -53,8 +53,8 @@ export const OrnamentPositionStyleMappings: Record< }, avatar: { bottom_end: { - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon70: { left: "space60", top: "spaceNegative10" }, @@ -63,25 +63,25 @@ export const OrnamentPositionStyleMappings: Record< }, icon: { bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon30: { left: "space40", top: "space40" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "18px", top: "18px" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon30: { left: "space40", top: "spaceNegative10" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, + sizeIcon40: { left: "16px", top: "0px" }, + sizeIcon50: { left: "18px", top: "spaceNegative10" }, sizeIcon70: { left: "space60", top: "spaceNegative10" }, sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, dot: { bottom_end: { - sizeIcon30: { top: "14px", left: "14px" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { sizeIcon30: { left: "14px", top: "-3px" }, From 58d5f7d214e6cf8414997dc1d3b2b1c84e87ab3e Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 12:13:16 -0500 Subject: [PATCH 052/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 56 +++++++++---------- 1 file changed, 25 insertions(+), 31 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 4313c5c390..6d7062221c 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,22 +3,16 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = - "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; -const BadgeTopEndPath = - "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; -const DotBottomEndPath = - "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; -const DotTopEndPath = - "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; +const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; +const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; +const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; +const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = - "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; + "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = - "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; -const AvatarBottomEndPath = - "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; -const AvatarTopEndPath = - "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; + "M1.014.606A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .106 1.04A.352.352 0 0 1 .95.6c.022 0 .043.002.064.006Z"; +const AvatarBottomEndPath = "M1.023.546a.525.525 0 1 0-.477.477.35.35 0 0 1 .477-.477Z"; +const AvatarTopEndPath = "M1.023.454a.35.35 0 0 1-.477-.477.525.525 0 1 0 .477.477Z"; export const ClipPathMappings: Record> = { badge: { @@ -45,10 +39,10 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon80: { left: "28px", top: "28px" }, }, top_end: { - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon80: { left: "28px", top: "spaceNegative30" }, }, }, avatar: { @@ -57,36 +51,36 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative20" }, + sizeIcon80: { left: "space70", top: "spaceNegative20" }, }, }, icon: { bottom_end: { - sizeIcon30: { left: "space40", top: "space40" }, - sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon30: { left: "13px", top: "13px" }, + sizeIcon40: { left: "17px", top: "17px" }, sizeIcon50: { left: "18px", top: "18px" }, - sizeIcon70: { left: "space60", top: "space60" }, - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon70: { left: "21px", top: "21px" }, + sizeIcon80: { left: "26px", top: "26px" }, }, top_end: { - sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, - sizeIcon40: { left: "16px", top: "0px" }, - sizeIcon50: { left: "18px", top: "spaceNegative10" }, - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-5px" }, + sizeIcon40: { left: "17px", top: "-5px" }, + sizeIcon50: { left: "18px", top: "-6px" }, + sizeIcon70: { left: "21px", top: "-9px" }, + sizeIcon80: { left: "26px", top: "-10px" }, }, }, dot: { bottom_end: { - sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon30: { left: "13px", top: "13px" }, sizeIcon40: { left: "space50", top: "space50" }, sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { - sizeIcon30: { left: "14px", top: "-3px" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-1px" }, + sizeIcon40: { left: "space50", top: "-1px" }, + sizeIcon50: { left: "space60", top: "space0" }, }, }, }; From 64decce41265e09536a6b9f8a3b0dcaa7bd9d58c Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:26:12 -0500 Subject: [PATCH 053/145] feat(corner-ornament): codemods --- .changeset/smart-berries-play.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/smart-berries-play.md diff --git a/.changeset/smart-berries-play.md b/.changeset/smart-berries-play.md new file mode 100644 index 0000000000..4958eaf69d --- /dev/null +++ b/.changeset/smart-berries-play.md @@ -0,0 +1,5 @@ +--- +"@twilio-paste/codemods": minor +--- + +[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From 018498864deaec7cce847336e98d3310963d9277 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:29:25 -0500 Subject: [PATCH 054/145] feat(corner-ornament): formatter --- packages/paste-core/components/corner-ornament/build.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/build.js b/packages/paste-core/components/corner-ornament/build.js index a4edeab49b..27dd98f98e 100644 --- a/packages/paste-core/components/corner-ornament/build.js +++ b/packages/paste-core/components/corner-ornament/build.js @@ -1,3 +1,3 @@ -const {build} = require('../../../../tools/build/esbuild'); +const { build } = require("../../../../tools/build/esbuild"); -build(require('./package.json')); +build(require("./package.json")); From 25ca8eca791122e7c69afb7b6fa877d7c7f80efc Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:35:23 -0500 Subject: [PATCH 055/145] feat(corner-ornament): linting --- .../components/corner-ornament/stories/index.stories.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 25bbd002ff..5308e46c46 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -172,7 +172,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" @@ -192,7 +192,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" From d0f41e9029e5757134d08238f4e3cb463d6376ae Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:55:15 -0500 Subject: [PATCH 056/145] feat(corner-ornament): remove unused files --- packages/paste-core/components/corner-ornament/src/Masks.ts | 4 ---- 1 file changed, 4 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/Masks.ts diff --git a/packages/paste-core/components/corner-ornament/src/Masks.ts b/packages/paste-core/components/corner-ornament/src/Masks.ts deleted file mode 100644 index cbd0e2fa0a..0000000000 --- a/packages/paste-core/components/corner-ornament/src/Masks.ts +++ /dev/null @@ -1,4 +0,0 @@ -export const BadgeBottomEndPath = - "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; -export const DotBottomEndPath = - "M 1.023 0.499 C 1.027 0.204 0.796 -0.029 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.2239 0.5 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; From 0170271e282b226cc0ec96e874398a0c144955d4 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 14:10:03 -0500 Subject: [PATCH 057/145] feat(corner-ornament): corner ornament rename --- packages/paste-codemods/tools/.cache/mappings.json | 2 +- .../paste-core/components/corner-ornament/src/types.ts | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index 2006ceeb3d..c46a208f64 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -85,8 +85,8 @@ "useCombobox": "@twilio-paste/core/combobox", "useMultiselectCombobox": "@twilio-paste/core/combobox", "CornerOrnament": "@twilio-paste/core/corner-ornament", + "CornerOrnamentBase": "@twilio-paste/core/corner-ornament", "CornerOrnamentContainer": "@twilio-paste/core/corner-ornament", - "CornerOrnamentElement": "@twilio-paste/core/corner-ornament", "DataGrid": "@twilio-paste/core/data-grid", "DataGridBody": "@twilio-paste/core/data-grid", "DataGridCell": "@twilio-paste/core/data-grid", diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index 9646bfa4fc..da5bec4610 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -40,14 +40,14 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { */ position?: CornerOrnamentPosition; /** - * The size of the CornerOrnamentElement used to determine spacing + * The size of the CornerOrnamentBase used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContainerProps */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContainerProps @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * The size of the CornerOrnamentElement used to determine spacing + * The size of the CornerOrnamentBase used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface From 484f39aed0ce247813159d511223f3a1a4ad2290 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 14:37:24 -0500 Subject: [PATCH 058/145] feat(corner-ornament): typedocs --- packages/paste-core/components/corner-ornament/type-docs.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json index 4a71aab26e..2c84205408 100644 --- a/packages/paste-core/components/corner-ornament/type-docs.json +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -1595,14 +1595,14 @@ "defaultValue": "null", "required": true, "externalProp": false, - "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect." + "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect." }, "size": { "type": "| \"sizeIcon05\"\n | \"sizeIcon10\"\n | \"sizeIcon20\"\n | \"sizeIcon30\"\n | \"sizeIcon40\"\n | \"sizeIcon50\"\n | \"sizeIcon60\"\n | \"sizeIcon70\"\n | \"sizeIcon80\"\n | \"sizeIcon90\"\n | \"sizeIcon100\"\n | \"sizeIcon110\"", "defaultValue": "null", "required": true, "externalProp": false, - "description": "The size of the CornerOrnamentElement used to determine spacing" + "description": "The size of the CornerOrnamentBase used to determine spacing" }, "about": { "type": "string", From b2a24f3891cdb22efc5bbc7446884a4e1d5aaa65 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:14 -0500 Subject: [PATCH 059/145] feat(tokens): added colorTextIconNotification --- .changeset/giant-spiders-remember.md | 6 ++++++ packages/paste-design-tokens/tokens/global/text-color.yml | 3 +++ 2 files changed, 9 insertions(+) create mode 100644 .changeset/giant-spiders-remember.md diff --git a/.changeset/giant-spiders-remember.md b/.changeset/giant-spiders-remember.md new file mode 100644 index 0000000000..243e8c3868 --- /dev/null +++ b/.changeset/giant-spiders-remember.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/core": minor +"@twilio-paste/design-tokens": minor +--- + +[Design Tokens] added a new text color for notificaiton icons "colorTextIconNotification" diff --git a/packages/paste-design-tokens/tokens/global/text-color.yml b/packages/paste-design-tokens/tokens/global/text-color.yml index ec0c215c27..63163a606a 100644 --- a/packages/paste-design-tokens/tokens/global/text-color.yml +++ b/packages/paste-design-tokens/tokens/global/text-color.yml @@ -551,6 +551,9 @@ props: color-text-icon-new: value: "{!palette-purple-60}" comment: Icon color for indicating a new status. + color-text-icon-notification: + value: "{!palette-red-50}" + comment: Icon color for notification elements. # decorative color-text-decorative-10: From dae8e400e16b9170cb84d2649f6913663dae98ef Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:59 -0500 Subject: [PATCH 060/145] feat(icons): added NotificationOrnamentIcon --- .changeset/sharp-sloths-bake.md | 6 +++ packages/paste-icons/build.icon-list.js | 2 +- packages/paste-icons/json/icons.json | 2 +- .../src/NotificationOrnamentIcon.tsx | 44 +++++++++++++++++++ .../paste-icons/svg/NotificationOrnament.svg | 1 + 5 files changed, 53 insertions(+), 2 deletions(-) create mode 100644 .changeset/sharp-sloths-bake.md create mode 100644 packages/paste-icons/src/NotificationOrnamentIcon.tsx create mode 100644 packages/paste-icons/svg/NotificationOrnament.svg diff --git a/.changeset/sharp-sloths-bake.md b/.changeset/sharp-sloths-bake.md new file mode 100644 index 0000000000..ed8ad29d39 --- /dev/null +++ b/.changeset/sharp-sloths-bake.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/core": minor +"@twilio-paste/icons": minor +--- + +[Icons] Added new Icon NotificationOrnamentIcon for use in Corner Ornament Component diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js index 9253b4b17b..9aa6b3fdbd 100644 --- a/packages/paste-icons/build.icon-list.js +++ b/packages/paste-icons/build.icon-list.js @@ -1 +1 @@ -module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RCSCapableIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SupportRequestIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file +module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json index 906e524f96..163bdbd6f1 100644 --- a/packages/paste-icons/json/icons.json +++ b/packages/paste-icons/json/icons.json @@ -1 +1 @@ -{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RCSCapableIcon","svg":"/svg/RCSCapableIcon.svg","cjs":"/cjs/RCSCapableIcon.js","esm":"/esm/RCSCapableIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SupportRequestIcon","svg":"/svg/SupportRequestIcon.svg","cjs":"/cjs/SupportRequestIcon.js","esm":"/esm/SupportRequestIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file +{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} diff --git a/packages/paste-icons/src/NotificationOrnamentIcon.tsx b/packages/paste-icons/src/NotificationOrnamentIcon.tsx new file mode 100644 index 0000000000..8a82f5cd76 --- /dev/null +++ b/packages/paste-icons/src/NotificationOrnamentIcon.tsx @@ -0,0 +1,44 @@ +/** + * 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 NotificationOrnamentIconProps extends IconWrapperProps { + title?: string; + decorative: boolean; +} + +const NotificationOrnamentIcon = React.forwardRef( + ({as, display, element = 'ICON', size, color, title, decorative}, ref) => { + const titleId = `NotificationOrnamentIcon-${useUID()}`; + + if (!decorative && title == null) { + throw new Error('[NotificationOrnamentIcon]: Missing a title for non-decorative icon.'); + } + + return ( + + + {title ? {title} : null} + + + + ); + } +); + +NotificationOrnamentIcon.displayName = 'NotificationOrnamentIcon'; +export {NotificationOrnamentIcon}; diff --git a/packages/paste-icons/svg/NotificationOrnament.svg b/packages/paste-icons/svg/NotificationOrnament.svg new file mode 100644 index 0000000000..06da404bdb --- /dev/null +++ b/packages/paste-icons/svg/NotificationOrnament.svg @@ -0,0 +1 @@ + \ No newline at end of file From 6494be427c105db6077ce2cbf59db5638064192c Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:52:12 -0500 Subject: [PATCH 061/145] feat(type-docs): updated component typedocs to change in design token --- packages/paste-core/components/spinner/type-docs.json | 2 +- packages/paste-core/primitives/box/type-docs.json | 2 +- packages/paste-core/primitives/sibling-box/type-docs.json | 2 +- packages/paste-core/primitives/text/type-docs.json | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/spinner/type-docs.json b/packages/paste-core/components/spinner/type-docs.json index 1431ab2bd4..618de72b55 100644 --- a/packages/paste-core/components/spinner/type-docs.json +++ b/packages/paste-core/components/spinner/type-docs.json @@ -381,7 +381,7 @@ "externalProp": true }, "color": { - "type": "\"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | \"colorTextDecorative40\" | ... 57 more ... | { ...; }", + "type": "\"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | \"colorTextDecorative40\" | ... 58 more ... | { ...; }", "defaultValue": "currentColor", "required": false, "externalProp": false, diff --git a/packages/paste-core/primitives/box/type-docs.json b/packages/paste-core/primitives/box/type-docs.json index 65eb97dedb..4d831a8fd8 100644 --- a/packages/paste-core/primitives/box/type-docs.json +++ b/packages/paste-core/primitives/box/type-docs.json @@ -985,7 +985,7 @@ "description": "Responsive style prop for the CSS `clip` property" }, "color": { - "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 56 more ... | { ...; }", + "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 57 more ... | { ...; }", "defaultValue": null, "required": false, "externalProp": false, diff --git a/packages/paste-core/primitives/sibling-box/type-docs.json b/packages/paste-core/primitives/sibling-box/type-docs.json index 48d44805cd..049b666ebe 100644 --- a/packages/paste-core/primitives/sibling-box/type-docs.json +++ b/packages/paste-core/primitives/sibling-box/type-docs.json @@ -1087,7 +1087,7 @@ "description": "Responsive style prop for the CSS `clip` property" }, "color": { - "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 56 more ... | { ...; }", + "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 57 more ... | { ...; }", "defaultValue": null, "required": false, "externalProp": false, diff --git a/packages/paste-core/primitives/text/type-docs.json b/packages/paste-core/primitives/text/type-docs.json index 90b59bdb2f..4ff7529f36 100644 --- a/packages/paste-core/primitives/text/type-docs.json +++ b/packages/paste-core/primitives/text/type-docs.json @@ -544,7 +544,7 @@ "externalProp": true }, "color": { - "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 56 more ... | { ...; }", + "type": "\"inherit\" | \"transparent\" | \"colorText\" | \"colorTextBrand\" | \"colorTextBrandHighlight\" | \"colorTextBrandInverse\" | \"colorTextDecorative10\" | \"colorTextDecorative20\" | \"colorTextDecorative30\" | ... 57 more ... | { ...; }", "defaultValue": null, "required": false, "externalProp": false, From 3f0ec236ded98ee2cf8f59df1e246c1cdd224f64 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:54:29 -0500 Subject: [PATCH 062/145] feat(corner-ornament): updated dot for icon --- .../corner-ornament/__tests__/index.spec.tsx | 2 +- .../corner-ornament/src/mappings.tsx | 19 +- .../components/corner-ornament/src/types.ts | 2 +- .../corner-ornament/stories/index.stories.tsx | 249 ++++++++++-------- 4 files changed, 145 insertions(+), 127 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 9dc26f9ad9..f49c369aba 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -15,7 +15,7 @@ const ExampleCornerOrnament: React.FC<{ }> = ({ size, type, element }) => ( diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 6d7062221c..5d8990a044 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -5,8 +5,6 @@ import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; -const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; -const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = @@ -19,10 +17,7 @@ export const ClipPathMappings: Record { diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 5308e46c46..d9c61028a8 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -4,6 +4,8 @@ import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; +import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; + import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; @@ -20,15 +22,6 @@ export default { export const Default = (): React.ReactNode => { return ( - - - - - - ornament has notification - - - @@ -55,103 +48,6 @@ export const Default = (): React.ReactNode => { ); }; -export const SupportedDots = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - top_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - ); -}; - -SupportedDots.storyName = "Supported Corner Ornament Dots"; - export const SupportedBadge = (): React.ReactNode => { return ( @@ -405,7 +301,146 @@ export const SupportedIcon = (): React.ReactNode => { ); }; -SupportedIcon.storyName = "Supported Corner Ornament Icon"; +SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; + +export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + ); +}; + +SupportedNotificationOrnamentIcon.storyName = "Supported Corner Ornament Notification Icon"; export const CornerOrnamentCustomization = (): React.ReactNode => { const currentTheme = useTheme(); From dab7ad635f2afde5643b4df348a5381133338b5a Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 12:25:59 -0500 Subject: [PATCH 063/145] feat(icons): added NotificationOrnamentIcon --- packages/paste-icons/build.icon-list.js | 2 +- packages/paste-icons/json/icons.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js index 9aa6b3fdbd..114513b22b 100644 --- a/packages/paste-icons/build.icon-list.js +++ b/packages/paste-icons/build.icon-list.js @@ -1 +1 @@ -module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; +module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RCSCapableIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SupportRequestIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json index 163bdbd6f1..380549b31d 100644 --- a/packages/paste-icons/json/icons.json +++ b/packages/paste-icons/json/icons.json @@ -1 +1 @@ -{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} +{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RCSCapableIcon","svg":"/svg/RCSCapableIcon.svg","cjs":"/cjs/RCSCapableIcon.js","esm":"/esm/RCSCapableIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SupportRequestIcon","svg":"/svg/SupportRequestIcon.svg","cjs":"/cjs/SupportRequestIcon.js","esm":"/esm/SupportRequestIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file From 2143f9b8feddbf921b0e13a2902048695e54beab Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 13:54:46 -0500 Subject: [PATCH 064/145] feat(corner-ornament): pr issues --- .changeset/giant-spiders-remember.md | 2 +- .../components/corner-ornament/stories/index.stories.tsx | 1 - .../__tests__/__snapshots__/index.test.tsx.snap | 5 +++++ 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/.changeset/giant-spiders-remember.md b/.changeset/giant-spiders-remember.md index 243e8c3868..a4557ea054 100644 --- a/.changeset/giant-spiders-remember.md +++ b/.changeset/giant-spiders-remember.md @@ -3,4 +3,4 @@ "@twilio-paste/design-tokens": minor --- -[Design Tokens] added a new text color for notificaiton icons "colorTextIconNotification" +[Design Tokens] added a new text color for notification icons "colorTextIconNotification" diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index d9c61028a8..5f0b9c1f7a 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -5,7 +5,6 @@ import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; - import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; diff --git a/packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap b/packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap index 7475255744..039debec10 100644 --- a/packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap +++ b/packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap @@ -381,6 +381,7 @@ exports[`Design Tokens matches the Dark theme 1`] = ` \\"color-text-warning\\": \\"rgb(255, 179, 122)\\", \\"color-text-link-destructive-strongest\\": \\"rgb(255, 255, 255)\\", \\"color-text-icon-neutral\\": \\"rgb(102, 179, 255)\\", + \\"color-text-icon-notification\\": \\"rgb(235, 86, 86)\\", \\"color-text-new\\": \\"rgb(231, 220, 250)\\", \\"color-text-icon-error\\": \\"rgb(235, 86, 86)\\", \\"color-text-inverse-weak\\": \\"rgb(202, 205, 216)\\", @@ -824,6 +825,7 @@ exports[`Design Tokens matches the Global theme 1`] = ` \\"color-text-warning\\": \\"rgb(141, 49, 24)\\", \\"color-text-link-destructive-strongest\\": \\"rgb(49, 12, 12)\\", \\"color-text-icon-neutral\\": \\"rgb(0, 20, 137)\\", + \\"color-text-icon-notification\\": \\"rgb(235, 86, 86)\\", \\"color-text-new\\": \\"rgb(109, 46, 209)\\", \\"color-text-icon-error\\": \\"rgb(214, 31, 31)\\", \\"color-text-inverse-weak\\": \\"rgb(202, 205, 216)\\", @@ -1267,6 +1269,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = ` \\"color-text-warning\\": \\"rgb(141, 49, 24)\\", \\"color-text-link-destructive-strongest\\": \\"rgb(49, 12, 12)\\", \\"color-text-icon-neutral\\": \\"rgb(0, 20, 137)\\", + \\"color-text-icon-notification\\": \\"rgb(235, 86, 86)\\", \\"color-text-new\\": \\"rgb(109, 46, 209)\\", \\"color-text-icon-error\\": \\"rgb(214, 31, 31)\\", \\"color-text-inverse-weak\\": \\"rgb(202, 205, 216)\\", @@ -1710,6 +1713,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = ` \\"color-text-warning\\": \\"rgb(255, 179, 122)\\", \\"color-text-link-destructive-strongest\\": \\"rgb(255, 255, 255)\\", \\"color-text-icon-neutral\\": \\"rgb(102, 179, 255)\\", + \\"color-text-icon-notification\\": \\"rgb(235, 86, 86)\\", \\"color-text-new\\": \\"rgb(231, 220, 250)\\", \\"color-text-icon-error\\": \\"rgb(235, 86, 86)\\", \\"color-text-inverse-weak\\": \\"rgb(202, 205, 216)\\", @@ -2153,6 +2157,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = ` \\"color-text-warning\\": \\"rgb(141, 49, 24)\\", \\"color-text-link-destructive-strongest\\": \\"rgb(49, 12, 12)\\", \\"color-text-icon-neutral\\": \\"rgb(3, 11, 93)\\", + \\"color-text-icon-notification\\": \\"rgb(235, 86, 86)\\", \\"color-text-new\\": \\"rgb(109, 46, 209)\\", \\"color-text-icon-error\\": \\"rgb(199, 35, 35)\\", \\"color-text-inverse-weak\\": \\"rgb(202, 205, 216)\\", From 51d19bd3fc7ecf804e8cdab35b2e9ab586da0381 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 14:01:29 -0500 Subject: [PATCH 065/145] fix(corner-ornament): formatting issue --- .../src/NotificationOrnamentIcon.tsx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/paste-icons/src/NotificationOrnamentIcon.tsx b/packages/paste-icons/src/NotificationOrnamentIcon.tsx index 8a82f5cd76..3b68a7101a 100644 --- a/packages/paste-icons/src/NotificationOrnamentIcon.tsx +++ b/packages/paste-icons/src/NotificationOrnamentIcon.tsx @@ -1,11 +1,11 @@ +import { useUID } from "@twilio-paste/uid-library"; /** * This file was automatically generated with @twilio-labs/svg-to-react */ -import * as React from 'react'; -import {useUID} from '@twilio-paste/uid-library'; +import * as React from "react"; -import {IconWrapper} from './helpers/IconWrapper'; -import type {IconWrapperProps} from './helpers/IconWrapper'; +import { IconWrapper } from "./helpers/IconWrapper"; +import type { IconWrapperProps } from "./helpers/IconWrapper"; export interface NotificationOrnamentIconProps extends IconWrapperProps { title?: string; @@ -13,11 +13,11 @@ export interface NotificationOrnamentIconProps extends IconWrapperProps { } const NotificationOrnamentIcon = React.forwardRef( - ({as, display, element = 'ICON', size, color, title, decorative}, ref) => { + ({ as, display, element = "ICON", size, color, title, decorative }, ref) => { const titleId = `NotificationOrnamentIcon-${useUID()}`; if (!decorative && title == null) { - throw new Error('[NotificationOrnamentIcon]: Missing a title for non-decorative icon.'); + throw new Error("[NotificationOrnamentIcon]: Missing a title for non-decorative icon."); } return ( @@ -37,8 +37,8 @@ const NotificationOrnamentIcon = React.forwardRef ); - } + }, ); -NotificationOrnamentIcon.displayName = 'NotificationOrnamentIcon'; -export {NotificationOrnamentIcon}; +NotificationOrnamentIcon.displayName = "NotificationOrnamentIcon"; +export { NotificationOrnamentIcon }; From 4e0b2c68e14da76b3b6ff00e0b601531e93783aa Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 14:16:42 -0500 Subject: [PATCH 066/145] fix(corner-ornament): icon tests --- packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap b/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap index da0d30526e..0c2a749ff8 100644 --- a/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap +++ b/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap @@ -138,6 +138,7 @@ Array [ "NewIcon", "NotesIcon", "NotificationIcon", + "NotificationOrnamentIcon", "OrderedListIcon", "OutOfDateIcon", "PauseIcon", From 6c0acdfd288dd926cf849eddd20e48079f69e5ab Mon Sep 17 00:00:00 2001 From: krisantrobus <55083528+krisantrobus@users.noreply.github.com> Date: Fri, 2 Aug 2024 15:23:47 -0500 Subject: [PATCH 067/145] Update packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx Co-authored-by: Sarah --- .../components/corner-ornament/src/CornerOrnament.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 844513006e..61f40ecda9 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -11,7 +11,7 @@ export const CornerOrnament = React.forwardRef Date: Fri, 2 Aug 2024 19:00:11 -0500 Subject: [PATCH 068/145] feat(corner-ornament): new path mappings --- .../corner-ornament/src/mappings.tsx | 20 +++++------ .../corner-ornament/stories/index.stories.tsx | 35 ++++++++++--------- 2 files changed, 26 insertions(+), 29 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 5d8990a044..2a9af0be66 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,14 +3,10 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; -const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; -const IconTopEndPath = - "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; -const IconBottomEndPath = - "M1.014.606A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .106 1.04A.352.352 0 0 1 .95.6c.022 0 .043.002.064.006Z"; -const AvatarBottomEndPath = "M1.023.546a.525.525 0 1 0-.477.477.35.35 0 0 1 .477-.477Z"; -const AvatarTopEndPath = "M1.023.454a.35.35 0 0 1-.477-.477.525.525 0 1 0 .477.477Z"; +const BadgeBottomEndPath = "M1.05-.05h-1.1v1.1h.593A.375.375 0 0 1 .875.5h.1c.026 0 .05.003.075.007V-.05Z"; +const BadgeTopEndPath = "M.543-.05A.375.375 0 0 0 .875.5h.1c.026 0 .05-.003.075-.008v.558h-1.1v-1.1h.593Z"; +const IconOrAvatarTopEndPath = "M1.05.437A.35.35 0 0 1 .563-.05H-.05v1.1h1.1V.437Z"; +const IconOrAvatarBottomEndPath = "M1.05-.05h-1.1v1.1h.613A.35.35 0 0 1 1.05.563V-.05Z"; export const ClipPathMappings: Record> = { badge: { @@ -19,12 +15,12 @@ export const ClipPathMappings: Record { notification value - 9+ + 100 - + notification value - 9+ + 100 @@ -63,7 +64,7 @@ export const SupportedBadge = (): React.ReactNode => { notification value - 9+ + 100 @@ -83,7 +84,7 @@ export const SupportedBadge = (): React.ReactNode => { notification value - 9+ + 100 @@ -177,7 +178,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon40 @@ -189,7 +190,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon30 @@ -201,7 +202,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon10 @@ -213,7 +214,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -225,7 +226,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -242,7 +243,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon40 @@ -254,7 +255,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon30 @@ -266,7 +267,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon10 @@ -278,7 +279,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -290,7 +291,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -468,7 +469,7 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { - + From d42eb46479cfecf6cb8f79812abb426896e8955e Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 19:18:08 -0500 Subject: [PATCH 069/145] feat(corner-ornament): updated ornament positions --- .../corner-ornament/src/mappings.tsx | 79 +++++++++++-------- 1 file changed, 45 insertions(+), 34 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 2a9af0be66..a313bb4196 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -8,19 +8,44 @@ const BadgeTopEndPath = "M.543-.05A.375.375 0 0 0 .875.5h.1c.026 0 .05-.003.075- const IconOrAvatarTopEndPath = "M1.05.437A.35.35 0 0 1 .563-.05H-.05v1.1h1.1V.437Z"; const IconOrAvatarBottomEndPath = "M1.05-.05h-1.1v1.1h.613A.35.35 0 0 1 1.05.563V-.05Z"; +const iconAvatarSharedPaths: Record = { + bottom_end: IconOrAvatarBottomEndPath, + top_end: IconOrAvatarTopEndPath, +}; + export const ClipPathMappings: Record> = { badge: { bottom_end: BadgeBottomEndPath, top_end: BadgeTopEndPath, }, + icon: iconAvatarSharedPaths, + avatar: iconAvatarSharedPaths, +}; - icon: { - bottom_end: IconOrAvatarBottomEndPath, - top_end: IconOrAvatarTopEndPath, +const iconAvatarSharedPositions: Record>> = { + bottom_end: { + sizeIcon20: { left: "11px", top: "11px" }, + sizeIcon30: { left: "11px", top: "11px" }, + sizeIcon40: { left: "13px", top: "13px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "17px", top: "17px" }, + sizeIcon80: { left: "22px", top: "22px" }, + sizeIcon90: { left: "22px", top: "22px" }, + sizeIcon100: { left: "30px", top: "30px" }, + sizeIcon110: { left: "38px", top: "38px" }, }, - avatar: { - bottom_end: IconOrAvatarBottomEndPath, - top_end: IconOrAvatarTopEndPath, + top_end: { + sizeIcon20: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon30: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon70: { left: "17px", bottom: "17px", top: "-5px" }, + sizeIcon80: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon90: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, + sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, }, }; @@ -30,36 +55,22 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { left: "28px", top: "28px" }, - }, - top_end: { - sizeIcon80: { left: "28px", top: "spaceNegative30" }, - }, - }, - avatar: { - bottom_end: { - sizeIcon70: { left: "space60", top: "space60" }, - sizeIcon80: { left: "space70", top: "space70" }, - }, - top_end: { - sizeIcon70: { left: "space60", top: "spaceNegative20" }, - sizeIcon80: { left: "space70", top: "spaceNegative20" }, - }, - }, - icon: { - bottom_end: { - sizeIcon30: { left: "13px", top: "13px" }, - sizeIcon40: { left: "17px", top: "17px" }, - sizeIcon50: { left: "18px", top: "18px" }, - sizeIcon70: { left: "21px", top: "21px" }, - sizeIcon80: { left: "26px", top: "26px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "19px", top: "19px" }, + sizeIcon80: { left: "25px", top: "25px" }, + sizeIcon90: { left: "25px", top: "25px" }, + sizeIcon110: { left: "42px", top: "42px" }, }, top_end: { - sizeIcon30: { left: "13px", top: "-5px" }, - sizeIcon40: { left: "17px", top: "-5px" }, - sizeIcon50: { left: "18px", top: "-6px" }, - sizeIcon70: { left: "21px", top: "-9px" }, - sizeIcon80: { left: "26px", top: "-10px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-8px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-8px" }, + sizeIcon70: { left: "19px", bottom: "19px", top: "-7px" }, + sizeIcon80: { left: "25px", bottom: "25px", top: "-5px" }, + sizeIcon90: { left: "25px", bottom: "25px", top: "-5px" }, + sizeIcon110: { left: "42px", bottom: "42px", top: "-2px" }, }, }, + avatar: iconAvatarSharedPositions, + icon: iconAvatarSharedPositions, }; From ec50869935b70d19ba041d7fbbc4f7782c811603 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 07:37:21 -0500 Subject: [PATCH 070/145] feat(corner-ornament): final impl --- .../corner-ornament/__tests__/index.spec.tsx | 2 +- .../corner-ornament/src/mappings.tsx | 2 + .../corner-ornament/stories/index.stories.tsx | 689 +++++++++++++++++- 3 files changed, 654 insertions(+), 39 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index f49c369aba..f8524f7e31 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -42,7 +42,7 @@ describe("CornerOrnament", () => { it("should throw errors for unsupported size and type combinations", () => { expect(() => { - render(); + render(); }).toThrow(); }); diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index a313bb4196..8024729b64 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -60,6 +60,7 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon70: { left: "19px", top: "19px" }, sizeIcon80: { left: "25px", top: "25px" }, sizeIcon90: { left: "25px", top: "25px" }, + sizeIcon100: { left: "34px", top: "34px" }, sizeIcon110: { left: "42px", top: "42px" }, }, top_end: { @@ -68,6 +69,7 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon70: { left: "19px", bottom: "19px", top: "-7px" }, sizeIcon80: { left: "25px", bottom: "25px", top: "-5px" }, sizeIcon90: { left: "25px", bottom: "25px", top: "-5px" }, + sizeIcon100: { left: "34px", bottom: "34px", top: "-6px" }, sizeIcon110: { left: "42px", bottom: "42px", top: "-2px" }, }, }, diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index e00db5bfd9..8f086ce650 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -4,6 +4,7 @@ import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; import { ErrorIcon } from "@twilio-paste/icons/esm/ErrorIcon"; +import { FileVideoIcon } from "@twilio-paste/icons/esm/FileVideoIcon"; import { NewIcon } from "@twilio-paste/icons/esm/NewIcon"; import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; @@ -55,6 +56,51 @@ export const SupportedBadge = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon100 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon90 + + + + + + notification value + + 100 + + + + badge size="small" + sizeIcon80 @@ -70,14 +116,104 @@ export const SupportedBadge = (): React.ReactNode => { badge size="small" + + sizeIcon70 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon60 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon50 + + + + + + notification value + + 100 + + + + badge size="small" + top_end: + + sizeIcon110 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon100 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon90 + + + + + + notification value + + 100 + + + + badge size="small" + sizeIcon80 - + @@ -90,6 +226,51 @@ export const SupportedBadge = (): React.ReactNode => { badge size="small" + + sizeIcon70 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon60 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon50 + + + + + + notification value + + 100 + + + + badge size="small" + ); @@ -104,14 +285,50 @@ export const SupportedAvatar = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon60 + + + sizeIcon90 + + + + + + + + + sizeIcon30 + sizeIcon80 - + - + sizeIcon30 @@ -120,10 +337,70 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + + + + + + + sizeIcon10 + + + sizeIcon60 + + + + + + + + + sizeIcon10 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon10 + + + sizeIcon30 + + + - + + + + sizeIcon10 + + + sizeIcon20 + + + + + + sizeIcon10 @@ -133,26 +410,122 @@ export const SupportedAvatar = (): React.ReactNode => { top_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon60 + + + sizeIcon90 + + + + + + + + + sizeIcon30 + sizeIcon80 - + - + - + sizeIcon30 sizeIcon70 - + - + + + + + + + sizeIcon10 + + + sizeIcon60 + + + + + + + + + sizeIcon10 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + - + + + + sizeIcon10 + + + sizeIcon30 + + + + + + + + + sizeIcon10 + + + sizeIcon20 + + + + + + sizeIcon10 @@ -171,6 +544,42 @@ export const SupportedIcon = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 @@ -178,7 +587,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon40 @@ -190,11 +599,23 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 @@ -202,7 +623,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon10 @@ -214,10 +635,10 @@ export const SupportedIcon = (): React.ReactNode => { - + - sizeIcon05 + sizeIcon10 sizeIcon30 @@ -226,7 +647,19 @@ export const SupportedIcon = (): React.ReactNode => { - + + + + sizeIcon05 + + + sizeIcon20 + + + + + + sizeIcon05 @@ -236,62 +669,122 @@ export const SupportedIcon = (): React.ReactNode => { top_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 - + - + sizeIcon40 sizeIcon70 - + - + sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 - + - + sizeIcon10 sizeIcon40 - + - + - sizeIcon05 + sizeIcon10 sizeIcon30 - + - + + + + sizeIcon05 + + + sizeIcon20 + + + + + + sizeIcon05 @@ -301,7 +794,7 @@ export const SupportedIcon = (): React.ReactNode => { ); }; -SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; +SupportedIcon.storyName = "Supported Corner Ornament Icon"; export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { return ( @@ -310,6 +803,42 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 @@ -334,6 +863,18 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 @@ -353,10 +894,10 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { - + - sizeIcon05 + sizeIcon10 sizeIcon30 @@ -370,14 +911,62 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon05 + + sizeIcon20 + + + + + + + + + sizeIcon05 + top_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 - + @@ -389,7 +978,7 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon70 - + @@ -399,9 +988,21 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 - + @@ -413,19 +1014,19 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon40 - + - + - sizeIcon05 + sizeIcon10 sizeIcon30 - + @@ -435,6 +1036,18 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon05 + + sizeIcon20 + + + + + + + + + sizeIcon05 + ); From b59924905ada884d03469fd563f3187fdf5b1c39 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 07:54:15 -0500 Subject: [PATCH 071/145] feat(corner-ornament): avatar mapping fix --- .../corner-ornament/src/mappings.tsx | 81 ++++++++++++------- 1 file changed, 52 insertions(+), 29 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 8024729b64..54c02a911f 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -22,33 +22,6 @@ export const ClipPathMappings: Record>> = { - bottom_end: { - sizeIcon20: { left: "11px", top: "11px" }, - sizeIcon30: { left: "11px", top: "11px" }, - sizeIcon40: { left: "13px", top: "13px" }, - sizeIcon50: { left: "16px", top: "16px" }, - sizeIcon60: { left: "16px", top: "16px" }, - sizeIcon70: { left: "17px", top: "17px" }, - sizeIcon80: { left: "22px", top: "22px" }, - sizeIcon90: { left: "22px", top: "22px" }, - sizeIcon100: { left: "30px", top: "30px" }, - sizeIcon110: { left: "38px", top: "38px" }, - }, - top_end: { - sizeIcon20: { left: "11px", bottom: "11px", top: "-3px" }, - sizeIcon30: { left: "11px", bottom: "11px", top: "-3px" }, - sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, - sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon70: { left: "17px", bottom: "17px", top: "-5px" }, - sizeIcon80: { left: "22px", bottom: "22px", top: "-6px" }, - sizeIcon90: { left: "22px", bottom: "22px", top: "-6px" }, - sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, - sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, - }, -}; - export const OrnamentPositionStyleMappings: Record< CornerOrnamentType, Record>> @@ -73,6 +46,56 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon110: { left: "42px", bottom: "42px", top: "-2px" }, }, }, - avatar: iconAvatarSharedPositions, - icon: iconAvatarSharedPositions, + avatar: { + bottom_end: { + sizeIcon20: { left: "10px", top: "10px" }, + sizeIcon30: { left: "10px", top: "10px" }, + sizeIcon40: { left: "13px", top: "13px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "19px", top: "19px" }, + sizeIcon80: { left: "24px", top: "24px" }, + sizeIcon90: { left: "24px", top: "24px" }, + sizeIcon100: { left: "30px", top: "30px" }, + sizeIcon110: { left: "38px", top: "38px" }, + }, + top_end: { + sizeIcon20: { left: "10px", bottom: "10px", top: "-3px" }, + sizeIcon30: { left: "10px", bottom: "10px", top: "-3px" }, + sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon70: { left: "19px", bottom: "19px", top: "-3px" }, + sizeIcon80: { left: "24px", bottom: "24px", top: "-4px" }, + sizeIcon90: { left: "24px", bottom: "24px", top: "-4px" }, + sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, + sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, + }, + }, + icon: { + bottom_end: { + sizeIcon20: { left: "11px", top: "11px" }, + sizeIcon30: { left: "11px", top: "11px" }, + sizeIcon40: { left: "13px", top: "13px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "17px", top: "17px" }, + sizeIcon80: { left: "22px", top: "22px" }, + sizeIcon90: { left: "22px", top: "22px" }, + sizeIcon100: { left: "30px", top: "30px" }, + sizeIcon110: { left: "38px", top: "38px" }, + }, + top_end: { + sizeIcon20: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon30: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon70: { left: "17px", bottom: "17px", top: "-5px" }, + sizeIcon80: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon90: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, + sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, + }, + }, }; From d2fc9c86dd1036b73f438c9ec90ea179769a9423 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 09:22:10 -0500 Subject: [PATCH 072/145] feat(docs/corner-ornament): added content without examples --- .../pages/components/corner-ornament/api.mdx | 37 +-- .../components/corner-ornament/changelog.mdx | 2 +- .../components/corner-ornament/index.mdx | 253 +++++++++++++++++- yarn.lock | 1 + 4 files changed, 255 insertions(+), 38 deletions(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/api.mdx b/packages/paste-website/src/pages/components/corner-ornament/api.mdx index 34a6ea6ce6..138ff652b0 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/api.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/api.mdx @@ -30,7 +30,7 @@ export const getStaticProps = async () => { pageHeaderData: { categoryRoute: SidebarCategoryRoutes.COMPONENTS, githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', - storybookUrl: '/?path=/story/components-corner-ornament--single-line', + storybookUrl: '/?path=/story/components-corner-ornament--supported-badge', }, }, }; @@ -45,32 +45,19 @@ yarn add @twilio-paste/corner-ornament - or - yarn add @twilio-paste/core ## Usage ```jsx -import {CodeBlockWrapper, CodeBlockHeader, CodeBlock} from '@twilio-paste/core/corner-ornament'; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from '@twilio-paste/core/corner-ornament'; -const rubyCode = `#!/usr/bin/ruby - -# Import the library. -require 'tk' - -# Root window. -root = TkRoot.new { - title 'Push Me' - background '#111188' -} - -# Add a label to the root window. -lab = TkLabel.new(root) { - text "Hey there,\nPush a button!" - background '#3333AA' - foreground '#CCCCFF' -}`; - -export const Basic = () => { +export const Example = () => { return ( - - Build a button - - + + + // Your ornament base here + + + {Your accessible reader value here} + // Your corner ornament here + + ); }; ``` diff --git a/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx index f75ab9ab19..32aa5c23ba 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx @@ -28,7 +28,7 @@ export const getStaticProps = async () => { pageHeaderData: { categoryRoute: SidebarCategoryRoutes.COMPONENTS, githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', - storybookUrl: '/?path=/story/components-code-block--single-line', + storybookUrl: '/?path=/story/components-corner-ornament--supported-badge', }, }, }; diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index e2c5aed473..8193a48d9f 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -1,22 +1,26 @@ export const meta = { - title: 'Corner Ornament', - package: '@twilio-paste/corner-ornament', - description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', - slug: '/components/corner-ornament', + title: "Corner Ornament", + package: "@twilio-paste/corner-ornament", + description: + "Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.", + slug: "/components/corner-ornament", }; -import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; -import packageJson from '@twilio-paste/corner-ornament/package.json'; +import Changelog from "@twilio-paste/corner-ornament/CHANGELOG.md"; +import packageJson from "@twilio-paste/corner-ornament/package.json"; +import { Callout, CalloutHeading, CalloutTextimport } from "@twilio-paste/callout"; +import { Table, THead, TBody, Tr, Td, Th } from "@twilio-paste/table"; +import { Box } from "@twilio-paste/box"; -import {SidebarCategoryRoutes} from '../../../constants'; -import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; -import {getFeature, getNavigationData} from '../../../utils/api'; +import { SidebarCategoryRoutes } from "../../../constants"; +import ComponentPageLayout from "../../../layouts/ComponentPageLayout"; +import { getFeature, getNavigationData } from "../../../utils/api"; export default ComponentPageLayout; export const getStaticProps = async () => { const navigationData = await getNavigationData(); - const feature = await getFeature('Corner ornament'); + const feature = await getFeature("Corner ornament"); return { props: { data: { @@ -27,10 +31,235 @@ export const getStaticProps = async () => { mdxHeadings, pageHeaderData: { categoryRoute: SidebarCategoryRoutes.COMPONENTS, - githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', - storybookUrl: '/?path=/story/components-code-block--single-line', + githubUrl: "https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament", + storybookUrl: "/?path=/story/components-corner-ornament--supported-badge", }, }, }; }; +## Guidelines + +### About Combobox + +Use the Corner Ornament to quickly relate an item count (usually notifications) or graphic element (like an [Icon](/components/icon) or [Avatar](/components/avatar)) to another element, called a base component. + +Corner Ornaments are used to show: + +- Notification count or unread notifications +- Cart count in commerce use cases +- Relationships between graphic elements in dense layouts. Examples include relationships between user and status in a user list, or between model and warehouse in a table. + +Use a Corner Ornament only when the relationship between a base component and its ornament is immediately obvious. If there's a chance that it might be unclear, show the information in the ornament in another way, such as using visible text. + +The Corner Ornament component contains these elements: + +- `CornerOrnamentContainer`: Responsible for wrapping the components together and determining the positions based on configuration defined via props. +- `CornerOrnamentBase`: The component that appears underneath the ornament. Only [Avatar](/components/avatar), [Icon](/components/icon), or [icon Buttons](/components/button#icon-buttons) should be used as base components. +- `CornerOrnament`: The ornament that appears on top of the base component. Only [Avatar](/components/avatar), [Counter Badge](/components/badge#counter), or [Icon](/components/icon) can be used as ornaments. + +### Accessibility + +Make sure Corner Ornaments clearly communicate to assistive technology what is being represented in the ornament. Ways to do this include: +For Badges or notifications, use the [Screen Reader Only](/components/screen-reader-only) component to wrap visually-hidden text. +For [icons](/components/icon/usage-guidelines#accessibility), specify that the icon is informative and give it a title. + +### Placement + +Position the ornament at the top when it takes priority over its element, and at the bottom when the element takes priority over its ornament. + + + Corner Ornaments for right-to-left languages + + For right-to-left languages, Corner Ornaments should be placed on the left. Do you need us to support this variant? + Let us know in a Github Discussion! + + + +## Variants + +### Badges as Corner Ornaments + +Use Badges as Corner Ornaments for item counts like notifications or cart counts. Only [counter Badges](/components/badge#counter) can be used as Corner Ornaments. + +In almost all cases, Badges should be placed at the top using `position="top_end"`. + +{/* TODO: add examples here */} + +Use these size pairings for pairing base components with Badges: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Corner Ornament Container and Base sizeBadge size
sizeIcon50small
sizeIcon60small
sizeIcon70small
sizeIcon80small
sizeIcon90small
sizeIcon100default
sizeIcon110default
+ + +#### Item count overflow strategies + +For item counts, make sure that you have a layout strategy for overflowing count text. This can include: +- Using a “+” sign when reaching double- or triple-digits, such as “9+” items +- Not using a corner ornament at all. Instead, place the counter Badge next to the element +- For notification use cases, if showing count isn’t important, use NotificationOrnamentIcon as a Corner Ornament instead. + +{/* TODO: add example here */} + +### Icons as Corner Ornaments + +Use icons as Corner Ornaments to show statuses or states. + +When using an icon as a corner ornament, make sure it has a color that has a 3:1 contrast ratio with the background. + +{/* TODO: add example here */} + +Use these size pairings for pairing base components with icons: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Corner Ornament Container and Base sizeIcon size
sizeIcon20sizeIcon05
sizeIcon30sizeIcon05
sizeIcon40sizeIcon10
sizeIcon50sizeIcon10
sizeIcon60sizeIcon10
sizeIcon70sizeIcon30
sizeIcon80sizeIcon40
sizeIcon90sizeIcon40
sizeIcon100sizeIcon50
sizeIcon110sizeIcon70
+ + +### Avatars as Corner Ornaments + +Use Avatars as Corner Ornaments to show a relationship to an entity or a user. + +In almost all cases, Avatars should be placed at the bottom using `position="bottom_end"`. + +{/* TODO: add example here */} + +Use these size pairings for pairing base components with Avatars: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Corner Ornament Container and Base sizeIcon size
sizeIcon20sizeIcon10
sizeIcon30sizeIcon10
sizeIcon40sizeIcon10
sizeIcon50sizeIcon10
sizeIcon60sizeIcon10
sizeIcon70sizeIcon10
sizeIcon80sizeIcon30
sizeIcon90sizeIcon30
sizeIcon100sizeIcon60
sizeIcon110sizeIcon70
+ \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 89fd0a33a0..ee67b4746b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -15928,6 +15928,7 @@ __metadata: "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/combobox": ^16.2.1 "@twilio-paste/combobox-primitive": ^2.1.1 + "@twilio-paste/corner-ornament": ^0.0.0 "@twilio-paste/customization": ^8.2.0 "@twilio-paste/data-grid": ^8.3.0 "@twilio-paste/data-visualization-library": ^5.0.0 From 4c85aa3b6be78403d0a060b60ee4b54d9d0ffdf0 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 11:26:42 -0500 Subject: [PATCH 073/145] feat(docs/corner-ornament): examples to docs --- .../CornerOrnamentExamples.ts | 284 ++++++++++++++++++ .../components/corner-ornament/index.mdx | 113 ++++++- 2 files changed, 391 insertions(+), 6 deletions(-) create mode 100644 packages/paste-website/src/component-examples/CornerOrnamentExamples.ts diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts new file mode 100644 index 0000000000..d7d14a0949 --- /dev/null +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -0,0 +1,284 @@ +export const featuredExample = ` +const FeaturedExample = () => { + return ( + + + + + + + notification value is + + 100 + + + + + + + + + You have a notification + + + + + + + + + incoming call + + + + + + + + + + + + + ); +}; + +render( + +)`.trim(); + + +export const badgeCornerOrnamentExample = ` +const BadgeCornerOrnamentExample = () => { + return ( + + + + + + + notification value is + + 100 + + + + + + + + + notification value is + + 100 + + + + + + + + + notification value is + + 100 + + + + + + + + + notification value is + + 100 + + + + + ); +}; + +render( + +)`.trim(); + +export const badgeOverflowCornerOrnamentExample = ` +const BadgeOverflowCornerOrnamentExample = () => { + return ( + + + + + + + notification value is + + 9+ + + + + + + + + + + You have a notification + + + + + ); +}; + +render( + +)`.trim(); + +export const iconCornerOrnamentExample = ` +const IconCornerOrnamentExample = () => { + return ( + + + + + + + incoming call + + + + + + + + + You have a notification + + + + + + + + + incoming call + + + + + + + + + You have a notification + + + + + ); +}; + +render( + +)`.trim(); + +export const avatarCornerOrnamentExample = ` +const IconCornerOrnamentExample = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +render( + +)`.trim(); \ No newline at end of file diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index 8193a48d9f..f05c83f681 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -11,11 +11,28 @@ import packageJson from "@twilio-paste/corner-ornament/package.json"; import { Callout, CalloutHeading, CalloutTextimport } from "@twilio-paste/callout"; import { Table, THead, TBody, Tr, Td, Th } from "@twilio-paste/table"; import { Box } from "@twilio-paste/box"; +import { Stack } from "@twilio-paste/stack"; +import { Badge } from "@twilio-paste/badge"; +import { Button } from "@twilio-paste/button"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import { Avatar } from "@twilio-paste/avatar"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "@twilio-paste/corner-ornament"; +import { CartIcon } from "@twilio-paste/icons/esm/CartIcon"; +import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; +import { DataTableIcon } from "@twilio-paste/icons/esm/DataTableIcon"; +import { CallIncomingIcon } from "@twilio-paste/icons/esm/CallIncomingIcon"; +import { ProductAlarmsIcon } from "@twilio-paste/icons/esm/ProductAlarmsIcon"; import { SidebarCategoryRoutes } from "../../../constants"; import ComponentPageLayout from "../../../layouts/ComponentPageLayout"; import { getFeature, getNavigationData } from "../../../utils/api"; - +import { + featuredExample, + badgeCornerOrnamentExample, + badgeOverflowCornerOrnamentExample, + iconCornerOrnamentExample, + avatarCornerOrnamentExample +} from "../../../component-examples/CornerOrnamentExamples"; export default ComponentPageLayout; export const getStaticProps = async () => { @@ -38,6 +55,27 @@ export const getStaticProps = async () => { }; }; + + {featuredExample} + + ## Guidelines ### About Combobox @@ -84,7 +122,23 @@ Use Badges as Corner Ornaments for item counts like notifications or cart counts In almost all cases, Badges should be placed at the top using `position="top_end"`. -{/* TODO: add examples here */} + + {badgeCornerOrnamentExample} + Use these size pairings for pairing base components with Badges: @@ -132,11 +186,29 @@ Use these size pairings for pairing base components with Badges: #### Item count overflow strategies For item counts, make sure that you have a layout strategy for overflowing count text. This can include: + - Using a “+” sign when reaching double- or triple-digits, such as “9+” items - Not using a corner ornament at all. Instead, place the counter Badge next to the element - For notification use cases, if showing count isn’t important, use NotificationOrnamentIcon as a Corner Ornament instead. -{/* TODO: add example here */} + + {badgeOverflowCornerOrnamentExample} + ### Icons as Corner Ornaments @@ -144,7 +216,23 @@ Use icons as Corner Ornaments to show statuses or states. When using an icon as a corner ornament, make sure it has a color that has a 3:1 contrast ratio with the background. -{/* TODO: add example here */} + + {iconCornerOrnamentExample} + Use these size pairings for pairing base components with icons: @@ -207,7 +295,20 @@ Use Avatars as Corner Ornaments to show a relationship to an entity or a user. In almost all cases, Avatars should be placed at the bottom using `position="bottom_end"`. -{/* TODO: add example here */} + + {avatarCornerOrnamentExample} + Use these size pairings for pairing base components with Avatars: @@ -262,4 +363,4 @@ Use these size pairings for pairing base components with Avatars: - \ No newline at end of file + From 20af784e8501ca61a89d952f0d6c1a51e8d4aa48 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 13:51:36 -0500 Subject: [PATCH 074/145] fix(docs/corner-ornament): pr cleanup --- cypress/integration/sitemap-vrt/constants.ts | 3 +++ .../src/component-examples/CornerOrnamentExamples.ts | 3 +-- .../src/pages/components/corner-ornament/index.mdx | 11 +++++++---- 3 files changed, 11 insertions(+), 6 deletions(-) diff --git a/cypress/integration/sitemap-vrt/constants.ts b/cypress/integration/sitemap-vrt/constants.ts index cca536358b..2c4facd2e7 100644 --- a/cypress/integration/sitemap-vrt/constants.ts +++ b/cypress/integration/sitemap-vrt/constants.ts @@ -64,6 +64,9 @@ export const SITEMAP = [ "/components/checkbox/", "/components/checkbox/api", "/components/checkbox/changelog", + "/components/corner-ornament", + "/components/corner-ornament/api", + "/components/corner-ornament/changelog", "/components/data-grid/", "/components/data-grid/api", "/components/data-grid/changelog", diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts index d7d14a0949..4999997f74 100644 --- a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -55,7 +55,6 @@ render( )`.trim(); - export const badgeCornerOrnamentExample = ` const BadgeCornerOrnamentExample = () => { return ( @@ -281,4 +280,4 @@ const IconCornerOrnamentExample = () => { render( -)`.trim(); \ No newline at end of file +)`.trim(); diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index f05c83f681..5063b4afd4 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -31,7 +31,7 @@ import { badgeCornerOrnamentExample, badgeOverflowCornerOrnamentExample, iconCornerOrnamentExample, - avatarCornerOrnamentExample + avatarCornerOrnamentExample, } from "../../../component-examples/CornerOrnamentExamples"; export default ComponentPageLayout; @@ -114,6 +114,9 @@ Position the ornament at the top when it takes priority over its element, and at +### Hiding ornament + +Hiding the ornament and removing the cutout are not supported by this component. Since this component is composable and the base element you are wrapping will look the same if you remove the corner ornament, we recommend removing the Corner Ornament components from the DOM tree if you want to hide the ornament. ## Variants ### Badges as Corner Ornaments @@ -202,7 +205,7 @@ For item counts, make sure that you have a layout strategy for overflowing count ScreenReaderOnly, ProductAlarmsIcon, Button, - NotificationOrnamentIcon + NotificationOrnamentIcon, }} language="jsx" noInline @@ -226,7 +229,7 @@ When using an icon as a corner ornament, make sure it has a color that has a 3:1 ProductAlarmsIcon, Avatar, NotificationOrnamentIcon, - CallIncomingIcon + CallIncomingIcon, }} language="jsx" noInline @@ -302,7 +305,7 @@ In almost all cases, Avatars should be placed at the bottom using `position="bot CornerOrnamentContainer, Stack, Avatar, - DataTableIcon + DataTableIcon, }} language="jsx" noInline From 600b7e4c55532902274d1c8d3986f37b982582b5 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 13:52:41 -0500 Subject: [PATCH 075/145] fix(docs/corner-ornament): pr cleanup --- .../src/pages/components/corner-ornament/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index 5063b4afd4..756f9d71db 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -114,7 +114,7 @@ Position the ornament at the top when it takes priority over its element, and at -### Hiding ornament +### Hiding Corner Ornament Hiding the ornament and removing the cutout are not supported by this component. Since this component is composable and the base element you are wrapping will look the same if you remove the corner ornament, we recommend removing the Corner Ornament components from the DOM tree if you want to hide the ornament. ## Variants From e248a7afed5a00add67ff9deb07347533ae6a1bc Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 13:54:03 -0500 Subject: [PATCH 076/145] fix(docs/corner-ornament): pr cleanup --- .../paste-website/src/pages/components/corner-ornament/api.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/api.mdx b/packages/paste-website/src/pages/components/corner-ornament/api.mdx index 138ff652b0..6911729c74 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/api.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/api.mdx @@ -5,7 +5,7 @@ export const meta = { slug: '/components/corner-ornament/api', }; -import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; // I don't know why this is needed but if you remove it the page fails to render +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; import packageJson from '@twilio-paste/corner-ornament/package.json'; import {SidebarCategoryRoutes} from '../../../constants'; From 0d334670f591d81e53c5704deeff866b5ff7e368 Mon Sep 17 00:00:00 2001 From: krisantrobus <55083528+krisantrobus@users.noreply.github.com> Date: Tue, 6 Aug 2024 08:27:25 -0500 Subject: [PATCH 077/145] fix(pr comments): apply suggestions from code review Co-authored-by: Sarah --- .../src/component-examples/CornerOrnamentExamples.ts | 2 +- .../src/pages/components/corner-ornament/index.mdx | 11 ++++++----- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts index 4999997f74..011b6a30fa 100644 --- a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -37,7 +37,7 @@ const FeaturedExample = () => { - + Date: Wed, 24 Jul 2024 15:01:57 -0500 Subject: [PATCH 078/145] feat(corner-ornament): initial WIP --- .../paste-codemods/tools/.cache/mappings.json | 2 +- .../corner-ornament/__tests__/index.spec.tsx | 65 +- .../components/corner-ornament/package.json | 4 +- .../corner-ornament/src/CornerOrnament.tsx | 56 +- .../src/CornerOrnamentContainer.tsx | 5 +- .../src/CornerOrnamentContext.tsx | 2 +- .../src/CornerOrnamentElement.tsx | 60 + .../components/corner-ornament/src/Masks.tsx | 19 + .../corner-ornament/src/assets/mask-badge.svg | 1 + .../src/assets/mask-circle.svg | 1 + .../corner-ornament/src/assets/mask-dot.svg | 3 + .../components/corner-ornament/src/index.tsx | 6 +- .../components/corner-ornament/src/types.ts | 22 +- .../corner-ornament/stories/index.stories.tsx | 1090 +---------------- yarn.lock | 25 +- 15 files changed, 185 insertions(+), 1176 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index c46a208f64..2006ceeb3d 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -85,8 +85,8 @@ "useCombobox": "@twilio-paste/core/combobox", "useMultiselectCombobox": "@twilio-paste/core/combobox", "CornerOrnament": "@twilio-paste/core/corner-ornament", - "CornerOrnamentBase": "@twilio-paste/core/corner-ornament", "CornerOrnamentContainer": "@twilio-paste/core/corner-ornament", + "CornerOrnamentElement": "@twilio-paste/core/corner-ornament", "DataGrid": "@twilio-paste/core/data-grid", "DataGridBody": "@twilio-paste/core/data-grid", "DataGridCell": "@twilio-paste/core/data-grid", diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index f8524f7e31..e1538edfce 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,70 +1,11 @@ import { render } from "@testing-library/react"; -import { Avatar } from "@twilio-paste/avatar"; -import { Box } from "@twilio-paste/box"; -import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; -import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; -import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; -import { CornerOrnamentType } from "../src/types"; - -const ExampleCornerOrnament: React.FC<{ - size?: IconSizeOptions; - type?: CornerOrnamentType; - element?: string; -}> = ({ size, type, element }) => ( - - - - - - - - - - -); +import { CornerOrnament } from "../src"; describe("CornerOrnament", () => { it("should render", () => { - const { getByTestId } = render(); - expect(getByTestId("ornament-element")).toBeDefined(); - expect(getByTestId("ornament")).toBeDefined(); - }); - - it("should throw errors for unsupported size and type combinations", () => { - expect(() => { - render(); - }).toThrow(); - }); - - describe("Customization", () => { - it("should set element data attribute", () => { - const { getByTestId } = render(); - expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( - "CORNER_ORNAMENT_CONTAINER", - ); - expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT_BASE"); - expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); - }); - - it("should set custom element data attribute", () => { - const { getByTestId } = render(); - expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( - "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", - ); - expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual( - "CUSTOMIZED_CORNER_ORNAMENT_BASE", - ); - expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); - }); + const { getByText } = render(test); + expect(getByText("test")).toBeDefined(); }); }); diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 2f36e78910..710e378146 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.", + "description": "A component used to apply masking to an element and position another element as an ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", @@ -34,7 +34,6 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", "react": "^16.8.6 || ^17.0.2 || ^18.0.0", @@ -50,7 +49,6 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", "react": "^18.0.0", diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 61f40ecda9..ba936e50d5 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,28 +1,60 @@ -import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; +import { Box, BoxStyleProps } from "@twilio-paste/box"; +import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { OrnamentPositionStyleMappings } from "./mappings"; -import { CornerOrnamentProps } from "./types"; +import { CornerOrnamentPosition, CornerOrnamentProps, CornerOrnamentType } from "./types"; + +type OrnamentSpacingMapping = Record< + CornerOrnamentType, + Record>> +>; export const CornerOrnament = React.forwardRef( ({ element = "CORNER_ORNAMENT", ...props }, ref) => { const { cornerOrnamentType, size, position } = useCornerOrnamentContext(); - if (!OrnamentPositionStyleMappings[cornerOrnamentType][position][size]) { + const Positions: OrnamentSpacingMapping = { + badge: { + bottom_end: { + sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { left: "space70" }, + sizeIcon50: { left: "space70" }, + }, + }, + icon: { + bottom_end: { + sizeIcon80: { top: "24px", left: "24px" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + }, + dot: { + bottom_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + top_end: { + sizeIcon80: { top: "space80", left: "space80" }, + sizeIcon50: { top: "space80", left: "space80" }, + }, + }, + }; + + if (!Positions[cornerOrnamentType][position][size]) { throw new Error( - "[Paste: CornerOrnament] the size/position/type combination you have chosen is not currently supported. Please refer to the guidelines in our docs or raise a new discussion to get this supported at https://github.com/twilio-labs/paste/discussions.", + "[Paste: CornerOrnament] the size and/or position you have chosen is not currently supported. Please raise a new disucssion to get this supported at https://github.com/twilio-labs/paste/discussions.", ); } return ( - + {props.children} ); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index d5a2ea3b63..09a2f89f7d 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,6 +1,5 @@ -import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; +import { Box } from "@twilio-paste/box"; import * as React from "react"; - import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; @@ -8,7 +7,7 @@ export const CornerOrnamentContainer = React.forwardRef { return ( - + {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx index 4219c533e5..a1f0f45850 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx @@ -7,7 +7,7 @@ export const CornerOrnamentContext = React.createContext { const context = React.useContext(CornerOrnamentContext); if (!context) { - throw new Error("Corner Ornaments components must be used within CornerOrnamentContainer"); + throw new Error("useCornerOrnamentContext must be used with CornerOrnamentContextProvider"); } return context; }; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx new file mode 100644 index 0000000000..d8c60ed47d --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -0,0 +1,60 @@ +import { Box } from "@twilio-paste/box"; +import { useUID } from "@twilio-paste/uid-library"; + +import * as React from "react"; +import { useCornerOrnamentContext } from "./CornerOrnamentContext"; +import { BadgePath, BadgeSVG, DotPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; + +// import MaskBadge from "./assets/mask-badge.svg"; +// import MaskCircle from "./assets/mask-circle.svg"; +// import MaskDot from "./assets/mask-dot.svg"; + +export const CornerOrnamentElement = React.forwardRef( + ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { + const id = useUID(); + const { cornerOrnamentType, size } = useCornerOrnamentContext(); + + const getSVGAsset = (type: CornerOrnamentType) => { + switch (cornerOrnamentType) { + // case "badge": + // return MaskBadge; + // case "dot": + // return MaskDot; + default: + return ""; //MaskCircle; // replace with icon [lg circle] + } + }; + + return ( + + + {props.children} + + + + { + // eslint-disable-next-line @typescript-eslint/no-unused-vars + cornerOrnamentType === "badge" ? : < DotPath/> + } + + + + + + ); + }, +); + +CornerOrnamentElement.displayName = "CornerOrnamentElement"; diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx new file mode 100644 index 0000000000..327823dc40 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const BadgeSVG = () => ( + + + + + + + +); + +export const BadgePath = () => ( + +); + +export const DotPath = () => ( + +); diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg new file mode 100644 index 0000000000..1ccddfeef8 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/paste-core/components/corner-ornament/src/index.tsx b/packages/paste-core/components/corner-ornament/src/index.tsx index a33ccc3660..4cbf459cf4 100644 --- a/packages/paste-core/components/corner-ornament/src/index.tsx +++ b/packages/paste-core/components/corner-ornament/src/index.tsx @@ -1,8 +1,10 @@ export { CornerOrnament } from "./CornerOrnament"; export { CornerOrnamentContainer } from "./CornerOrnamentContainer"; -export { CornerOrnamentBase } from "./CornerOrnamentBase"; +export { CornerOrnamentElement } from "./CornerOrnamentElement"; export type { - CornerOrnamentBaseProps, + CornerOrnamentElementProps, CornerOrnamentContainerProps, CornerOrnamentProps, + CornerOrnamentType, + CornerOrnamentPosition, } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index fbaa3e9113..2da9ad4b3f 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -2,23 +2,23 @@ import { BoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import type { HTMLPasteProps } from "@twilio-paste/types"; -export type CornerOrnamentType = "badge" | "icon" | "avatar"; +export type CornerOrnamentType = "badge" | "dot" | "icon"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; -export interface CornerOrnamentBaseProps extends HTMLPasteProps<"div"> { +export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { children?: React.ReactNode; /** * Overrides the default element name to apply unique styles with the Customization Provider - * @default 'CORNER_ORNAMENT_BASE' + * @default 'CORNER_ORNAMENT_ELEMENT' * @type {BoxProps['element']} - * @memberof CornerOrnamentBaseProps + * @memberof CornerOrnamentElementProps */ element?: BoxProps["element"]; /** * Ability to set the padding of the main element * @default null * @type {'space0'} - * @memberof CornerOrnamentBaseProps + * @memberof CornerOrnamentElementProps */ padding?: "space0"; } @@ -29,7 +29,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * Overrides the default element name to apply unique styles with the Customization Provider * @default '{constantCase component-name}' * @type {BoxProps['element']} - * @memberof CornerOrnamentContainerProps + * @memberof CornerOrnamentProps */ element?: BoxProps["element"]; /** @@ -40,14 +40,14 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { */ position?: CornerOrnamentPosition; /** - * The size of the CornerOrnamentBase used to determine spacing + * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} - * @memberof CornerOrnamentContainerProps + * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContainerProps @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * The size of the CornerOrnamentBase used to determine spacing + * Sets the position of the CornerOrnament * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. + * Sets the position of the CornerOrnament * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index a5e0eb14a7..90962689a3 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -1,19 +1,9 @@ import { Avatar } from "@twilio-paste/avatar"; import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; -import { CustomizationProvider } from "@twilio-paste/customization"; -import { Heading } from "@twilio-paste/heading"; -import { ErrorIcon } from "@twilio-paste/icons/esm/ErrorIcon"; -import { FileVideoIcon } from "@twilio-paste/icons/esm/FileVideoIcon"; -import { NewIcon } from "@twilio-paste/icons/esm/NewIcon"; -import { NotificationIcon } from "@twilio-paste/icons/esm/NotificationIcon"; -import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; -import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; -import { Stack } from "@twilio-paste/stack"; -import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; -import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; +import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; // eslint-disable-next-line import/no-default-export export default { @@ -23,1078 +13,26 @@ export default { export const Default = (): React.ReactNode => { return ( - - - - - + + + + + - notification value - - 100 - + + - - - + + + - notification value - - 100 + + 9+ - - ); -}; - -export const SupportedBadge = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon110 - - - - - - notification value - - 100 - - - - badge size="default" - - - sizeIcon100 - - - - - - notification value - - 100 - - - - badge size="default" - - - sizeIcon90 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon80 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon70 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon60 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon50 - - - - - - notification value - - 100 - - - - badge size="small" - - - - top_end: - - - - sizeIcon110 - - - - - - notification value - - 100 - - - - badge size="default" - - - sizeIcon100 - - - - - - notification value - - 100 - - - - badge size="default" - - - sizeIcon90 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon80 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon70 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon60 - - - - - - notification value - - 100 - - - - badge size="small" - - - sizeIcon50 - - - - - - notification value - - 100 - - - - badge size="small" - - - - ); -}; - -SupportedBadge.storyName = "Supported Corner Ornament Badge"; - -export const SupportedAvatar = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon110 - - - - - - - - - sizeIcon70 - - - sizeIcon100 - - - - - - - - - sizeIcon60 - - - sizeIcon90 - - - - - - - - - sizeIcon30 - - - sizeIcon80 - - - - - - - - - sizeIcon30 - - - sizeIcon70 - - - - - - - - - sizeIcon10 - - - sizeIcon60 - - - - - - - - - sizeIcon10 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon10 - - - sizeIcon30 - - - - - - - - - sizeIcon10 - - - sizeIcon20 - - - - - - - - - sizeIcon10 - - - - top_end: - - - - sizeIcon110 - - - - - - - - - sizeIcon70 - - - sizeIcon100 - - - - - - - - - sizeIcon60 - - - sizeIcon90 - - - - - - - - - sizeIcon30 - - - sizeIcon80 - - - - - - - - - sizeIcon30 - - - sizeIcon70 - - - - - - - - - sizeIcon10 - - - sizeIcon60 - - - - - - - - - sizeIcon10 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon10 - - - sizeIcon30 - - - - - - - - - sizeIcon10 - - - sizeIcon20 - - - - - - - - - sizeIcon10 - - - - ); -}; - -SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; - -export const SupportedIcon = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon110 - - - - - - - - - sizeIcon70 - - - sizeIcon100 - - - - - - - - - sizeIcon50 - - - sizeIcon90 - - - - - - - - - sizeIcon40 - - - sizeIcon80 - - - - - - - - - sizeIcon40 - - - sizeIcon70 - - - - - - - - - sizeIcon30 - - - sizeIcon60 - - - - - - - - - sizeIcon10 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon10 - - - sizeIcon30 - - - - - - - - - sizeIcon05 - - - sizeIcon20 - - - - - - - - - sizeIcon05 - - - - top_end: - - - - sizeIcon110 - - - - - - - - - sizeIcon70 - - - sizeIcon100 - - - - - - - - - sizeIcon50 - - - sizeIcon90 - - - - - - - - - sizeIcon40 - - - sizeIcon80 - - - - - - - - - sizeIcon40 - - - sizeIcon70 - - - - - - - - - sizeIcon30 - - - sizeIcon60 - - - - - - - - - sizeIcon10 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon10 - - - sizeIcon30 - - - - - - - - - sizeIcon05 - - - sizeIcon20 - - - - - - - - - sizeIcon05 - - - - ); -}; - -SupportedIcon.storyName = "Supported Corner Ornament Icon"; - -export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon110 - - - - - - - - - sizeIcon70 - - - sizeIcon100 - - - - - - - - - sizeIcon50 - - - sizeIcon90 - - - - - - - - - sizeIcon40 - - - sizeIcon80 - - - - - - - - - sizeIcon40 - - - sizeIcon70 - - - - - - - - - sizeIcon30 - - - sizeIcon60 - - - - - - - - - sizeIcon10 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon10 - - - sizeIcon30 - - - - - - - - - sizeIcon05 - - - sizeIcon20 - - - - - - - - - sizeIcon05 - - - - top_end: - - - - sizeIcon110 - - - - - - - - - sizeIcon70 - - - sizeIcon100 - - - - - - - - - sizeIcon50 - - - sizeIcon90 - - - - - - - - - sizeIcon40 - - - sizeIcon80 - - - - - - - - - sizeIcon40 - - - sizeIcon70 - - - - - - - - - sizeIcon30 - - - sizeIcon60 - - - - - - - - - sizeIcon10 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon10 - - - sizeIcon30 - - - - - - - - - sizeIcon05 - - - sizeIcon20 - - - - - - - - - sizeIcon05 - - - + ); }; - -SupportedNotificationOrnamentIcon.storyName = "Supported Corner Ornament Notification Icon"; - -export const CornerOrnamentCustomization = (): React.ReactNode => { - const currentTheme = useTheme(); - - return ( - - - - - - - - - - - - - ); -}; - -CornerOrnamentCustomization.storyName = "Corner Ornament Customization"; -CornerOrnamentCustomization.parameters = { - a11y: { - // no need to a11y check customization - disable: true, - }, -}; diff --git a/yarn.lock b/yarn.lock index 89fd0a33a0..ea30f25fa3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12384,7 +12384,7 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/corner-ornament@^0.0.0, @twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": +"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": version: 0.0.0-use.local resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" dependencies: @@ -12397,12 +12397,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^18.0.27 "@types/react-dom": ^18.0.10 react: ^18.0.0 react-dom: ^18.0.0 - tsx: ^4.0.0 + tsx: ^3.12.10 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -12414,7 +12413,6 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 react: ^16.8.6 || ^17.0.2 || ^18.0.0 @@ -41815,7 +41813,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43827,6 +43825,23 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard +"tsx@npm:^3.12.10": + version: 3.14.0 + resolution: "tsx@npm:3.14.0" + dependencies: + esbuild: ~0.18.20 + fsevents: ~2.3.3 + get-tsconfig: ^4.7.2 + source-map-support: ^0.5.21 + dependenciesMeta: + fsevents: + optional: true + bin: + tsx: dist/cli.mjs + checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 + languageName: node + linkType: hard + "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From ccec59140e19b153983ba7d27c717718bf9513b4 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:37:06 -0500 Subject: [PATCH 079/145] feat(corner-ornament): refactor of masking paths in element --- .../src/CornerOrnamentElement.tsx | 48 +++++++++---------- .../components/corner-ornament/src/Masks.tsx | 17 ++----- .../corner-ornament/stories/index.stories.tsx | 6 ++- 3 files changed, 30 insertions(+), 41 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index d8c60ed47d..818487b73d 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -3,54 +3,50 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgePath, BadgeSVG, DotPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; - -// import MaskBadge from "./assets/mask-badge.svg"; -// import MaskCircle from "./assets/mask-circle.svg"; -// import MaskDot from "./assets/mask-dot.svg"; +import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, size } = useCornerOrnamentContext(); + const { cornerOrnamentType, position } = useCornerOrnamentContext(); - const getSVGAsset = (type: CornerOrnamentType) => { - switch (cornerOrnamentType) { - // case "badge": - // return MaskBadge; - // case "dot": - // return MaskDot; - default: - return ""; //MaskCircle; // replace with icon [lg circle] + const MasksMapping: Record> = { + badge: { + bottom_end: , + top_end: , + }, + dot: { + bottom_end: , + top_end: , + }, + icon: { + bottom_end: , + top_end: , } }; - + return ( - {props.children} - + {props.children} + { - // eslint-disable-next-line @typescript-eslint/no-unused-vars - cornerOrnamentType === "badge" ? : < DotPath/> + MasksMapping[cornerOrnamentType][position] } - + ); diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index 327823dc40..f60f1b4a9c 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,19 +1,10 @@ import React from "react"; -export const BadgeSVG = () => ( - - - - - - - -); -export const BadgePath = () => ( - +export const BadgeBottomEndPath = () => ( + ); -export const DotPath = () => ( - +export const DotBottomEndPath = () => ( + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 90962689a3..ce8a9eda04 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -1,6 +1,8 @@ import { Avatar } from "@twilio-paste/avatar"; import { Badge } from "@twilio-paste/badge"; +import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; +import { Stack } from "@twilio-paste/stack"; import * as React from "react"; import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; @@ -13,7 +15,7 @@ export default { export const Default = (): React.ReactNode => { return ( - + @@ -33,6 +35,6 @@ export const Default = (): React.ReactNode => { - + ); }; From b33c1874ef742f5a6c26a11aff3f10a780e9a0c1 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 08:22:17 -0500 Subject: [PATCH 080/145] feat(corner-ornament): updated stories --- .../corner-ornament/stories/index.stories.tsx | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index ce8a9eda04..deb9c4da8c 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -2,6 +2,8 @@ import { Avatar } from "@twilio-paste/avatar"; import { Badge } from "@twilio-paste/badge"; import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; +import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import * as React from "react"; @@ -21,6 +23,7 @@ export const Default = (): React.ReactNode => { + ornament has notification @@ -30,7 +33,20 @@ export const Default = (): React.ReactNode => { - + notification value + + 9+ + + + + + + + + + + notification value + 9+ From 1a99082ca487247257e6c080b360103e72981f0d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 12:38:27 -0500 Subject: [PATCH 081/145] feat(corner-ornament): tweaks --- .../corner-ornament/src/CornerOrnamentElement.tsx | 15 ++++++--------- .../components/corner-ornament/src/Masks.tsx | 3 +-- 2 files changed, 7 insertions(+), 11 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 818487b73d..76a99ff014 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -9,9 +9,9 @@ import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, position } = useCornerOrnamentContext(); + const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - const MasksMapping: Record> = { + const MasksMapping: Record> = { badge: { bottom_end: , top_end: , @@ -23,9 +23,9 @@ export const CornerOrnamentElement = React.forwardRef, top_end: , - } + }, }; - + return ( {props.children} - { - MasksMapping[cornerOrnamentType][position] - } + {MasksMapping[cornerOrnamentType][position]} diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index f60f1b4a9c..6a0ebff669 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,8 +1,7 @@ import React from "react"; - export const BadgeBottomEndPath = () => ( - + ); export const DotBottomEndPath = () => ( From 3a9a3d25aaf1c1174b48354e1477500b243eac93 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 13:51:34 -0500 Subject: [PATCH 082/145] feat(corner-ornament): stories ad size mappings --- .../corner-ornament/src/CornerOrnament.tsx | 26 ++-- .../corner-ornament/stories/index.stories.tsx | 136 +++++++++++++++++- 2 files changed, 147 insertions(+), 15 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index ba936e50d5..e980091b56 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,39 +17,43 @@ export const CornerOrnament = React.forwardRef { return ( - - + + - + ornament has notification + + + + + + notification value + + 9+ + + + + + + + + + notification value + + 9+ + + + + + ); +}; +export const CornerOrnamentPositions = (): React.ReactNode => { + return ( + + + + + + + ornament has notification + + + @@ -39,8 +78,52 @@ export const Default = (): React.ReactNode => { + + + + + + notification value + + 9+ + + + + + ); +}; +CornerOrnamentPositions.storyName = "Corner Ornament Positions"; + +export const CornerOrnamentSizes = (): React.ReactNode => { + return ( + + + Avatar: + + + + + + + + ornament has notification + + + + + + + + + notification value + + 9+ + + + + @@ -54,3 +137,48 @@ export const Default = (): React.ReactNode => { ); }; + +CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; + +export const CornerOrnamentCustomization = (): React.ReactNode => { + const currentTheme = useTheme(); + + return ( + + + + + + + + + + + + + ); +}; + +CornerOrnamentCustomization.storyName = "Corner Ornament Customization"; +CornerOrnamentCustomization.parameters = { + a11y: { + // no need to a11y check customization + disable: true, + }, +}; From 75986a383aac81dc63269ce27b9b6b1093bd9593 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 14:47:02 -0500 Subject: [PATCH 083/145] feat(corner-ornament): stories --- .../corner-ornament/src/CornerOrnament.tsx | 40 +- .../src/CornerOrnamentElement.tsx | 4 + .../components/corner-ornament/src/types.ts | 2 +- .../corner-ornament/stories/index.stories.tsx | 415 ++++++++++++++---- 4 files changed, 371 insertions(+), 90 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index e980091b56..0cb43c1a46 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,36 +17,48 @@ export const CornerOrnament = React.forwardRef, top_end: , }, + avatar: { + bottom_end: , + top_end: , + }, }; return ( diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index 2da9ad4b3f..e3aae5352b 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -2,7 +2,7 @@ import { BoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import type { HTMLPasteProps } from "@twilio-paste/types"; -export type CornerOrnamentType = "badge" | "dot" | "icon"; +export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 0300f0108e..c792c20ef0 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -3,7 +3,7 @@ import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; -import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; @@ -20,9 +20,9 @@ export default { export const Default = (): React.ReactNode => { return ( - + - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -55,90 +55,355 @@ export const Default = (): React.ReactNode => { ); }; -export const CornerOrnamentPositions = (): React.ReactNode => { +export const SupportedDots = (): React.ReactNode => { return ( - - - - - - - ornament has notification - - - - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - + + + bottom_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + + + top_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + ); }; -CornerOrnamentPositions.storyName = "Corner Ornament Positions"; +SupportedDots.storyName = "Supported Corner Ornament Dots"; -export const CornerOrnamentSizes = (): React.ReactNode => { +export const SupportedBadge = (): React.ReactNode => { return ( - Avatar: + bottom_end: - - - - - - ornament has notification - - - + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + top_end: + + + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + ); +}; + +SupportedBadge.storyName = "Supported Corner Ornament Badge"; + +export const SupportedAvatar = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + ); +}; + +SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; + +export const SupportedIcon = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - ); }; -CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; +SupportedIcon.storyName = "Supported Corner Ornament Icon"; export const CornerOrnamentCustomization = (): React.ReactNode => { const currentTheme = useTheme(); @@ -164,10 +429,10 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + - + From a10f301cac1c25629fe272b77ebda45eb0d6046f Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:14:21 -0500 Subject: [PATCH 084/145] feat(corner-ornament): tests --- .../corner-ornament/__tests__/index.spec.tsx | 93 ++++++++++++++++++- .../corner-ornament/src/CornerOrnament.tsx | 10 +- .../src/CornerOrnamentContainer.tsx | 4 +- .../src/CornerOrnamentElement.tsx | 35 ++++--- .../corner-ornament/stories/index.stories.tsx | 60 ++++++------ 5 files changed, 146 insertions(+), 56 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index e1538edfce..8fab739781 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,11 +1,96 @@ -import { render } from "@testing-library/react"; +import { render, screen } from "@testing-library/react"; import * as React from "react"; -import { CornerOrnament } from "../src"; +import { Avatar } from "@twilio-paste/avatar"; +import { Box } from "@twilio-paste/box"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import { IconSizeOptions } from "@twilio-paste/style-props"; +import { + CornerOrnament, + CornerOrnamentContainer, + CornerOrnamentElement, + CornerOrnamentPosition, + CornerOrnamentType, +} from "../src"; + +const ExampleCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); + +const CustomizedCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); describe("CornerOrnament", () => { it("should render", () => { - const { getByText } = render(test); - expect(getByText("test")).toBeDefined(); + const { getByTestId } = render(); + expect(getByTestId("ornament-element")).toBeDefined(); + expect(getByTestId("ornament")).toBeDefined(); + }); + + it("should throw errors for unsupported size and type combinations", () => { + expect(() => { + render(); + }).toThrow(); + }); + + describe("Customization", () => { + it("should set element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( + "CORNER_ORNAMENT_ELEMENT", + ); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); + }); + + it("should set custom element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_ELEMENT", + ); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); + }); }); }); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 0cb43c1a46..056ff0d4e1 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,4 +1,4 @@ -import { Box, BoxStyleProps } from "@twilio-paste/box"; +import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; @@ -70,7 +70,13 @@ export const CornerOrnament = React.forwardRef + {props.children} ); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 09a2f89f7d..90849fbff4 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; @@ -7,7 +7,7 @@ export const CornerOrnamentContainer = React.forwardRef { return ( - + {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 52e850bdd9..50e4156639 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; @@ -31,23 +31,22 @@ export const CornerOrnamentElement = React.forwardRef - - {props.children} - - - - {MasksMapping[cornerOrnamentType][position]} - - - + + {props.children} + + + + {MasksMapping[cornerOrnamentType][position]} + + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index c792c20ef0..dcca9b16a1 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -22,7 +22,7 @@ export const Default = (): React.ReactNode => { - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -66,7 +66,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -79,7 +79,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -92,7 +92,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -110,7 +110,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -123,7 +123,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -136,7 +136,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -163,7 +163,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -182,7 +182,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -210,10 +210,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -222,10 +222,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -239,10 +239,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -251,10 +251,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -277,7 +277,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -289,7 +289,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -301,7 +301,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -313,7 +313,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -325,7 +325,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -342,7 +342,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -354,7 +354,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -366,7 +366,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -378,7 +378,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -390,7 +390,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -429,7 +429,7 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + From 287c9182746c48b74b4f3a536d126e6abd21a54f Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:35:23 -0500 Subject: [PATCH 085/145] feat(corner-ornament): refactor masks for string --- .../src/CornerOrnamentElement.tsx | 22 +++++++++---------- .../components/corner-ornament/src/Masks.ts | 4 ++++ 2 files changed, 15 insertions(+), 11 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/src/Masks.ts diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 50e4156639..e98c8c2f1c 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,7 +1,7 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; - import * as React from "react"; + import { useCornerOrnamentContext } from "./CornerOrnamentContext"; import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; @@ -11,22 +11,22 @@ export const CornerOrnamentElement = React.forwardRef> = { + const ClipPathMapping: Record> = { badge: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, dot: { - bottom_end: , - top_end: , + bottom_end: DotBottomEndPath, + top_end: DotBottomEndPath, }, icon: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, avatar: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, }; @@ -44,7 +44,7 @@ export const CornerOrnamentElement = React.forwardRef - {MasksMapping[cornerOrnamentType][position]} + {} diff --git a/packages/paste-core/components/corner-ornament/src/Masks.ts b/packages/paste-core/components/corner-ornament/src/Masks.ts new file mode 100644 index 0000000000..cbd0e2fa0a --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/Masks.ts @@ -0,0 +1,4 @@ +export const BadgeBottomEndPath = + "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; +export const DotBottomEndPath = + "M 1.023 0.499 C 1.027 0.204 0.796 -0.029 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.2239 0.5 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; From a6b0e18552823192611bd2c1d6ac0ff4fcef809b Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:42:14 -0500 Subject: [PATCH 086/145] feat(corner-ornament): lint & typedoc --- .../corner-ornament/__tests__/index.spec.tsx | 7 +++---- .../components/corner-ornament/package.json | 2 ++ .../corner-ornament/src/CornerOrnamentContainer.tsx | 1 + .../components/corner-ornament/src/Masks.tsx | 9 --------- .../corner-ornament/stories/index.stories.tsx | 12 ++++++------ .../components/corner-ornament/type-docs.json | 8 ++++---- 6 files changed, 16 insertions(+), 23 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 8fab739781..4bd1661f7d 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,11 +1,10 @@ -import { render, screen } from "@testing-library/react"; -import * as React from "react"; - +import { render } from "@testing-library/react"; import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; -import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { IconSizeOptions } from "@twilio-paste/style-props"; +import * as React from "react"; + import { CornerOrnament, CornerOrnamentContainer, diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 710e378146..f5196f9442 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -34,6 +34,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", "react": "^16.8.6 || ^17.0.2 || ^18.0.0", @@ -49,6 +50,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", "react": "^18.0.0", diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 90849fbff4..d5a2ea3b63 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,5 +1,6 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; + import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx deleted file mode 100644 index 6a0ebff669..0000000000 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; - -export const BadgeBottomEndPath = () => ( - -); - -export const DotBottomEndPath = () => ( - -); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index dcca9b16a1..53a4c2bec4 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -70,7 +70,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -83,7 +83,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -96,7 +96,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -114,7 +114,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -127,7 +127,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -140,7 +140,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json index 2c84205408..5a838eb5e2 100644 --- a/packages/paste-core/components/corner-ornament/type-docs.json +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -1,5 +1,5 @@ { - "CornerOrnamentBase": { + "CornerOrnamentElement": { "about": { "type": "string", "defaultValue": null, @@ -416,7 +416,7 @@ }, "element": { "type": "string", - "defaultValue": "'CORNER_ORNAMENT_BASE'", + "defaultValue": "'CORNER_ORNAMENT_ELEMENT'", "required": false, "externalProp": false, "description": "Overrides the default element name to apply unique styles with the Customization Provider" @@ -1595,14 +1595,14 @@ "defaultValue": "null", "required": true, "externalProp": false, - "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect." + "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect." }, "size": { "type": "| \"sizeIcon05\"\n | \"sizeIcon10\"\n | \"sizeIcon20\"\n | \"sizeIcon30\"\n | \"sizeIcon40\"\n | \"sizeIcon50\"\n | \"sizeIcon60\"\n | \"sizeIcon70\"\n | \"sizeIcon80\"\n | \"sizeIcon90\"\n | \"sizeIcon100\"\n | \"sizeIcon110\"", "defaultValue": "null", "required": true, "externalProp": false, - "description": "The size of the CornerOrnamentBase used to determine spacing" + "description": "The size of the CornerOrnamentElement used to determine spacing" }, "about": { "type": "string", From 30b6d60803cd2417d9fad5c3e9b28bcffe4df73e Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:48:03 -0500 Subject: [PATCH 087/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md index 6af8c7f299..f708de0953 100644 --- a/.changeset/warm-snakes-grow.md +++ b/.changeset/warm-snakes-grow.md @@ -3,4 +3,4 @@ "@twilio-paste/core": minor --- -[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament +[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From ad42814d85e5ba3675af8e817c8975bf9c8249da Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 09:59:20 -0500 Subject: [PATCH 088/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md index f708de0953..6af8c7f299 100644 --- a/.changeset/warm-snakes-grow.md +++ b/.changeset/warm-snakes-grow.md @@ -3,4 +3,4 @@ "@twilio-paste/core": minor --- -[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament +[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From ae17eaeaa5627f7a540df661c54854cb2d28708d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:04:30 -0500 Subject: [PATCH 089/145] feat(corner-ornament): remove unused assets --- .../components/corner-ornament/src/assets/mask-badge.svg | 1 - .../components/corner-ornament/src/assets/mask-circle.svg | 1 - .../components/corner-ornament/src/assets/mask-dot.svg | 3 --- 3 files changed, 5 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg deleted file mode 100644 index 1ccddfeef8..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - From 83e587a6a0a18bd85635f70a0d7298688dfc7c97 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:06:48 -0500 Subject: [PATCH 090/145] feat(corner-ornament): types update --- .../paste-core/components/corner-ornament/src/types.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index e3aae5352b..dd6bb81600 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -29,7 +29,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * Overrides the default element name to apply unique styles with the Customization Provider * @default '{constantCase component-name}' * @type {BoxProps['element']} - * @memberof CornerOrnamentProps + * @memberof CornerOrnamentContainerProps */ element?: BoxProps["element"]; /** @@ -43,7 +43,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} - * @memberof CornerOrnamentContextInterface + * @memberof CornerOrnamentContainerProps */ size: IconSizeOptions; /** @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * Sets the position of the CornerOrnament + * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * Sets the position of the CornerOrnament + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface From 150a971f697e194767ad662fef3fb950a6d278b2 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:11:04 -0500 Subject: [PATCH 091/145] feat(corner-ornament): update package description --- packages/paste-core/components/corner-ornament/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index f5196f9442..30d147aab1 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply masking to an element and position another element as an ornament.", + "description": "A component used to apply a clip path to an element and position another element as an ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", From f597f65dfb914aa02455180b0c811d96f456c6c5 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 08:45:59 -0500 Subject: [PATCH 092/145] feat(corner-ornament): yarn lock --- yarn.lock | 25 +++++-------------------- 1 file changed, 5 insertions(+), 20 deletions(-) diff --git a/yarn.lock b/yarn.lock index ea30f25fa3..89fd0a33a0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12384,7 +12384,7 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": +"@twilio-paste/corner-ornament@^0.0.0, @twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": version: 0.0.0-use.local resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" dependencies: @@ -12397,11 +12397,12 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^18.0.27 "@types/react-dom": ^18.0.10 react: ^18.0.0 react-dom: ^18.0.0 - tsx: ^3.12.10 + tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -12413,6 +12414,7 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 react: ^16.8.6 || ^17.0.2 || ^18.0.0 @@ -41813,7 +41815,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43825,23 +43827,6 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"tsx@npm:^3.12.10": - version: 3.14.0 - resolution: "tsx@npm:3.14.0" - dependencies: - esbuild: ~0.18.20 - fsevents: ~2.3.3 - get-tsconfig: ^4.7.2 - source-map-support: ^0.5.21 - dependenciesMeta: - fsevents: - optional: true - bin: - tsx: dist/cli.mjs - checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 - languageName: node - linkType: hard - "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From 9b00757d8935c4ec95ea96a3b9de5b245bacc73c Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 13:24:30 -0500 Subject: [PATCH 093/145] feat(docs): corner ornament wip --- packages/paste-website/package.json | 1 + .../pages/components/corner-ornament/api.mdx | 80 +++++++++++++++++++ .../components/corner-ornament/changelog.mdx | 37 +++++++++ .../components/corner-ornament/index.mdx | 37 +++++++++ 4 files changed, 155 insertions(+) create mode 100644 packages/paste-website/src/pages/components/corner-ornament/api.mdx create mode 100644 packages/paste-website/src/pages/components/corner-ornament/changelog.mdx create mode 100644 packages/paste-website/src/pages/components/corner-ornament/index.mdx diff --git a/packages/paste-website/package.json b/packages/paste-website/package.json index 23d1c3c567..9aad3b4c79 100644 --- a/packages/paste-website/package.json +++ b/packages/paste-website/package.json @@ -57,6 +57,7 @@ "@twilio-paste/color-contrast-utils": "^5.0.0", "@twilio-paste/combobox": "^16.2.1", "@twilio-paste/combobox-primitive": "^2.1.1", + "@twilio-paste/corner-ornament": "^0.0.0", "@twilio-paste/customization": "^8.2.0", "@twilio-paste/data-grid": "^8.3.0", "@twilio-paste/data-visualization-library": "^5.0.0", diff --git a/packages/paste-website/src/pages/components/corner-ornament/api.mdx b/packages/paste-website/src/pages/components/corner-ornament/api.mdx new file mode 100644 index 0000000000..34a6ea6ce6 --- /dev/null +++ b/packages/paste-website/src/pages/components/corner-ornament/api.mdx @@ -0,0 +1,80 @@ +export const meta = { + title: 'Corner Ornament', + package: '@twilio-paste/corner-ornament', + description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', + slug: '/components/corner-ornament/api', +}; + +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; // I don't know why this is needed but if you remove it the page fails to render +import packageJson from '@twilio-paste/corner-ornament/package.json'; + +import {SidebarCategoryRoutes} from '../../../constants'; +import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; +import {getFeature, getNavigationData, getComponentApi} from '../../../utils/api'; + +export default ComponentPageLayout; + +export const getStaticProps = async () => { + const navigationData = await getNavigationData(); + const feature = await getFeature('Corner ornament'); + const {componentApi, componentApiTocData} = getComponentApi('@twilio-paste/corner-ornament'); + return { + props: { + data: { + ...packageJson, + ...feature, + }, + componentApi, + mdxHeadings: [...mdxHeadings, ...componentApiTocData], + navigationData, + pageHeaderData: { + categoryRoute: SidebarCategoryRoutes.COMPONENTS, + githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', + storybookUrl: '/?path=/story/components-corner-ornament--single-line', + }, + }, + }; +}; + +## Installation + +```bash +yarn add @twilio-paste/corner-ornament - or - yarn add @twilio-paste/core +``` + +## Usage + +```jsx +import {CodeBlockWrapper, CodeBlockHeader, CodeBlock} from '@twilio-paste/core/corner-ornament'; + +const rubyCode = `#!/usr/bin/ruby + +# Import the library. +require 'tk' + +# Root window. +root = TkRoot.new { + title 'Push Me' + background '#111188' +} + +# Add a label to the root window. +lab = TkLabel.new(root) { + text "Hey there,\nPush a button!" + background '#3333AA' + foreground '#CCCCFF' +}`; + +export const Basic = () => { + return ( + + Build a button + + + ); +}; +``` + +## Props + + diff --git a/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx new file mode 100644 index 0000000000..f75ab9ab19 --- /dev/null +++ b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx @@ -0,0 +1,37 @@ +export const meta = { + title: 'Corner Ornament', + package: '@twilio-paste/corner-ornament', + description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', + slug: '/components/corner-ornament/changelog', +}; + +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; +import packageJson from '@twilio-paste/corner-ornament/package.json'; + +import {SidebarCategoryRoutes} from '../../../constants'; +import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; +import {getFeature, getNavigationData} from '../../../utils/api'; + +export default ComponentPageLayout; + +export const getStaticProps = async () => { + const navigationData = await getNavigationData(); + const feature = await getFeature('Corner ornament'); + return { + props: { + data: { + ...packageJson, + ...feature, + }, + navigationData, + mdxHeadings, + pageHeaderData: { + categoryRoute: SidebarCategoryRoutes.COMPONENTS, + githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', + storybookUrl: '/?path=/story/components-code-block--single-line', + }, + }, + }; +}; + + diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx new file mode 100644 index 0000000000..06a4095bdc --- /dev/null +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -0,0 +1,37 @@ +export const meta = { + title: 'Corner Ornament', + package: '@twilio-paste/corner-ornament', + description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', + slug: '/components/corner-ornament', +}; + +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; +import packageJson from '@twilio-paste/corner-ornament/package.json'; + +import {SidebarCategoryRoutes} from '../../../constants'; +import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; +import {getFeature, getNavigationData} from '../../../utils/api'; + +export default ComponentPageLayout; + +export const getStaticProps = async () => { + const navigationData = await getNavigationData(); + const feature = await getFeature('Corner ornament'); + console.log('feature', feature); + return { + props: { + data: { + ...packageJson, + ...feature, + }, + navigationData, + mdxHeadings, + pageHeaderData: { + categoryRoute: SidebarCategoryRoutes.COMPONENTS, + githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', + storybookUrl: '/?path=/story/components-code-block--single-line', + }, + }, + }; +}; + From ea6fea26e0088358824b9b52ad40ec9339cc8d06 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 09:53:09 -0500 Subject: [PATCH 094/145] feat(docs): corner ornament wip --- .../paste-website/src/pages/components/corner-ornament/index.mdx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index 06a4095bdc..e2c5aed473 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -17,7 +17,6 @@ export default ComponentPageLayout; export const getStaticProps = async () => { const navigationData = await getNavigationData(); const feature = await getFeature('Corner ornament'); - console.log('feature', feature); return { props: { data: { From 7cc0813a77d46971bdf26339f65a7242cc7989e4 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 09:22:10 -0500 Subject: [PATCH 095/145] feat(docs/corner-ornament): added content without examples --- .../pages/components/corner-ornament/api.mdx | 37 +-- .../components/corner-ornament/changelog.mdx | 2 +- .../components/corner-ornament/index.mdx | 253 +++++++++++++++++- yarn.lock | 1 + 4 files changed, 255 insertions(+), 38 deletions(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/api.mdx b/packages/paste-website/src/pages/components/corner-ornament/api.mdx index 34a6ea6ce6..138ff652b0 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/api.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/api.mdx @@ -30,7 +30,7 @@ export const getStaticProps = async () => { pageHeaderData: { categoryRoute: SidebarCategoryRoutes.COMPONENTS, githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', - storybookUrl: '/?path=/story/components-corner-ornament--single-line', + storybookUrl: '/?path=/story/components-corner-ornament--supported-badge', }, }, }; @@ -45,32 +45,19 @@ yarn add @twilio-paste/corner-ornament - or - yarn add @twilio-paste/core ## Usage ```jsx -import {CodeBlockWrapper, CodeBlockHeader, CodeBlock} from '@twilio-paste/core/corner-ornament'; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from '@twilio-paste/core/corner-ornament'; -const rubyCode = `#!/usr/bin/ruby - -# Import the library. -require 'tk' - -# Root window. -root = TkRoot.new { - title 'Push Me' - background '#111188' -} - -# Add a label to the root window. -lab = TkLabel.new(root) { - text "Hey there,\nPush a button!" - background '#3333AA' - foreground '#CCCCFF' -}`; - -export const Basic = () => { +export const Example = () => { return ( - - Build a button - - + + + // Your ornament base here + + + {Your accessible reader value here} + // Your corner ornament here + + ); }; ``` diff --git a/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx index f75ab9ab19..32aa5c23ba 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/changelog.mdx @@ -28,7 +28,7 @@ export const getStaticProps = async () => { pageHeaderData: { categoryRoute: SidebarCategoryRoutes.COMPONENTS, githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', - storybookUrl: '/?path=/story/components-code-block--single-line', + storybookUrl: '/?path=/story/components-corner-ornament--supported-badge', }, }, }; diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index e2c5aed473..8193a48d9f 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -1,22 +1,26 @@ export const meta = { - title: 'Corner Ornament', - package: '@twilio-paste/corner-ornament', - description: 'Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.', - slug: '/components/corner-ornament', + title: "Corner Ornament", + package: "@twilio-paste/corner-ornament", + description: + "Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.", + slug: "/components/corner-ornament", }; -import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; -import packageJson from '@twilio-paste/corner-ornament/package.json'; +import Changelog from "@twilio-paste/corner-ornament/CHANGELOG.md"; +import packageJson from "@twilio-paste/corner-ornament/package.json"; +import { Callout, CalloutHeading, CalloutTextimport } from "@twilio-paste/callout"; +import { Table, THead, TBody, Tr, Td, Th } from "@twilio-paste/table"; +import { Box } from "@twilio-paste/box"; -import {SidebarCategoryRoutes} from '../../../constants'; -import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; -import {getFeature, getNavigationData} from '../../../utils/api'; +import { SidebarCategoryRoutes } from "../../../constants"; +import ComponentPageLayout from "../../../layouts/ComponentPageLayout"; +import { getFeature, getNavigationData } from "../../../utils/api"; export default ComponentPageLayout; export const getStaticProps = async () => { const navigationData = await getNavigationData(); - const feature = await getFeature('Corner ornament'); + const feature = await getFeature("Corner ornament"); return { props: { data: { @@ -27,10 +31,235 @@ export const getStaticProps = async () => { mdxHeadings, pageHeaderData: { categoryRoute: SidebarCategoryRoutes.COMPONENTS, - githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament', - storybookUrl: '/?path=/story/components-code-block--single-line', + githubUrl: "https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/corner-ornament", + storybookUrl: "/?path=/story/components-corner-ornament--supported-badge", }, }, }; }; +## Guidelines + +### About Combobox + +Use the Corner Ornament to quickly relate an item count (usually notifications) or graphic element (like an [Icon](/components/icon) or [Avatar](/components/avatar)) to another element, called a base component. + +Corner Ornaments are used to show: + +- Notification count or unread notifications +- Cart count in commerce use cases +- Relationships between graphic elements in dense layouts. Examples include relationships between user and status in a user list, or between model and warehouse in a table. + +Use a Corner Ornament only when the relationship between a base component and its ornament is immediately obvious. If there's a chance that it might be unclear, show the information in the ornament in another way, such as using visible text. + +The Corner Ornament component contains these elements: + +- `CornerOrnamentContainer`: Responsible for wrapping the components together and determining the positions based on configuration defined via props. +- `CornerOrnamentBase`: The component that appears underneath the ornament. Only [Avatar](/components/avatar), [Icon](/components/icon), or [icon Buttons](/components/button#icon-buttons) should be used as base components. +- `CornerOrnament`: The ornament that appears on top of the base component. Only [Avatar](/components/avatar), [Counter Badge](/components/badge#counter), or [Icon](/components/icon) can be used as ornaments. + +### Accessibility + +Make sure Corner Ornaments clearly communicate to assistive technology what is being represented in the ornament. Ways to do this include: +For Badges or notifications, use the [Screen Reader Only](/components/screen-reader-only) component to wrap visually-hidden text. +For [icons](/components/icon/usage-guidelines#accessibility), specify that the icon is informative and give it a title. + +### Placement + +Position the ornament at the top when it takes priority over its element, and at the bottom when the element takes priority over its ornament. + + + Corner Ornaments for right-to-left languages + + For right-to-left languages, Corner Ornaments should be placed on the left. Do you need us to support this variant? + Let us know in a Github Discussion! + + + +## Variants + +### Badges as Corner Ornaments + +Use Badges as Corner Ornaments for item counts like notifications or cart counts. Only [counter Badges](/components/badge#counter) can be used as Corner Ornaments. + +In almost all cases, Badges should be placed at the top using `position="top_end"`. + +{/* TODO: add examples here */} + +Use these size pairings for pairing base components with Badges: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Corner Ornament Container and Base sizeBadge size
sizeIcon50small
sizeIcon60small
sizeIcon70small
sizeIcon80small
sizeIcon90small
sizeIcon100default
sizeIcon110default
+ + +#### Item count overflow strategies + +For item counts, make sure that you have a layout strategy for overflowing count text. This can include: +- Using a “+” sign when reaching double- or triple-digits, such as “9+” items +- Not using a corner ornament at all. Instead, place the counter Badge next to the element +- For notification use cases, if showing count isn’t important, use NotificationOrnamentIcon as a Corner Ornament instead. + +{/* TODO: add example here */} + +### Icons as Corner Ornaments + +Use icons as Corner Ornaments to show statuses or states. + +When using an icon as a corner ornament, make sure it has a color that has a 3:1 contrast ratio with the background. + +{/* TODO: add example here */} + +Use these size pairings for pairing base components with icons: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Corner Ornament Container and Base sizeIcon size
sizeIcon20sizeIcon05
sizeIcon30sizeIcon05
sizeIcon40sizeIcon10
sizeIcon50sizeIcon10
sizeIcon60sizeIcon10
sizeIcon70sizeIcon30
sizeIcon80sizeIcon40
sizeIcon90sizeIcon40
sizeIcon100sizeIcon50
sizeIcon110sizeIcon70
+ + +### Avatars as Corner Ornaments + +Use Avatars as Corner Ornaments to show a relationship to an entity or a user. + +In almost all cases, Avatars should be placed at the bottom using `position="bottom_end"`. + +{/* TODO: add example here */} + +Use these size pairings for pairing base components with Avatars: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Corner Ornament Container and Base sizeIcon size
sizeIcon20sizeIcon10
sizeIcon30sizeIcon10
sizeIcon40sizeIcon10
sizeIcon50sizeIcon10
sizeIcon60sizeIcon10
sizeIcon70sizeIcon10
sizeIcon80sizeIcon30
sizeIcon90sizeIcon30
sizeIcon100sizeIcon60
sizeIcon110sizeIcon70
+ \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 89fd0a33a0..ee67b4746b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -15928,6 +15928,7 @@ __metadata: "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/combobox": ^16.2.1 "@twilio-paste/combobox-primitive": ^2.1.1 + "@twilio-paste/corner-ornament": ^0.0.0 "@twilio-paste/customization": ^8.2.0 "@twilio-paste/data-grid": ^8.3.0 "@twilio-paste/data-visualization-library": ^5.0.0 From 89b323e64429323f89e1b8bb6cb2875abccface6 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:01:57 -0500 Subject: [PATCH 096/145] feat(corner-ornament): initial WIP --- .../corner-ornament/__tests__/index.spec.tsx | 90 +--- .../components/corner-ornament/package.json | 4 +- .../corner-ornament/src/CornerOrnament.tsx | 50 +-- .../src/CornerOrnamentContainer.tsx | 5 +- .../src/CornerOrnamentElement.tsx | 80 ++-- .../components/corner-ornament/src/Masks.tsx | 19 + .../corner-ornament/src/assets/mask-badge.svg | 1 + .../src/assets/mask-circle.svg | 1 + .../corner-ornament/src/assets/mask-dot.svg | 3 + .../components/corner-ornament/src/types.ts | 10 +- .../corner-ornament/stories/index.stories.tsx | 425 +----------------- yarn.lock | 25 +- 12 files changed, 118 insertions(+), 595 deletions(-) create mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg create mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 4bd1661f7d..e1538edfce 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,95 +1,11 @@ import { render } from "@testing-library/react"; -import { Avatar } from "@twilio-paste/avatar"; -import { Box } from "@twilio-paste/box"; -import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; -import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; -import { - CornerOrnament, - CornerOrnamentContainer, - CornerOrnamentElement, - CornerOrnamentPosition, - CornerOrnamentType, -} from "../src"; - -const ExampleCornerOrnament: React.FC<{ - size?: IconSizeOptions; - position?: CornerOrnamentPosition; - type?: CornerOrnamentType; -}> = ({ size, type }) => ( - - - - - - - - - - -); - -const CustomizedCornerOrnament: React.FC<{ - size?: IconSizeOptions; - position?: CornerOrnamentPosition; - type?: CornerOrnamentType; -}> = ({ size, type }) => ( - - - - - - - - - - -); +import { CornerOrnament } from "../src"; describe("CornerOrnament", () => { it("should render", () => { - const { getByTestId } = render(); - expect(getByTestId("ornament-element")).toBeDefined(); - expect(getByTestId("ornament")).toBeDefined(); - }); - - it("should throw errors for unsupported size and type combinations", () => { - expect(() => { - render(); - }).toThrow(); - }); - - describe("Customization", () => { - it("should set element data attribute", () => { - const { getByTestId } = render(); - expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( - "CORNER_ORNAMENT_CONTAINER", - ); - expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( - "CORNER_ORNAMENT_ELEMENT", - ); - expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); - }); - - it("should set custom element data attribute", () => { - const { getByTestId } = render(); - expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( - "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", - ); - expect(getByTestId("cornerOrnamentElement").getAttribute("data-paste-element")).toEqual( - "CUSTOMIZED_CORNER_ORNAMENT_ELEMENT", - ); - expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); - }); + const { getByText } = render(test); + expect(getByText("test")).toBeDefined(); }); }); diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 30d147aab1..710e378146 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply a clip path to an element and position another element as an ornament.", + "description": "A component used to apply masking to an element and position another element as an ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", @@ -34,7 +34,6 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", "react": "^16.8.6 || ^17.0.2 || ^18.0.0", @@ -50,7 +49,6 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", "react": "^18.0.0", diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 056ff0d4e1..ba936e50d5 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,4 +1,4 @@ -import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; +import { Box, BoxStyleProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; @@ -18,65 +18,43 @@ export const CornerOrnament = React.forwardRef + {props.children} ); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index d5a2ea3b63..09a2f89f7d 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,6 +1,5 @@ -import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; +import { Box } from "@twilio-paste/box"; import * as React from "react"; - import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; @@ -8,7 +7,7 @@ export const CornerOrnamentContainer = React.forwardRef { return ( - + {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index e98c8c2f1c..e5324a6544 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,52 +1,56 @@ -import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; +import { Box } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; -import * as React from "react"; +import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; +import { BadgePath, BadgeSVG, DotPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; + +// import MaskBadge from "./assets/mask-badge.svg"; +// import MaskCircle from "./assets/mask-circle.svg"; +// import MaskDot from "./assets/mask-dot.svg"; export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); + const { cornerOrnamentType, size } = useCornerOrnamentContext(); - const ClipPathMapping: Record> = { - badge: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - dot: { - bottom_end: DotBottomEndPath, - top_end: DotBottomEndPath, - }, - icon: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - avatar: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, + const getSVGAsset = (type: CornerOrnamentType) => { + switch (cornerOrnamentType) { + // case "badge": + // return MaskBadge; + // case "dot": + // return MaskDot; + default: + return ""; //MaskCircle; // replace with icon [lg circle] + } }; return ( - - {props.children} - - - - {} - - + + + {props.children} + + + + { + // eslint-disable-next-line @typescript-eslint/no-unused-vars + cornerOrnamentType === "badge" ? : + } + + + ); diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx new file mode 100644 index 0000000000..327823dc40 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const BadgeSVG = () => ( + + + + + + + +); + +export const BadgePath = () => ( + +); + +export const DotPath = () => ( + +); diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg new file mode 100644 index 0000000000..9d5e502abd --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg new file mode 100644 index 0000000000..1ccddfeef8 --- /dev/null +++ b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index dd6bb81600..2da9ad4b3f 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -2,7 +2,7 @@ import { BoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import type { HTMLPasteProps } from "@twilio-paste/types"; -export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; +export type CornerOrnamentType = "badge" | "dot" | "icon"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { @@ -29,7 +29,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * Overrides the default element name to apply unique styles with the Customization Provider * @default '{constantCase component-name}' * @type {BoxProps['element']} - * @memberof CornerOrnamentContainerProps + * @memberof CornerOrnamentProps */ element?: BoxProps["element"]; /** @@ -43,7 +43,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} - * @memberof CornerOrnamentContainerProps + * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * The size of the CornerOrnamentElement used to determine spacing + * Sets the position of the CornerOrnament * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * Sets the position of the CornerOrnament * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 53a4c2bec4..90962689a3 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -1,12 +1,6 @@ import { Avatar } from "@twilio-paste/avatar"; import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; -import { CustomizationProvider } from "@twilio-paste/customization"; -import { Heading } from "@twilio-paste/heading"; -import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; -import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; -import { Stack } from "@twilio-paste/stack"; -import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; @@ -19,431 +13,26 @@ export default { export const Default = (): React.ReactNode => { return ( - - + + - + - ornament has notification + - - - - notification value - - 9+ - - - - - - + - notification value - + 9+ - - ); -}; - -export const SupportedDots = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - top_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - ); -}; - -SupportedDots.storyName = "Supported Corner Ornament Dots"; - -export const SupportedBadge = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon80 - - - - - - notification value - - 9+ - - - - - - - top_end: - - - - sizeIcon80 - - - - - - notification value - - 9+ - - - - - - + ); }; - -SupportedBadge.storyName = "Supported Corner Ornament Badge"; - -export const SupportedAvatar = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon80 - - - - - - - - - sizeIcon30 - - - sizeIcon70 - - - - - - - - - sizeIcon10 - - - - top_end: - - - - sizeIcon80 - - - - - - - - - sizeIcon30 - - - sizeIcon70 - - - - - - - - - sizeIcon10 - - - - ); -}; - -SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; - -export const SupportedIcon = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon80 - - - - - - - - - sizeIcon40 - - - sizeIcon70 - - - - - - - - - sizeIcon30 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon05 - - - sizeIcon30 - - - - - - - - - sizeIcon05 - - - - top_end: - - - - sizeIcon80 - - - - - - - - - sizeIcon40 - - - sizeIcon70 - - - - - - - - - sizeIcon30 - - - sizeIcon50 - - - - - - - - - sizeIcon10 - - - sizeIcon40 - - - - - - - - - sizeIcon05 - - - sizeIcon30 - - - - - - - - - sizeIcon05 - - - - ); -}; - -SupportedIcon.storyName = "Supported Corner Ornament Icon"; - -export const CornerOrnamentCustomization = (): React.ReactNode => { - const currentTheme = useTheme(); - - return ( - - - - - - - - - - - - - ); -}; - -CornerOrnamentCustomization.storyName = "Corner Ornament Customization"; -CornerOrnamentCustomization.parameters = { - a11y: { - // no need to a11y check customization - disable: true, - }, -}; diff --git a/yarn.lock b/yarn.lock index ee67b4746b..772d4efb0d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12384,7 +12384,7 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/corner-ornament@^0.0.0, @twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": +"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": version: 0.0.0-use.local resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" dependencies: @@ -12397,12 +12397,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^18.0.27 "@types/react-dom": ^18.0.10 react: ^18.0.0 react-dom: ^18.0.0 - tsx: ^4.0.0 + tsx: ^3.12.10 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -12414,7 +12413,6 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 react: ^16.8.6 || ^17.0.2 || ^18.0.0 @@ -41816,7 +41814,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43828,6 +43826,23 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard +"tsx@npm:^3.12.10": + version: 3.14.0 + resolution: "tsx@npm:3.14.0" + dependencies: + esbuild: ~0.18.20 + fsevents: ~2.3.3 + get-tsconfig: ^4.7.2 + source-map-support: ^0.5.21 + dependenciesMeta: + fsevents: + optional: true + bin: + tsx: dist/cli.mjs + checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 + languageName: node + linkType: hard + "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From 8d2fc9833f98008b1fa022246a1f195e2487ed55 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:37:06 -0500 Subject: [PATCH 097/145] feat(corner-ornament): refactor of masking paths in element --- .../src/CornerOrnamentElement.tsx | 50 ++++++++----------- .../components/corner-ornament/src/Masks.tsx | 17 ++----- .../corner-ornament/stories/index.stories.tsx | 6 ++- 3 files changed, 30 insertions(+), 43 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index e5324a6544..35da99b670 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -3,27 +3,27 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgePath, BadgeSVG, DotPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentType } from "./types"; - -// import MaskBadge from "./assets/mask-badge.svg"; -// import MaskCircle from "./assets/mask-circle.svg"; -// import MaskDot from "./assets/mask-dot.svg"; +import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; +import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, size } = useCornerOrnamentContext(); + const { cornerOrnamentType, position } = useCornerOrnamentContext(); - const getSVGAsset = (type: CornerOrnamentType) => { - switch (cornerOrnamentType) { - // case "badge": - // return MaskBadge; - // case "dot": - // return MaskDot; - default: - return ""; //MaskCircle; // replace with icon [lg circle] - } + const MasksMapping: Record> = { + badge: { + bottom_end: , + top_end: , + }, + dot: { + bottom_end: , + top_end: , + }, + icon: { + bottom_end: , + top_end: , + }, }; return ( @@ -31,26 +31,20 @@ export const CornerOrnamentElement = React.forwardRef - {props.children} - + {props.children} + - { - // eslint-disable-next-line @typescript-eslint/no-unused-vars - cornerOrnamentType === "badge" ? : - } + {MasksMapping[cornerOrnamentType][position]} - + ); diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index 327823dc40..f60f1b4a9c 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,19 +1,10 @@ import React from "react"; -export const BadgeSVG = () => ( - - - - - - - -); -export const BadgePath = () => ( - +export const BadgeBottomEndPath = () => ( + ); -export const DotPath = () => ( - +export const DotBottomEndPath = () => ( + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 90962689a3..ce8a9eda04 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -1,6 +1,8 @@ import { Avatar } from "@twilio-paste/avatar"; import { Badge } from "@twilio-paste/badge"; +import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; +import { Stack } from "@twilio-paste/stack"; import * as React from "react"; import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; @@ -13,7 +15,7 @@ export default { export const Default = (): React.ReactNode => { return ( - + @@ -33,6 +35,6 @@ export const Default = (): React.ReactNode => { - + ); }; From b9298ceb9cddbf8f0c6aba078b89fc2ba5a3e0e3 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 08:22:17 -0500 Subject: [PATCH 098/145] feat(corner-ornament): updated stories --- .../corner-ornament/stories/index.stories.tsx | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index ce8a9eda04..deb9c4da8c 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -2,6 +2,8 @@ import { Avatar } from "@twilio-paste/avatar"; import { Badge } from "@twilio-paste/badge"; import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; +import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import * as React from "react"; @@ -21,6 +23,7 @@ export const Default = (): React.ReactNode => { + ornament has notification @@ -30,7 +33,20 @@ export const Default = (): React.ReactNode => { - + notification value + + 9+ + + + + + + + + + + notification value + 9+ From 71e4911bdaf19003e11cf78f51ba2391acdd6df2 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 12:38:27 -0500 Subject: [PATCH 099/145] feat(corner-ornament): tweaks --- .../components/corner-ornament/src/CornerOrnamentElement.tsx | 5 ++--- packages/paste-core/components/corner-ornament/src/Masks.tsx | 3 +-- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 35da99b670..76a99ff014 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -9,7 +9,7 @@ import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType export const CornerOrnamentElement = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { const id = useUID(); - const { cornerOrnamentType, position } = useCornerOrnamentContext(); + const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); const MasksMapping: Record> = { badge: { @@ -34,8 +34,7 @@ export const CornerOrnamentElement = React.forwardRef {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx index f60f1b4a9c..6a0ebff669 100644 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ b/packages/paste-core/components/corner-ornament/src/Masks.tsx @@ -1,8 +1,7 @@ import React from "react"; - export const BadgeBottomEndPath = () => ( - + ); export const DotBottomEndPath = () => ( From adb2b8cd54665247ffcbc8de5574f3f1ea979d7e Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 13:51:34 -0500 Subject: [PATCH 100/145] feat(corner-ornament): stories ad size mappings --- .../corner-ornament/src/CornerOrnament.tsx | 26 ++-- .../corner-ornament/stories/index.stories.tsx | 136 +++++++++++++++++- 2 files changed, 147 insertions(+), 15 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index ba936e50d5..e980091b56 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,39 +17,43 @@ export const CornerOrnament = React.forwardRef { return ( - - + + - + ornament has notification + + + + + + notification value + + 9+ + + + + + + + + + notification value + + 9+ + + + + + ); +}; +export const CornerOrnamentPositions = (): React.ReactNode => { + return ( + + + + + + + ornament has notification + + + @@ -39,8 +78,52 @@ export const Default = (): React.ReactNode => { + + + + + + notification value + + 9+ + + + + + ); +}; +CornerOrnamentPositions.storyName = "Corner Ornament Positions"; + +export const CornerOrnamentSizes = (): React.ReactNode => { + return ( + + + Avatar: + + + + + + + + ornament has notification + + + + + + + + + notification value + + 9+ + + + + @@ -54,3 +137,48 @@ export const Default = (): React.ReactNode => { ); }; + +CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; + +export const CornerOrnamentCustomization = (): React.ReactNode => { + const currentTheme = useTheme(); + + return ( + + + + + + + + + + + + + ); +}; + +CornerOrnamentCustomization.storyName = "Corner Ornament Customization"; +CornerOrnamentCustomization.parameters = { + a11y: { + // no need to a11y check customization + disable: true, + }, +}; From 9bb90dca56a87291b406775dc147b09ae6f566dd Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Thu, 25 Jul 2024 14:47:02 -0500 Subject: [PATCH 101/145] feat(corner-ornament): stories --- .../corner-ornament/src/CornerOrnament.tsx | 40 +- .../src/CornerOrnamentElement.tsx | 4 + .../components/corner-ornament/src/types.ts | 2 +- .../corner-ornament/stories/index.stories.tsx | 415 ++++++++++++++---- 4 files changed, 371 insertions(+), 90 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index e980091b56..0cb43c1a46 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -17,36 +17,48 @@ export const CornerOrnament = React.forwardRef, top_end: , }, + avatar: { + bottom_end: , + top_end: , + }, }; return ( diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index 2da9ad4b3f..e3aae5352b 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -2,7 +2,7 @@ import { BoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import type { HTMLPasteProps } from "@twilio-paste/types"; -export type CornerOrnamentType = "badge" | "dot" | "icon"; +export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 0300f0108e..c792c20ef0 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -3,7 +3,7 @@ import { Badge } from "@twilio-paste/badge"; import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; -import { GitIcon } from "@twilio-paste/icons/esm/GitIcon"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; @@ -20,9 +20,9 @@ export default { export const Default = (): React.ReactNode => { return ( - + - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -55,90 +55,355 @@ export const Default = (): React.ReactNode => { ); }; -export const CornerOrnamentPositions = (): React.ReactNode => { +export const SupportedDots = (): React.ReactNode => { return ( - - - - - - - ornament has notification - - - - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - + + + bottom_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + + + top_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + ); }; -CornerOrnamentPositions.storyName = "Corner Ornament Positions"; +SupportedDots.storyName = "Supported Corner Ornament Dots"; -export const CornerOrnamentSizes = (): React.ReactNode => { +export const SupportedBadge = (): React.ReactNode => { return ( - Avatar: + bottom_end: - - - - - - ornament has notification - - - + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + top_end: + + + + sizeIcon80 + + + + + + notification value + + 9+ + + + + + + + ); +}; + +SupportedBadge.storyName = "Supported Corner Ornament Badge"; + +export const SupportedAvatar = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon30 + + + sizeIcon70 + + + + + + + + + sizeIcon10 + + + + ); +}; + +SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; + +export const SupportedIcon = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + - - - - - - notification value - - 9+ - - - - - - - - - notification value - - 9+ - - - ); }; -CornerOrnamentSizes.storyName = "Corner Ornament Sizes"; +SupportedIcon.storyName = "Supported Corner Ornament Icon"; export const CornerOrnamentCustomization = (): React.ReactNode => { const currentTheme = useTheme(); @@ -164,10 +429,10 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + - + From ccca2e6c2982664a477c417ea75a6ad5b92ef2e8 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:14:21 -0500 Subject: [PATCH 102/145] feat(corner-ornament): tests --- .../corner-ornament/src/CornerOrnament.tsx | 10 +++- .../src/CornerOrnamentContainer.tsx | 4 +- .../src/CornerOrnamentElement.tsx | 35 ++++++----- .../corner-ornament/stories/index.stories.tsx | 60 +++++++++---------- 4 files changed, 57 insertions(+), 52 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 0cb43c1a46..056ff0d4e1 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,4 +1,4 @@ -import { Box, BoxStyleProps } from "@twilio-paste/box"; +import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; @@ -70,7 +70,13 @@ export const CornerOrnament = React.forwardRef + {props.children} ); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 09a2f89f7d..90849fbff4 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; @@ -7,7 +7,7 @@ export const CornerOrnamentContainer = React.forwardRef { return ( - + {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 52e850bdd9..50e4156639 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,4 +1,4 @@ -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; @@ -31,23 +31,22 @@ export const CornerOrnamentElement = React.forwardRef - - {props.children} - - - - {MasksMapping[cornerOrnamentType][position]} - - - + + {props.children} + + + + {MasksMapping[cornerOrnamentType][position]} + + ); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index c792c20ef0..dcca9b16a1 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -22,7 +22,7 @@ export const Default = (): React.ReactNode => { - + ornament has notification @@ -31,7 +31,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -42,7 +42,7 @@ export const Default = (): React.ReactNode => { - + notification value @@ -66,7 +66,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -79,7 +79,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -92,7 +92,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -110,7 +110,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + ornament has notification @@ -123,7 +123,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + ornament has notification @@ -136,7 +136,7 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + ornament has notification @@ -163,7 +163,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -182,7 +182,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -210,10 +210,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -222,10 +222,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -239,10 +239,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + sizeIcon30 @@ -251,10 +251,10 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + sizeIcon10 @@ -277,7 +277,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -289,7 +289,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -301,7 +301,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -313,7 +313,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -325,7 +325,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -342,7 +342,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + @@ -354,7 +354,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + @@ -366,7 +366,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + @@ -378,7 +378,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + @@ -390,7 +390,7 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + @@ -429,7 +429,7 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { > - + From 8398bdc874a9ea6183b8ffc3f7ac21319560025d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:35:23 -0500 Subject: [PATCH 103/145] feat(corner-ornament): refactor masks for string --- .../src/CornerOrnamentElement.tsx | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx index 50e4156639..e98c8c2f1c 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx @@ -1,7 +1,7 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import { useUID } from "@twilio-paste/uid-library"; - import * as React from "react"; + import { useCornerOrnamentContext } from "./CornerOrnamentContext"; import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; @@ -11,22 +11,22 @@ export const CornerOrnamentElement = React.forwardRef> = { + const ClipPathMapping: Record> = { badge: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, dot: { - bottom_end: , - top_end: , + bottom_end: DotBottomEndPath, + top_end: DotBottomEndPath, }, icon: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, avatar: { - bottom_end: , - top_end: , + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, }, }; @@ -44,7 +44,7 @@ export const CornerOrnamentElement = React.forwardRef - {MasksMapping[cornerOrnamentType][position]} + {} From f9aebd33320f15ea75332f09ab8005f568ca74ee Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:42:14 -0500 Subject: [PATCH 104/145] feat(corner-ornament): lint & typedoc --- .../corner-ornament/__tests__/index.spec.tsx | 55 ++++++++++++++++++- .../components/corner-ornament/package.json | 2 + .../src/CornerOrnamentContainer.tsx | 1 + .../components/corner-ornament/src/Masks.tsx | 9 --- .../corner-ornament/stories/index.stories.tsx | 12 ++-- 5 files changed, 63 insertions(+), 16 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/Masks.tsx diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index e1538edfce..8b78726a6a 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -1,7 +1,60 @@ import { render } from "@testing-library/react"; +import { Avatar } from "@twilio-paste/avatar"; +import { Box } from "@twilio-paste/box"; +import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; +import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; -import { CornerOrnament } from "../src"; +import { + CornerOrnament, + CornerOrnamentContainer, + CornerOrnamentElement, + CornerOrnamentPosition, + CornerOrnamentType, +} from "../src"; + +const ExampleCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); + +const CustomizedCornerOrnament: React.FC<{ + size?: IconSizeOptions; + position?: CornerOrnamentPosition; + type?: CornerOrnamentType; +}> = ({ size, type }) => ( + + + + + + + + + + +); describe("CornerOrnament", () => { it("should render", () => { diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 710e378146..f5196f9442 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -34,6 +34,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", "react": "^16.8.6 || ^17.0.2 || ^18.0.0", @@ -49,6 +50,7 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", "react": "^18.0.0", diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx index 90849fbff4..d5a2ea3b63 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContainer.tsx @@ -1,5 +1,6 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; + import { CornerOrnamentContext } from "./CornerOrnamentContext"; import { CornerOrnamentContainerProps } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/Masks.tsx b/packages/paste-core/components/corner-ornament/src/Masks.tsx deleted file mode 100644 index 6a0ebff669..0000000000 --- a/packages/paste-core/components/corner-ornament/src/Masks.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; - -export const BadgeBottomEndPath = () => ( - -); - -export const DotBottomEndPath = () => ( - -); diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index dcca9b16a1..53a4c2bec4 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -70,7 +70,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -83,7 +83,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -96,7 +96,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -114,7 +114,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -127,7 +127,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 @@ -140,7 +140,7 @@ export const SupportedDots = (): React.ReactNode => { ornament has notification - + sizeBase20 From a3b41788cb5fd0396acad65c79018cb595894be0 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 26 Jul 2024 08:48:03 -0500 Subject: [PATCH 105/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md index 6af8c7f299..f708de0953 100644 --- a/.changeset/warm-snakes-grow.md +++ b/.changeset/warm-snakes-grow.md @@ -3,4 +3,4 @@ "@twilio-paste/core": minor --- -[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament +[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From f44b157d0d0010e9a04c7c196152c466604fae3b Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 09:59:20 -0500 Subject: [PATCH 106/145] feat(corner-ornament): changeset --- .changeset/warm-snakes-grow.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/warm-snakes-grow.md b/.changeset/warm-snakes-grow.md index f708de0953..6af8c7f299 100644 --- a/.changeset/warm-snakes-grow.md +++ b/.changeset/warm-snakes-grow.md @@ -3,4 +3,4 @@ "@twilio-paste/core": minor --- -[Corner Ornamen] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament +[Corner Ornament] Release a new component that controls the posiitoning of another elements in relation to a parent component to be displayed as a corner ornament From 8fa9184b19cbe945aa617fbb89711f2e4d0031de Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:04:30 -0500 Subject: [PATCH 107/145] feat(corner-ornament): remove unused assets --- .../components/corner-ornament/src/assets/mask-badge.svg | 1 - .../components/corner-ornament/src/assets/mask-circle.svg | 1 - .../components/corner-ornament/src/assets/mask-dot.svg | 3 --- 3 files changed, 5 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg delete mode 100644 packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-badge.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg deleted file mode 100644 index 9d5e502abd..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-circle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg b/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg deleted file mode 100644 index 1ccddfeef8..0000000000 --- a/packages/paste-core/components/corner-ornament/src/assets/mask-dot.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - From 08fa7e669c5e8dddc8db44334d37164ef3ec400e Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:06:48 -0500 Subject: [PATCH 108/145] feat(corner-ornament): types update --- .../paste-core/components/corner-ornament/src/types.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index e3aae5352b..dd6bb81600 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -29,7 +29,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * Overrides the default element name to apply unique styles with the Customization Provider * @default '{constantCase component-name}' * @type {BoxProps['element']} - * @memberof CornerOrnamentProps + * @memberof CornerOrnamentContainerProps */ element?: BoxProps["element"]; /** @@ -43,7 +43,7 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} - * @memberof CornerOrnamentContextInterface + * @memberof CornerOrnamentContainerProps */ size: IconSizeOptions; /** @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * Sets the position of the CornerOrnament + * The size of the CornerOrnamentElement used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * Sets the position of the CornerOrnament + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface From 91aaf1503d907aebbc7e823f51450877c08f042f Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 29 Jul 2024 10:11:04 -0500 Subject: [PATCH 109/145] feat(corner-ornament): update package description --- packages/paste-core/components/corner-ornament/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index f5196f9442..30d147aab1 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply masking to an element and position another element as an ornament.", + "description": "A component used to apply a clip path to an element and position another element as an ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", From 0b8c386020e16c8ed2c15ed25184faff40e79fad Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 08:45:59 -0500 Subject: [PATCH 110/145] feat(corner-ornament): yarn lock --- yarn.lock | 25 +++++-------------------- 1 file changed, 5 insertions(+), 20 deletions(-) diff --git a/yarn.lock b/yarn.lock index 772d4efb0d..ee67b4746b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12384,7 +12384,7 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": +"@twilio-paste/corner-ornament@^0.0.0, @twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament": version: 0.0.0-use.local resolution: "@twilio-paste/corner-ornament@workspace:packages/paste-core/components/corner-ornament" dependencies: @@ -12397,11 +12397,12 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^18.0.27 "@types/react-dom": ^18.0.10 react: ^18.0.0 react-dom: ^18.0.0 - tsx: ^3.12.10 + tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -12413,6 +12414,7 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 react: ^16.8.6 || ^17.0.2 || ^18.0.0 @@ -41814,7 +41816,7 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.21, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": +"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19, source-map-support@npm:~0.5.20": version: 0.5.21 resolution: "source-map-support@npm:0.5.21" dependencies: @@ -43826,23 +43828,6 @@ resolve@^2.0.0-next.3: languageName: node linkType: hard -"tsx@npm:^3.12.10": - version: 3.14.0 - resolution: "tsx@npm:3.14.0" - dependencies: - esbuild: ~0.18.20 - fsevents: ~2.3.3 - get-tsconfig: ^4.7.2 - source-map-support: ^0.5.21 - dependenciesMeta: - fsevents: - optional: true - bin: - tsx: dist/cli.mjs - checksum: afcef5d9b90b5800cf1ffb749e943f63042d78a4c0d9eef6e13e43f4ecab465d45e2c9812a2c515cbdc2ee913ff1cd01bf5c606a48013dd3ce2214a631b45557 - languageName: node - linkType: hard - "tsx@npm:^4.0.0": version: 4.6.2 resolution: "tsx@npm:4.6.2" From 72a1880286cf3a4ba0028ebe8bf432d9f32478d5 Mon Sep 17 00:00:00 2001 From: krisantrobus <55083528+krisantrobus@users.noreply.github.com> Date: Tue, 30 Jul 2024 09:20:14 -0500 Subject: [PATCH 111/145] Update packages/paste-core/components/corner-ornament/package.json Co-authored-by: Nora Krantz <75342690+nkrantz@users.noreply.github.com> --- packages/paste-core/components/corner-ornament/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 30d147aab1..2f36e78910 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "category": "data display", "status": "production", - "description": "A component used to apply a clip path to an element and position another element as an ornament.", + "description": "Corner Ornament is a container used to apply a cutout to a base component and position another element as its ornament.", "author": "Twilio Inc.", "license": "MIT", "main:dev": "src/index.tsx", From ac25554ae79d52edf9f96e3812805d7c569f11a6 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 13:49:30 -0500 Subject: [PATCH 112/145] feat(corner-ornament): pr comments --- .../corner-ornament/__tests__/index.spec.tsx | 78 +++++++------ .../src/CornerOrnamentBase.tsx | 25 +++- .../src/CornerOrnamentContext.tsx | 2 +- .../src/CornerOrnamentElement.tsx | 56 --------- .../components/corner-ornament/src/index.tsx | 6 +- .../components/corner-ornament/src/types.ts | 8 +- .../corner-ornament/stories/index.stories.tsx | 108 +++++++++--------- .../components/corner-ornament/type-docs.json | 4 +- 8 files changed, 127 insertions(+), 160 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 8b78726a6a..9dc26f9ad9 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -5,50 +5,27 @@ import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { IconSizeOptions } from "@twilio-paste/style-props"; import * as React from "react"; -import { - CornerOrnament, - CornerOrnamentContainer, - CornerOrnamentElement, - CornerOrnamentPosition, - CornerOrnamentType, -} from "../src"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; +import { CornerOrnamentType } from "../src/types"; const ExampleCornerOrnament: React.FC<{ size?: IconSizeOptions; - position?: CornerOrnamentPosition; type?: CornerOrnamentType; -}> = ({ size, type }) => ( + element?: string; +}> = ({ size, type, element }) => ( - + - - - - - - - -); - -const CustomizedCornerOrnament: React.FC<{ - size?: IconSizeOptions; - position?: CornerOrnamentPosition; - type?: CornerOrnamentType; -}> = ({ size, type }) => ( - - - - - + + @@ -58,7 +35,36 @@ const CustomizedCornerOrnament: React.FC<{ describe("CornerOrnament", () => { it("should render", () => { - const { getByText } = render(test); - expect(getByText("test")).toBeDefined(); + const { getByTestId } = render(); + expect(getByTestId("ornament-element")).toBeDefined(); + expect(getByTestId("ornament")).toBeDefined(); + }); + + it("should throw errors for unsupported size and type combinations", () => { + expect(() => { + render(); + }).toThrow(); + }); + + describe("Customization", () => { + it("should set element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT_BASE"); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CORNER_ORNAMENT"); + }); + + it("should set custom element data attribute", () => { + const { getByTestId } = render(); + expect(getByTestId("cornerOrnamentContainer").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_CONTAINER", + ); + expect(getByTestId("cornerOrnamentBase").getAttribute("data-paste-element")).toEqual( + "CUSTOMIZED_CORNER_ORNAMENT_BASE", + ); + expect(getByTestId("cornerOrnament").getAttribute("data-paste-element")).toEqual("CUSTOMIZED_CORNER_ORNAMENT"); + }); }); }); diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index fd5c33a5d0..0ac811d8cc 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -3,14 +3,33 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { ClipPathMappings } from "./mappings"; -import { CornerOrnamentBaseProps } from "./types"; +import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; +import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; export const CornerOrnamentBase = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); + const ClipPathMapping: Record> = { + badge: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, + }, + dot: { + bottom_end: DotBottomEndPath, + top_end: DotBottomEndPath, + }, + icon: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, + }, + avatar: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, + }, + }; + return ( - {} + {} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx index a1f0f45850..4219c533e5 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentContext.tsx @@ -7,7 +7,7 @@ export const CornerOrnamentContext = React.createContext { const context = React.useContext(CornerOrnamentContext); if (!context) { - throw new Error("useCornerOrnamentContext must be used with CornerOrnamentContextProvider"); + throw new Error("Corner Ornaments components must be used within CornerOrnamentContainer"); } return context; }; diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx deleted file mode 100644 index e98c8c2f1c..0000000000 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentElement.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; -import { useUID } from "@twilio-paste/uid-library"; -import * as React from "react"; - -import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentElementProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; - -export const CornerOrnamentElement = React.forwardRef( - ({ padding, element = "CORNER_ORNAMENT_ELEMENT", ...props }, ref) => { - const id = useUID(); - const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - - const ClipPathMapping: Record> = { - badge: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - dot: { - bottom_end: DotBottomEndPath, - top_end: DotBottomEndPath, - }, - icon: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - avatar: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - }; - - return ( - - {props.children} - - - - {} - - - - - ); - }, -); - -CornerOrnamentElement.displayName = "CornerOrnamentElement"; diff --git a/packages/paste-core/components/corner-ornament/src/index.tsx b/packages/paste-core/components/corner-ornament/src/index.tsx index 4cbf459cf4..a33ccc3660 100644 --- a/packages/paste-core/components/corner-ornament/src/index.tsx +++ b/packages/paste-core/components/corner-ornament/src/index.tsx @@ -1,10 +1,8 @@ export { CornerOrnament } from "./CornerOrnament"; export { CornerOrnamentContainer } from "./CornerOrnamentContainer"; -export { CornerOrnamentElement } from "./CornerOrnamentElement"; +export { CornerOrnamentBase } from "./CornerOrnamentBase"; export type { - CornerOrnamentElementProps, + CornerOrnamentBaseProps, CornerOrnamentContainerProps, CornerOrnamentProps, - CornerOrnamentType, - CornerOrnamentPosition, } from "./types"; diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index dd6bb81600..9646bfa4fc 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -5,20 +5,20 @@ import type { HTMLPasteProps } from "@twilio-paste/types"; export type CornerOrnamentType = "badge" | "dot" | "icon" | "avatar"; export type CornerOrnamentPosition = "bottom_end" | "top_end"; -export interface CornerOrnamentElementProps extends HTMLPasteProps<"div"> { +export interface CornerOrnamentBaseProps extends HTMLPasteProps<"div"> { children?: React.ReactNode; /** * Overrides the default element name to apply unique styles with the Customization Provider - * @default 'CORNER_ORNAMENT_ELEMENT' + * @default 'CORNER_ORNAMENT_BASE' * @type {BoxProps['element']} - * @memberof CornerOrnamentElementProps + * @memberof CornerOrnamentBaseProps */ element?: BoxProps["element"]; /** * Ability to set the padding of the main element * @default null * @type {'space0'} - * @memberof CornerOrnamentElementProps + * @memberof CornerOrnamentBaseProps */ padding?: "space0"; } diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 53a4c2bec4..507b6803c7 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -9,7 +9,7 @@ import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; -import { CornerOrnament, CornerOrnamentContainer, CornerOrnamentElement } from "../src"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "../src"; // eslint-disable-next-line import/no-default-export export default { @@ -21,18 +21,18 @@ export const Default = (): React.ReactNode => { return ( - + - + ornament has notification - + - + notification value @@ -41,9 +41,9 @@ export const Default = (): React.ReactNode => { - - - + + + notification value @@ -65,9 +65,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + - + ornament has notification @@ -78,9 +78,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + - + ornament has notification @@ -91,9 +91,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + - + ornament has notification @@ -109,9 +109,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon50 - + - + ornament has notification @@ -122,9 +122,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon40 - + - + ornament has notification @@ -135,9 +135,9 @@ export const SupportedDots = (): React.ReactNode => { sizeIcon30 - + - + ornament has notification @@ -162,9 +162,9 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + - + notification value @@ -181,9 +181,9 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + - + notification value @@ -209,9 +209,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + @@ -221,9 +221,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + @@ -238,9 +238,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon80 - + - + @@ -250,9 +250,9 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + - + @@ -276,9 +276,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + - + @@ -288,9 +288,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + - + @@ -300,9 +300,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + - + @@ -312,9 +312,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + - + @@ -324,9 +324,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + - + @@ -341,9 +341,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon80 - + - + @@ -353,9 +353,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon70 - + - + @@ -365,9 +365,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon50 - + - + @@ -377,9 +377,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon40 - + - + @@ -389,9 +389,9 @@ export const SupportedIcon = (): React.ReactNode => { sizeIcon30 - + - + @@ -428,9 +428,9 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { }} > - + - + diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json index 5a838eb5e2..4a71aab26e 100644 --- a/packages/paste-core/components/corner-ornament/type-docs.json +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -1,5 +1,5 @@ { - "CornerOrnamentElement": { + "CornerOrnamentBase": { "about": { "type": "string", "defaultValue": null, @@ -416,7 +416,7 @@ }, "element": { "type": "string", - "defaultValue": "'CORNER_ORNAMENT_ELEMENT'", + "defaultValue": "'CORNER_ORNAMENT_BASE'", "required": false, "externalProp": false, "description": "Overrides the default element name to apply unique styles with the Customization Provider" From ff4c992916ab2cc9cc5b62e9056d17f17c34a8c5 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 15:30:46 -0500 Subject: [PATCH 113/145] feat(corner-ornament): mappings refactor --- .../corner-ornament/src/CornerOrnament.tsx | 64 +-------- .../src/CornerOrnamentBase.tsx | 25 +--- .../corner-ornament/src/mappings.tsx | 121 ++++++++---------- .../corner-ornament/stories/index.stories.tsx | 2 + 4 files changed, 66 insertions(+), 146 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 056ff0d4e1..844513006e 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -1,69 +1,15 @@ -import { Box, BoxStyleProps, safelySpreadBoxProps } from "@twilio-paste/box"; -import { IconSizeOptions } from "@twilio-paste/style-props"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { CornerOrnamentPosition, CornerOrnamentProps, CornerOrnamentType } from "./types"; - -type OrnamentSpacingMapping = Record< - CornerOrnamentType, - Record>> ->; +import { OrnamentPositionStyleMappings } from "./mappings"; +import { CornerOrnamentProps } from "./types"; export const CornerOrnament = React.forwardRef( ({ element = "CORNER_ORNAMENT", ...props }, ref) => { const { cornerOrnamentType, size, position } = useCornerOrnamentContext(); - const Positions: OrnamentSpacingMapping = { - badge: { - bottom_end: { - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - avatar: { - bottom_end: { - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon70: { left: "space50", top: "space0" }, - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - icon: { - bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "0.91rem", left: "0.91rem" }, - sizeIcon50: { top: "1.05rem", left: "1.05rem" }, - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, - }, - top_end: { - sizeIcon30: { left: "space40", top: "space0" }, - sizeIcon40: { left: "space50", top: "space0" }, - sizeIcon50: { left: "space60", top: "space0" }, - sizeIcon70: { left: "space60", top: "space0" }, - sizeIcon80: { left: "space70", top: "space0" }, - }, - }, - dot: { - bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, - }, - top_end: { - sizeIcon30: { left: "space40", top: "space0" }, - sizeIcon40: { left: "space50", top: "space0" }, - sizeIcon50: { left: "space60", top: "space0" }, - }, - }, - }; - - if (!Positions[cornerOrnamentType][position][size]) { + if (!OrnamentPositionStyleMappings[cornerOrnamentType][position][size]) { throw new Error( "[Paste: CornerOrnament] the size/position/type combination you have chosen is not currently supported. Please refer to our guildinges in our docs or raise a new disucssion to get this supported at https://github.com/twilio-labs/paste/discussions.", ); @@ -75,7 +21,7 @@ export const CornerOrnament = React.forwardRef {props.children} diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index 0ac811d8cc..fd5c33a5d0 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -3,33 +3,14 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; +import { ClipPathMappings } from "./mappings"; +import { CornerOrnamentBaseProps } from "./types"; export const CornerOrnamentBase = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - const ClipPathMapping: Record> = { - badge: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - dot: { - bottom_end: DotBottomEndPath, - top_end: DotBottomEndPath, - }, - icon: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - avatar: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - }; - return ( - {} + {} diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 54c02a911f..ec57c6969e 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,23 +3,40 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = "M1.05-.05h-1.1v1.1h.593A.375.375 0 0 1 .875.5h.1c.026 0 .05.003.075.007V-.05Z"; -const BadgeTopEndPath = "M.543-.05A.375.375 0 0 0 .875.5h.1c.026 0 .05-.003.075-.008v.558h-1.1v-1.1h.593Z"; -const IconOrAvatarTopEndPath = "M1.05.437A.35.35 0 0 1 .563-.05H-.05v1.1h1.1V.437Z"; -const IconOrAvatarBottomEndPath = "M1.05-.05h-1.1v1.1h.613A.35.35 0 0 1 1.05.563V-.05Z"; - -const iconAvatarSharedPaths: Record = { - bottom_end: IconOrAvatarBottomEndPath, - top_end: IconOrAvatarTopEndPath, -}; +const BadgeBottomEndPath = + "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; +const BadgeTopEndPath = + "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; +const DotBottomEndPath = + "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; +const DotTopEndPath = + "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; +const IconTopEndPath = + "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; +const IconBottomEndPath = + "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; +const AvatarBottomEndPath = + "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; +const AvatarTopEndPath = + "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; export const ClipPathMappings: Record> = { badge: { bottom_end: BadgeBottomEndPath, top_end: BadgeTopEndPath, }, - icon: iconAvatarSharedPaths, - avatar: iconAvatarSharedPaths, + dot: { + bottom_end: DotBottomEndPath, + top_end: DotTopEndPath, + }, + icon: { + bottom_end: IconBottomEndPath, + top_end: IconTopEndPath, + }, + avatar: { + bottom_end: AvatarBottomEndPath, + top_end: AvatarTopEndPath, + }, }; export const OrnamentPositionStyleMappings: Record< @@ -28,74 +45,48 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon50: { left: "16px", top: "16px" }, - sizeIcon60: { left: "16px", top: "16px" }, - sizeIcon70: { left: "19px", top: "19px" }, - sizeIcon80: { left: "25px", top: "25px" }, - sizeIcon90: { left: "25px", top: "25px" }, - sizeIcon100: { left: "34px", top: "34px" }, - sizeIcon110: { left: "42px", top: "42px" }, + sizeIcon80: { top: "space70", left: "space70" }, }, top_end: { - sizeIcon50: { left: "16px", bottom: "16px", top: "-8px" }, - sizeIcon60: { left: "16px", bottom: "16px", top: "-8px" }, - sizeIcon70: { left: "19px", bottom: "19px", top: "-7px" }, - sizeIcon80: { left: "25px", bottom: "25px", top: "-5px" }, - sizeIcon90: { left: "25px", bottom: "25px", top: "-5px" }, - sizeIcon100: { left: "34px", bottom: "34px", top: "-6px" }, - sizeIcon110: { left: "42px", bottom: "42px", top: "-2px" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, avatar: { bottom_end: { - sizeIcon20: { left: "10px", top: "10px" }, - sizeIcon30: { left: "10px", top: "10px" }, - sizeIcon40: { left: "13px", top: "13px" }, - sizeIcon50: { left: "16px", top: "16px" }, - sizeIcon60: { left: "16px", top: "16px" }, - sizeIcon70: { left: "19px", top: "19px" }, - sizeIcon80: { left: "24px", top: "24px" }, - sizeIcon90: { left: "24px", top: "24px" }, - sizeIcon100: { left: "30px", top: "30px" }, - sizeIcon110: { left: "38px", top: "38px" }, + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, }, top_end: { - sizeIcon20: { left: "10px", bottom: "10px", top: "-3px" }, - sizeIcon30: { left: "10px", bottom: "10px", top: "-3px" }, - sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, - sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon70: { left: "19px", bottom: "19px", top: "-3px" }, - sizeIcon80: { left: "24px", bottom: "24px", top: "-4px" }, - sizeIcon90: { left: "24px", bottom: "24px", top: "-4px" }, - sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, - sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, icon: { bottom_end: { - sizeIcon20: { left: "11px", top: "11px" }, - sizeIcon30: { left: "11px", top: "11px" }, - sizeIcon40: { left: "13px", top: "13px" }, - sizeIcon50: { left: "16px", top: "16px" }, - sizeIcon60: { left: "16px", top: "16px" }, - sizeIcon70: { left: "17px", top: "17px" }, - sizeIcon80: { left: "22px", top: "22px" }, - sizeIcon90: { left: "22px", top: "22px" }, - sizeIcon100: { left: "30px", top: "30px" }, - sizeIcon110: { left: "38px", top: "38px" }, + sizeIcon30: { top: "space40", left: "space40" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon30: { left: "space40", top: "spaceNegative10" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + dot: { + bottom_end: { + sizeIcon30: { top: "14px", left: "14px" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, }, top_end: { - sizeIcon20: { left: "11px", bottom: "11px", top: "-3px" }, - sizeIcon30: { left: "11px", bottom: "11px", top: "-3px" }, - sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, - sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon70: { left: "17px", bottom: "17px", top: "-5px" }, - sizeIcon80: { left: "22px", bottom: "22px", top: "-6px" }, - sizeIcon90: { left: "22px", bottom: "22px", top: "-6px" }, - sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, - sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, + sizeIcon30: { left: "14px", top: "-3px" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, }, }, }; diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 507b6803c7..25bbd002ff 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -172,6 +172,7 @@ export const SupportedBadge = (): React.ReactNode => { + badge size="small" @@ -191,6 +192,7 @@ export const SupportedBadge = (): React.ReactNode => { + badge size="small" From b87aeafa8d253c6851c545c9635a8e08e279148c Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 06:24:02 -0500 Subject: [PATCH 114/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index ec57c6969e..4313c5c390 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -45,7 +45,7 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon80: { left: "space70", top: "spaceNegative10" }, @@ -53,8 +53,8 @@ export const OrnamentPositionStyleMappings: Record< }, avatar: { bottom_end: { - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon70: { left: "space60", top: "spaceNegative10" }, @@ -63,25 +63,25 @@ export const OrnamentPositionStyleMappings: Record< }, icon: { bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon30: { left: "space40", top: "space40" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "18px", top: "18px" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon30: { left: "space40", top: "spaceNegative10" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, + sizeIcon40: { left: "16px", top: "0px" }, + sizeIcon50: { left: "18px", top: "spaceNegative10" }, sizeIcon70: { left: "space60", top: "spaceNegative10" }, sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, dot: { bottom_end: { - sizeIcon30: { top: "14px", left: "14px" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { sizeIcon30: { left: "14px", top: "-3px" }, From 9f0ce39d7dbcc6658e831eb71fcd1473e63c8148 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 12:13:16 -0500 Subject: [PATCH 115/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 56 +++++++++---------- 1 file changed, 25 insertions(+), 31 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 4313c5c390..6d7062221c 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,22 +3,16 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = - "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; -const BadgeTopEndPath = - "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; -const DotBottomEndPath = - "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; -const DotTopEndPath = - "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; +const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; +const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; +const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; +const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = - "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; + "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = - "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; -const AvatarBottomEndPath = - "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; -const AvatarTopEndPath = - "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; + "M1.014.606A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .106 1.04A.352.352 0 0 1 .95.6c.022 0 .043.002.064.006Z"; +const AvatarBottomEndPath = "M1.023.546a.525.525 0 1 0-.477.477.35.35 0 0 1 .477-.477Z"; +const AvatarTopEndPath = "M1.023.454a.35.35 0 0 1-.477-.477.525.525 0 1 0 .477.477Z"; export const ClipPathMappings: Record> = { badge: { @@ -45,10 +39,10 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon80: { left: "28px", top: "28px" }, }, top_end: { - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon80: { left: "28px", top: "spaceNegative30" }, }, }, avatar: { @@ -57,36 +51,36 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative20" }, + sizeIcon80: { left: "space70", top: "spaceNegative20" }, }, }, icon: { bottom_end: { - sizeIcon30: { left: "space40", top: "space40" }, - sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon30: { left: "13px", top: "13px" }, + sizeIcon40: { left: "17px", top: "17px" }, sizeIcon50: { left: "18px", top: "18px" }, - sizeIcon70: { left: "space60", top: "space60" }, - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon70: { left: "21px", top: "21px" }, + sizeIcon80: { left: "26px", top: "26px" }, }, top_end: { - sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, - sizeIcon40: { left: "16px", top: "0px" }, - sizeIcon50: { left: "18px", top: "spaceNegative10" }, - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-5px" }, + sizeIcon40: { left: "17px", top: "-5px" }, + sizeIcon50: { left: "18px", top: "-6px" }, + sizeIcon70: { left: "21px", top: "-9px" }, + sizeIcon80: { left: "26px", top: "-10px" }, }, }, dot: { bottom_end: { - sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon30: { left: "13px", top: "13px" }, sizeIcon40: { left: "space50", top: "space50" }, sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { - sizeIcon30: { left: "14px", top: "-3px" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-1px" }, + sizeIcon40: { left: "space50", top: "-1px" }, + sizeIcon50: { left: "space60", top: "space0" }, }, }, }; From f9934ae9a45e75826300c6558dd4cc263969b04d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:35:23 -0500 Subject: [PATCH 116/145] feat(corner-ornament): linting --- .../components/corner-ornament/stories/index.stories.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 25bbd002ff..5308e46c46 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -172,7 +172,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" @@ -192,7 +192,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" From 1c1092a0466a583908d669c5d466edb542aad6e1 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:55:15 -0500 Subject: [PATCH 117/145] feat(corner-ornament): remove unused files --- packages/paste-core/components/corner-ornament/src/Masks.ts | 4 ---- 1 file changed, 4 deletions(-) delete mode 100644 packages/paste-core/components/corner-ornament/src/Masks.ts diff --git a/packages/paste-core/components/corner-ornament/src/Masks.ts b/packages/paste-core/components/corner-ornament/src/Masks.ts deleted file mode 100644 index cbd0e2fa0a..0000000000 --- a/packages/paste-core/components/corner-ornament/src/Masks.ts +++ /dev/null @@ -1,4 +0,0 @@ -export const BadgeBottomEndPath = - "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; -export const DotBottomEndPath = - "M 1.023 0.499 C 1.027 0.204 0.796 -0.029 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.2239 0.5 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; From 997000da271117829007e429119abea220ec143c Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 14:10:03 -0500 Subject: [PATCH 118/145] feat(corner-ornament): corner ornament rename --- packages/paste-codemods/tools/.cache/mappings.json | 2 +- .../paste-core/components/corner-ornament/src/types.ts | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index 2006ceeb3d..c46a208f64 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -85,8 +85,8 @@ "useCombobox": "@twilio-paste/core/combobox", "useMultiselectCombobox": "@twilio-paste/core/combobox", "CornerOrnament": "@twilio-paste/core/corner-ornament", + "CornerOrnamentBase": "@twilio-paste/core/corner-ornament", "CornerOrnamentContainer": "@twilio-paste/core/corner-ornament", - "CornerOrnamentElement": "@twilio-paste/core/corner-ornament", "DataGrid": "@twilio-paste/core/data-grid", "DataGridBody": "@twilio-paste/core/data-grid", "DataGridCell": "@twilio-paste/core/data-grid", diff --git a/packages/paste-core/components/corner-ornament/src/types.ts b/packages/paste-core/components/corner-ornament/src/types.ts index 9646bfa4fc..da5bec4610 100644 --- a/packages/paste-core/components/corner-ornament/src/types.ts +++ b/packages/paste-core/components/corner-ornament/src/types.ts @@ -40,14 +40,14 @@ export interface CornerOrnamentContainerProps extends HTMLPasteProps<"div"> { */ position?: CornerOrnamentPosition; /** - * The size of the CornerOrnamentElement used to determine spacing + * The size of the CornerOrnamentBase used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContainerProps */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContainerProps @@ -68,14 +68,14 @@ export interface CornerOrnamentProps extends HTMLPasteProps<"div"> { export interface CornerOrnamentContextInterface { /** - * The size of the CornerOrnamentElement used to determine spacing + * The size of the CornerOrnamentBase used to determine spacing * @default null * @type {IconSizeOptions} * @memberof CornerOrnamentContextInterface */ size: IconSizeOptions; /** - * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect. + * The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect. * @default null * @type {CornerOrnamentType} * @memberof CornerOrnamentContextInterface From dbcae71d145b39f44288a37e5a127195e0beb372 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 14:37:24 -0500 Subject: [PATCH 119/145] feat(corner-ornament): typedocs --- packages/paste-core/components/corner-ornament/type-docs.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/type-docs.json b/packages/paste-core/components/corner-ornament/type-docs.json index 4a71aab26e..2c84205408 100644 --- a/packages/paste-core/components/corner-ornament/type-docs.json +++ b/packages/paste-core/components/corner-ornament/type-docs.json @@ -1595,14 +1595,14 @@ "defaultValue": "null", "required": true, "externalProp": false, - "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentElement and without it the cutout will be incorrect." + "description": "The type of the corner ornament used. This determines that correct mask to apply to CornerOrnamentBase and without it the cutout will be incorrect." }, "size": { "type": "| \"sizeIcon05\"\n | \"sizeIcon10\"\n | \"sizeIcon20\"\n | \"sizeIcon30\"\n | \"sizeIcon40\"\n | \"sizeIcon50\"\n | \"sizeIcon60\"\n | \"sizeIcon70\"\n | \"sizeIcon80\"\n | \"sizeIcon90\"\n | \"sizeIcon100\"\n | \"sizeIcon110\"", "defaultValue": "null", "required": true, "externalProp": false, - "description": "The size of the CornerOrnamentElement used to determine spacing" + "description": "The size of the CornerOrnamentBase used to determine spacing" }, "about": { "type": "string", From fcc053cd7ed8f2d8acc20e9dec561ee6e295b0d0 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:14 -0500 Subject: [PATCH 120/145] feat(tokens): added colorTextIconNotification --- .changeset/giant-spiders-remember.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/giant-spiders-remember.md b/.changeset/giant-spiders-remember.md index a4557ea054..243e8c3868 100644 --- a/.changeset/giant-spiders-remember.md +++ b/.changeset/giant-spiders-remember.md @@ -3,4 +3,4 @@ "@twilio-paste/design-tokens": minor --- -[Design Tokens] added a new text color for notification icons "colorTextIconNotification" +[Design Tokens] added a new text color for notificaiton icons "colorTextIconNotification" From 09c114bca70e45e55f9ff65020c8fd19b86160b5 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:59 -0500 Subject: [PATCH 121/145] feat(icons): added NotificationOrnamentIcon --- packages/paste-icons/build.icon-list.js | 2 +- packages/paste-icons/json/icons.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js index 53b368bb9b..9aa6b3fdbd 100644 --- a/packages/paste-icons/build.icon-list.js +++ b/packages/paste-icons/build.icon-list.js @@ -1 +1 @@ -module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RCSCapableIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SupportRequestIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; +module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json index c8a5c6d4cb..163bdbd6f1 100644 --- a/packages/paste-icons/json/icons.json +++ b/packages/paste-icons/json/icons.json @@ -1 +1 @@ -{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RCSCapableIcon","svg":"/svg/RCSCapableIcon.svg","cjs":"/cjs/RCSCapableIcon.js","esm":"/esm/RCSCapableIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SupportRequestIcon","svg":"/svg/SupportRequestIcon.svg","cjs":"/cjs/SupportRequestIcon.js","esm":"/esm/SupportRequestIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} +{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} From 689b46e5eb48ede8e1780bf449cde1a603e273b9 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:54:29 -0500 Subject: [PATCH 122/145] feat(corner-ornament): updated dot for icon --- .../corner-ornament/__tests__/index.spec.tsx | 2 +- .../corner-ornament/src/mappings.tsx | 19 +- .../components/corner-ornament/src/types.ts | 2 +- .../corner-ornament/stories/index.stories.tsx | 249 ++++++++++-------- 4 files changed, 145 insertions(+), 127 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index 9dc26f9ad9..f49c369aba 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -15,7 +15,7 @@ const ExampleCornerOrnament: React.FC<{ }> = ({ size, type, element }) => ( diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 6d7062221c..5d8990a044 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -5,8 +5,6 @@ import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; -const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; -const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = @@ -19,10 +17,7 @@ export const ClipPathMappings: Record { diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 5308e46c46..d9c61028a8 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -4,6 +4,8 @@ import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; +import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; + import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; @@ -20,15 +22,6 @@ export default { export const Default = (): React.ReactNode => { return ( - - - - - - ornament has notification - - - @@ -55,103 +48,6 @@ export const Default = (): React.ReactNode => { ); }; -export const SupportedDots = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - top_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - ); -}; - -SupportedDots.storyName = "Supported Corner Ornament Dots"; - export const SupportedBadge = (): React.ReactNode => { return ( @@ -405,7 +301,146 @@ export const SupportedIcon = (): React.ReactNode => { ); }; -SupportedIcon.storyName = "Supported Corner Ornament Icon"; +SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; + +export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + top_end: + + + + sizeIcon80 + + + + + + + + + sizeIcon40 + + + sizeIcon70 + + + + + + + + + sizeIcon30 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon05 + + + sizeIcon30 + + + + + + + + + sizeIcon05 + + + + ); +}; + +SupportedNotificationOrnamentIcon.storyName = "Supported Corner Ornament Notification Icon"; export const CornerOrnamentCustomization = (): React.ReactNode => { const currentTheme = useTheme(); From cd8a34f172daabe3cd3564852f9e29c735c0e674 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 12:25:59 -0500 Subject: [PATCH 123/145] feat(icons): added NotificationOrnamentIcon --- packages/paste-icons/build.icon-list.js | 2 +- packages/paste-icons/json/icons.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js index 9aa6b3fdbd..114513b22b 100644 --- a/packages/paste-icons/build.icon-list.js +++ b/packages/paste-icons/build.icon-list.js @@ -1 +1 @@ -module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; +module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RCSCapableIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SupportRequestIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json index 163bdbd6f1..380549b31d 100644 --- a/packages/paste-icons/json/icons.json +++ b/packages/paste-icons/json/icons.json @@ -1 +1 @@ -{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} +{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RCSCapableIcon","svg":"/svg/RCSCapableIcon.svg","cjs":"/cjs/RCSCapableIcon.js","esm":"/esm/RCSCapableIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SupportRequestIcon","svg":"/svg/SupportRequestIcon.svg","cjs":"/cjs/SupportRequestIcon.js","esm":"/esm/SupportRequestIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file From 70270b09e46cb4c34863bcc755275876f49ac25f Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 13:49:30 -0500 Subject: [PATCH 124/145] feat(corner-ornament): pr comments --- .../src/CornerOrnamentBase.tsx | 25 ++++- .../corner-ornament/stories/index.stories.tsx | 106 ++++++++++++++++++ 2 files changed, 128 insertions(+), 3 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index fd5c33a5d0..0ac811d8cc 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -3,14 +3,33 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { ClipPathMappings } from "./mappings"; -import { CornerOrnamentBaseProps } from "./types"; +import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; +import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; export const CornerOrnamentBase = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); + const ClipPathMapping: Record> = { + badge: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, + }, + dot: { + bottom_end: DotBottomEndPath, + top_end: DotBottomEndPath, + }, + icon: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, + }, + avatar: { + bottom_end: BadgeBottomEndPath, + top_end: BadgeBottomEndPath, + }, + }; + return ( - {} + {} diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index d9c61028a8..3b26b39e1f 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -22,6 +22,15 @@ export default { export const Default = (): React.ReactNode => { return ( + + + + + + ornament has notification + + + @@ -48,6 +57,103 @@ export const Default = (): React.ReactNode => { ); }; +export const SupportedDots = (): React.ReactNode => { + return ( + + + bottom_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + + + top_end: + + + + sizeIcon50 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon40 + + + + + + ornament has notification + + + + sizeBase20 + + + sizeIcon30 + + + + + + ornament has notification + + + + sizeBase20 + + + + ); +}; + +SupportedDots.storyName = "Supported Corner Ornament Dots"; + export const SupportedBadge = (): React.ReactNode => { return ( From b231c0ea37be42e654b8cfad3f688f64ff22108e Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 15:30:46 -0500 Subject: [PATCH 125/145] feat(corner-ornament): mappings refactor --- .../src/CornerOrnamentBase.tsx | 25 +------ .../corner-ornament/src/mappings.tsx | 69 ++++++++++++------- .../corner-ornament/stories/index.stories.tsx | 4 +- 3 files changed, 51 insertions(+), 47 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx index 0ac811d8cc..fd5c33a5d0 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnamentBase.tsx @@ -3,33 +3,14 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; import { useCornerOrnamentContext } from "./CornerOrnamentContext"; -import { BadgeBottomEndPath, DotBottomEndPath } from "./Masks"; -import { CornerOrnamentBaseProps, CornerOrnamentPosition, CornerOrnamentType } from "./types"; +import { ClipPathMappings } from "./mappings"; +import { CornerOrnamentBaseProps } from "./types"; export const CornerOrnamentBase = React.forwardRef( ({ padding, element = "CORNER_ORNAMENT_BASE", ...props }, ref) => { const id = useUID(); const { cornerOrnamentType, position, size } = useCornerOrnamentContext(); - const ClipPathMapping: Record> = { - badge: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - dot: { - bottom_end: DotBottomEndPath, - top_end: DotBottomEndPath, - }, - icon: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - avatar: { - bottom_end: BadgeBottomEndPath, - top_end: BadgeBottomEndPath, - }, - }; - return ( - {} + {} diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 5d8990a044..ec57c6969e 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,21 +3,32 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; -const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; +const BadgeBottomEndPath = + "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; +const BadgeTopEndPath = + "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; +const DotBottomEndPath = + "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; +const DotTopEndPath = + "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; const IconTopEndPath = - "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; + "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; const IconBottomEndPath = - "M1.014.606A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .106 1.04A.352.352 0 0 1 .95.6c.022 0 .043.002.064.006Z"; -const AvatarBottomEndPath = "M1.023.546a.525.525 0 1 0-.477.477.35.35 0 0 1 .477-.477Z"; -const AvatarTopEndPath = "M1.023.454a.35.35 0 0 1-.477-.477.525.525 0 1 0 .477.477Z"; + "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; +const AvatarBottomEndPath = + "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; +const AvatarTopEndPath = + "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; export const ClipPathMappings: Record> = { badge: { bottom_end: BadgeBottomEndPath, top_end: BadgeTopEndPath, }, - + dot: { + bottom_end: DotBottomEndPath, + top_end: DotTopEndPath, + }, icon: { bottom_end: IconBottomEndPath, top_end: IconTopEndPath, @@ -34,36 +45,48 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { left: "28px", top: "28px" }, + sizeIcon80: { top: "space70", left: "space70" }, }, top_end: { - sizeIcon80: { left: "28px", top: "spaceNegative30" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, avatar: { bottom_end: { - sizeIcon70: { left: "space60", top: "space60" }, - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, }, top_end: { - sizeIcon70: { left: "space60", top: "spaceNegative20" }, - sizeIcon80: { left: "space70", top: "spaceNegative20" }, + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, icon: { bottom_end: { - sizeIcon30: { left: "13px", top: "13px" }, - sizeIcon40: { left: "17px", top: "17px" }, - sizeIcon50: { left: "18px", top: "18px" }, - sizeIcon70: { left: "21px", top: "21px" }, - sizeIcon80: { left: "26px", top: "26px" }, + sizeIcon30: { top: "space40", left: "space40" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon70: { top: "space60", left: "space60" }, + sizeIcon80: { top: "space70", left: "space70" }, + }, + top_end: { + sizeIcon30: { left: "space40", top: "spaceNegative10" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative10" }, + sizeIcon80: { left: "space70", top: "spaceNegative10" }, + }, + }, + dot: { + bottom_end: { + sizeIcon30: { top: "14px", left: "14px" }, + sizeIcon40: { top: "space50", left: "space50" }, + sizeIcon50: { top: "space60", left: "space60" }, }, top_end: { - sizeIcon30: { left: "13px", top: "-5px" }, - sizeIcon40: { left: "17px", top: "-5px" }, - sizeIcon50: { left: "18px", top: "-6px" }, - sizeIcon70: { left: "21px", top: "-9px" }, - sizeIcon80: { left: "26px", top: "-10px" }, + sizeIcon30: { left: "14px", top: "-3px" }, + sizeIcon40: { left: "space50", top: "spaceNegative10" }, + sizeIcon50: { left: "space60", top: "spaceNegative10" }, }, }, }; diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 3b26b39e1f..18126d6226 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -174,7 +174,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" @@ -194,7 +194,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" From 17cd3fb70ced8b60753106880e52db2e87490637 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 06:24:02 -0500 Subject: [PATCH 126/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index ec57c6969e..4313c5c390 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -45,7 +45,7 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon80: { left: "space70", top: "spaceNegative10" }, @@ -53,8 +53,8 @@ export const OrnamentPositionStyleMappings: Record< }, avatar: { bottom_end: { - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { sizeIcon70: { left: "space60", top: "spaceNegative10" }, @@ -63,25 +63,25 @@ export const OrnamentPositionStyleMappings: Record< }, icon: { bottom_end: { - sizeIcon30: { top: "space40", left: "space40" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, - sizeIcon70: { top: "space60", left: "space60" }, - sizeIcon80: { top: "space70", left: "space70" }, + sizeIcon30: { left: "space40", top: "space40" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "18px", top: "18px" }, + sizeIcon70: { left: "space60", top: "space60" }, + sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon30: { left: "space40", top: "spaceNegative10" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, + sizeIcon40: { left: "16px", top: "0px" }, + sizeIcon50: { left: "18px", top: "spaceNegative10" }, sizeIcon70: { left: "space60", top: "spaceNegative10" }, sizeIcon80: { left: "space70", top: "spaceNegative10" }, }, }, dot: { bottom_end: { - sizeIcon30: { top: "14px", left: "14px" }, - sizeIcon40: { top: "space50", left: "space50" }, - sizeIcon50: { top: "space60", left: "space60" }, + sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { sizeIcon30: { left: "14px", top: "-3px" }, From b33aca1901a89e107deae8f6b48456cfa2462304 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 12:13:16 -0500 Subject: [PATCH 127/145] feat(corner-ornament): mapping tweaks --- .../corner-ornament/src/mappings.tsx | 56 +++++++++---------- 1 file changed, 25 insertions(+), 31 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 4313c5c390..6d7062221c 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,22 +3,16 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = - "M 1.023 0.499 C 1.032 0.147 0.844 -0.031 0.497 -0.029 S -0.02 0.185 -0.021 0.497 s 0.179 0.525 0.504 0.527 c 0.0121 0 0.024 -0.0004 0.045 0 A 0.3436 0.3436 0 0 1 0.5 0.8452 C 0.5 0.6546 0.6546 0.5 0.8452 0.5 H 1.024 Z"; -const BadgeTopEndPath = - "M0.875006 0.599588C0.869357 0.599866 0.863675 0.600006 0.857961 0.600006C0.660268 0.600006 0.500006 0.432113 0.500006 0.225006C0.500006 0.13226 0.532145 0.0473771 0.585393 -0.0180851C0.557604 -0.0226304 0.529081 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.75576 1.02501 0.968801 0.842128 1.01549 0.600006H0.875006V0.599588Z"; -const DotBottomEndPath = - "M1.02143 0.623373C1.03077 0.583767 1.03571 0.542465 1.03571 0.500009C1.03571 0.204142 0.79586 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.542449 1.03572 0.583752 1.03078 0.623358 1.02145C0.590636 0.974976 0.571422 0.918308 0.571422 0.857152C0.571422 0.699356 0.699341 0.571437 0.857136 0.571437C0.918293 0.571437 0.974961 0.590652 1.02143 0.623373Z"; -const DotTopEndPath = - "M1.00357 0.316824C0.960747 0.342434 0.91066 0.357152 0.857136 0.357152C0.699341 0.357152 0.571422 0.229233 0.571422 0.0714373C0.571422 0.0363582 0.577744 0.0027556 0.58931 -0.0282933C0.560264 -0.0331681 0.530425 -0.0357056 0.499993 -0.0357056C0.204127 -0.0357056 -0.0357208 0.204142 -0.0357208 0.500009C-0.0357208 0.795875 0.204127 1.03572 0.499993 1.03572C0.79586 1.03572 1.03571 0.795875 1.03571 0.500009C1.03571 0.435668 1.02436 0.373976 1.00357 0.316824Z"; +const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; +const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; +const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; +const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = - "M1.01907 0.579234C0.981902 0.592677 0.94181 0.600006 0.900006 0.600006C0.706706 0.600006 0.550006 0.443306 0.550006 0.250006C0.550006 0.151396 0.590786 0.0623111 0.656402 -0.00130474C0.607003 -0.0166994 0.554473 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.763025 1.02501 0.980869 0.831592 1.01907 0.579234Z"; + "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = - "M1.02022 0.571197C1.02338 0.547917 1.02501 0.524152 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.524152 1.02501 0.547917 1.02338 0.571197 1.02022C0.557488 0.982731 0.550006 0.942242 0.550006 0.900006C0.550006 0.706706 0.706706 0.550006 0.900006 0.550006C0.942242 0.550006 0.982731 0.557488 1.02022 0.571197Z"; -const AvatarBottomEndPath = - "M1.02304 0.545704C1.02434 0.530644 1.02501 0.515402 1.02501 0.500006C1.02501 0.210057 0.789956 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.515402 1.02501 0.530644 1.02434 0.545704 1.02304C0.516621 0.97201 0.500006 0.912948 0.500006 0.850006C0.500006 0.656706 0.656706 0.500006 0.850006 0.500006C0.912948 0.500006 0.97201 0.516621 1.02304 0.545704Z"; -const AvatarTopEndPath = - "M1.025 0.503188C0.973518 0.532964 0.913752 0.550006 0.850006 0.550006C0.656706 0.550006 0.500006 0.393306 0.500006 0.200006C0.500006 0.116956 0.528932 0.0406626 0.577258 -0.0193501C0.552046 -0.0230681 0.526251 -0.0249939 0.500006 -0.0249939C0.210057 -0.0249939 -0.0249939 0.210057 -0.0249939 0.500006C-0.0249939 0.789956 0.210057 1.02501 0.500006 1.02501C0.788894 1.02501 1.02328 0.791673 1.025 0.503188Z"; + "M1.014.606A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .106 1.04A.352.352 0 0 1 .95.6c.022 0 .043.002.064.006Z"; +const AvatarBottomEndPath = "M1.023.546a.525.525 0 1 0-.477.477.35.35 0 0 1 .477-.477Z"; +const AvatarTopEndPath = "M1.023.454a.35.35 0 0 1-.477-.477.525.525 0 1 0 .477.477Z"; export const ClipPathMappings: Record> = { badge: { @@ -45,10 +39,10 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon80: { left: "28px", top: "28px" }, }, top_end: { - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon80: { left: "28px", top: "spaceNegative30" }, }, }, avatar: { @@ -57,36 +51,36 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon80: { left: "space70", top: "space70" }, }, top_end: { - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon70: { left: "space60", top: "spaceNegative20" }, + sizeIcon80: { left: "space70", top: "spaceNegative20" }, }, }, icon: { bottom_end: { - sizeIcon30: { left: "space40", top: "space40" }, - sizeIcon40: { left: "space50", top: "space50" }, + sizeIcon30: { left: "13px", top: "13px" }, + sizeIcon40: { left: "17px", top: "17px" }, sizeIcon50: { left: "18px", top: "18px" }, - sizeIcon70: { left: "space60", top: "space60" }, - sizeIcon80: { left: "space70", top: "space70" }, + sizeIcon70: { left: "21px", top: "21px" }, + sizeIcon80: { left: "26px", top: "26px" }, }, top_end: { - sizeIcon30: { left: "13.7px", top: "spaceNegative10" }, - sizeIcon40: { left: "16px", top: "0px" }, - sizeIcon50: { left: "18px", top: "spaceNegative10" }, - sizeIcon70: { left: "space60", top: "spaceNegative10" }, - sizeIcon80: { left: "space70", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-5px" }, + sizeIcon40: { left: "17px", top: "-5px" }, + sizeIcon50: { left: "18px", top: "-6px" }, + sizeIcon70: { left: "21px", top: "-9px" }, + sizeIcon80: { left: "26px", top: "-10px" }, }, }, dot: { bottom_end: { - sizeIcon30: { left: "14px", top: "14px" }, + sizeIcon30: { left: "13px", top: "13px" }, sizeIcon40: { left: "space50", top: "space50" }, sizeIcon50: { left: "space60", top: "space60" }, }, top_end: { - sizeIcon30: { left: "14px", top: "-3px" }, - sizeIcon40: { left: "space50", top: "spaceNegative10" }, - sizeIcon50: { left: "space60", top: "spaceNegative10" }, + sizeIcon30: { left: "13px", top: "-1px" }, + sizeIcon40: { left: "space50", top: "-1px" }, + sizeIcon50: { left: "space60", top: "space0" }, }, }, }; From 94056fa3ec2cb29784f01ca8e51f64e428616e15 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 31 Jul 2024 13:35:23 -0500 Subject: [PATCH 128/145] feat(corner-ornament): linting --- .../components/corner-ornament/stories/index.stories.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 18126d6226..3b26b39e1f 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -174,7 +174,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" @@ -194,7 +194,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="small" + badge size="small" From 00809b9bbc53fcd583ae863807e8fe1ee2c216b9 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:59 -0500 Subject: [PATCH 129/145] feat(icons): added NotificationOrnamentIcon --- packages/paste-icons/build.icon-list.js | 2 +- packages/paste-icons/json/icons.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js index 114513b22b..9aa6b3fdbd 100644 --- a/packages/paste-icons/build.icon-list.js +++ b/packages/paste-icons/build.icon-list.js @@ -1 +1 @@ -module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RCSCapableIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SupportRequestIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file +module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json index 380549b31d..163bdbd6f1 100644 --- a/packages/paste-icons/json/icons.json +++ b/packages/paste-icons/json/icons.json @@ -1 +1 @@ -{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RCSCapableIcon","svg":"/svg/RCSCapableIcon.svg","cjs":"/cjs/RCSCapableIcon.js","esm":"/esm/RCSCapableIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SupportRequestIcon","svg":"/svg/SupportRequestIcon.svg","cjs":"/cjs/SupportRequestIcon.js","esm":"/esm/SupportRequestIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file +{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} From ac6b614764e30df708f886efae0dba212f3c5078 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:54:29 -0500 Subject: [PATCH 130/145] feat(corner-ornament): updated dot for icon --- .../corner-ornament/src/mappings.tsx | 19 +--- .../corner-ornament/stories/index.stories.tsx | 106 ------------------ 2 files changed, 1 insertion(+), 124 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 6d7062221c..5d8990a044 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -5,8 +5,6 @@ import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; -const DotBottomEndPath = "M1.021.623a.537.537 0 1 0-.398.398.286.286 0 0 1 .398-.398Z"; -const DotTopEndPath = "M1.021.377a.286.286 0 0 1-.398-.398A.537.537 0 0 0-.036.5.536.536 0 1 0 1.021.377Z"; const IconTopEndPath = "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; const IconBottomEndPath = @@ -19,10 +17,7 @@ export const ClipPathMappings: Record { return ( - - - - - - ornament has notification - - - @@ -57,103 +48,6 @@ export const Default = (): React.ReactNode => { ); }; -export const SupportedDots = (): React.ReactNode => { - return ( - - - bottom_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - top_end: - - - - sizeIcon50 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon40 - - - - - - ornament has notification - - - - sizeBase20 - - - sizeIcon30 - - - - - - ornament has notification - - - - sizeBase20 - - - - ); -}; - -SupportedDots.storyName = "Supported Corner Ornament Dots"; - export const SupportedBadge = (): React.ReactNode => { return ( From caa8d6544136f1ede8e8b4a97b76d4455351b961 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 13:54:46 -0500 Subject: [PATCH 131/145] feat(corner-ornament): pr issues --- .changeset/giant-spiders-remember.md | 2 +- .../components/corner-ornament/stories/index.stories.tsx | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/.changeset/giant-spiders-remember.md b/.changeset/giant-spiders-remember.md index 243e8c3868..a4557ea054 100644 --- a/.changeset/giant-spiders-remember.md +++ b/.changeset/giant-spiders-remember.md @@ -3,4 +3,4 @@ "@twilio-paste/design-tokens": minor --- -[Design Tokens] added a new text color for notificaiton icons "colorTextIconNotification" +[Design Tokens] added a new text color for notification icons "colorTextIconNotification" diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index d9c61028a8..5f0b9c1f7a 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -5,7 +5,6 @@ import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; - import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; From a15db7c27c8d79ccfe558b4f6acacdaf1d3f19c3 Mon Sep 17 00:00:00 2001 From: krisantrobus <55083528+krisantrobus@users.noreply.github.com> Date: Fri, 2 Aug 2024 15:23:47 -0500 Subject: [PATCH 132/145] Update packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx Co-authored-by: Sarah --- .../components/corner-ornament/src/CornerOrnament.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx index 844513006e..61f40ecda9 100644 --- a/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx +++ b/packages/paste-core/components/corner-ornament/src/CornerOrnament.tsx @@ -11,7 +11,7 @@ export const CornerOrnament = React.forwardRef Date: Fri, 2 Aug 2024 19:00:11 -0500 Subject: [PATCH 133/145] feat(corner-ornament): new path mappings --- .../corner-ornament/src/mappings.tsx | 20 +++++------ .../corner-ornament/stories/index.stories.tsx | 35 ++++++++++--------- 2 files changed, 26 insertions(+), 29 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 5d8990a044..2a9af0be66 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -3,14 +3,10 @@ import { IconSizeOptions } from "@twilio-paste/style-props"; import { CornerOrnamentPosition, CornerOrnamentType } from "./types"; -const BadgeBottomEndPath = "M1.015.6A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .102 1.04A.367.367 0 0 1 .975.6h.04Z"; -const BadgeTopEndPath = "M.975.4H.958a.367.367 0 0 1-.356-.415A.528.528 0 0 0-.025.5a.525.525 0 1 0 1.04-.1h-.04Z"; -const IconTopEndPath = - "M.606-.014A.527.527 0 0 0-.025.5a.525.525 0 1 0 1.04-.106A.352.352 0 0 1 .6.05C.6.028.602.007.606-.014Z"; -const IconBottomEndPath = - "M1.014.606A.527.527 0 0 0 .5-.025a.525.525 0 1 0 .106 1.04A.352.352 0 0 1 .95.6c.022 0 .043.002.064.006Z"; -const AvatarBottomEndPath = "M1.023.546a.525.525 0 1 0-.477.477.35.35 0 0 1 .477-.477Z"; -const AvatarTopEndPath = "M1.023.454a.35.35 0 0 1-.477-.477.525.525 0 1 0 .477.477Z"; +const BadgeBottomEndPath = "M1.05-.05h-1.1v1.1h.593A.375.375 0 0 1 .875.5h.1c.026 0 .05.003.075.007V-.05Z"; +const BadgeTopEndPath = "M.543-.05A.375.375 0 0 0 .875.5h.1c.026 0 .05-.003.075-.008v.558h-1.1v-1.1h.593Z"; +const IconOrAvatarTopEndPath = "M1.05.437A.35.35 0 0 1 .563-.05H-.05v1.1h1.1V.437Z"; +const IconOrAvatarBottomEndPath = "M1.05-.05h-1.1v1.1h.613A.35.35 0 0 1 1.05.563V-.05Z"; export const ClipPathMappings: Record> = { badge: { @@ -19,12 +15,12 @@ export const ClipPathMappings: Record { notification value - 9+ + 100 - + notification value - 9+ + 100 @@ -63,7 +64,7 @@ export const SupportedBadge = (): React.ReactNode => { notification value - 9+ + 100 @@ -83,7 +84,7 @@ export const SupportedBadge = (): React.ReactNode => { notification value - 9+ + 100 @@ -177,7 +178,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon40 @@ -189,7 +190,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon30 @@ -201,7 +202,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon10 @@ -213,7 +214,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -225,7 +226,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -242,7 +243,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon40 @@ -254,7 +255,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon30 @@ -266,7 +267,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon10 @@ -278,7 +279,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -290,7 +291,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon05 @@ -468,7 +469,7 @@ export const CornerOrnamentCustomization = (): React.ReactNode => { - + From 8e3a3f99d64282ed2550b9ae7fed9651064eab00 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 19:18:08 -0500 Subject: [PATCH 134/145] feat(corner-ornament): updated ornament positions --- .../corner-ornament/src/mappings.tsx | 79 +++++++++++-------- 1 file changed, 45 insertions(+), 34 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 2a9af0be66..a313bb4196 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -8,19 +8,44 @@ const BadgeTopEndPath = "M.543-.05A.375.375 0 0 0 .875.5h.1c.026 0 .05-.003.075- const IconOrAvatarTopEndPath = "M1.05.437A.35.35 0 0 1 .563-.05H-.05v1.1h1.1V.437Z"; const IconOrAvatarBottomEndPath = "M1.05-.05h-1.1v1.1h.613A.35.35 0 0 1 1.05.563V-.05Z"; +const iconAvatarSharedPaths: Record = { + bottom_end: IconOrAvatarBottomEndPath, + top_end: IconOrAvatarTopEndPath, +}; + export const ClipPathMappings: Record> = { badge: { bottom_end: BadgeBottomEndPath, top_end: BadgeTopEndPath, }, + icon: iconAvatarSharedPaths, + avatar: iconAvatarSharedPaths, +}; - icon: { - bottom_end: IconOrAvatarBottomEndPath, - top_end: IconOrAvatarTopEndPath, +const iconAvatarSharedPositions: Record>> = { + bottom_end: { + sizeIcon20: { left: "11px", top: "11px" }, + sizeIcon30: { left: "11px", top: "11px" }, + sizeIcon40: { left: "13px", top: "13px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "17px", top: "17px" }, + sizeIcon80: { left: "22px", top: "22px" }, + sizeIcon90: { left: "22px", top: "22px" }, + sizeIcon100: { left: "30px", top: "30px" }, + sizeIcon110: { left: "38px", top: "38px" }, }, - avatar: { - bottom_end: IconOrAvatarBottomEndPath, - top_end: IconOrAvatarTopEndPath, + top_end: { + sizeIcon20: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon30: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon70: { left: "17px", bottom: "17px", top: "-5px" }, + sizeIcon80: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon90: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, + sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, }, }; @@ -30,36 +55,22 @@ export const OrnamentPositionStyleMappings: Record< > = { badge: { bottom_end: { - sizeIcon80: { left: "28px", top: "28px" }, - }, - top_end: { - sizeIcon80: { left: "28px", top: "spaceNegative30" }, - }, - }, - avatar: { - bottom_end: { - sizeIcon70: { left: "space60", top: "space60" }, - sizeIcon80: { left: "space70", top: "space70" }, - }, - top_end: { - sizeIcon70: { left: "space60", top: "spaceNegative20" }, - sizeIcon80: { left: "space70", top: "spaceNegative20" }, - }, - }, - icon: { - bottom_end: { - sizeIcon30: { left: "13px", top: "13px" }, - sizeIcon40: { left: "17px", top: "17px" }, - sizeIcon50: { left: "18px", top: "18px" }, - sizeIcon70: { left: "21px", top: "21px" }, - sizeIcon80: { left: "26px", top: "26px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "19px", top: "19px" }, + sizeIcon80: { left: "25px", top: "25px" }, + sizeIcon90: { left: "25px", top: "25px" }, + sizeIcon110: { left: "42px", top: "42px" }, }, top_end: { - sizeIcon30: { left: "13px", top: "-5px" }, - sizeIcon40: { left: "17px", top: "-5px" }, - sizeIcon50: { left: "18px", top: "-6px" }, - sizeIcon70: { left: "21px", top: "-9px" }, - sizeIcon80: { left: "26px", top: "-10px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-8px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-8px" }, + sizeIcon70: { left: "19px", bottom: "19px", top: "-7px" }, + sizeIcon80: { left: "25px", bottom: "25px", top: "-5px" }, + sizeIcon90: { left: "25px", bottom: "25px", top: "-5px" }, + sizeIcon110: { left: "42px", bottom: "42px", top: "-2px" }, }, }, + avatar: iconAvatarSharedPositions, + icon: iconAvatarSharedPositions, }; From 6bddb81356610f8b8ec084a76e5cec44e704d6a5 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 07:37:21 -0500 Subject: [PATCH 135/145] feat(corner-ornament): final impl --- .../corner-ornament/__tests__/index.spec.tsx | 2 +- .../corner-ornament/src/mappings.tsx | 2 + .../corner-ornament/stories/index.stories.tsx | 689 +++++++++++++++++- 3 files changed, 654 insertions(+), 39 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx index f49c369aba..f8524f7e31 100644 --- a/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx +++ b/packages/paste-core/components/corner-ornament/__tests__/index.spec.tsx @@ -42,7 +42,7 @@ describe("CornerOrnament", () => { it("should throw errors for unsupported size and type combinations", () => { expect(() => { - render(); + render(); }).toThrow(); }); diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index a313bb4196..8024729b64 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -60,6 +60,7 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon70: { left: "19px", top: "19px" }, sizeIcon80: { left: "25px", top: "25px" }, sizeIcon90: { left: "25px", top: "25px" }, + sizeIcon100: { left: "34px", top: "34px" }, sizeIcon110: { left: "42px", top: "42px" }, }, top_end: { @@ -68,6 +69,7 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon70: { left: "19px", bottom: "19px", top: "-7px" }, sizeIcon80: { left: "25px", bottom: "25px", top: "-5px" }, sizeIcon90: { left: "25px", bottom: "25px", top: "-5px" }, + sizeIcon100: { left: "34px", bottom: "34px", top: "-6px" }, sizeIcon110: { left: "42px", bottom: "42px", top: "-2px" }, }, }, diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index e00db5bfd9..8f086ce650 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -4,6 +4,7 @@ import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Heading } from "@twilio-paste/heading"; import { ErrorIcon } from "@twilio-paste/icons/esm/ErrorIcon"; +import { FileVideoIcon } from "@twilio-paste/icons/esm/FileVideoIcon"; import { NewIcon } from "@twilio-paste/icons/esm/NewIcon"; import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; @@ -55,6 +56,51 @@ export const SupportedBadge = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon100 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon90 + + + + + + notification value + + 100 + + + + badge size="small" + sizeIcon80 @@ -70,14 +116,104 @@ export const SupportedBadge = (): React.ReactNode => { badge size="small" + + sizeIcon70 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon60 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon50 + + + + + + notification value + + 100 + + + + badge size="small" + top_end: + + sizeIcon110 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon100 + + + + + + notification value + + 100 + + + + badge size="defaul" + + + sizeIcon90 + + + + + + notification value + + 100 + + + + badge size="small" + sizeIcon80 - + @@ -90,6 +226,51 @@ export const SupportedBadge = (): React.ReactNode => { badge size="small" + + sizeIcon70 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon60 + + + + + + notification value + + 100 + + + + badge size="small" + + + sizeIcon50 + + + + + + notification value + + 100 + + + + badge size="small" + ); @@ -104,14 +285,50 @@ export const SupportedAvatar = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon60 + + + sizeIcon90 + + + + + + + + + sizeIcon30 + sizeIcon80 - + - + sizeIcon30 @@ -120,10 +337,70 @@ export const SupportedAvatar = (): React.ReactNode => { sizeIcon70 - + + + + + + + sizeIcon10 + + + sizeIcon60 + + + + + + + + + sizeIcon10 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + + + + + + + sizeIcon10 + + + sizeIcon30 + + + - + + + + sizeIcon10 + + + sizeIcon20 + + + + + + sizeIcon10 @@ -133,26 +410,122 @@ export const SupportedAvatar = (): React.ReactNode => { top_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon60 + + + sizeIcon90 + + + + + + + + + sizeIcon30 + sizeIcon80 - + - + - + sizeIcon30 sizeIcon70 - + - + + + + + + + sizeIcon10 + + + sizeIcon60 + + + + + + + + + sizeIcon10 + + + sizeIcon50 + + + + + + + + + sizeIcon10 + + + sizeIcon40 + + + - + + + + sizeIcon10 + + + sizeIcon30 + + + + + + + + + sizeIcon10 + + + sizeIcon20 + + + + + + sizeIcon10 @@ -171,6 +544,42 @@ export const SupportedIcon = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 @@ -178,7 +587,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon40 @@ -190,11 +599,23 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 @@ -202,7 +623,7 @@ export const SupportedIcon = (): React.ReactNode => { - + sizeIcon10 @@ -214,10 +635,10 @@ export const SupportedIcon = (): React.ReactNode => { - + - sizeIcon05 + sizeIcon10 sizeIcon30 @@ -226,7 +647,19 @@ export const SupportedIcon = (): React.ReactNode => { - + + + + sizeIcon05 + + + sizeIcon20 + + + + + + sizeIcon05 @@ -236,62 +669,122 @@ export const SupportedIcon = (): React.ReactNode => { top_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 - + - + sizeIcon40 sizeIcon70 - + - + sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 - + - + sizeIcon10 sizeIcon40 - + - + - sizeIcon05 + sizeIcon10 sizeIcon30 - + - + + + + sizeIcon05 + + + sizeIcon20 + + + + + + sizeIcon05 @@ -301,7 +794,7 @@ export const SupportedIcon = (): React.ReactNode => { ); }; -SupportedAvatar.storyName = "Supported Corner Ornament Avatar"; +SupportedIcon.storyName = "Supported Corner Ornament Icon"; export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { return ( @@ -310,6 +803,42 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { bottom_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 @@ -334,6 +863,18 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 @@ -353,10 +894,10 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { - + - sizeIcon05 + sizeIcon10 sizeIcon30 @@ -370,14 +911,62 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon05 + + sizeIcon20 + + + + + + + + + sizeIcon05 + top_end: + + sizeIcon110 + + + + + + + + + sizeIcon70 + + + sizeIcon100 + + + + + + + + + sizeIcon50 + + + sizeIcon90 + + + + + + + + + sizeIcon40 + sizeIcon80 - + @@ -389,7 +978,7 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon70 - + @@ -399,9 +988,21 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon30 + + sizeIcon60 + + + + + + + + + sizeIcon10 + sizeIcon50 - + @@ -413,19 +1014,19 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon40 - + - + - sizeIcon05 + sizeIcon10 sizeIcon30 - + @@ -435,6 +1036,18 @@ export const SupportedNotificationOrnamentIcon = (): React.ReactNode => { sizeIcon05 + + sizeIcon20 + + + + + + + + + sizeIcon05 + ); From d7dc41cef45c7de4101b8f74d6e2f951b479eba4 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 07:54:15 -0500 Subject: [PATCH 136/145] feat(corner-ornament): avatar mapping fix --- .../corner-ornament/src/mappings.tsx | 81 ++++++++++++------- 1 file changed, 52 insertions(+), 29 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/src/mappings.tsx b/packages/paste-core/components/corner-ornament/src/mappings.tsx index 8024729b64..54c02a911f 100644 --- a/packages/paste-core/components/corner-ornament/src/mappings.tsx +++ b/packages/paste-core/components/corner-ornament/src/mappings.tsx @@ -22,33 +22,6 @@ export const ClipPathMappings: Record>> = { - bottom_end: { - sizeIcon20: { left: "11px", top: "11px" }, - sizeIcon30: { left: "11px", top: "11px" }, - sizeIcon40: { left: "13px", top: "13px" }, - sizeIcon50: { left: "16px", top: "16px" }, - sizeIcon60: { left: "16px", top: "16px" }, - sizeIcon70: { left: "17px", top: "17px" }, - sizeIcon80: { left: "22px", top: "22px" }, - sizeIcon90: { left: "22px", top: "22px" }, - sizeIcon100: { left: "30px", top: "30px" }, - sizeIcon110: { left: "38px", top: "38px" }, - }, - top_end: { - sizeIcon20: { left: "11px", bottom: "11px", top: "-3px" }, - sizeIcon30: { left: "11px", bottom: "11px", top: "-3px" }, - sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, - sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, - sizeIcon70: { left: "17px", bottom: "17px", top: "-5px" }, - sizeIcon80: { left: "22px", bottom: "22px", top: "-6px" }, - sizeIcon90: { left: "22px", bottom: "22px", top: "-6px" }, - sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, - sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, - }, -}; - export const OrnamentPositionStyleMappings: Record< CornerOrnamentType, Record>> @@ -73,6 +46,56 @@ export const OrnamentPositionStyleMappings: Record< sizeIcon110: { left: "42px", bottom: "42px", top: "-2px" }, }, }, - avatar: iconAvatarSharedPositions, - icon: iconAvatarSharedPositions, + avatar: { + bottom_end: { + sizeIcon20: { left: "10px", top: "10px" }, + sizeIcon30: { left: "10px", top: "10px" }, + sizeIcon40: { left: "13px", top: "13px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "19px", top: "19px" }, + sizeIcon80: { left: "24px", top: "24px" }, + sizeIcon90: { left: "24px", top: "24px" }, + sizeIcon100: { left: "30px", top: "30px" }, + sizeIcon110: { left: "38px", top: "38px" }, + }, + top_end: { + sizeIcon20: { left: "10px", bottom: "10px", top: "-3px" }, + sizeIcon30: { left: "10px", bottom: "10px", top: "-3px" }, + sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon70: { left: "19px", bottom: "19px", top: "-3px" }, + sizeIcon80: { left: "24px", bottom: "24px", top: "-4px" }, + sizeIcon90: { left: "24px", bottom: "24px", top: "-4px" }, + sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, + sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, + }, + }, + icon: { + bottom_end: { + sizeIcon20: { left: "11px", top: "11px" }, + sizeIcon30: { left: "11px", top: "11px" }, + sizeIcon40: { left: "13px", top: "13px" }, + sizeIcon50: { left: "16px", top: "16px" }, + sizeIcon60: { left: "16px", top: "16px" }, + sizeIcon70: { left: "17px", top: "17px" }, + sizeIcon80: { left: "22px", top: "22px" }, + sizeIcon90: { left: "22px", top: "22px" }, + sizeIcon100: { left: "30px", top: "30px" }, + sizeIcon110: { left: "38px", top: "38px" }, + }, + top_end: { + sizeIcon20: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon30: { left: "11px", bottom: "11px", top: "-3px" }, + sizeIcon40: { left: "13px", bottom: "13px", top: "-5px" }, + sizeIcon50: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon60: { left: "16px", bottom: "16px", top: "-4px" }, + sizeIcon70: { left: "17px", bottom: "17px", top: "-5px" }, + sizeIcon80: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon90: { left: "22px", bottom: "22px", top: "-6px" }, + sizeIcon100: { left: "30px", bottom: "30px", top: "-6px" }, + sizeIcon110: { left: "38px", bottom: "38px", top: "-6px" }, + }, + }, }; From 4265395555ca106722fb4695c877008bb6e8973d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 11:26:42 -0500 Subject: [PATCH 137/145] feat(docs/corner-ornament): examples to docs --- .../CornerOrnamentExamples.ts | 284 ++++++++++++++++++ .../components/corner-ornament/index.mdx | 113 ++++++- 2 files changed, 391 insertions(+), 6 deletions(-) create mode 100644 packages/paste-website/src/component-examples/CornerOrnamentExamples.ts diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts new file mode 100644 index 0000000000..d7d14a0949 --- /dev/null +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -0,0 +1,284 @@ +export const featuredExample = ` +const FeaturedExample = () => { + return ( + + + + + + + notification value is + + 100 + + + + + + + + + You have a notification + + + + + + + + + incoming call + + + + + + + + + + + + + ); +}; + +render( + +)`.trim(); + + +export const badgeCornerOrnamentExample = ` +const BadgeCornerOrnamentExample = () => { + return ( + + + + + + + notification value is + + 100 + + + + + + + + + notification value is + + 100 + + + + + + + + + notification value is + + 100 + + + + + + + + + notification value is + + 100 + + + + + ); +}; + +render( + +)`.trim(); + +export const badgeOverflowCornerOrnamentExample = ` +const BadgeOverflowCornerOrnamentExample = () => { + return ( + + + + + + + notification value is + + 9+ + + + + + + + + + + You have a notification + + + + + ); +}; + +render( + +)`.trim(); + +export const iconCornerOrnamentExample = ` +const IconCornerOrnamentExample = () => { + return ( + + + + + + + incoming call + + + + + + + + + You have a notification + + + + + + + + + incoming call + + + + + + + + + You have a notification + + + + + ); +}; + +render( + +)`.trim(); + +export const avatarCornerOrnamentExample = ` +const IconCornerOrnamentExample = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +render( + +)`.trim(); \ No newline at end of file diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index 8193a48d9f..f05c83f681 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -11,11 +11,28 @@ import packageJson from "@twilio-paste/corner-ornament/package.json"; import { Callout, CalloutHeading, CalloutTextimport } from "@twilio-paste/callout"; import { Table, THead, TBody, Tr, Td, Th } from "@twilio-paste/table"; import { Box } from "@twilio-paste/box"; +import { Stack } from "@twilio-paste/stack"; +import { Badge } from "@twilio-paste/badge"; +import { Button } from "@twilio-paste/button"; +import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import { Avatar } from "@twilio-paste/avatar"; +import { CornerOrnament, CornerOrnamentBase, CornerOrnamentContainer } from "@twilio-paste/corner-ornament"; +import { CartIcon } from "@twilio-paste/icons/esm/CartIcon"; +import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; +import { DataTableIcon } from "@twilio-paste/icons/esm/DataTableIcon"; +import { CallIncomingIcon } from "@twilio-paste/icons/esm/CallIncomingIcon"; +import { ProductAlarmsIcon } from "@twilio-paste/icons/esm/ProductAlarmsIcon"; import { SidebarCategoryRoutes } from "../../../constants"; import ComponentPageLayout from "../../../layouts/ComponentPageLayout"; import { getFeature, getNavigationData } from "../../../utils/api"; - +import { + featuredExample, + badgeCornerOrnamentExample, + badgeOverflowCornerOrnamentExample, + iconCornerOrnamentExample, + avatarCornerOrnamentExample +} from "../../../component-examples/CornerOrnamentExamples"; export default ComponentPageLayout; export const getStaticProps = async () => { @@ -38,6 +55,27 @@ export const getStaticProps = async () => { }; }; + + {featuredExample} + + ## Guidelines ### About Combobox @@ -84,7 +122,23 @@ Use Badges as Corner Ornaments for item counts like notifications or cart counts In almost all cases, Badges should be placed at the top using `position="top_end"`. -{/* TODO: add examples here */} + + {badgeCornerOrnamentExample} + Use these size pairings for pairing base components with Badges: @@ -132,11 +186,29 @@ Use these size pairings for pairing base components with Badges: #### Item count overflow strategies For item counts, make sure that you have a layout strategy for overflowing count text. This can include: + - Using a “+” sign when reaching double- or triple-digits, such as “9+” items - Not using a corner ornament at all. Instead, place the counter Badge next to the element - For notification use cases, if showing count isn’t important, use NotificationOrnamentIcon as a Corner Ornament instead. -{/* TODO: add example here */} + + {badgeOverflowCornerOrnamentExample} + ### Icons as Corner Ornaments @@ -144,7 +216,23 @@ Use icons as Corner Ornaments to show statuses or states. When using an icon as a corner ornament, make sure it has a color that has a 3:1 contrast ratio with the background. -{/* TODO: add example here */} + + {iconCornerOrnamentExample} + Use these size pairings for pairing base components with icons: @@ -207,7 +295,20 @@ Use Avatars as Corner Ornaments to show a relationship to an entity or a user. In almost all cases, Avatars should be placed at the bottom using `position="bottom_end"`. -{/* TODO: add example here */} + + {avatarCornerOrnamentExample} + Use these size pairings for pairing base components with Avatars: @@ -262,4 +363,4 @@ Use these size pairings for pairing base components with Avatars: - \ No newline at end of file + From ee60072ffd0ef74414e9894100586e5c13a26703 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 13:51:36 -0500 Subject: [PATCH 138/145] fix(docs/corner-ornament): pr cleanup --- cypress/integration/sitemap-vrt/constants.ts | 3 +++ .../src/component-examples/CornerOrnamentExamples.ts | 3 +-- .../src/pages/components/corner-ornament/index.mdx | 11 +++++++---- 3 files changed, 11 insertions(+), 6 deletions(-) diff --git a/cypress/integration/sitemap-vrt/constants.ts b/cypress/integration/sitemap-vrt/constants.ts index cca536358b..2c4facd2e7 100644 --- a/cypress/integration/sitemap-vrt/constants.ts +++ b/cypress/integration/sitemap-vrt/constants.ts @@ -64,6 +64,9 @@ export const SITEMAP = [ "/components/checkbox/", "/components/checkbox/api", "/components/checkbox/changelog", + "/components/corner-ornament", + "/components/corner-ornament/api", + "/components/corner-ornament/changelog", "/components/data-grid/", "/components/data-grid/api", "/components/data-grid/changelog", diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts index d7d14a0949..4999997f74 100644 --- a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -55,7 +55,6 @@ render( )`.trim(); - export const badgeCornerOrnamentExample = ` const BadgeCornerOrnamentExample = () => { return ( @@ -281,4 +280,4 @@ const IconCornerOrnamentExample = () => { render( -)`.trim(); \ No newline at end of file +)`.trim(); diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index f05c83f681..5063b4afd4 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -31,7 +31,7 @@ import { badgeCornerOrnamentExample, badgeOverflowCornerOrnamentExample, iconCornerOrnamentExample, - avatarCornerOrnamentExample + avatarCornerOrnamentExample, } from "../../../component-examples/CornerOrnamentExamples"; export default ComponentPageLayout; @@ -114,6 +114,9 @@ Position the ornament at the top when it takes priority over its element, and at +### Hiding ornament + +Hiding the ornament and removing the cutout are not supported by this component. Since this component is composable and the base element you are wrapping will look the same if you remove the corner ornament, we recommend removing the Corner Ornament components from the DOM tree if you want to hide the ornament. ## Variants ### Badges as Corner Ornaments @@ -202,7 +205,7 @@ For item counts, make sure that you have a layout strategy for overflowing count ScreenReaderOnly, ProductAlarmsIcon, Button, - NotificationOrnamentIcon + NotificationOrnamentIcon, }} language="jsx" noInline @@ -226,7 +229,7 @@ When using an icon as a corner ornament, make sure it has a color that has a 3:1 ProductAlarmsIcon, Avatar, NotificationOrnamentIcon, - CallIncomingIcon + CallIncomingIcon, }} language="jsx" noInline @@ -302,7 +305,7 @@ In almost all cases, Avatars should be placed at the bottom using `position="bot CornerOrnamentContainer, Stack, Avatar, - DataTableIcon + DataTableIcon, }} language="jsx" noInline From 1e716aa45289c0277191708f96a84706a331157d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 13:52:41 -0500 Subject: [PATCH 139/145] fix(docs/corner-ornament): pr cleanup --- .../src/pages/components/corner-ornament/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index 5063b4afd4..756f9d71db 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -114,7 +114,7 @@ Position the ornament at the top when it takes priority over its element, and at -### Hiding ornament +### Hiding Corner Ornament Hiding the ornament and removing the cutout are not supported by this component. Since this component is composable and the base element you are wrapping will look the same if you remove the corner ornament, we recommend removing the Corner Ornament components from the DOM tree if you want to hide the ornament. ## Variants From b0f74ed872f63be1e3e0479ebcb57f49198ea2f7 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 5 Aug 2024 13:54:03 -0500 Subject: [PATCH 140/145] fix(docs/corner-ornament): pr cleanup --- .../paste-website/src/pages/components/corner-ornament/api.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-website/src/pages/components/corner-ornament/api.mdx b/packages/paste-website/src/pages/components/corner-ornament/api.mdx index 138ff652b0..6911729c74 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/api.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/api.mdx @@ -5,7 +5,7 @@ export const meta = { slug: '/components/corner-ornament/api', }; -import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; // I don't know why this is needed but if you remove it the page fails to render +import Changelog from '@twilio-paste/corner-ornament/CHANGELOG.md'; import packageJson from '@twilio-paste/corner-ornament/package.json'; import {SidebarCategoryRoutes} from '../../../constants'; From eb48c4dce6c3c33bf536e820d9b5234d6953d2a9 Mon Sep 17 00:00:00 2001 From: krisantrobus <55083528+krisantrobus@users.noreply.github.com> Date: Tue, 6 Aug 2024 08:27:25 -0500 Subject: [PATCH 141/145] fix(pr comments): apply suggestions from code review Co-authored-by: Sarah --- .../src/component-examples/CornerOrnamentExamples.ts | 2 +- .../src/pages/components/corner-ornament/index.mdx | 11 ++++++----- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts index 4999997f74..011b6a30fa 100644 --- a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -37,7 +37,7 @@ const FeaturedExample = () => { - + Date: Tue, 6 Aug 2024 08:56:06 -0500 Subject: [PATCH 142/145] fix(docs/corner-ornament): address pr comments --- .../CornerOrnamentExamples.ts | 18 +++++++++--------- .../pages/components/corner-ornament/index.mdx | 10 +++++----- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts index 011b6a30fa..a58003f781 100644 --- a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -13,9 +13,9 @@ const FeaturedExample = () => { - + - + You have a notification @@ -123,9 +123,9 @@ export const badgeOverflowCornerOrnamentExample = ` const BadgeOverflowCornerOrnamentExample = () => { return ( - + - + notification value is @@ -135,15 +135,15 @@ const BadgeOverflowCornerOrnamentExample = () => { - + - + You have a notification @@ -177,7 +177,7 @@ const IconCornerOrnamentExample = () => { - + You have a notification @@ -199,7 +199,7 @@ const IconCornerOrnamentExample = () => { - + You have a notification diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index c4864b57c7..e9c469b367 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -21,7 +21,7 @@ import { CartIcon } from "@twilio-paste/icons/esm/CartIcon"; import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; import { DataTableIcon } from "@twilio-paste/icons/esm/DataTableIcon"; import { CallIncomingIcon } from "@twilio-paste/icons/esm/CallIncomingIcon"; -import { ProductAlarmsIcon } from "@twilio-paste/icons/esm/ProductAlarmsIcon"; +import { NotificationIcon } from "@twilio-paste/icons/esm/NotificationIcon"; import { SidebarCategoryRoutes } from "../../../constants"; import ComponentPageLayout from "../../../layouts/ComponentPageLayout"; @@ -64,7 +64,7 @@ export const getStaticProps = async () => { Badge, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, NotificationOrnamentIcon, Avatar, DataTableIcon, @@ -135,7 +135,7 @@ In almost all cases, Badges should be placed at the top using `position="top_end Badge, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, Avatar, }} language="jsx" @@ -204,7 +204,7 @@ For item counts, make sure that you have a layout strategy for overflowing count Badge, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, Button, NotificationOrnamentIcon, }} @@ -227,7 +227,7 @@ When using an icon as an ornament, make sure it has a color that has a 3:1 contr CornerOrnamentContainer, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, Avatar, NotificationOrnamentIcon, CallIncomingIcon, From 9ecfa8a9e2e3d4f2e6e5416a8c670359fe293e75 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 6 Aug 2024 12:59:28 -0500 Subject: [PATCH 143/145] fix(corner-ornament): resolve overidden changes during merge --- .../corner-ornament/stories/index.stories.tsx | 29 ++++++++++--------- 1 file changed, 15 insertions(+), 14 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 8f086ce650..8c8d38cdb9 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -6,6 +6,7 @@ import { Heading } from "@twilio-paste/heading"; import { ErrorIcon } from "@twilio-paste/icons/esm/ErrorIcon"; import { FileVideoIcon } from "@twilio-paste/icons/esm/FileVideoIcon"; import { NewIcon } from "@twilio-paste/icons/esm/NewIcon"; +import { NotificationIcon } from "@twilio-paste/icons/esm/NotificationIcon"; import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { Stack } from "@twilio-paste/stack"; @@ -60,7 +61,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon110 - + notification value @@ -75,7 +76,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon100 - + notification value @@ -90,7 +91,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon90 - + notification value @@ -105,7 +106,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -120,7 +121,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon70 - + notification value @@ -135,7 +136,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon60 - + notification value @@ -150,7 +151,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon50 - + notification value @@ -170,7 +171,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon110 - + notification value @@ -185,7 +186,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon100 - + notification value @@ -200,7 +201,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon90 - + notification value @@ -215,7 +216,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon80 - + notification value @@ -230,7 +231,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon70 - + notification value @@ -245,7 +246,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon60 - + notification value @@ -260,7 +261,7 @@ export const SupportedBadge = (): React.ReactNode => { sizeIcon50 - + notification value From 536010481214ad161143cee3d7704fb8e38bc101 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 6 Aug 2024 13:00:01 -0500 Subject: [PATCH 144/145] fix(corner-ornament): resolve overidden changes during merge --- .../components/corner-ornament/stories/index.stories.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx index 8c8d38cdb9..a5e0eb14a7 100644 --- a/packages/paste-core/components/corner-ornament/stories/index.stories.tsx +++ b/packages/paste-core/components/corner-ornament/stories/index.stories.tsx @@ -70,7 +70,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" sizeIcon100 @@ -85,7 +85,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" sizeIcon90 @@ -180,7 +180,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" sizeIcon100 @@ -195,7 +195,7 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" sizeIcon90 From 377fc3ca01a522139a2ffeb06e36f447eccf748d Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 6 Aug 2024 08:56:06 -0500 Subject: [PATCH 145/145] fix(docs/corner-ornament): address pr comments --- .../CornerOrnamentExamples.ts | 18 +++++++++--------- .../pages/components/corner-ornament/index.mdx | 10 +++++----- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts index 011b6a30fa..a58003f781 100644 --- a/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts +++ b/packages/paste-website/src/component-examples/CornerOrnamentExamples.ts @@ -13,9 +13,9 @@ const FeaturedExample = () => { - + - + You have a notification @@ -123,9 +123,9 @@ export const badgeOverflowCornerOrnamentExample = ` const BadgeOverflowCornerOrnamentExample = () => { return ( - + - + notification value is @@ -135,15 +135,15 @@ const BadgeOverflowCornerOrnamentExample = () => { - + - + You have a notification @@ -177,7 +177,7 @@ const IconCornerOrnamentExample = () => { - + You have a notification @@ -199,7 +199,7 @@ const IconCornerOrnamentExample = () => { - + You have a notification diff --git a/packages/paste-website/src/pages/components/corner-ornament/index.mdx b/packages/paste-website/src/pages/components/corner-ornament/index.mdx index c4864b57c7..e9c469b367 100644 --- a/packages/paste-website/src/pages/components/corner-ornament/index.mdx +++ b/packages/paste-website/src/pages/components/corner-ornament/index.mdx @@ -21,7 +21,7 @@ import { CartIcon } from "@twilio-paste/icons/esm/CartIcon"; import { NotificationOrnamentIcon } from "@twilio-paste/icons/esm/NotificationOrnamentIcon"; import { DataTableIcon } from "@twilio-paste/icons/esm/DataTableIcon"; import { CallIncomingIcon } from "@twilio-paste/icons/esm/CallIncomingIcon"; -import { ProductAlarmsIcon } from "@twilio-paste/icons/esm/ProductAlarmsIcon"; +import { NotificationIcon } from "@twilio-paste/icons/esm/NotificationIcon"; import { SidebarCategoryRoutes } from "../../../constants"; import ComponentPageLayout from "../../../layouts/ComponentPageLayout"; @@ -64,7 +64,7 @@ export const getStaticProps = async () => { Badge, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, NotificationOrnamentIcon, Avatar, DataTableIcon, @@ -135,7 +135,7 @@ In almost all cases, Badges should be placed at the top using `position="top_end Badge, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, Avatar, }} language="jsx" @@ -204,7 +204,7 @@ For item counts, make sure that you have a layout strategy for overflowing count Badge, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, Button, NotificationOrnamentIcon, }} @@ -227,7 +227,7 @@ When using an icon as an ornament, make sure it has a color that has a 3:1 contr CornerOrnamentContainer, Stack, ScreenReaderOnly, - ProductAlarmsIcon, + NotificationIcon, Avatar, NotificationOrnamentIcon, CallIncomingIcon,