@mirohq/design-system-icons 0.65.4 → 0.67.0
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.
- package/dist/main.js +896 -522
- package/dist/main.js.map +1 -1
- package/dist/module.js +890 -524
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +17 -1
- package/package.json +3 -3
- package/react/activity.tsx +2 -2
- package/react/add-line-bottom.tsx +2 -2
- package/react/add-line-right.tsx +2 -2
- package/react/align-bottom-group.tsx +8 -24
- package/react/align-bottom.tsx +2 -2
- package/react/align-center-horizontal.tsx +2 -2
- package/react/align-center-vertical.tsx +2 -2
- package/react/align-left.tsx +2 -2
- package/react/align-right.tsx +2 -2
- package/react/align-top-group.tsx +8 -24
- package/react/align-top.tsx +2 -2
- package/react/alignment-scale.tsx +2 -2
- package/react/arrow-arc-left.tsx +2 -2
- package/react/arrow-arc-right.tsx +2 -2
- package/react/arrow-bend-up-left.tsx +2 -2
- package/react/arrow-bend-up-right.tsx +2 -2
- package/react/arrow-box-out.tsx +2 -2
- package/react/arrow-clockwise-down-right.tsx +2 -2
- package/react/arrow-clockwise-up-left.tsx +2 -2
- package/react/arrow-counter-clockwise-down-left.tsx +2 -2
- package/react/arrow-counter-clockwise-up-right.tsx +2 -2
- package/react/arrow-curves-bottom-right.tsx +2 -2
- package/react/arrow-down-left.tsx +2 -2
- package/react/arrow-down-right.tsx +2 -2
- package/react/arrow-down.tsx +2 -2
- package/react/arrow-elbow-down-right.tsx +2 -2
- package/react/arrow-left.tsx +2 -9
- package/react/arrow-right.tsx +2 -2
- package/react/arrow-up-circle.tsx +2 -2
- package/react/arrow-up-left.tsx +2 -2
- package/react/arrow-up-right.tsx +2 -2
- package/react/arrow-up.tsx +2 -2
- package/react/arrows-clockwise-rectangle-tilt.tsx +2 -2
- package/react/arrows-clockwise-x.tsx +2 -2
- package/react/arrows-clockwise-y.tsx +2 -2
- package/react/arrows-down-up.tsx +2 -2
- package/react/arrows-horizontal-lines-top-bottom.tsx +2 -2
- package/react/arrows-in-simple.tsx +2 -2
- package/react/arrows-out-cardinal.tsx +2 -2
- package/react/arrows-out-lines-horizontal.tsx +2 -2
- package/react/arrows-out-simple.tsx +2 -2
- package/react/arrows-square-counter-clockwise-y.tsx +2 -2
- package/react/arrows-time-backward.tsx +2 -2
- package/react/arrows-time-forward.tsx +2 -2
- package/react/article-empty.tsx +37 -0
- package/react/article.tsx +2 -2
- package/react/at.tsx +2 -2
- package/react/attachment.tsx +5 -6
- package/react/bell-slash.tsx +2 -2
- package/react/bell-tilt.tsx +2 -2
- package/react/bell.tsx +2 -2
- package/react/board.tsx +2 -2
- package/react/book-open-info.tsx +2 -2
- package/react/bookmark.tsx +2 -2
- package/react/bracket-curly-left.tsx +2 -2
- package/react/bracket-curly-right.tsx +2 -2
- package/react/brackets-angle-slash.tsx +2 -2
- package/react/brackets-curly-circles-three.tsx +2 -2
- package/react/browser.tsx +77 -0
- package/react/brush.tsx +2 -2
- package/react/calendar-blank.tsx +2 -2
- package/react/calendar-end.tsx +2 -2
- package/react/calendar-start.tsx +2 -2
- package/react/camera.tsx +2 -2
- package/react/card-circles.tsx +2 -2
- package/react/card-number-three.tsx +2 -2
- package/react/card.tsx +2 -2
- package/react/cards-poker.tsx +2 -2
- package/react/chart-bar-y-simple.tsx +2 -2
- package/react/chart-bar-y.tsx +2 -2
- package/react/chat-check.tsx +2 -2
- package/react/chat-dashes-lines-two.tsx +2 -2
- package/react/chat-lines-cross.tsx +2 -2
- package/react/chat-lines-dot.tsx +2 -2
- package/react/chat-lines-eye-open.tsx +2 -2
- package/react/chat-lines-two-stack.tsx +2 -2
- package/react/chat-lines-two.tsx +2 -2
- package/react/chat-plus.tsx +2 -2
- package/react/chat-text-arrow.tsx +2 -2
- package/react/chat-two.tsx +2 -2
- package/react/chat.tsx +2 -2
- package/react/check-mark.tsx +2 -2
- package/react/checkboard-square-centered.tsx +2 -2
- package/react/chevron-down-double.tsx +2 -2
- package/react/chevron-down.tsx +2 -2
- package/react/chevron-left-double.tsx +2 -2
- package/react/chevron-left.tsx +2 -2
- package/react/chevron-right-double.tsx +2 -2
- package/react/chevron-right.tsx +2 -2
- package/react/chevron-up-double.tsx +2 -2
- package/react/chevron-up-down-line.tsx +2 -2
- package/react/chevron-up-down.tsx +2 -2
- package/react/chevron-up.tsx +2 -2
- package/react/circle-corners.tsx +2 -2
- package/react/circle-motion-x.tsx +2 -2
- package/react/circle-notch.tsx +2 -2
- package/react/circle-slash.tsx +2 -2
- package/react/circles-connected.tsx +2 -2
- package/react/clock-counter-clockwise-simple.tsx +2 -2
- package/react/clock-counter-clockwise.tsx +2 -2
- package/react/clock.tsx +2 -2
- package/react/cluster.tsx +2 -2
- package/react/clustered.tsx +2 -2
- package/react/cog.tsx +2 -2
- package/react/coins-checked.tsx +2 -2
- package/react/coins-slash.tsx +2 -2
- package/react/columns-three.tsx +2 -2
- package/react/comment-group.tsx +2 -2
- package/react/cone-serpentine.tsx +2 -2
- package/react/connection-line-elbows.tsx +2 -2
- package/react/connection-line-straight.tsx +2 -2
- package/react/corners-three-eye-open.tsx +2 -2
- package/react/counter.tsx +2 -2
- package/react/credit-card.tsx +2 -2
- package/react/crop.tsx +2 -2
- package/react/cross-circle.tsx +2 -2
- package/react/cross-square.tsx +2 -2
- package/react/cross.tsx +2 -2
- package/react/cube.tsx +2 -2
- package/react/cursor-filled.tsx +2 -2
- package/react/cursor-lines.tsx +2 -2
- package/react/cursor-text-lines.tsx +2 -2
- package/react/cursor-text.tsx +2 -2
- package/react/cursor.tsx +2 -2
- package/react/dash-left-down-square-dash-right-up.tsx +2 -2
- package/react/dash-left-up-square-dash-down-right.tsx +2 -2
- package/react/dash-square-dash-horizontal.tsx +2 -2
- package/react/dash-square-dash-vertical.tsx +2 -2
- package/react/diagram-card-large-1.tsx +2 -2
- package/react/diagram-card-large-2.tsx +2 -2
- package/react/diagram-card-large-3.tsx +2 -2
- package/react/diagram-card-large-4.tsx +2 -2
- package/react/diagram-card-magnifying-glass.tsx +2 -2
- package/react/diagram-card-small-1.tsx +2 -2
- package/react/diagram-card-small-2.tsx +2 -2
- package/react/diagram-card-small-3.tsx +2 -2
- package/react/diagram-card-team.tsx +2 -2
- package/react/diagram-card-user.tsx +2 -2
- package/react/diagramming-format.tsx +2 -2
- package/react/distribute-horizontal.tsx +2 -2
- package/react/distribute-vertical.tsx +2 -2
- package/react/doc-format.tsx +2 -2
- package/react/dollar-sign-currency.tsx +2 -2
- package/react/dot-voting.tsx +2 -2
- package/react/dots-nine.tsx +2 -2
- package/react/dots-six-horizontal.tsx +2 -2
- package/react/dots-six-vertical.tsx +2 -2
- package/react/download.tsx +2 -2
- package/react/envelope.tsx +2 -2
- package/react/eraser.tsx +2 -2
- package/react/exclamation-mark-octagon.tsx +2 -2
- package/react/exclamation-point-circle.tsx +2 -2
- package/react/export.tsx +2 -2
- package/react/external-format.tsx +2 -2
- package/react/eye-closed-dots-four-frame-broken.tsx +2 -2
- package/react/eye-closed.tsx +2 -2
- package/react/eye-open-line-frame-broken.tsx +2 -2
- package/react/eye-open-slash.tsx +2 -2
- package/react/eye-open.tsx +2 -2
- package/react/eyedropper.tsx +2 -2
- package/react/factory-house.tsx +2 -2
- package/react/factory.tsx +2 -2
- package/react/file-spreadsheet.tsx +2 -2
- package/react/flag.tsx +2 -2
- package/react/flip-card.tsx +2 -2
- package/react/folder.tsx +2 -2
- package/react/frame-lines-two.tsx +2 -2
- package/react/frame-play.tsx +2 -2
- package/react/frame-plus.tsx +2 -2
- package/react/frame.tsx +2 -2
- package/react/funnel.tsx +2 -2
- package/react/gauge.tsx +2 -2
- package/react/gavel.tsx +2 -2
- package/react/gift.tsx +2 -2
- package/react/globe.tsx +2 -2
- package/react/graduation-cap.tsx +2 -2
- package/react/grid-four.tsx +2 -2
- package/react/grid.tsx +2 -2
- package/react/hand-filled.tsx +2 -2
- package/react/hand-pointing.tsx +2 -2
- package/react/hand.tsx +2 -2
- package/react/headphones.tsx +2 -2
- package/react/headset-person.tsx +2 -2
- package/react/heart-filled.tsx +2 -2
- package/react/heart.tsx +2 -2
- package/react/highlighter-underline.tsx +2 -2
- package/react/highlighter.tsx +2 -2
- package/react/house.tsx +2 -2
- package/react/image.tsx +2 -2
- package/react/indent-left.tsx +2 -2
- package/react/indent-right.tsx +2 -2
- package/react/index.ts +8 -0
- package/react/information-mark-circle.tsx +2 -2
- package/react/key.tsx +2 -2
- package/react/keycap.tsx +2 -2
- package/react/laptop.tsx +2 -2
- package/react/lasso.tsx +2 -2
- package/react/layout.tsx +2 -2
- package/react/lightbox.tsx +2 -2
- package/react/lightbulb.tsx +2 -2
- package/react/lightning.tsx +2 -2
- package/react/line-two-diagonal-top-right-double.tsx +2 -2
- package/react/lines-three-horizontal-line-vertical-center.tsx +2 -2
- package/react/lines-three-horizontal.tsx +2 -2
- package/react/lines-three-vertical.tsx +2 -2
- package/react/lines-top-left-columns-two.tsx +2 -2
- package/react/link-plus.tsx +2 -2
- package/react/link.tsx +2 -2
- package/react/list-bullets.tsx +2 -2
- package/react/list-numbers.tsx +2 -2
- package/react/lock-closed.tsx +2 -2
- package/react/lock-open.tsx +2 -2
- package/react/login.tsx +2 -2
- package/react/logout.tsx +2 -2
- package/react/magnet.tsx +2 -2
- package/react/magnifying-glass-lightning.tsx +2 -2
- package/react/magnifying-glass-plus.tsx +2 -2
- package/react/magnifying-glass.tsx +2 -2
- package/react/map.tsx +2 -2
- package/react/megaphone.tsx +2 -2
- package/react/microphone-slash.tsx +2 -2
- package/react/microphone.tsx +2 -2
- package/react/minus.tsx +2 -2
- package/react/mobile.tsx +2 -2
- package/react/monitor-arrow-up.tsx +2 -2
- package/react/monitor-arrow.tsx +2 -2
- package/react/monitor-pause.tsx +2 -2
- package/react/monitor-play.tsx +2 -2
- package/react/monitor-stop.tsx +2 -2
- package/react/monitor.tsx +2 -2
- package/react/moon.tsx +2 -2
- package/react/mouse.tsx +2 -2
- package/react/music-note.tsx +2 -2
- package/react/navigation-arrow-lines.tsx +2 -2
- package/react/navigation-up-left-slash.tsx +2 -2
- package/react/navigation-up-right.tsx +2 -2
- package/react/next.tsx +2 -2
- package/react/node-connected-dot.tsx +2 -2
- package/react/node-lines-curved.tsx +2 -2
- package/react/node-lines-horizontal.tsx +2 -2
- package/react/node-lines-vertical.tsx +2 -2
- package/react/node-plus.tsx +2 -2
- package/react/nodes-connected.tsx +2 -2
- package/react/nodes-connections-three.tsx +2 -2
- package/react/note-magnifying-glass.tsx +2 -2
- package/react/notepad.tsx +2 -2
- package/react/number.tsx +2 -2
- package/react/office.tsx +2 -2
- package/react/org-chart.tsx +2 -2
- package/react/orientation-horizontal.tsx +2 -2
- package/react/orientation-vertical.tsx +2 -2
- package/react/paint-bucket.tsx +2 -2
- package/react/palette.tsx +2 -2
- package/react/paper-plane-filled-right.tsx +2 -2
- package/react/paper-plane-tilt.tsx +2 -2
- package/react/pause-circle.tsx +2 -2
- package/react/pause.tsx +2 -2
- package/react/pen-tip.tsx +2 -2
- package/react/pen-underline.tsx +2 -2
- package/react/pen.tsx +2 -2
- package/react/people-list.tsx +2 -2
- package/react/person-in-circle.tsx +2 -2
- package/react/placeholder.tsx +2 -2
- package/react/play-circle.tsx +2 -2
- package/react/play.tsx +2 -2
- package/react/playback-speed-circle.tsx +2 -2
- package/react/plug.tsx +2 -2
- package/react/plus-box.tsx +2 -2
- package/react/plus-square.tsx +6 -14
- package/react/plus-text.tsx +2 -2
- package/react/plus.tsx +2 -2
- package/react/polling.tsx +2 -2
- package/react/presentation-arrow.tsx +2 -2
- package/react/presentation-eye-open.tsx +2 -2
- package/react/presentation-line.tsx +2 -2
- package/react/presentation-lines-two.tsx +2 -2
- package/react/presentation-link.tsx +2 -2
- package/react/presentation-number-one.tsx +2 -2
- package/react/presentation-play.tsx +2 -2
- package/react/presentation-plus.tsx +2 -2
- package/react/previous.tsx +2 -2
- package/react/prohibit.tsx +2 -2
- package/react/prototype-format.tsx +2 -2
- package/react/push-pin-filled.tsx +2 -2
- package/react/push-pin.tsx +2 -2
- package/react/question-mark-circle.tsx +2 -2
- package/react/question-mark.tsx +2 -2
- package/react/quotes.tsx +2 -2
- package/react/ratio-169.tsx +38 -0
- package/react/ratio-43.tsx +38 -0
- package/react/ratio-square.tsx +38 -0
- package/react/rectangle-arrow-up-center.tsx +2 -2
- package/react/rectangle-dash-lines.tsx +2 -2
- package/react/rectangle-dot-line-pen.tsx +2 -2
- package/react/rectangle-frame-2-lines.tsx +2 -2
- package/react/rectangle-line.tsx +2 -2
- package/react/rectangle-play-stack.tsx +2 -2
- package/react/rectangle-portrait-dash-square-top-center.tsx +2 -2
- package/react/rectangle-portrait-dash-square-top-left.tsx +2 -2
- package/react/rectangle-portrait-dash.tsx +2 -2
- package/react/rectangle-portrait-square-top-left.tsx +2 -2
- package/react/rectangle-tick.tsx +2 -2
- package/react/rectangle-triangle-bottom-center.tsx +2 -2
- package/react/rectangles-squares.tsx +2 -2
- package/react/rectangles-three-aligned.tsx +2 -2
- package/react/rectangles-three-overlap.tsx +2 -2
- package/react/rectangles-two-line.tsx +2 -2
- package/react/rectangles-two-lines-four.tsx +2 -2
- package/react/rectangles-two-minus.tsx +2 -2
- package/react/rectangles-two-plus.tsx +2 -2
- package/react/rectangles-two-user.tsx +2 -2
- package/react/rocket.tsx +2 -2
- package/react/rss-rectangle.tsx +2 -2
- package/react/rss.tsx +2 -2
- package/react/scissors.tsx +2 -2
- package/react/scrollbar-xy.tsx +2 -2
- package/react/select.tsx +2 -2
- package/react/shadow.tsx +2 -2
- package/react/shapes-lines-stacked.tsx +96 -0
- package/react/shapes-lines.tsx +2 -2
- package/react/shapes.tsx +2 -2
- package/react/shield-check.tsx +2 -2
- package/react/shield-lock-filled.tsx +2 -2
- package/react/shield-lock.tsx +3 -2
- package/react/shuffle.tsx +2 -2
- package/react/sidebar-closed.tsx +2 -2
- package/react/sidebar-global-closed.tsx +2 -2
- package/react/sidebar-global-open.tsx +2 -2
- package/react/sidebar-open.tsx +2 -2
- package/react/single-sparks-filled.tsx +2 -2
- package/react/slide-format.tsx +2 -2
- package/react/sliders-x.tsx +2 -2
- package/react/sliders-y.tsx +2 -2
- package/react/smiley-chat.tsx +2 -2
- package/react/smiley-plus.tsx +2 -2
- package/react/smiley-sticker.tsx +2 -2
- package/react/smiley.tsx +2 -2
- package/react/sort-ascending.tsx +2 -2
- package/react/sort-descending.tsx +2 -2
- package/react/sparks-filled.tsx +2 -2
- package/react/sparks.tsx +2 -2
- package/react/speaker-cross.tsx +2 -2
- package/react/speaker-high.tsx +2 -2
- package/react/spinner.tsx +2 -2
- package/react/split-vertical.tsx +2 -2
- package/react/square-arrow-in.tsx +2 -2
- package/react/square-brackets-angle-slash.tsx +2 -2
- package/react/square-circles-two.tsx +2 -2
- package/react/square-frame-2-lines-circle.tsx +2 -2
- package/react/square-line-square-dashed.tsx +2 -2
- package/react/square-star-scribble.tsx +2 -2
- package/react/square-triangle-circle-plus.tsx +2 -2
- package/react/squares-column.tsx +2 -2
- package/react/squares-four.tsx +2 -2
- package/react/squares-group.tsx +2 -2
- package/react/squares-merge.tsx +2 -2
- package/react/squares-row.tsx +2 -2
- package/react/squares-three.tsx +2 -2
- package/react/squares-two-overlap.tsx +2 -2
- package/react/squares-unmerge.tsx +2 -2
- package/react/stack.tsx +2 -2
- package/react/star-filled.tsx +2 -2
- package/react/star-half.tsx +2 -2
- package/react/star.tsx +2 -2
- package/react/sticky-corners.tsx +2 -2
- package/react/sticky-eye-closed.tsx +2 -2
- package/react/sticky-eye-open.tsx +2 -2
- package/react/sticky-note-stack.tsx +2 -2
- package/react/sticky-note-wide.tsx +2 -2
- package/react/sticky-note.tsx +2 -2
- package/react/sticky-notes-two.tsx +2 -2
- package/react/stop-circle.tsx +2 -2
- package/react/story-points.tsx +2 -2
- package/react/tablet.tsx +75 -0
- package/react/tag.tsx +2 -2
- package/react/tasks.tsx +2 -2
- package/react/text-a-underline.tsx +2 -2
- package/react/text-aa.tsx +2 -2
- package/react/text-align-center.tsx +2 -2
- package/react/text-align-left.tsx +2 -2
- package/react/text-align-right.tsx +2 -2
- package/react/text-b-bold-italic-underlined.tsx +2 -2
- package/react/text-b-bold.tsx +2 -2
- package/react/text-cursor-eye-open.tsx +2 -2
- package/react/text-h-one.tsx +2 -2
- package/react/text-h-three.tsx +2 -2
- package/react/text-h-two.tsx +2 -2
- package/react/text-i-italic.tsx +2 -2
- package/react/text-indent.tsx +2 -2
- package/react/text-line-height.tsx +2 -2
- package/react/text-lines-three.tsx +2 -2
- package/react/text-position.tsx +91 -0
- package/react/text-s-strikethrough.tsx +2 -2
- package/react/text-styles.tsx +2 -2
- package/react/text-t.tsx +2 -2
- package/react/text-u-underlined.tsx +2 -2
- package/react/thumbs-up.tsx +2 -2
- package/react/tick-circle.tsx +2 -2
- package/react/ticket.tsx +2 -2
- package/react/timeline-format.tsx +2 -2
- package/react/timer.tsx +2 -2
- package/react/tooltip.tsx +2 -2
- package/react/trackpad.tsx +2 -2
- package/react/trash-simple.tsx +2 -2
- package/react/trash.tsx +2 -2
- package/react/trophy.tsx +2 -2
- package/react/tshirt.tsx +2 -2
- package/react/user-add.tsx +2 -2
- package/react/user-arrow-right-up.tsx +2 -2
- package/react/user-background-blur.tsx +2 -2
- package/react/user-cog-plus.tsx +2 -2
- package/react/user-cog.tsx +2 -2
- package/react/user-eye-open.tsx +2 -2
- package/react/user-filter.tsx +2 -2
- package/react/user-load.tsx +2 -2
- package/react/user-number-three.tsx +2 -2
- package/react/user-pen-dashes-bottom.tsx +2 -2
- package/react/user-pen-line-bottom.tsx +2 -2
- package/react/user-tick-down.tsx +2 -2
- package/react/user.tsx +2 -2
- package/react/users-three.tsx +2 -2
- package/react/users.tsx +2 -2
- package/react/video-camera-simple-error.tsx +2 -2
- package/react/video-camera-simple-slash.tsx +2 -2
- package/react/video-camera-simple.tsx +2 -2
- package/react/video-camera.tsx +2 -2
- package/react/view-center.tsx +2 -2
- package/react/view-side-left.tsx +2 -2
- package/react/wallet.tsx +2 -2
- package/react/wifi-exclamation.tsx +2 -2
- package/react/wifi.tsx +2 -2
- package/svg/24/align-bottom-group.svg +1 -1
- package/svg/24/align-top-group.svg +1 -1
- package/svg/24/arrow-left-new.svg +1 -1
- package/svg/24/arrow-left.svg +1 -1
- package/svg/24/article-empty.svg +2 -0
- package/svg/24/attachment-new.svg +1 -1
- package/svg/24/browser-new.svg +2 -0
- package/svg/24/browser.svg +2 -0
- package/svg/24/plus-square-new.svg +1 -1
- package/svg/24/ratio-169.svg +2 -0
- package/svg/24/ratio-43.svg +2 -0
- package/svg/24/ratio-square.svg +2 -0
- package/svg/24/rectangles-squares.svg +1 -1
- package/svg/24/shapes-lines-stacked-new.svg +2 -0
- package/svg/24/shapes-lines-stacked.svg +2 -0
- package/svg/24/shield-lock-new.svg +1 -1
- package/svg/24/tablet-new.svg +2 -0
- package/svg/24/tablet.svg +2 -0
- package/svg/24/text-position-new.svg +2 -0
- package/svg/24/text-position.svg +2 -0
- package/svg/meta.json +68 -36
package/react/image.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -81,7 +81,7 @@ export const IconImageOld: IconComponentType = forwardRef(
|
|
|
81
81
|
|
|
82
82
|
export const IconImage: IconComponentType = forwardRef(
|
|
83
83
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
84
|
-
const [v1] =
|
|
84
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
85
85
|
return v1 ? (
|
|
86
86
|
<IconImageNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
87
87
|
) : (
|
package/react/indent-left.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -74,7 +74,7 @@ export const IconIndentLeftOld: IconComponentType = forwardRef(
|
|
|
74
74
|
|
|
75
75
|
export const IconIndentLeft: IconComponentType = forwardRef(
|
|
76
76
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
77
|
-
const [v1] =
|
|
77
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
78
78
|
return v1 ? (
|
|
79
79
|
<IconIndentLeftNew
|
|
80
80
|
{...props}
|
package/react/indent-right.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -74,7 +74,7 @@ export const IconIndentRightOld: IconComponentType = forwardRef(
|
|
|
74
74
|
|
|
75
75
|
export const IconIndentRight: IconComponentType = forwardRef(
|
|
76
76
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
77
|
-
const [v1] =
|
|
77
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
78
78
|
return v1 ? (
|
|
79
79
|
<IconIndentRightNew
|
|
80
80
|
{...props}
|
package/react/index.ts
CHANGED
|
@@ -48,6 +48,7 @@ export { IconArrowsOutSimple } from './arrows-out-simple'
|
|
|
48
48
|
export { IconArrowsSquareCounterClockwiseY } from './arrows-square-counter-clockwise-y'
|
|
49
49
|
export { IconArrowsTimeBackward } from './arrows-time-backward'
|
|
50
50
|
export { IconArrowsTimeForward } from './arrows-time-forward'
|
|
51
|
+
export { IconArticleEmpty } from './article-empty'
|
|
51
52
|
export { IconArticle } from './article'
|
|
52
53
|
export { IconAt } from './at'
|
|
53
54
|
export { IconAttachment } from './attachment'
|
|
@@ -64,6 +65,7 @@ export { IconBracketCurlyLeft } from './bracket-curly-left'
|
|
|
64
65
|
export { IconBracketCurlyRight } from './bracket-curly-right'
|
|
65
66
|
export { IconBracketsAngleSlash } from './brackets-angle-slash'
|
|
66
67
|
export { IconBracketsCurlyCirclesThree } from './brackets-curly-circles-three'
|
|
68
|
+
export { IconBrowser } from './browser'
|
|
67
69
|
export { IconBrush } from './brush'
|
|
68
70
|
export { IconCalendarBlank } from './calendar-blank'
|
|
69
71
|
export { IconCalendarEnd } from './calendar-end'
|
|
@@ -332,6 +334,9 @@ export { IconPushPin } from './push-pin'
|
|
|
332
334
|
export { IconQuestionMarkCircle } from './question-mark-circle'
|
|
333
335
|
export { IconQuestionMark } from './question-mark'
|
|
334
336
|
export { IconQuotes } from './quotes'
|
|
337
|
+
export { IconRatio169 } from './ratio-169'
|
|
338
|
+
export { IconRatio43 } from './ratio-43'
|
|
339
|
+
export { IconRatioSquare } from './ratio-square'
|
|
335
340
|
export { IconRectangleArrowUpCenter } from './rectangle-arrow-up-center'
|
|
336
341
|
export { IconRectangleDashLines } from './rectangle-dash-lines'
|
|
337
342
|
export { IconRectangleDotLarge } from './rectangle-dot-large'
|
|
@@ -366,6 +371,7 @@ export { IconScissors } from './scissors'
|
|
|
366
371
|
export { IconScrollbarXy } from './scrollbar-xy'
|
|
367
372
|
export { IconSelect } from './select'
|
|
368
373
|
export { IconShadow } from './shadow'
|
|
374
|
+
export { IconShapesLinesStacked } from './shapes-lines-stacked'
|
|
369
375
|
export { IconShapesLines } from './shapes-lines'
|
|
370
376
|
export { IconShapes } from './shapes'
|
|
371
377
|
export { IconShieldCheck } from './shield-check'
|
|
@@ -444,6 +450,7 @@ export { IconStroke6 } from './stroke-6'
|
|
|
444
450
|
export { IconSwitch } from './switch'
|
|
445
451
|
export { IconTableFormat } from './table-format'
|
|
446
452
|
export { IconTable } from './table'
|
|
453
|
+
export { IconTablet } from './tablet'
|
|
447
454
|
export { IconTag } from './tag'
|
|
448
455
|
export { IconTasks } from './tasks'
|
|
449
456
|
export { IconTextAUnderline } from './text-a-underline'
|
|
@@ -461,6 +468,7 @@ export { IconTextIItalic } from './text-i-italic'
|
|
|
461
468
|
export { IconTextIndent } from './text-indent'
|
|
462
469
|
export { IconTextLineHeight } from './text-line-height'
|
|
463
470
|
export { IconTextLinesThree } from './text-lines-three'
|
|
471
|
+
export { IconTextPosition } from './text-position'
|
|
464
472
|
export { IconTextSStrikethrough } from './text-s-strikethrough'
|
|
465
473
|
export { IconTextStyles } from './text-styles'
|
|
466
474
|
export { IconTextT } from './text-t'
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -74,7 +74,7 @@ export const IconInformationMarkCircleOld: IconComponentType = forwardRef(
|
|
|
74
74
|
|
|
75
75
|
export const IconInformationMarkCircle: IconComponentType = forwardRef(
|
|
76
76
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
77
|
-
const [v1] =
|
|
77
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
78
78
|
return v1 ? (
|
|
79
79
|
<IconInformationMarkCircleNew
|
|
80
80
|
{...props}
|
package/react/key.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -76,7 +76,7 @@ export const IconKeyOld: IconComponentType = forwardRef((props, forwardRef) => {
|
|
|
76
76
|
|
|
77
77
|
export const IconKey: IconComponentType = forwardRef(
|
|
78
78
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
79
|
-
const [v1] =
|
|
79
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
80
80
|
return v1 ? (
|
|
81
81
|
<IconKeyNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
82
82
|
) : (
|
package/react/keycap.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -63,7 +63,7 @@ export const IconKeycapOld: IconComponentType = forwardRef(
|
|
|
63
63
|
|
|
64
64
|
export const IconKeycap: IconComponentType = forwardRef(
|
|
65
65
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
66
|
-
const [v1] =
|
|
66
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
67
67
|
return v1 ? (
|
|
68
68
|
<IconKeycapNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
69
69
|
) : (
|
package/react/laptop.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -73,7 +73,7 @@ export const IconLaptopOld: IconComponentType = forwardRef(
|
|
|
73
73
|
|
|
74
74
|
export const IconLaptop: IconComponentType = forwardRef(
|
|
75
75
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
76
|
-
const [v1] =
|
|
76
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
77
77
|
return v1 ? (
|
|
78
78
|
<IconLaptopNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
79
79
|
) : (
|
package/react/lasso.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -81,7 +81,7 @@ export const IconLassoOld: IconComponentType = forwardRef(
|
|
|
81
81
|
|
|
82
82
|
export const IconLasso: IconComponentType = forwardRef(
|
|
83
83
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
84
|
-
const [v1] =
|
|
84
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
85
85
|
return v1 ? (
|
|
86
86
|
<IconLassoNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
87
87
|
) : (
|
package/react/layout.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -63,7 +63,7 @@ export const IconLayoutOld: IconComponentType = forwardRef(
|
|
|
63
63
|
|
|
64
64
|
export const IconLayout: IconComponentType = forwardRef(
|
|
65
65
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
66
|
-
const [v1] =
|
|
66
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
67
67
|
return v1 ? (
|
|
68
68
|
<IconLayoutNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
69
69
|
) : (
|
package/react/lightbox.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -70,7 +70,7 @@ export const IconLightboxOld: IconComponentType = forwardRef(
|
|
|
70
70
|
|
|
71
71
|
export const IconLightbox: IconComponentType = forwardRef(
|
|
72
72
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
73
|
-
const [v1] =
|
|
73
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
74
74
|
return v1 ? (
|
|
75
75
|
<IconLightboxNew
|
|
76
76
|
{...props}
|
package/react/lightbulb.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -65,7 +65,7 @@ export const IconLightbulbOld: IconComponentType = forwardRef(
|
|
|
65
65
|
|
|
66
66
|
export const IconLightbulb: IconComponentType = forwardRef(
|
|
67
67
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
68
|
-
const [v1] =
|
|
68
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
69
69
|
return v1 ? (
|
|
70
70
|
<IconLightbulbNew
|
|
71
71
|
{...props}
|
package/react/lightning.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -65,7 +65,7 @@ export const IconLightningOld: IconComponentType = forwardRef(
|
|
|
65
65
|
|
|
66
66
|
export const IconLightning: IconComponentType = forwardRef(
|
|
67
67
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
68
|
-
const [v1] =
|
|
68
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
69
69
|
return v1 ? (
|
|
70
70
|
<IconLightningNew
|
|
71
71
|
{...props}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -62,7 +62,7 @@ export const IconLineTwoDiagonalTopRightDoubleOld: IconComponentType =
|
|
|
62
62
|
|
|
63
63
|
export const IconLineTwoDiagonalTopRightDouble: IconComponentType = forwardRef(
|
|
64
64
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
65
|
-
const [v1] =
|
|
65
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
66
66
|
return v1 ? (
|
|
67
67
|
<IconLineTwoDiagonalTopRightDoubleNew
|
|
68
68
|
{...props}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -62,7 +62,7 @@ export const IconLinesThreeHorizontalLineVerticalCenterOld: IconComponentType =
|
|
|
62
62
|
|
|
63
63
|
export const IconLinesThreeHorizontalLineVerticalCenter: IconComponentType =
|
|
64
64
|
forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
65
|
-
const [v1] =
|
|
65
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
66
66
|
return v1 ? (
|
|
67
67
|
<IconLinesThreeHorizontalLineVerticalCenterNew
|
|
68
68
|
{...props}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -63,7 +63,7 @@ export const IconLinesThreeHorizontalOld: IconComponentType = forwardRef(
|
|
|
63
63
|
|
|
64
64
|
export const IconLinesThreeHorizontal: IconComponentType = forwardRef(
|
|
65
65
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
66
|
-
const [v1] =
|
|
66
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
67
67
|
return v1 ? (
|
|
68
68
|
<IconLinesThreeHorizontalNew
|
|
69
69
|
{...props}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -63,7 +63,7 @@ export const IconLinesThreeVerticalOld: IconComponentType = forwardRef(
|
|
|
63
63
|
|
|
64
64
|
export const IconLinesThreeVertical: IconComponentType = forwardRef(
|
|
65
65
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
66
|
-
const [v1] =
|
|
66
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
67
67
|
return v1 ? (
|
|
68
68
|
<IconLinesThreeVerticalNew
|
|
69
69
|
{...props}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -73,7 +73,7 @@ export const IconLinesTopLeftColumnsTwoOld: IconComponentType = forwardRef(
|
|
|
73
73
|
|
|
74
74
|
export const IconLinesTopLeftColumnsTwo: IconComponentType = forwardRef(
|
|
75
75
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
76
|
-
const [v1] =
|
|
76
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
77
77
|
return v1 ? (
|
|
78
78
|
<IconLinesTopLeftColumnsTwoNew
|
|
79
79
|
{...props}
|
package/react/link-plus.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -63,7 +63,7 @@ export const IconLinkPlusOld: IconComponentType = forwardRef(
|
|
|
63
63
|
|
|
64
64
|
export const IconLinkPlus: IconComponentType = forwardRef(
|
|
65
65
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
66
|
-
const [v1] =
|
|
66
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
67
67
|
return v1 ? (
|
|
68
68
|
<IconLinkPlusNew
|
|
69
69
|
{...props}
|
package/react/link.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -62,7 +62,7 @@ export const IconLinkOld: IconComponentType = forwardRef(
|
|
|
62
62
|
|
|
63
63
|
export const IconLink: IconComponentType = forwardRef(
|
|
64
64
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
65
|
-
const [v1] =
|
|
65
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
66
66
|
return v1 ? (
|
|
67
67
|
<IconLinkNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
68
68
|
) : (
|
package/react/list-bullets.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -68,7 +68,7 @@ export const IconListBulletsOld: IconComponentType = forwardRef(
|
|
|
68
68
|
|
|
69
69
|
export const IconListBullets: IconComponentType = forwardRef(
|
|
70
70
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
71
|
-
const [v1] =
|
|
71
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
72
72
|
return v1 ? (
|
|
73
73
|
<IconListBulletsNew
|
|
74
74
|
{...props}
|
package/react/list-numbers.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -64,7 +64,7 @@ export const IconListNumbersOld: IconComponentType = forwardRef(
|
|
|
64
64
|
|
|
65
65
|
export const IconListNumbers: IconComponentType = forwardRef(
|
|
66
66
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
67
|
-
const [v1] =
|
|
67
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
68
68
|
return v1 ? (
|
|
69
69
|
<IconListNumbersNew
|
|
70
70
|
{...props}
|
package/react/lock-closed.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -75,7 +75,7 @@ export const IconLockClosedOld: IconComponentType = forwardRef(
|
|
|
75
75
|
|
|
76
76
|
export const IconLockClosed: IconComponentType = forwardRef(
|
|
77
77
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
78
|
-
const [v1] =
|
|
78
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
79
79
|
return v1 ? (
|
|
80
80
|
<IconLockClosedNew
|
|
81
81
|
{...props}
|
package/react/lock-open.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -70,7 +70,7 @@ export const IconLockOpenOld: IconComponentType = forwardRef(
|
|
|
70
70
|
|
|
71
71
|
export const IconLockOpen: IconComponentType = forwardRef(
|
|
72
72
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
73
|
-
const [v1] =
|
|
73
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
74
74
|
return v1 ? (
|
|
75
75
|
<IconLockOpenNew
|
|
76
76
|
{...props}
|
package/react/login.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -76,7 +76,7 @@ export const IconLoginOld: IconComponentType = forwardRef(
|
|
|
76
76
|
|
|
77
77
|
export const IconLogin: IconComponentType = forwardRef(
|
|
78
78
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
79
|
-
const [v1] =
|
|
79
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
80
80
|
return v1 ? (
|
|
81
81
|
<IconLoginNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
82
82
|
) : (
|
package/react/logout.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -76,7 +76,7 @@ export const IconLogoutOld: IconComponentType = forwardRef(
|
|
|
76
76
|
|
|
77
77
|
export const IconLogout: IconComponentType = forwardRef(
|
|
78
78
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
79
|
-
const [v1] =
|
|
79
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
80
80
|
return v1 ? (
|
|
81
81
|
<IconLogoutNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
82
82
|
) : (
|
package/react/magnet.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -62,7 +62,7 @@ export const IconMagnetOld: IconComponentType = forwardRef(
|
|
|
62
62
|
|
|
63
63
|
export const IconMagnet: IconComponentType = forwardRef(
|
|
64
64
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
65
|
-
const [v1] =
|
|
65
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
66
66
|
return v1 ? (
|
|
67
67
|
<IconMagnetNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
68
68
|
) : (
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -75,7 +75,7 @@ export const IconMagnifyingGlassLightningOld: IconComponentType = forwardRef(
|
|
|
75
75
|
|
|
76
76
|
export const IconMagnifyingGlassLightning: IconComponentType = forwardRef(
|
|
77
77
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
78
|
-
const [v1] =
|
|
78
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
79
79
|
return v1 ? (
|
|
80
80
|
<IconMagnifyingGlassLightningNew
|
|
81
81
|
{...props}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -62,7 +62,7 @@ export const IconMagnifyingGlassPlusOld: IconComponentType = forwardRef(
|
|
|
62
62
|
|
|
63
63
|
export const IconMagnifyingGlassPlus: IconComponentType = forwardRef(
|
|
64
64
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
65
|
-
const [v1] =
|
|
65
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
66
66
|
return v1 ? (
|
|
67
67
|
<IconMagnifyingGlassPlusNew
|
|
68
68
|
{...props}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -62,7 +62,7 @@ export const IconMagnifyingGlassOld: IconComponentType = forwardRef(
|
|
|
62
62
|
|
|
63
63
|
export const IconMagnifyingGlass: IconComponentType = forwardRef(
|
|
64
64
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
65
|
-
const [v1] =
|
|
65
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
66
66
|
return v1 ? (
|
|
67
67
|
<IconMagnifyingGlassNew
|
|
68
68
|
{...props}
|
package/react/map.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -63,7 +63,7 @@ export const IconMapOld: IconComponentType = forwardRef((props, forwardRef) => {
|
|
|
63
63
|
|
|
64
64
|
export const IconMap: IconComponentType = forwardRef(
|
|
65
65
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
66
|
-
const [v1] =
|
|
66
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
67
67
|
return v1 ? (
|
|
68
68
|
<IconMapNew {...props} size={size} weight={weight} ref={forwardRef} />
|
|
69
69
|
) : (
|
package/react/megaphone.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
-
import {
|
|
8
|
+
import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
|
|
9
9
|
|
|
10
10
|
import { StyledIcon } from '../src/icon'
|
|
11
11
|
import type { IconComponentType } from '../src/icon'
|
|
@@ -84,7 +84,7 @@ export const IconMegaphoneOld: IconComponentType = forwardRef(
|
|
|
84
84
|
|
|
85
85
|
export const IconMegaphone: IconComponentType = forwardRef(
|
|
86
86
|
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
87
|
-
const [v1] =
|
|
87
|
+
const [v1] = useNewDesignLanguageIcons()
|
|
88
88
|
return v1 ? (
|
|
89
89
|
<IconMegaphoneNew
|
|
90
90
|
{...props}
|