@mirohq/design-system-icons 0.48.4 → 0.49.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.
Files changed (70) hide show
  1. package/dist/main.js +867 -18
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +843 -19
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +52 -2
  6. package/package.json +4 -4
  7. package/react/alignment-scale.tsx +42 -0
  8. package/react/arrow-fat-left-right.tsx +42 -0
  9. package/react/arrow-fat-left.tsx +41 -0
  10. package/react/arrows-time-backward.tsx +40 -0
  11. package/react/arrows-time-forward.tsx +40 -0
  12. package/react/box-captions.tsx +40 -0
  13. package/react/clock.tsx +1 -1
  14. package/react/columns.tsx +36 -0
  15. package/react/diagramming.tsx +36 -0
  16. package/react/doc.tsx +36 -0
  17. package/react/external.tsx +36 -0
  18. package/react/index.ts +25 -0
  19. package/react/monitor-pause.tsx +5 -0
  20. package/react/monitor-play.tsx +5 -0
  21. package/react/monitor-stop.tsx +6 -1
  22. package/react/proto-button.tsx +42 -0
  23. package/react/proto-checkbox.tsx +36 -0
  24. package/react/proto-dropdown.tsx +42 -0
  25. package/react/proto-input.tsx +42 -0
  26. package/react/proto-number.tsx +42 -0
  27. package/react/proto-radio.tsx +40 -0
  28. package/react/proto-slider.tsx +38 -0
  29. package/react/prototype.tsx +36 -0
  30. package/react/rectangle-dot-large.tsx +36 -0
  31. package/react/rectangle-dot-medium.tsx +36 -0
  32. package/react/rectangle-dot-small.tsx +36 -0
  33. package/react/shield-lock-filled.tsx +36 -0
  34. package/react/slide.tsx +36 -0
  35. package/react/sparks.tsx +1 -1
  36. package/react/switch.tsx +8 -6
  37. package/react/table.tsx +36 -0
  38. package/react/timeline.tsx +36 -0
  39. package/svg/24/alignment-scale.svg +2 -0
  40. package/svg/24/arrow-fat-left-right.svg +2 -0
  41. package/svg/24/arrow-fat-left.svg +2 -0
  42. package/svg/24/arrows-time-backward.svg +2 -0
  43. package/svg/24/arrows-time-forward.svg +2 -0
  44. package/svg/24/box-captions.svg +2 -0
  45. package/svg/24/clock.svg +1 -1
  46. package/svg/24/columns.svg +2 -0
  47. package/svg/24/diagramming.svg +2 -0
  48. package/svg/24/doc.svg +2 -0
  49. package/svg/24/external.svg +2 -0
  50. package/svg/24/monitor-pause.svg +1 -1
  51. package/svg/24/monitor-play.svg +1 -1
  52. package/svg/24/monitor-stop.svg +1 -1
  53. package/svg/24/proto-button.svg +2 -0
  54. package/svg/24/proto-checkbox.svg +2 -0
  55. package/svg/24/proto-dropdown.svg +2 -0
  56. package/svg/24/proto-input.svg +2 -0
  57. package/svg/24/proto-number.svg +2 -0
  58. package/svg/24/proto-radio.svg +2 -0
  59. package/svg/24/proto-slider.svg +2 -0
  60. package/svg/24/prototype.svg +2 -0
  61. package/svg/24/rectangle-dot-large.svg +2 -0
  62. package/svg/24/rectangle-dot-medium.svg +2 -0
  63. package/svg/24/rectangle-dot-small.svg +2 -0
  64. package/svg/24/shield-lock-filled.svg +2 -0
  65. package/svg/24/slide.svg +2 -0
  66. package/svg/24/sparks.svg +1 -1
  67. package/svg/24/switch.svg +1 -1
  68. package/svg/24/table.svg +2 -0
  69. package/svg/24/timeline.svg +2 -0
  70. package/svg/meta.json +200 -2
package/react/index.ts CHANGED
@@ -7,6 +7,7 @@ export { IconAlignCenterVertical } from './align-center-vertical'
7
7
  export { IconAlignLeft } from './align-left'
