linkedunion-design-kit 0.1.3 → 0.1.5

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { Color } from './components/Color/Color';
 export { Typography } from './components/Typography/Typography';
 export { Size } from './components/Size/Size';
-export { ResizableBar } from './components/Size/Resizable';
-import './global.css';
+export { WidthHeight } from './components/Size/WidthHeight';
+export { MinWidthHeight } from './components/Size/MinWidthHeight';
+export { LUIcon } from './components/Icons/LUIcon';
+import './styles/global.css';

package/dist/index.js

@@ -1,5 +1,7 @@
 export { Color } from './components/Color/Color';
 export { Typography } from './components/Typography/Typography';
 export { Size } from './components/Size/Size';
-export { ResizableBar } from './components/Size/Resizable';
-import './global.css';
+export { WidthHeight } from './components/Size/WidthHeight';
+export { MinWidthHeight } from './components/Size/MinWidthHeight';
+export { LUIcon } from './components/Icons/LUIcon';
+import './styles/global.css';

package/dist/tailwind.config.js

@@ -7,16 +7,17 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { colorGroups, customAspectRatio, customBorderRadius, customBorderWidth, customBoxShadow, customColors, customFontSize, customFontWeight, customHeight, customLineHeight, customLogoSize, customMinHeight, customMinWidth, customOpacity, customSize, customSpacing, customTextAlignment, customTextDecoration, customTextTransform, customTextWrap, customWidth, fontSizes, fontWeights, heights, lineHeights, sizes, spacings, textAlignment, textDecorations, textTransform, textWraps, widths } from './utils';
+import { borderRadiusList, borderWidthList, buttonColorsList, buttonIconSizeList, buttonWithIconList, butttonSizeList, colorGroups, customAspectRatio, customBorderRadius, customBorderWidth, customBoxShadow, customButtonColors, customButtonIconSize, customButtonOutlineColors, customButtonSize, customColors, customFontSize, customFontWeight, customHeight, customIconButtonSize, customIconColors, customIconSize, customLineHeight, customLogoSize, customMinHeight, customMinWidth, customOpacity, customSize, customTextAlignment, customTextDecoration, customTextTransform, customTextWrap, customWidth, fontSizes, fontWeights, heights, iconColorList, iconSizeList, landscapeaspectRatioList, lineHeights, minHeights, minWidths, portraitaspectRatioList, sizes, textAlignment, textDecorations, textTransform, textWraps, widths } from './utils';
 import generateUtilities from './utils';
 var plugin = require('tailwindcss/plugin');
 var config = {
+    mode: 'jit',
     content: [
         './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([], 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), spacings.map(function (spacing) { return ({ pattern: new RegExp(spacing.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([], 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),
     theme: {
         extend: {
             backgroundImage: {
@@ -37,12 +38,8 @@ var config = {
             minWidth: customMinWidth,
             minHeight: customMinHeight,
             logoSize: customLogoSize,
-            spacing: customSpacing,
             opacity: customOpacity,
-            borderWidth: customBorderWidth,
-            borderRadius: customBorderRadius,
-            aspectRatio: customAspectRatio,
-            boxShadow: customBoxShadow
+            boxShadow: customBoxShadow,
         },
     },
     plugins: [
@@ -97,9 +94,44 @@ var config = {
                 return acc;
             }, {});
             addUtilities(heightUtilities, ['responsive']);
-            //Spacing Plugin
-            var spacingUtilities = generateUtilities('spacing', theme);
-            addUtilities(spacingUtilities, ['responsive']);
+            //Min width Plugin
+            var minWidthUtilities = Object.entries(customMinWidth).reduce(function (acc, _a) {
+                var key = _a[0], value = _a[1];
+                acc[".".concat(key)] = {
+                    minWidth: value,
+                };
+                return acc;
+            }, {});
+            addUtilities(minWidthUtilities, ['responsive']);
+            //Min height Plugin
+            var minHeightUtilities = Object.entries(customMinHeight).reduce(function (acc, _a) {
+                var key = _a[0], value = _a[1];
+                acc[".".concat(key)] = {
+                    minHeight: value,
+                };
+                return acc;
+            }, {});
+            addUtilities(minHeightUtilities, ['responsive']);
+            // Add plugin border radius
+            addUtilities(customBorderRadius, ['responsive']);
+            // Add plugin border width
+            addUtilities(customBorderWidth, ['responsive']);
+            //plugin for icon size
+            addUtilities(customIconSize, ['responsive', 'hover']);
+            //plugin for icon colors
+            addUtilities(customIconColors, ['responsive']);
+            //plugin for custom button colors
+            addUtilities(customButtonColors, ['responsive']);
+            //plugin for custom button size
+            addUtilities(customButtonSize, ['responsive']);
+            //plugin for custom button icon size
+            addUtilities(customButtonIconSize, ['responsive']);
+            //plugin for custom button with icon
+            addUtilities(customIconButtonSize, ['responsive']);
+            //plugin for outline button color
+            addUtilities(customButtonOutlineColors, ['responsive']);
+            //plugin for aspect ratio
+            addUtilities(customAspectRatio, ['responsive']);
         }),
     ],
 };

package/dist/utils/enum.d.ts

@@ -0,0 +1,13 @@
+export declare const contentTypeEnum: {
+    none: string;
+    text_with_icon: string;
+    icon_only: string;
+};
+export declare const buttonTypeEnum: {
+    fill: string;
+    outline: string;
+};
+export declare const orientationEnum: {
+    portrait: string;
+    landscape: string;
+};

package/dist/utils/enum.js

@@ -0,0 +1,13 @@
+export var contentTypeEnum = {
+    none: 'None',
+    text_with_icon: 'Text with Icon',
+    icon_only: 'Icon Only'
+};
+export var buttonTypeEnum = {
+    fill: 'Fill',
+    outline: 'Outline'
+};
+export var orientationEnum = {
+    portrait: 'Portrait',
+    landscape: 'Landscape'
+};

package/dist/utils/iconList.d.ts

@@ -0,0 +1,5 @@
+export declare const iconList: {
+    key: string;
+    label: string;
+    path: string;
+}[];