@wavemaker/foundation-css 11.10.0-next.25079

foundation-css/index.d.ts

@@ -0,0 +1,30 @@
+// TokenSet Interface
+export interface TokenSet {
+  default: Record<string, any>;
+  light?: Record<string, any>;
+  dark?: Record<string, any>;
+}
+
+// Tokens Interface
+export interface Tokens {
+  reference: {
+    color: TokenSet;
+    font: TokenSet;
+    space: TokenSet;
+    radius: TokenSet;
+  };
+  system: {
+    color: TokenSet;
+    font: TokenSet;
+    space: TokenSet;
+    opacity: TokenSet;
+  };
+  [key: string]: any;
+}
+
+// Primitives
+export declare const reference: Tokens['reference'];
+
+// Semantics
+export declare const system: Tokens['system'];
+

foundation-css/index.js

@@ -0,0 +1,46 @@
+// Primitives
+import colorDefault from './tokens/primitives/colors/color.json';
+import colorLight from './tokens/primitives/colors/color.light.json';
+import colorDark from './tokens/primitives/colors/color.dark.json';
+
+import fontDefault from './tokens/primitives/font/font.json';
+import spacingDefault from './tokens/primitives/space/space.json';
+import radiusDefault from './tokens/primitives/radius/radius.json';
+
+// Semantics
+import semanticColorDefault from './tokens/semantics/colors/color.json';
+import semanticFontDefault from './tokens/semantics/font/font.json';
+import opacityDefault from './tokens/semantics/opacity/opacity.json';
+
+// Organized Tokens
+export const reference = {
+  color: {
+    default: colorDefault,
+    light: colorLight,
+    dark: colorDark,
+  },
+  font: {
+    default: fontDefault,
+  },
+  space: {
+    default: spacingDefault,
+  },
+  radius: {
+    default: radiusDefault,
+  },
+};
+
+export const system = {
+  color: {
+    default: semanticColorDefault,
+  },
+  font: {
+    default: semanticFontDefault,
+  },
+  space: {
+    default: spacingDefault,
+  },
+  opacity: {
+    default: opacityDefault,
+  },
+};