npm - @frontify/fondue - Versions diffs - 12.0.0-beta.6 → 12.0.0-beta.7 - Mend

@frontify/fondue 12.0.0-beta.6 → 12.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (601) hide show

package/dist/components/Tree/Tree.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.es.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, ReactElement, useEffect, useState } from 'react';\nimport { renderNodeArray } from './Node';\nimport { useId } from '@react-aria/utils';\nimport { DndWrapper, DraggableItem, DropZonePosition, draggableItemCompareFn } from '@utilities/dnd';\nimport { listToTree } from '@components/Tree/utils';\nimport { IconProps } from '@foundation/Icon';\nimport { BadgeProps } from '..';\n\nexport interface TreeFlatListItem {\n name: string;\n icon?: ReactElement<IconProps>;\n label?: string;\n value?: string;\n actions?: React.ReactNode[];\n badge?: ReactElement<IconProps> \| ReactElement<BadgeProps>;\n parentId: NullableString;\n editable?: boolean;\n}\n\nexport type TreeProps = {\n nodes: DraggableItem<TreeFlatListItem>[];\n onSelect: (ids: NullableString[]) => void;\n activeNodeIds: NullableString[];\n onDragAndDrop?: (itemId: string, parentId: NullableString, positionBeforeId: NullableString) => void;\n onEditableSave?: (targetItemId: string, value: string) => void;\n};\n\nexport const Tree: FC<TreeProps> = ({\n nodes,\n onSelect,\n activeNodeIds: initialActiveNodeIds,\n onDragAndDrop,\n onEditableSave,\n}) => {\n const [multiSelectMode, setMultiSelectMode] = useState<boolean>(false);\n const [activeIds, setActiveIds] = useState<NullableString[]>(initialActiveNodeIds);\n const [treeNodes, setTreeNodes] = useState<DraggableItem<TreeFlatListItem>[]>([]);\n const treeId = useId();\n\n useEffect(() => {\n const listToTreeNodes = listToTree(nodes);\n setTreeNodes(listToTreeNodes);\n }, [nodes]);\n\n const onNodeClick = (id: NullableString) => {\n if (multiSelectMode) {\n const modifiedSelectedIds: NullableString[] = activeIds.includes(id)\n ? [...activeIds].filter((i) => i !== id)\n : [...activeIds, id];\n\n setActiveIds(modifiedSelectedIds);\n onSelect(modifiedSelectedIds);\n } else {\n setActiveIds([id]);\n onSelect([id]);\n }\n };\n\n const handleDrop = onDragAndDrop\n ? (\n targetItem: DraggableItem<TreeFlatListItem>,\n sourceItem: DraggableItem<TreeFlatListItem>,\n position: DropZonePosition,\n ) => {\n const getPositionBeforeId = () => {\n switch (position) {\n case DropZonePosition.After:\n const sameLevelNodes = nodes.filter((node) => node.parentId === targetItem.parentId);\n sameLevelNodes.sort(draggableItemCompareFn);\n const targetItemIndex = sameLevelNodes.findIndex((item) => item.id === targetItem.id);\n if (targetItemIndex === sameLevelNodes.length - 1) {\n return null;\n } else {\n return sameLevelNodes[targetItemIndex + 1].id;\n }\n case DropZonePosition.Before:\n return targetItem.id;\n case DropZonePosition.Within:\n return null;\n }\n };\n\n const parentId = position === DropZonePosition.Within ? targetItem.id : targetItem.parentId;\n const positionBeforeId = getPositionBeforeId();\n onDragAndDrop(sourceItem.id, parentId, positionBeforeId);\n }\n : undefined;\n\n const handleEditableSave = onEditableSave\n ? (targetItemId: string, value: string) => {\n onEditableSave(targetItemId, value);\n }\n : undefined;\n\n const downKeyHandler = (event: KeyboardEvent) => {\n if (event.key === 'Meta' \|\| event.ctrlKey) {\n setMultiSelectMode(true);\n } else {\n setMultiSelectMode(false);\n }\n };\n\n const upKeyHandler = (event: KeyboardEvent) => {\n if (event.key === 'Meta' \|\| event.ctrlKey) {\n setMultiSelectMode(false);\n }\n };\n\n useEffect(() => {\n window.addEventListener('keydown', downKeyHandler);\n window.addEventListener('keyup', upKeyHandler);\n\n return () => {\n window.removeEventListener('keydown', downKeyHandler);\n window.removeEventListener('keyup', upKeyHandler);\n };\n }, []);\n\n return (\n <ul\n id={treeId}\n data-test-id=\"tree\"\n className=\"tw-p-0 tw-m-0 tw-font-sans tw-font-normal tw-list-none tw-text-left tw-text-sm tw-select-none\"\n >\n <DndWrapper id={treeId}>\n {renderNodeArray({\n nodes: treeNodes,\n treeId,\n activeIds,\n onClick: onNodeClick,\n onDrop: handleDrop,\n onEditableSave: handleEditableSave,\n })}\n </DndWrapper>\n </ul>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
1	+ {"version":3,"file":"Tree.es.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, ReactElement, useEffect, useState } from 'react';\nimport { renderNodeArray } from './Node';\nimport { useId } from '@react-aria/utils';\nimport { DndWrapper, DraggableItem, DropZonePosition, draggableItemCompareFn } from '@utilities/dnd';\nimport { listToTree } from '@components/Tree/utils';\nimport { IconProps } from '@foundation/Icon';\nimport { BadgeProps } from '..';\n\nexport interface TreeFlatListItem {\n name: string;\n icon?: ReactElement<IconProps>;\n label?: string;\n value?: string;\n actions?: React.ReactNode[];\n badge?: ReactElement<IconProps> \| ReactElement<BadgeProps>;\n parentId: NullableString;\n editable?: boolean;\n}\n\nexport type TreeProps = {\n nodes: DraggableItem<TreeFlatListItem>[];\n onSelect: (ids: NullableString[]) => void;\n activeNodeIds: NullableString[];\n onDragAndDrop?: (itemId: string, parentId: NullableString, positionBeforeId: NullableString) => void;\n onEditableSave?: (targetItemId: string, value: string) => void;\n};\n\nexport const Tree: FC<TreeProps> = ({\n nodes,\n onSelect,\n activeNodeIds: initialActiveNodeIds,\n onDragAndDrop,\n onEditableSave,\n}) => {\n const [multiSelectMode, setMultiSelectMode] = useState<boolean>(false);\n const [activeIds, setActiveIds] = useState<NullableString[]>(initialActiveNodeIds);\n const [treeNodes, setTreeNodes] = useState<DraggableItem<TreeFlatListItem>[]>([]);\n const treeId = useId();\n\n useEffect(() => {\n const listToTreeNodes = listToTree(nodes);\n setTreeNodes(listToTreeNodes);\n }, [nodes]);\n\n const onNodeClick = (id: NullableString) => {\n if (multiSelectMode) {\n const modifiedSelectedIds: NullableString[] = activeIds.includes(id)\n ? [...activeIds].filter((i) => i !== id)\n : [...activeIds, id];\n\n setActiveIds(modifiedSelectedIds);\n onSelect(modifiedSelectedIds);\n } else {\n setActiveIds([id]);\n onSelect([id]);\n }\n };\n\n const handleDrop = onDragAndDrop\n ? (\n targetItem: DraggableItem<TreeFlatListItem>,\n sourceItem: DraggableItem<TreeFlatListItem>,\n position: DropZonePosition,\n ) => {\n const getPositionBeforeId = () => {\n switch (position) {\n case DropZonePosition.After:\n const sameLevelNodes = nodes.filter((node) => node.parentId === targetItem.parentId);\n sameLevelNodes.sort(draggableItemCompareFn);\n const targetItemIndex = sameLevelNodes.findIndex((item) => item.id === targetItem.id);\n if (targetItemIndex === sameLevelNodes.length - 1) {\n return null;\n } else {\n return sameLevelNodes[targetItemIndex + 1].id;\n }\n case DropZonePosition.Before:\n return targetItem.id;\n case DropZonePosition.Within:\n return null;\n }\n };\n\n const parentId = position === DropZonePosition.Within ? targetItem.id : targetItem.parentId;\n const positionBeforeId = getPositionBeforeId();\n onDragAndDrop(sourceItem.id, parentId, positionBeforeId);\n }\n : undefined;\n\n const handleEditableSave = onEditableSave\n ? (targetItemId: string, value: string) => {\n onEditableSave(targetItemId, value);\n }\n : undefined;\n\n const downKeyHandler = (event: KeyboardEvent) => {\n if (event.key === 'Meta' \|\| event.ctrlKey) {\n setMultiSelectMode(true);\n } else {\n setMultiSelectMode(false);\n }\n };\n\n const upKeyHandler = (event: KeyboardEvent) => {\n if (event.key === 'Meta' \|\| event.ctrlKey) {\n setMultiSelectMode(false);\n }\n };\n\n useEffect(() => {\n window.addEventListener('keydown', downKeyHandler);\n window.addEventListener('keyup', upKeyHandler);\n\n return () => {\n window.removeEventListener('keydown', downKeyHandler);\n window.removeEventListener('keyup', upKeyHandler);\n };\n }, []);\n\n return (\n <ul\n id={treeId}\n data-test-id=\"tree\"\n className=\"tw-p-0 tw-m-0 tw-font-sans tw-font-normal tw-list-none tw-text-left tw-text-sm tw-select-none\"\n >\n <DndWrapper id={treeId}>\n {renderNodeArray({\n nodes: treeNodes,\n treeId,\n activeIds,\n onClick: onNodeClick,\n onDrop: handleDrop,\n onEditableSave: handleEditableSave,\n })}\n </DndWrapper>\n </ul>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

package/dist/components/Tree/utils/mocks.es.js CHANGED Viewed

@@ -1337,6 +1337,18 @@ import "../../../foundation/Icon/Generated/IconSide16.es.js";
 import "../../../foundation/Icon/Generated/IconSide20.es.js";
 import "../../../foundation/Icon/Generated/IconSide24.es.js";
 import "../../../foundation/Icon/Generated/IconSide32.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarLeft.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarLeft12.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarLeft16.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarLeft20.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarLeft24.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarLeft32.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarRight.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarRight12.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarRight16.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarRight20.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarRight24.es.js";
+import "../../../foundation/Icon/Generated/IconSidebarRight32.es.js";
 import "../../../foundation/Icon/Generated/IconSketch.es.js";
 import "../../../foundation/Icon/Generated/IconSketch12.es.js";
 import "../../../foundation/Icon/Generated/IconSketch16.es.js";
@@ -1692,22 +1704,22 @@ import "../../../utilities/dnd/DndWrapper.es.js";
 import "react-dnd-html5-backend";
 import "@udecode/plate";
 import "../../RichTextEditor/context/RichTextEditorContext.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/index.es.js";
+import "../../RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import "../../RichTextEditor/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
+import "../../RichTextEditor/Plugins/CheckboxListPlugin/index.es.js";
 import "slate-react";
-import "../../RichTextEditor/EditorActions/Plugins/LinkPlugin/index.es.js";
+import "../../RichTextEditor/Plugins/LinkPlugin/index.es.js";
 import "slate";
 import "../../RichTextEditor/EditorPositioningWrapper/index.es.js";
-import "../../RichTextEditor/EditorActions/Plugins/index.es.js";
+import "../../RichTextEditor/Plugins/index.es.js";
 import "@react-stately/table";
 import "react-textarea-autosize";
 r.Small, r.Small, r.Small, r.Small, r.Small;
@@ -1750,7 +1762,7 @@ const a = [
   {
     id: "1-2-1",
     parentId: "1-2",
-    name: "Home Category",
+    name: "Home Category Test Category Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
     label: "Home Page",
     value: "https://weare.frontify.com/page/4",
     icon: /* @__PURE__ */ t.createElement(i, {
@@ -1778,7 +1790,7 @@ const a = [
   {
     id: "1-2-3",
     parentId: "1-2",
-    name: "About us Category",
+    name: "About us Category Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur quis tellus id elementum.",
     label: "About Us Page",
     value: "https://weare.frontify.com/page/6",
     icon: /* @__PURE__ */ t.createElement(i, {

package/dist/components/Tree/utils/mocks.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mocks.es.js","sources":["../../../../src/components/Tree/utils/mocks.tsx"],"sourcesContent":["import { MenuItemContentSize } from '@components/MenuItem';\nimport { IconDocument, IconFaceExtraHappy, IconFolder, IconPlus, IconSize } from '@foundation/Icon';\nimport React from 'react';\nimport { TreeFlatListItem, TreeNodeItem } from '@components/Tree';\nimport { DraggableItem } from '@utilities/dnd';\nimport { Badge } from '../../..';\nimport { Button, ButtonSize } from '@components/Button';\n\nexport const mockActionMenuBlocks = [\n {\n id: 'dropdownBlock',\n ariaLabel: 'Dropdown block',\n menuItems: [\n {\n id: 'dropdown',\n size: MenuItemContentSize.Small,\n title: 'Dropdown',\n onClick: () => console.log('dropdown'),\n },\n ],\n },\n {\n id: 'actionsBlock',\n ariaLabel: 'Item Actions',\n menuItems: [\n {\n id: 'rename',\n size: MenuItemContentSize.Small,\n title: 'Rename',\n onClick: () => console.log('rename'),\n },\n {\n id: 'duplicate',\n size: MenuItemContentSize.Small,\n title: 'Duplicate',\n onClick: () => console.log('duplicate'),\n },\n {\n id: 'unpublish',\n size: MenuItemContentSize.Small,\n title: 'Unpublish',\n onClick: () => console.log('unpublish'),\n },\n ],\n },\n {\n id: 'deleteBlock',\n ariaLabel: 'Delete Block',\n menuItems: [\n {\n id: 'delete',\n size: MenuItemContentSize.Small,\n title: 'Delete',\n onClick: () => console.log('delete'),\n },\n ],\n },\n];\n\nconst uncategorizedPagesNodes = [\n {\n id: '1-1-1',\n parentId: '1-1',\n sort: 1,\n name: 'Home',\n label: 'Page',\n value: 'https://weare.frontify.com/page/1',\n icon: <IconDocument size={IconSize.Size16} />,\n },\n {\n id: '1-1-2',\n parentId: '1-1',\n name: 'Members',\n label: 'Page',\n value: 'https://weare.frontify.com/page/2',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n },\n {\n id: '1-1-3',\n parentId: '1-1',\n name: 'About us',\n label: 'Page',\n value: 'https://weare.frontify.com/page/3',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n editable: true,\n },\n];\n\nconst testCategoryNodes = [\n {\n id: '1-2-1',\n parentId: '1-2',\n name: 'Home Category',\n label: 'Home Page',\n value: 'https://weare.frontify.com/page/4',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n badge: <Badge icon={<IconFaceExtraHappy size={IconSize.Size16} />}></Badge>,\n editable: true,\n },\n {\n id: '1-2-2',\n parentId: '1-2',\n name: 'Members Category',\n label: 'Members Page',\n value: 'https://weare.frontify.com/page/5',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n },\n {\n id: '1-2-3',\n parentId: '1-2',\n name: 'About us Category',\n label: 'About Us Page',\n value: 'https://weare.frontify.com/page/6',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n badge: <Badge>Hello, I am a badge</Badge>,\n },\n];\n\ntype mockNodeType = () => DraggableItem<TreeFlatListItem>[];\n\nexport const mockNodesFlat: mockNodeType = () => [\n {\n id: '1',\n name: 'Design System Testing',\n label: 'Document',\n value: 'https://weare.frontify.com/document/1',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [<Button key={'Design System Testing'} size={ButtonSize.Small} icon={<IconPlus></IconPlus>} />],\n parentId: null,\n sort: 1,\n editable: true,\n },\n {\n id: '1-1',\n name: 'Uncategorizes Pages',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [\n <Button\n key={'Design System Testing Uncategorizes Pages'}\n size={ButtonSize.Small}\n icon={<IconPlus></IconPlus>}\n />,\n ],\n parentId: '1',\n sort: 1,\n },\n ...uncategorizedPagesNodes,\n {\n id: '1-2',\n parentId: '1',\n name: 'Test Category',\n label: 'Document',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [\n <Button\n key={'Design System Testing Uncategorizes Pages Test'}\n size={ButtonSize.Small}\n icon={<IconPlus></IconPlus>}\n />,\n ],\n value: 'https://weare.frontify.com/document/923#/test',\n sort: null,\n badge: <IconFaceExtraHappy size={IconSize.Size16} />,\n },\n ...testCategoryNodes,\n {\n id: '1-3',\n name: 'Category Without Subitems',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [\n <Button\n key={'Design System Testing Uncategorizes Pages Test Subitems'}\n size={ButtonSize.Small}\n icon={<IconPlus></IconPlus>}\n />,\n ],\n parentId: '1',\n value: 'https://weare.frontify.com/document/923#/test',\n sort: null,\n },\n];\n\nexport const mockNodesTree: DraggableItem<TreeNodeItem>[] = [\n {\n id: '1',\n name: 'Design System Testing',\n label: 'Document',\n value: 'https://weare.frontify.com/document/1',\n icon: <IconFolder size={IconSize.Size16} />,\n parentId: null,\n sort: 1,\n nodes: [\n {\n id: '1-1',\n name: 'Uncategorizes Pages',\n icon: <IconFolder size={IconSize.Size16} />,\n parentId: '1',\n sort: 1,\n nodes: [...uncategorizedPagesNodes],\n },\n {\n id: '1-2',\n parentId: '1',\n name: 'Test Category',\n label: 'Document',\n icon: <IconFolder size={IconSize.Size16} />,\n value: 'https://weare.frontify.com/document/923#/test',\n sort: null,\n nodes: [...testCategoryNodes],\n },\n ],\n },\n];\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQoC,AAOd,EAAoB,OAYpB,EAAoB,OAMpB,EAAoB,OAMpB,EAAoB,OAYpB,EAAoB;AAQ1C,MAAM,IAA0B;AAAA,EAC5B;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,EAC/C;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,IACN,UAAU;AAAA,EACd;AACJ,GAEM,IAAoB;AAAA,EACtB;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,IACN,OAAQ,kBAAA,cAAA,GAAA;AAAA,MAAM,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAmB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACnE,UAAU;AAAA,EACd;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,IACN,OAAQ,kBAAA,cAAA,GAAA,MAAM,qBAAmB;AAAA,EACrC;AACJ;AAkE4D,AAM7C,GAAiB,EAAS,QAOlB,GAAiB,EAAS,QAG1B,CAAC,GAAG,CAAuB,GAO3B,GAAiB,EAAS,QAG1B,CAAC,GAAG,CAAiB;"}
1	+ {"version":3,"file":"mocks.es.js","sources":["../../../../src/components/Tree/utils/mocks.tsx"],"sourcesContent":["import { MenuItemContentSize } from '@components/MenuItem';\nimport { IconDocument, IconFaceExtraHappy, IconFolder, IconPlus, IconSize } from '@foundation/Icon';\nimport React from 'react';\nimport { TreeFlatListItem, TreeNodeItem } from '@components/Tree';\nimport { DraggableItem } from '@utilities/dnd';\nimport { Badge } from '../../..';\nimport { Button, ButtonSize } from '@components/Button';\n\nexport const mockActionMenuBlocks = [\n {\n id: 'dropdownBlock',\n ariaLabel: 'Dropdown block',\n menuItems: [\n {\n id: 'dropdown',\n size: MenuItemContentSize.Small,\n title: 'Dropdown',\n onClick: () => console.log('dropdown'),\n },\n ],\n },\n {\n id: 'actionsBlock',\n ariaLabel: 'Item Actions',\n menuItems: [\n {\n id: 'rename',\n size: MenuItemContentSize.Small,\n title: 'Rename',\n onClick: () => console.log('rename'),\n },\n {\n id: 'duplicate',\n size: MenuItemContentSize.Small,\n title: 'Duplicate',\n onClick: () => console.log('duplicate'),\n },\n {\n id: 'unpublish',\n size: MenuItemContentSize.Small,\n title: 'Unpublish',\n onClick: () => console.log('unpublish'),\n },\n ],\n },\n {\n id: 'deleteBlock',\n ariaLabel: 'Delete Block',\n menuItems: [\n {\n id: 'delete',\n size: MenuItemContentSize.Small,\n title: 'Delete',\n onClick: () => console.log('delete'),\n },\n ],\n },\n];\n\nconst uncategorizedPagesNodes = [\n {\n id: '1-1-1',\n parentId: '1-1',\n sort: 1,\n name: 'Home',\n label: 'Page',\n value: 'https://weare.frontify.com/page/1',\n icon: <IconDocument size={IconSize.Size16} />,\n },\n {\n id: '1-1-2',\n parentId: '1-1',\n name: 'Members',\n label: 'Page',\n value: 'https://weare.frontify.com/page/2',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n },\n {\n id: '1-1-3',\n parentId: '1-1',\n name: 'About us',\n label: 'Page',\n value: 'https://weare.frontify.com/page/3',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n editable: true,\n },\n];\n\nconst testCategoryNodes = [\n {\n id: '1-2-1',\n parentId: '1-2',\n name: 'Home Category Test Category Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n label: 'Home Page',\n value: 'https://weare.frontify.com/page/4',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n badge: <Badge icon={<IconFaceExtraHappy size={IconSize.Size16} />}></Badge>,\n editable: true,\n },\n {\n id: '1-2-2',\n parentId: '1-2',\n name: 'Members Category',\n label: 'Members Page',\n value: 'https://weare.frontify.com/page/5',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n },\n {\n id: '1-2-3',\n parentId: '1-2',\n name: 'About us Category Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur quis tellus id elementum.',\n label: 'About Us Page',\n value: 'https://weare.frontify.com/page/6',\n icon: <IconDocument size={IconSize.Size16} />,\n sort: null,\n badge: <Badge>Hello, I am a badge</Badge>,\n },\n];\n\ntype mockNodeType = () => DraggableItem<TreeFlatListItem>[];\n\nexport const mockNodesFlat: mockNodeType = () => [\n {\n id: '1',\n name: 'Design System Testing',\n label: 'Document',\n value: 'https://weare.frontify.com/document/1',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [<Button key={'Design System Testing'} size={ButtonSize.Small} icon={<IconPlus></IconPlus>} />],\n parentId: null,\n sort: 1,\n editable: true,\n },\n {\n id: '1-1',\n name: 'Uncategorizes Pages',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [\n <Button\n key={'Design System Testing Uncategorizes Pages'}\n size={ButtonSize.Small}\n icon={<IconPlus></IconPlus>}\n />,\n ],\n parentId: '1',\n sort: 1,\n },\n ...uncategorizedPagesNodes,\n {\n id: '1-2',\n parentId: '1',\n name: 'Test Category Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n label: 'Document',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [\n <Button\n key={'Design System Testing Uncategorizes Pages Test'}\n size={ButtonSize.Small}\n icon={<IconPlus></IconPlus>}\n />,\n ],\n value: 'https://weare.frontify.com/document/923#/test',\n sort: null,\n badge: <IconFaceExtraHappy size={IconSize.Size16} />,\n },\n ...testCategoryNodes,\n {\n id: '1-3',\n name: 'Category Without Subitems',\n icon: <IconFolder size={IconSize.Size16} />,\n actions: [\n <Button\n key={'Design System Testing Uncategorizes Pages Test Subitems'}\n size={ButtonSize.Small}\n icon={<IconPlus></IconPlus>}\n />,\n ],\n parentId: '1',\n value: 'https://weare.frontify.com/document/923#/test',\n sort: null,\n },\n];\n\nexport const mockNodesTree: DraggableItem<TreeNodeItem>[] = [\n {\n id: '1',\n name: 'Design System Testing',\n label: 'Document',\n value: 'https://weare.frontify.com/document/1',\n icon: <IconFolder size={IconSize.Size16} />,\n parentId: null,\n sort: 1,\n nodes: [\n {\n id: '1-1',\n name: 'Uncategorizes Pages',\n icon: <IconFolder size={IconSize.Size16} />,\n parentId: '1',\n sort: 1,\n nodes: [...uncategorizedPagesNodes],\n },\n {\n id: '1-2',\n parentId: '1',\n name: 'Test Category',\n label: 'Document',\n icon: <IconFolder size={IconSize.Size16} />,\n value: 'https://weare.frontify.com/document/923#/test',\n sort: null,\n nodes: [...testCategoryNodes],\n },\n ],\n },\n];\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQoC,AAOd,EAAoB,OAYpB,EAAoB,OAMpB,EAAoB,OAMpB,EAAoB,OAYpB,EAAoB;AAQ1C,MAAM,IAA0B;AAAA,EAC5B;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,EAC/C;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,IACN,UAAU;AAAA,EACd;AACJ,GAEM,IAAoB;AAAA,EACtB;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,IACN,OAAQ,kBAAA,cAAA,GAAA;AAAA,MAAM,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAmB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACnE,UAAU;AAAA,EACd;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAa,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,IAC3C,MAAM;AAAA,IACN,OAAQ,kBAAA,cAAA,GAAA,MAAM,qBAAmB;AAAA,EACrC;AACJ;AAkE4D,AAM7C,GAAiB,EAAS,QAOlB,GAAiB,EAAS,QAG1B,CAAC,GAAG,CAAuB,GAO3B,GAAiB,EAAS,QAG1B,CAAC,GAAG,CAAiB;"}

package/dist/components/Trigger/Trigger.es.js CHANGED Viewed

@@ -1341,6 +1341,18 @@ import "../../foundation/Icon/Generated/IconSide16.es.js";
 import "../../foundation/Icon/Generated/IconSide20.es.js";
 import "../../foundation/Icon/Generated/IconSide24.es.js";
 import "../../foundation/Icon/Generated/IconSide32.es.js";
+import "../../foundation/Icon/Generated/IconSidebarLeft.es.js";
+import "../../foundation/Icon/Generated/IconSidebarLeft12.es.js";
+import "../../foundation/Icon/Generated/IconSidebarLeft16.es.js";
+import "../../foundation/Icon/Generated/IconSidebarLeft20.es.js";
+import "../../foundation/Icon/Generated/IconSidebarLeft24.es.js";
+import "../../foundation/Icon/Generated/IconSidebarLeft32.es.js";
+import "../../foundation/Icon/Generated/IconSidebarRight.es.js";
+import "../../foundation/Icon/Generated/IconSidebarRight12.es.js";
+import "../../foundation/Icon/Generated/IconSidebarRight16.es.js";
+import "../../foundation/Icon/Generated/IconSidebarRight20.es.js";
+import "../../foundation/Icon/Generated/IconSidebarRight24.es.js";
+import "../../foundation/Icon/Generated/IconSidebarRight32.es.js";
 import "../../foundation/Icon/Generated/IconSketch.es.js";
 import "../../foundation/Icon/Generated/IconSketch12.es.js";
 import "../../foundation/Icon/Generated/IconSketch16.es.js";
@@ -1642,7 +1654,7 @@ import "../../foundation/Icon/Generated/IconWorkflowShapes24.es.js";
 import "../../foundation/Icon/Generated/IconWorkflowShapes32.es.js";
 import "../../foundation/Icon/IconsMap.es.js";
 var S = /* @__PURE__ */ ((o) => (o.Small = "Small", o.Large = "Large", o))(S || {});
-const XN = ({
+const nV = ({
   buttonProps: o,
   onClear: a,
   onDelete: l,
@@ -1709,7 +1721,7 @@ const XN = ({
   })))));
 };
 export {
-  XN as Trigger,
+  nV as Trigger,
   S as TriggerSize
 };
 //# sourceMappingURL=Trigger.es.js.map

package/dist/components/Trigger/Trigger.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Trigger.es.js","sources":["../../../src/components/Trigger/Trigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport IconCaretDown from '@foundation/Icon/Generated/IconCaretDown';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { Validation, validationClassMap } from '@utilities/validation';\nimport React, { FC, HTMLAttributes } from 'react';\nimport { IconCross, IconTrashBin } from '@foundation/Icon';\n\nexport enum TriggerSize {\n Small = 'Small',\n Large = 'Large',\n}\n\nexport type TriggerProps = {\n disabled?: boolean;\n isOpen?: boolean;\n onClear?: () => void;\n onDelete?: () => void;\n buttonProps?: HTMLAttributes<HTMLElement>;\n isFocusVisible?: boolean;\n size?: TriggerSize;\n showClear?: boolean;\n validation?: Validation;\n};\n\nexport const Trigger: FC<TriggerProps> = ({\n buttonProps,\n onClear,\n onDelete,\n children,\n disabled = false,\n isOpen = false,\n isFocusVisible = false,\n size = TriggerSize.Small,\n showClear = false,\n validation = Validation.Default,\n}) => {\n const { focusProps: clearableFocusProps, isFocusVisible: isClearFocusVisible } = useFocusRing();\n const { focusProps: onDeleteFocusProps, isFocusVisible: isOnDeleteFocusVisible } = useFocusRing();\n\n return (\n <div\n data-test-id=\"trigger\"\n className={merge([\n 'tw-group tw-relative tw-flex tw-w-full tw-items-center tw-justify-between tw-border tw-rounded tw-transition-colors tw-min-h-[36px]',\n isFocusVisible && FOCUS_STYLE,\n disabled\n ? 'tw-border-black-5 tw-bg-black-5 tw-pointer-events-none'\n : merge([\n 'tw-bg-white hover:tw-border-black-90',\n isOpen ? 'tw-border-black-100' : 'tw-border-black-20',\n validationClassMap[validation],\n ]),\n ])}\n >\n {children}\n <div\n className={merge([\n 'tw-flex-none tw-flex tw-items-center tw-absolute',\n size === TriggerSize.Large ? 'tw-right-5 tw-gap-1.5' : 'tw-right-3 tw-gap-1',\n ])}\n >\n {showClear && (\n <button\n {...clearableFocusProps}\n data-test-id=\"dropdown-clear-button\"\n aria-label=\"Clear selection\"\n type=\"button\"\n className={merge([\n isClearFocusVisible && FOCUS_STYLE,\n disabled ? 'tw-pointer-events-none tw-text-black-40' : 'tw-text-black-80',\n ])}\n onClick={() => !!onClear && onClear()}\n >\n <IconCross size={IconSize.Size12} />\n </button>\n )}\n {!!onDelete && (\n <button\n {...onDeleteFocusProps}\n data-test-id=\"dropdown-delete-button\"\n aria-label=\"Delete selection\"\n type=\"button\"\n className={merge([\n isOnDeleteFocusVisible && FOCUS_STYLE,\n disabled ? 'tw-pointer-events-none tw-text-black-40' : 'tw-text-black-80',\n ])}\n onClick={onDelete}\n >\n <IconTrashBin size={IconSize.Size12} />\n </button>\n )}\n <button\n {...buttonProps}\n aria-hidden=\"true\"\n type=\"button\"\n className={merge([\n disabled\n ? 'tw-pointer-events-none tw-text-black-40'\n : merge(['group-hover:tw-text-black', isOpen ? 'tw-text-black-100' : 'tw-text-black-80']),\n ])}\n >\n <div className={merge(['tw-transition-transform', isOpen && 'tw-rotate-180'])}>\n <IconCaretDown size={IconSize.Size16} />\n </div>\n </button>\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWY,IAAA,sBAAA,MACA,GAAA,QAAA,SACA,EAAA,QAAA,SAFA,IAAA,KAAA,CAAA,CAAA;AAiBL,MAAM,KAA4B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAW;AAAA,EACX,YAAS;AAAA,EACT,oBAAiB;AAAA,EACjB,UAAO;AAAA,EACP,eAAY;AAAA,EACZ,gBAAa,EAAW;AAAA,MACtB;AACF,QAAM,EAAE,YAAY,GAAqB,gBAAgB,MAAwB,KAC3E,EAAE,YAAY,GAAoB,gBAAgB,MAA2B;AAEnF,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAW,EAAM;AAAA,MACb;AAAA,MACA,KAAkB;AAAA,MAClB,IACM,2DACA,EAAM;AAAA,QACF;AAAA,QACA,IAAS,wBAAwB;AAAA,QACjC,EAAmB;AAAA,MAAA,CACtB;AAAA,IAAA,CACV;AAAA,EAAA,GAEA,GACA,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM;AAAA,MACb;AAAA,MACA,MAAS,UAAoB,0BAA0B;AAAA,IAAA,CAC1D;AAAA,EAAA,GAEA,KACI,kBAAA,cAAA,UAAA;AAAA,IACI,GAAG;AAAA,IACJ,gBAAa;AAAA,IACb,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAM;AAAA,MACb,KAAuB;AAAA,MACvB,IAAW,4CAA4C;AAAA,IAAA,CAC1D;AAAA,IACD,SAAS,MAAM,CAAC,CAAC,KAAW,EAAQ;AAAA,EAAA,GAEnC,kBAAA,cAAA,GAAA;AAAA,IAAU,MAAM,EAAS;AAAA,EAAA,CAAQ,CACtC,GAEH,CAAC,CAAC,KACE,kBAAA,cAAA,UAAA;AAAA,IACI,GAAG;AAAA,IACJ,gBAAa;AAAA,IACb,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAM;AAAA,MACb,KAA0B;AAAA,MAC1B,IAAW,4CAA4C;AAAA,IAAA,CAC1D;AAAA,IACD,SAAS;AAAA,EAAA,GAER,kBAAA,cAAA,GAAA;AAAA,IAAa,MAAM,EAAS;AAAA,EAAQ,CAAA,CACzC,GAEH,kBAAA,cAAA,UAAA;AAAA,IACI,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,WAAW,EAAM;AAAA,MACb,IACM,4CACA,EAAM,CAAC,6BAA6B,IAAS,sBAAsB,kBAAkB,CAAC;AAAA,IAAA,CAC/F;AAAA,EAAA,GAEA,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAW,EAAM,CAAC,2BAA2B,KAAU,eAAe,CAAC;AAAA,EAAA,GACvE,kBAAA,cAAA,GAAA;AAAA,IAAc,MAAM,EAAS;AAAA,EAAA,CAAQ,CAC1C,CACJ,CACJ,CACJ;AAER;"}
1	+ {"version":3,"file":"Trigger.es.js","sources":["../../../src/components/Trigger/Trigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport IconCaretDown from '@foundation/Icon/Generated/IconCaretDown';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { Validation, validationClassMap } from '@utilities/validation';\nimport React, { FC, HTMLAttributes } from 'react';\nimport { IconCross, IconTrashBin } from '@foundation/Icon';\n\nexport enum TriggerSize {\n Small = 'Small',\n Large = 'Large',\n}\n\nexport type TriggerProps = {\n disabled?: boolean;\n isOpen?: boolean;\n onClear?: () => void;\n onDelete?: () => void;\n buttonProps?: HTMLAttributes<HTMLElement>;\n isFocusVisible?: boolean;\n size?: TriggerSize;\n showClear?: boolean;\n validation?: Validation;\n};\n\nexport const Trigger: FC<TriggerProps> = ({\n buttonProps,\n onClear,\n onDelete,\n children,\n disabled = false,\n isOpen = false,\n isFocusVisible = false,\n size = TriggerSize.Small,\n showClear = false,\n validation = Validation.Default,\n}) => {\n const { focusProps: clearableFocusProps, isFocusVisible: isClearFocusVisible } = useFocusRing();\n const { focusProps: onDeleteFocusProps, isFocusVisible: isOnDeleteFocusVisible } = useFocusRing();\n\n return (\n <div\n data-test-id=\"trigger\"\n className={merge([\n 'tw-group tw-relative tw-flex tw-w-full tw-items-center tw-justify-between tw-border tw-rounded tw-transition-colors tw-min-h-[36px]',\n isFocusVisible && FOCUS_STYLE,\n disabled\n ? 'tw-border-black-5 tw-bg-black-5 tw-pointer-events-none'\n : merge([\n 'tw-bg-white hover:tw-border-black-90',\n isOpen ? 'tw-border-black-100' : 'tw-border-black-20',\n validationClassMap[validation],\n ]),\n ])}\n >\n {children}\n <div\n className={merge([\n 'tw-flex-none tw-flex tw-items-center tw-absolute',\n size === TriggerSize.Large ? 'tw-right-5 tw-gap-1.5' : 'tw-right-3 tw-gap-1',\n ])}\n >\n {showClear && (\n <button\n {...clearableFocusProps}\n data-test-id=\"dropdown-clear-button\"\n aria-label=\"Clear selection\"\n type=\"button\"\n className={merge([\n isClearFocusVisible && FOCUS_STYLE,\n disabled ? 'tw-pointer-events-none tw-text-black-40' : 'tw-text-black-80',\n ])}\n onClick={() => !!onClear && onClear()}\n >\n <IconCross size={IconSize.Size12} />\n </button>\n )}\n {!!onDelete && (\n <button\n {...onDeleteFocusProps}\n data-test-id=\"dropdown-delete-button\"\n aria-label=\"Delete selection\"\n type=\"button\"\n className={merge([\n isOnDeleteFocusVisible && FOCUS_STYLE,\n disabled ? 'tw-pointer-events-none tw-text-black-40' : 'tw-text-black-80',\n ])}\n onClick={onDelete}\n >\n <IconTrashBin size={IconSize.Size12} />\n </button>\n )}\n <button\n {...buttonProps}\n aria-hidden=\"true\"\n type=\"button\"\n className={merge([\n disabled\n ? 'tw-pointer-events-none tw-text-black-40'\n : merge(['group-hover:tw-text-black', isOpen ? 'tw-text-black-100' : 'tw-text-black-80']),\n ])}\n >\n <div className={merge(['tw-transition-transform', isOpen && 'tw-rotate-180'])}>\n <IconCaretDown size={IconSize.Size16} />\n </div>\n </button>\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWY,IAAA,sBAAA,MACA,GAAA,QAAA,SACA,EAAA,QAAA,SAFA,IAAA,KAAA,CAAA,CAAA;AAiBL,MAAM,KAA4B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAW;AAAA,EACX,YAAS;AAAA,EACT,oBAAiB;AAAA,EACjB,UAAO;AAAA,EACP,eAAY;AAAA,EACZ,gBAAa,EAAW;AAAA,MACtB;AACF,QAAM,EAAE,YAAY,GAAqB,gBAAgB,MAAwB,KAC3E,EAAE,YAAY,GAAoB,gBAAgB,MAA2B;AAEnF,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAW,EAAM;AAAA,MACb;AAAA,MACA,KAAkB;AAAA,MAClB,IACM,2DACA,EAAM;AAAA,QACF;AAAA,QACA,IAAS,wBAAwB;AAAA,QACjC,EAAmB;AAAA,MAAA,CACtB;AAAA,IAAA,CACV;AAAA,EAAA,GAEA,GACA,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM;AAAA,MACb;AAAA,MACA,MAAS,UAAoB,0BAA0B;AAAA,IAAA,CAC1D;AAAA,EAAA,GAEA,KACI,kBAAA,cAAA,UAAA;AAAA,IACI,GAAG;AAAA,IACJ,gBAAa;AAAA,IACb,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAM;AAAA,MACb,KAAuB;AAAA,MACvB,IAAW,4CAA4C;AAAA,IAAA,CAC1D;AAAA,IACD,SAAS,MAAM,CAAC,CAAC,KAAW,EAAQ;AAAA,EAAA,GAEnC,kBAAA,cAAA,GAAA;AAAA,IAAU,MAAM,EAAS;AAAA,EAAA,CAAQ,CACtC,GAEH,CAAC,CAAC,KACE,kBAAA,cAAA,UAAA;AAAA,IACI,GAAG;AAAA,IACJ,gBAAa;AAAA,IACb,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAM;AAAA,MACb,KAA0B;AAAA,MAC1B,IAAW,4CAA4C;AAAA,IAAA,CAC1D;AAAA,IACD,SAAS;AAAA,EAAA,GAER,kBAAA,cAAA,GAAA;AAAA,IAAa,MAAM,EAAS;AAAA,EAAQ,CAAA,CACzC,GAEH,kBAAA,cAAA,UAAA;AAAA,IACI,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,WAAW,EAAM;AAAA,MACb,IACM,4CACA,EAAM,CAAC,6BAA6B,IAAS,sBAAsB,kBAAkB,CAAC;AAAA,IAAA,CAC/F;AAAA,EAAA,GAEA,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAW,EAAM,CAAC,2BAA2B,KAAU,eAAe,CAAC;AAAA,EAAA,GACvE,kBAAA,cAAA,GAAA;AAAA,IAAc,MAAM,EAAS;AAAA,EAAA,CAAQ,CAC1C,CACJ,CACJ,CACJ;AAER;"}

package/dist/foundation/Icon/Generated/IconArrowCircleUp12.es.js CHANGED Viewed

@@ -1,21 +1,30 @@
-import e, { memo as l } from "react";
-function c(t) {
-  const r = "tw-flex tw-items-center tw-justify-center tw-fill-current";
+import e, { memo as r } from "react";
+function a(t) {
+  const l = "tw-flex tw-items-center tw-justify-center tw-fill-current";
   return /* @__PURE__ */ e.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    className: r,
+    className: l,
     name: "IconArrowCircleUp12",
     ...t
+  }, /* @__PURE__ */ e.createElement("g", {
+    fill: "none"
+  }, /* @__PURE__ */ e.createElement("g", {
+    clipPath: "url(#prefix__a)"
   }, /* @__PURE__ */ e.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     d: "M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10Zm0 1A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm.5-7.268 1.621 1.622a.5.5 0 1 0 .707-.708L6.354 3.172 6 2.818l-.354.354-1.52 1.52-.674.674-.205.205-.056.056-.014.014-.004.004-.001.001.353.354-.353-.354a.5.5 0 1 0 .707.708L3.525 6l.354.354v-.002l.005-.003.014-.015.056-.056.205-.205.675-.674.666-.667v3.84a.5.5 0 0 0 1 0v-3.84Z",
     clipRule: "evenodd"
-  }));
+  })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", {
+    id: "prefix__a"
+  }, /* @__PURE__ */ e.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h12v12H0z"
+  })))));
 }
-const n = l(c);
+const n = r(a);
 export {
   n as default
 };

package/dist/foundation/Icon/Generated/IconArrowCircleUp12.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconArrowCircleUp12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowCircleUp12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowCircleUp12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconArrowCircleUp12\"\n {...props}\n >\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10Zm0 1A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm.5-7.268 1.621 1.622a.5.5 0 1 0 .707-.708L6.354 3.172 6 2.818l-.354.354-1.52 1.52-.674.674-.205.205-.056.056-.014.014-.004.004-.001.001.353.354-.353-.354a.5.5 0 1 0 .707.708L3.525 6l.354.354v-.002l.005-.003.014-.015.056-.056.205-.205.675-.674.666-.667v3.84a.5.5 0 0 0 1 0v-3.84Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default memo(IconArrowCircleUp12);\n"],"names":[],"mappings":";AAGA,WAA6B,GAAmE;AAC5F,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,~~EACb~~,~~CAAA~~,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAmB;"}
1	+ {"version":3,"file":"IconArrowCircleUp12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowCircleUp12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowCircleUp12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconArrowCircleUp12\"\n {...props}\n >\n <g fill=\"none\">\n <g clipPath=\"url(#prefix__a)\">\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10Zm0 1A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm.5-7.268 1.621 1.622a.5.5 0 1 0 .707-.708L6.354 3.172 6 2.818l-.354.354-1.52 1.52-.674.674-.205.205-.056.056-.014.014-.004.004-.001.001.353.354-.353-.354a.5.5 0 1 0 .707.708L3.525 6l.354.354v-.002l.005-.003.014-.015.056-.056.205-.205.675-.674.666-.667v3.84a.5.5 0 0 0 1 0v-3.84Z\"\n clipRule=\"evenodd\"\n />\n </g>\n <defs>\n <clipPath id=\"prefix__a\">\n <path fill=\"#fff\" d=\"M0 0h12v12H0z\" />\n </clipPath>\n </defs>\n </g>\n </svg>\n );\n}\n\nexport default memo(IconArrowCircleUp12);\n"],"names":[],"mappings":";AAGA,WAA6B,GAAmE;AAC5F,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,KAAA;AAAA,IAAE,MAAK;AAAA,EAAA,GACH,kBAAA,cAAA,KAAA;AAAA,IAAE,UAAS;AAAA,EAAA,GACP,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA,CACb,CACJ,GACC,kBAAA,cAAA,QAAA,MACI,kBAAA,cAAA,YAAA;AAAA,IAAS,IAAG;AAAA,EAAA,GACR,kBAAA,cAAA,QAAA;AAAA,IAAK,MAAK;AAAA,IAAO,GAAE;AAAA,EAAA,CAAgB,CACxC,CACJ,CACJ,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAmB;"}

