@aic-kits/react 0.7.1 → 0.9.0

package/dist/theme/common/scale.d.ts

@@ -4,6 +4,7 @@ export declare const defaultScale: {
     size: number;
     font: {
         neutral: string;
+        heading: string;
     };
     fontSize: number;
     radius: number;

package/dist/theme/common/sizes.d.ts

@@ -1,4 +1,4 @@
-export type Size = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type Size = '2xs' | 'xs' | 'sm' | 'sm-md' | 'md' | 'md-lg' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
 export type Sizes = Record<Size, number>;
 export declare const getSizes: (baseSize: number) => Sizes;
 export declare const isSize: (value: string) => value is Size;

package/dist/theme/common/text.d.ts

@@ -1,12 +1,20 @@
 import { Scale } from './scale';
-export type FontSize = '2xs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | '2xl' | '3xl';
+export type FontSize = '2xs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
 export type FontWeight = 'extra-light' | 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
-export type Typeface = 'neutral';
+/** Type representing the available font typefaces. */
+export type Typeface = 'neutral' | 'heading';
+/** Type representing a record mapping typeface names to font family strings. */
 type Fonts = Record<Typeface, string>;
 type FontSizes = Record<FontSize, number>;
 type FontWeights = Record<FontWeight, number>;
 type LineHeights = Record<FontSize, number>;
-export declare const getFonts: ({ neutral }: Scale["font"]) => Fonts;
+/**
+ * Generates font family strings based on the provided font names in the scale.
+ * Includes fallback fonts.
+ * @param {Scale['font']} fontNames - An object containing font names for each typeface.
+ * @returns {Fonts} An object mapping typeface names to CSS font-family strings.
+ */
+export declare const getFonts: ({ neutral, heading }: Scale["font"]) => Fonts;
 export declare const getFontSizes: (baseFontSize: number) => FontSizes;
 export declare const getLineHeights: (baseFontSize: number) => LineHeights;
 export declare const getFontWeights: () => FontWeights;

package/dist/theme/components/base.d.ts

@@ -1,8 +1,19 @@
 import { Theme } from '../';
+import { Space, Size } from '../common';
 export interface BaseThemeConfig {
+    /** Default background color for the Base component. */
     defaultBackgroundColor: string;
+    /** Default parameters passed to the Header component. */
     defaultHeaderParams: {
         backgroundColor: string;
     };
+    /** Media query string to determine desktop view (e.g., '(min-width: 768px)'). */
+    desktopMediaQuery: string;
+    /** Default horizontal padding for mobile view. */
+    mobilePaddingX: Space;
+    /** Default horizontal padding for desktop view in 'padded' mode. */
+    desktopPaddingX: Space;
+    /** Default max-width for desktop view in 'maxWidth' mode. */
+    desktopContentMaxWidth: Size | string | number;
 }
 export declare const baseTheme: (_theme: Theme) => BaseThemeConfig;

package/dist/theme/components/button.d.ts

@@ -1,5 +1,16 @@
+import { IconWeight } from '@phosphor-icons/react';
 import { Theme } from '../';
-import { BorderWidth, Color, Space } from '../common';
+import { BorderWidth, Color, FontSize, FontWeight, Size, Space } from '../common';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonSizeConfig {
+    paddingHorizontal: Space;
+    paddingVertical: Space;
+    fontSize: FontSize;
+    iconSize: Size;
+    borderWidth: BorderWidth;
+    fontWeight: FontWeight;
+    iconWeight: IconWeight;
+}
 export interface ButtonThemeConfig {
     squircleBorderRadii: {
         circle: string;
@@ -11,14 +22,12 @@ export interface ButtonThemeConfig {
     };
     defaultColor: Color;
     defaultTextColor: Color;
-    borderWidth: BorderWidth;
     iconSpacing?: Space;
+    sizes: Record<ButtonSize, ButtonSizeConfig>;
     variants?: Record<string, {
         bgColor?: Color;
         textColor?: Color;
         borderColor?: Color;
-        paddingHorizontal?: Space;
-        paddingVertical?: Space;
     }>;
 }
 export declare const buttonTheme: (_theme: Theme) => ButtonThemeConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.7.1",
+  "version": "0.9.0",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -46,5 +46,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "c1408946def5ff1ca86f58bb567f429eb0a77f9d"
+  "gitHead": "f9f3f8258603f7f73f9774e84a2e17b1b37405aa"
 }