@iress-oss/ids-components 5.17.0 → 6.0.0-alpha.0

package/dist/theme-preset/tokens/spacing.d.ts

@@ -0,0 +1,100 @@
+export declare const spacing: {
+    'spacing.000': {
+        description: "No spacing";
+        value: "var(--iress-spacing-000, 0rem)";
+    };
+    'spacing.050': {
+        description: "50% (0.5x) spacing";
+        value: "var(--iress-spacing-050, calc(0.5 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.100': {
+        description: "The base unit for spacing. The fallback for all other values will be calculated from this value.";
+        value: "var(--iress-spacing-100, .25rem)";
+    };
+    'spacing.150': {
+        description: "150% (1.5x) spacing";
+        value: "var(--iress-spacing-150, calc(1.5 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.200': {
+        description: "200% (2x) spacing";
+        value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.250': {
+        description: "250% (2.5x) spacing";
+        value: "var(--iress-spacing-250, calc(2.5 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.300': {
+        description: "300% (3x) spacing";
+        value: "var(--iress-spacing-300, calc(3 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.350': {
+        description: "350% (3.5x) spacing";
+        value: "var(--iress-spacing-350, calc(3.5 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.400': {
+        description: "400% (4x) spacing";
+        value: "var(--iress-spacing-400, calc(4 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.500': {
+        description: "500% (5x) spacing";
+        value: "var(--iress-spacing-500, calc(5 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.600': {
+        description: "600% (6x) spacing";
+        value: "var(--iress-spacing-600, calc(6 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.700': {
+        description: "700% (7x) spacing";
+        value: "var(--iress-spacing-700, calc(7 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.800': {
+        description: "800% (8x) spacing";
+        value: "var(--iress-spacing-800, calc(8 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.900': {
+        description: "900% (9x) spacing";
+        value: "var(--iress-spacing-900, calc(9 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.1000': {
+        description: "1000% (10x) spacing";
+        value: "var(--iress-spacing-1000, calc(10 * var(--iress-spacing-100, .25rem)))";
+    };
+    'spacing.1200': {
+        description: "1200% (12x) spacing";
+        value: "var(--iress-spacing-1200, calc(12 * var(--iress-spacing-100, .25rem)))";
+    };
+    none: {
+        description: "No spacing";
+        value: "var(--iress-spacing-000, 0rem)";
+    };
+    xs: {
+        description: "The base unit for spacing. The fallback for all other values will be calculated from this value.";
+        value: "var(--iress-spacing-100, .25rem)";
+    };
+    sm: {
+        description: "200% (2x) spacing";
+        value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))";
+    };
+    md: {
+        description: "400% (4x) spacing";
+        value: "var(--iress-spacing-400, calc(4 * var(--iress-spacing-100, .25rem)))";
+    };
+    lg: {
+        description: "700% (7x) spacing";
+        value: "var(--iress-spacing-700, calc(7 * var(--iress-spacing-100, .25rem)))";
+    };
+    xl: {
+        description: "1200% (12x) spacing";
+        value: "var(--iress-spacing-1200, calc(12 * var(--iress-spacing-100, .25rem)))";
+    };
+    'field.footer': {
+        description: string;
+        value: string;
+    };
+    'slider.tick': {
+        description: string;
+        value: string;
+    };
+};
+export type PositiveSpacingToken = keyof typeof spacing;
+export declare const SPACING_TOKENS: PositiveSpacingToken[];

package/dist/theme-preset/tokens/textStyles.d.ts

@@ -0,0 +1,5 @@
+import { CompositionStyles } from '@pandacss/dev';
+import { UtilityValues } from '../../src/styled-system/types/prop-type';
+export declare const textCompositions: CompositionStyles['textStyles'];
+export declare const textStyles: import('@pandacss/dev').TextStyles;
+export declare const TEXT_STYLES: UtilityValues["textStyle"][];

package/dist/theme-preset/tokens/zIndex.d.ts