package/dist/foundation/Icon/Generated/IconArrowMinimize12.es.js CHANGED Viewed

@@ -1,22 +1,31 @@
-import e, { memo as r } from "react";
-function i(t) {
-  const n = "tw-flex tw-items-center tw-justify-center tw-fill-current";
+import e, { memo as n } from "react";
+function r(t) {
+  const l = "tw-flex tw-items-center tw-justify-center tw-fill-current";
   return /* @__PURE__ */ e.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    className: n,
+    className: l,
     name: "IconArrowMinimize12",
     ...t
+  }, /* @__PURE__ */ e.createElement("g", {
+    fill: "none"
+  }, /* @__PURE__ */ e.createElement("g", {
+    clipPath: "url(#prefix__a)"
   }, /* @__PURE__ */ e.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     d: "M11.354 1.354a.5.5 0 0 0-.707-.708L8 3.293V1.5h-.5.5a.5.5 0 0 0-1 0h.5H7V5h3.5a.5.5 0 0 0 0-1H8.707l2.647-2.646Zm-10.708 10a.5.5 0 0 1 0-.707L3.293 8H1.5a.5.5 0 0 1 0-1H5v3.5H4V8.706l-2.646 2.647a.5.5 0 0 1-.708 0ZM4.5 10.5H5a.5.5 0 0 1-1 0h.5Z",
     clipRule: "evenodd"
-  }));
+  })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", {
+    id: "prefix__a"
+  }, /* @__PURE__ */ e.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h12v12H0z"
+  })))));
 }
