@webstudio-is/icons 0.61.0 → 0.63.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 (143) hide show
  1. package/lib/__generated__/a-s-baseline.js +14 -0
  2. package/lib/__generated__/a-s-center.js +14 -0
  3. package/lib/__generated__/a-s-end.js +14 -0
  4. package/lib/__generated__/a-s-start.js +14 -0
  5. package/lib/__generated__/a-s-stretch.js +15 -0
  6. package/lib/__generated__/border-radius-bottom-left.js +1 -1
  7. package/lib/__generated__/border-radius-bottom-right.js +1 -1
  8. package/lib/__generated__/border-radius-top-left.js +1 -1
  9. package/lib/__generated__/border-radius-top-right.js +1 -1
  10. package/lib/__generated__/box.js +1 -1
  11. package/lib/__generated__/checkbox-checked.js +14 -0
  12. package/lib/__generated__/chevron-filled-up.js +1 -1
  13. package/lib/__generated__/code.js +1 -1
  14. package/lib/__generated__/form-text-area.js +11 -0
  15. package/lib/__generated__/grow.js +11 -0
  16. package/lib/__generated__/index.js +16 -1
  17. package/lib/__generated__/link-block.js +11 -0
  18. package/lib/__generated__/menu-ellipses.js +11 -0
  19. package/lib/__generated__/minus.js +11 -0
  20. package/lib/__generated__/order-first.js +14 -0
  21. package/lib/__generated__/order-last.js +14 -0
  22. package/lib/__generated__/shrink.js +11 -0
  23. package/lib/__generated__/slot-component.js +1 -1
  24. package/lib/__generated__/small-x.js +1 -1
  25. package/lib/__generated__/text-align-left.js +11 -0
  26. package/lib/__generated__/video.js +14 -0
  27. package/lib/cjs/__generated__/a-s-baseline.js +34 -0
  28. package/lib/cjs/__generated__/a-s-center.js +34 -0
  29. package/lib/cjs/__generated__/a-s-end.js +34 -0
  30. package/lib/cjs/__generated__/a-s-start.js +34 -0
  31. package/lib/cjs/__generated__/a-s-stretch.js +35 -0
  32. package/lib/cjs/__generated__/border-radius-bottom-left.js +1 -1
  33. package/lib/cjs/__generated__/border-radius-bottom-right.js +1 -1
  34. package/lib/cjs/__generated__/border-radius-top-left.js +1 -1
  35. package/lib/cjs/__generated__/border-radius-top-right.js +1 -1
  36. package/lib/cjs/__generated__/box.js +1 -1
  37. package/lib/cjs/__generated__/checkbox-checked.js +34 -0
  38. package/lib/cjs/__generated__/chevron-filled-up.js +1 -1
  39. package/lib/cjs/__generated__/code.js +1 -1
  40. package/lib/cjs/__generated__/form-text-area.js +31 -0
  41. package/lib/cjs/__generated__/grow.js +31 -0
  42. package/lib/cjs/__generated__/index.js +16 -1
  43. package/lib/cjs/__generated__/link-block.js +31 -0
  44. package/lib/cjs/__generated__/menu-ellipses.js +31 -0
  45. package/lib/cjs/__generated__/minus.js +31 -0
  46. package/lib/cjs/__generated__/order-first.js +34 -0
  47. package/lib/cjs/__generated__/order-last.js +34 -0
  48. package/lib/cjs/__generated__/shrink.js +31 -0
  49. package/lib/cjs/__generated__/slot-component.js +1 -1
  50. package/lib/cjs/__generated__/small-x.js +1 -1
  51. package/lib/cjs/__generated__/text-align-left.js +31 -0
  52. package/lib/cjs/__generated__/video.js +34 -0
  53. package/lib/cjs/index.js +0 -10
  54. package/lib/index.js +0 -10
  55. package/lib/types/__generated__/a-s-baseline.d.ts +3 -0
  56. package/lib/types/__generated__/a-s-center.d.ts +3 -0
  57. package/lib/types/__generated__/a-s-end.d.ts +3 -0
  58. package/lib/types/__generated__/{box-link.d.ts → a-s-start.d.ts} +1 -1
  59. package/lib/types/__generated__/a-s-stretch.d.ts +3 -0
  60. package/lib/types/__generated__/checkbox-checked.d.ts +3 -0
  61. package/lib/types/__generated__/form-text-area.d.ts +3 -0
  62. package/lib/types/__generated__/grow.d.ts +3 -0
  63. package/lib/types/__generated__/index.d.ts +16 -1
  64. package/lib/types/__generated__/link-block.d.ts +3 -0
  65. package/lib/types/__generated__/menu-ellipses.d.ts +3 -0
  66. package/lib/types/__generated__/minus.d.ts +3 -0
  67. package/lib/types/__generated__/order-first.d.ts +3 -0
  68. package/lib/types/__generated__/order-last.d.ts +3 -0
  69. package/lib/types/__generated__/shrink.d.ts +3 -0
  70. package/lib/types/__generated__/text-align-left.d.ts +3 -0
  71. package/lib/types/__generated__/video.d.ts +3 -0
  72. package/lib/types/index.d.ts +0 -10
  73. package/package.json +2 -2
  74. package/src/__generated__/a-s-baseline.tsx +15 -0
  75. package/src/__generated__/a-s-center.tsx +15 -0
  76. package/src/__generated__/a-s-end.tsx +15 -0
  77. package/src/__generated__/a-s-start.tsx +15 -0
  78. package/src/__generated__/a-s-stretch.tsx +15 -0
  79. package/src/__generated__/border-radius-bottom-left.tsx +1 -1
  80. package/src/__generated__/border-radius-bottom-right.tsx +1 -1
  81. package/src/__generated__/border-radius-top-left.tsx +1 -1
  82. package/src/__generated__/border-radius-top-right.tsx +1 -1
  83. package/src/__generated__/box.tsx +1 -1
  84. package/src/__generated__/checkbox-checked.tsx +15 -0
  85. package/src/__generated__/chevron-filled-up.tsx +1 -1
  86. package/src/__generated__/code.tsx +1 -1
  87. package/src/__generated__/form-text-area.tsx +15 -0
  88. package/src/__generated__/grow.tsx +15 -0
  89. package/src/__generated__/index.ts +16 -1
  90. package/src/__generated__/link-block.tsx +15 -0
  91. package/src/__generated__/menu-ellipses.tsx +15 -0
  92. package/src/__generated__/minus.tsx +15 -0
  93. package/src/__generated__/order-first.tsx +15 -0
  94. package/src/__generated__/order-last.tsx +15 -0
  95. package/src/__generated__/shrink.tsx +15 -0
  96. package/src/__generated__/slot-component.tsx +1 -1
  97. package/src/__generated__/small-x.tsx +1 -1
  98. package/src/__generated__/text-align-left.tsx +15 -0
  99. package/src/__generated__/video.tsx +15 -0
  100. package/src/index.ts +0 -10
  101. package/lib/__generated__/box-link.js +0 -14
  102. package/lib/align-self-baseline.js +0 -58
  103. package/lib/align-self-center.js +0 -34
  104. package/lib/align-self-end.js +0 -45
  105. package/lib/align-self-start.js +0 -34
  106. package/lib/align-self-stretch.js +0 -54
  107. package/lib/cjs/__generated__/box-link.js +0 -34
  108. package/lib/cjs/align-self-baseline.js +0 -88
  109. package/lib/cjs/align-self-center.js +0 -64
  110. package/lib/cjs/align-self-end.js +0 -75
  111. package/lib/cjs/align-self-start.js +0 -64
  112. package/lib/cjs/align-self-stretch.js +0 -84
  113. package/lib/cjs/flex-sizing-grow.js +0 -77
  114. package/lib/cjs/flex-sizing-shrink.js +0 -70
  115. package/lib/cjs/order-first.js +0 -79
  116. package/lib/cjs/order-last.js +0 -79
  117. package/lib/cjs/text-align-left.js +0 -75
  118. package/lib/flex-sizing-grow.js +0 -47
  119. package/lib/flex-sizing-shrink.js +0 -40
  120. package/lib/order-first.js +0 -49
  121. package/lib/order-last.js +0 -49
  122. package/lib/text-align-left.js +0 -45
  123. package/lib/types/align-self-baseline.d.ts +0 -3
  124. package/lib/types/align-self-center.d.ts +0 -3
  125. package/lib/types/align-self-end.d.ts +0 -3
  126. package/lib/types/align-self-start.d.ts +0 -3
  127. package/lib/types/align-self-stretch.d.ts +0 -3
  128. package/lib/types/flex-sizing-grow.d.ts +0 -3
  129. package/lib/types/flex-sizing-shrink.d.ts +0 -3
  130. package/lib/types/order-first.d.ts +0 -3
  131. package/lib/types/order-last.d.ts +0 -3
  132. package/lib/types/text-align-left.d.ts +0 -3
  133. package/src/__generated__/box-link.tsx +0 -15
  134. package/src/align-self-baseline.tsx +0 -47
  135. package/src/align-self-center.tsx +0 -27
  136. package/src/align-self-end.tsx +0 -35
  137. package/src/align-self-start.tsx +0 -27
  138. package/src/align-self-stretch.tsx +0 -41
  139. package/src/flex-sizing-grow.tsx +0 -34
  140. package/src/flex-sizing-shrink.tsx +0 -30
  141. package/src/order-first.tsx +0 -36
  142. package/src/order-last.tsx +0 -36
  143. package/src/text-align-left.tsx +0 -32
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var video_exports = {};
20
+ __export(video_exports, {
21
+ VideoIcon: () => VideoIcon
22
+ });
23
+ module.exports = __toCommonJS(video_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_react = require("react");
26
+ const VideoIcon = (0, import_react.forwardRef)(
27
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: [
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.251 7.5 6.933 5.29A.6.6 0 0 0 6 5.788v4.424a.6.6 0 0 0 .933.5l3.318-2.213a.6.6 0 0 0 0-.998Z" }),
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", d: "M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029ZM3.939 2.675c-.293.024-.445.068-.552.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.025.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V5.2c0-.572 0-.96-.025-1.262-.024-.293-.068-.445-.122-.552a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025Z", clipRule: "evenodd" })
31
+ ] });
32
+ }
33
+ );
34
+ VideoIcon.displayName = "VideoIcon";
package/lib/cjs/index.js CHANGED
@@ -47,21 +47,11 @@ __reExport(src_exports, require("./cross-circled-filled"), module.exports);
47
47
  __reExport(src_exports, require("./cross"), module.exports);
