webcake-ui-kit 1.2.0 → 1.2.1

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 (67) hide show
  1. package/package.json +8 -2
  2. package/src/components/checkbox/Checkbox.vue +1 -1
  3. package/src/components/drawer/Drawer.vue +261 -0
  4. package/src/components/drawer/drawer.css +162 -0
  5. package/src/components/dropdown/Dropdown.vue +15 -9
  6. package/src/components/hover-card/HoverCard.vue +159 -0
  7. package/src/components/hover-card/hover-card.css +10 -0
  8. package/src/components/input-counter/InputCounter.vue +250 -0
  9. package/src/components/input-counter/input-counter.css +209 -0
  10. package/src/components/menu/Menu.vue +4 -2
  11. package/src/components/popover/Popover.vue +144 -0
  12. package/src/components/popover/popover.css +3 -0
  13. package/src/components/table-v2/ColumnDragHandle.vue +103 -0
  14. package/src/components/table-v2/Table.vue +299 -0
  15. package/src/components/table-v2/TableColGroup.vue +55 -0
  16. package/src/components/table-v2/TableEmpty.vue +10 -0
  17. package/src/components/table-v2/TableLoading.vue +25 -0
  18. package/src/components/table-v2/TableResizeObserver.vue +93 -0
  19. package/src/components/table-v2/TableWrapper.vue +193 -0
  20. package/src/components/table-v2/body/DragPreview.vue +65 -0
  21. package/src/components/table-v2/body/MeasureCell.vue +42 -0
  22. package/src/components/table-v2/body/TableBody.vue +126 -0
  23. package/src/components/table-v2/body/TableCell.vue +108 -0
  24. package/src/components/table-v2/body/TableRow.vue +73 -0
  25. package/src/components/table-v2/composables/useColumns.js +19 -0
  26. package/src/components/table-v2/composables/useSorter.js +12 -0
  27. package/src/components/table-v2/composables/useSticky.js +31 -0
  28. package/src/components/table-v2/constants.js +2 -0
  29. package/src/components/table-v2/context/createTableContext.js +79 -0
  30. package/src/components/table-v2/header/TableHeader.vue +15 -0
  31. package/src/components/table-v2/header/TableHeaderCell.vue +89 -0
  32. package/src/components/table-v2/header/TableHeaderRow.vue +107 -0
  33. package/src/components/table-v2/style/table-body.css +0 -0
  34. package/src/components/table-v2/style/table-header.css +0 -0
  35. package/src/components/table-v2/style/table-loading.css +19 -0
  36. package/src/components/table-v2/style/table-wrapper.css +287 -0
  37. package/src/components/table-v2/style/table.css +5 -0
  38. package/src/icons/BoxShadow.vue +35 -0
  39. package/src/icons/Carousel.vue +34 -0
  40. package/src/icons/CloudSync2.vue +42 -0
  41. package/src/icons/CornerBottomLeft.vue +26 -0
  42. package/src/icons/CornerBottomRight.vue +26 -0
  43. package/src/icons/CornerTopLeft.vue +26 -0
  44. package/src/icons/CornerTopRight.vue +26 -0
  45. package/src/icons/DistanceRight.vue +30 -0
  46. package/src/icons/DistanceTop.vue +30 -0
  47. package/src/icons/DropShadow.vue +35 -0
  48. package/src/icons/Fire.vue +26 -0
  49. package/src/icons/GlobeAccess.vue +32 -0
  50. package/src/icons/InnerShadow.vue +33 -0
  51. package/src/icons/Livestream.vue +54 -0
  52. package/src/icons/PaddingBottom.vue +30 -0
  53. package/src/icons/PaddingLeft.vue +30 -0
  54. package/src/icons/PaddingRight.vue +30 -0
  55. package/src/icons/PaddingTop.vue +30 -0
  56. package/src/icons/SkewHeight.vue +32 -0
  57. package/src/icons/SkewWidth.vue +32 -0
  58. package/src/icons/SquareDashedBottomSolid.vue +26 -0
  59. package/src/icons/SquareDashedLeftSolid.vue +26 -0
  60. package/src/icons/SquareDashedRightSolid.vue +26 -0
  61. package/src/icons/StrokeLine.vue +23 -0
  62. package/src/icons/Topline.vue +26 -0
  63. package/src/icons/index.js +25 -0
  64. package/src/index.js +5 -0
  65. package/src/styles/.omc/state/agent-replay-645326b7-372b-463d-ab45-0adaafe31a51.jsonl +2 -0
  66. package/src/styles/.omc/state/subagent-tracking.json +7 -0
  67. package/src/utils/common.js +34 -0