-const o = r(i);
+const i = n(r);
 export {
-  o as default
+  i as default
 };
 //# sourceMappingURL=IconArrowMinimize12.es.js.map

package/dist/foundation/Icon/Generated/IconArrowMinimize12.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconArrowMinimize12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowMinimize12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowMinimize12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconArrowMinimize12\"\n {...props}\n >\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M11.354 1.354a.5.5 0 0 0-.707-.708L8 3.293V1.5h-.5.5a.5.5 0 0 0-1 0h.5H7V5h3.5a.5.5 0 0 0 0-1H8.707l2.647-2.646Zm-10.708 10a.5.5 0 0 1 0-.707L3.293 8H1.5a.5.5 0 0 1 0-1H5v3.5H4V8.706l-2.646 2.647a.5.5 0 0 1-.708 0ZM4.5 10.5H5a.5.5 0 0 1-1 0h.5Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default memo(IconArrowMinimize12);\n"],"names":[],"mappings":";AAGA,WAA6B,GAAmE;AAC5F,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,~~EACb~~,~~CAAA~~,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAmB;"}
1	+ {"version":3,"file":"IconArrowMinimize12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowMinimize12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowMinimize12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconArrowMinimize12\"\n {...props}\n >\n <g fill=\"none\">\n <g clipPath=\"url(#prefix__a)\">\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M11.354 1.354a.5.5 0 0 0-.707-.708L8 3.293V1.5h-.5.5a.5.5 0 0 0-1 0h.5H7V5h3.5a.5.5 0 0 0 0-1H8.707l2.647-2.646Zm-10.708 10a.5.5 0 0 1 0-.707L3.293 8H1.5a.5.5 0 0 1 0-1H5v3.5H4V8.706l-2.646 2.647a.5.5 0 0 1-.708 0ZM4.5 10.5H5a.5.5 0 0 1-1 0h.5Z\"\n clipRule=\"evenodd\"\n />\n </g>\n <defs>\n <clipPath id=\"prefix__a\">\n <path fill=\"#fff\" d=\"M0 0h12v12H0z\" />\n </clipPath>\n </defs>\n </g>\n </svg>\n );\n}\n\nexport default memo(IconArrowMinimize12);\n"],"names":[],"mappings":";AAGA,WAA6B,GAAmE;AAC5F,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,KAAA;AAAA,IAAE,MAAK;AAAA,EAAA,GACH,kBAAA,cAAA,KAAA;AAAA,IAAE,UAAS;AAAA,EAAA,GACP,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA,CACb,CACJ,GACC,kBAAA,cAAA,QAAA,MACI,kBAAA,cAAA,YAAA;AAAA,IAAS,IAAG;AAAA,EAAA,GACR,kBAAA,cAAA,QAAA;AAAA,IAAK,MAAK;AAAA,IAAO,GAAE;AAAA,EAAA,CAAgB,CACxC,CACJ,CACJ,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAmB;"}