48
48
  __reExport(src_exports, require("./magnifying-glass"), module.exports);
49
49
  __reExport(src_exports, require("./menu"), module.exports);
50
- __reExport(src_exports, require("./align-self-start"), module.exports);
51
- __reExport(src_exports, require("./align-self-end"), module.exports);
52
- __reExport(src_exports, require("./align-self-center"), module.exports);
53
- __reExport(src_exports, require("./align-self-stretch"), module.exports);
54
- __reExport(src_exports, require("./align-self-baseline"), module.exports);
55
- __reExport(src_exports, require("./flex-sizing-grow"), module.exports);
56
- __reExport(src_exports, require("./flex-sizing-shrink"), module.exports);
57
- __reExport(src_exports, require("./order-first"), module.exports);
58
- __reExport(src_exports, require("./order-last"), module.exports);
59
50
  __reExport(src_exports, require("./cross-small"), module.exports);
60
51
  __reExport(src_exports, require("./cross-large"), module.exports);
61
52
  __reExport(src_exports, require("./ellipses"), module.exports);
62
53
  __reExport(src_exports, require("./text-align-center"), module.exports);
63
54
  __reExport(src_exports, require("./text-align-justify"), module.exports);
64
- __reExport(src_exports, require("./text-align-left"), module.exports);
65
55
  __reExport(src_exports, require("./text-align-right"), module.exports);