@@ -0,0 +1,23 @@
+export declare const zIndex: {
+    '000': {
+        value: number;
+    };
+    '100': {
+        value: number;
+    };
+    '200': {
+        value: number;
+    };
+    '300': {
+        value: number;
+    };
+    '400': {
+        value: number;
+    };
+    '500': {
+        value: number;
+    };
+    '600': {
+        value: number;
+    };
+};

package/dist/theme-preset/utilities/chevron.d.ts

@@ -0,0 +1,3 @@
+export declare const selectChevron: import('@pandacss/dev').PropertyConfig;
+export declare const selectChevronRtl: import('@pandacss/dev').PropertyConfig;
+export declare const tableChevron: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/focusable.d.ts

@@ -0,0 +1 @@
+export declare const focusable: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/gutter.d.ts

@@ -0,0 +1 @@
+export declare const gutter: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/hide.d.ts

@@ -0,0 +1 @@
+export declare const hide: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/noGutter.d.ts

@@ -0,0 +1 @@
+export declare const noGutter: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/offset.d.ts

@@ -0,0 +1,75 @@
+export declare const offsetCompositions: {
+    '0': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '1': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '2': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '3': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '4': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '5': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '6': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '7': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '8': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '9': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '10': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+    '11': {
+        description: string;
+        value: {
+            marginLeft: string;
+        };
+    };
+};
+export declare const offset: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/sliderThumb.d.ts

@@ -0,0 +1 @@
+export declare const sliderThumb: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/span.d.ts

@@ -0,0 +1,120 @@
+export declare const spanCompositions: {
+    auto: {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: number;
+            paddingInline: string;
+        };
+    };
+    '1': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '2': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '3': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '4': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '5': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '6': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '7': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '8': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '9': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '10': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '11': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+    '12': {
+        description: string;
+        value: {
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            paddingInline: string;
+        };
+    };
+};
+export declare const span: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/stretch.d.ts

@@ -0,0 +1 @@
+export declare const stretch: import('@pandacss/dev').PropertyConfig;

package/dist/theme-preset/utilities/topLeftTriangle.d.ts

@@ -0,0 +1,2 @@
+export declare const topLeftTriangle: import('@pandacss/dev').PropertyConfig;
+export declare const checkmark: import('@pandacss/dev').PropertyConfig;

package/dist/typography--vGt_ztU.js

@@ -0,0 +1,12 @@
+var o = /* @__PURE__ */ ((e) => (e.Color = "color", e.Dimension = "dimension", e.FontFamily = "fontFamily", e.FontSize = "fontSize", e.Background = "background", e.Border = "border", e.Radius = "radius", e.Shadow = "shadow", e.Typography = "typography", e))(o || {});
+o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color;
+o.Shadow, o.Border, o.Shadow, o.Border, o.Shadow, o.Border, o.Shadow, o.Shadow, o.Color;
+o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Radius, o.Radius, o.Radius, o.Radius;
+o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension;
+const y = [
+  "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
+];
+o.FontSize, o.FontFamily, o.FontFamily, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography;
+export {
+  y as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-components",
-  "version": "5.17.0",
+  "version": "6.0.0-alpha.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -17,9 +17,12 @@
   ],
   "peerDependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-hook-form": "7.55.0"
   },
   "devDependencies": {
+    "@iress-oss/ids-tokens": "^6.0.0-alpha.0",
+    "@pandacss/dev": "^0.53.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^16.0.0",
@@ -46,15 +49,17 @@
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-static-copy": "^3.0.0",
     "vitest": "^3.1.3"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.0",
+    "@fortawesome/fontawesome-common-types": "^0.2.36",
     "@tanstack/react-table": "^8.15.3",
     "classnames": "^2.3.2",
     "fuzzysort": "^3.0.0",
     "query-selector-shadow-dom": "^1.0.0",
-    "react-hook-form": "7.53.1",
+    "react-hook-form": "7.55.0",
     "use-debounce": "^10.0.0"
   }
 }

