@eyesee/ui-components 0.15.0 → 0.16.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.
@@ -1,13 +1,124 @@
1
1
  /**
2
- * SVG edit image icon.
2
+ * @callback EditImageIconClickHandler
3
+ * @returns {void}
4
+ */
5
+ /**
6
+ * Shared {@link IconProps} for this icon. All optional.
7
+ *
8
+ * @typedef {object} EditImageIconProps
9
+ *
10
+ * @property {import('./constants').IconSize} [iconSize='m']
11
+ * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
12
+ * @property {EditImageIconClickHandler} [onClick=null]
13
+ * Click handler. When set the icon is clickable. Default `null`.
14
+ * @property {string} [fill='none']
15
+ * SVG fill colour. Default `'none'`.
16
+ * @property {string} [strokeColor='currentColor']
17
+ * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
18
+ * @property {string} [strokeColorOnHover]
19
+ * Stroke colour applied on hover.
20
+ * @property {string} [fillOnHover]
21
+ * Fill colour applied on hover.
22
+ * @property {boolean} [disabled]
23
+ * Applies disabled colour tokens and ignores clicks.
24
+ * @property {boolean} [animated=false]
25
+ * When `true`, applies the spinner animation class. Default `false`.
26
+ * @property {number} [viewBoxSize]
27
+ * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
28
+ *
29
+ * @see {@link IconProps}
30
+ */
31
+ /**
32
+ * SVG edit image icon (framed landscape photo with a pencil badge)
33
+ * used for editing images or other media.
34
+ * Source: Design System Figma `icon-imageedit`, `size=xxl` (32×32) variant.
35
+ *
36
+ * ## Props
37
+ *
38
+ * All optional.
39
+ *
40
+ * **iconSize** `'s' | 'm' | 'l' | 'xl' | 'xxl' | '4xl'` — default `'m'`
41
+ * T-shirt size token. Controls `width`/`height` and stroke width.
42
+ *
43
+ * **onClick** `() => void` — default `null`
44
+ * Click handler. When set the icon is clickable.
45
+ *
46
+ * **fill** `string` — default `'none'`
47
+ * SVG fill colour.
3
48
  *
4
- * @param {object} props
5
- * @param {string} [props.strokeColor='currentColor'] - SVG stroke colour.
6
- * Accepts any valid CSS colour value.
7
- * @param {import('./constants').IconSize} [props.iconSize='m']
8
- * T-shirt size token that controls the rendered `width`/`height` and
9
- * `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
10
- * @param {string} [props.fill='none'] - SVG fill colour.
11
- * @returns {JSX.Element}
49
+ * **strokeColor** `string` — default `'currentColor'`
50
+ * SVG stroke colour. Accepts any valid CSS colour.
51
+ *
52
+ * **strokeColorOnHover** `string` — no default
53
+ * Stroke colour applied on hover.
54
+ *
55
+ * **fillOnHover** `string` — no default
56
+ * Fill colour applied on hover.
57
+ *
58
+ * **disabled** `boolean` — no default
59
+ * Applies disabled colour tokens and ignores clicks.
60
+ *
61
+ * **animated** `boolean` — default `false`
62
+ * When `true`, applies the spinner animation class.
63
+ *
64
+ * **viewBoxSize** `number` — no default
65
+ * Custom viewBox size for icons that are not 32×32. Omit → `0 0 32 32`.
66
+ *
67
+ * @param {EditImageIconProps} props
68
+ * @returns {import('react').ReactElement}
69
+ *
70
+ * @example <caption>Playground</caption>
71
+ * import { EditImageIcon } from '@eyesee/ui-components/icons';
72
+ *
73
+ * <EditImageIcon iconSize="m" strokeColor="#333333" fill="none" />
74
+ *
75
+ * @example <caption>Gallery</caption>
76
+ * import { EditImageIcon } from '@eyesee/ui-components/icons';
77
+ *
78
+ * <EditImageIcon iconSize="s" strokeColor="#333333" fill="none" />
79
+ * <EditImageIcon iconSize="m" strokeColor="#333333" fill="none" />
80
+ * <EditImageIcon iconSize="l" strokeColor="#333333" fill="none" />
12
81
  */
13
82
  export const EditImageIcon: (props: IconProps) => import("react").JSX.Element;