8
8
  export { IconAlignRight } from './align-right'
9
9
  export { IconAlignTop } from './align-top'
10
+ export { IconAlignmentScale } from './alignment-scale'
10
11
  export { IconArrowArcLeft } from './arrow-arc-left'
11
12
  export { IconArrowArcRight } from './arrow-arc-right'
12
13
  export { IconArrowBendUpLeft } from './arrow-bend-up-left'
@@ -21,6 +22,8 @@ export { IconArrowDownLeft } from './arrow-down-left'
21
22
  export { IconArrowDownRight } from './arrow-down-right'
22
23
  export { IconArrowDown } from './arrow-down'
23
24
  export { IconArrowElbowDownRight } from './arrow-elbow-down-right'
25
+ export { IconArrowFatLeftRight } from './arrow-fat-left-right'
26
+ export { IconArrowFatLeft } from './arrow-fat-left'
24
27
  export { IconArrowFatRight } from './arrow-fat-right'
25
28
  export { IconArrowFatUpRight } from './arrow-fat-up-right'
26
29
  export { IconArrowLeft } from './arrow-left'
@@ -39,6 +42,8 @@ export { IconArrowsOutCardinal } from './arrows-out-cardinal'
39
42
  export { IconArrowsOutLinesHorizontal } from './arrows-out-lines-horizontal'
40
43
  export { IconArrowsOutSimple } from './arrows-out-simple'
41
44
  export { IconArrowsSquareCounterClockwiseY } from './arrows-square-counter-clockwise-y'
45
+ export { IconArrowsTimeBackward } from './arrows-time-backward'
46
+ export { IconArrowsTimeForward } from './arrows-time-forward'
42
47
  export { IconArticle } from './article'
43
48
  export { IconAt } from './at'
44
49
  export { IconBadge } from './badge'
@@ -49,6 +54,7 @@ export { IconBell } from './bell'
49
54
  export { IconBoard } from './board'
50
55
  export { IconBookOpenInfo } from './book-open-info'
51
56
  export { IconBookmark } from './bookmark'
57
+ export { IconBoxCaptions } from './box-captions'
52
58
  export { IconBracketCurlyLeft } from './bracket-curly-left'
53
59
  export { IconBracketCurlyRight } from './bracket-curly-right'
54
60
  export { IconBracketsAngleSlash } from './brackets-angle-slash'
@@ -104,6 +110,7 @@ export { IconCoinsChecked } from './coins-checked'
104
110
  export { IconCoinsSlash } from './coins-slash'
105
111
  export { IconCoins } from './coins'
106
112
  export { IconColumnsThree } from './columns-three'
113
+ export { IconColumns } from './columns'
107
114
  export { IconCommentGroup } from './comment-group'
108
115
  export { IconConeSerpentine } from './cone-serpentine'
109
116
  export { IconConnectionLineElbows } from './connection-line-elbows'
@@ -137,8 +144,10 @@ export { IconDiagramCardSmall2 } from './diagram-card-small-2'
137
144
  export { IconDiagramCardSmall3 } from './diagram-card-small-3'
138
145
  export { IconDiagramCardTeam } from './diagram-card-team'
139
146
  export { IconDiagramCardUser } from './diagram-card-user'
147
+ export { IconDiagramming } from './diagramming'
140
148
  export { IconDistributeHorizontal } from './distribute-horizontal'
141
149
  export { IconDistributeVertical } from './distribute-vertical'
150
+ export { IconDoc } from './doc'
142
151
  export { IconDollarSignCurrency } from './dollar-sign-currency'
143
152
  export { IconDotVoting } from './dot-voting'
144
153
  export { IconDotsNine } from './dots-nine'
@@ -153,6 +162,7 @@ export { IconEraser } from './eraser'
153
162
  export { IconExclamationMarkOctagon } from './exclamation-mark-octagon'
154
163
  export { IconExclamationPointCircle } from './exclamation-point-circle'
155
164
  export { IconExport } from './export'