package/dist/foundation/Icon/Generated/IconArrowMove12.es.js CHANGED Viewed

@@ -1,22 +1,31 @@
-import e, { memo as o } from "react";
-function r(t) {
-  const l = "tw-flex tw-items-center tw-justify-center tw-fill-current";
+import e, { memo as a } from "react";
+function r(l) {
+  const t = "tw-flex tw-items-center tw-justify-center tw-fill-current";
   return /* @__PURE__ */ e.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    className: l,
+    className: t,
     name: "IconArrowMove12",
-    ...t
+    ...l
+  }, /* @__PURE__ */ e.createElement("g", {
+    fill: "none"
+  }, /* @__PURE__ */ e.createElement("g", {
+    clipPath: "url(#prefix__a)"
   }, /* @__PURE__ */ e.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     d: "M3.879 2.854a.5.5 0 0 1 0-.707L5.647.379 6 .025l.354.354 1.768 1.768a.5.5 0 0 1-.708.707L6.5 1.939V5.5h3.56l-.914-.914a.5.5 0 0 1 .707-.707l1.768 1.768.354.353-.354.354-1.768 1.768a.5.5 0 0 1-.707-.708l.915-.914H6.5v3.561l.915-.914a.5.5 0 0 1 .707.707l-1.768 1.768-.354.353-.353-.353-1.768-1.768a.5.5 0 0 1 .707-.707l.914.914V6.5H1.939l.914.914a.5.5 0 0 1-.707.708L.378 6.354.025 6l.353-.353 1.768-1.768a.5.5 0 0 1 .707.707L1.94 5.5H5.5V1.94l-.914.914a.5.5 0 0 1-.707 0Z",
     clipRule: "evenodd"
-  }));
+  })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", {
+    id: "prefix__a"
+  }, /* @__PURE__ */ e.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h12v12H0z"
+  })))));
 }