package/dist/AutocompleteNoResults-Z4L_A4F_.js

@@ -1,12 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-const e = "ids-autocomplete--popover-content-v5170", n = "ids-autocomplete--option-list-v5170", p = {
-  popoverContent: e,
-  optionList: n
-}, r = ({
-  noResultsText: o,
-  styles: t = p
-}) => typeof o == "string" ? /* @__PURE__ */ s("div", { className: t.noResults, children: o }) : o;
-export {
-  r as A,
-  p as s
-};

package/dist/ComboboxHiddenInput-gJl1k-Vp.js

@@ -1,32 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { propagateTestid as d } from "./helpers/utility/propagateTestid.js";
-import { c as n } from "./index-2QXL0WYc.js";
-import { forwardRef as m } from "react";
-const p = "ids-combobox--input-v5170", a = "ids-combobox--readonly-v5170", c = "ids-combobox-v5170", b = "ids-combobox--popover-content-v5170", l = "ids-combobox--option-list-v5170", r = {
-  input: p,
-  readonly: a,
-  "ids-field-group--join": "ids-field-group--join-v5170",
-  "ids-field-group--fields": "ids-field-group--fields-v5170",
-  "ids-field": "ids-field-v5170",
-  combobox: c,
-  "ids-menuItem": "ids-menu-item-v5170",
-  popoverContent: b,
-  optionList: l
-}, f = m(
-  ({ dataTestId: i, hiddenInputProps: o, ...s }, t) => /* @__PURE__ */ e(
-    "input",
-    {
-      ...o,
-      ...s,
-      className: n(o == null ? void 0 : o.className, r.hiddenInput),
-      "data-testid": d(i, "hidden-input"),
-      ref: t,
-      type: "hidden"
-    }
-  )
-);
-f.displayName = "ComboboxHiddenInput";
-export {
-  f as C,
-  r as s
-};

package/dist/FieldAppendToLabel-CNMj7tRY.js

@@ -1,76 +0,0 @@
-import { jsxs as a, Fragment as d, jsx as m } from "react/jsx-runtime";
-import { c as l } from "./index-2QXL0WYc.js";
-import "./LoadingSuspense-BjzbePWa.js";
-import "react";
-import "./fuzzysort-eoXOpoo6.js";
-import "./components/Badge/Badge.js";
-import "./components/ButtonGroup/ButtonGroupProvider.js";
-import { propagateTestid as o } from "./helpers/utility/propagateTestid.js";
-import { GlobalCSSClass as n } from "./enums.js";
-import "./components/Card/Card.js";
-import "./components/CheckboxGroup/CheckboxGroup.js";
-import "./components/Col/Col.js";
-import "./components/Expander/Expander.js";
-import "./components/Form/FormContext.js";
-import "./components/Menu/Menu.js";
-import "./components/Menu/MenuProvider.js";
-import "./PopoverProvider-BqnPfQtY.js";
-import "./components/CheckboxMark/CheckboxMark.types.js";
-import "./components/CheckboxMark/CheckboxMark.js";
-import "./components/Modal/ModalProvider.js";
-import "./components/Panel/Panel.js";
-import "./components/Popover/Popover.js";
-import "./components/Popover/InputPopover/InputPopover.js";
-import "./SlideoutProvider-CQh140HM.js";
-import "react-dom";
-import "./components/RadioGroup/RadioGroup.js";
-import "./components/Text/Text.js";
-import "./components/Skeleton/Skeleton.js";
-import "./components/SkipLink/SkipLink.js";
-import "./components/Stack/Stack.js";
-import "./components/Table/TableContext.js";
-import "./components/TabSet/Tab/Tab.js";
-import "./components/TabSet/TabSet.js";
-import "./components/Toggle/Toggle.js";
-import "./components/Tooltip/Tooltip.js";
-import "./components/ValidationMessage/ValidationMessage.js";
-import { IressValidationSummary as c } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
-import { getUniqueItemsByKey as f } from "./components/Field/helpers/getUniqueItemsByKey.js";
-const v = "ids-field-v5170", h = "ids-field--invalid-v5170", y = "ids-field--label-v5170", b = "ids-field--hidden-label-v5170", S = "ids-field--hint-v5170", u = "ids-field--error-summary-v5170", e = {
-  field: v,
-  invalid: h,
-  label: y,
-  hiddenLabel: b,
-  hint: S,
-  errorSummary: u
-}, oi = ({
-  error: p,
-  errorMessages: i,
-  hiddenLabel: s,
-  hint: r,
-  "data-parent-testid": t
-}) => /* @__PURE__ */ a(d, { children: [
-  r && /* @__PURE__ */ m(
-    "div",
-    {
-      className: l(e.hint, {
-        [n.SROnly]: s
-      }),
-      "data-testid": o(t, "hint"),
-      children: r
-    }
-  ),
-  p,
-  i && /* @__PURE__ */ m(
-    c,
-    {
-      className: e.errorSummary,
-      messages: f(i, "message"),
-      "data-testid": o(t, "error")
-    }
-  )
-] });
-export {
-  oi as F,
-  e as s
-};