165
+ export { IconExternal } from './external'
156
166
  export { IconEyeClosedDotsFourFrameBroken } from './eye-closed-dots-four-frame-broken'
157
167
  export { IconEyeClosed } from './eye-closed'
158
168
  export { IconEyeOpenLineFrameBroken } from './eye-open-line-frame-broken'
@@ -290,6 +300,14 @@ export { IconPresentationPlay } from './presentation-play'
290
300
  export { IconPresentationPlus } from './presentation-plus'
291
301
  export { IconPrevious } from './previous'
292
302
  export { IconProhibit } from './prohibit'
303
+ export { IconProtoButton } from './proto-button'
304
+ export { IconProtoCheckbox } from './proto-checkbox'
305
+ export { IconProtoDropdown } from './proto-dropdown'
306
+ export { IconProtoInput } from './proto-input'
307
+ export { IconProtoNumber } from './proto-number'
308
+ export { IconProtoRadio } from './proto-radio'
309
+ export { IconProtoSlider } from './proto-slider'
310
+ export { IconPrototype } from './prototype'
293
311
  export { IconPushPinFilled } from './push-pin-filled'
294
312
  export { IconPushPin } from './push-pin'
295
313
  export { IconQuestionMarkCircle } from './question-mark-circle'
@@ -297,7 +315,10 @@ export { IconQuestionMark } from './question-mark'
297
315
  export { IconQuotes } from './quotes'
298
316
  export { IconRectangleArrowUpCenter } from './rectangle-arrow-up-center'
299
317
  export { IconRectangleDashLines } from './rectangle-dash-lines'
318
+ export { IconRectangleDotLarge } from './rectangle-dot-large'
300
319
  export { IconRectangleDotLinePen } from './rectangle-dot-line-pen'
320
+ export { IconRectangleDotMedium } from './rectangle-dot-medium'
321
+ export { IconRectangleDotSmall } from './rectangle-dot-small'
301
322
  export { IconRectangleFrame2Lines } from './rectangle-frame-2-lines'
302
323
  export { IconRectanglePlayStack } from './rectangle-play-stack'
303
324
  export { IconRectanglePortraitDashSquareTopCenter } from './rectangle-portrait-dash-square-top-center'
@@ -326,6 +347,7 @@ export { IconShadow } from './shadow'
326
347
  export { IconShapesLines } from './shapes-lines'
327
348
  export { IconShapes } from './shapes'
328
349
  export { IconShieldCheck } from './shield-check'
350
+ export { IconShieldLockFilled } from './shield-lock-filled'
329
351
  export { IconShieldLock } from './shield-lock'
330
352
  export { IconShuffle } from './shuffle'
331
353
  export { IconSidebarClosed } from './sidebar-closed'
@@ -333,6 +355,7 @@ export { IconSidebarGlobalClosed } from './sidebar-global-closed'
333
355
  export { IconSidebarGlobalOpen } from './sidebar-global-open'
334
356
  export { IconSidebarOpen } from './sidebar-open'
335
357
  export { IconSingleSparksFilled } from './single-sparks-filled'
358
+ export { IconSlide } from './slide'
336
359
  export { IconSlidersX } from './sliders-x'
337
360
  export { IconSlidersY } from './sliders-y'
338
361
  export { IconSmileyChat } from './smiley-chat'
@@ -395,6 +418,7 @@ export { IconStroke4 } from './stroke-4'
395
418
  export { IconStroke5 } from './stroke-5'
396
419
  export { IconStroke6 } from './stroke-6'
397
420
  export { IconSwitch } from './switch'
421
+ export { IconTable } from './table'
398
422
  export { IconTag } from './tag'
399
423
  export { IconTasks } from './tasks'
400
424
  export { IconTextAUnderline } from './text-a-underline'
@@ -419,6 +443,7 @@ export { IconTextUUnderlined } from './text-u-underlined'
419
443
  export { IconThumbsUp } from './thumbs-up'
420
444
  export { IconTickCircle } from './tick-circle'