-const n = o(r);
+const c = a(r);
 export {
-  n as default
+  c as default
 };
 //# sourceMappingURL=IconArrowMove12.es.js.map

package/dist/foundation/Icon/Generated/IconArrowMove12.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconArrowMove12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowMove12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowMove12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconArrowMove12\"\n {...props}\n >\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M3.879 2.854a.5.5 0 0 1 0-.707L5.647.379 6 .025l.354.354 1.768 1.768a.5.5 0 0 1-.708.707L6.5 1.939V5.5h3.56l-.914-.914a.5.5 0 0 1 .707-.707l1.768 1.768.354.353-.354.354-1.768 1.768a.5.5 0 0 1-.707-.708l.915-.914H6.5v3.561l.915-.914a.5.5 0 0 1 .707.707l-1.768 1.768-.354.353-.353-.353-1.768-1.768a.5.5 0 0 1 .707-.707l.914.914V6.5H1.939l.914.914a.5.5 0 0 1-.707.708L.378 6.354.025 6l.353-.353 1.768-1.768a.5.5 0 0 1 .707.707L1.94 5.5H5.5V1.94l-.914.914a.5.5 0 0 1-.707 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default memo(IconArrowMove12);\n"],"names":[],"mappings":";AAGA,WAAyB,GAAmE;AACxF,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,~~EACb~~,~~CAAA~~,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAe;"}
1	+ {"version":3,"file":"IconArrowMove12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowMove12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowMove12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconArrowMove12\"\n {...props}\n >\n <g fill=\"none\">\n <g clipPath=\"url(#prefix__a)\">\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M3.879 2.854a.5.5 0 0 1 0-.707L5.647.379 6 .025l.354.354 1.768 1.768a.5.5 0 0 1-.708.707L6.5 1.939V5.5h3.56l-.914-.914a.5.5 0 0 1 .707-.707l1.768 1.768.354.353-.354.354-1.768 1.768a.5.5 0 0 1-.707-.708l.915-.914H6.5v3.561l.915-.914a.5.5 0 0 1 .707.707l-1.768 1.768-.354.353-.353-.353-1.768-1.768a.5.5 0 0 1 .707-.707l.914.914V6.5H1.939l.914.914a.5.5 0 0 1-.707.708L.378 6.354.025 6l.353-.353 1.768-1.768a.5.5 0 0 1 .707.707L1.94 5.5H5.5V1.94l-.914.914a.5.5 0 0 1-.707 0Z\"\n clipRule=\"evenodd\"\n />\n </g>\n <defs>\n <clipPath id=\"prefix__a\">\n <path fill=\"#fff\" d=\"M0 0h12v12H0z\" />\n </clipPath>\n </defs>\n </g>\n </svg>\n );\n}\n\nexport default memo(IconArrowMove12);\n"],"names":[],"mappings":";AAGA,WAAyB,GAAmE;AACxF,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,KAAA;AAAA,IAAE,MAAK;AAAA,EAAA,GACH,kBAAA,cAAA,KAAA;AAAA,IAAE,UAAS;AAAA,EAAA,GACP,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA,CACb,CACJ,GACC,kBAAA,cAAA,QAAA,MACI,kBAAA,cAAA,YAAA;AAAA,IAAS,IAAG;AAAA,EAAA,GACR,kBAAA,cAAA,QAAA;AAAA,IAAK,MAAK;AAAA,IAAO,GAAE;AAAA,EAAA,CAAgB,CACxC,CACJ,CACJ,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAe;"}

