From a336e9e05a5fea5d823b7e918133f5224d86091a Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 24 Jul 2024 15:01:57 -0500 Subject: [PATCH 01/70] 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 02/70] 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 03/70] 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 04/70] 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 05/70] 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 06/70] 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 07/70] 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 08/70] 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 09/70] 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 10/70] 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 11/70] 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 12/70] 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 13/70] 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 14/70] 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 15/70] 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 16/70] 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 85dd9977571f287a7500c84f6a2d7ec9f048ae89 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 30 Jul 2024 13:49:30 -0500 Subject: [PATCH 17/70] 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 18/70] 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 19/70] 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 20/70] 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 21/70] 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 22/70] 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 23/70] 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 24/70] 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 25/70] 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 26/70] 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 6aedaed5f7f9b8e609673dc640ee3a78bc8f863a Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Fri, 2 Aug 2024 11:48:14 -0500 Subject: [PATCH 27/70] 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 28/70] 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 29/70] 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 30/70] 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 31/70] 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 32/70] 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 33/70] 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 34/70] 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 35/70] 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 36/70] 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 37/70] 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 38/70] 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 39/70] 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 40/70] 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 41/70] 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 42/70] 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 43/70] 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 44/70] 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 45/70] 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 46/70] 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 47/70] 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 48/70] 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 49/70] 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 50/70] 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 51/70] 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 52/70] 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 53/70] 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 54/70] 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 55/70] 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 56/70] 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 57/70] 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 58/70] 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 59/70] 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 60/70] 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 61/70] 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 62/70] 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 63/70] 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 64/70] 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 65/70] 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 66/70] 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 67/70] 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 68/70] 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 69/70] 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 457a8f58829e4a2fde9477fc7b00c8bb7bfcee50 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Tue, 6 Aug 2024 08:16:33 -0500 Subject: [PATCH 70/70] feat(corner-ornament): story type and badge base to icon --- .../corner-ornament/stories/index.stories.tsx | 37 ++++++++++--------- 1 file changed, 19 insertions(+), 18 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..a5e0eb14a7 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 @@ -69,13 +70,13 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" sizeIcon100 - + notification value @@ -84,13 +85,13 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" 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 @@ -179,13 +180,13 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" sizeIcon100 - + notification value @@ -194,13 +195,13 @@ export const SupportedBadge = (): React.ReactNode => { - badge size="defaul" + badge size="default" 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