@trilogy-ds/react 0.0.7-esm-cjs → 0.0.8-esm-cjs

package/lib/objects/Typography/TypographyColor/index.native.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Typo color
+ */
+export declare enum TypographyColor {
+    TEXT_MAIN = "has-text-main",
+    TEXT_ACCENT = "has-text-accent",
+    TEXT_INFO = "has-text-info",
+    TEXT_SUCCESS = "has-text-success",
+    TEXT_WARNING = "has-text-warning",
+    TEXT_ERROR = "has-text-error",
+    TEXT_NEUTRAL = "has-text-grey",
+    TEXT_WHITE = "has-text-white",
+    TEXT_DISABLED = "has-text-disabled"
+}
+/**
+ * Typo color values
+ */
+export type TypographyColorValues = `${TypographyColor}`;
+/**
+ * Typography Color Method (TYPO)
+ * @param typo {String} TypographyColor
+ * @param inverted {Boolean} Inverted color if isset default : false
+ */
+export declare const setTypographyColor: (typo?: Array<string> | string, inverted?: boolean, loading?: boolean) => string;

package/lib/objects/Typography/index.native.d.ts

@@ -0,0 +1,4 @@
+export * from './TypographyAlign';
+export * from './TypographyBold';
+export * from './TypographyColor/index.native';
+export * from './TypographyTransform';

package/lib/objects/facets/Color/index.native.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Trilogy color
+ */
+export declare enum TrilogyColor {
+    BACKGROUND = "WHITE",
+    MAIN = "MAIN",
+    MAIN_FADE = "MAIN_FADE",
+    ACCENT = "ACCENT",
+    FONT = "FONT",
+    FONT_PLACEHOLDER = "FONT_PLACEHOLDER",
+    SUCCESS = "SUCCESS",
+    SUCCESS_FADE = "SUCCESS_FADE",
+    INFO = "INFO",
+    INFO_FADE = "INFO_FADE",
+    WARNING = "WARNING",
+    WARNING_FADE = "WARNING_FADE",
+    ERROR = "ERROR",
+    ERROR_FADE = "ERROR_FADE",
+    DISABLED = "DISABLED",
+    DISABLED_FADE = "DISABLED_FADE",
+    NEUTRAL = "NEUTRAL",
+    NEUTRAL_FADE = "NEUTRAL_FADE",
+    STROKE = "STROKE"
+}
+export type TrilogyColorValues = `${TrilogyColor}`;
+/**
+ * Trilogy color values
+ */
+export declare const colors: Record<TrilogyColor, string[]>;
+/**
+ * Returns color's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color className value
+ */
+export declare const getColorClassName: (trilogyColor: TrilogyColor | TrilogyColorValues) => string;
+/**
+ * Returns color button's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Variant Button value
+ */
+export declare const getButtonVariantClassName: (trilogyColor?: string) => string;
+export declare const getButtonColorStyle: (buttonVariant?: string) => TrilogyColor;
+/**
+ * Returns color's style depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @param index {number} - Index of color ( 1 for BG )
+ * @returns {string} - Color style value
+ */
+export declare const getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues | "transparent") => string;
+export declare function grayscale(hex: string): string;

package/lib/objects/facets/Status/index.mjs

@@ -13,9 +13,9 @@ import "../../../chunk-WC3ULY5W.mjs";
 import "../../../chunk-JOSZ4COK.mjs";
 import "../../../chunk-P372ZF3A.mjs";
 import "../../../chunk-Y7CEUBIZ.mjs";
-import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-HU3FAWMX.mjs";
 import "../../../chunk-OGATDHMZ.mjs";
+import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-SWVRRUW7.mjs";
 import "../../../chunk-UFMRE754.mjs";
 import "../../../chunk-4UHBBNZ7.mjs";

package/lib/objects/facets/Status/index.native.d.ts

