UNPKG

@create-figma-plugin/ui

Version:

Production-grade Preact components that replicate the Figma UI design

568 lines 21.8 kB
import { h } from 'preact'; import { IconAdjust16 } from '../icon-adjust-16.js'; import { IconAi16 } from '../icon-ai-16.js'; import { IconAiSort16 } from '../icon-ai-sort-16.js'; import { IconAiSummarize16 } from '../icon-ai-summarize-16.js'; import { IconAll16 } from '../icon-all-16.js'; import { IconAnimated16 } from '../icon-animated-16.js'; import { IconApprovedCheckmark16 } from '../icon-approved-checkmark-16.js'; import { IconArrow16 } from '../icon-arrow-16.js'; import { IconAutoLayoutAbsolutePosition16 } from '../icon-auto-layout-absolute-position-16.js'; import { IconAutoLayoutAlignmentBaseline16 } from '../icon-auto-layout-alignment-baseline-16.js'; import { IconAutoLayoutGridAutoHorizontalLargeCenter16 } from '../icon-auto-layout-grid-auto-horizontal-large-center-16.js'; import { IconAutoLayoutGridAutoHorizontalLargeLeft16 } from '../icon-auto-layout-grid-auto-horizontal-large-left-16.js'; import { IconAutoLayoutGridAutoHorizontalLargeRight16 } from '../icon-auto-layout-grid-auto-horizontal-large-right-16.js'; import { IconAutoLayoutGridAutoHorizontalSmallBottom16 } from '../icon-auto-layout-grid-auto-horizontal-small-bottom-16.js'; import { IconAutoLayoutGridAutoHorizontalSmallCenter16 } from '../icon-auto-layout-grid-auto-horizontal-small-center-16.js'; import { IconAutoLayoutGridAutoHorizontalSmallTop16 } from '../icon-auto-layout-grid-auto-horizontal-small-top-16.js'; import { IconAutoLayoutGridAutoVerticalSmallCenter16 } from '../icon-auto-layout-grid-auto-vertical-small-center-16.js'; import { IconAutoLayoutGridAutoVerticalSmallLeft16 } from '../icon-auto-layout-grid-auto-vertical-small-left-16.js'; import { IconAutoLayoutGridAutoVerticalSmallRight16 } from '../icon-auto-layout-grid-auto-vertical-small-right-16.js'; import { IconAutoLayoutGridDot16 } from '../icon-auto-layout-grid-dot-16.js'; import { IconAutoLayoutGridHorizontalBottom16 } from '../icon-auto-layout-grid-horizontal-bottom-16.js'; import { IconAutoLayoutGridHorizontalCenter16 } from '../icon-auto-layout-grid-horizontal-center-16.js'; import { IconAutoLayoutGridHorizontalTop16 } from '../icon-auto-layout-grid-horizontal-top-16.js'; import { IconAutoLayoutGridVerticalAutoLargeBottom16 } from '../icon-auto-layout-grid-vertical-auto-large-bottom-16.js'; import { IconAutoLayoutGridVerticalAutoLargeCenter16 } from '../icon-auto-layout-grid-vertical-auto-large-center-16.js'; import { IconAutoLayoutGridVerticalAutoLargeTop16 } from '../icon-auto-layout-grid-vertical-auto-large-top-16.js'; import { IconAutoLayoutGridVerticalCenter16 } from '../icon-auto-layout-grid-vertical-center-16.js'; import { IconAutoLayoutGridVerticalLeft16 } from '../icon-auto-layout-grid-vertical-left-16.js'; import { IconAutoLayoutGridVerticalRight16 } from '../icon-auto-layout-grid-vertical-right-16.js'; import { IconAutoLayoutGridWrapCenter16 } from '../icon-auto-layout-grid-wrap-center-16.js'; import { IconAutoLayoutGridWrapLeft16 } from '../icon-auto-layout-grid-wrap-left-16.js'; import { IconAutoLayoutGridWrapRight16 } from '../icon-auto-layout-grid-wrap-right-16.js'; import { IconAutoLayoutHorizontalBottom16 } from '../icon-auto-layout-horizontal-bottom-16.js'; import { IconAutoLayoutHorizontalCenter16 } from '../icon-auto-layout-horizontal-center-16.js'; import { IconAutoLayoutHorizontalTop16 } from '../icon-auto-layout-horizontal-top-16.js'; import { IconAutoLayoutVerticalCenter16 } from '../icon-auto-layout-vertical-center-16.js'; import { IconAutoLayoutVerticalLeft16 } from '../icon-auto-layout-vertical-left-16.js'; import { IconAutoLayoutVerticalRight16 } from '../icon-auto-layout-vertical-right-16.js'; import { IconAutoLayoutWrapCenter16 } from '../icon-auto-layout-wrap-center-16.js'; import { IconAutoLayoutWrapLeft16 } from '../icon-auto-layout-wrap-left-16.js'; import { IconAutoLayoutWrapRight16 } from '../icon-auto-layout-wrap-right-16.js'; import { IconBoolean16 } from '../icon-boolean-16.js'; import { IconBooleanExclude16 } from '../icon-boolean-exclude-16.js'; import { IconBooleanIntersect16 } from '../icon-boolean-intersect-16.js'; import { IconBooleanSubtract16 } from '../icon-boolean-subtract-16.js'; import { IconBooleanUnion16 } from '../icon-boolean-union-16.js'; import { IconBranch16 } from '../icon-branch-16.js'; import { IconCheck16 } from '../icon-check-16.js'; import { IconChevronDown16 } from '../icon-chevron-down-16.js'; import { IconChevronRight16 } from '../icon-chevron-right-16.js'; import { IconClose16 } from '../icon-close-16.js'; import { IconCommunity16 } from '../icon-community-16.js'; import { IconComplexVector16 } from '../icon-complex-vector-16.js'; import { IconComponent16 } from '../icon-component-16.js'; import { IconComponentProperty16 } from '../icon-component-property-16.js'; import { IconComponentSet16 } from '../icon-component-set-16.js'; import { IconConnector16 } from '../icon-connector-16.js'; import { IconContrast16 } from '../icon-contrast-16.js'; import { IconCoverArt16 } from '../icon-cover-art-16.js'; import { IconDesign16 } from '../icon-design-16.js'; import { IconDesktop16 } from '../icon-desktop-16.js'; import { IconDetach16 } from '../icon-detach-16.js'; import { IconDev16 } from '../icon-dev-16.js'; import { IconDevEdited16 } from '../icon-dev-edited-16.js'; import { IconDragHandle16 } from '../icon-drag-handle-16.js'; import { IconEllipse16 } from '../icon-ellipse-16.js'; import { IconExposeNested16 } from '../icon-expose-nested-16.js'; import { IconExposure16 } from '../icon-exposure-16.js'; import { IconFeedback16 } from '../icon-feedback-16.js'; import { IconFigjam16 } from '../icon-figjam-16.js'; import { IconFirstDraft16 } from '../icon-first-draft-16.js'; import { IconFlatten16 } from '../icon-flatten-16.js'; import { IconFolder16 } from '../icon-folder-16.js'; import { IconFrame16 } from '../icon-frame-16.js'; import { IconGroup16 } from '../icon-group-16.js'; import { IconHeart16 } from '../icon-heart-16.js'; import { IconHelp16 } from '../icon-help-16.js'; import { IconHidden16 } from '../icon-hidden-16.js'; import { IconHighlights16 } from '../icon-highlights-16.js'; import { IconHome16 } from '../icon-home-16.js'; import { IconImage16 } from '../icon-image-16.js'; import { IconInfo16 } from '../icon-info-16.js'; import { IconInstance16 } from '../icon-instance-16.js'; import { IconLibrary16 } from '../icon-library-16.js'; import { IconLine16 } from '../icon-line-16.js'; import { IconLink16 } from '../icon-link-16.js'; import { IconLinkedObject16 } from '../icon-linked-object-16.js'; import { IconLockLocked16 } from '../icon-lock-locked-16.js'; import { IconLockUnlocked16 } from '../icon-lock-unlocked-16.js'; import { IconLockedLayerChild16 } from '../icon-locked-layer-child-16.js'; import { IconMask16 } from '../icon-mask-16.js'; import { IconMixed16 } from '../icon-mixed-16.js'; import { IconMobile16 } from '../icon-mobile-16.js'; import { IconMore16 } from '../icon-more-16.js'; import { IconMultiEdit16 } from '../icon-multi-edit-16.js'; import { IconNavigateForward16 } from '../icon-navigate-forward-16.js'; import { IconNotesOnRectangleSmall16 } from '../icon-notes-on-rectangle-small-16.js'; import { IconNumber16 } from '../icon-number-16.js'; import { IconOther16 } from '../icon-other-16.js'; import { IconPage16 } from '../icon-page-16.js'; import { IconPassword16 } from '../icon-password-16.js'; import { IconPen16 } from '../icon-pen-16.js'; import { IconPerson16 } from '../icon-person-16.js'; import { IconPlaceholder16 } from '../icon-placeholder-16.js'; import { IconPlus16 } from '../icon-plus-16.js'; import { IconPolygon16 } from '../icon-polygon-16.js'; import { IconPrototype16 } from '../icon-prototype-16.js'; import { IconPublish16 } from '../icon-publish-16.js'; import { IconRating16 } from '../icon-rating-16.js'; import { IconRatingFilled16 } from '../icon-rating-filled-16.js'; import { IconReadyForDev16 } from '../icon-ready-for-dev-16.js'; import { IconRectangle16 } from '../icon-rectangle-16.js'; import { IconRefresh16 } from '../icon-refresh-16.js'; import { IconReset16 } from '../icon-reset-16.js'; import { IconSaturation16 } from '../icon-saturation-16.js'; import { IconSection16 } from '../icon-section-16.js'; import { IconShadows16 } from '../icon-shadows-16.js'; import { IconShapeText16 } from '../icon-shape-text-16.js'; import { IconShowAll16 } from '../icon-show-all-16.js'; import { IconSlide16 } from '../icon-slide-16.js'; import { IconSlides16 } from '../icon-slides-16.js'; import { IconSlidesSmall16 } from '../icon-slides-small-16.js'; import { IconStamp16 } from '../icon-stamp-16.js'; import { IconStar16 } from '../icon-star-16.js'; import { IconSticky16 } from '../icon-sticky-16.js'; import { IconString16 } from '../icon-string-16.js'; import { IconTablet16 } from '../icon-tablet-16.js'; import { IconTemperature16 } from '../icon-temperature-16.js'; import { IconText16 } from '../icon-text-16.js'; import { IconTint16 } from '../icon-tint-16.js'; import { IconUiKit16 } from '../icon-ui-kit-16.js'; import { IconUnread16 } from '../icon-unread-16.js'; import { IconVariable16 } from '../icon-variable-16.js'; import { IconVariableColor16 } from '../icon-variable-color-16.js'; import { IconVariableMode16 } from '../icon-variable-mode-16.js'; import { IconVariant16 } from '../icon-variant-16.js'; import { IconVisible16 } from '../icon-visible-16.js'; import { IconWand16 } from '../icon-wand-16.js'; import { IconWarning16 } from '../icon-warning-16.js'; import { IconWidget16 } from '../icon-widget-16.js'; export default { parameters: { fixedWidth: false }, title: 'Icons/Size 16' }; export const Adjust = function () { return h(IconAdjust16, null); }; export const AiSort = function () { return h(IconAiSort16, null); }; export const AiSummarize = function () { return h(IconAiSummarize16, null); }; export const Ai = function () { return h(IconAi16, null); }; export const All = function () { return h(IconAll16, null); }; export const Animated = function () { return h(IconAnimated16, null); }; export const ApprovedCheckmark = function () { return h(IconApprovedCheckmark16, null); }; export const Arrow = function () { return h(IconArrow16, null); }; export const AutoLayoutAbsolutePosition = function () { return h(IconAutoLayoutAbsolutePosition16, null); }; export const AutoLayoutAlignmentBaseline = function () { return h(IconAutoLayoutAlignmentBaseline16, null); }; export const AutoLayoutGridAutoHorizontalLargeCenter = function () { return h(IconAutoLayoutGridAutoHorizontalLargeCenter16, null); }; export const AutoLayoutGridAutoHorizontalLargeLeft = function () { return h(IconAutoLayoutGridAutoHorizontalLargeLeft16, null); }; export const AutoLayoutGridAutoHorizontalLargeRight = function () { return h(IconAutoLayoutGridAutoHorizontalLargeRight16, null); }; export const AutoLayoutGridAutoHorizontalSmallBottom = function () { return h(IconAutoLayoutGridAutoHorizontalSmallBottom16, null); }; export const AutoLayoutGridAutoHorizontalSmallCenter = function () { return h(IconAutoLayoutGridAutoHorizontalSmallCenter16, null); }; export const AutoLayoutGridAutoHorizontalSmallTop = function () { return h(IconAutoLayoutGridAutoHorizontalSmallTop16, null); }; export const AutoLayoutGridAutoVerticalSmallCenter = function () { return h(IconAutoLayoutGridAutoVerticalSmallCenter16, null); }; export const AutoLayoutGridAutoVerticalSmallLeft = function () { return h(IconAutoLayoutGridAutoVerticalSmallLeft16, null); }; export const AutoLayoutGridAutoVerticalSmallRight = function () { return h(IconAutoLayoutGridAutoVerticalSmallRight16, null); }; export const AutoLayoutGridDot = function () { return h(IconAutoLayoutGridDot16, null); }; export const AutoLayoutGridHorizontalBottom = function () { return h(IconAutoLayoutGridHorizontalBottom16, null); }; export const AutoLayoutGridHorizontalCenter = function () { return h(IconAutoLayoutGridHorizontalCenter16, null); }; export const AutoLayoutGridHorizontalTop = function () { return h(IconAutoLayoutGridHorizontalTop16, null); }; export const AutoLayoutGridVerticalAutoLargeBottom = function () { return h(IconAutoLayoutGridVerticalAutoLargeBottom16, null); }; export const AutoLayoutGridVerticalAutoLargeCenter = function () { return h(IconAutoLayoutGridVerticalAutoLargeCenter16, null); }; export const AutoLayoutGridVerticalAutoLargeTop = function () { return h(IconAutoLayoutGridVerticalAutoLargeTop16, null); }; export const AutoLayoutGridVerticalCenter = function () { return h(IconAutoLayoutGridVerticalCenter16, null); }; export const AutoLayoutGridVerticalLeft = function () { return h(IconAutoLayoutGridVerticalLeft16, null); }; export const AutoLayoutGridVerticalRight = function () { return h(IconAutoLayoutGridVerticalRight16, null); }; export const AutoLayoutGridWrapCenter = function () { return h(IconAutoLayoutGridWrapCenter16, null); }; export const AutoLayoutGridWrapLeft = function () { return h(IconAutoLayoutGridWrapLeft16, null); }; export const AutoLayoutGridWrapRight = function () { return h(IconAutoLayoutGridWrapRight16, null); }; export const AutoLayoutHorizontalBottom = function () { return h(IconAutoLayoutHorizontalBottom16, null); }; export const AutoLayoutHorizontalCenter = function () { return h(IconAutoLayoutHorizontalCenter16, null); }; export const AutoLayoutHorizontalTop = function () { return h(IconAutoLayoutHorizontalTop16, null); }; export const AutoLayoutVerticalCenter = function () { return h(IconAutoLayoutVerticalCenter16, null); }; export const AutoLayoutVerticalLeft = function () { return h(IconAutoLayoutVerticalLeft16, null); }; export const AutoLayoutVerticalRight = function () { return h(IconAutoLayoutVerticalRight16, null); }; export const AutoLayoutWrapCenter = function () { return h(IconAutoLayoutWrapCenter16, null); }; export const AutoLayoutWrapLeft = function () { return h(IconAutoLayoutWrapLeft16, null); }; export const AutoLayoutWrapRight = function () { return h(IconAutoLayoutWrapRight16, null); }; export const BooleanExclude = function () { return h(IconBooleanExclude16, null); }; export const BooleanIntersect = function () { return h(IconBooleanIntersect16, null); }; export const BooleanSubtract = function () { return h(IconBooleanSubtract16, null); }; export const BooleanUnion = function () { return h(IconBooleanUnion16, null); }; export const Boolean = function () { return h(IconBoolean16, null); }; export const Branch = function () { return h(IconBranch16, null); }; export const Check = function () { return h(IconCheck16, null); }; export const ChevronDown = function () { return h(IconChevronDown16, null); }; export const ChevronRight = function () { return h(IconChevronRight16, null); }; export const Close = function () { return h(IconClose16, null); }; export const Community = function () { return h(IconCommunity16, null); }; export const ComplexVector = function () { return h(IconComplexVector16, null); }; export const ComponentProperty = function () { return h(IconComponentProperty16, null); }; export const ComponentSet = function () { return h(IconComponentSet16, null); }; export const Component = function () { return h(IconComponent16, null); }; export const Connector = function () { return h(IconConnector16, null); }; export const Contrast = function () { return h(IconContrast16, null); }; export const CoverArt = function () { return h(IconCoverArt16, null); }; export const Design = function () { return h(IconDesign16, null); }; export const Desktop = function () { return h(IconDesktop16, null); }; export const Detach = function () { return h(IconDetach16, null); }; export const DevEdited = function () { return h(IconDevEdited16, null); }; export const Dev = function () { return h(IconDev16, null); }; export const DragHandle = function () { return h(IconDragHandle16, null); }; export const Ellipse = function () { return h(IconEllipse16, null); }; export const ExposeNested = function () { return h(IconExposeNested16, null); }; export const Exposure = function () { return h(IconExposure16, null); }; export const Feedback = function () { return h(IconFeedback16, null); }; export const Figjam = function () { return h(IconFigjam16, null); }; export const FirstDraft = function () { return h(IconFirstDraft16, null); }; export const Flatten = function () { return h(IconFlatten16, null); }; export const Folder = function () { return h(IconFolder16, null); }; export const Frame = function () { return h(IconFrame16, null); }; export const Group = function () { return h(IconGroup16, null); }; export const Heart = function () { return h(IconHeart16, null); }; export const Help = function () { return h(IconHelp16, null); }; export const Hidden = function () { return h(IconHidden16, null); }; export const Highlights = function () { return h(IconHighlights16, null); }; export const Home = function () { return h(IconHome16, null); }; export const Image = function () { return h(IconImage16, null); }; export const Info = function () { return h(IconInfo16, null); }; export const Instance = function () { return h(IconInstance16, null); }; export const Library = function () { return h(IconLibrary16, null); }; export const Line = function () { return h(IconLine16, null); }; export const Link = function () { return h(IconLink16, null); }; export const LinkedObject = function () { return h(IconLinkedObject16, null); }; export const LockLocked = function () { return h(IconLockLocked16, null); }; export const LockUnlocked = function () { return h(IconLockUnlocked16, null); }; export const LockedLayerChild = function () { return h(IconLockedLayerChild16, null); }; export const Mask = function () { return h(IconMask16, null); }; export const Mixed = function () { return h(IconMixed16, null); }; export const Mobile = function () { return h(IconMobile16, null); }; export const More = function () { return h(IconMore16, null); }; export const MultiEdit = function () { return h(IconMultiEdit16, null); }; export const NavigateForward = function () { return h(IconNavigateForward16, null); }; export const NotesOnRectangleSmall = function () { return h(IconNotesOnRectangleSmall16, null); }; export const Number = function () { return h(IconNumber16, null); }; export const Other = function () { return h(IconOther16, null); }; export const Page = function () { return h(IconPage16, null); }; export const Password = function () { return h(IconPassword16, null); }; export const Pen = function () { return h(IconPen16, null); }; export const Person = function () { return h(IconPerson16, null); }; export const Placeholder = function () { return h(IconPlaceholder16, null); }; export const Plus = function () { return h(IconPlus16, null); }; export const Polygon = function () { return h(IconPolygon16, null); }; export const Prototype = function () { return h(IconPrototype16, null); }; export const Publish = function () { return h(IconPublish16, null); }; export const RatingFilled = function () { return h(IconRatingFilled16, null); }; export const Rating = function () { return h(IconRating16, null); }; export const ReadyForDev = function () { return h(IconReadyForDev16, null); }; export const Rectangle = function () { return h(IconRectangle16, null); }; export const Refresh = function () { return h(IconRefresh16, null); }; export const Reset = function () { return h(IconReset16, null); }; export const Saturation = function () { return h(IconSaturation16, null); }; export const Section = function () { return h(IconSection16, null); }; export const Shadows = function () { return h(IconShadows16, null); }; export const ShapeText = function () { return h(IconShapeText16, null); }; export const ShowAll = function () { return h(IconShowAll16, null); }; export const Slide = function () { return h(IconSlide16, null); }; export const SlidesSmall = function () { return h(IconSlidesSmall16, null); }; export const Slides = function () { return h(IconSlides16, null); }; export const Stamp = function () { return h(IconStamp16, null); }; export const Star = function () { return h(IconStar16, null); }; export const Sticky = function () { return h(IconSticky16, null); }; export const String = function () { return h(IconString16, null); }; export const Tablet = function () { return h(IconTablet16, null); }; export const Temperature = function () { return h(IconTemperature16, null); }; export const Text = function () { return h(IconText16, null); }; export const Tint = function () { return h(IconTint16, null); }; export const UiKit = function () { return h(IconUiKit16, null); }; export const Unread = function () { return h(IconUnread16, null); }; export const VariableColor = function () { return h(IconVariableColor16, null); }; export const VariableMode = function () { return h(IconVariableMode16, null); }; export const Variable = function () { return h(IconVariable16, null); }; export const Variant = function () { return h(IconVariant16, null); }; export const Visible = function () { return h(IconVisible16, null); }; export const Wand = function () { return h(IconWand16, null); }; export const Warning = function () { return h(IconWarning16, null); }; export const Widget = function () { return h(IconWidget16, null); }; //# sourceMappingURL=icon-16.stories.js.map