@react-xp/design-system 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/types/showcase/themeWrapper.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeWrapper.web.d.ts","sourceRoot":"","sources":["../../../src/showcase/themeWrapper.web.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKjD,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAwDjE,CAAC"}
+{"version":3,"file":"themeWrapper.web.d.ts","sourceRoot":"","sources":["../../../src/showcase/themeWrapper.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKjD,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAmCjE,CAAC"}

package/dist/types/theme/themeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeProvider.d.ts","sourceRoot":"","sources":["../../../src/theme/themeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,eAAO,MAAM,aAAa,GAAI,uBAG3B;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,EAAE,gBAAgB,CAAA;CAAE,4CAIzD,CAAC"}
+{"version":3,"file":"themeProvider.d.ts","sourceRoot":"","sources":["../../../src/theme/themeProvider.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,eAAO,MAAM,aAAa,GAAI,uBAG3B;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,EAAE,gBAAgB,CAAA;CAAE,4CAwBzD,CAAC"}

package/dist/types/theme/useTokens.d.ts

@@ -1,2 +1,91 @@
-export declare const useTokens: () => import("..").TStyleTokenValue;
+export declare const useTokens: () => Partial<import("@react-xp/styleguide").TStyleguideColorRole & import("@react-xp/styleguide").TStyleguideStatusColor & import("@react-xp/styleguide").TStyleguideInputColor & {
+    readonly 'motion-duration-instant': 0;
+    readonly 'motion-duration-fast': 150;
+    readonly 'motion-duration-regular': 200;
+    readonly 'motion-duration-slow': 300;
+    readonly 'motion-duration-slower': 400;
+} & {
+    readonly 'motion-ease-standard': "cubic-bezier(0.2, 0, 0, 1)";
+    readonly 'motion-ease-emphasized': "cubic-bezier(0.2, 0, 0, 1)";
+    readonly 'motion-ease-decelerated': "cubic-bezier(0, 0, 0, 1)";
+    readonly 'motion-ease-accelerated': "cubic-bezier(0.3, 0, 1, 1)";
+} & {
+    readonly 'motion-emphasis-enter': {
+        readonly duration: import("@react-xp/styleguide").TStyleguideMotionDurationToken;
+        readonly easing: import("@react-xp/styleguide").TStyleguideMotionEasingToken;
+    };
+    readonly 'motion-emphasis-exit': {
+        readonly duration: import("@react-xp/styleguide").TStyleguideMotionDurationToken;
+        readonly easing: import("@react-xp/styleguide").TStyleguideMotionEasingToken;
+    };
+    readonly 'motion-navigation-enter': {
+        readonly duration: import("@react-xp/styleguide").TStyleguideMotionDurationToken;
+        readonly easing: import("@react-xp/styleguide").TStyleguideMotionEasingToken;
+    };
+    readonly 'motion-navigation-exit': {
+        readonly duration: import("@react-xp/styleguide").TStyleguideMotionDurationToken;
+        readonly easing: import("@react-xp/styleguide").TStyleguideMotionEasingToken;
+    };
+    readonly 'micro-interaction': {
+        readonly duration: import("@react-xp/styleguide").TStyleguideMotionDurationToken;
+        readonly easing: import("@react-xp/styleguide").TStyleguideMotionEasingToken;
+    };
+} & {
+    readonly 'radius-1': 2;
+    readonly 'radius-2': 4;
+    readonly 'radius-3': 8;
+    readonly 'radius-4': 12;
+    readonly 'radius-5': 16;
+    readonly 'radius-full': 9999;
+} & {
+    readonly 'shadow-level-1': "0 1px 2px rgba(15, 23, 42, 0.05)";
+    readonly 'shadow-level-2': "0 1px 3px rgba(15, 23, 42, 0.1), 0 1px 2px rgba(15, 23, 42, 0.06)";
+    readonly 'shadow-level-3': "0 4px 6px rgba(15, 23, 42, 0.1), 0 2px 4px rgba(15, 23, 42, 0.08)";
+    readonly 'shadow-level-4': "0 10px 15px rgba(15, 23, 42, 0.18), 0 4px 6px rgba(15, 23, 42, 0.12)";
+    readonly 'shadow-level-5': "0 20px 25px rgba(15, 23, 42, 0.25), 0 10px 10px rgba(15, 23, 42, 0.15)";
+} & {
+    readonly 'space-1': 4;
+    readonly 'space-2': 8;
+    readonly 'space-3': 12;
+    readonly 'space-4': 16;
+    readonly 'space-5': 24;
+    readonly 'space-6': 32;
+    readonly 'space-7': 40;
+    readonly 'space-8': 48;
+    readonly 'space-9': 64;
+    readonly 'space-10': 80;
+} & {
+    readonly 'typography-font-family-base': "system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", sans-serif";
+    readonly 'typography-font-family-heading': "system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", sans-serif";
+    readonly 'typography-font-family-code': "\"SF Mono\", ui-monospace, Menlo, Monaco, \"Courier New\", monospace";
+    readonly 'typography-font-size-1': 12;
+    readonly 'typography-font-size-2': 14;
+    readonly 'typography-font-size-3': 16;
+    readonly 'typography-font-size-4': 18;
+    readonly 'typography-font-size-5': 20;
+    readonly 'typography-font-size-6': 24;
+    readonly 'typography-font-weight-regular': "400";
+    readonly 'typography-font-weight-medium': "500";
+    readonly 'typography-font-weight-strong': "600";
+    readonly 'typography-line-height-tight': 1.2;
+    readonly 'typography-line-height-default': 1.5;
+    readonly 'typography-line-height-relaxed': 1.7;
+} & {
+    'border-width-default': string;
+    'border-width-focus': string;
+    'opacity-pressed': number;
+    'opacity-disabled': number;
+    'tap-target-min': string;
+    'focus-ring-gap': string;
+} & {
+    readonly 'z-index-layer-base': 0;
+    readonly 'z-index-layer-raised': 10;
+    readonly 'z-index-layer-sticky': 20;
+    readonly 'z-index-layer-navbar': 30;
+    readonly 'z-index-layer-dropdown': 40;
+    readonly 'z-index-layer-overlay': 50;
+    readonly 'z-index-layer-modal': 60;
+    readonly 'z-index-layer-toast': 70;
+    readonly 'z-index-layer-max': 9999;
+}>;
 //# sourceMappingURL=useTokens.d.ts.map

package/dist/types/theme/useTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../../../src/theme/useTokens.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,qCAA0B,CAAC"}
+{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../../../src/theme/useTokens.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA0B,CAAC"}

package/dist/types/types/tokens.d.ts

@@ -1,9 +1,8 @@
-import { type TStyleguideColorToken, type TStyleguideMotionPresetToken, type TStyleguideMotionToken, type TStyleguideRadiusToken, type TStyleguideShadowsToken, type TStyleguideSpacingToken, type TStyleguideTypographyToken, type TStyleguideUtilsToken, type TStyleguideZIndexToken } from '@react-xp/styleguide';
+import { type TStyleguideColorRole, type TStyleguideInputColor, type TStyleguideMotionDuration, type TStyleguideMotionEasing, type TStyleguideMotionPreset, type TStyleguideMotionPresetToken, type TStyleguideRadius, type TStyleguideShadows, type TStyleguideSpacing, type TStyleguideStatusColor, type TStyleguideTypography, type TStyleguideUtils, type TStyleguideZIndex } from '@react-xp/styleguide';
 type TAny = any;
-type TStyleToken = TStyleguideColorToken | TStyleguideMotionToken | TStyleguideRadiusToken | TStyleguideShadowsToken | TStyleguideSpacingToken | TStyleguideTypographyToken | TStyleguideUtilsToken | TStyleguideZIndexToken;
-export type TStyleTokenValue = Record<TStyleToken, string | number>;
+export type TStyleTokenValue = Partial<TStyleguideColorRole & TStyleguideStatusColor & TStyleguideInputColor & TStyleguideMotionDuration & TStyleguideMotionEasing & TStyleguideMotionPreset & TStyleguideRadius & TStyleguideShadows & TStyleguideSpacing & TStyleguideTypography & TStyleguideUtils & TStyleguideZIndex>;
 export type TSx = TAny;
-export declare const tok: <TTokenValue extends TStyleTokenValue, TTokenKey extends TStyleToken>(t: TTokenValue, key: TTokenKey) => TStyleTokenValue[TTokenKey];
+export declare const tok: <TTokenValue extends TStyleTokenValue, TTokenKey extends keyof TTokenValue>(t: TStyleTokenValue, key: TTokenKey) => TTokenValue[TTokenKey];
 export declare const merge: (...styles: Array<TSx | undefined | false | null>) => TSx;
 export type TMotionPresetToken = TStyleguideMotionPresetToken;
 export type TMotionResolved = {

package/dist/types/types/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/types/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAG1B,KAAK,4BAA4B,EACjC,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAE5B,MAAM,sBAAsB,CAAC;AAG9B,KAAK,IAAI,GAAG,GAAG,CAAC;AAEhB,KAAK,WAAW,GACZ,qBAAqB,GACrB,sBAAsB,GACtB,sBAAsB,GACtB,uBAAuB,GACvB,uBAAuB,GACvB,0BAA0B,GAC1B,qBAAqB,GACrB,sBAAsB,CAAC;AAE3B,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEpE,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC;AAEvB,eAAO,MAAM,GAAG,GACd,WAAW,SAAS,gBAAgB,EACpC,SAAS,SAAS,WAAW,EAE7B,GAAG,WAAW,EACd,KAAK,SAAS,KACb,gBAAgB,CAAC,SAAS,CAAW,CAAC;AACzC,eAAO,MAAM,KAAK,GAAI,GAAG,QAAQ,KAAK,CAAC,GAAG,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,KAAG,GAC3B,CAAC;AAG/C,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,GACjB,GAAG,gBAAgB,EACnB,QAAQ,4BAA4B,KACnC,eAUF,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/types/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,uBAAuB,EAE5B,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EAEjC,KAAK,iBAAiB,EAEtB,KAAK,kBAAkB,EAEvB,KAAK,kBAAkB,EAEvB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAE1B,KAAK,gBAAgB,EAErB,KAAK,iBAAiB,EAGvB,MAAM,sBAAsB,CAAC;AAG9B,KAAK,IAAI,GAAG,GAAG,CAAC;AAYhB,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,oBAAoB,GAClB,sBAAsB,GACtB,qBAAqB,GACrB,yBAAyB,GACzB,uBAAuB,GACvB,uBAAuB,GACvB,iBAAiB,GACjB,kBAAkB,GAClB,kBAAkB,GAClB,qBAAqB,GACrB,gBAAgB,GAChB,iBAAiB,CACpB,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC;AAEvB,eAAO,MAAM,GAAG,GACd,WAAW,SAAS,gBAAgB,EACpC,SAAS,SAAS,MAAM,WAAW,EAEnC,GAAG,gBAAgB,EACnB,KAAK,SAAS,KACb,WAAW,CAAC,SAAS,CAAqB,CAAC;AAE9C,eAAO,MAAM,KAAK,GAAI,GAAG,QAAQ,KAAK,CAAC,GAAG,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,KAAG,GAC3B,CAAC;AAG/C,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,GACjB,GAAG,gBAAgB,EACnB,QAAQ,4BAA4B,KACnC,eAUF,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-xp/design-system",
   "description": "This is a React Experience design-system package",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.6",
   "publishConfig": {
     "access": "public"
   },
@@ -11,8 +11,8 @@
   "exports": {
     ".": {
       "react-native": {
-        "import": "./dist/native/esm/index.native.js",
-        "require": "./dist/native/cjs/index.native.js"
+        "import": "./dist/esm/index.native.js",
+        "require": "./dist/cjs/index.native.js"
       },
       "browser": {
         "import": "./dist/esm/index.web.js",
@@ -65,9 +65,9 @@
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.7",
     "typescript": "^5.7.2",
-    "@react-xp/styleguide": "1.0.0-beta.6",
-    "@react-xp/aeiou": "0.1.0-beta.14",
-    "@react-xp/typescript": "0.0.0"
+    "@react-xp/aeiou": "1.0.0-beta.0",
+    "@react-xp/typescript": "0.0.0",
+    "@react-xp/styleguide": "1.0.0-beta.6"
   },
   "overrides": {
     "conventional-changelog-conventionalcommits": ">= 8.0.0"