@@ -0,0 +1,63 @@
+import { IconName, IconNameValues } from '../../../components/icon';
+import { TrilogyColor } from '../Color/index.native';
+/**
+ * Alert State
+ */
+export declare enum StatusState {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR"
+}
+export type StatusStateValues = `${StatusState}`;
+/**
+ * Alert props
+ */
+export interface StatusProps {
+    status?: StatusState | StatusStateValues;
+    id?: string;
+}
+/**
+ * Returns alert's classname depending on alert type
+ * @param statusType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getStatusClassName: (statusType?: string) => string;
+/**
+ * Returns status style depending on alert type
+ * @param statusType {string} - Alert type
+ * @returns { color: string, backgroundColor: string} - color and background color value
+ */
+declare const STATUS_COLORS: {
+    SUCCESS: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    INFO: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    WARNING: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    ERROR: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    DEFAULT: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+};
+export declare const getStatusStyle: (statusType?: keyof typeof STATUS_COLORS) => {
+    color: string;
+    backgroundColor: string;
+};
+/**
+ * Returns status icon name depending on alert type
+ * @param statusType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getStatusIconName: (statusType?: string) => IconName | IconNameValues;
+export {};

package/lib/objects/facets/Variant/index.native.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Variant State
+ */
+export declare enum VariantState {
+    MAIN = "MAIN",
+    ACCENT = "ACCENT",
+    INFO = "INFO"
+}
+export type VariantStateValues = `${VariantState}`;
+/**
+ * Variant props
+ */
+export interface VariantProps {
+    variant?: VariantState | VariantStateValues;
+}
+/**
+ * Returns variant's classname depending on variant type
+ * @param variantType {string} - VariantType
+ * @returns {string} - Variant value
+ */
+export declare const getVariantClassName: (variantType?: string) => string;
+/**
+ * Returns variant's style depending on variant type
+ * @param variantType {string} - VariantType
+ * @returns {string} - Variant value
+ */
+export declare const getVariantStyle: (variantType?: string) => string;

package/lib/objects/facets/index.mjs

@@ -74,9 +74,9 @@ import {
 } from "../../chunk-JOSZ4COK.mjs";
 import "../../chunk-P372ZF3A.mjs";
 import "../../chunk-Y7CEUBIZ.mjs";
-import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-HU3FAWMX.mjs";
 import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-UFMRE754.mjs";
 import "../../chunk-4UHBBNZ7.mjs";

package/lib/objects/facets/index.native.d.ts

@@ -0,0 +1,30 @@
+export * from './Accessibility';
+export * from './Alignable';
+export * from './Alternate';
+export * from './Centerable';
+export * from './ChildrenWithNoText';
+export * from './Clickable';
+export * from './Clipped';
+export * from './Color/index.native';
+export * from './Dev';
+export * from './Direction';
+export * from './Fullheight';
+export * from './Fullwidth';
+export * from './Hat';
+export * from './Hidden';
+export * from './Invertable';
+export * from './Justifiable';
+export * from './Layout';
+export * from './Loadable';
+export * from './Marginless';
+export * from './Narrow';
+export * from './Paddingless';
+export * from './Position';
+export * from './Referenceable';
+export * from './ScrollDirection';
+export * from './Small';
+export * from './Stacked';
+export * from './Status';
+export * from './Sticky';
+export * from './Variant';
+export * from './VerticalPaddingless';

package/lib/objects/index.mjs

@@ -98,9 +98,9 @@ import {
 } from "../chunk-JOSZ4COK.mjs";
 import "../chunk-P372ZF3A.mjs";
 import "../chunk-Y7CEUBIZ.mjs";
-import "../chunk-ODKCJMCG.mjs";
 import "../chunk-HU3FAWMX.mjs";
 import "../chunk-OGATDHMZ.mjs";
+import "../chunk-ODKCJMCG.mjs";
 import "../chunk-SWVRRUW7.mjs";
 import "../chunk-UFMRE754.mjs";
 import "../chunk-4UHBBNZ7.mjs";

package/lib/objects/index.native.d.ts

@@ -0,0 +1,3 @@
+export * from './atoms';
+export * from './facets/index.native';
+export * from './Typography/index.native';

package/lib/version.d.mts

@@ -1 +1 @@
-export declare const version = "0.0.7-esm-cjs";
+export declare const version = "0.0.8-esm-cjs";

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.7-esm-cjs";
+export declare const version = "0.0.8-esm-cjs";

package/lib/version.js

@@ -1,2 +1,2 @@
-export const version = "0.0.7-esm-cjs";
+export const version = "0.0.8-esm-cjs";
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLGVBQWUsQ0FBQSJ9

package/lib/version.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   version
-} from "./chunk-DCHZLFAK.mjs";
+} from "./chunk-M7IY4EMJ.mjs";
 import "./chunk-QIPGVLHJ.mjs";
 export {
   version

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.7-esm-cjs",
+  "version": "0.0.8-esm-cjs",
   "author": "Bouygues Telecom",
   "files": [
     "lib"