@gobolt/genesis 0.0.10 → 0.0.11

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

@@ -113,6 +113,10 @@ type ColorLayer = {
     onsurface: string;
     generic?: string;
     disabled?: string;
+    surface?: string;
+    hover?: string;
+    pressed?: string;
+    focus?: string;
 };
 type ColorState = {
     active: ColorLayer;
@@ -127,11 +131,17 @@ type ColorState = {
     onsurface: ColorLayer;
     warning: ColorLayer;
     generic?: ColorLayer;
+    hollow?: ColorLayer;
     info?: ColorLayer;
     utility?: ColorLayer;
     default?: ColorLayer;
     selected?: ColorLayer;
     border?: ColorLayer;
+    tertiary?: string;
+    copy?: string;
+    "copy-dark"?: string;
+    "border-light"?: string;
+    primary?: string;
 };
 export type ColorMode = {
     primary: ColorState;
@@ -146,6 +156,7 @@ export type ColorMode = {
     inputs: ColorState;
     interactive: ColorState;
     status: ColorState;
+    brandon: ColorState;
 };
 export type ColorModes = {
     light: ColorMode;
@@ -163,16 +174,6 @@ type AllColors = {
     gray: ColorShades;
 };
 type Mode = "light" | "dark";
-export type GenesisTheme = {
-    breakpoints: Breakpoints;
-    sizing: Sizing;
-    borderRadius: BorderRadius;
-    typography: Typography;
-    allColors: AllColors;
-    colors: ColorMode;
-    mode: Mode;
-    components: Components;
-};
 type Button = {
     padding: {
         verPadding: number;
@@ -185,18 +186,53 @@ type Input = {
     suffixPrefixHorPadding: number;
     suffixPrefixVerPadding: number;
 };
+type Badge = {
+    "ver-padding": number;
+    "left-padding": number;
+    "right-padding": number;
+    radius: number;
+};
+type CommonContainer = {
+    "ver-padding": number;
+    "hor-padding": number;
+    radius: number;
+    gap: number;
+};
+type Popover = CommonContainer;
+type Row = CommonContainer;
 type Components = {
     button: Button;
     utilityButton: Button;
     input: Input;
+    row: Row;
+    badge: Badge;
+    popover: Popover;
 };
 type Motion = {
+    instant: string;
     veryfast: string;
     fast: string;
     medium: string;
     slow: string;
 };
-export type BaseTokens = {
+type Shadows = {
+    general: {
+        "1": string;
+        "2": string;
+        "3": string;
+    };
+    actions: {
+        "1": string;
+        "2": string;
+    };
+    inputs: {
+        "1": string;
+    };
+};
+interface ConvenienceFunctions {
+    getStatusColor: (colors: ColorMode, status: string) => string;
+}
+export interface BaseTokens extends ConvenienceFunctions {
     breakpoints: Breakpoints;
     sizing: Sizing;
     borderRadius: BorderRadius;
@@ -204,5 +240,10 @@ export type BaseTokens = {
     allColors: AllColors;
     components: Components;
     motion: Motion;
-};
+    shadows: Shadows;
+}
+export interface GenesisTheme extends BaseTokens {
+    colors: ColorMode;
+    mode: Mode;
+}
 export {};

package/dist/styles/theme/theme-tree/ThemeTree.d.ts

@@ -0,0 +1 @@
+export declare const ThemeTree: () => import("react/jsx-runtime").JSX.Element;