421
445
  export { IconTicket } from './ticket'
446
+ export { IconTimeline } from './timeline'
422
447
  export { IconTimer } from './timer'
423
448
  export { IconToolbar } from './toolbar'
424
449
  export { IconTooltip } from './tooltip'
@@ -29,6 +29,11 @@ export const IconMonitorPause: IconComponentType = forwardRef(
29
29
  strokeLinejoin='round'
30
30
  strokeWidth='var(--svg-stroke-width)'
31
31
  d='M9 21h6m-5-12v4m4-4v4m-10-9h16c.5523 0 1 .4477 1 1v12c0 .5523-.4477 1-1 1h-16c-.5523 0-1-.4477-1-1v-12c0-.5523.4477-1 1-1Z'
32
+ />,
33
+ <path
34
+ stroke='currentColor'
35
+ strokeWidth='var(--svg-stroke-width)'
36
+ d='M14 12v.0001'
32
37
  />
33
38
  )
34
39
  }
@@ -33,6 +33,11 @@ export const IconMonitorPlay: IconComponentType = forwardRef(
33
33
  <path
34
34
  fill='currentColor'
35
35
  d='M15.376 10.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
36
+ />,
37
+ <path
38
+ stroke='currentColor'
39
+ strokeWidth='var(--svg-stroke-width)'
40
+ d='M12 11v.0001'
36
41
  />
37
42
  )
38
43
  }
@@ -30,7 +30,12 @@ export const IconMonitorStop: IconComponentType = forwardRef(
30
30
  strokeWidth='var(--svg-stroke-width)'
31
31
  d='M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
32
32
  />,
33
- <rect width={6} height={6} x={9} y={8} fill='currentColor' rx={1} />
33
+ <rect width={6} height={6} x={9} y={8} fill='currentColor' rx={1} />,
34
+ <path
35
+ stroke='currentColor'
36
+ strokeWidth='var(--svg-stroke-width)'
37
+ d='M12 11v.0001'
38
+ />
34
39
  )
35
40
  }
36
41
  )