@@ -0,0 +1,42 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M15.0747 16.275C15.0747 15.5762 14.7804 14.7912 14.1694 14.1803C13.0001 13.0111 11.2273 12.9743 10.0203 14.0704L9.90528 14.1803C9.61238 14.4732 9.13762 14.4732 8.84473 14.1803C8.55184 13.8874 8.55184 13.4126 8.84473 13.1197L9.01539 12.9571C10.8113 11.3286 13.493 11.3829 15.23 13.1197C16.119 14.0088 16.5747 15.1738 16.5747 16.275C16.5747 16.6892 16.2389 17.025 15.8247 17.025C15.4106 17.0248 15.0747 16.6891 15.0747 16.275Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M9.21959 11.0843C9.37917 10.7393 9.7775 10.5644 10.1446 10.691C10.5116 10.8176 10.7172 11.2007 10.6302 11.5707L10.609 11.6446L10.1029 13.1102L11.5692 13.6163L11.641 13.6449C11.9857 13.8045 12.1606 14.2023 12.0343 14.5692C11.9077 14.9364 11.5241 15.1427 11.1539 15.0555L11.0807 15.0343L8.90538 14.2843C8.51386 14.1492 8.30609 13.7222 8.44102 13.3307L9.19102 11.1554L9.21959 11.0843Z"
10
+ fill="currentColor"
11
+ />
12
+ <path
13
+ d="M7.42502 16.275C7.42502 15.8608 7.7608 15.525 8.17502 15.525C8.58923 15.525 8.92502 15.8608 8.92502 16.275C8.92502 16.9738 9.21934 17.7588 9.83029 18.3697C11.0373 19.5768 12.8873 19.5767 14.0945 18.3697C14.3873 18.0769 14.8621 18.077 15.155 18.3697C15.4479 18.6626 15.4479 19.1374 15.155 19.4303C13.3621 21.223 10.5626 21.2231 8.76974 19.4303C7.8807 18.5412 7.42502 17.3762 7.42502 16.275Z"
14
+ fill="currentColor"
15
+ />
16
+ <path
17
+ d="M11.966 17.9804C12.0927 17.6134 12.4757 17.4078 12.8457 17.4948L12.9197 17.516L15.0942 18.266L15.1645 18.2938C15.4799 18.4391 15.6545 18.7842 15.5849 19.1244L15.5666 19.1977L14.8913 21.3722L14.865 21.4447C14.7161 21.7944 14.3232 21.9817 13.9524 21.8666C13.5569 21.7437 13.336 21.3232 13.4587 20.9276L13.918 19.4467L12.4304 18.934L12.3594 18.9054C12.0143 18.7458 11.8394 18.3475 11.966 17.9804Z"
18
+ fill="currentColor"
19
+ />
20
+ <path
21
+ d="M11.9998 3.675C15.3258 3.675 18.0577 6.05528 18.6568 9.14399C21.5562 9.62445 23.7272 12.3288 23.241 15.489V15.4904C22.8038 18.2883 20.285 20.2497 17.4746 20.2497C17.0606 20.2495 16.7246 19.9138 16.7246 19.4997C16.7248 19.0857 17.0607 18.7499 17.4746 18.7497C19.6136 18.7497 21.4448 17.2623 21.7586 15.2612C22.1385 12.7916 20.3093 10.7007 17.9595 10.5737C17.5902 10.5537 17.2903 10.2678 17.2535 9.89985C16.9913 7.27788 14.7591 5.175 11.9998 5.175C9.24289 5.17511 7.07396 7.20351 6.74393 9.84272C6.69986 10.1953 6.41471 10.4688 6.06058 10.4975C3.70171 10.6888 1.92825 12.7876 2.2432 15.1982C2.55229 17.2019 4.34585 18.656 6.33158 18.7453L6.52494 18.7497L6.60184 18.7541C6.97985 18.7926 7.27479 19.1116 7.27494 19.4997C7.27494 19.888 6.97996 20.2076 6.60184 20.246L6.52494 20.2497L6.26932 20.2446C3.71518 20.1307 1.33874 18.3211 0.805453 15.6794L0.758578 15.4121L0.756381 15.3981C0.35071 12.315 2.45862 9.61742 5.35306 9.08027C6.00167 6.00136 8.66245 3.6751 11.9998 3.675Z"
22
+ fill="currentColor"
23
+ />
24
+ </svg>
25
+ </BaseIcon>
26
+ </template>
27
+
28
+ <script>
29
+ import BaseIcon from './BaseIcon.vue'
30
+
31
+ export default {
32
+ name: 'CloudSync2',
33
+ components: { BaseIcon },
34
+ inheritAttrs: false,
35
+ emits: [],
36
+ computed: {
37
+ listeners() {
38
+ return this.$listeners || {}
39
+ }
40
+ }
41
+ }
42
+ </script>
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M6.31481 14.5741C6.31481 15.4336 6.65598 16.2581 7.26374 16.8659C7.8715 17.4736 8.69606 17.8148 9.55556 17.8148H18.5926C19.0937 17.8148 19.5 18.2211 19.5 18.7222C19.5 19.2234 19.0937 19.6296 18.5926 19.6296H9.55556C8.21474 19.6296 6.92871 19.0971 5.98061 18.149C5.03251 17.2009 4.5 15.9149 4.5 14.5741L4.5 5.4074C4.5 4.90626 4.90626 4.5 5.40741 4.5C5.90855 4.5 6.31481 4.90626 6.31481 5.40741L6.31481 14.5741Z"
6
+ fill="currentColor"
7
+ />
8
+ </svg>
9
+ </BaseIcon>
10
+ </template>
11
+
12
+ <script>
13
+ import BaseIcon from './BaseIcon.vue'
14
+
15
+ export default {
16
+ name: 'CornerBottomLeft',
17
+ components: { BaseIcon },
18
+ inheritAttrs: false,
19
+ emits: [],
20
+ computed: {
21
+ listeners() {
22
+ return this.$listeners || {}
23
+ }
24
+ }
25
+ }
26
+ </script>
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M14.5092 17.75C15.3687 17.75 16.1933 17.4088 16.8011 16.8011C17.4088 16.1933 17.75 15.3688 17.75 14.5093V5.47222C17.75 4.97107 18.1562 4.56481 18.6574 4.56481C19.1585 4.56481 19.5648 4.97107 19.5648 5.47222V14.5093C19.5648 15.8501 19.0323 17.1361 18.0842 18.0842C17.1361 19.0323 15.8501 19.5648 14.5092 19.5648L5.34258 19.5648C4.84144 19.5648 4.43518 19.1586 4.43518 18.6574C4.43518 18.1563 4.84144 17.75 5.34259 17.75H14.5092Z"
6
+ fill="currentColor"
7
+ />
8
+ </svg>
9
+ </BaseIcon>
10
+ </template>
11
+
12
+ <script>
13
+ import BaseIcon from './BaseIcon.vue'
14
+
15
+ export default {
16
+ name: 'CornerBottomRight',
17
+ components: { BaseIcon },
18
+ inheritAttrs: false,
19
+ emits: [],
20
+ computed: {
21
+ listeners() {
22
+ return this.$listeners || {}
23
+ }
24
+ }
25
+ }
26
+ </script>
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M9.49074 6.37962C8.63124 6.37962 7.80668 6.72079 7.19892 7.32855C6.59117 7.9363 6.25 8.76087 6.25 9.62036L6.24999 18.6574C6.24999 19.1585 5.84373 19.5648 5.34259 19.5648C4.84144 19.5648 4.43518 19.1585 4.43518 18.6574L4.43518 9.62036C4.43518 8.27955 4.9677 6.99352 5.9158 6.04542C6.8639 5.09732 8.14992 4.56481 9.49074 4.56481L18.6574 4.56481C19.1585 4.56481 19.5648 4.97107 19.5648 5.47222C19.5648 5.97336 19.1585 6.37962 18.6574 6.37962L9.49074 6.37962Z"
6
+ fill="currentColor"
7
+ />
8
+ </svg>
9
+ </BaseIcon>
10
+ </template>
11
+
12
+ <script>
13
+ import BaseIcon from './BaseIcon.vue'
14
+
15
+ export default {
16
+ name: 'CornerTopLeft',
17
+ components: { BaseIcon },
18
+ inheritAttrs: false,
19
+ emits: [],
20
+ computed: {
21
+ listeners() {
22
+ return this.$listeners || {}
23
+ }
24
+ }
25
+ }
26
+ </script>
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M17.6852 9.55555C17.6852 8.69606 17.344 7.8715 16.7363 7.26374C16.1285 6.65599 15.3039 6.31481 14.4444 6.31481H5.40741C4.90626 6.31481 4.5 5.90855 4.5 5.40741C4.5 4.90626 4.90626 4.5 5.40741 4.5H14.4444C15.7853 4.5 17.0713 5.03251 18.0194 5.98061C18.9675 6.92871 19.5 8.21474 19.5 9.55555V18.7222C19.5 19.2234 19.0937 19.6296 18.5926 19.6296C18.0914 19.6296 17.6852 19.2234 17.6852 18.7222V9.55555Z"
6
+ fill="currentColor"
7
+ />
8
+ </svg>
9
+ </BaseIcon>
10
+ </template>
11
+
12
+ <script>
13
+ import BaseIcon from './BaseIcon.vue'
14
+
15
+ export default {
16
+ name: 'CornerTopRight',
17
+ components: { BaseIcon },
18
+ inheritAttrs: false,
19
+ emits: [],
20
+ computed: {
21
+ listeners() {
22
+ return this.$listeners || {}
23
+ }
24
+ }
25
+ }
26
+ </script>
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M15.125 20.125C15.7463 20.125 16.25 19.6213 16.25 19L16.25 5C16.25 4.37868 15.7463 3.875 15.125 3.875L5 3.875C4.37868 3.875 3.875 4.37868 3.875 5L3.875 19C3.875 19.6213 4.37868 20.125 5 20.125H15.125ZM5 21.875C3.41218 21.875 2.125 20.5878 2.125 19L2.125 5C2.125 3.41218 3.41218 2.125 5 2.125L15.125 2.125C16.7128 2.125 18 3.41218 18 5L18 19C18 20.5878 16.7128 21.875 15.125 21.875H5Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M21 21.875C21.4832 21.875 21.875 21.4832 21.875 21V3C21.875 2.51675 21.4832 2.125 21 2.125C20.5168 2.125 20.125 2.51675 20.125 3V21C20.125 21.4832 20.5168 21.875 21 21.875Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>
13
+ </BaseIcon>
14
+ </template>
15
+
16
+ <script>
17
+ import BaseIcon from './BaseIcon.vue'
18
+
19
+ export default {
20
+ name: 'DistanceRight',
21
+ components: { BaseIcon },
22
+ inheritAttrs: false,
23
+ emits: [],
24
+ computed: {
25
+ listeners() {
26
+ return this.$listeners || {}
27
+ }
28
+ }
29
+ }
30
+ </script>
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M20.125 8.875C20.125 8.25368 19.6213 7.75 19 7.75H5C4.37868 7.75 3.875 8.25368 3.875 8.875V19C3.875 19.6213 4.37868 20.125 5 20.125H19C19.6213 20.125 20.125 19.6213 20.125 19V8.875ZM21.875 19C21.875 20.5878 20.5878 21.875 19 21.875H5C3.41218 21.875 2.125 20.5878 2.125 19V8.875C2.125 7.28718 3.41218 6 5 6H19C20.5878 6 21.875 7.28718 21.875 8.875V19Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M21.875 3C21.875 2.51675 21.4832 2.125 21 2.125H3C2.51675 2.125 2.125 2.51675 2.125 3C2.125 3.48325 2.51675 3.875 3 3.875H21C21.4832 3.875 21.875 3.48325 21.875 3Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>
13
+ </BaseIcon>
14
+ </template>
15
+
16
+ <script>
17
+ import BaseIcon from './BaseIcon.vue'
18
+
19
+ export default {
20
+ name: 'DistanceTop',
21
+ components: { BaseIcon },
22
+ inheritAttrs: false,
23
+ emits: [],
24
+ computed: {
25
+ listeners() {
26
+ return this.$listeners || {}
27
+ }
28
+ }
29
+ }
30
+ </script>
@@ -0,0 +1,35 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ opacity="0.3"
6
+ fill-rule="evenodd"
7
+ clip-rule="evenodd"
8
+ d="M5.91549 21C4.93938 21 4.0753 20.5203 3.54614 19.7838C3.28762 20.1208 3.13398 20.5424 3.13398 21C3.13398 22.1046 4.02941 23 5.13398 23H19.134C20.2385 23 21.134 22.1046 21.134 21C21.134 20.4592 20.9193 19.9684 20.5705 19.6084C20.0576 20.4433 19.1361 21 18.0845 21H5.91549Z"
9
+ fill="currentColor"
10
+ />
11
+ <path
12
+ fill-rule="evenodd"
13
+ clip-rule="evenodd"
14
+ d="M20.8188 19.0986C20.936 18.7828 21 18.4411 21 18.0845V5.91549C21 4.30531 19.6947 3 18.0845 3H5.91549C4.30531 3 3 4.30531 3 5.91549V18.0845C3 18.4411 3.06402 18.7828 3.1812 19.0986C3.59313 20.2088 4.66192 21 5.91549 21H18.0845C19.3381 21 20.4069 20.2088 20.8188 19.0986ZM19.2254 5.91549C19.2254 5.28542 18.7146 4.77465 18.0845 4.77465H5.91549C5.28542 4.77465 4.77465 5.28542 4.77465 5.91549V17.4288V18.0845C4.77465 18.7146 5.28542 19.2254 5.91549 19.2254H18.0845C18.7146 19.2254 19.2254 18.7146 19.2254 18.0845V17.4288V5.91549Z"
15
+ fill="currentColor"
16
+ />
17
+ </svg>
18
+ </BaseIcon>
19
+ </template>
20
+
21
+ <script>
22
+ import BaseIcon from './BaseIcon.vue'
23
+
24
+ export default {
25
+ name: 'DropShadow',
26
+ components: { BaseIcon },
27
+ inheritAttrs: false,
28
+ emits: [],
29
+ computed: {
30
+ listeners() {
31
+ return this.$listeners || {}
32
+ }
33
+ }
34
+ }
35
+ </script>
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M17.716 14.8526C17.5039 15.9791 16.9337 17.0168 16.0824 17.826C15.231 18.6351 14.1393 19.1769 12.9542 19.3783C12.9092 19.3852 12.8637 19.3888 12.8182 19.389C12.6129 19.389 12.4152 19.3156 12.2642 19.1835C12.1132 19.0513 12.02 18.8701 12.003 18.6756C11.986 18.4812 12.0465 18.2878 12.1725 18.1338C12.2985 17.9798 12.4808 17.8764 12.6832 17.8441C14.3778 17.5729 15.8158 16.2059 16.1032 14.592C16.1395 14.3886 16.2594 14.2072 16.4364 14.0878C16.6135 13.9684 16.8331 13.9207 17.0472 13.9552C17.2612 13.9898 17.452 14.1037 17.5776 14.272C17.7032 14.4403 17.7534 14.6491 17.717 14.8526H17.716ZM21 13.9445C21 16.2136 20.0518 18.3898 18.364 19.9943C16.6761 21.5988 14.3869 22.5002 12 22.5002C9.61305 22.5002 7.32387 21.5988 5.63604 19.9943C3.94821 18.3898 3 16.2136 3 13.9445C3 11.2301 4.125 8.45435 6.34023 5.69517C6.41035 5.6078 6.49915 5.53555 6.60078 5.48317C6.7024 5.4308 6.81455 5.3995 6.92983 5.39132C7.04511 5.38315 7.16091 5.39829 7.26959 5.43574C7.37827 5.4732 7.47736 5.53213 7.56034 5.60864L10.0272 7.88463L12.2772 2.01139C12.3221 1.89425 12.396 1.7891 12.4927 1.7048C12.5893 1.62051 12.7059 1.55954 12.8325 1.52704C12.9592 1.49454 13.0922 1.49146 13.2203 1.51805C13.3485 1.54465 13.468 1.60014 13.5689 1.67986C15.8056 3.44445 21 8.16463 21 13.9445ZM19.3636 13.9445C19.3636 9.46353 15.7033 5.59114 13.4103 3.60682L11.1327 9.54422C11.086 9.66617 11.0079 9.77506 10.9055 9.86096C10.8032 9.94687 10.6799 10.0071 10.5468 10.0361C10.4137 10.0651 10.2751 10.0619 10.1436 10.027C10.0121 9.992 9.89192 9.92631 9.79398 9.83589L7.09704 7.34893C5.46375 9.58992 4.63636 11.8056 4.63636 13.9445C4.63636 15.8011 5.41217 17.5816 6.79312 18.8943C8.17407 20.2071 10.047 20.9446 12 20.9446C13.953 20.9446 15.8259 20.2071 17.2069 18.8943C18.5878 17.5816 19.3636 15.8011 19.3636 13.9445Z"
6
+ fill="currentColor"
7
+ />
8
+ </svg>
9
+ </BaseIcon>
10
+ </template>
11
+
12
+ <script>
13
+ import BaseIcon from './BaseIcon.vue'
14
+
15
+ export default {
16
+ name: 'Fire',
17
+ components: { BaseIcon },
18
+ inheritAttrs: false,
19
+ emits: [],
20
+ computed: {
21
+ listeners() {
22
+ return this.$listeners || {}
23
+ }
24
+ }
25
+ }
26
+ </script>
@@ -0,0 +1,32 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M8.40002 14.981C8.74162 14.981 9.01883 15.2583 9.01891 15.5999V19.1997C9.01891 19.5414 8.74167 19.8185 8.40002 19.8186C8.05839 19.8185 7.78112 19.5413 7.78112 19.1997V17.094L4.33727 20.5378C4.09562 20.7791 3.70355 20.7794 3.46203 20.5378C3.2206 20.2963 3.22073 19.9042 3.46203 19.6626L6.90588 16.2187H4.80016C4.45854 16.2186 4.18127 15.9415 4.18127 15.5999C4.18135 15.2583 4.45859 14.9811 4.80016 14.981H8.40002Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ fill-rule="evenodd"
10
+ clip-rule="evenodd"
11
+ d="M11.9999 3.28125C16.8151 3.28125 20.7186 7.18476 20.7186 12C20.7186 16.8152 16.8151 20.7187 11.9999 20.7187C11.6582 20.7186 11.381 20.4415 11.381 20.0999C11.3811 19.7583 11.6583 19.4811 11.9999 19.481C12.6605 19.481 13.3408 18.9286 13.8793 17.5085C14.0885 16.9565 14.2587 16.313 14.3876 15.6013L14.4506 15.2534L14.0968 15.2703C13.4228 15.3025 12.7203 15.3193 11.9999 15.3193C11.6583 15.3192 11.3811 15.042 11.381 14.7004C11.381 14.3588 11.6582 14.0817 11.9999 14.0815C12.8182 14.0815 13.6076 14.0599 14.3524 14.0178L14.5985 14.0039L14.6168 13.7585C14.6591 13.1972 14.6813 12.6086 14.6813 12C14.6813 11.5632 14.6703 11.1368 14.6483 10.7234L14.6329 10.4421L14.3517 10.4575C13.5958 10.4988 12.8065 10.519 11.9999 10.519C11.1933 10.519 10.4039 10.4988 9.64806 10.4575L9.36681 10.4421L9.35143 10.7234C9.32949 11.1368 9.31847 11.5632 9.31847 12C9.31847 12.3417 9.0413 12.6189 8.69958 12.6189C8.35809 12.6186 8.08141 12.3415 8.08141 12C8.08141 11.5283 8.09369 11.0631 8.11877 10.6084L8.13342 10.3425L7.86901 10.314C6.82774 10.1991 5.89717 10.0356 5.13049 9.82251L4.85876 9.74634L4.78405 10.0188C4.61111 10.6501 4.51891 11.3145 4.51891 12C4.51891 12.3417 4.24167 12.6188 3.90002 12.6189C3.55839 12.6188 3.28112 12.3416 3.28112 12C3.28112 7.18483 7.18473 3.28136 11.9999 3.28125ZM18.4833 14.7224C17.9493 14.8511 17.3585 14.956 16.7313 15.0403C16.4726 15.0751 16.2046 15.1065 15.9293 15.1348L15.7125 15.1575L15.6803 15.3721C15.5336 16.3301 15.319 17.202 15.0365 17.9473C14.9814 18.0925 14.9219 18.2365 14.8585 18.3779L14.5436 19.0796L15.2364 18.7463C16.8091 17.9905 18.0769 16.7013 18.8048 15.1128L19.0458 14.5869L18.4833 14.7224ZM18.8693 9.82178C18.1026 10.0349 17.1726 10.1991 16.1315 10.314L15.8663 10.3425L15.881 10.6084C15.906 11.0631 15.9183 11.5283 15.9183 12C15.9183 12.5321 15.9027 13.0555 15.8707 13.5652L15.8495 13.9014L16.1842 13.8618C16.3137 13.8465 16.4416 13.831 16.5665 13.8142C17.713 13.6602 18.6226 13.446 19.245 13.1946L19.3973 13.1331L19.4186 12.9697C19.4597 12.6522 19.4808 12.3285 19.4808 12C19.4808 11.3145 19.3887 10.6502 19.2157 10.0188L19.141 9.74634L18.8693 9.82178ZM11.9999 4.51904C11.3393 4.51916 10.6589 5.07149 10.1205 6.49145C9.86297 7.17066 9.66448 7.98872 9.52941 8.90405L9.48473 9.20947L9.79308 9.22559C10.4906 9.26222 11.2299 9.28125 11.9999 9.28125C12.7699 9.28125 13.5091 9.26222 14.2067 9.22559L14.515 9.20947L14.4703 8.90405C14.3352 7.98875 14.1368 7.17067 13.8793 6.49145C13.3408 5.0714 12.6605 4.51904 11.9999 4.51904ZM8.7633 5.25366C7.39725 5.91023 6.26092 6.9693 5.50915 8.2771L5.32458 8.59863L5.6842 8.68945C6.3255 8.85182 7.10176 8.98321 7.97887 9.08057L8.2506 9.1106L8.28869 8.84033C8.4355 7.79871 8.65989 6.85285 8.96325 6.05273C9.01837 5.90734 9.07783 5.76339 9.14123 5.62207L9.45617 4.92041L8.7633 5.25366ZM14.8585 5.62207C14.9219 5.76347 14.9814 5.90742 15.0365 6.05273C15.3398 6.85286 15.5642 7.79868 15.7111 8.84033L15.7491 9.1106L16.0209 9.08057C16.898 8.9832 17.6743 8.85182 18.3155 8.68945L18.6752 8.59863L18.4899 8.2771C17.7381 6.96929 16.6025 5.91021 15.2364 5.25366L14.5436 4.92041L14.8585 5.62207Z"
12
+ fill="currentColor"
13
+ />
14
+ </svg>
15
+ </BaseIcon>
16
+ </template>
17
+
18
+ <script>
19
+ import BaseIcon from './BaseIcon.vue'
20
+
21
+ export default {
22
+ name: 'GlobeAccess',
23
+ components: { BaseIcon },
24
+ inheritAttrs: false,
25
+ emits: [],
26
+ computed: {
27
+ listeners() {
28
+ return this.$listeners || {}
29
+ }
30
+ }
31
+ }
32
+ </script>
@@ -0,0 +1,33 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ opacity="0.3"
6
+ d="M3 6C3 4.89543 3.89543 4 5 4H19C20.1046 4 21 4.89543 21 6C21 7.10457 20.1046 8 19 8H5C3.89543 8 3 7.10457 3 6Z"
7
+ fill="currentColor"
8
+ />
9
+ <path
10
+ fill-rule="evenodd"
11
+ clip-rule="evenodd"
12
+ d="M20.8188 19.0986C20.936 18.7828 21 18.4411 21 18.0845V5.91549C21 4.30531 19.6947 3 18.0845 3H5.91549C4.30531 3 3 4.30531 3 5.91549V18.0845C3 18.4411 3.06402 18.7828 3.1812 19.0986C3.59313 20.2088 4.66192 21 5.91549 21H18.0845C19.3381 21 20.4069 20.2088 20.8188 19.0986ZM19.2254 5.91549C19.2254 5.28542 18.7146 4.77465 18.0845 4.77465H5.91549C5.28542 4.77465 4.77465 5.28542 4.77465 5.91549V17.4288V18.0845C4.77465 18.7146 5.28542 19.2254 5.91549 19.2254H18.0845C18.7146 19.2254 19.2254 18.7146 19.2254 18.0845V17.4288V5.91549Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ </BaseIcon>
17
+ </template>
18
+
19
+ <script>
20
+ import BaseIcon from './BaseIcon.vue'
21
+
22
+ export default {
23
+ name: 'InnerShadow',
24
+ components: { BaseIcon },
25
+ inheritAttrs: false,
26
+ emits: [],
27
+ computed: {
28
+ listeners() {
29
+ return this.$listeners || {}
30
+ }
31
+ }
32
+ }
33
+ </script>
@@ -0,0 +1,54 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
4
+ <rect x="19" width="6" height="6" rx="3" fill="#F5222D" />
5
+ <g clip-path="url(#clip0_154_1583)">
6
+ <path
7
+ d="M20.2422 12.4531H3.75781C2.78852 12.4531 2 13.2416 2 14.2109V21.2422C2 22.2115 2.78852 23 3.75781 23H20.2422C21.2115 23 22 22.2115 22 21.2422V14.2109C22 13.2416 21.2115 12.4531 20.2422 12.4531ZM7.3125 20.6562H4.96875C4.64488 20.6562 4.38281 20.3942 4.38281 20.0703V15.3828C4.38281 15.0589 4.64488 14.7969 4.96875 14.7969C5.29262 14.7969 5.55469 15.0589 5.55469 15.3828V19.4844H7.3125C7.63637 19.4844 7.89844 19.7464 7.89844 20.0703C7.89844 20.3942 7.63637 20.6562 7.3125 20.6562ZM10.2422 20.0703C10.2422 20.3942 9.98012 20.6562 9.65625 20.6562C9.33238 20.6562 9.07031 20.3942 9.07031 20.0703V15.3828C9.07031 15.0589 9.33238 14.7969 9.65625 14.7969C9.98012 14.7969 10.2422 15.0589 10.2422 15.3828V20.0703ZM14.912 15.5247L13.7401 20.2122C13.6748 20.4732 13.4408 20.6562 13.1719 20.6562C12.9029 20.6562 12.6689 20.4731 12.6037 20.2122L11.4318 15.5247C11.3529 15.2112 11.5439 14.893 11.8581 14.8146C12.1711 14.7334 12.4898 14.9268 12.5682 15.2409L13.1719 17.6545L13.7755 15.2409C13.8534 14.9268 14.1715 14.7328 14.4857 14.8146C14.7998 14.893 14.9909 15.2112 14.912 15.5247ZM19.0312 17.1406C19.3551 17.1406 19.6172 17.4027 19.6172 17.7266C19.6172 18.0504 19.3551 18.3125 19.0312 18.3125H17.2734V19.4844H19.0312C19.3551 19.4844 19.6172 19.7464 19.6172 20.0703C19.6172 20.3942 19.3551 20.6562 19.0312 20.6562H16.6875C16.3636 20.6562 16.1016 20.3942 16.1016 20.0703V15.3828C16.1016 15.0589 16.3636 14.7969 16.6875 14.7969H19.0312C19.3551 14.7969 19.6172 15.0589 19.6172 15.3828C19.6172 15.7067 19.3551 15.9688 19.0312 15.9688H17.2734V17.1406H19.0312Z"
8
+ fill="currentColor"
9
+ />
10
+ <path
11
+ d="M6.84328 10.9691C5.13352 8.69172 5.13352 5.51141 6.84328 3.23402C7.03727 2.97598 7.4052 2.92273 7.66383 3.1173C7.92246 3.31188 7.97453 3.67922 7.78055 3.93785C6.38153 5.80039 6.38153 8.40277 7.78055 10.2653C7.97453 10.5239 7.92246 10.8913 7.66383 11.0858C7.40629 11.279 7.0382 11.2289 6.84328 10.9691Z"
12
+ fill="currentColor"
13
+ />
14
+ <path
15
+ d="M16.3362 11.0858C16.0775 10.8913 16.0255 10.5239 16.2194 10.2653C17.6185 8.40273 17.6185 5.80035 16.2194 3.93785C16.0255 3.67922 16.0775 3.31188 16.3362 3.11731C16.5948 2.92332 16.9633 2.97598 17.1567 3.23402C18.8665 5.51141 18.8665 8.69172 17.1567 10.9691C16.9621 11.2286 16.5942 11.2793 16.3362 11.0858Z"
16
+ fill="currentColor"
17
+ />
18
+ <path
19
+ d="M8.94273 9.83613C7.54656 8.27746 7.54656 5.9257 8.94273 4.36699C9.15902 4.12609 9.53097 4.10664 9.77015 4.32121C10.011 4.53691 10.0316 4.90774 9.81593 5.14863C8.81913 6.26215 8.81913 7.94098 9.81593 9.05449C10.0316 9.29539 10.011 9.66617 9.77015 9.88191C9.53007 10.0973 9.15867 10.0777 8.94273 9.83613Z"
20
+ fill="currentColor"
21
+ />
22
+ <path
23
+ d="M14.2299 9.88192C13.989 9.66621 13.9684 9.29539 14.1841 9.05449C15.1809 7.94098 15.1809 6.26215 14.1841 5.14863C13.9684 4.90774 13.989 4.53695 14.2299 4.32121C14.4702 4.10606 14.8416 4.12551 15.0573 4.36699C16.4535 5.92567 16.4535 8.27742 15.0573 9.83613C14.8414 10.0777 14.47 10.0974 14.2299 9.88192Z"
24
+ fill="currentColor"
25
+ />
26
+ <path
27
+ d="M12 8.85938C11.0307 8.85938 10.2422 8.07086 10.2422 7.10156C10.2422 6.13227 11.0307 5.34375 12 5.34375C12.9693 5.34375 13.7578 6.13227 13.7578 7.10156C13.7578 8.07086 12.9693 8.85938 12 8.85938Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ <defs>
32
+ <clipPath id="clip0_154_1583">
33
+ <rect width="20" height="20" fill="white" transform="translate(2 3)" />
34
+ </clipPath>
35
+ </defs>
36
+ </svg>
37
+ </BaseIcon>
38
+ </template>
39
+
40
+ <script>
41
+ import BaseIcon from './BaseIcon.vue'
42
+
43
+ export default {
44
+ name: 'Livestream',
45
+ components: { BaseIcon },
46
+ inheritAttrs: false,
47
+ emits: [],
48
+ computed: {
49
+ listeners() {
50
+ return this.$listeners || {}
51
+ }
52
+ }
53
+ }
54
+ </script>
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M17.3333 18.6667H6.66667C6.16667 18.6667 5.83333 18.3333 5.83333 17.8333C5.83333 17.3333 6.16667 17 6.66667 17H17.3333C17.8333 17 18.1667 17.3333 18.1667 17.8333C18.1667 18.3333 17.8333 18.6667 17.3333 18.6667Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M21.1667 22H2.83333C2.33333 22 2 21.6667 2 21.1667V2.83333C2 2.33333 2.33333 2 2.83333 2H21.1667C21.6667 2 22 2.33333 22 2.83333V21.1667C22 21.6667 21.6667 22 21.1667 22ZM3.66667 20.3333H20.3333V3.66667H3.66667V20.3333Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>
13
+ </BaseIcon>
14
+ </template>
15
+
16
+ <script>
17
+ import BaseIcon from './BaseIcon.vue'
18
+
19
+ export default {
20
+ name: 'PaddingBottom',
21
+ components: { BaseIcon },
22
+ inheritAttrs: false,
23
+ emits: [],
24
+ computed: {
25
+ listeners() {
26
+ return this.$listeners || {}
27
+ }
28
+ }
29
+ }
30
+ </script>
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M6.16667 18.1667C5.66667 18.1667 5.33333 17.8333 5.33333 17.3333V6.66667C5.33333 6.16667 5.66667 5.83333 6.16667 5.83333C6.66667 5.83333 7 6.16667 7 6.66667V17.3333C7 17.8333 6.66667 18.1667 6.16667 18.1667Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M21.1667 22H2.83333C2.33333 22 2 21.6667 2 21.1667V2.83333C2 2.33333 2.33333 2 2.83333 2H21.1667C21.6667 2 22 2.33333 22 2.83333V21.1667C22 21.6667 21.6667 22 21.1667 22ZM3.66667 20.3333H20.3333V3.66667H3.66667V20.3333Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>
13
+ </BaseIcon>
14
+ </template>
15
+
16
+ <script>
17
+ import BaseIcon from './BaseIcon.vue'
18
+
19
+ export default {
20
+ name: 'PaddingLeft',
21
+ components: { BaseIcon },
22
+ inheritAttrs: false,
23
+ emits: [],
24
+ computed: {
25
+ listeners() {
26
+ return this.$listeners || {}
27
+ }
28
+ }
29
+ }
30
+ </script>
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M17.8333 18.1667C17.3333 18.1667 17 17.8333 17 17.3333V6.66667C17 6.16667 17.3333 5.83333 17.8333 5.83333C18.3333 5.83333 18.6667 6.16667 18.6667 6.66667V17.3333C18.6667 17.8333 18.3333 18.1667 17.8333 18.1667Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M21.1667 22H2.83333C2.33333 22 2 21.6667 2 21.1667V2.83333C2 2.33333 2.33333 2 2.83333 2H21.1667C21.6667 2 22 2.33333 22 2.83333V21.1667C22 21.6667 21.6667 22 21.1667 22ZM3.66667 20.3333H20.3333V3.66667H3.66667V20.3333Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>
13
+ </BaseIcon>
14
+ </template>
15
+
16
+ <script>
17
+ import BaseIcon from './BaseIcon.vue'
18
+
19
+ export default {
20
+ name: 'PaddingRight',
21
+ components: { BaseIcon },
22
+ inheritAttrs: false,
23
+ emits: [],
24
+ computed: {
25
+ listeners() {
26
+ return this.$listeners || {}
27
+ }
28
+ }
29
+ }
30
+ </script>
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M17.3333 7H6.66667C6.16667 7 5.83333 6.66667 5.83333 6.16667C5.83333 5.66667 6.16667 5.33333 6.66667 5.33333H17.3333C17.8333 5.33333 18.1667 5.66667 18.1667 6.16667C18.1667 6.66667 17.8333 7 17.3333 7Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M21.1667 22H2.83333C2.33333 22 2 21.6667 2 21.1667V2.83333C2 2.33333 2.33333 2 2.83333 2H21.1667C21.6667 2 22 2.33333 22 2.83333V21.1667C22 21.6667 21.6667 22 21.1667 22ZM3.66667 20.3333H20.3333V3.66667H3.66667V20.3333Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>
13
+ </BaseIcon>
14
+ </template>
15
+
16
+ <script>
17
+ import BaseIcon from './BaseIcon.vue'
18
+
19
+ export default {
20
+ name: 'PaddingTop',
21
+ components: { BaseIcon },
22
+ inheritAttrs: false,
23
+ emits: [],
24
+ computed: {
25
+ listeners() {
26
+ return this.$listeners || {}
27
+ }
28
+ }
29
+ }
30
+ </script>
@@ -0,0 +1,32 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ fill-rule="evenodd"
6
+ clip-rule="evenodd"
7
+ d="M12.0167 3.6716C12.0166 2.34195 10.743 1.38201 9.46491 1.74875L3.46491 3.47042L3.30768 3.52316C2.53618 3.8153 2.01671 4.55693 2.01666 5.39328L2.01666 20.3288C2.01686 21.5846 3.15162 22.507 4.35065 22.3005L4.59088 22.2439L10.5909 20.4441C11.3839 20.2062 11.943 19.5072 12.0098 18.6931L12.0167 18.528L12.0167 3.6716ZM10.2169 18.528C10.2169 18.6163 10.1588 18.695 10.0743 18.7204L4.07428 20.5202C3.94606 20.5587 3.81668 20.4626 3.81647 20.3288L3.81647 5.39328C3.81652 5.30411 3.87626 5.22549 3.96198 5.20089L9.96198 3.47921C10.0896 3.44286 10.2168 3.53882 10.2169 3.6716L10.2169 18.528Z"
8
+ fill="currentColor"
9
+ />
10
+ <path
11
+ d="M21.7611 6.7608C22.1027 6.41922 22.1024 5.86426 21.7611 5.52252L18.7611 2.52252C18.4194 2.18081 17.8645 2.18081 17.5228 2.52252L14.5228 5.52252C14.1812 5.86423 14.1811 6.41911 14.5228 6.7608C14.8646 7.10211 15.4195 7.10232 15.7611 6.7608L17.267 5.25494L17.267 21.167C17.267 21.6503 17.6587 22.042 18.142 22.042C18.6251 22.0419 19.0169 21.6502 19.017 21.167L19.017 5.25494L20.5228 6.7608C20.8646 7.10211 21.4195 7.10232 21.7611 6.7608Z"
12
+ fill="currentColor"
13
+ />
14
+ </svg>
15
+ </BaseIcon>
16
+ </template>
17
+
18
+ <script>
19
+ import BaseIcon from './BaseIcon.vue'
20
+
21
+ export default {
22
+ name: 'SkewHeight',
23
+ components: { BaseIcon },
24
+ inheritAttrs: false,
25
+ emits: [],
26
+ computed: {
27
+ listeners() {
28
+ return this.$listeners || {}
29
+ }
30
+ }
31
+ }
32
+ </script>
@@ -0,0 +1,32 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ fill-rule="evenodd"
6
+ clip-rule="evenodd"
7
+ d="M20.3451 12C21.6747 12.0001 22.6347 13.2737 22.2679 14.5518L20.5462 20.5518L20.4935 20.709C20.2014 21.4805 19.4597 22 18.6234 22H3.68785C2.43212 21.9998 1.50964 20.865 1.71617 19.666L1.77281 19.4258L3.57262 13.4258C3.81052 12.6328 4.50952 12.0737 5.32359 12.0068L5.48863 12H20.3451ZM5.48863 13.7998C5.40033 13.7998 5.32165 13.8578 5.29625 13.9424L3.49644 19.9424C3.45798 20.0706 3.55405 20.2 3.68785 20.2002H18.6234C18.7126 20.2001 18.7912 20.1404 18.8158 20.0547L20.5375 14.0547C20.5738 13.927 20.4779 13.7999 20.3451 13.7998H5.48863Z"
8
+ fill="currentColor"
9
+ />
10
+ <path
11
+ d="M17.2559 2.25554C17.5975 1.91396 18.1524 1.91421 18.4942 2.25554L21.4942 5.25554C21.8359 5.59725 21.8359 6.15212 21.4942 6.49382L18.4942 9.49382C18.1524 9.83547 17.5976 9.83551 17.2559 9.49382C16.9146 9.1521 16.9144 8.59713 17.2559 8.25554L18.7617 6.74968H2.84962C2.3664 6.74965 1.97462 6.35791 1.97462 5.87468C1.9748 5.3916 2.36651 4.99972 2.84962 4.99968H18.7617L17.2559 3.49382C16.9146 3.1521 16.9144 2.59713 17.2559 2.25554Z"
12
+ fill="currentColor"
13
+ />
14
+ </svg>
15
+ </BaseIcon>
16
+ </template>
17
+
18
+ <script>
19
+ import BaseIcon from './BaseIcon.vue'
20
+
21
+ export default {
22
+ name: 'SkewWidth',
23
+ components: { BaseIcon },
24
+ inheritAttrs: false,
25
+ emits: [],
26
+ computed: {
27
+ listeners() {
28
+ return this.$listeners || {}
29
+ }
30
+ }
31
+ }
32
+ </script>
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M21.875 5C21.875 5.48325 21.4833 5.875 21 5.875C20.5168 5.875 20.125 5.48325 20.125 5C20.125 4.70163 20.0069 4.41508 19.7959 4.2041C19.5849 3.99312 19.2984 3.875 19 3.875C18.5168 3.875 18.125 3.48325 18.125 3C18.125 2.51675 18.5168 2.125 19 2.125C19.7625 2.125 20.494 2.42763 21.0332 2.9668C21.5724 3.50597 21.875 4.2375 21.875 5ZM14 3.875C13.5168 3.875 13.125 3.48325 13.125 3C13.125 2.51675 13.5168 2.125 14 2.125L15 2.125C15.4833 2.125 15.875 2.51675 15.875 3C15.875 3.48325 15.4832 3.875 15 3.875H14ZM9 3.875C8.51675 3.875 8.125 3.48325 8.125 3C8.125 2.51675 8.51675 2.125 9 2.125L10 2.125C10.4832 2.125 10.875 2.51675 10.875 3C10.875 3.48325 10.4832 3.875 10 3.875L9 3.875ZM3.875 5C3.875 5.48325 3.48325 5.875 3 5.875C2.51675 5.875 2.125 5.48325 2.125 5C2.125 4.2375 2.42763 3.50596 2.9668 2.9668C3.50597 2.42763 4.2375 2.125 5 2.125C5.48325 2.125 5.875 2.51675 5.875 3C5.875 3.48325 5.48325 3.875 5 3.875C4.70163 3.875 4.41508 3.99312 4.2041 4.2041C3.99312 4.41508 3.875 4.70163 3.875 5ZM21.875 9V10C21.875 10.4832 21.4832 10.875 21 10.875C20.5168 10.875 20.125 10.4832 20.125 10V9C20.125 8.51675 20.5168 8.125 21 8.125C21.4832 8.125 21.875 8.51675 21.875 9ZM3.875 9V10C3.875 10.4832 3.48325 10.875 3 10.875C2.51675 10.875 2.125 10.4832 2.125 10L2.125 9C2.125 8.51675 2.51675 8.125 3 8.125C3.48325 8.125 3.875 8.51675 3.875 9ZM21.875 14V15C21.875 15.4833 21.4832 15.875 21 15.875C20.5168 15.875 20.125 15.4832 20.125 15V14C20.125 13.5168 20.5168 13.125 21 13.125C21.4832 13.125 21.875 13.5168 21.875 14ZM3.875 14L3.875 15C3.875 15.4832 3.48325 15.875 3 15.875C2.51675 15.875 2.125 15.4832 2.125 15L2.125 14C2.125 13.5168 2.51675 13.125 3 13.125C3.48325 13.125 3.875 13.5168 3.875 14ZM3.875 19C3.875 19.2984 3.99312 19.5849 4.2041 19.7959C4.41508 20.0069 4.70163 20.125 5 20.125L19 20.125C19.2984 20.125 19.5849 20.0069 19.7959 19.7959C20.0069 19.5849 20.125 19.2984 20.125 19C20.125 18.5168 20.5168 18.125 21 18.125C21.4832 18.125 21.875 18.5168 21.875 19C21.875 19.7625 21.5724 20.494 21.0332 21.0332C20.494 21.5724 19.7625 21.875 19 21.875L5 21.875C4.2375 21.875 3.50596 21.5724 2.9668 21.0332C2.42763 20.494 2.125 19.7625 2.125 19C2.125 18.5168 2.51675 18.125 3 18.125C3.48325 18.125 3.875 18.5168 3.875 19Z"
6
+ fill="currentColor"
7
+ />
8
+ </svg>
9
+ </BaseIcon>
10
+ </template>
11
+
12
+ <script>
13
+ import BaseIcon from './BaseIcon.vue'
14
+
15
+ export default {
16
+ name: 'SquareDashedTopSolid',
17
+ components: { BaseIcon },
18
+ inheritAttrs: false,
19
+ emits: [],
20
+ computed: {
21
+ listeners() {
22
+ return this.$listeners || {}
23
+ }
24
+ }
25
+ }
26
+ </script>