package/dist/foundation/Icon/Generated/IconArrowMove20.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import e, { memo as o } from "react";
+import e, { memo as a } from "react";
 function r(t) {
   const l = "tw-flex tw-items-center tw-justify-center tw-fill-current";
   return /* @__PURE__ */ e.createElement("svg", {
@@ -8,15 +8,24 @@ function r(t) {
     className: l,
     name: "IconArrowMove20",
     ...t
+  }, /* @__PURE__ */ e.createElement("g", {
+    fill: "none"
+  }, /* @__PURE__ */ e.createElement("g", {
+    clipPath: "url(#prefix__a)"
   }, /* @__PURE__ */ e.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     d: "M6.995 5.03a.75.75 0 0 1 0-1.06L9.47 1.495l.53-.53.53.53 2.475 2.475a.75.75 0 0 1-1.06 1.06L10.75 3.837V9.25h5.414l-1.195-1.194a.75.75 0 1 1 1.061-1.06l2.475 2.474.53.53-.53.53-2.475 2.476a.75.75 0 0 1-1.06-1.061l1.194-1.195H10.75v5.415l1.194-1.195a.75.75 0 0 1 1.061 1.06l-2.475 2.476-.53.53-.53-.53-2.475-2.475a.75.75 0 1 1 1.06-1.06l1.195 1.194V10.75H3.836l1.194 1.195a.75.75 0 0 1-1.06 1.06l-2.475-2.474-.53-.53.53-.53L3.97 6.994a.75.75 0 0 1 1.06 1.06L3.836 9.25H9.25V3.836L8.055 5.031a.75.75 0 0 1-1.06 0Z",
     clipRule: "evenodd"
-  }));
+  })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", {
+    id: "prefix__a"
+  }, /* @__PURE__ */ e.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  })))));
 }
