@loom-sdc/design-system 0.3.0 → 0.4.1

package/dist/ui/primitives/Text/Text.types.d.ts

@@ -1,8 +1,10 @@
 import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
 import { TypographyTokenKey } from '../../../tokens/index.ts';
+export type TextAlign = 'start' | 'center' | 'end' | 'justify';
 export interface TextOwnProps<T extends ElementType = 'p'> {
     as?: T;
     variant: TypographyTokenKey;
+    align?: TextAlign;
     children?: ReactNode;
     className?: string;
 }

package/dist/ui/primitives/Text/Text.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAC/C,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/D,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAC/C,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/ui/primitives/Text/adapters/Text.element.d.ts

@@ -0,0 +1,22 @@
+import { TypographyTokenKey } from '../../../../tokens/index.ts';
+declare class LoomText extends HTMLElement {
+    static observedAttributes: readonly ["variant", "align"];
+    get variant(): TypographyTokenKey | null;
+    set variant(val: TypographyTokenKey | null);
+    get align(): string | null;
+    set align(val: string | null);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private _syncScheduled;
+    private _scheduleSync;
+    private _prev;
+    private _sync;
+    private _apply;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'loom-text': LoomText;
+    }
+}
+export { LoomText };
+//# sourceMappingURL=Text.element.d.ts.map

package/dist/ui/primitives/Text/adapters/Text.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,cAAM,QAAS,SAAQ,WAAW;IAEhC,MAAM,CAAC,kBAAkB,gCAAiC;IAG1D,IAAI,OAAO,IAAI,kBAAkB,GAAG,IAAI,CAEvC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,kBAAkB,GAAG,IAAI,EAGzC;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAG3B;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAGX;IAGF,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/primitives/Text/adapters/Text.react.d.ts

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
 import { TextProps } from '../Text.types.ts';
-export declare function Text<T extends ElementType = 'p'>({ as, variant, children, className, ...props }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Text<T extends ElementType = 'p'>({ as, variant, align, children, className, ...props }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Text.react.d.ts.map

package/dist/ui/primitives/Text/adapters/Text.react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.react.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAWd"}
+{"version":3,"file":"Text.react.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAiBd"}

package/dist/ui/primitives/index.d.ts

@@ -6,4 +6,6 @@ export { Box } from './Box/index.ts';
 export type { BoxProps } from './Box/index.ts';
 export { Text } from './Text/index.ts';
 export type { TextProps } from './Text/index.ts';
+export { Button } from './Button/index.ts';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/ui/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/ui/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/package.json

@@ -1,15 +1,25 @@
 {
   "name": "@loom-sdc/design-system",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/index.core.d.ts",
+      "import": "./dist/core.mjs",
+      "require": "./dist/core.cjs"
+    },
+    "./elements": {
+      "types": "./dist/index.elements.d.ts",
+      "import": "./dist/elements.mjs",
+      "require": "./dist/elements.cjs"
     },
     "./style.css": "./dist/style.css",
     "./fonts.css": "./dist/fonts.css"
@@ -19,7 +29,9 @@
   ],
   "sideEffects": [
     "dist/style.css",
-    "dist/fonts.css"
+    "dist/fonts.css",
+    "dist/elements.mjs",
+    "dist/elements.cjs"
   ],
   "scripts": {
     "build:lib": "vite build --config vite.lib.config.ts",
@@ -32,6 +44,14 @@
     "react": ">=19",
     "react-dom": ">=19"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@vanilla-extract/css": "^1.20.1"
   },
@@ -39,6 +59,7 @@
     "@eslint/js": "^10.0.1",
     "@figma/code-connect": "^1.4.4",
     "@microsoft/api-extractor": "^7.58.7",
+    "@storybook/addon-a11y": "^10.3.6",
     "@storybook/addon-docs": "^10.3.6",
     "@storybook/addon-vitest": "^10.3.6",
     "@storybook/react-vite": "^10.3.6",
@@ -52,6 +73,7 @@
     "eslint": "^10.2.1",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-storybook": "^10.3.6",
     "globals": "^17.5.0",
     "playwright": "^1.59.1",
     "react": "^19.2.5",