66
56
  __reExport(src_exports, require("./text-capitalize"), module.exports);
67
57
  __reExport(src_exports, require("./text-hyphen"), module.exports);
package/lib/index.js CHANGED
@@ -30,21 +30,11 @@ export * from "./cross-circled-filled";
30
30
  export * from "./cross";
31
31
  export * from "./magnifying-glass";
32
32
  export * from "./menu";
33
- export * from "./align-self-start";
34
- export * from "./align-self-end";
35
- export * from "./align-self-center";
36
- export * from "./align-self-stretch";
37
- export * from "./align-self-baseline";
38
- export * from "./flex-sizing-grow";
39
- export * from "./flex-sizing-shrink";
40
- export * from "./order-first";
41
- export * from "./order-last";
42
33
  export * from "./cross-small";
43
34
  export * from "./cross-large";
44
35
  export * from "./ellipses";
45
36
  export * from "./text-align-center";
46
37
  export * from "./text-align-justify";
47
- export * from "./text-align-left";
48
38
  export * from "./text-align-right";
49
39
  export * from "./text-capitalize";
50
40
  export * from "./text-hyphen";
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const ASBaselineIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const ASCenterIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const ASEndIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import type { IconProps } from "../types";
3
- export declare const BoxLinkIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
3
+ export declare const ASStartIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const ASStretchIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const CheckboxCheckedIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const FormTextAreaIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const GrowIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -9,6 +9,11 @@ export * from "./a-i-center";
9
9
  export * from "./a-i-end";
10
10
  export * from "./a-i-start";
11
11
  export * from "./a-i-stretch";
12
+ export * from "./a-s-baseline";
13
+ export * from "./a-s-center";
14
+ export * from "./a-s-end";
15
+ export * from "./a-s-start";
16
+ export * from "./a-s-stretch";
12
17
  export * from "./alert";