-const n = o(r);
+const c = a(r);
 export {
-  n as default
+  c as default
 };
 //# sourceMappingURL=IconArrowMove20.es.js.map

package/dist/foundation/Icon/Generated/IconArrowMove20.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconArrowMove20.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowMove20.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowMove20(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={20}\n height={20}\n className={customClassName}\n name=\"IconArrowMove20\"\n {...props}\n >\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M6.995 5.03a.75.75 0 0 1 0-1.06L9.47 1.495l.53-.53.53.53 2.475 2.475a.75.75 0 0 1-1.06 1.06L10.75 3.837V9.25h5.414l-1.195-1.194a.75.75 0 1 1 1.061-1.06l2.475 2.474.53.53-.53.53-2.475 2.476a.75.75 0 0 1-1.06-1.061l1.194-1.195H10.75v5.415l1.194-1.195a.75.75 0 0 1 1.061 1.06l-2.475 2.476-.53.53-.53-.53-2.475-2.475a.75.75 0 1 1 1.06-1.06l1.195 1.194V10.75H3.836l1.194 1.195a.75.75 0 0 1-1.06 1.06l-2.475-2.474-.53-.53.53-.53L3.97 6.994a.75.75 0 0 1 1.06 1.06L3.836 9.25H9.25V3.836L8.055 5.031a.75.75 0 0 1-1.06 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default memo(IconArrowMove20);\n"],"names":[],"mappings":";AAGA,WAAyB,GAAmE;AACxF,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,~~EACb~~,~~CAAA~~,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAe;"}
1	+ {"version":3,"file":"IconArrowMove20.es.js","sources":["../../../../src/foundation/Icon/Generated/IconArrowMove20.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconArrowMove20(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={20}\n height={20}\n className={customClassName}\n name=\"IconArrowMove20\"\n {...props}\n >\n <g fill=\"none\">\n <g clipPath=\"url(#prefix__a)\">\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M6.995 5.03a.75.75 0 0 1 0-1.06L9.47 1.495l.53-.53.53.53 2.475 2.475a.75.75 0 0 1-1.06 1.06L10.75 3.837V9.25h5.414l-1.195-1.194a.75.75 0 1 1 1.061-1.06l2.475 2.474.53.53-.53.53-2.475 2.476a.75.75 0 0 1-1.06-1.061l1.194-1.195H10.75v5.415l1.194-1.195a.75.75 0 0 1 1.061 1.06l-2.475 2.476-.53.53-.53-.53-2.475-2.475a.75.75 0 1 1 1.06-1.06l1.195 1.194V10.75H3.836l1.194 1.195a.75.75 0 0 1-1.06 1.06l-2.475-2.474-.53-.53.53-.53L3.97 6.994a.75.75 0 0 1 1.06 1.06L3.836 9.25H9.25V3.836L8.055 5.031a.75.75 0 0 1-1.06 0Z\"\n clipRule=\"evenodd\"\n />\n </g>\n <defs>\n <clipPath id=\"prefix__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n </g>\n </svg>\n );\n}\n\nexport default memo(IconArrowMove20);\n"],"names":[],"mappings":";AAGA,WAAyB,GAAmE;AACxF,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,KAAA;AAAA,IAAE,MAAK;AAAA,EAAA,GACH,kBAAA,cAAA,KAAA;AAAA,IAAE,UAAS;AAAA,EAAA,GACP,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA,CACb,CACJ,GACC,kBAAA,cAAA,QAAA,MACI,kBAAA,cAAA,YAAA;AAAA,IAAS,IAAG;AAAA,EAAA,GACR,kBAAA,cAAA,QAAA;AAAA,IAAK,MAAK;AAAA,IAAO,GAAE;AAAA,EAAA,CAAgB,CACxC,CACJ,CACJ,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAe;"}

package/dist/foundation/Icon/Generated/IconFaceExtraHappy12.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import e, { memo as c } from "react";
-function n(t) {
+import e, { memo as l } from "react";
+function c(t) {
   const a = "tw-flex tw-items-center tw-justify-center tw-fill-current";
   return /* @__PURE__ */ e.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8,15 +8,24 @@ function n(t) {
     className: a,
     name: "IconFaceExtraHappy12",
     ...t
+  }, /* @__PURE__ */ e.createElement("g", {
+    fill: "none"
+  }, /* @__PURE__ */ e.createElement("g", {
+    clipPath: "url(#prefix__a)"
   }, /* @__PURE__ */ e.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     d: "M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0Zm1 0A6 6 0 1 1 0 6a6 6 0 0 1 12 0Zm-8.25-.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM9 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM6 9c-.69 0-1.376-.35-1.891-1H7.89c-.514.65-1.2 1-1.89 1Zm0 1c1.416 0 2.646-.961 3.272-2.374C9.407 7.32 9.167 7 8.833 7H3.167c-.334 0-.574.321-.439.626C3.354 9.039 4.584 10 6 10Z",
     clipRule: "evenodd"
-  }));
+  })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", {
+    id: "prefix__a"
+  }, /* @__PURE__ */ e.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h12v12H0z"
+  })))));
 }
-const l = c(n);
+const r = l(c);
 export {
-  l as default
+  r as default
 };
 //# sourceMappingURL=IconFaceExtraHappy12.es.js.map

package/dist/foundation/Icon/Generated/IconFaceExtraHappy12.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconFaceExtraHappy12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconFaceExtraHappy12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconFaceExtraHappy12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconFaceExtraHappy12\"\n {...props}\n >\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0Zm1 0A6 6 0 1 1 0 6a6 6 0 0 1 12 0Zm-8.25-.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM9 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM6 9c-.69 0-1.376-.35-1.891-1H7.89c-.514.65-1.2 1-1.89 1Zm0 1c1.416 0 2.646-.961 3.272-2.374C9.407 7.32 9.167 7 8.833 7H3.167c-.334 0-.574.321-.439.626C3.354 9.039 4.584 10 6 10Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default memo(IconFaceExtraHappy12);\n"],"names":[],"mappings":";AAGA,WAA8B,GAAmE;AAC7F,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,~~EACb~~,~~CAAA~~,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAoB;"}
1	+ {"version":3,"file":"IconFaceExtraHappy12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconFaceExtraHappy12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconFaceExtraHappy12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconFaceExtraHappy12\"\n {...props}\n >\n <g fill=\"none\">\n <g clipPath=\"url(#prefix__a)\">\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0Zm1 0A6 6 0 1 1 0 6a6 6 0 0 1 12 0Zm-8.25-.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM9 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM6 9c-.69 0-1.376-.35-1.891-1H7.89c-.514.65-1.2 1-1.89 1Zm0 1c1.416 0 2.646-.961 3.272-2.374C9.407 7.32 9.167 7 8.833 7H3.167c-.334 0-.574.321-.439.626C3.354 9.039 4.584 10 6 10Z\"\n clipRule=\"evenodd\"\n />\n </g>\n <defs>\n <clipPath id=\"prefix__a\">\n <path fill=\"#fff\" d=\"M0 0h12v12H0z\" />\n </clipPath>\n </defs>\n </g>\n </svg>\n );\n}\n\nexport default memo(IconFaceExtraHappy12);\n"],"names":[],"mappings":";AAGA,WAA8B,GAAmE;AAC7F,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,KAAA;AAAA,IAAE,MAAK;AAAA,EAAA,GACH,kBAAA,cAAA,KAAA;AAAA,IAAE,UAAS;AAAA,EAAA,GACP,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA,CACb,CACJ,GACC,kBAAA,cAAA,QAAA,MACI,kBAAA,cAAA,YAAA;AAAA,IAAS,IAAG;AAAA,EAAA,GACR,kBAAA,cAAA,QAAA;AAAA,IAAK,MAAK;AAAA,IAAO,GAAE;AAAA,EAAA,CAAgB,CACxC,CACJ,CACJ,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAoB;"}

