@gobolt/genesis 0.0.8 → 0.0.10

package/dist/styles/theme/genesis-theme.types.d.ts

@@ -83,6 +83,10 @@ export type Typography = {
     wide: TypographySize;
     medium: TypographySize;
     narrow: TypographySize;
+    fontFamily: string;
+    lineHeight: string;
+    body1: FontStyle;
+    body2: FontStyle;
 };
 export type ColorShades = {
     100?: string;
@@ -102,6 +106,13 @@ type ColorLayer = {
     backgroundColor: string;
     borderColor: string;
     ringColor?: string;
+    active: ColorShades;
+    checked?: string;
+    default?: string;
+    border?: string;
+    onsurface: string;
+    generic?: string;
+    disabled?: string;
 };
 type ColorState = {
     active: ColorLayer;
@@ -109,11 +120,32 @@ type ColorState = {
     pressed: ColorLayer;
     focussed: ColorLayer;
     disabled: ColorLayer;
+    link: ColorLayer;
+    surface: ColorLayer;
+    success: ColorLayer;
+    error: ColorLayer;
+    onsurface: ColorLayer;
+    warning: ColorLayer;
+    generic?: ColorLayer;
+    info?: ColorLayer;
+    utility?: ColorLayer;
+    default?: ColorLayer;
+    selected?: ColorLayer;
+    border?: ColorLayer;
 };
 export type ColorMode = {
     primary: ColorState;
     secondary: ColorState;
     tertiary: ColorState;
+    success: ColorState;
+    warning: ColorState;
+    danger: ColorState;
+    info: ColorState;
+    onsurface: ColorState;
+    surface: ColorState;
+    inputs: ColorState;
+    interactive: ColorState;
+    status: ColorState;
 };
 export type ColorModes = {
     light: ColorMode;
@@ -139,6 +171,7 @@ export type GenesisTheme = {
     allColors: AllColors;
     colors: ColorMode;
     mode: Mode;
+    components: Components;
 };
 type Button = {
     padding: {
@@ -148,8 +181,20 @@ type Button = {
     gap: number;
     radius: number;
 };
+type Input = {
+    suffixPrefixHorPadding: number;
+    suffixPrefixVerPadding: number;
+};
 type Components = {
     button: Button;
+    utilityButton: Button;
+    input: Input;
+};
+type Motion = {
+    veryfast: string;
+    fast: string;
+    medium: string;
+    slow: string;
 };
 export type BaseTokens = {
     breakpoints: Breakpoints;
@@ -158,5 +203,6 @@ export type BaseTokens = {
     typography: Typography;
     allColors: AllColors;
     components: Components;
+    motion: Motion;
 };
 export {};

package/dist/styles/theme/index.js

@@ -1,10 +1,9 @@
-import { TypographySizeKey as r, baseTokens as p, breakpoints as a, darkTheme as h, lightTheme as m, sizing as s } from "./genesis-theme.js";
-import "../design-tokens/variables.js";
+import { TypographySizeKey as o, baseTokens as r, breakpoints as a, darkTheme as h, lightTheme as p, sizing as s } from "./genesis-theme.js";
 export {
-  r as TypographySizeKey,
-  p as baseTokens,
+  o as TypographySizeKey,
+  r as baseTokens,
   a as breakpoints,
   h as darkTheme,
-  m as lightTheme,
+  p as lightTheme,
   s as sizing
 };