@accelint/design-system 0.11.4 → 0.12.0

package/README.md

@@ -44,19 +44,25 @@ This design system is built on a number of concepts with which you may not be fa
 
 ## Getting started
 
-Check out what exists. You can review the components, tokens and primitives available in the system using the Ladle stories for each element: [Stories](https://gohypergiant.github.io/standard-toolkit).
+Check out what exists. You can review the components, tokens and primitives available in the system using the Ladle stories for each element: [Stories](https://gohypergiant.github.io/accelint-ds-deprecated).
 
-From the root of the standard toolkit project, run:
+From the root of the project, run:
 
 ```bash
 pnpm i
 
-pnpm --filter=@accelint/design-system preview
+pnpm run preview:design-system  # pnpm --filter=@accelint/design-system preview
 ```
 
-If you run into errors, try running
-`pnpm build` after you install the dependencies and then run the preview command again. If you don't have pnpm enabled then you can enable it with the command
-[`corepack enable pnpm`](https://pnpm.io/installation#using-corepack) .
+If you run into errors, install the dependencies, then try running:
+
+```shell
+pnpm --filter=@accelint/design-system build
+```
+
+Then run the preview command again.
+
+If you don't have pnpm enabled then you can enable it with the command [`corepack enable pnpm`](https://pnpm.io/installation#using-corepack).
 
 ### Implementation
 

package/dist/components/text-field/index.d.ts

@@ -12,8 +12,9 @@ declare const TextField: (props: {
     children?: react.ReactNode | ((values: TextFieldRenderProps & {
         defaultChildren: react.ReactNode | undefined;
     }) => react.ReactNode);
-    value?: string | undefined;
     type?: "text" | "search" | "url" | "tel" | "email" | "password" | (string & {}) | undefined;
+    pattern?: string | undefined;
+    value?: string | undefined;
     hidden?: boolean | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     slot?: string | null | undefined;
@@ -126,7 +127,6 @@ declare const TextField: (props: {
     autoComplete?: string | undefined;
     maxLength?: number | undefined;
     minLength?: number | undefined;
-    pattern?: string | undefined;
 } & {
     classNames?: TextFieldClassNames;
     mapping?: Partial<TextFieldMapping>;

package/dist/ladle/actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../node_modules/.pnpm/@ladle+react@4.1.2_@swc+helpers@0.5.17_@types+node@24.2.0_@types+react@19.1.9_acorn@8.1_6ff39e1e721d442b059118618a41a0c4/node_modules/@ladle/react/lib/app/exports.ts","../../src/ladle/actions.ts"],"names":[],"mappings":";;;;;;AA+CO,IAAM,MAAA,GAAS,CAAC,IAAA,KAAiB;AACtC,EAAA,MAAM,WAAY,MAAA,CACf,aAAA;AACH,EAAA,OAAO,CAAC,KAAA,GAAa,MAAA,KACnB,QAAA,CAAS;AAAA,IACP,MAAM,UAAA,CAAW,YAAA;AAAA,IACjB,KAAA,EAAO,EAAE,IAAA,EAAM,KAAA,EAAM;AAAA,IACrB,KAAA,EAAO;AAAA,GACR,CAAA;AACL,CAAA;;;ACtDO,SAAS,WAAc,IAAA,EAA+B;AAC3D,EAAA,OAAO,IAAA,CAAK,MAAA,CAAmB,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3C,IAAA,GAAA,CAAI,GAAG,CAAA,GAAI,MAAA,CAAO,GAAa,CAAA;AAE/B,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AACP","file":"actions.js","sourcesContent":["import type * as React from \"react\";\nimport { useLadleContext } from \"./src/context\";\nimport {\n  StoryDecorator,\n  ActionType,\n  GlobalState,\n  ThemeState,\n  ModeState,\n  GlobalAction,\n  Config,\n  KnownMeta,\n  MetaJson as BaseMetaJson,\n  MetaJsonStory as BaseMetaJsonStory,\n} from \"../shared/types\";\n\nimport * as msw from \"msw\";\nexport { msw };\n\nexport type { UserConfig } from \"../shared/types\";\nexport { useMDXComponents } from \"@mdx-js/react\";\nexport const Story = (props: any) => props.children;\nexport const Meta = (props: any) => props.children;\nexport const Description = (props: any) => props.children;\n\ntype ReactNodeWithoutObject =\n  | React.ReactElement\n  | string\n  | number\n  | boolean\n  | null\n  | undefined;\n\nexport { useLadleContext, ActionType, ThemeState, ModeState };\nexport type { StoryDecorator };\n\n// deprecated, linkTo is just easier to use\nexport const useLink = () => {\n  const { dispatch } = useLadleContext();\n  return (value: string) => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const linkTo = (value: string) => {\n  const dispatch = (window as any)\n    .ladleDispatch as React.Dispatch<GlobalAction>;\n  return () => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const action = (name: string) => {\n  const dispatch = (window as any)\n    .ladleDispatch as React.Dispatch<GlobalAction>;\n  return (event: any = undefined) =>\n    dispatch({\n      type: ActionType.UpdateAction,\n      value: { name, event },\n      clear: false,\n    });\n};\n\nexport type GlobalProvider = React.FC<{\n  globalState: GlobalState;\n  dispatch: React.Dispatch<GlobalAction>;\n  config: Config;\n  children: ReactNodeWithoutObject;\n  storyMeta?: Meta;\n}>;\n\nexport type SourceHeader = React.FC<{\n  path: string;\n  locStart: number;\n  locEnd: number;\n}>;\n\nexport interface StoryDefault<P = {}> {\n  args?: Args<P>;\n  argTypes?: ArgTypes<P>;\n  decorators?: StoryDecorator<P>[];\n  meta?: Meta;\n  title?: string;\n  msw?: msw.RequestHandler[];\n  parameters?: { [key: string]: any };\n}\n\nexport interface Story<P = {}> extends React.FC<P> {\n  args?: Args<P>;\n  argTypes?: ArgTypes<P>;\n  decorators?: StoryDecorator<P>[];\n  meta?: Meta;\n  storyName?: string;\n  msw?: msw.RequestHandler[];\n  parameters?: { [key: string]: any };\n}\n\nexport type Args<\n  P = {\n    [key: string]: any;\n  },\n> = Partial<P>;\n\nexport type ControlType =\n  | \"select\"\n  | \"multi-select\"\n  | \"radio\"\n  | \"inline-radio\"\n  | \"check\"\n  | \"inline-check\"\n  | \"background\"\n  | \"color\"\n  | \"date\"\n  | \"number\"\n  | \"text\"\n  | \"boolean\"\n  | \"range\";\n\nexport interface ArgType<K = any> {\n  control?: {\n    name?: string;\n    labels?: { [key: string]: string };\n    type: ControlType;\n    min?: number;\n    max?: number;\n    step?: number;\n    [key: string]: any;\n  };\n  mapping?: { [key: string | number]: any };\n  options?: K[] | unknown;\n  defaultValue?: K;\n  description?: string;\n  name?: string;\n  action?: string;\n  [key: string]: any;\n}\n\nexport type ArgTypes<\n  P = {\n    [key: string]: any;\n  },\n> = {\n  [key in keyof P]?: ArgType<P[key]>;\n};\n\nexport interface Meta extends KnownMeta {\n  [key: string]: any;\n}\n\nexport type MetaJson = BaseMetaJson<Meta>;\nexport type MetaJsonStory = BaseMetaJsonStory<Meta>;\n","import { action } from '@ladle/react';\n\nexport function actions<T>(...keys: (keyof T)[]): Partial<T> {\n  return keys.reduce<Partial<T>>((acc, key) => {\n    acc[key] = action(key as string) as T[keyof T];\n\n    return acc;\n  }, {});\n}\n"]}
+{"version":3,"sources":["../../../node_modules/.pnpm/@ladle+react@4.1.2_@swc+helpers@0.5.17_@types+node@24.2.0_@types+react@19.1.9_acorn@8.1_6ff39e1e721d442b059118618a41a0c4/node_modules/@ladle/react/lib/app/exports.ts","../../src/ladle/actions.ts"],"names":[],"mappings":";;;;;;AA+CO,IAAM,MAAA,GAAS,CAAC,IAAA,KAAiB;AACtC,EAAA,MAAM,WAAY,MAAA,CACf,aAAA;AACH,EAAA,OAAO,CAAC,KAAA,GAAa,MAAA,KACnB,QAAA,CAAS;AAAA,IACP,MAAM,UAAA,CAAW,YAAA;AAAA,IACjB,KAAA,EAAO,EAAE,IAAA,EAAM,KAAA,EAAM;AAAA,IACrB,KAAA,EAAO;AAAA,GACR,CAAA;AACL,CAAA;;;ACtDO,SAAS,WAAc,IAAA,EAA+B;AAC3D,EAAA,OAAO,IAAA,CAAK,MAAA,CAAmB,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3C,IAAA,GAAA,CAAI,GAAG,CAAA,GAAI,MAAA,CAAO,GAAa,CAAA;AAE/B,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AACP","file":"actions.js","sourcesContent":["import type * as React from \"react\";\nimport { useLadleContext } from \"./src/context\";\nimport {\n  StoryDecorator,\n  ActionType,\n  GlobalState,\n  ThemeState,\n  ModeState,\n  GlobalAction,\n  Config,\n  KnownMeta,\n  MetaJson as BaseMetaJson,\n  MetaJsonStory as BaseMetaJsonStory,\n} from \"../shared/types\";\n\nimport * as msw from \"msw\";\nexport { msw };\n\nexport type { UserConfig } from \"../shared/types\";\nexport { useMDXComponents } from \"@mdx-js/react\";\nexport const Story = (props: any) => props.children;\nexport const Meta = (props: any) => props.children;\nexport const Description = (props: any) => props.children;\n\ntype ReactNodeWithoutObject =\n  | React.ReactElement\n  | string\n  | number\n  | boolean\n  | null\n  | undefined;\n\nexport { useLadleContext, ActionType, ThemeState, ModeState };\nexport type { StoryDecorator };\n\n// deprecated, linkTo is just easier to use\nexport const useLink = () => {\n  const { dispatch } = useLadleContext();\n  return (value: string) => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const linkTo = (value: string) => {\n  const dispatch = (window as any)\n    .ladleDispatch as React.Dispatch<GlobalAction>;\n  return () => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const action = (name: string) => {\n  const dispatch = (window as any)\n    .ladleDispatch as React.Dispatch<GlobalAction>;\n  return (event: any = undefined) =>\n    dispatch({\n      type: ActionType.UpdateAction,\n      value: { name, event },\n      clear: false,\n    });\n};\n\nexport type GlobalProvider = React.FC<{\n  globalState: GlobalState;\n  dispatch: React.Dispatch<GlobalAction>;\n  config: Config;\n  children: ReactNodeWithoutObject;\n  storyMeta?: Meta;\n}>;\n\nexport type SourceHeader = React.FC<{\n  path: string;\n  locStart: number;\n  locEnd: number;\n}>;\n\nexport interface StoryDefault<P = {}> {\n  args?: Args<P>;\n  argTypes?: ArgTypes<P>;\n  decorators?: StoryDecorator<P>[];\n  meta?: Meta;\n  title?: string;\n  msw?: msw.RequestHandler[];\n  parameters?: { [key: string]: any };\n}\n\nexport interface Story<P = {}> extends React.FC<P> {\n  args?: Args<P>;\n  argTypes?: ArgTypes<P>;\n  decorators?: StoryDecorator<P>[];\n  meta?: Meta;\n  storyName?: string;\n  msw?: msw.RequestHandler[];\n  parameters?: { [key: string]: any };\n}\n\nexport type Args<\n  P = {\n    [key: string]: any;\n  },\n> = Partial<P>;\n\nexport type ControlType =\n  | \"select\"\n  | \"multi-select\"\n  | \"radio\"\n  | \"inline-radio\"\n  | \"check\"\n  | \"inline-check\"\n  | \"background\"\n  | \"color\"\n  | \"date\"\n  | \"number\"\n  | \"text\"\n  | \"boolean\"\n  | \"range\";\n\nexport interface ArgType<K = any> {\n  control?: {\n    name?: string;\n    labels?: { [key: string]: string };\n    type: ControlType;\n    min?: number;\n    max?: number;\n    step?: number;\n    [key: string]: any;\n  };\n  mapping?: { [key: string | number]: any };\n  options?: K[] | unknown;\n  defaultValue?: K;\n  description?: string;\n  name?: string;\n  action?: string;\n  [key: string]: any;\n}\n\nexport type ArgTypes<\n  P = {\n    [key: string]: any;\n  },\n> = {\n  [key in keyof P]?: ArgType<P[key]>;\n};\n\nexport interface Meta extends KnownMeta {\n  [key: string]: any;\n}\n\nexport type MetaJson = BaseMetaJson<Meta>;\nexport type MetaJsonStory = BaseMetaJsonStory<Meta>;\n","import { action } from '@ladle/react';\n\nexport function actions<T>(...keys: (keyof T)[]): Partial<T> {\n  return keys.reduce<Partial<T>>((acc, key) => {\n    acc[key] = action(key as string) as T[keyof T];\n\n    return acc;\n  }, {});\n}\n"]}

package/dist/styles/surfaces.css.d.ts

@@ -1,4 +1,4 @@
-declare const surfaces: Record<"overlay" | "default" | "raised", {
+declare const surfaces: Record<"default" | "overlay" | "raised", {
     flush: string;
     proud: string;
 }>;

package/dist/test/setup.js

@@ -25,7 +25,7 @@ import { parseSingleStack } from '@vitest/utils/source-map.js';
 import { fn, spyOn, mocks, isMockFunction } from '@vitest/spy.js';
 import 'std-env.js';
 
-// ../../node_modules/.pnpm/@testing-library+jest-dom@6.6.3/node_modules/@testing-library/jest-dom/dist/matchers.mjs
+// ../node_modules/.pnpm/@testing-library+jest-dom@6.6.3/node_modules/@testing-library/jest-dom/dist/matchers.mjs
 var matchers_exports = {};
 __export(matchers_exports, {
   toBeChecked: () => toBeChecked,
@@ -3879,7 +3879,7 @@ typeof document !== "undefined" && document.body ? getQueriesForElement(document
   return helpers;
 }, initialValue);
 
-// ../../node_modules/.pnpm/@testing-library+react@16.3.0_@testing-library+dom@10.4.0_@types+react-dom@19.1.7_@type_006cfc0e867fe4fbd2eb85bf6bc961ee/node_modules/@testing-library/react/dist/@testing-library/react.esm.js
+// ../node_modules/.pnpm/@testing-library+react@16.3.0_@testing-library+dom@10.4.0_@types+react-dom@19.1.7_@type_006cfc0e867fe4fbd2eb85bf6bc961ee/node_modules/@testing-library/react/dist/@testing-library/react.esm.js
 var reactAct = typeof React.act === "function" ? React.act : DeprecatedReactTestUtils.act;
 function getGlobalThis() {
   if (typeof globalThis !== "undefined") {
@@ -4025,7 +4025,7 @@ if (typeof process === "undefined" || !process.env?.RTL_SKIP_AUTO_CLEANUP) {
   }
 }
 
-// ../../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/utils.Ck2hJTRs.js
+// ../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/utils.Ck2hJTRs.js
 function getWorkerState() {
   const workerState = globalThis.__vitest_worker__;
   if (!workerState) {
@@ -4039,7 +4039,7 @@ function getCurrentEnvironment() {
   return state?.environment.name;
 }
 
-// ../../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/index.CxRxs566.js
+// ../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/index.CxRxs566.js
 function getRunMode() {
   return getWorkerState().config.mode;
 }
@@ -4047,7 +4047,7 @@ function isRunningInBenchmark() {
   return getRunMode() === "benchmark";
 }
 
-// ../../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/benchmark.C8CRJYG4.js
+// ../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/benchmark.C8CRJYG4.js
 var benchFns = /* @__PURE__ */ new WeakMap();
 var benchOptsMap = /* @__PURE__ */ new WeakMap();
 var bench = createBenchmark(function(name, fn2 = noop, options = {}) {
@@ -4076,7 +4076,7 @@ function formatName(name) {
   return typeof name === "string" ? name : name instanceof Function ? name.name || "<anonymous>" : String(name);
 }
 
-// ../../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/run-once.Sxe67Wng.js
+// ../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/run-once.Sxe67Wng.js
 var filesCount = /* @__PURE__ */ new Map();
 var cache = /* @__PURE__ */ new Map();
 function runOnce(fn2, key) {
@@ -4099,7 +4099,7 @@ function isFirstRun() {
   return firstRun;
 }
 
-// ../../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/_commonjsHelpers.BFTU3MAI.js
+// ../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/_commonjsHelpers.BFTU3MAI.js
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -4111,7 +4111,7 @@ function isChildProcess() {
   return typeof process !== "undefined" && !!process.send;
 }
 
-// ../../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/date.W2xKR2qe.js
+// ../node_modules/.pnpm/vitest@2.1.3_@types+node@24.2.0_jsdom@25.0.1_lightningcss@1.30.1_msw@2.10.4_@types+node_bd31f00d24f7de9d4c3dd1b1abef4a27/node_modules/vitest/dist/chunks/date.W2xKR2qe.js
 var RealDate = Date;
 var now = null;
 var MockDate = class _MockDate extends RealDate {