package/dist/foundation/Icon/Generated/IconFaceHappy12.es.js CHANGED Viewed

@@ -1,22 +1,31 @@
 import e, { memo as l } from "react";
-function c(a) {
-  const t = "tw-flex tw-items-center tw-justify-center tw-fill-current";
+function c(t) {
+  const a = "tw-flex tw-items-center tw-justify-center tw-fill-current";
   return /* @__PURE__ */ e.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    className: t,
+    className: a,
     name: "IconFaceHappy12",
-    ...a
+    ...t
+  }, /* @__PURE__ */ e.createElement("g", {
+    fill: "none"
+  }, /* @__PURE__ */ e.createElement("g", {
+    clipPath: "url(#prefix__a)"
   }, /* @__PURE__ */ e.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     d: "M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0Zm1 0A6 6 0 1 1 0 6a6 6 0 0 1 12 0Zm-8.25-.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM9 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.919 7.034a.5.5 0 0 1 .646.281l.001.004a1.658 1.658 0 0 0 .094.175c.077.124.2.293.38.462.355.331.954.687 1.935.687.981 0 1.58-.356 1.935-.687a2.263 2.263 0 0 0 .458-.604.86.86 0 0 0 .016-.033l.001-.004a.5.5 0 0 1 .931.366L8.85 7.5l.466.182-.001.002-.001.003-.003.008-.01.023a2.655 2.655 0 0 1-.16.301c-.114.184-.29.426-.548.668-.525.49-1.363.956-2.618.956s-2.093-.466-2.618-.956a3.263 3.263 0 0 1-.548-.668 2.655 2.655 0 0 1-.16-.301l-.01-.023-.003-.008-.001-.003v-.002L3.1 7.5l-.466.181a.5.5 0 0 1 .285-.647Z",
     clipRule: "evenodd"
-  }));
+  })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", {
+    id: "prefix__a"
+  }, /* @__PURE__ */ e.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h12v12H0z"
+  })))));
 }
-const o = l(c);
+const r = l(c);
 export {
-  o as default
+  r as default
 };
 //# sourceMappingURL=IconFaceHappy12.es.js.map

package/dist/foundation/Icon/Generated/IconFaceHappy12.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconFaceHappy12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconFaceHappy12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconFaceHappy12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconFaceHappy12\"\n {...props}\n >\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0Zm1 0A6 6 0 1 1 0 6a6 6 0 0 1 12 0Zm-8.25-.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM9 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.919 7.034a.5.5 0 0 1 .646.281l.001.004a1.658 1.658 0 0 0 .094.175c.077.124.2.293.38.462.355.331.954.687 1.935.687.981 0 1.58-.356 1.935-.687a2.263 2.263 0 0 0 .458-.604.86.86 0 0 0 .016-.033l.001-.004a.5.5 0 0 1 .931.366L8.85 7.5l.466.182-.001.002-.001.003-.003.008-.01.023a2.655 2.655 0 0 1-.16.301c-.114.184-.29.426-.548.668-.525.49-1.363.956-2.618.956s-2.093-.466-2.618-.956a3.263 3.263 0 0 1-.548-.668 2.655 2.655 0 0 1-.16-.301l-.01-.023-.003-.008-.001-.003v-.002L3.1 7.5l-.466.181a.5.5 0 0 1 .285-.647Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default memo(IconFaceHappy12);\n"],"names":[],"mappings":";AAGA,WAAyB,GAAmE;AACxF,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,~~EACb~~,~~CAAA~~,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAe;"}
1	+ {"version":3,"file":"IconFaceHappy12.es.js","sources":["../../../../src/foundation/Icon/Generated/IconFaceHappy12.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { GeneratedIconProps } from '@foundation/Icon/IconProps';\n\nfunction IconFaceHappy12(props: GeneratedIconProps): React.ReactElement<GeneratedIconProps> {\n const customClassName = 'tw-flex tw-items-center tw-justify-center tw-fill-current';\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={12}\n height={12}\n className={customClassName}\n name=\"IconFaceHappy12\"\n {...props}\n >\n <g fill=\"none\">\n <g clipPath=\"url(#prefix__a)\">\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0Zm1 0A6 6 0 1 1 0 6a6 6 0 0 1 12 0Zm-8.25-.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM9 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.919 7.034a.5.5 0 0 1 .646.281l.001.004a1.658 1.658 0 0 0 .094.175c.077.124.2.293.38.462.355.331.954.687 1.935.687.981 0 1.58-.356 1.935-.687a2.263 2.263 0 0 0 .458-.604.86.86 0 0 0 .016-.033l.001-.004a.5.5 0 0 1 .931.366L8.85 7.5l.466.182-.001.002-.001.003-.003.008-.01.023a2.655 2.655 0 0 1-.16.301c-.114.184-.29.426-.548.668-.525.49-1.363.956-2.618.956s-2.093-.466-2.618-.956a3.263 3.263 0 0 1-.548-.668 2.655 2.655 0 0 1-.16-.301l-.01-.023-.003-.008-.001-.003v-.002L3.1 7.5l-.466.181a.5.5 0 0 1 .285-.647Z\"\n clipRule=\"evenodd\"\n />\n </g>\n <defs>\n <clipPath id=\"prefix__a\">\n <path fill=\"#fff\" d=\"M0 0h12v12H0z\" />\n </clipPath>\n </defs>\n </g>\n </svg>\n );\n}\n\nexport default memo(IconFaceHappy12);\n"],"names":[],"mappings":";AAGA,WAAyB,GAAmE;AACxF,QAAM,IAAkB;AACxB,SACK,kBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,EAAA,GAEH,kBAAA,cAAA,KAAA;AAAA,IAAE,MAAK;AAAA,EAAA,GACH,kBAAA,cAAA,KAAA;AAAA,IAAE,UAAS;AAAA,EAAA,GACP,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA,CACb,CACJ,GACC,kBAAA,cAAA,QAAA,MACI,kBAAA,cAAA,YAAA;AAAA,IAAS,IAAG;AAAA,EAAA,GACR,kBAAA,cAAA,QAAA;AAAA,IAAK,MAAK;AAAA,IAAO,GAAE;AAAA,EAAA,CAAgB,CACxC,CACJ,CACJ,CACJ;AAER;AAEA,MAAe,IAAA,EAAK,CAAe;"}

package/dist/foundation/Icon/Generated/IconFaceHappy12Filled.es.js CHANGED Viewed

@@ -8,15 +8,24 @@ function c(l) {
     className: t,
     name: "IconFaceHappy12Filled",
     ...l
+  }, /* @__PURE__ */ e.createElement("g", {
+    fill: "none"
+  }, /* @__PURE__ */ e.createElement("g", {
+    clipPath: "url(#prefix__a)"
   }, /* @__PURE__ */ e.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     d: "M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12ZM3.75 5.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM9 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.919 7.034a.5.5 0 0 1 .646.281l.001.004a1.658 1.658 0 0 0 .094.175c.077.124.2.293.38.462.355.331.954.687 1.935.687.981 0 1.58-.356 1.935-.687a2.263 2.263 0 0 0 .458-.604.86.86 0 0 0 .016-.033l.001-.004a.5.5 0 0 1 .931.366L8.85 7.5l.466.182-.001.002-.001.003-.003.008-.01.023a2.655 2.655 0 0 1-.16.301c-.114.184-.29.426-.548.668-.525.49-1.363.956-2.618.956s-2.093-.466-2.618-.956a3.263 3.263 0 0 1-.548-.668 2.655 2.655 0 0 1-.16-.301l-.01-.023-.003-.008-.001-.003v-.002L3.1 7.5l-.466.181a.5.5 0 0 1 .285-.647Z",
     clipRule: "evenodd"
-  }));
+  })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", {
+    id: "prefix__a"
+  }, /* @__PURE__ */ e.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h12v12H0z"
+  })))));
 }
-const o = a(c);
+const r = a(c);
 export {
-  o as default
+  r as default
 };
 //# sourceMappingURL=IconFaceHappy12Filled.es.js.map