13
18
  export * from "./arrow-down";
14
19
  export * from "./arrow-right";
@@ -28,12 +33,12 @@ export * from "./border-width-individual";
28
33
  export * from "./border-width-left";
29
34
  export * from "./border-width-right";
30
35
  export * from "./border-width-top";
31
- export * from "./box-link";
32
36
  export * from "./box";
33
37
  export * from "./bp-star-off";
34
38
  export * from "./bp-star-on";
35
39
  export * from "./button-element";
36
40
  export * from "./checkbox-checked-filled";
41
+ export * from "./checkbox-checked";
37
42
  export * from "./checkbox-empty";
38
43
  export * from "./checkbox-mixed-filled";
39
44
  export * from "./chevron-big-down";
@@ -57,12 +62,14 @@ export * from "./email";
57
62
  export * from "./external-link";
58
63
  export * from "./eyecon-closed";
59
64
  export * from "./eyecon-open";
65
+ export * from "./form-text-area";
60
66
  export * from "./form-text-field";
61
67
  export * from "./form";
62
68
  export * from "./gap-horizontal";
63
69
  export * from "./gap-vertical";
64
70
  export * from "./github";
65
71
  export * from "./google";
72
+ export * from "./grow";
66
73
  export * from "./hamburger-menu";
67
74
  export * from "./heading";
68
75
  export * from "./image";
@@ -75,11 +82,16 @@ export * from "./j-c-space-between";
75
82
  export * from "./j-c-start";
76
83
  export * from "./link-2-unlinked";
77
84
  export * from "./link-2";
85
+ export * from "./link-block";
78
86
  export * from "./link";
79
87
  export * from "./list-item";
80
88
  export * from "./list";
89
+ export * from "./menu-ellipses";
90
+ export * from "./minus";
81
91
  export * from "./no-wrap";
82
92
  export * from "./offline";
93
+ export * from "./order-first";
94
+ export * from "./order-last";
83
95
  export * from "./page";
84
96
  export * from "./paint-brush";
85
97
  export * from "./phone";
@@ -92,12 +104,15 @@ export * from "./repeat-grid";
92
104
  export * from "./repeat-row";
93
105
  export * from "./scroll";
94
106
  export * from "./section-link";
107
+ export * from "./shrink";
95
108
  export * from "./slot-component";
96
109
  export * from "./small-x";
97
110
  export * from "./subscript";
98
111
  export * from "./subtract";
99
112
  export * from "./superscript";
113
+ export * from "./text-align-left";
100
114
  export * from "./text-block";
101
115
  export * from "./text-italic";
116
+ export * from "./video";
102
117
  export * from "./webstudio";
103
118
  export * from "./wrap";
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const LinkBlockIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const MenuEllipsesIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const MinusIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const OrderFirstIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const OrderLastIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const ShrinkIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const TextAlignLeftIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const VideoIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -30,21 +30,11 @@ export * from "./cross-circled-filled";
30
30
  export * from "./cross";
31
31
  export * from "./magnifying-glass";
32
32
  export * from "./menu";
33
- export * from "./align-self-start";
34
- export * from "./align-self-end";
35
- export * from "./align-self-center";
36
- export * from "./align-self-stretch";
37
- export * from "./align-self-baseline";
38
- export * from "./flex-sizing-grow";
39
- export * from "./flex-sizing-shrink";
40
- export * from "./order-first";
41
- export * from "./order-last";
42
33
  export * from "./cross-small";
43
34
  export * from "./cross-large";
44
35
  export * from "./ellipses";
45
36
  export * from "./text-align-center";
46
37
  export * from "./text-align-justify";
47
- export * from "./text-align-left";
48
38
  export * from "./text-align-right";
49
39
  export * from "./text-capitalize";
50
40
  export * from "./text-hyphen";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/icons",
3
- "version": "0.61.0",
3
+ "version": "0.63.0",
4
4
  "description": "Webstudio Icons",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -22,7 +22,7 @@
22
22
  "react-dom": "^18.2.0"
23
23
  },
24
24
  "dependencies": {
25
- "@webstudio-is/css-vars": "^0.61.0"
25
+ "@webstudio-is/css-vars": "^0.63.0"
26
26
  },
27
27
  "module": "./lib/index.js",
