linkedunion-design-kit 1.4.6 → 1.4.8

package/dist/tailwind.config.d.ts

@@ -1,3 +1,3 @@
-import type { Config } from 'tailwindcss';
+import type { Config } from "tailwindcss";
 declare const config: Config;
 export default config;

package/dist/tailwind.config.js

@@ -7,24 +7,59 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { avatarShapeList, avatarSizesList, borderRadiusList, borderWidthList, buttonColorsList, buttonIconSizeList, buttonWithIconList, butttonSizeList, colorGroups, customAspectRatio, customAvatarSize, customBorderRadius, customBorderWidth, customBoxShadow, customButtonColors, customButtonIconSize, customButtonOutlineColors, customButtonSize, customColors, customFontSize, customFontWeight, customHeadings, customHeight, customIconButtonSize, customIconColors, customIconSize, customizeAvtarShape, customizeTextColors, customLineHeight, customLogoSize, customMinHeight, customMinWidth, customOpacity, customSize, customTextAlignment, customTextDecoration, customTextTransform, customTextWrap, customWidth, fontSizes, fontWeights, headingsList, heights, iconColorList, iconSizeList, landscapeaspectRatioList, lineHeights, minHeights, minWidths, portraitaspectRatioList, sizes, textAlignment, textColorList, textDecorations, textTransform, textWraps, widths } from './utils';
-import generateUtilities from './utils';
-var plugin = require('tailwindcss/plugin');
+import { avatarShapeList, avatarSizesList, borderRadiusList, borderWidthList, buttonColorsList, buttonIconSizeList, buttonWithIconList, butttonSizeList, customAspectRatio, customAvatarSize, customBorderRadius, customBorderWidth, customBoxShadow, customButtonColors, customButtonIconSize, customButtonOutlineColors, customButtonSize, customFontSize, customFontWeight, customHeadings, customHeight, customIconButtonSize, customIconColors, customIconSize, customizeAvtarShape, customizeTextColors, customLineHeight, customLogoSize, customMinHeight, customMinWidth, customOpacity, customSize, customTextAlignment, customTextDecoration, customTextTransform, customTextWrap, customWidth, fontSizes, fontWeights, headingsList, heights, iconColorList, iconSizeList, landscapeaspectRatioList, lineHeights, minHeights, minWidths, portraitaspectRatioList, sizes, textAlignment, textColorList, textDecorations, textTransform, textWraps, widths, } from "./utils";
+import generateUtilities from "./utils";
+import { customDisplay, Display_Classes, } from "./components/Typography/Display";
+import { colorNames, customBackgroundColor, shades, } from "./components/Color/BackgroundColor";
+var plugin = require("tailwindcss/plugin");
 var config = {
-    mode: 'jit',
+    mode: "jit",
     content: [
-        './pages/**/*.{js,ts,jsx,tsx,mdx}',
-        './components/**/*.{js,ts,jsx,tsx,mdx}',
-        './app/**/*.{js,ts,jsx,tsx,mdx}',
+        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+        "./components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./app/**/*.{js,ts,jsx,tsx,mdx}",
     ],
-    safelist: __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], colorGroups.primary.map(function (color) { return ({ pattern: new RegExp(color) }); }), true), colorGroups.gray.map(function (color) { return ({ pattern: new RegExp(color) }); }), true), colorGroups.success.map(function (color) { return ({ pattern: new RegExp(color) }); }), true), colorGroups.warning.map(function (color) { return ({ pattern: new RegExp(color) }); }), true), colorGroups.danger.map(function (color) { return ({ pattern: new RegExp(color) }); }), true), colorGroups.info.map(function (color) { return ({ pattern: new RegExp(color) }); }), true), fontSizes.map(function (fontSize) { return ({ pattern: new RegExp(fontSize.key) }); }), true), fontWeights.map(function (fontWeight) { return ({ pattern: new RegExp(fontWeight.key) }); }), true), lineHeights.map(function (lineHeight) { return ({ pattern: new RegExp(lineHeight.key) }); }), true), textAlignment.map(function (textAlign) { return ({ pattern: new RegExp(textAlign.key) }); }), true), textTransform.map(function (textTrans) { return ({ pattern: new RegExp(textTrans.key) }); }), true), textDecorations.map(function (textDec) { return ({ pattern: new RegExp(textDec.key) }); }), true), textWraps.map(function (textWrap) { return ({ pattern: new RegExp(textWrap.key) }); }), true), sizes.map(function (size) { return ({ pattern: new RegExp(size.key) }); }), true), widths.map(function (width) { return ({ pattern: new RegExp(width.key) }); }), true), heights.map(function (height) { return ({ pattern: new RegExp(height.key) }); }), true), minWidths.map(function (minWidth) { return ({ pattern: new RegExp(minWidth.key) }); }), true), minHeights.map(function (minHeight) { return ({ pattern: new RegExp(minHeight.key) }); }), true), borderRadiusList.map(function (borderRadius) { return ({ pattern: new RegExp(borderRadius.key) }); }), true), borderWidthList.map(function (borderWidth) { return ({ pattern: new RegExp(borderWidth.key) }); }), true), iconSizeList.map(function (iconSize) { return ({ pattern: new RegExp(iconSize.key) }); }), true), iconColorList.map(function (iconColor) { return ({ pattern: new RegExp(iconColor.key) }); }), true), buttonColorsList.map(function (btnColor) { return ({ pattern: new RegExp(btnColor.key) }); }), true), butttonSizeList.map(function (btnSize) { return ({ pattern: new RegExp(btnSize.key) }); }), true), buttonIconSizeList.map(function (btnIconSize) { return ({ pattern: new RegExp(btnIconSize.key) }); }), true), buttonWithIconList.map(function (iconButton) { return ({ pattern: new RegExp(iconButton.key) }); }), true), portraitaspectRatioList.map(function (aspectRatio) { return ({ pattern: new RegExp(aspectRatio.key) }); }), true), landscapeaspectRatioList.map(function (aspectRatio) { return ({ pattern: new RegExp(aspectRatio.key) }); }), true), avatarSizesList.map(function (avatarSize) { return ({ pattern: new RegExp(avatarSize.key) }); }), true), avatarShapeList.map(function (avatarShape) { return ({ pattern: new RegExp(avatarShape.key) }); }), true), textColorList.map(function (textColor) { return ({ pattern: new RegExp(textColor.key) }); }), true), headingsList.map(function (heading) { return ({ pattern: new RegExp(heading.key) }); }), true),
+    safelist: __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], colorNames.flatMap(function (color) {
+        return shades.map(function (shade) { return "lu-bg-".concat(color, "-").concat(shade); });
+    }), true), fontSizes.map(function (fontSize) { return ({ pattern: new RegExp(fontSize.key) }); }), true), fontWeights.map(function (fontWeight) { return ({
+        pattern: new RegExp(fontWeight.key),
+    }); }), true), lineHeights.map(function (lineHeight) { return ({
+        pattern: new RegExp(lineHeight.key),
+    }); }), true), textAlignment.map(function (textAlign) { return ({
+        pattern: new RegExp(textAlign.key),
+    }); }), true), textTransform.map(function (textTrans) { return ({
+        pattern: new RegExp(textTrans.key),
+    }); }), true), textDecorations.map(function (textDec) { return ({ pattern: new RegExp(textDec.key) }); }), true), textWraps.map(function (textWrap) { return ({ pattern: new RegExp(textWrap.key) }); }), true), sizes.map(function (size) { return ({ pattern: new RegExp(size.key) }); }), true), widths.map(function (width) { return ({ pattern: new RegExp(width.key) }); }), true), heights.map(function (height) { return ({ pattern: new RegExp(height.key) }); }), true), minWidths.map(function (minWidth) { return ({ pattern: new RegExp(minWidth.key) }); }), true), minHeights.map(function (minHeight) { return ({ pattern: new RegExp(minHeight.key) }); }), true), borderRadiusList.map(function (borderRadius) { return ({
+        pattern: new RegExp(borderRadius.key),
+    }); }), true), borderWidthList.map(function (borderWidth) { return ({
+        pattern: new RegExp(borderWidth.key),
+    }); }), true), iconSizeList.map(function (iconSize) { return ({ pattern: new RegExp(iconSize.key) }); }), true), iconColorList.map(function (iconColor) { return ({
+        pattern: new RegExp(iconColor.key),
+    }); }), true), buttonColorsList.map(function (btnColor) { return ({
+        pattern: new RegExp(btnColor.key),
+    }); }), true), butttonSizeList.map(function (btnSize) { return ({ pattern: new RegExp(btnSize.key) }); }), true), buttonIconSizeList.map(function (btnIconSize) { return ({
+        pattern: new RegExp(btnIconSize.key),
+    }); }), true), buttonWithIconList.map(function (iconButton) { return ({
+        pattern: new RegExp(iconButton.key),
+    }); }), true), portraitaspectRatioList.map(function (aspectRatio) { return ({
+        pattern: new RegExp(aspectRatio.key),
+    }); }), true), landscapeaspectRatioList.map(function (aspectRatio) { return ({
+        pattern: new RegExp(aspectRatio.key),
+    }); }), true), avatarSizesList.map(function (avatarSize) { return ({
+        pattern: new RegExp(avatarSize.key),
+    }); }), true), avatarShapeList.map(function (avatarShape) { return ({
+        pattern: new RegExp(avatarShape.key),
+    }); }), true), textColorList.map(function (textColor) { return ({
+        pattern: new RegExp(textColor.key),
+    }); }), true), headingsList.map(function (heading) { return ({ pattern: new RegExp(heading.key) }); }), true), Object.keys(Display_Classes).map(function (display) { return ({
+        pattern: new RegExp(display),
+    }); }), true),
     theme: {
         extend: {
             backgroundImage: {
-                'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-                'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+                "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+                "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
             },
-            colors: customColors,
             fontSize: customFontSize,
             fontWeight: customFontWeight,
             lineHeight: customLineHeight,
@@ -46,26 +81,26 @@ var config = {
         plugin(function (_a) {
             var addUtilities = _a.addUtilities, theme = _a.theme;
             //Font Size plugin
-            var fontSizeUtilities = generateUtilities('fontSize', theme);
-            addUtilities(fontSizeUtilities, ['responsive']);
+            var fontSizeUtilities = generateUtilities("fontSize", theme);
+            addUtilities(fontSizeUtilities, ["responsive"]);
             //Font Weight plugin
-            var fontWeightUtilities = generateUtilities('fontWeight', theme);
-            addUtilities(fontWeightUtilities, ['responsive']);
+            var fontWeightUtilities = generateUtilities("fontWeight", theme);
+            addUtilities(fontWeightUtilities, ["responsive"]);
             //Line Height plugin
-            var lineHeightUtilities = generateUtilities('lineHeight', theme);
-            addUtilities(lineHeightUtilities, ['responsive']);
+            var lineHeightUtilities = generateUtilities("lineHeight", theme);
+            addUtilities(lineHeightUtilities, ["responsive"]);
             //Text Alignment plugin
-            var textAlignmentUtilities = generateUtilities('textAlign', theme);
-            addUtilities(textAlignmentUtilities, ['responsive']);
+            var textAlignmentUtilities = generateUtilities("textAlign", theme);
+            addUtilities(textAlignmentUtilities, ["responsive"]);
             //Text Transform plugin
-            var textTransformUtilities = generateUtilities('textTransform', theme);
-            addUtilities(textTransformUtilities, ['responsive']);
+            var textTransformUtilities = generateUtilities("textTransform", theme);
+            addUtilities(textTransformUtilities, ["responsive"]);
             //Text Decoration plugin
-            var textDecorationUtilities = generateUtilities('textDecoration', theme);
-            addUtilities(textDecorationUtilities, ['responsive']);
+            var textDecorationUtilities = generateUtilities("textDecoration", theme);
+            addUtilities(textDecorationUtilities, ["responsive"]);
             //Text Wrap plugin
-            var textWrapUtilities = generateUtilities('textWrap', theme);
-            addUtilities(textWrapUtilities, ['responsive']);
+            var textWrapUtilities = generateUtilities("textWrap", theme);
+            addUtilities(textWrapUtilities, ["responsive"]);
             //Size plugin
             var sizeUtilities = Object.entries(customSize).reduce(function (acc, _a) {
                 var key = _a[0], value = _a[1];
@@ -75,7 +110,7 @@ var config = {
                 };
                 return acc;
             }, {});
-            addUtilities(sizeUtilities, ['responsive']);
+            addUtilities(sizeUtilities, ["responsive"]);
             //width plugin
             var widthUtilities = Object.entries(customWidth).reduce(function (acc, _a) {
                 var key = _a[0], value = _a[1];
@@ -84,7 +119,7 @@ var config = {
                 };
                 return acc;
             }, {});
-            addUtilities(widthUtilities, ['responsive']);
+            addUtilities(widthUtilities, ["responsive"]);
             //height plugin
             var heightUtilities = Object.entries(customHeight).reduce(function (acc, _a) {
                 var key = _a[0], value = _a[1];
@@ -93,7 +128,7 @@ var config = {
                 };
                 return acc;
             }, {});
-            addUtilities(heightUtilities, ['responsive']);
+            addUtilities(heightUtilities, ["responsive"]);
             //Min width Plugin
             var minWidthUtilities = Object.entries(customMinWidth).reduce(function (acc, _a) {
                 var key = _a[0], value = _a[1];
@@ -102,7 +137,7 @@ var config = {
                 };
                 return acc;
             }, {});
-            addUtilities(minWidthUtilities, ['responsive']);
+            addUtilities(minWidthUtilities, ["responsive"]);
             //Min height Plugin
             var minHeightUtilities = Object.entries(customMinHeight).reduce(function (acc, _a) {
                 var key = _a[0], value = _a[1];
@@ -111,38 +146,42 @@ var config = {
                 };
                 return acc;
             }, {});
-            addUtilities(minHeightUtilities, ['responsive']);
+            addUtilities(minHeightUtilities, ["responsive"]);
             // Add plugin border radius
-            addUtilities(customBorderRadius, ['responsive']);
+            addUtilities(customBorderRadius, ["responsive"]);
             // Add plugin border width
-            addUtilities(customBorderWidth, ['responsive']);
+            addUtilities(customBorderWidth, ["responsive"]);
             //plugin for icon size
-            addUtilities(customIconSize, ['responsive', 'hover']);
+            addUtilities(customIconSize, ["responsive", "hover"]);
             //plugin for icon colors
-            addUtilities(customIconColors, ['responsive']);
+            addUtilities(customIconColors, ["responsive"]);
             //plugin for custom button colors
-            addUtilities(customButtonColors, ['responsive']);
+            addUtilities(customButtonColors, ["responsive"]);
             //plugin for custom button size
-            addUtilities(customButtonSize, ['responsive']);
+            addUtilities(customButtonSize, ["responsive"]);
             //plugin for custom button icon size
-            addUtilities(customButtonIconSize, ['responsive']);
+            addUtilities(customButtonIconSize, ["responsive"]);
             //plugin for custom button with icon
-            addUtilities(customIconButtonSize, ['responsive']);
+            addUtilities(customIconButtonSize, ["responsive"]);
             //plugin for outline button color
-            addUtilities(customButtonOutlineColors, ['responsive']);
+            addUtilities(customButtonOutlineColors, ["responsive"]);
             //plugin for aspect ratio
-            addUtilities(customAspectRatio, ['responsive']);
+            addUtilities(customAspectRatio, ["responsive"]);
             //Plugin for avatar size
-            addUtilities(customAvatarSize, ['responsive']);
+            addUtilities(customAvatarSize, ["responsive"]);
             //plugin for avatar shape
-            addUtilities(customizeAvtarShape, ['responsive']);
+            addUtilities(customizeAvtarShape, ["responsive"]);
             //plugin for box shadow
-            var boxShadowUtilities = generateUtilities('boxShadow', theme);
-            addUtilities(boxShadowUtilities, ['responsive']);
+            var boxShadowUtilities = generateUtilities("boxShadow", theme);
+            addUtilities(boxShadowUtilities, ["responsive"]);
             //plugin for custom text colors
-            addUtilities(customizeTextColors, ['responsive']);
+            addUtilities(customizeTextColors, ["responsive"]);
             //plugin for custom headings
-            addUtilities(customHeadings, ['responsive']);
+            addUtilities(customHeadings, ["responsive"]);
+            //plugin for custom Display
+            addUtilities(customDisplay, ["responsive"]);
+            //plugin for custom background colors
+            addUtilities(customBackgroundColor, ["responsive"]);
         }),
     ],
 };

package/dist/utils/colors.d.ts

@@ -0,0 +1,7 @@
+export declare const colors: {
+    default: string;
+    caption_color: string;
+    white: string;
+    gray: string;
+    neutral: string;
+};

package/dist/utils/colors.js

@@ -0,0 +1,7 @@
+export var colors = {
+    default: "var(--black)",
+    caption_color: "var(--neutral-500)",
+    white: "var( --white)",
+    gray: "var(--neutral-0)",
+    neutral: "var(--neutral-1000)",
+};

package/dist/utils/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const Dummy_Para = "The quick brown fox jumps over the dog.";
+export declare const Dummy_Title = "Hello World!";

package/dist/utils/constants.js

@@ -0,0 +1,2 @@
+export var Dummy_Para = "The quick brown fox jumps over the dog.";
+export var Dummy_Title = "Hello World!";

package/dist/utils/enum.js

@@ -1,25 +1,25 @@
 export var contentTypeEnum = {
-    none: 'None',
-    text_with_icon: 'Text with Icon',
-    icon_only: 'Icon Only'
+    none: "None",
+    text_with_icon: "Text with Icon",
+    icon_only: "Icon Only",
 };
 export var buttonTypeEnum = {
-    fill: 'Fill',
-    outline: 'Outline'
+    fill: "Fill",
+    outline: "Outline",
 };
 export var orientationEnum = {
-    portrait: 'Portrait',
-    landscape: 'Landscape'
+    portrait: "Portrait",
+    landscape: "Landscape",
 };
 export var cardLayoutEnum = {
-    horizontal: 'Horizontal',
-    vertical: 'Vertical'
+    horizontal: "Horizontal",
+    vertical: "Vertical",
 };
 export var sectionType = {
     multiplePostsTheme: "Multiple Posts",
-    singlePostTheme: 'Single Post',
-    postByCategoriesTheme: 'Post By Categories',
-    contactsProfileTheme: 'Contacts Profile',
-    galleryTheme: 'Gallery',
-    albumTheme: 'Album'
+    singlePostTheme: "Single Post",
+    postByCategoriesTheme: "Post By Categories",
+    contactsProfileTheme: "Contacts Profile",
+    galleryTheme: "Gallery",
+    albumTheme: "Album",
 };

package/dist/utils/enums.d.ts

@@ -0,0 +1,51 @@
+export declare enum FontSize {
+    Base = "lu-base-font-size",
+    XSmall = "lu-font-size-x-small",
+    Small = "lu-font-size-small",
+    Medium = "lu-font-size-medium",
+    Large = "lu-font-size-large",
+    XLarge = "lu-font-size-x-large",
+    TwoXLarge = "lu-font-size-2x-large",
+    ThreeXLarge = "lu-font-size-3x-large",
+    FourXLarge = "lu-font-size-4x-large",
+    FiveXLarge = "lu-font-size-5x-large",
+    SixXLarge = "lu-font-size-6x-large",
+    SevenXLarge = "lu-font-size-7x-large",
+    Huge = "lu-font-size-huge"
+}
+export declare enum FontFamily {
+    Base = "lu-font-family-poppins"
+}
+export declare enum FontWeight {
+    Thin = "lu-font-weight-thin",
+    ExtraLight = "lu-font-weight-extra-light",
+    Light = "lu-font-weight-light",
+    Regular = "lu-font-weight-regular",
+    Medium = "lu-font-weight-medium",
+    SemiBold = "lu-font-weight-semibold",
+    Bold = "lu-font-weight-bold",
+    ExtraBold = "lu-font-weight-extra-bold",
+    Black = "lu-font-weight-black"
+}
+export declare enum LineHeights {
+    XS = "lu-line-height-xs",
+    SM = "lu-line-height-sm",
+    BASE = "lu-line-height-base",
+    LG = "lu-line-height-lg"
+}
+export declare enum TextColor {
+    Base = "lu-text-base",
+    Default = "lu-text-default",
+    Secondary = "lu-text-secondary",
+    Caption = "lu-text-caption",
+    Placeholder = "lu-text-placeholder",
+    Disabled = "lu-text-disabled",
+    Primary = "lu-text-primary",
+    Success = "lu-text-success",
+    Warning = "lu-text-warning",
+    Danger = "lu-text-danger",
+    Gray = "lu-text-gray",
+    Info = "lu-text-info",
+    LinkDefault = "lu-text-link-default",
+    LinkPressed = "lu-text-link-pressed"
+}

package/dist/utils/enums.js

@@ -0,0 +1,56 @@
+export var FontSize;
+(function (FontSize) {
+    FontSize["Base"] = "lu-base-font-size";
+    FontSize["XSmall"] = "lu-font-size-x-small";
+    FontSize["Small"] = "lu-font-size-small";
+    FontSize["Medium"] = "lu-font-size-medium";
+    FontSize["Large"] = "lu-font-size-large";
+    FontSize["XLarge"] = "lu-font-size-x-large";
+    FontSize["TwoXLarge"] = "lu-font-size-2x-large";
+    FontSize["ThreeXLarge"] = "lu-font-size-3x-large";
+    FontSize["FourXLarge"] = "lu-font-size-4x-large";
+    FontSize["FiveXLarge"] = "lu-font-size-5x-large";
+    FontSize["SixXLarge"] = "lu-font-size-6x-large";
+    FontSize["SevenXLarge"] = "lu-font-size-7x-large";
+    FontSize["Huge"] = "lu-font-size-huge";
+})(FontSize || (FontSize = {}));
+export var FontFamily;
+(function (FontFamily) {
+    FontFamily["Base"] = "lu-font-family-poppins";
+})(FontFamily || (FontFamily = {}));
+export var FontWeight;
+(function (FontWeight) {
+    FontWeight["Thin"] = "lu-font-weight-thin";
+    FontWeight["ExtraLight"] = "lu-font-weight-extra-light";
+    FontWeight["Light"] = "lu-font-weight-light";
+    FontWeight["Regular"] = "lu-font-weight-regular";
+    FontWeight["Medium"] = "lu-font-weight-medium";
+    FontWeight["SemiBold"] = "lu-font-weight-semibold";
+    FontWeight["Bold"] = "lu-font-weight-bold";
+    FontWeight["ExtraBold"] = "lu-font-weight-extra-bold";
+    FontWeight["Black"] = "lu-font-weight-black";
+})(FontWeight || (FontWeight = {}));
+export var LineHeights;
+(function (LineHeights) {
+    LineHeights["XS"] = "lu-line-height-xs";
+    LineHeights["SM"] = "lu-line-height-sm";
+    LineHeights["BASE"] = "lu-line-height-base";
+    LineHeights["LG"] = "lu-line-height-lg";
+})(LineHeights || (LineHeights = {}));
+export var TextColor;
+(function (TextColor) {
+    TextColor["Base"] = "lu-text-base";
+    TextColor["Default"] = "lu-text-default";
+    TextColor["Secondary"] = "lu-text-secondary";
+    TextColor["Caption"] = "lu-text-caption";
+    TextColor["Placeholder"] = "lu-text-placeholder";
+    TextColor["Disabled"] = "lu-text-disabled";
+    TextColor["Primary"] = "lu-text-primary";
+    TextColor["Success"] = "lu-text-success";
+    TextColor["Warning"] = "lu-text-warning";
+    TextColor["Danger"] = "lu-text-danger";
+    TextColor["Gray"] = "lu-text-gray";
+    TextColor["Info"] = "lu-text-info";
+    TextColor["LinkDefault"] = "lu-text-link-default";
+    TextColor["LinkPressed"] = "lu-text-link-pressed";
+})(TextColor || (TextColor = {}));