@lumx/core 3.20.1-alpha.46 → 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/_internal/color/resolveColorWithVariants.d.ts

@@ -1,3 +1,3 @@
-import type { ColorPalette, ColorVariant, ColorWithVariants } from '../../../constants';
+import type { ColorPalette, ColorVariant, ColorWithVariants } from '@lumx/core/js/constants';
 /** Resolve color & color variant from a `ColorWithVariants` and optionally a `ColorVariant`. */
 export declare function resolveColorWithVariants(colorWithVariants?: ColorWithVariants, colorVariant?: ColorVariant): [color?: ColorPalette, colorVariant?: ColorVariant];

package/js/utils/{className → 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/{className → classNames}/color/index.js

@@ -1,5 +1,5 @@
 import { ColorVariant } from '../../../constants/enums/index.js';
-import { resolveColorWithVariants } from '@lumx/core/js/utils/_internal/color';
+import { resolveColorWithVariants } from '../../../../_internal/DPnPEC08.js';
 
 /**
  * Generates a Lumx color class name for the given type, color and variant.
@@ -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/{className → classNames}/index.d.ts

@@ -1,3 +1,4 @@
+export { default as join } from 'classnames';
 export * from './color';
 export * from './typography';
 export * from './spacing';

package/js/utils/{className → classNames}/index.js

@@ -1,3 +1,4 @@
+export { default as join } from 'classnames';
 export { background, color, font } from './color/index.js';
 export { typography } from './typography/index.js';
 export { margin, margins, padding, paddings, spacing, spacings } from './spacing/index.js';

package/js/utils/{className → 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/{className → classNames}/typography/index.js

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

package/js/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * as cls from './className';
+export * as classNames from './classNames';
 export * from './events';

package/js/utils/index.js

@@ -1,4 +1,4 @@
-import * as index from './className/index.js';
-export { index as cls };
+import * as index from './classNames/index.js';
+export { index as classNames };
 export { onButtonPressed, onEnterPressed, onEscapePressed } from './events/keyboard.js';
 export { detectHorizontalSwipe } from './events/swipe.js';

package/package.json

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