28
28
  "exports": {
@@ -0,0 +1,15 @@
1
+ // Generated from icons/a-s-baseline.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const ASBaselineIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M6.5 3.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8V12.2a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V3.8Zm1 3.46V4h1v3.26h-1Z" clipRule="evenodd" /><path fillRule="evenodd" d="M1.5 7.95c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ ASBaselineIcon.displayName = "ASBaselineIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/a-s-center.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const ASCenterIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M6.5 3.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v8.4a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V3.8Z" /><path fillRule="evenodd" d="M1.5 7.95c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ ASCenterIcon.displayName = "ASCenterIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/a-s-end.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const ASEndIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M14.5 14.2c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M9.5 11.6a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V4.2a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v7.4Z" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ ASEndIcon.displayName = "ASEndIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/a-s-start.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const ASStartIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M1.5 1.8c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /><path d="M6.5 4.4a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v7.4a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V4.4Z" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ ASStartIcon.displayName = "ASStartIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/a-s-stretch.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const ASStretchIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M14.5 14.2c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M9.5 11.7a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V4.3a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v7.4Z" /><path fillRule="evenodd" d="M14.5 1.8c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ ASStretchIcon.displayName = "ASStretchIcon";
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
7
7
  export const BorderRadiusBottomLeftIcon = forwardRef<SVGSVGElement, IconProps>(
8
8
  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
9
  return (
10
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M1.997 5.318a.65.65 0 0 1-.646-.654c.005-.75.026-1.353.288-1.867a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.514.262-1.118.283-1.866.288a.65.65 0 1 1-.01-1.3c.807-.006 1.092-.047 1.286-.146.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.099.194-.14.48-.146 1.285a.65.65 0 0 1-.654.646Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M1.35 10.827V8.672a.65.65 0 1 1 1.3 0V10.8c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.26.098.552.122.301.024.69.025 1.261.025h2.136a.65.65 0 1 1 0 1.3H5.173c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.163-.32-.229-.663-.26-1.037-.029-.36-.029-.802-.029-1.34Z" clipRule="evenodd" /></svg>
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M1.997 5.318a.65.65 0 0 1-.646-.654c.005-.75.026-1.353.288-1.867a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.514.262-1.118.283-1.866.288a.65.65 0 1 1-.01-1.3c.807-.006 1.092-.047 1.286-.146.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.099.194-.14.48-.146 1.285a.65.65 0 0 1-.654.646Z" clipRule="evenodd" /><path fillRule="evenodd" d="M1.35 10.827V8.672a.65.65 0 1 1 1.3 0V10.8c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.26.098.552.122.301.024.69.025 1.261.025h2.136a.65.65 0 1 1 0 1.3H5.173c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.163-.32-.229-.663-.26-1.037-.029-.36-.029-.802-.029-1.34Z" clipRule="evenodd" /></svg>
11
11
  );
12
12
  }
13
13
  );
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
7
7
  export const BorderRadiusBottomRightIcon = forwardRef<SVGSVGElement, IconProps>(
8
8
  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
9
  return (
10
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M5.318 14.003a.65.65 0 0 1-.654.646c-.75-.005-1.353-.026-1.867-.288a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.229-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.037-.26.36-.029.802-.029 1.34-.029h5.653c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.262.514.283 1.118.288 1.866a.65.65 0 1 1-1.3.01c-.006-.807-.047-1.092-.146-1.286a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.024.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.194.099.48.14 1.285.146a.65.65 0 0 1 .646.654Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M10.827 14.65H8.672a.65.65 0 1 1 0-1.3H10.8c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.024-.301.025-.69.025-1.261V8.664a.65.65 0 1 1 1.3 0v2.163c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.163-.663.229-1.037.26-.36.029-.802.029-1.34.029Z" clipRule="evenodd" /></svg>
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M5.318 14.003a.65.65 0 0 1-.654.646c-.75-.005-1.353-.026-1.867-.288a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.229-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.037-.26.36-.029.802-.029 1.34-.029h5.653c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.262.514.283 1.118.288 1.866a.65.65 0 1 1-1.3.01c-.006-.807-.047-1.092-.146-1.286a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.024.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.194.099.48.14 1.285.146a.65.65 0 0 1 .646.654Z" clipRule="evenodd" /><path fillRule="evenodd" d="M10.827 14.65H8.672a.65.65 0 1 1 0-1.3H10.8c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.024-.301.025-.69.025-1.261V8.664a.65.65 0 1 1 1.3 0v2.163c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.163-.663.229-1.037.26-.36.029-.802.029-1.34.029Z" clipRule="evenodd" /></svg>
11
11
  );
12
12
  }