package/dist/InputBase-Dt3vHG19.js

@@ -1,56 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as x, useRef as u, useImperativeHandle as g } from "react";
-import { c } from "./index-2QXL0WYc.js";
-import { idsLogger as y } from "./helpers/utility/idsLogger.js";
-import { LoggerLevels as b } from "./enums.js";
-const h = "ids-input-base--readonly-v5170", v = "ids-input-base--form-control-v5170", I = "ids-input-base--textarea-v5170", R = "ids-input-base--readonly-align-right-v5170", n = {
-  readonly: h,
-  formControl: v,
-  textarea: I,
-  readonlyAlignRight: R
-}, N = x((f, m) => {
-  const {
-    rows: i = 0,
-    type: p = "text",
-    "data-testid": e,
-    className: d,
-    ...r
-  } = f, a = i > 0, s = u(null), o = u(null);
-  return g(m, () => {
-    const t = a ? o.current : s.current;
-    return {
-      // React hook form requires the focus, blur, input
-      focus: () => t == null ? void 0 : t.focus(),
-      blur: () => t == null ? void 0 : t.blur(),
-      input: a ? o.current : s.current
-    };
-  }), a ? (["min", "max", "step"].forEach((t) => {
-    ({ ...r, type: p })[t] && y(
-      "IressInput: The prop '${prop}' is not supported when 'rows' is greater than 0 and the component is rendered as a textarea.",
-      b.Warn
-    );
-  }), /* @__PURE__ */ l(
-    "textarea",
-    {
-      rows: i,
-      ...e && { "data-testid": `${e}__textarea` },
-      ...r,
-      ref: o,
-      className: c(n.formControl, n.textarea, d)
-    }
-  )) : /* @__PURE__ */ l(
-    "input",
-    {
-      type: p,
-      ...e && { "data-testid": `${e}__input` },
-      ...r,
-      ref: s,
-      className: c(n.formControl, d)
-    }
-  );
-});
-N.displayName = "InputBase";
-export {
-  N as I,
-  n as b
-};

package/dist/Loading.module-PM8ehb0Z.js

@@ -1,13 +0,0 @@
-const i = "ids-loading--error-v5170", d = {
-  "fade-in": "ids-loading--fade-in-v5170",
-  "fade-in--active": "ids-loading--fade-in--active-v5170",
-  "slide-in": "ids-loading--slide-in-v5170",
-  "slide-in--active": "ids-loading--slide-in--active-v5170",
-  "fade-next": "ids-loading--fade-next-v5170",
-  "fade-next-width": "ids-loading--fade-next-width-v5170",
-  "slide-next": "ids-loading--slide-next-v5170",
-  error: i
-};
-export {
-  d as l
-};