@create-figma-plugin/ui
Version:
Production-grade Preact components that replicate the Figma UI design
568 lines • 21.8 kB
JavaScript
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