13
13
  );
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
7
7
  export const BorderRadiusTopLeftIcon = forwardRef<SVGSVGElement, IconProps>(
8
8
  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
9
  return (
10
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M10.682 1.997a.65.65 0 0 1 .654-.646c.75.005 1.353.026 1.867.288.499.254.904.66 1.158 1.158.164.32.229.663.26 1.036.029.36.029.803.029 1.34v5.654c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036-.254.499-.66.904-1.158 1.158-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.262-.514-.283-1.118-.288-1.866a.65.65 0 0 1 1.3-.01c.006.806.047 1.092.146 1.286.13.254.336.46.59.59.107.054.259.098.552.122.301.024.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.024-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.194-.099-.48-.14-1.285-.146a.65.65 0 0 1-.646-.654Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M5.173 1.35h2.155a.65.65 0 1 1 0 1.3H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.024.301-.025.69-.025 1.261v2.136a.65.65 0 0 1-1.3 0V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.037-.26.36-.029.802-.029 1.34-.029Z" clipRule="evenodd" /></svg>
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M10.682 1.997a.65.65 0 0 1 .654-.646c.75.005 1.353.026 1.867.288.499.254.904.66 1.158 1.158.164.32.229.663.26 1.036.029.36.029.803.029 1.34v5.654c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036-.254.499-.66.904-1.158 1.158-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.262-.514-.283-1.118-.288-1.866a.65.65 0 0 1 1.3-.01c.006.806.047 1.092.146 1.286.13.254.336.46.59.59.107.054.259.098.552.122.301.024.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.024-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.194-.099-.48-.14-1.285-.146a.65.65 0 0 1-.646-.654Z" clipRule="evenodd" /><path fillRule="evenodd" d="M5.173 1.35h2.155a.65.65 0 1 1 0 1.3H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.024.301-.025.69-.025 1.261v2.136a.65.65 0 0 1-1.3 0V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.037-.26.36-.029.802-.029 1.34-.029Z" clipRule="evenodd" /></svg>
11
11
  );
12
12
  }
13
13
  );
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
7
7
  export const BorderRadiusTopRightIcon = forwardRef<SVGSVGElement, IconProps>(
8
8
  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
9
  return (
10
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M14.003 10.682a.65.65 0 0 1 .646.654c-.005.75-.026 1.353-.288 1.867a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.029-.36-.029-.802-.029-1.34V5.174c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.514-.262 1.118-.283 1.866-.288a.65.65 0 0 1 .01 1.3c-.807.006-1.092.047-1.286.146a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.024.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.099-.194.14-.48.146-1.285a.65.65 0 0 1 .654-.646Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M14.65 5.173v2.155a.65.65 0 1 1-1.3 0V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H8.664a.65.65 0 0 1 0-1.3h2.163c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.23.663.26 1.037.029.36.029.802.029 1.34Z" clipRule="evenodd" /></svg>
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M14.003 10.682a.65.65 0 0 1 .646.654c-.005.75-.026 1.353-.288 1.867a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.029-.36-.029-.802-.029-1.34V5.174c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.514-.262 1.118-.283 1.866-.288a.65.65 0 0 1 .01 1.3c-.807.006-1.092.047-1.286.146a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.024.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.099-.194.14-.48.146-1.285a.65.65 0 0 1 .654-.646Z" clipRule="evenodd" /><path fillRule="evenodd" d="M14.65 5.173v2.155a.65.65 0 1 1-1.3 0V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H8.664a.65.65 0 0 1 0-1.3h2.163c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.23.663.26 1.037.029.36.029.802.029 1.34Z" clipRule="evenodd" /></svg>
11
11
  );
12
12
  }
13
13
  );
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
7
7
  export const BoxIcon = forwardRef<SVGSVGElement, IconProps>(
8
8
  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
9
  return (
10
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M14.882 2H7.118c-.743 0-1.346 0-1.835.04-.505.041-.954.129-1.372.341a3.5 3.5 0 0 0-1.53 1.53c-.212.418-.3.867-.341 1.372C2 5.772 2 6.375 2 7.118v7.764c0 .743 0 1.346.04 1.835.041.505.129.955.341 1.372a3.5 3.5 0 0 0 1.53 1.53c.418.212.867.3 1.372.341.489.04 1.092.04 1.835.04h7.764c.743 0 1.346 0 1.835-.04.505-.041.955-.129 1.372-.341a3.5 3.5 0 0 0 1.53-1.53c.212-.417.3-.867.341-1.372.04-.489.04-1.092.04-1.835V7.118c0-.743 0-1.346-.04-1.835-.041-.505-.129-.954-.341-1.372a3.5 3.5 0 0 0-1.53-1.53c-.417-.212-.867-.3-1.372-.341C16.228 2 15.625 2 14.882 2Zm1.713 1.535c.412.034.642.096.813.183a2 2 0 0 1 .874.874c.087.17.15.4.183.813.034.42.035.963.035 1.745v7.7c0 .782 0 1.324-.035 1.745-.034.412-.096.642-.183.813a2 2 0 0 1-.874.874c-.17.087-.4.15-.813.183-.42.034-.963.035-1.745.035h-7.7c-.782 0-1.324 0-1.745-.035-.412-.034-.642-.096-.813-.183a2 2 0 0 1-.874-.874c-.087-.17-.15-.4-.183-.813-.034-.42-.035-.963-.035-1.745v-7.7c0-.782 0-1.324.035-1.745.034-.412.096-.642.183-.813a2 2 0 0 1 .874-.874c.17-.087.4-.15.813-.183.42-.034.963-.035 1.745-.035h7.7c.782 0 1.324 0 1.745.035Z" clipRule="evenodd" /></svg>
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.036.029.36.029.803.029 1.34v5.654c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.029-.36-.029-.802-.029-1.34V5.174c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.23 1.036-.26.36-.029.803-.029 1.34-.029ZM3.939 2.675c-.293.024-.445.068-.552.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.025.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.025-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122-.301-.025-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025Z" clipRule="evenodd" /></svg>
11
11
  );
12
12
  }
