@akinon/ui-theme 1.0.1 → 1.0.2

package/dist/cjs/theme.d.ts

@@ -20,6 +20,14 @@ export type DefaultThemeConfig = ThemeConfig & {
  * to learn about properties and their effects.
  */
 export declare const theme: DefaultThemeConfig;
+/**
+ * Safely retrieves CustomTokens from theme with fallback to default values.
+ * This prevents undefined access errors when theme is not properly initialized.
+ *
+ * @param theme - The theme object from ConfigProvider context
+ * @returns CustomTokens with guaranteed defined values
+ */
+export declare function getSafeCustomTokens(theme: any): CustomTokens;
 /**
  * Used to access antd's token values from react components.
  * For detailed usage see,

package/dist/cjs/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAevD,OAAO,EAML,YAAY,EAUZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAgmBnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAevD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAgmBnB,CAAC;AAyFF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,GAAG,YAAY,CAmB5D;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}

package/dist/cjs/theme.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCssVariables = exports.useToken = exports.theme = exports.fontSize = void 0;
+exports.getSafeCustomTokens = getSafeCustomTokens;
 const antd_1 = require("antd");
 const colors_1 = require("./colors");
 // antd works with numbers. use this to convert px to rem.
@@ -630,6 +631,114 @@ exports.theme = {
         }
     }
 };
+/**
+ * Default CustomTokens fallback values to prevent undefined access errors.
+ * This provides a complete fallback structure matching the CustomTokens interface.
+ */
+const defaultCustomTokens = {
+    layout: {
+        displayFlex: 'flex',
+        displayGrid: 'grid',
+        displayBlock: 'block',
+        displayInline: 'inline',
+        displayInlineBlock: 'inline-block',
+        displayNone: 'none',
+        displayContents: 'contents',
+        positionAbsolute: 'absolute',
+        positionRelative: 'relative',
+        positionFixed: 'fixed',
+        positionSticky: 'sticky',
+        positionStatic: 'static',
+        flexStart: 'start',
+        flexCenter: 'center',
+        flexDirectionRow: 'row',
+        flexDirectionRowReverse: 'row-reverse',
+        flexDirectionColumn: 'column',
+        flexDirectionColumnReverse: 'column-reverse'
+    },
+    typography: {
+        textTransformUppercase: 'uppercase',
+        textTransformLowercase: 'lowercase',
+        textTransformCapitalize: 'capitalize',
+        textAlignLeft: 'left',
+        textAlignCenter: 'center',
+        textAlignRight: 'right',
+        textAlignJustify: 'justify',
+        whiteSpaceNormal: 'normal',
+        whiteSpaceNoWrap: 'nowrap',
+        whiteSpacePre: 'pre',
+        whiteSpacePreLine: 'pre-line',
+        whiteSpacePreWrap: 'pre-wrap',
+        whiteSpaceBreakSpaces: 'break-spaces',
+        wordBreak: 'break-word',
+        textDecorationUnderline: 'underline',
+        textDecorationOverline: 'overline',
+        textDecorationLineThrough: 'line-through',
+        fontWeightBold: '600',
+        fontWeightMedium: '500'
+    },
+    sizing: {
+        sizeMaxContent: 'max-content',
+        sizeMinContent: 'min-content',
+        sizeFitContent: 'fit-content',
+        valueFull: '100%',
+        valueThreeQuarter: '75%',
+        valueHalf: '50%',
+        valueQuarter: '25%',
+        valueZero: '0',
+        valueAuto: 'auto',
+        valueInherit: 'inherit'
+    },
+    others: {
+        colorTransparent: 'transparent',
+        valueHidden: 'hidden',
+        valueUnset: 'unset',
+        emptyContent: '""',
+        lineHeightShort: '1',
+        lineHeightTall: '2',
+        cursorNotAllowed: 'not-allowed',
+        cursorPointer: 'pointer',
+        verticalAlignMiddle: 'middle',
+        opacityFull: '1',
+        opacityNone: '0'
+    },
+    border: {
+        borderNone: 'none',
+        borderSolid: 'solid',
+        borderDashed: 'dashed',
+        borderDotted: 'dotted',
+        borderWidthThin: '1px',
+        borderWidthThick: '2px',
+        borderRadiusSm: '0.125rem'
+    },
+    overflow: {
+        overflowVisible: 'visible',
+        overflowHidden: 'hidden',
+        overflowScroll: 'scroll'
+    }
+};
+/**
+ * Safely retrieves CustomTokens from theme with fallback to default values.
+ * This prevents undefined access errors when theme is not properly initialized.
+ *
+ * @param theme - The theme object from ConfigProvider context
+ * @returns CustomTokens with guaranteed defined values
+ */
+function getSafeCustomTokens(theme) {
+    const themeCustomTokens = theme === null || theme === void 0 ? void 0 : theme.CustomTokens;
+    if (!themeCustomTokens) {
+        return defaultCustomTokens;
+    }
+    // Deep merge to ensure all nested properties are available
+    return {
+        layout: Object.assign(Object.assign({}, defaultCustomTokens.layout), themeCustomTokens.layout),
+        typography: Object.assign(Object.assign({}, defaultCustomTokens.typography), themeCustomTokens.typography),
+        sizing: Object.assign(Object.assign({}, defaultCustomTokens.sizing), themeCustomTokens.sizing),
+        others: Object.assign(Object.assign({}, defaultCustomTokens.others), themeCustomTokens.others),
+        border: Object.assign(Object.assign({}, defaultCustomTokens.border), themeCustomTokens.border),
+        overflow: Object.assign(Object.assign({}, defaultCustomTokens.overflow), themeCustomTokens.overflow)
+    };
+}
 /**
  * Used to access antd's token values from react components.
  * For detailed usage see,

package/dist/esm/theme.d.ts

@@ -20,6 +20,14 @@ export type DefaultThemeConfig = ThemeConfig & {
  * to learn about properties and their effects.
  */
 export declare const theme: DefaultThemeConfig;
+/**
+ * Safely retrieves CustomTokens from theme with fallback to default values.
+ * This prevents undefined access errors when theme is not properly initialized.
+ *
+ * @param theme - The theme object from ConfigProvider context
+ * @returns CustomTokens with guaranteed defined values
+ */
+export declare function getSafeCustomTokens(theme: any): CustomTokens;
 /**
  * Used to access antd's token values from react components.
  * For detailed usage see,

package/dist/esm/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAevD,OAAO,EAML,YAAY,EAUZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAgmBnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAevD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAgmBnB,CAAC;AAyFF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,GAAG,YAAY,CAmB5D;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}

package/dist/esm/theme.js

@@ -627,6 +627,114 @@ export const theme = {
         }
     }
 };
+/**
+ * Default CustomTokens fallback values to prevent undefined access errors.
+ * This provides a complete fallback structure matching the CustomTokens interface.
+ */
+const defaultCustomTokens = {
+    layout: {
+        displayFlex: 'flex',
+        displayGrid: 'grid',
+        displayBlock: 'block',
+        displayInline: 'inline',
+        displayInlineBlock: 'inline-block',
+        displayNone: 'none',
+        displayContents: 'contents',
+        positionAbsolute: 'absolute',
+        positionRelative: 'relative',
+        positionFixed: 'fixed',
+        positionSticky: 'sticky',
+        positionStatic: 'static',
+        flexStart: 'start',
+        flexCenter: 'center',
+        flexDirectionRow: 'row',
+        flexDirectionRowReverse: 'row-reverse',
+        flexDirectionColumn: 'column',
+        flexDirectionColumnReverse: 'column-reverse'
+    },
+    typography: {
+        textTransformUppercase: 'uppercase',
+        textTransformLowercase: 'lowercase',
+        textTransformCapitalize: 'capitalize',
+        textAlignLeft: 'left',
+        textAlignCenter: 'center',
+        textAlignRight: 'right',
+        textAlignJustify: 'justify',
+        whiteSpaceNormal: 'normal',
+        whiteSpaceNoWrap: 'nowrap',
+        whiteSpacePre: 'pre',
+        whiteSpacePreLine: 'pre-line',
+        whiteSpacePreWrap: 'pre-wrap',
+        whiteSpaceBreakSpaces: 'break-spaces',
+        wordBreak: 'break-word',
+        textDecorationUnderline: 'underline',
+        textDecorationOverline: 'overline',
+        textDecorationLineThrough: 'line-through',
+        fontWeightBold: '600',
+        fontWeightMedium: '500'
+    },
+    sizing: {
+        sizeMaxContent: 'max-content',
+        sizeMinContent: 'min-content',
+        sizeFitContent: 'fit-content',
+        valueFull: '100%',
+        valueThreeQuarter: '75%',
+        valueHalf: '50%',
+        valueQuarter: '25%',
+        valueZero: '0',
+        valueAuto: 'auto',
+        valueInherit: 'inherit'
+    },
+    others: {
+        colorTransparent: 'transparent',
+        valueHidden: 'hidden',
+        valueUnset: 'unset',
+        emptyContent: '""',
+        lineHeightShort: '1',
+        lineHeightTall: '2',
+        cursorNotAllowed: 'not-allowed',
+        cursorPointer: 'pointer',
+        verticalAlignMiddle: 'middle',
+        opacityFull: '1',
+        opacityNone: '0'
+    },
+    border: {
+        borderNone: 'none',
+        borderSolid: 'solid',
+        borderDashed: 'dashed',
+        borderDotted: 'dotted',
+        borderWidthThin: '1px',
+        borderWidthThick: '2px',
+        borderRadiusSm: '0.125rem'
+    },
+    overflow: {
+        overflowVisible: 'visible',
+        overflowHidden: 'hidden',
+        overflowScroll: 'scroll'
+    }
+};
+/**
+ * Safely retrieves CustomTokens from theme with fallback to default values.
+ * This prevents undefined access errors when theme is not properly initialized.
+ *
+ * @param theme - The theme object from ConfigProvider context
+ * @returns CustomTokens with guaranteed defined values
+ */
+export function getSafeCustomTokens(theme) {
+    const themeCustomTokens = theme === null || theme === void 0 ? void 0 : theme.CustomTokens;
+    if (!themeCustomTokens) {
+        return defaultCustomTokens;
+    }
+    // Deep merge to ensure all nested properties are available
+    return {
+        layout: Object.assign(Object.assign({}, defaultCustomTokens.layout), themeCustomTokens.layout),
+        typography: Object.assign(Object.assign({}, defaultCustomTokens.typography), themeCustomTokens.typography),
+        sizing: Object.assign(Object.assign({}, defaultCustomTokens.sizing), themeCustomTokens.sizing),
+        others: Object.assign(Object.assign({}, defaultCustomTokens.others), themeCustomTokens.others),
+        border: Object.assign(Object.assign({}, defaultCustomTokens.border), themeCustomTokens.border),
+        overflow: Object.assign(Object.assign({}, defaultCustomTokens.overflow), themeCustomTokens.overflow)
+    };
+}
 /**
  * Used to access antd's token values from react components.
  * For detailed usage see,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-theme",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": false,
   "description": "Akinon UI's default theme values.",
   "type": "module",