83
+ export type EditImageIconClickHandler = () => void;
84
+ /**
85
+ * Shared {@link IconProps} for this icon. All optional.
86
+ */
87
+ export type EditImageIconProps = {
88
+ /**
89
+ * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
90
+ */
91
+ iconSize?: import("./constants").IconSize;
92
+ /**
93
+ * Click handler. When set the icon is clickable. Default `null`.
94
+ */
95
+ onClick?: EditImageIconClickHandler;
96
+ /**
97
+ * SVG fill colour. Default `'none'`.
98
+ */
99
+ fill?: string;
100
+ /**
101
+ * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
102
+ */
103
+ strokeColor?: string;
104
+ /**
105
+ * Stroke colour applied on hover.
106
+ */
107
+ strokeColorOnHover?: string;
108
+ /**
109
+ * Fill colour applied on hover.
110
+ */
111
+ fillOnHover?: string;
112
+ /**
113
+ * Applies disabled colour tokens and ignores clicks.
114
+ */
115
+ disabled?: boolean;
116
+ /**
117
+ * When `true`, applies the spinner animation class. Default `false`.
118
+ */
119
+ animated?: boolean;
120
+ /**
121
+ * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
122
+ */
123
+ viewBoxSize?: number;
124
+ };
@@ -3,7 +3,7 @@ import { createIcon as t } from "./createIcon.js";
3
3
  const L = t(({ strokeColor: C, strokeWidth: o }) => /* @__PURE__ */ r(
4
4
  "path",
5
5
  {
6
- d: "M20.0002 10.6667H20.0135M14.6668 26.6667H9.3335C8.27263 26.6667 7.25521 26.2453 6.50507 25.4951C5.75492 24.745 5.3335 23.7276 5.3335 22.6667V9.33337C5.3335 8.27251 5.75492 7.25509 6.50507 6.50495C7.25521 5.7548 8.27263 5.33337 9.3335 5.33337H22.6668C23.7277 5.33337 24.7451 5.7548 25.4953 6.50495C26.2454 7.25509 26.6668 8.27251 26.6668 9.33337V14.6667M5.3335 20.0001L10.6668 14.6668C11.9042 13.4761 13.4295 13.4761 14.6668 14.6668L18.6668 18.6668L20.0002 17.3334C20.4135 16.9361 20.8588 16.6708 21.3162 16.5388M24.5602 20.8133C24.8202 20.5533 25.1289 20.3471 25.4686 20.2064C25.8083 20.0656 26.1724 19.9932 26.5402 19.9932C26.9079 19.9932 27.272 20.0656 27.6117 20.2064C27.9515 20.3471 28.2601 20.5533 28.5202 20.8133C28.7802 21.0734 28.9864 21.3821 29.1272 21.7218C29.2679 22.0615 29.3403 22.4256 29.3403 22.7933C29.3403 23.1611 29.2679 23.5252 29.1272 23.8649C28.9864 24.2046 28.7802 24.5133 28.5202 24.7733L24.0002 29.3333H20.0002V25.3333L24.5602 20.8133Z",
6
+ d: "M20 10.6667H20.0133M16.6667 28H8C6.93913 28 5.92172 27.5786 5.17157 26.8284C4.42143 26.0783 4 25.0609 4 24V8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4H24C25.0609 4 26.0783 4.42143 26.8284 5.17157C27.5786 5.92172 28 6.93913 28 8V16.6667M4 21.3334L10.6667 14.6668C11.904 13.4761 13.4293 13.4761 14.6667 14.6668L20 20.0001M18.6667 18.6666L20 17.3333C20.8933 16.4746 21.9333 16.2346 22.9093 16.6133M25.56 21.8201C25.82 21.5601 26.1287 21.3539 26.4684 21.2131C26.8082 21.0724 27.1723 21 27.54 21C27.9077 21 28.2718 21.0724 28.6116 21.2131C28.9513 21.3539 29.26 21.5601 29.52 21.8201C29.78 22.0802 29.9863 22.3888 30.127 22.7286C30.2677 23.0683 30.3401 23.4324 30.3401 23.8001C30.3401 24.1679 30.2677 24.532 30.127 24.8717C29.9863 25.2114 29.78 25.5201 29.52 25.7801L25 30.3401H21V26.3401L25.56 21.8201Z",
7
7
  stroke: C,
8
8
  strokeWidth: o,
9
9
  strokeLinecap: "round",
@@ -0,0 +1,123 @@
1
+ /**
2
+ * @callback EditSquareIconClickHandler
3
+ * @returns {void}
4
+ */
5
+ /**
6
+ * Shared {@link IconProps} for this icon. All optional.
7
+ *
8
+ * @typedef {object} EditSquareIconProps
9
+ *
10
+ * @property {import('./constants').IconSize} [iconSize='m']
11
+ * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
12
+ * @property {EditSquareIconClickHandler} [onClick=null]
13
+ * Click handler. When set the icon is clickable. Default `null`.
14
+ * @property {string} [fill='none']
15
+ * SVG fill colour. Default `'none'`.
16
+ * @property {string} [strokeColor='currentColor']
17
+ * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
18
+ * @property {string} [strokeColorOnHover]
19
+ * Stroke colour applied on hover.
20
+ * @property {string} [fillOnHover]
21
+ * Fill colour applied on hover.
22
+ * @property {boolean} [disabled]
23
+ * Applies disabled colour tokens and ignores clicks.
24
+ * @property {boolean} [animated=false]
25
+ * When `true`, applies the spinner animation class. Default `false`.
26
+ * @property {number} [viewBoxSize]
27
+ * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
28
+ *
29
+ * @see {@link IconProps}
30
+ */
31
+ /**
32
+ * SVG edit icon (document square with a pencil) used for an edit action.
33
+ * Source: 24×24 glyph scaled onto the 32×32 grid (`32/24`).
34
+ *
35
+ * ## Props
36
+ *
37
+ * All optional.
38
+ *
39
+ * **iconSize** `'s' | 'm' | 'l' | 'xl' | 'xxl' | '4xl'` — default `'m'`
40
+ * T-shirt size token. Controls `width`/`height` and stroke width.
41
+ *
42
+ * **onClick** `() => void` — default `null`
43
+ * Click handler. When set the icon is clickable.
44
+ *
45
+ * **fill** `string` — default `'none'`
46
+ * SVG fill colour.
47
+ *
48
+ * **strokeColor** `string` — default `'currentColor'`
49
+ * SVG stroke colour. Accepts any valid CSS colour.
50
+ *
51
+ * **strokeColorOnHover** `string` — no default
52
+ * Stroke colour applied on hover.
53
+ *
54
+ * **fillOnHover** `string` — no default
55
+ * Fill colour applied on hover.
56
+ *
57
+ * **disabled** `boolean` — no default
58
+ * Applies disabled colour tokens and ignores clicks.
59
+ *
60
+ * **animated** `boolean` — default `false`
61
+ * When `true`, applies the spinner animation class.
62
+ *
63
+ * **viewBoxSize** `number` — no default
64
+ * Custom viewBox size for icons that are not 32×32. Omit → `0 0 32 32`.
65
+ *
66
+ * @param {EditSquareIconProps} props
67
+ * @returns {import('react').ReactElement}
68
+ *
69
+ * @example <caption>Playground</caption>
70
+ * import { EditSquareIcon } from '@eyesee/ui-components/icons';
71
+ *
72
+ * <EditSquareIcon iconSize="m" strokeColor="#333333" fill="none" />
73
+ *
74
+ * @example <caption>Gallery</caption>
75
+ * import { EditSquareIcon } from '@eyesee/ui-components/icons';
76
+ *
77
+ * <EditSquareIcon iconSize="s" strokeColor="#333333" fill="none" />
78
+ * <EditSquareIcon iconSize="m" strokeColor="#333333" fill="none" />
79
+ * <EditSquareIcon iconSize="l" strokeColor="#333333" fill="none" />
80
+ */
81
+ export const EditSquareIcon: (props: IconProps) => import("react").JSX.Element;
82
+ export type EditSquareIconClickHandler = () => void;
83
+ /**
84
+ * Shared {@link IconProps} for this icon. All optional.
85
+ */
86
+ export type EditSquareIconProps = {
87
+ /**
88
+ * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
89
+ */
90
+ iconSize?: import("./constants").IconSize;
91
+ /**
92
+ * Click handler. When set the icon is clickable. Default `null`.
93
+ */
94
+ onClick?: EditSquareIconClickHandler;
95
+ /**
96
+ * SVG fill colour. Default `'none'`.
97
+ */
98
+ fill?: string;
99
+ /**
100
+ * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
101
+ */
102
+ strokeColor?: string;
103
+ /**
104
+ * Stroke colour applied on hover.
105
+ */
106
+ strokeColorOnHover?: string;
107
+ /**
108
+ * Fill colour applied on hover.
109
+ */
110
+ fillOnHover?: string;
111
+ /**
112
+ * Applies disabled colour tokens and ignores clicks.
113
+ */
114
+ disabled?: boolean;
115
+ /**
116
+ * When `true`, applies the spinner animation class. Default `false`.
117
+ */
118
+ animated?: boolean;
119
+ /**
120
+ * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
121
+ */
122
+ viewBoxSize?: number;
123
+ };
@@ -0,0 +1,15 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { createIcon as C } from "./createIcon.js";
3
+ const i = C(({ strokeColor: o, strokeWidth: r }) => /* @__PURE__ */ t(
4
+ "path",
5
+ {
6
+ d: "M9.3333 9.3333H8C7.2928 9.3333 6.6145 9.6143 6.1144 10.1144C5.6143 10.6145 5.3333 11.2928 5.3333 12V24C5.3333 24.7072 5.6143 25.3855 6.1144 25.8856C6.6145 26.3857 7.2928 26.6667 8 26.6667H20C20.7072 26.6667 21.3855 26.3857 21.8856 25.8856C22.3857 25.3855 22.6667 24.7072 22.6667 24V22.6667M21.3333 6.6667L25.3333 10.6667M27.18 8.7801C27.7051 8.255 28.0001 7.5428 28.0001 6.8001C28.0001 6.0575 27.7051 5.3453 27.18 4.8201C26.6549 4.295 25.9427 4 25.2 4C24.4573 4 23.7451 4.295 23.22 4.8201L12 16.0001V20.0001H16L27.18 8.7801Z",
7
+ stroke: o,
8
+ strokeWidth: r,
9
+ strokeLinecap: "round",
10
+ strokeLinejoin: "round"
11
+ }
12
+ ));
13
+ export {
14
+ i as EditSquareIcon
15
+ };
@@ -1,15 +1,124 @@
1
+ /**
2
+ * @callback ImageStarIconClickHandler
3
+ * @returns {void}
4
+ */
5
+ /**
6
+ * Shared {@link IconProps} for this icon. All optional.
7
+ *
8
+ * @typedef {object} ImageStarIconProps
9
+ *
10
+ * @property {import('./constants').IconSize} [iconSize='m']
11
+ * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
12
+ * @property {ImageStarIconClickHandler} [onClick=null]
13
+ * Click handler. When set the icon is clickable. Default `null`.
14
+ * @property {string} [fill='none']
15
+ * SVG fill colour. Default `'none'`.
16
+ * @property {string} [strokeColor='currentColor']
17
+ * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
18
+ * @property {string} [strokeColorOnHover]
19
+ * Stroke colour applied on hover.
20
+ * @property {string} [fillOnHover]
21
+ * Fill colour applied on hover.
22
+ * @property {boolean} [disabled]
23
+ * Applies disabled colour tokens and ignores clicks.
24
+ * @property {boolean} [animated=false]
25
+ * When `true`, applies the spinner animation class. Default `false`.
26
+ * @property {number} [viewBoxSize]
27
+ * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
28
+ *
29
+ * @see {@link IconProps}
30
+ */
1
31
  /**
2
32
  * SVG image-with-star icon (framed photo with a star badge) used for
3
33
  * Visual Brand Alignment and similar media-rating contexts.
34
+ * Source: Design System Figma `icon-imagestar`, `size=xxl` (32×32) variant.
35
+ *
36
+ * ## Props
37
+ *
38
+ * All optional.
39
+ *
40
+ * **iconSize** `'s' | 'm' | 'l' | 'xl' | 'xxl' | '4xl'` — default `'m'`
41
+ * T-shirt size token. Controls `width`/`height` and stroke width.
42
+ *
43
+ * **onClick** `() => void` — default `null`
44
+ * Click handler. When set the icon is clickable.
45
+ *
46
+ * **fill** `string` — default `'none'`
47
+ * SVG fill colour.
4
48
  *
5
- * Source: Design System Figma `IconImagestar` (node 31025:30712).
49
+ * **strokeColor** `string` — default `'currentColor'`
50
+ * SVG stroke colour. Accepts any valid CSS colour.
6
51
  *
7
- * @param {object} props
8
- * @param {import('./constants').IconSize} [props.iconSize='m']
9
- * T-shirt size token that controls the rendered `width`/`height` and
10
- * `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
11
- * @param {string} [props.strokeColor='currentColor'] - SVG stroke colour.
12
- * Accepts any valid CSS colour value.
13
- * @returns {JSX.Element}
52
+ * **strokeColorOnHover** `string` — no default
53
+ * Stroke colour applied on hover.
54
+ *
55
+ * **fillOnHover** `string` — no default
56
+ * Fill colour applied on hover.
57
+ *
58
+ * **disabled** `boolean` — no default
59
+ * Applies disabled colour tokens and ignores clicks.
60
+ *
61
+ * **animated** `boolean` — default `false`
62
+ * When `true`, applies the spinner animation class.
63
+ *
64
+ * **viewBoxSize** `number` — no default
65
+ * Custom viewBox size for icons that are not 32×32. Omit → `0 0 32 32`.
66
+ *
67
+ * @param {ImageStarIconProps} props
68
+ * @returns {import('react').ReactElement}
69
+ *
70
+ * @example <caption>Playground</caption>
71
+ * import { ImageStarIcon } from '@eyesee/ui-components/icons';
72
+ *
73
+ * <ImageStarIcon iconSize="m" strokeColor="#333333" fill="none" />
74
+ *
75
+ * @example <caption>Gallery</caption>
76
+ * import { ImageStarIcon } from '@eyesee/ui-components/icons';
77
+ *
78
+ * <ImageStarIcon iconSize="s" strokeColor="#333333" fill="none" />
79
+ * <ImageStarIcon iconSize="m" strokeColor="#333333" fill="none" />
80
+ * <ImageStarIcon iconSize="l" strokeColor="#333333" fill="none" />
14
81
  */
15
82
  export const ImageStarIcon: (props: IconProps) => import("react").JSX.Element;
83
+ export type ImageStarIconClickHandler = () => void;
84
+ /**
85
+ * Shared {@link IconProps} for this icon. All optional.
86
+ */
87
+ export type ImageStarIconProps = {
88
+ /**
89
+ * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
90
+ */
91
+ iconSize?: import("./constants").IconSize;
92
+ /**
93
+ * Click handler. When set the icon is clickable. Default `null`.
94
+ */
95
+ onClick?: ImageStarIconClickHandler;
96
+ /**
97
+ * SVG fill colour. Default `'none'`.
98
+ */
99
+ fill?: string;
100
+ /**
101
+ * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
102
+ */
103
+ strokeColor?: string;
104
+ /**
105
+ * Stroke colour applied on hover.
106
+ */
107
+ strokeColorOnHover?: string;
108
+ /**
109
+ * Fill colour applied on hover.
110
+ */
111
+ fillOnHover?: string;
112
+ /**
113
+ * Applies disabled colour tokens and ignores clicks.
114
+ */
115
+ disabled?: boolean;
116
+ /**
117
+ * When `true`, applies the spinner animation class. Default `false`.
118
+ */
119
+ animated?: boolean;
120
+ /**
121
+ * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
122
+ */
123
+ viewBoxSize?: number;
124
+ };
@@ -3,7 +3,7 @@ import { createIcon as r } from "./createIcon.js";
3
3
  const n = r(({ strokeColor: C, strokeWidth: o }) => /* @__PURE__ */ L(
4
4
  "path",
5
5
  {
6
- d: "M19.9024 8.9756H19.918M13.6585 29.2683H5.8537C4.6117 29.2683 3.4206 28.7749 2.5423 27.8967C1.6641 27.0185 1.1707 25.8273 1.1707 24.5854V5.8537C1.1707 4.6117 1.6641 3.4206 2.5423 2.5423C3.4206 1.6641 4.6117 1.1707 5.8537 1.1707H24.5854C25.8273 1.1707 27.0185 1.6641 27.8967 2.5423C28.7749 3.4206 29.2683 4.6117 29.2683 5.8537V14.439M1.1707 21.4636L8.9756 13.6586C10.4242 12.2647 12.21 12.2647 13.6585 13.6586L16.7805 16.7806M24.2735 28.9826L20.883 30.759C20.7825 30.8113 20.6693 30.8347 20.5562 30.8265C20.443 30.8182 20.3344 30.7787 20.2424 30.7124C20.1505 30.646 20.0788 30.5553 20.0353 30.4506C19.9919 30.3458 19.9785 30.2309 19.9964 30.119L20.6442 26.3555L17.9016 23.6909C17.8198 23.6118 17.7619 23.5113 17.7344 23.4007C17.7069 23.2902 17.7111 23.1742 17.7464 23.0659C17.7817 22.9577 17.8468 22.8616 17.934 22.7885C18.0215 22.7155 18.1276 22.6685 18.2403 22.6529L22.0304 22.1034L23.7256 18.6802C23.7763 18.5783 23.8545 18.4924 23.9513 18.4325C24.0481 18.3725 24.1597 18.3407 24.2735 18.3407C24.3874 18.3407 24.499 18.3725 24.5958 18.4325C24.6926 18.4924 24.7708 18.5783 24.8214 18.6802L26.5166 22.1034L30.3067 22.6529C30.4192 22.669 30.5249 22.7164 30.6118 22.7895C30.6988 22.8625 30.7636 22.9585 30.7988 23.0665C30.834 23.1746 30.8383 23.2902 30.8112 23.4006C30.7842 23.5109 30.7267 23.6115 30.6454 23.6909L27.9028 26.3555L28.549 30.1175C28.5685 30.2295 28.556 30.3451 28.5131 30.4504C28.4702 30.5559 28.3987 30.6473 28.3064 30.7141C28.2143 30.7809 28.1052 30.8205 27.9917 30.8285C27.8781 30.8364 27.7646 30.8123 27.6639 30.759L24.2735 28.9826Z",
6
+ d: "M20 10.6667H20.0133M14.6667 28H8C6.93913 28 5.92172 27.5786 5.17157 26.8284C4.42143 26.0783 4 25.0609 4 24V8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4H24C25.0609 4 26.0783 4.42143 26.8284 5.17157C27.5786 5.92172 28 6.93913 28 8V15.3333M4 21.3334L10.6667 14.6668C11.904 13.4761 13.4293 13.4761 14.6667 14.6668L17.3333 17.3334M23.7336 27.756L20.8377 29.2733C20.7517 29.318 20.655 29.338 20.5584 29.331C20.4618 29.3239 20.369 29.2902 20.2904 29.2335C20.2119 29.1768 20.1506 29.0993 20.1135 29.0098C20.0764 28.9203 20.0649 28.8223 20.0803 28.7266L20.6337 25.512L18.291 23.236C18.2211 23.1684 18.1715 23.0825 18.1481 22.9881C18.1247 22.8937 18.1282 22.7946 18.1584 22.7022C18.1886 22.6097 18.2441 22.5276 18.3187 22.4652C18.3933 22.4028 18.484 22.3626 18.5803 22.3493L21.8177 21.88L23.2656 18.956C23.309 18.8689 23.3757 18.7956 23.4584 18.7444C23.5411 18.6932 23.6364 18.666 23.7336 18.666C23.8309 18.666 23.9262 18.6932 24.0089 18.7444C24.0916 18.7956 24.1583 18.8689 24.2016 18.956L25.6496 21.88L28.887 22.3493C28.983 22.3631 29.0733 22.4035 29.1476 22.466C29.2219 22.5284 29.2772 22.6104 29.3073 22.7027C29.3374 22.7949 29.3411 22.8938 29.3179 22.988C29.2948 23.0823 29.2457 23.1682 29.1763 23.236L26.8336 25.512L27.3856 28.7253C27.4022 28.8211 27.3916 28.9197 27.355 29.0098C27.3183 29.0998 27.2572 29.1778 27.1784 29.2349C27.0997 29.292 27.0065 29.3258 26.9095 29.3326C26.8125 29.3394 26.7156 29.3189 26.6297 29.2733L23.7336 27.756Z",
7
7
  stroke: C,
8
8
  strokeWidth: o,
9
9
  strokeLinecap: "round",
@@ -213,6 +213,7 @@ export { ColumnIcon } from "./ColumnIcon";
213
213
  export { ListCheckIcon } from "./ListCheckIcon";
214
214
  export { ImagesIcon } from "./ImagesIcon";
215
215
  export { EditImageIcon } from "./EditImageIcon";
216
+ export { EditSquareIcon } from "./EditSquareIcon";
216
217
  export { AddImageIcon } from "./AddImageIcon";
217
218
  export { PackseeAttractIcon } from "./PackseeAttractIcon";
218
219
  export { PackseeEngageIcon } from "./PackseeEngageIcon";
@@ -10,7 +10,7 @@ import { DeleteIcon as u } from "./DeleteIcon.js";
10
10
  import { EditIcon as S } from "./EditIcon.js";
11
11
  import { AlphabetIcon as A } from "./AlphabetIcon.js";
12
12
  import { AdIcon as w } from "./AdIcon.js";
13
- import { AddMessageIcon as y } from "./AddMessageIcon.js";
13
+ import { AddMessageIcon as E } from "./AddMessageIcon.js";
14
14
  import { AddUserIcon as M } from "./AddUserIcon.js";
15
15
  import { AdjustmentsIcon as v } from "./AdjustmentsIcon.js";
16
16
  import { AlertIcon as P } from "./AlertIcon.js";
@@ -19,8 +19,8 @@ import { AlignHorizontallyIcon as O } from "./AlignHorizontallyIcon.js";
19
19
  import { AlignJustifyIcon as V } from "./AlignJustifyIcon.js";
20
20
  import { AlignLeftIcon as j } from "./AlignLeftIcon.js";
21
21
  import { AlignRightIcon as N } from "./AlignRightIcon.js";
22
- import { AlignVerticallyIcon as G } from "./AlignVerticallyIcon.js";
23
- import { ArchiveIcon as q } from "./ArchiveIcon.js";
22
+ import { AlignVerticallyIcon as q } from "./AlignVerticallyIcon.js";
23
+ import { ArchiveIcon as X } from "./ArchiveIcon.js";
24
24
  import { AspectRatioIcon as W } from "./AspectRatioIcon.js";
25
25
  import { ArrowDownIcon as K } from "./ArrowDownIcon.js";
26
26
  import { ArrowDownRightIcon as _ } from "./ArrowDownRightIcon.js";
@@ -37,7 +37,7 @@ import { BookmarkIcon as Co } from "./BookmarkIcon.js";
37
37
  import { BoltIcon as ko } from "./BoltIcon.js";
38
38
  import { BoldIcon as Lo } from "./BoldIcon.js";
39
39
  import { BellIcon as bo } from "./BellIcon.js";
40
- import { AttributesEvaluationIcon as Eo } from "./AttributesEvaluationIcon.js";
40
+ import { AttributesEvaluationIcon as yo } from "./AttributesEvaluationIcon.js";
41
41
  import { ArrowUpIcon as Ro } from "./ArrowUpIcon.js";
42
42
  import { ArrowRightIcon as Do } from "./ArrowRightIcon.js";
43
43
  import { ArrowMoveDownIcon as Fo } from "./ArrowMoveDownIcon.js";
@@ -46,7 +46,7 @@ import { ChartbarIcon as Bo } from "./ChartbarIcon.js";
46
46
  import { ChartbarOffIcon as zo } from "./ChartbarOffIcon.js";
47
47
  import { ChatbotIcon as Ho } from "./ChatbotIcon.js";
48
48
  import { ChatBubbleIcon as Zo } from "./ChatBubbleIcon.js";
49
- import { CheckboxIcon as Xo } from "./CheckboxIcon.js";
49
+ import { CheckboxIcon as Go } from "./CheckboxIcon.js";
50
50
  import { CheckmarkLargeIcon as Jo } from "./CheckmarkLargeIcon.js";
51
51
  import { CheckmarkDoubleIcon as Yo } from "./CheckmarkDoubleIcon.js";
52
52
  import { CheckCircleIcon as Qo } from "./CheckCircleIcon.js";
@@ -64,7 +64,7 @@ import { ClockIcon as Cr } from "./ClockIcon.js";
64
64
  import { ClockShareIcon as kr } from "./ClockShareIcon.js";
65
65
  import { CloseIcon as Lr } from "./CloseIcon.js";
66
66
  import { CopyIcon as br } from "./CopyIcon.js";
67
- import { CreditCardIcon as Er } from "./CreditCardIcon.js";
67
+ import { CreditCardIcon as yr } from "./CreditCardIcon.js";
68
68
  import { CropIcon as Rr } from "./CropIcon.js";
69
69
  import { DashboardMeterIcon as Dr } from "./DashboardMeterIcon.js";
70
70
  import { DatabaseIcon as Fr } from "./DatabaseIcon.js";
@@ -73,7 +73,7 @@ import { DetailsIcon as Br } from "./DetailsIcon.js";
73
73
  import { DevicesIcon as zr } from "./DevicesIcon.js";
74
74
  import { DislikeIcon as Hr } from "./DislikeIcon.js";
75
75
  import { DollarIcon as Zr } from "./DollarIcon.js";
76
- import { DownloadIcon as Xr } from "./DownloadIcon.js";
76
+ import { DownloadIcon as Gr } from "./DownloadIcon.js";
77
77
  import { DragToolIcon as Jr } from "./DragToolIcon.js";
78
78
  import { DrawRectangleIcon as Yr } from "./DrawRectangleIcon.js";
79
79
  import { EmailIcon as Qr } from "./EmailIcon.js";
@@ -91,7 +91,7 @@ import { FileExportIcon as Ce } from "./FileExportIcon.js";
91
91
  import { FileImportIcon as ke } from "./FileImportIcon.js";
92
92
  import { FileNewIcon as Le } from "./FileNewIcon.js";
93
93
  import { FileRemoveIcon as be } from "./FileRemoveIcon.js";
94
- import { FilesIcon as Ee } from "./FilesIcon.js";
94
+ import { FilesIcon as ye } from "./FilesIcon.js";
95
95
  import { FileTemplateIcon as Re } from "./FileTemplateIcon.js";
96
96
  import { FileUploadIcon as De } from "./FileUploadIcon.js";
97
97
  import { FilterOffIcon as Fe } from "./FilterOffIcon.js";
@@ -100,7 +100,7 @@ import { FlagIcon as Be } from "./FlagIcon.js";
100
100
  import { FolderIcon as ze } from "./FolderIcon.js";
101
101
  import { FullscreenIcon as He } from "./FullscreenIcon.js";
102
102
  import { GridviewIcon as Ze } from "./GridviewIcon.js";
103
- import { HomeIcon as Xe } from "./HomeIcon.js";
103
+ import { HomeIcon as Ge } from "./HomeIcon.js";
104
104
  import { ImageOffIcon as Je } from "./ImageOffIcon.js";
105
105
  import { ImageStarIcon as Ye } from "./ImageStarIcon.js";
106
106
  import { ImageUploadIcon as Qe } from "./ImageUploadIcon.js";
@@ -118,7 +118,7 @@ import { LightDarkIcon as Ct } from "./LightDarkIcon.js";
118
118
  import { LikeIcon as kt } from "./LikeIcon.js";
119
119
  import { LinkIcon as Lt } from "./LinkIcon.js";
120
120
  import { ListViewIcon as bt } from "./ListViewIcon.js";
121
- import { LoaderIcon as Et } from "./LoaderIcon.js";
121
+ import { LoaderIcon as yt } from "./LoaderIcon.js";
122
122
  import { LoadingIcon as Rt } from "./LoadingIcon.js";
123
123
  import { LockIcon as Dt } from "./LockIcon.js";
124
124
  import { LockOffIcon as Ft } from "./LockOffIcon.js";
@@ -127,7 +127,7 @@ import { LogoutIcon as Bt } from "./LogoutIcon.js";
127
127
  import { MagicwandIcon as zt } from "./MagicwandIcon.js";
128
128
  import { MaximizeIcon as Ht } from "./MaximizeIcon.js";
129
129
  import { MenuIcon as Zt } from "./MenuIcon.js";
130
- import { MessageIcon as Xt } from "./MessageIcon.js";
130
+ import { MessageIcon as Gt } from "./MessageIcon.js";
131
131
  import { MeterIcon as Jt } from "./MeterIcon.js";
132
132
  import { MinimizeIcon as Yt } from "./MinimizeIcon.js";
133
133
  import { MoreHorizontalIcon as Qt } from "./MoreHorizontalIcon.js";
@@ -144,7 +144,7 @@ import { PackAIIcon as un } from "./PackAIIcon.js";
144
144
  import { PackseeIcon as Sn } from "./PackseeIcon.js";
145
145
  import { NotifyIcon as An } from "./NotifyIcon.js";
146
146
  import { NoteOffIcon as wn } from "./NoteOffIcon.js";
147
- import { NoteIcon as yn } from "./NoteIcon.js";
147
+ import { NoteIcon as En } from "./NoteIcon.js";
148
148
  import { Multiplier05Icon as Mn } from "./Multiplier05Icon.js";
149
149
  import { Multiplier10Icon as vn } from "./Multiplier10Icon.js";
150
150
  import { Multiplier15Icon as Pn } from "./Multiplier15Icon.js";
@@ -153,8 +153,8 @@ import { PlayIcon as On } from "./PlayIcon.js";
153
153
  import { PredictiveETIcon as Vn } from "./PredictiveETIcon.js";
154
154
  import { RedoIcon as jn } from "./RedoIcon.js";
155
155
  import { RefreshIcon as Nn } from "./RefreshIcon.js";
156
- import { RefreshAlertIcon as Gn } from "./RefreshAlertIcon.js";
157
- import { ReplaceIcon as qn } from "./ReplaceIcon.js";
156
+ import { RefreshAlertIcon as qn } from "./RefreshAlertIcon.js";
157
+ import { ReplaceIcon as Xn } from "./ReplaceIcon.js";
158
158
  import { ReplyIcon as Wn } from "./ReplyIcon.js";
159
159
  import { ResizeIcon as Kn } from "./ResizeIcon.js";
160
160
  import { ScalesIcon as _n } from "./ScalesIcon.js";
@@ -171,7 +171,7 @@ import { SocialFacebookIcon as uc } from "./SocialFacebookIcon.js";
171
171
  import { SocialInstagramIcon as Sc } from "./SocialInstagramIcon.js";
172
172
  import { SocialSnapchatIcon as Ac } from "./SocialSnapchatIcon.js";
173
173
  import { SocialTiktok2Icon as wc } from "./SocialTiktok2Icon.js";
174
- import { SocialTiktokIcon as yc } from "./SocialTiktokIcon.js";
174
+ import { SocialTiktokIcon as Ec } from "./SocialTiktokIcon.js";
175
175
  import { SocialXIcon as Mc } from "./SocialXIcon.js";
176
176
  import { SocialYoutubeIcon as vc } from "./SocialYoutubeIcon.js";
177
177
  import { SortHorizontalIcon as Pc } from "./SortHorizontalIcon.js";
@@ -180,8 +180,8 @@ import { SurveyIcon as Oc } from "./SurveyIcon.js";
180
180
  import { TableIcon as Vc } from "./TableIcon.js";
181
181
  import { TableExportIcon as jc } from "./TableExportIcon.js";
182
182
  import { TableOptionsIcon as Nc } from "./TableOptionsIcon.js";
183
- import { TagIcon as Gc } from "./TagIcon.js";
184
- import { TargetArrowIcon as qc } from "./TargetArrowIcon.js";
183
+ import { TagIcon as qc } from "./TagIcon.js";
184
+ import { TargetArrowIcon as Xc } from "./TargetArrowIcon.js";
185
185
  import { TargetIcon as Wc } from "./TargetIcon.js";
186
186
  import { TextRecognitionIcon as Kc } from "./TextRecognitionIcon.js";
187
187
  import { TriangleFlagIcon as _c } from "./TriangleFlagIcon.js";
@@ -198,7 +198,7 @@ import { VideoIcon as um } from "./VideoIcon.js";
198
198
  import { ViewOffIcon as Sm } from "./ViewOffIcon.js";
199
199
  import { ViewOnIcon as Am } from "./ViewOnIcon.js";
200
200
  import { VolumeOnIcon as wm } from "./VolumeOnIcon.js";
201
- import { VolumeOffIcon as ym } from "./VolumeOffIcon.js";
201
+ import { VolumeOffIcon as Em } from "./VolumeOffIcon.js";
202
202
  import { WebIcon as Mm } from "./WebIcon.js";
203
203
  import { XIcon as vm } from "./XIcon.js";
204
204
  import { ZipFileIcon as Pm } from "./ZipFileIcon.js";
@@ -207,21 +207,22 @@ import { ZoomOutIcon as Om } from "./ZoomOutIcon.js";
207
207
  import { ZonePercentageIcon as Vm } from "./ZonePercentageIcon.js";
208
208
  import { PinskewedIcon as jm } from "./PinskewedIcon.js";
209
209
  import { MinusIcon as Nm } from "./MinusIcon.js";
210
- import { SquareAddIcon as Gm } from "./SquareAddIcon.js";
211
- import { RectanglesAddIcon as qm } from "./RectanglesAddIcon.js";
210
+ import { SquareAddIcon as qm } from "./SquareAddIcon.js";
211
+ import { RectanglesAddIcon as Xm } from "./RectanglesAddIcon.js";
212
212
  import { ColumnIcon as Wm } from "./ColumnIcon.js";
213
213
  import { ListCheckIcon as Km } from "./ListCheckIcon.js";
214
214
  import { ImagesIcon as _m } from "./ImagesIcon.js";
215
215
  import { EditImageIcon as op } from "./EditImageIcon.js";
216
- import { AddImageIcon as ep } from "./AddImageIcon.js";
217
- import { PackseeAttractIcon as np } from "./PackseeAttractIcon.js";
218
- import { PackseeEngageIcon as mp } from "./PackseeEngageIcon.js";
219
- import { PackseeInformIcon as fp } from "./PackseeInformIcon.js";
220
- import { PackseeAISummaryIcon as xp } from "./PackseeAISummaryIcon.js";
216
+ import { EditSquareIcon as ep } from "./EditSquareIcon.js";
217
+ import { AddImageIcon as np } from "./AddImageIcon.js";
218
+ import { PackseeAttractIcon as mp } from "./PackseeAttractIcon.js";
219
+ import { PackseeEngageIcon as fp } from "./PackseeEngageIcon.js";
220
+ import { PackseeInformIcon as xp } from "./PackseeInformIcon.js";
221
+ import { PackseeAISummaryIcon as ip } from "./PackseeAISummaryIcon.js";
221
222
  export {
222
223
  w as AdIcon,
223
- ep as AddImageIcon,
224
- y as AddMessageIcon,
224
+ np as AddImageIcon,
225
+ E as AddMessageIcon,
225
226
  M as AddUserIcon,
226
227
  v as AdjustmentsIcon,
227
228
  P as AlertIcon,
@@ -230,9 +231,9 @@ export {
230
231
  V as AlignJustifyIcon,
231
232
  j as AlignLeftIcon,
232
233
  N as AlignRightIcon,
233
- G as AlignVerticallyIcon,
234
+ q as AlignVerticallyIcon,
234
235
  A as AlphabetIcon,
235
- q as ArchiveIcon,
236
+ X as ArchiveIcon,
236
237
  K as ArrowDownIcon,
237
238
  _ as ArrowDownRightIcon,
238
239
  oo as ArrowLeftIcon,
@@ -241,7 +242,7 @@ export {
241
242
  Ro as ArrowUpIcon,
242
243
  Uo as ArrowsMaximizeIcon,
243
244
  W as AspectRatioIcon,
244
- Eo as AttributesEvaluationIcon,
245
+ yo as AttributesEvaluationIcon,
245
246
  bo as BellIcon,
246
247
  Lo as BoldIcon,
247
248
  ko as BoltIcon,
@@ -259,7 +260,7 @@ export {
259
260
  Zo as ChatBubbleIcon,
260
261
  Ho as ChatbotIcon,
261
262
  Qo as CheckCircleIcon,
262
- Xo as CheckboxIcon,
263
+ Go as CheckboxIcon,
263
264
  Yo as CheckmarkDoubleIcon,
264
265
  Jo as CheckmarkLargeIcon,
265
266
  m as ChevronDownIcon,
@@ -279,7 +280,7 @@ export {
279
280
  Lr as CloseIcon,
280
281
  Wm as ColumnIcon,
281
282
  br as CopyIcon,
282
- Er as CreditCardIcon,
283
+ yr as CreditCardIcon,
283
284
  Rr as CropIcon,
284
285
  Dr as DashboardMeterIcon,
285
286
  Ur as DatabaseCheckIcon,
@@ -289,11 +290,12 @@ export {
289
290
  zr as DevicesIcon,
290
291
  Hr as DislikeIcon,
291
292
  Zr as DollarIcon,
292
- Xr as DownloadIcon,
293
+ Gr as DownloadIcon,
293
294
  Jr as DragToolIcon,
294
295
  Yr as DrawRectangleIcon,
295
296
  S as EditIcon,
296
297
  op as EditImageIcon,
298
+ ep as EditSquareIcon,
297
299
  Qr as EmailIcon,
298
300
  $r as EmojiNeutralIcon,
299
301
  re as EmojiSadIcon,
@@ -312,7 +314,7 @@ export {
312
314
  be as FileRemoveIcon,
313
315
  Re as FileTemplateIcon,
314
316
  De as FileUploadIcon,
315
- Ee as FilesIcon,
317
+ ye as FilesIcon,
316
318
  Fe as FilterOffIcon,
317
319
  Ue as FilterOnIcon,
318
320
  Be as FlagIcon,
@@ -320,7 +322,7 @@ export {
320
322
  He as FullscreenIcon,
321
323
  Ze as GridviewIcon,
322
324
  n as HelpIcon,
323
- Xe as HomeIcon,
325
+ Ge as HomeIcon,
324
326
  g as ImageIcon,
325
327
  Je as ImageOffIcon,
326
328
  Ye as ImageStarIcon,
@@ -341,7 +343,7 @@ export {
341
343
  Lt as LinkIcon,
342
344
  Km as ListCheckIcon,
343
345
  bt as ListViewIcon,
344
- Et as LoaderIcon,
346
+ yt as LoaderIcon,
345
347
  Rt as LoadingIcon,
346
348
  Dt as LockIcon,
347
349
  Ft as LockOffIcon,
@@ -350,7 +352,7 @@ export {
350
352
  zt as MagicwandIcon,
351
353
  Ht as MaximizeIcon,
352
354
  Zt as MenuIcon,
353
- Xt as MessageIcon,
355
+ Gt as MessageIcon,
354
356
  Jt as MeterIcon,
355
357
  Yt as MinimizeIcon,
356
358
  Nm as MinusIcon,
@@ -362,15 +364,15 @@ export {
362
364
  vn as Multiplier10Icon,
363
365
  Pn as Multiplier15Icon,
364
366
  Tn as Multiplier20Icon,
365
- yn as NoteIcon,
367
+ En as NoteIcon,
366
368
  wn as NoteOffIcon,
367
369
  An as NotifyIcon,
368
370
  un as PackAIIcon,
369
- xp as PackseeAISummaryIcon,
370
- np as PackseeAttractIcon,
371
- mp as PackseeEngageIcon,
371
+ ip as PackseeAISummaryIcon,
372
+ mp as PackseeAttractIcon,
373
+ fp as PackseeEngageIcon,
372
374
  Sn as PackseeIcon,
373
- fp as PackseeInformIcon,
375
+ xp as PackseeInformIcon,
374
376
  gn as PaperclipIcon,
375
377
  sn as PauseIcon,
376
378
  an as PdfIcon,
@@ -381,11 +383,11 @@ export {
381
383
  On as PlayIcon,
382
384
  s as PlusIcon,
383
385
  Vn as PredictiveETIcon,
384
- qm as RectanglesAddIcon,
386
+ Xm as RectanglesAddIcon,
385
387
  jn as RedoIcon,
386
- Gn as RefreshAlertIcon,
388
+ qn as RefreshAlertIcon,
387
389
  Nn as RefreshIcon,
388
- qn as ReplaceIcon,
390
+ Xn as ReplaceIcon,
389
391
  Wn as ReplyIcon,
390
392
  Kn as ResizeIcon,
391
393
  e as SaveIcon,
@@ -403,19 +405,19 @@ export {
403
405
  Sc as SocialInstagramIcon,
404
406
  Ac as SocialSnapchatIcon,
405
407
  wc as SocialTiktok2Icon,
406
- yc as SocialTiktokIcon,
408
+ Ec as SocialTiktokIcon,
407
409
  Mc as SocialXIcon,
408
410
  vc as SocialYoutubeIcon,
409
411
  Pc as SortHorizontalIcon,
410
- Gm as SquareAddIcon,
412
+ qm as SquareAddIcon,
411
413
  x as StarIcon,
412
414
  Tc as StopIcon,
413
415
  Oc as SurveyIcon,
414
416
  jc as TableExportIcon,
415
417
  Vc as TableIcon,
416
418
  Nc as TableOptionsIcon,
417
- Gc as TagIcon,
418
- qc as TargetArrowIcon,
419
+ qc as TagIcon,
420
+ Xc as TargetArrowIcon,
419
421
  Wc as TargetIcon,
420
422
  Kc as TextRecognitionIcon,
421
423
  _c as TriangleFlagIcon,
@@ -431,7 +433,7 @@ export {
431
433
  um as VideoIcon,
432
434
  Sm as ViewOffIcon,
433
435
  Am as ViewOnIcon,
434
- ym as VolumeOffIcon,
436
+ Em as VolumeOffIcon,
435
437
  wm as VolumeOnIcon,
436
438
  Mm as WebIcon,
437
439
  vm as XIcon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eyesee/ui-components",
3
- "version": "0.15.0",
3
+ "version": "0.16.0",
4
4
  "description": "Shared EyeSee React components and design tokens.",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",