13
13
  );
@@ -0,0 +1,15 @@
1
+ // Generated from icons/checkbox-checked.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const CheckboxCheckedIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.036.029.36.029.803.029 1.34v5.654c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.029-.36-.029-.802-.029-1.34V5.174c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.23 1.036-.26.36-.029.803-.029 1.34-.029ZM3.939 2.675c-.293.024-.445.068-.552.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.025.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.025-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122-.301-.025-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025Z" clipRule="evenodd" /><path fillRule="evenodd" d="M11.566 5.357a.8.8 0 0 1 0 1.132l-4.154 4.154a.8.8 0 0 1-1.132 0L4.434 8.796a.8.8 0 1 1 1.132-1.13l1.28 1.28 3.588-3.589a.8.8 0 0 1 1.132 0Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ CheckboxCheckedIcon.displayName = "CheckboxCheckedIcon";
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
7
7
  export const ChevronFilledUpIcon = forwardRef<SVGSVGElement, IconProps>(
8
8
  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
9
  return (
10
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M7.5 5.508 4.623 9.826a.6.6 0 0 0 .5.933h5.757a.6.6 0 0 0 .5-.933l-2.88-4.318a.6.6 0 0 0-.998 0Z" /></svg>
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M7.5 5.508 4.623 9.826a.6.6 0 0 0 .5.933h5.757a.6.6 0 0 0 .5-.933l-2.88-4.318a.6.6 0 0 0-.998 0Z" /></svg>
11
11
  );
12
12
  }
13
13
  );
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
7
7
  export const CodeIcon = forwardRef<SVGSVGElement, IconProps>(
8
8
  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
9
  return (
10
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M12.996 2.018c.404.09.66.49.57.895l-3.667 16.5a.75.75 0 0 1-1.464-.326l3.666-16.5a.75.75 0 0 1 .895-.569ZM6.947 5.887a.75.75 0 0 1 0 1.06L2.894 11l4.053 4.053a.75.75 0 1 1-1.06 1.06l-4.584-4.582a.75.75 0 0 1 0-1.061l4.583-4.584a.75.75 0 0 1 1.061 0Zm8.106 0a.75.75 0 0 1 1.06 0l4.584 4.583a.75.75 0 0 1 0 1.06l-4.583 4.584a.75.75 0 0 1-1.061-1.06L19.106 11l-4.053-4.053a.75.75 0 0 1 0-1.06Z" clipRule="evenodd" /></svg>
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M9.474 1.365a.65.65 0 0 1 .494.776l-2.667 12a.65.65 0 0 1-1.269-.282l2.667-12a.65.65 0 0 1 .775-.494ZM5.126 4.207a.65.65 0 0 1 0 .92L2.253 8l2.873 2.874a.65.65 0 1 1-.919.919L.874 8.46a.65.65 0 0 1 0-.92l3.333-3.333a.65.65 0 0 1 .92 0Zm5.748 0a.65.65 0 0 1 .919 0l3.333 3.333a.65.65 0 0 1 0 .92l-3.333 3.333a.65.65 0 1 1-.92-.92L13.748 8l-2.873-2.874a.65.65 0 0 1 0-.919Z" clipRule="evenodd" /></svg>
11
11
  );
12
12
  }
13
13
  );