@@ -0,0 +1,42 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconProtoButton: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M2 9c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v5h-2v-5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h5v2h-5c-1.6568 0-3-1.3431-3-3v-6Z'
30
+ clipRule='evenodd'
31
+ />,
32
+ <path
33
+ fill='currentColor'
34
+ fillRule='evenodd'
35
+ d='M12.6418 10.1187c.4172-.2073.9507-.1485 1.316.2243l5.6609 5.7788c.3885.3966.4467.93.3215 1.3399-.1252.4098-.4983.8699-1.1233.9239l-1.762.1522.7829 2.115c.1917.518-.0727 1.0933-.5906 1.285-.518.1917-1.0933-.0727-1.285-.5906l-.7077-1.9118-1.0636 1.0616c-.415.4143-1.007.4722-1.4693.239-.4447-.2242-.7216-.6838-.7216-1.191v-8.3813c0-.4393.2425-.8467.6418-1.045Zm1.3582 3.1255v4.6175l.8399-.8383a1.2761 1.2761 0 0 1 .7914-.3701l1.575-.136-3.2063-3.2731Z'
36
+ clipRule='evenodd'
37
+ />
38
+ )
39
+ }
40
+ )
41
+
42
+ IconProtoButton[iconSymbol] = true
@@ -0,0 +1,36 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconProtoCheckbox: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M5 8c0-1.6569 1.3431-3 3-3h8c1.6569 0 3 1.3431 3 3v8c0 1.6569-1.3431 3-3 3h-8c-1.6569 0-3-1.3431-3-3v-8Zm3-1c-.5523 0-1 .4477-1 1v8c0 .5523.4477 1 1 1h8c.5523 0 1-.4477 1-1v-8c0-.5523-.4477-1-1-1h-8Zm7.1352 2.2276c.4265.3508.488.981.1372 1.4076l-2.6716 3.2486c-.7201.8756-2.0605.8756-2.7805 0l-1.0927-1.3286c-.3508-.4266-.2893-1.0568.1372-1.4076.4266-.3508 1.0568-.2893 1.4076.1372l.9381 1.1408 2.5171-3.0608c.3508-.4265.981-.488 1.4076-.1372Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ }
34
+ )
35
+
36
+ IconProtoCheckbox[iconSymbol] = true
@@ -0,0 +1,42 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconProtoDropdown: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M2 7c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v10c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-10Zm3-1c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-14Z'
30
+ clipRule='evenodd'
31
+ />,
32
+ <path
33
+ fill='currentColor'
34
+ fillRule='evenodd'
35
+ d='M11.2191 10.8753c.345-.4313.9743-.5012 1.4056-.1562l1.8753 1.5003 1.8753-1.5003c.4313-.345 1.0606-.2751 1.4056.1562s.2751 1.0606-.1562 1.4056l-2.1877 1.7501a1.4998 1.4998 0 0 1-1.874 0l-2.1877-1.7501c-.4313-.345-.5012-.9743-.1562-1.4056Z'
36
+ clipRule='evenodd'
37
+ />
38
+ )
39
+ }
40
+ )
41
+
42
+ IconProtoDropdown[iconSymbol] = true
@@ -0,0 +1,42 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconProtoInput: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M2 7c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v10c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-10Zm3-1c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-14Z'
30
+ clipRule='evenodd'
31
+ />,
32
+ <path
33
+ fill='currentColor'
34
+ fillRule='evenodd'
35
+ d='M7 8c.5523 0 1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6c0-.5523.4477-1 1-1Z'
36
+ clipRule='evenodd'
37
+ />
38
+ )
39
+ }
40
+ )
41
+
42
+ IconProtoInput[iconSymbol] = true
@@ -0,0 +1,42 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconProtoNumber: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M2 7c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v10c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-10Zm3-1c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-14Z'
30
+ clipRule='evenodd'
31
+ />,
32
+ <path
33
+ fill='currentColor'
34
+ fillRule='evenodd'
35
+ d='M11.2191 12.8753c.345-.4313.9743-.5012 1.4056-.1562l1.8753 1.5003 1.8753-1.5003c.4313-.345 1.0606-.2751 1.4056.1562s.2751 1.0606-.1562 1.4056l-2.1877 1.7501a1.4998 1.4998 0 0 1-1.874 0l-2.1877-1.7501c-.4313-.345-.5012-.9743-.1562-1.4056ZM14.5 9.7806l1.8753 1.5003c.4313.345 1.0606.2751 1.4056-.1562s.2751-1.0606-.1562-1.4056l-2.1877-1.75a1.4999 1.4999 0 0 0-1.874 0l-2.1877 1.75c-.4313.345-.5012.9743-.1562 1.4056.345.4313.9743.5012 1.4056.1562l1.8753-1.5003Z'
36
+ clipRule='evenodd'
37
+ />
38
+ )
39
+ }
40
+ )
41
+
42
+ IconProtoNumber[iconSymbol] = true
@@ -0,0 +1,40 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconProtoRadio: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M12 17c2.7614 0 5-2.2386 5-5s-2.2386-5-5-5-5 2.2386-5 5 2.2386 5 5 5Zm0 2c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7Z'
30
+ clipRule='evenodd'
31
+ />,
32
+ <path
33
+ fill='currentColor'
34
+ d='M15 12c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3Z'
35
+ />
36
+ )
37
+ }
38
+ )
39
+
40
+ IconProtoRadio[iconSymbol] = true
@@ -0,0 +1,38 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconProtoSlider: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ d='M15 12c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3Z'
29
+ />,
30
+ <path
31
+ fill='currentColor'
32
+ d='M2 12c0-.5523.4477-1 1-1h7v2h-7c-.5523 0-1-.4477-1-1ZM17 11h4c.5523 0 1 .4477 1 1'
33
+ />
34
+ )
35
+ }
36
+ )
37
+
38
+ IconProtoSlider[iconSymbol] = true
@@ -0,0 +1,36 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconPrototype: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M8 2c-1.6569 0-3 1.3432-3 3v14c0 1.6569 1.3431 3 3 3h8c1.6569 0 3-1.3431 3-3v-14c0-1.6568-1.3431-3-3-3h-8Zm-1 3c0-.5523.4477-1 1-1h8c.5523 0 1 .4477 1 1v14c0 .5523-.4477 1-1 1h-8c-.5523 0-1-.4477-1-1v-14Zm4 1c-.5523 0-1 .4477-1 1s.4477 1 1 1h2c.5523 0 1-.4477 1-1s-.4477-1-1-1h-2Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ }
34
+ )
35
+
36
+ IconPrototype[iconSymbol] = true
@@ -0,0 +1,36 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconRectangleDotLarge: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M5 4c-1.6568 0-3 1.3431-3 3v10c0 1.6569 1.3432 3 3 3h14c1.6569 0 3-1.3431 3-3v-10c0-1.6569-1.3431-3-3-3h-14Zm-1 3c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1v10c0 .5523-.4477 1-1 1h-14c-.5523 0-1-.4477-1-1v-10Zm11 8c2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ }
34
+ )
35
+
36
+ IconRectangleDotLarge[iconSymbol] = true
@@ -0,0 +1,36 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconRectangleDotMedium: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M5 4c-1.6568 0-3 1.3431-3 3v10c0 1.6569 1.3432 3 3 3h14c1.6569 0 3-1.3431 3-3v-10c0-1.6569-1.3431-3-3-3h-14Zm-1 3c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1v10c0 .5523-.4477 1-1 1h-14c-.5523 0-1-.4477-1-1v-10Zm12 6c1.6569 0 3-1.3431 3-3s-1.3431-3-3-3-3 1.3431-3 3 1.3431 3 3 3Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ }
34
+ )
35
+
36
+ IconRectangleDotMedium[iconSymbol] = true
@@ -0,0 +1,36 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconRectangleDotSmall: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M5 4c-1.6568 0-3 1.3431-3 3v10c0 1.6569 1.3432 3 3 3h14c1.6569 0 3-1.3431 3-3v-10c0-1.6569-1.3431-3-3-3h-14Zm-1 3c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1v10c0 .5523-.4477 1-1 1h-14c-.5523 0-1-.4477-1-1v-10Zm13 4c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ }
34
+ )
35
+
36
+ IconRectangleDotSmall[iconSymbol] = true
@@ -0,0 +1,36 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconShieldLockFilled: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='m21 5.307-9-3.375-9 3.375v7.7375a7.6376 7.6376 0 0 0 1.8387 4.9706 14.2744 14.2744 0 0 0 3.4941 2.9508l2.6382 1.5829c.6334.38 1.4246.38 2.058 0l2.6382-1.5829a14.2757 14.2757 0 0 0 3.4941-2.9508 7.6378 7.6378 0 0 0 1.8387-4.9706v-7.7375Zm-10 4.193c0-.5523.4477-1 1-1s1 .4477 1 1v1.5h-2v-1.5Zm-2 1.5v-1.5c0-1.6569 1.3431-3 3-3s3 1.3431 3 3v1.5c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1h-6c-.5523 0-1-.4477-1-1v-3c0-.5523.4477-1 1-1Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ }
34
+ )
35
+
36
+ IconShieldLockFilled[iconSymbol] = true
@@ -0,0 +1,36 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconSlide: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ size,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M5 2c-1.6568 0-3 1.3432-3 3v14c0 1.6569 1.3432 3 3 3h14c1.6569 0 3-1.3431 3-3v-14c0-1.6568-1.3431-3-3-3h-14Zm-1 3c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1v14c0 .5523-.4477 1-1 1h-14c-.5523 0-1-.4477-1-1v-14Zm7.166 3.7774 3.8979 2.5986c.4453.2968.4453.9512 0 1.248l-3.8979 2.5987c-.4984.3322-1.166-.0251-1.166-.6241v-5.1972c0-.599.6676-.9563 1.166-.624Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ }
34
+ )
35
+
36
+ IconSlide[iconSymbol] = true