@eyesee/ui-components 0.10.0 → 0.12.0

package/dist/components/Tab/Tab.module.scss.js

@@ -1,4 +1,4 @@
-const _ = "_content_18h63_3", t = "_tab_18h63_9", o = "_span_18h63_14", n = "_sm_18h63_17", e = "_md_18h63_20", s = "_lg_18h63_23", c = "_xl_18h63_26", l = "_selected_18h63_29", h = "_primary_18h63_29", d = "_disabled_18h63_29", r = "_secondary_18h63_32", a = "_underline_18h63_35", i = "_button_18h63_45", u = "_outline_18h63_50", m = "_color_18h63_50", b = "_white_18h63_50", p = "_standalone_18h63_53", y = "_left_18h63_57", g = "_right_18h63_60", f = "_shouldRemoveBorder_18h63_63", x = {
+const _ = "_content_1x9v1_3", t = "_tab_1x9v1_9", o = "_span_1x9v1_14", n = "_sm_1x9v1_17", e = "_md_1x9v1_20", s = "_lg_1x9v1_23", c = "_xl_1x9v1_26", l = "_selected_1x9v1_29", d = "_primary_1x9v1_29", r = "_disabled_1x9v1_29", x = "_secondary_1x9v1_32", a = "_underline_1x9v1_35", v = "_button_1x9v1_45", i = "_outline_1x9v1_50", u = "_color_1x9v1_50", m = "_white_1x9v1_50", b = "_standalone_1x9v1_53", h = "_left_1x9v1_57", p = "_right_1x9v1_60", y = "_shouldRemoveBorder_1x9v1_63", g = {
   content: _,
   tab: t,
   span: o,
@@ -7,39 +7,39 @@ const _ = "_content_18h63_3", t = "_tab_18h63_9", o = "_span_18h63_14", n = "_sm
   lg: s,
   xl: c,
   selected: l,
-  primary: h,
-  disabled: d,
-  secondary: r,
+  primary: d,
+  disabled: r,
+  secondary: x,
   underline: a,
-  button: i,
-  outline: u,
-  color: m,
-  white: b,
-  standalone: p,
-  left: y,
-  right: g,
-  shouldRemoveBorder: f
+  button: v,
+  outline: i,
+  color: u,
+  white: m,
+  standalone: b,
+  left: h,
+  right: p,
+  shouldRemoveBorder: y
 };
 export {
-  i as button,
-  m as color,
+  v as button,
+  u as color,
   _ as content,
-  x as default,
-  d as disabled,
-  y as left,
+  g as default,
+  r as disabled,
+  h as left,
   s as lg,
   e as md,
-  u as outline,
-  h as primary,
-  g as right,
-  r as secondary,
+  i as outline,
+  d as primary,
+  p as right,
+  x as secondary,
   l as selected,
-  f as shouldRemoveBorder,
+  y as shouldRemoveBorder,
   n as sm,
   o as span,
-  p as standalone,
+  b as standalone,
   t as tab,
   a as underline,
-  b as white,
+  m as white,
   c as xl
 };

package/dist/components/icons-v2/ImagesIcon.js

@@ -3,7 +3,7 @@ import { createIcon as e } from "./createIcon.js";
 const s = e(({ strokeColor: C, strokeWidth: o }) => /* @__PURE__ */ r(
   "path",
   {
-    d: "M3.34333 6.05001C3.08779 6.19569 2.87523 6.40626 2.72715 6.66043C2.57906 6.91459 2.50071 7.20335 2.5 7.49751V15.8308C2.5 16.7475 3.25 17.4975 4.16667 17.4975H12.5C13.125 17.4975 13.465 17.1767 13.75 16.6642M14.1667 5.83333H14.175M5.83333 10.8334L8.87 7.79669C8.96364 7.70295 9.07484 7.6286 9.19724 7.57786C9.31964 7.52713 9.45084 7.50102 9.58333 7.50102C9.71583 7.50102 9.84703 7.52713 9.96942 7.57786C10.0918 7.6286 10.203 7.70295 10.2967 7.79669L13.3333 10.8334M12.5 10L13.87 8.63002C13.9636 8.53629 14.0748 8.46193 14.1972 8.4112C14.3196 8.36046 14.4508 8.33435 14.5833 8.33435C14.7158 8.33435 14.847 8.36046 14.9694 8.4112C15.0918 8.46193 15.203 8.53629 15.2967 8.63002L17.5 10.8334M5.83333 4.7225C5.83333 4.13306 6.06749 3.56775 6.48429 3.15096C6.90109 2.73416 7.46639 2.5 8.05583 2.5H15.2775C15.5694 2.5 15.8584 2.55749 16.128 2.66918C16.3977 2.78087 16.6427 2.94458 16.849 3.15096C17.0554 3.35733 17.2191 3.60234 17.3308 3.87199C17.4425 4.14163 17.5 4.43064 17.5 4.7225V11.9442C17.5 12.236 17.4425 12.525 17.3308 12.7947C17.2191 13.0643 17.0554 13.3093 16.849 13.5157C16.6427 13.7221 16.3977 13.8858 16.128 13.9975C15.8584 14.1092 15.5694 14.1667 15.2775 14.1667H8.05583C7.46639 14.1667 6.90109 13.9325 6.48429 13.5157C6.06749 13.0989 5.83333 12.5336 5.83333 11.9442V4.7225Z",
+    d: "M5.34933 9.68001C4.94046 9.91311 4.60036 10.25 4.36343 10.6567C4.1265 11.0634 4.00113 11.5254 4 11.996V25.3293C4 26.796 5.2 27.996 6.66667 27.996H20C21 27.996 21.544 27.4827 22 26.6627M22.6667 9.33333H22.68M9.33333 17.3334L14.192 12.4747C14.3418 12.3247 14.5198 12.2058 14.7156 12.1246C14.9114 12.0434 15.1213 12.0016 15.3333 12.0016C15.5453 12.0016 15.7552 12.0434 15.9511 12.1246C16.1469 12.2058 16.3248 12.3247 16.4747 12.4747L21.3333 17.3334M20 16L22.192 13.808C22.3418 13.6581 22.5198 13.5391 22.7156 13.4579C22.9114 13.3767 23.1213 13.335 23.3333 13.335C23.5453 13.335 23.7552 13.3767 23.9511 13.4579C24.1469 13.5391 24.3248 13.6581 24.4747 13.808L28 17.3334M9.33333 7.556C9.33333 6.61289 9.70798 5.70841 10.3749 5.04153C11.0417 4.37465 11.9462 4 12.8893 4H24.444C24.911 4 25.3734 4.09198 25.8048 4.27068C26.2363 4.44939 26.6283 4.71132 26.9585 5.04153C27.2887 5.37173 27.5506 5.76374 27.7293 6.19518C27.908 6.62661 28 7.08902 28 7.556V19.1107C28 19.5776 27.908 20.0401 27.7293 20.4715C27.5506 20.9029 27.2887 21.2949 26.9585 21.6251C26.6283 21.9553 26.2363 22.2173 25.8048 22.396C25.3734 22.5747 24.911 22.6667 24.444 22.6667H12.8893C11.9462 22.6667 11.0417 22.292 10.3749 21.6251C9.70798 20.9583 9.33333 20.0538 9.33333 19.1107V7.556Z",
     stroke: C,
     strokeWidth: o,
     strokeLinecap: "round",

package/dist/components/icons-v2/LayoutColumnsIcon.d.ts

@@ -0,0 +1,122 @@
+/**
+ * @callback LayoutColumnsIconClickHandler
+ * @returns {void}
+ */
+/**
+ * Shared {@link IconProps} for this icon. All optional.
+ *
+ * @typedef {object} LayoutColumnsIconProps
+ *
+ * @property {import('./constants').IconSize} [iconSize='m']
+ *   T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
+ * @property {LayoutColumnsIconClickHandler} [onClick=null]
+ *   Click handler. When set the icon is clickable. Default `null`.
+ * @property {string} [fill='none']
+ *   SVG fill colour. Default `'none'`.
+ * @property {string} [strokeColor='currentColor']
+ *   SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
+ * @property {string} [strokeColorOnHover]
+ *   Stroke colour applied on hover.
+ * @property {string} [fillOnHover]
+ *   Fill colour applied on hover.
+ * @property {boolean} [disabled]
+ *   Applies disabled colour tokens and ignores clicks.
+ * @property {boolean} [animated=false]
+ *   When `true`, applies the spinner animation class. Default `false`.
+ * @property {number} [viewBoxSize]
+ *   Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
+ *
+ * @see {@link IconProps}
+ */
+/**
+ * SVG layout columns icon (rounded rectangle with a vertical divider)
+ * used for column-based or side-by-side layout controls.
+ *
+ * ## Props
+ *
+ * All optional.
+ *
+ * **iconSize** `'s' | 'm' | 'l' | 'xl' | 'xxl' | '4xl'` — default `'m'`
+ * T-shirt size token. Controls `width`/`height` and stroke width.
+ *
+ * **onClick** `() => void` — default `null`
+ * Click handler. When set the icon is clickable.
+ *
+ * **fill** `string` — default `'none'`
+ * SVG fill colour.
+ *
+ * **strokeColor** `string` — default `'currentColor'`
+ * SVG stroke colour. Accepts any valid CSS colour.
+ *
+ * **strokeColorOnHover** `string` — no default
+ * Stroke colour applied on hover.
+ *
+ * **fillOnHover** `string` — no default
+ * Fill colour applied on hover.
+ *
+ * **disabled** `boolean` — no default
+ * Applies disabled colour tokens and ignores clicks.
+ *
+ * **animated** `boolean` — default `false`
+ * When `true`, applies the spinner animation class.
+ *
+ * **viewBoxSize** `number` — no default
+ * Custom viewBox size for icons that are not 32×32. Omit → `0 0 32 32`.
+ *
+ * @param {LayoutColumnsIconProps} props
+ * @returns {import('react').ReactElement}
+ *
+ * @example <caption>Default</caption>
+ * import { LayoutColumnsIcon } from '@eyesee/ui-components/icons';
+ *
+ * <LayoutColumnsIcon iconSize="m" strokeColor="currentColor" />
+ *
+ * @example <caption>Layout toggle</caption>
+ * import { LayoutColumnsIcon, LayoutRowsIcon } from '@eyesee/ui-components/icons';
+ *
+ * <LayoutColumnsIcon iconSize="m" strokeColor="currentColor" />
+ * <LayoutRowsIcon iconSize="m" strokeColor="currentColor" />
+ */
+export const LayoutColumnsIcon: (props: IconProps) => import("react").JSX.Element;
+export type LayoutColumnsIconClickHandler = () => void;
+/**
+ * Shared {@link IconProps} for this icon. All optional.
+ */
+export type LayoutColumnsIconProps = {
+    /**
+     * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
+     */
+    iconSize?: import("./constants").IconSize;
+    /**
+     * Click handler. When set the icon is clickable. Default `null`.
+     */
+    onClick?: LayoutColumnsIconClickHandler;
+    /**
+     * SVG fill colour. Default `'none'`.
+     */
+    fill?: string;
+    /**
+     * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
+     */
+    strokeColor?: string;
+    /**
+     * Stroke colour applied on hover.
+     */
+    strokeColorOnHover?: string;
+    /**
+     * Fill colour applied on hover.
+     */
+    fillOnHover?: string;
+    /**
+     * Applies disabled colour tokens and ignores clicks.
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, applies the spinner animation class. Default `false`.
+     */
+    animated?: boolean;
+    /**
+     * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
+     */
+    viewBoxSize?: number;
+};

package/dist/components/icons-v2/LayoutColumnsIcon.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createIcon as n } from "./createIcon.js";
+const s = n(({ strokeColor: o, strokeWidth: r }) => /* @__PURE__ */ t(
+  "path",
+  {
+    d: "M16 4H5.33333C4.97971 4 4.64057 4.14048 4.39052 4.39052C4.14048 4.64057 4 4.97971 4 5.33333V26.6667C4 27.0203 4.14048 27.3594 4.39052 27.6095C4.64057 27.8595 4.97971 28 5.33333 28H16M16 4H26.6667C27.0203 4 27.3594 4.14048 27.6095 4.39052C27.8595 4.64057 28 4.97971 28 5.33333V26.6667C28 27.0203 27.8595 27.3594 27.6095 27.6095C27.3594 27.8595 27.0203 28 26.6667 28H16M16 4V28",
+    stroke: o,
+    strokeWidth: r,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+));
+export {
+  s as LayoutColumnsIcon
+};

package/dist/components/icons-v2/LayoutRowsIcon.d.ts

@@ -0,0 +1,122 @@
+/**
+ * @callback LayoutRowsIconClickHandler
+ * @returns {void}
+ */
+/**
+ * Shared {@link IconProps} for this icon. All optional.
+ *
+ * @typedef {object} LayoutRowsIconProps
+ *
+ * @property {import('./constants').IconSize} [iconSize='m']
+ *   T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
+ * @property {LayoutRowsIconClickHandler} [onClick=null]
+ *   Click handler. When set the icon is clickable. Default `null`.
+ * @property {string} [fill='none']
+ *   SVG fill colour. Default `'none'`.
+ * @property {string} [strokeColor='currentColor']
+ *   SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
+ * @property {string} [strokeColorOnHover]
+ *   Stroke colour applied on hover.
+ * @property {string} [fillOnHover]
+ *   Fill colour applied on hover.
+ * @property {boolean} [disabled]
+ *   Applies disabled colour tokens and ignores clicks.
+ * @property {boolean} [animated=false]
+ *   When `true`, applies the spinner animation class. Default `false`.
+ * @property {number} [viewBoxSize]
+ *   Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
+ *
+ * @see {@link IconProps}
+ */
+/**
+ * SVG layout rows icon (rounded rectangle with a horizontal divider)
+ * used for row-based or stacked layout controls.
+ *
+ * ## Props
+ *
+ * All optional.
+ *
+ * **iconSize** `'s' | 'm' | 'l' | 'xl' | 'xxl' | '4xl'` — default `'m'`
+ * T-shirt size token. Controls `width`/`height` and stroke width.
+ *
+ * **onClick** `() => void` — default `null`
+ * Click handler. When set the icon is clickable.
+ *
+ * **fill** `string` — default `'none'`
+ * SVG fill colour.
+ *
+ * **strokeColor** `string` — default `'currentColor'`
+ * SVG stroke colour. Accepts any valid CSS colour.
+ *
+ * **strokeColorOnHover** `string` — no default
+ * Stroke colour applied on hover.
+ *
+ * **fillOnHover** `string` — no default
+ * Fill colour applied on hover.
+ *
+ * **disabled** `boolean` — no default
+ * Applies disabled colour tokens and ignores clicks.
+ *
+ * **animated** `boolean` — default `false`
+ * When `true`, applies the spinner animation class.
+ *
+ * **viewBoxSize** `number` — no default
+ * Custom viewBox size for icons that are not 32×32. Omit → `0 0 32 32`.
+ *
+ * @param {LayoutRowsIconProps} props
+ * @returns {import('react').ReactElement}
+ *
+ * @example <caption>Default</caption>
+ * import { LayoutRowsIcon } from '@eyesee/ui-components/icons';
+ *
+ * <LayoutRowsIcon iconSize="m" strokeColor="currentColor" />
+ *
+ * @example <caption>Layout toggle</caption>
+ * import { LayoutColumnsIcon, LayoutRowsIcon } from '@eyesee/ui-components/icons';
+ *
+ * <LayoutRowsIcon iconSize="m" strokeColor="currentColor" />
+ * <LayoutColumnsIcon iconSize="m" strokeColor="currentColor" />
+ */
+export const LayoutRowsIcon: (props: IconProps) => import("react").JSX.Element;
+export type LayoutRowsIconClickHandler = () => void;
+/**
+ * Shared {@link IconProps} for this icon. All optional.
+ */
+export type LayoutRowsIconProps = {
+    /**
+     * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
+     */
+    iconSize?: import("./constants").IconSize;
+    /**
+     * Click handler. When set the icon is clickable. Default `null`.
+     */
+    onClick?: LayoutRowsIconClickHandler;
+    /**
+     * SVG fill colour. Default `'none'`.
+     */
+    fill?: string;
+    /**
+     * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
+     */
+    strokeColor?: string;
+    /**
+     * Stroke colour applied on hover.
+     */
+    strokeColorOnHover?: string;
+    /**
+     * Fill colour applied on hover.
+     */
+    fillOnHover?: string;
+    /**
+     * Applies disabled colour tokens and ignores clicks.
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, applies the spinner animation class. Default `false`.
+     */
+    animated?: boolean;
+    /**
+     * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
+     */
+    viewBoxSize?: number;
+};

package/dist/components/icons-v2/LayoutRowsIcon.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createIcon as e } from "./createIcon.js";
+const s = e(({ strokeColor: o, strokeWidth: r }) => /* @__PURE__ */ t(
+  "path",
+  {
+    d: "M5.33301 16H26.6663M5.33301 8.00004C5.33301 7.2928 5.61396 6.61452 6.11406 6.11442C6.61415 5.61433 7.29243 5.33337 7.99967 5.33337H23.9997C24.7069 5.33337 25.3852 5.61433 25.8853 6.11442C26.3854 6.61452 26.6663 7.2928 26.6663 8.00004V24C26.6663 24.7073 26.3854 25.3856 25.8853 25.8857C25.3852 26.3858 24.7069 26.6667 23.9997 26.6667H7.99967C7.29243 26.6667 6.61415 26.3858 6.11406 25.8857C5.61396 25.3856 5.33301 24.7073 5.33301 24V8.00004Z",
+    stroke: o,
+    strokeWidth: r,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+));
+export {
+  s as LayoutRowsIcon
+};

package/dist/components/icons-v2/index.d.ts

@@ -108,6 +108,8 @@ export { ItalicIcon } from "./ItalicIcon";
 export { LanguageIcon } from "./LanguageIcon";
 export { LaunchIcon } from "./LaunchIcon";
 export { LayersIcon } from "./LayersIcon";
+export { LayoutColumnsIcon } from "./LayoutColumnsIcon";
+export { LayoutRowsIcon } from "./LayoutRowsIcon";
 export { LeftSidebarCollapseIcon } from "./LeftSidebarCollapseIcon";
 export { LeftSidebarExpandIcon } from "./LeftSidebarExpandIcon";
 export { LightbulbIcon } from "./LightbulbIcon";