@@ -0,0 +1,15 @@
1
+ // Generated from icons/form-text-area.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const FormTextAreaIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M1.35 3.325c0-.723.586-1.31 1.31-1.31h10.68c.723 0 1.31.587 1.31 1.31v9.35a1.31 1.31 0 0 1-1.31 1.31H2.66a1.31 1.31 0 0 1-1.31-1.31v-9.35Zm12 5.739V3.321a.01.01 0 0 0-.003-.003.01.01 0 0 0-.003-.002l-.004-.001H2.656l-.003.003a.012.012 0 0 0-.003.003V12.68a.012.012 0 0 0 .006.005l.004.001h7.069l3.62-3.621Zm-1.783 3.621 1.783-1.783v1.777l-.003.003a.01.01 0 0 1-.003.002l-.004.001h-1.773Zm-6.9-8.011a.65.65 0 0 1 .65.65v2.67a.65.65 0 0 1-1.3 0v-2.67a.65.65 0 0 1 .65-.65Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ FormTextAreaIcon.displayName = "FormTextAreaIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/grow.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const GrowIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M1.5 1.85a.65.65 0 0 1 .65.65v11a.65.65 0 1 1-1.3 0v-11a.65.65 0 0 1 .65-.65Zm13 0a.65.65 0 0 1 .65.65v11a.65.65 0 1 1-1.3 0v-11a.65.65 0 0 1 .65-.65ZM6.156 5.54a.65.65 0 0 1 0 .92l-.89.89h5.468l-.89-.89a.65.65 0 1 1 .92-.92l2 2a.65.65 0 0 1 0 .92l-2 2a.65.65 0 1 1-.92-.92l.89-.89H5.266l.89.89a.65.65 0 1 1-.92.92l-2-2a.65.65 0 0 1 0-.92l2-2a.65.65 0 0 1 .92 0Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ GrowIcon.displayName = "GrowIcon";
@@ -9,6 +9,11 @@ export * from "./a-i-center";
9
9
  export * from "./a-i-end";
10
10
  export * from "./a-i-start";
11
11
  export * from "./a-i-stretch";
12
+ export * from "./a-s-baseline";
13
+ export * from "./a-s-center";
14
+ export * from "./a-s-end";
15
+ export * from "./a-s-start";
16
+ export * from "./a-s-stretch";
12
17
  export * from "./alert";
13
18
  export * from "./arrow-down";
14
19
  export * from "./arrow-right";
@@ -28,12 +33,12 @@ export * from "./border-width-individual";
28
33
  export * from "./border-width-left";
29
34
  export * from "./border-width-right";
30
35
  export * from "./border-width-top";
31
- export * from "./box-link";
32
36
  export * from "./box";
33
37
  export * from "./bp-star-off";
34
38
  export * from "./bp-star-on";
35
39
  export * from "./button-element";
36
40
  export * from "./checkbox-checked-filled";
41
+ export * from "./checkbox-checked";
37
42
  export * from "./checkbox-empty";
38
43
  export * from "./checkbox-mixed-filled";
39
44
  export * from "./chevron-big-down";
@@ -57,12 +62,14 @@ export * from "./email";
57
62
  export * from "./external-link";
58
63
  export * from "./eyecon-closed";
59
64
  export * from "./eyecon-open";
65
+ export * from "./form-text-area";
60
66
  export * from "./form-text-field";
61
67
  export * from "./form";
62
68
  export * from "./gap-horizontal";
63
69
  export * from "./gap-vertical";
64
70
  export * from "./github";
65
71
  export * from "./google";
72
+ export * from "./grow";
66
73
  export * from "./hamburger-menu";
67
74
  export * from "./heading";
68
75
  export * from "./image";
@@ -75,11 +82,16 @@ export * from "./j-c-space-between";
75
82
  export * from "./j-c-start";
76
83
  export * from "./link-2-unlinked";
77
84
  export * from "./link-2";
85
+ export * from "./link-block";
78
86
  export * from "./link";
79
87
  export * from "./list-item";
80
88
  export * from "./list";
89
+ export * from "./menu-ellipses";
90
+ export * from "./minus";
81
91
  export * from "./no-wrap";
82
92
  export * from "./offline";
93
+ export * from "./order-first";
94
+ export * from "./order-last";
83
95
  export * from "./page";
84
96
  export * from "./paint-brush";
85
97
  export * from "./phone";
@@ -92,12 +104,15 @@ export * from "./repeat-grid";
92
104
  export * from "./repeat-row";
93
105
  export * from "./scroll";
94
106
  export * from "./section-link";
107
+ export * from "./shrink";
95
108
  export * from "./slot-component";
96
109
  export * from "./small-x";
97
110
  export * from "./subscript";
98
111
  export * from "./subtract";
99
112
  export * from "./superscript";
113
+ export * from "./text-align-left";
100
114
  export * from "./text-block";
101
115
  export * from "./text-italic";
116
+ export * from "./video";
102
117
  export * from "./webstudio";
103
118
  export * from "./wrap";