@lumx/core 3.20.1-alpha.47 → 3.20.1-alpha.48

package/js/types/KebabCase.d.ts

@@ -1,2 +1,2 @@
 /** Transform a string literal into kebab case */
-export type KebabCase<S> = S extends `${infer C}${infer T}` ? T extends Uncapitalize<T> ? `${Uncapitalize<C>}${KebabCase<T>}` : `${Uncapitalize<C>}-${KebabCase<T>}` : S;
+export type KebabCase<S extends string | number> = S extends `${infer C}${infer T}` ? T extends Uncapitalize<T> ? `${Uncapitalize<C>}${KebabCase<T>}` : `${Uncapitalize<C>}-${KebabCase<T>}` : `${S}`;

package/js/utils/classNames/color/index.d.ts

@@ -14,19 +14,19 @@ import { ColorVariant, ColorWithVariants } from '@lumx/core/js/constants';
  * color('font', 'primary-L2'); // 'lumx-color-font-primary-L2'
  * color('font', undefined); // undefined
  */
-export declare function color(type: 'font' | 'background', propColor?: ColorWithVariants, propColorVariant?: ColorVariant): string | undefined;
+export declare function color(type: 'font' | 'background', propColor: ColorWithVariants, propColorVariant?: ColorVariant): string | undefined;
 /**
  * Generates a Lumx background color class name for the given color and variant.
  *
- * @param col - The color palette name (e.g., 'primary', 'dark', 'light')
- * @param variant - The color variant (e.g., 'L1', 'L2', 'D1', 'N')
+ * @param propColor - The color palette name (e.g., 'primary', 'dark', 'light')
+ * @param propColorVariant - The color variant (e.g., 'L1', 'L2', 'D1', 'N')
  * @returns The Lumx background color class name
  *
  * @example
  * background('dark', 'L2'); // 'lumx-color-background-dark-L2'
  * background('primary', 'N'); // 'lumx-color-background-primary-N'
  */
-export declare const background: (col?: ColorWithVariants, variant?: ColorVariant) => string | undefined;
+export declare const background: (propColor: ColorWithVariants, propColorVariant?: ColorVariant) => string | undefined;
 /**
  * Generates a Lumx font color class name for the given color and variant.
  *
@@ -40,4 +40,4 @@ export declare const background: (col?: ColorWithVariants, variant?: ColorVarian
  * font('primary'); // 'lumx-color-font-primary-N'
  * font(undefined); // undefined
  */
-export declare const font: (propColor?: ColorWithVariants, propColorVariant?: ColorVariant) => string | undefined;
+export declare const font: (propColor: ColorWithVariants, propColorVariant?: ColorVariant) => string | undefined;

package/js/utils/classNames/color/index.js

@@ -25,15 +25,15 @@ function color(type, propColor, propColorVariant) {
 /**
  * Generates a Lumx background color class name for the given color and variant.
  *
- * @param col - The color palette name (e.g., 'primary', 'dark', 'light')
- * @param variant - The color variant (e.g., 'L1', 'L2', 'D1', 'N')
+ * @param propColor - The color palette name (e.g., 'primary', 'dark', 'light')
+ * @param propColorVariant - The color variant (e.g., 'L1', 'L2', 'D1', 'N')
  * @returns The Lumx background color class name
  *
  * @example
  * background('dark', 'L2'); // 'lumx-color-background-dark-L2'
  * background('primary', 'N'); // 'lumx-color-background-primary-N'
  */
-const background = (col, variant) => color('background', col, variant);
+const background = (propColor, propColorVariant) => color('background', propColor, propColorVariant);
 /**
  * Generates a Lumx font color class name for the given color and variant.
  *

package/js/utils/classNames/typography/index.d.ts

@@ -3,4 +3,4 @@ import type { Typography } from '@lumx/core/js/constants';
  * Returns the classname associated to the given typography. For example, for Typography.title it returns
  * lumx-typography-title
  */
-export declare function typography(typo?: Typography): string | undefined;
+export declare function typography(typo: Typography): string;

package/js/utils/classNames/typography/index.js

@@ -3,8 +3,6 @@
  * lumx-typography-title
  */
 function typography(typo) {
-    if (!typo)
-        return undefined;
     return `lumx-typography-${typo}`;
 }
 

package/package.json

@@ -35,7 +35,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "3.20.1-alpha.47",
+    "version": "3.20.1-alpha.48",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@types/react": "^17.0.2",