x-ui-design 0.1.68 → 0.1.70

package/dist/esm/types/index.d.ts

@@ -1 +1,2 @@
+import './styles/global.css';
 export { default as Button } from "./components/Button/Button";

package/dist/index.esm.js

@@ -1,29 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
 
-function clsx(...args) {
-  return args.flatMap(arg => {
-    if (!arg) {
-      return [];
-    }
-    if (typeof arg === 'string') {
-      return [arg];
-    }
-    if (typeof arg === 'number') {
-      return [String(arg)];
-    }
-    if (Array.isArray(arg)) {
-      return clsx(...arg).split(' ');
-    }
-    if (typeof arg === 'object') {
-      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
-    }
-    return [];
-  }).filter(Boolean).join(' ');
-}
-
-const prefixClsButton = 'xUi-button';
-
 function styleInject(css, ref) {
   if (ref === void 0) ref = {};
   var insertAt = ref.insertAt;
@@ -49,6 +26,32 @@ function styleInject(css, ref) {
   }
 }
 
+var css_248z$1 = ":root{--xui-color-hover:#f5f5f5;--xui-color-disabled:#e6e6e6;--xui-primary-color:#1677ff;--xui-primary-color-light:#40a9ff;--xui-text-color:rgba(0,0,0,.88);--xui-text-color-light:rgba(0,0,0,.5);--xui-error-color:#ff4d4f;--xui-error-color-light:#ff6668;--xui-success-color:#52c41a;--xui-background-color:#fff;--xui-font-size-xs:12px;--xui-font-size-sm:14px;--xui-font-size-md:14px;--xui-font-size-lg:16px;--xui-border-radius-sm:4px;--xui-border-radius-md:4px;--xui-border-radius-lg:6px;--xui-border-color:#d9d9d9;--xui-select-primary-color:var(--xui-primary-color);--xui-select-background-color:var(--xui-background-color)}html{font-family:sans-serif}.globalEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+styleInject(css_248z$1);
+
+function clsx(...args) {
+  return args.flatMap(arg => {
+    if (!arg) {
+      return [];
+    }
+    if (typeof arg === 'string') {
+      return [arg];
+    }
+    if (typeof arg === 'number') {
+      return [String(arg)];
+    }
+    if (Array.isArray(arg)) {
+      return clsx(...arg).split(' ');
+    }
+    if (typeof arg === 'object') {
+      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
+    }
+    return [];
+  }).filter(Boolean).join(' ');
+}
+
+const prefixClsButton = 'xUi-button';
+
 var css_248z = ".xUi-button{border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:400;line-height:1.5715;transition:all .3s ease;user-select:none;vertical-align:middle;white-space:nowrap}.xUi-button,.xUi-button-content,.xUi-button-icon{align-items:center;display:inline-flex;justify-content:center}.xUi-button-icon{line-height:0;margin-right:.5em}.xUi-button-icon:last-child{margin-left:.5em;margin-right:0}.xUi-button-spinner{animation:xUi-spin 1s linear infinite;border:1px solid transparent;border-radius:50%;border-top:1px solid var(--xui-text-color);height:1em;width:1em}@keyframes xUi-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xUi-button-size-small{font-size:12px;height:24px;padding:4px 12px}.xUi-button-size-middle{font-size:14px;height:32px;padding:0 16px}.xUi-button-size-large{font-size:16px;height:40px;padding:8px 20px}.xUi-button-circle{border-radius:50%;justify-content:center;padding:0}.xUi-button-circle.xUi-button-size-small{height:24px;width:24px}.xUi-button-circle.xUi-button-size-large{height:40px;width:40px}.xUi-button-round{border-radius:9999px}.xUi-button-default{background-color:#fff;border-color:var(--xui-border-color);color:rgba(0,0,0,.85)}.xUi-button-default:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-primary{background-color:var(--xui-primary-color);border-color:var(--xui-primary-color);color:#fff}.xUi-button-primary:hover{background-color:var(--xui-primary-color-light);border-color:var(--xui-primary-color-light);color:#fff}.xUi-button-dashed{background-color:#fff;border-color:var(--xui-border-color);border-style:dashed;color:rgba(0,0,0,.85)}.xUi-button-dashed:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-text{background-color:transparent;border-color:transparent!important;color:rgba(0,0,0,.88)}.xUi-button-text:hover{background-color:rgba(0,0,0,.04);border-color:transparent;color:rgba(0,0,0,.88)}.xUi-button-link{background-color:transparent;border-color:transparent!important;color:var(--xui-primary-color)}.xUi-button-link:hover{border-color:transparent;color:var(--xui-primary-color-light)}.xUi-button-outlined{color:#fff}.xUi-button-filled,.xUi-button-outlined{background-color:transparent;border-color:var(--xui-border-color)}.xUi-button-filled{color:var(--xui-text-color)}.xUi-button-danger{background-color:transparent;border-color:var(--xui-error-color);color:var(--xui-error-color)}.xUi-button-danger:hover{border-color:var(--xui-error-color-light);color:var(--xui-error-color-light)}.xUi-button-ghost{opacity:0}.xUi-button-ghost:hover{opacity:1}.xUi-button-block{display:flex;width:100%}.xUi-button-disabled,.xUi-button-loading{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color);color:var(--xui-text-color);cursor:not-allowed;opacity:.5;pointer-events:none}.xUi-button-loading{background-color:transparent}";
 styleInject(css_248z);
 

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../lib/helpers/index.ts","../lib/utils/index.ts","../node_modules/style-inject/dist/style-inject.es.js","../lib/components/Button/Button.tsx"],"sourcesContent":["import { RuleType } from '../types';\n\nexport const parseValue = (value: RuleType): RuleType => {\n  if (value === 'true') {\n    return true;\n  }\n\n  if (value === 'false') {\n    return false;\n  }\n\n  if (!isNaN(Number(value))) {\n    return Number(value);\n  }\n\n  return value;\n};\n\nexport function createArray(length: number): number[] {\n  return Array.from({ length }, (_, index) => index);\n}\n\nexport function clsx(...args: RuleType[]): string {\n  return args\n    .flatMap(arg => {\n      if (!arg) {\n        return [];\n      }\n\n      if (typeof arg === 'string') {\n        return [arg];\n      }\n\n      if (typeof arg === 'number') {\n        return [String(arg)];\n      }\n\n      if (Array.isArray(arg)) {\n        return clsx(...arg).split(' ');\n      }\n\n      if (typeof arg === 'object') {\n        return Object.entries(arg)\n          .filter(([, value]) => Boolean(value))\n          .map(([key]) => key);\n      }\n\n      return [];\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n","export const prefixClsForm = 'xUi-form';\nexport const prefixClsFormItem = 'xUi-form-item';\nexport const prefixClsEmpty = 'xUi-empty';\nexport const prefixClsInput = 'xUi-input';\nexport const prefixClsSelect = 'xUi-select';\nexport const prefixClsCheckbox = 'xUi-checkbox';\nexport const prefixClsRadio = 'xUi-radio';\nexport const prefixClsTextArea = 'xUi-textarea';\nexport const prefixClsUpload = 'xUi-upload';\nexport const prefixClsDatePicker = 'xUi-datepicker';\nexport const prefixClsRangePicker = 'xUi-rangepicker';\nexport const prefixClsTimePicker = 'xUi-timepicker';\nexport const prefixClsButton = 'xUi-button';\nexport const prefixClsSkeleton = 'xUi-skeleton';\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { ReactElement, useEffect, useMemo, useState } from 'react';\nimport { clsx } from '../../helpers';\nimport { ButtonProps } from '../../types/button';\nimport { prefixClsButton } from '../../utils';\nimport './style.css';\n\nconst ButtonComponent = ({\n  type = 'default',\n  variant = 'solid',\n  color = 'default',\n  shape = 'default',\n  size = 'middle',\n  htmlType = 'button',\n  className,\n  rootClassName,\n  classNames: customClassNames = {},\n  styles = {},\n  prefixCls = prefixClsButton,\n  icon,\n  iconPosition = 'start',\n  loading = false,\n  disabled = false,\n  ghost = false,\n  danger = false,\n  block = false,\n  children,\n  href,\n  ...restProps\n}: ButtonProps): ReactElement => {\n  const [innerLoading, setInnerLoading] = useState(false);\n\n  useEffect(() => {\n    if (typeof loading === 'boolean') {\n      setInnerLoading(loading);\n    } else if (typeof loading === 'object' && loading.delay) {\n      const timeout = setTimeout(() => setInnerLoading(true), loading.delay);\n\n      return () => clearTimeout(timeout);\n    } else {\n      setInnerLoading(!!loading);\n    }\n  }, [loading]);\n\n  const classes = clsx(\n    prefixCls,\n    rootClassName,\n    `${prefixCls}-${type}`,\n    `${prefixCls}-${variant}`,\n    `${prefixCls}-${color}`,\n    `${prefixCls}-${shape}`,\n    `${prefixCls}-size-${size}`,\n    {\n      [`${prefixCls}-block`]: block,\n      [`${prefixCls}-ghost`]: ghost,\n      [`${prefixCls}-danger`]: danger,\n      [`${prefixCls}-loading`]: innerLoading,\n      [`${prefixCls}-disabled`]: disabled\n    },\n    className\n  );\n\n  const iconNode = useMemo(() => {\n  return innerLoading\n    ? (typeof loading === 'object' && loading.icon) || (\n        <span className={`${prefixCls}-spinner`}></span>\n      )\n    : icon;\n}, [icon, innerLoading, loading, prefixCls]);\n\n  const content = useMemo(() => {\n    return (\n    <>\n      {iconNode && iconPosition === 'start' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n      <span className={`${prefixCls}-content`}>{children}</span>\n      {iconNode && iconPosition === 'end' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n    </>\n  )\n  }, [children, customClassNames.icon, iconNode, iconPosition, prefixCls, styles.icon]);\n\n  const mergedDisabled = disabled || innerLoading;\n\n  if (href) {\n    return (\n      <a\n        className={classes}\n        href={mergedDisabled ? undefined : href}\n        aria-disabled={mergedDisabled}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type={htmlType}\n      className={classes}\n      disabled={mergedDisabled}\n      {...restProps}\n    >\n      {content}\n    </button>\n  );\n};\n\nexport default ButtonComponent"],"names":["clsx","args","flatMap","arg","String","Array","isArray","split","Object","entries","filter","value","Boolean","map","key","join","prefixClsButton","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","ButtonComponent","variant","color","shape","size","htmlType","className","rootClassName","classNames","customClassNames","styles","prefixCls","icon","iconPosition","loading","disabled","ghost","danger","block","children","href","restProps","innerLoading","setInnerLoading","useState","useEffect","delay","timeout","setTimeout","clearTimeout","classes","iconNode","useMemo","_jsx","content","_jsxs","_Fragment","mergedDisabled","undefined"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../lib/helpers/index.ts","../lib/utils/index.ts","../lib/components/Button/Button.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { RuleType } from '../types';\n\nexport const parseValue = (value: RuleType): RuleType => {\n  if (value === 'true') {\n    return true;\n  }\n\n  if (value === 'false') {\n    return false;\n  }\n\n  if (!isNaN(Number(value))) {\n    return Number(value);\n  }\n\n  return value;\n};\n\nexport function createArray(length: number): number[] {\n  return Array.from({ length }, (_, index) => index);\n}\n\nexport function clsx(...args: RuleType[]): string {\n  return args\n    .flatMap(arg => {\n      if (!arg) {\n        return [];\n      }\n\n      if (typeof arg === 'string') {\n        return [arg];\n      }\n\n      if (typeof arg === 'number') {\n        return [String(arg)];\n      }\n\n      if (Array.isArray(arg)) {\n        return clsx(...arg).split(' ');\n      }\n\n      if (typeof arg === 'object') {\n        return Object.entries(arg)\n          .filter(([, value]) => Boolean(value))\n          .map(([key]) => key);\n      }\n\n      return [];\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n","export const prefixClsForm = 'xUi-form';\nexport const prefixClsFormItem = 'xUi-form-item';\nexport const prefixClsEmpty = 'xUi-empty';\nexport const prefixClsInput = 'xUi-input';\nexport const prefixClsSelect = 'xUi-select';\nexport const prefixClsCheckbox = 'xUi-checkbox';\nexport const prefixClsRadio = 'xUi-radio';\nexport const prefixClsTextArea = 'xUi-textarea';\nexport const prefixClsUpload = 'xUi-upload';\nexport const prefixClsDatePicker = 'xUi-datepicker';\nexport const prefixClsRangePicker = 'xUi-rangepicker';\nexport const prefixClsTimePicker = 'xUi-timepicker';\nexport const prefixClsButton = 'xUi-button';\nexport const prefixClsSkeleton = 'xUi-skeleton';\n","import { ReactElement, useEffect, useMemo, useState } from 'react';\nimport { clsx } from '../../helpers';\nimport { ButtonProps } from '../../types/button';\nimport { prefixClsButton } from '../../utils';\nimport './style.css';\n\nconst ButtonComponent = ({\n  type = 'default',\n  variant = 'solid',\n  color = 'default',\n  shape = 'default',\n  size = 'middle',\n  htmlType = 'button',\n  className,\n  rootClassName,\n  classNames: customClassNames = {},\n  styles = {},\n  prefixCls = prefixClsButton,\n  icon,\n  iconPosition = 'start',\n  loading = false,\n  disabled = false,\n  ghost = false,\n  danger = false,\n  block = false,\n  children,\n  href,\n  ...restProps\n}: ButtonProps): ReactElement => {\n  const [innerLoading, setInnerLoading] = useState(false);\n\n  useEffect(() => {\n    if (typeof loading === 'boolean') {\n      setInnerLoading(loading);\n    } else if (typeof loading === 'object' && loading.delay) {\n      const timeout = setTimeout(() => setInnerLoading(true), loading.delay);\n\n      return () => clearTimeout(timeout);\n    } else {\n      setInnerLoading(!!loading);\n    }\n  }, [loading]);\n\n  const classes = clsx(\n    prefixCls,\n    rootClassName,\n    `${prefixCls}-${type}`,\n    `${prefixCls}-${variant}`,\n    `${prefixCls}-${color}`,\n    `${prefixCls}-${shape}`,\n    `${prefixCls}-size-${size}`,\n    {\n      [`${prefixCls}-block`]: block,\n      [`${prefixCls}-ghost`]: ghost,\n      [`${prefixCls}-danger`]: danger,\n      [`${prefixCls}-loading`]: innerLoading,\n      [`${prefixCls}-disabled`]: disabled\n    },\n    className\n  );\n\n  const iconNode = useMemo(() => {\n  return innerLoading\n    ? (typeof loading === 'object' && loading.icon) || (\n        <span className={`${prefixCls}-spinner`}></span>\n      )\n    : icon;\n}, [icon, innerLoading, loading, prefixCls]);\n\n  const content = useMemo(() => {\n    return (\n    <>\n      {iconNode && iconPosition === 'start' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n      <span className={`${prefixCls}-content`}>{children}</span>\n      {iconNode && iconPosition === 'end' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n    </>\n  )\n  }, [children, customClassNames.icon, iconNode, iconPosition, prefixCls, styles.icon]);\n\n  const mergedDisabled = disabled || innerLoading;\n\n  if (href) {\n    return (\n      <a\n        className={classes}\n        href={mergedDisabled ? undefined : href}\n        aria-disabled={mergedDisabled}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type={htmlType}\n      className={classes}\n      disabled={mergedDisabled}\n      {...restProps}\n    >\n      {content}\n    </button>\n  );\n};\n\nexport default ButtonComponent"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","clsx","args","flatMap","arg","String","Array","isArray","split","Object","entries","filter","value","Boolean","map","key","join","prefixClsButton","ButtonComponent","variant","color","shape","size","htmlType","className","rootClassName","classNames","customClassNames","styles","prefixCls","icon","iconPosition","loading","disabled","ghost","danger","block","children","href","restProps","innerLoading","setInnerLoading","useState","useEffect","delay","timeout","setTimeout","clearTimeout","classes","iconNode","useMemo","_jsx","content","_jsxs","_Fragment","mergedDisabled","undefined"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.js

@@ -3,29 +3,6 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 
-function clsx(...args) {
-  return args.flatMap(arg => {
-    if (!arg) {
-      return [];
-    }
-    if (typeof arg === 'string') {
-      return [arg];
-    }
-    if (typeof arg === 'number') {
-      return [String(arg)];
-    }
-    if (Array.isArray(arg)) {
-      return clsx(...arg).split(' ');
-    }
-    if (typeof arg === 'object') {
-      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
-    }
-    return [];
-  }).filter(Boolean).join(' ');
-}
-
-const prefixClsButton = 'xUi-button';
-
 function styleInject(css, ref) {
   if (ref === void 0) ref = {};
   var insertAt = ref.insertAt;
@@ -51,6 +28,32 @@ function styleInject(css, ref) {
   }
 }
 
+var css_248z$1 = ":root{--xui-color-hover:#f5f5f5;--xui-color-disabled:#e6e6e6;--xui-primary-color:#1677ff;--xui-primary-color-light:#40a9ff;--xui-text-color:rgba(0,0,0,.88);--xui-text-color-light:rgba(0,0,0,.5);--xui-error-color:#ff4d4f;--xui-error-color-light:#ff6668;--xui-success-color:#52c41a;--xui-background-color:#fff;--xui-font-size-xs:12px;--xui-font-size-sm:14px;--xui-font-size-md:14px;--xui-font-size-lg:16px;--xui-border-radius-sm:4px;--xui-border-radius-md:4px;--xui-border-radius-lg:6px;--xui-border-color:#d9d9d9;--xui-select-primary-color:var(--xui-primary-color);--xui-select-background-color:var(--xui-background-color)}html{font-family:sans-serif}.globalEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+styleInject(css_248z$1);
+
+function clsx(...args) {
+  return args.flatMap(arg => {
+    if (!arg) {
+      return [];
+    }
+    if (typeof arg === 'string') {
+      return [arg];
+    }
+    if (typeof arg === 'number') {
+      return [String(arg)];
+    }
+    if (Array.isArray(arg)) {
+      return clsx(...arg).split(' ');
+    }
+    if (typeof arg === 'object') {
+      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
+    }
+    return [];
+  }).filter(Boolean).join(' ');
+}
+
+const prefixClsButton = 'xUi-button';
+
 var css_248z = ".xUi-button{border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:400;line-height:1.5715;transition:all .3s ease;user-select:none;vertical-align:middle;white-space:nowrap}.xUi-button,.xUi-button-content,.xUi-button-icon{align-items:center;display:inline-flex;justify-content:center}.xUi-button-icon{line-height:0;margin-right:.5em}.xUi-button-icon:last-child{margin-left:.5em;margin-right:0}.xUi-button-spinner{animation:xUi-spin 1s linear infinite;border:1px solid transparent;border-radius:50%;border-top:1px solid var(--xui-text-color);height:1em;width:1em}@keyframes xUi-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xUi-button-size-small{font-size:12px;height:24px;padding:4px 12px}.xUi-button-size-middle{font-size:14px;height:32px;padding:0 16px}.xUi-button-size-large{font-size:16px;height:40px;padding:8px 20px}.xUi-button-circle{border-radius:50%;justify-content:center;padding:0}.xUi-button-circle.xUi-button-size-small{height:24px;width:24px}.xUi-button-circle.xUi-button-size-large{height:40px;width:40px}.xUi-button-round{border-radius:9999px}.xUi-button-default{background-color:#fff;border-color:var(--xui-border-color);color:rgba(0,0,0,.85)}.xUi-button-default:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-primary{background-color:var(--xui-primary-color);border-color:var(--xui-primary-color);color:#fff}.xUi-button-primary:hover{background-color:var(--xui-primary-color-light);border-color:var(--xui-primary-color-light);color:#fff}.xUi-button-dashed{background-color:#fff;border-color:var(--xui-border-color);border-style:dashed;color:rgba(0,0,0,.85)}.xUi-button-dashed:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-text{background-color:transparent;border-color:transparent!important;color:rgba(0,0,0,.88)}.xUi-button-text:hover{background-color:rgba(0,0,0,.04);border-color:transparent;color:rgba(0,0,0,.88)}.xUi-button-link{background-color:transparent;border-color:transparent!important;color:var(--xui-primary-color)}.xUi-button-link:hover{border-color:transparent;color:var(--xui-primary-color-light)}.xUi-button-outlined{color:#fff}.xUi-button-filled,.xUi-button-outlined{background-color:transparent;border-color:var(--xui-border-color)}.xUi-button-filled{color:var(--xui-text-color)}.xUi-button-danger{background-color:transparent;border-color:var(--xui-error-color);color:var(--xui-error-color)}.xUi-button-danger:hover{border-color:var(--xui-error-color-light);color:var(--xui-error-color-light)}.xUi-button-ghost{opacity:0}.xUi-button-ghost:hover{opacity:1}.xUi-button-block{display:flex;width:100%}.xUi-button-disabled,.xUi-button-loading{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color);color:var(--xui-text-color);cursor:not-allowed;opacity:.5;pointer-events:none}.xUi-button-loading{background-color:transparent}";
 styleInject(css_248z);
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../lib/helpers/index.ts","../lib/utils/index.ts","../node_modules/style-inject/dist/style-inject.es.js","../lib/components/Button/Button.tsx"],"sourcesContent":["import { RuleType } from '../types';\n\nexport const parseValue = (value: RuleType): RuleType => {\n  if (value === 'true') {\n    return true;\n  }\n\n  if (value === 'false') {\n    return false;\n  }\n\n  if (!isNaN(Number(value))) {\n    return Number(value);\n  }\n\n  return value;\n};\n\nexport function createArray(length: number): number[] {\n  return Array.from({ length }, (_, index) => index);\n}\n\nexport function clsx(...args: RuleType[]): string {\n  return args\n    .flatMap(arg => {\n      if (!arg) {\n        return [];\n      }\n\n      if (typeof arg === 'string') {\n        return [arg];\n      }\n\n      if (typeof arg === 'number') {\n        return [String(arg)];\n      }\n\n      if (Array.isArray(arg)) {\n        return clsx(...arg).split(' ');\n      }\n\n      if (typeof arg === 'object') {\n        return Object.entries(arg)\n          .filter(([, value]) => Boolean(value))\n          .map(([key]) => key);\n      }\n\n      return [];\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n","export const prefixClsForm = 'xUi-form';\nexport const prefixClsFormItem = 'xUi-form-item';\nexport const prefixClsEmpty = 'xUi-empty';\nexport const prefixClsInput = 'xUi-input';\nexport const prefixClsSelect = 'xUi-select';\nexport const prefixClsCheckbox = 'xUi-checkbox';\nexport const prefixClsRadio = 'xUi-radio';\nexport const prefixClsTextArea = 'xUi-textarea';\nexport const prefixClsUpload = 'xUi-upload';\nexport const prefixClsDatePicker = 'xUi-datepicker';\nexport const prefixClsRangePicker = 'xUi-rangepicker';\nexport const prefixClsTimePicker = 'xUi-timepicker';\nexport const prefixClsButton = 'xUi-button';\nexport const prefixClsSkeleton = 'xUi-skeleton';\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { ReactElement, useEffect, useMemo, useState } from 'react';\nimport { clsx } from '../../helpers';\nimport { ButtonProps } from '../../types/button';\nimport { prefixClsButton } from '../../utils';\nimport './style.css';\n\nconst ButtonComponent = ({\n  type = 'default',\n  variant = 'solid',\n  color = 'default',\n  shape = 'default',\n  size = 'middle',\n  htmlType = 'button',\n  className,\n  rootClassName,\n  classNames: customClassNames = {},\n  styles = {},\n  prefixCls = prefixClsButton,\n  icon,\n  iconPosition = 'start',\n  loading = false,\n  disabled = false,\n  ghost = false,\n  danger = false,\n  block = false,\n  children,\n  href,\n  ...restProps\n}: ButtonProps): ReactElement => {\n  const [innerLoading, setInnerLoading] = useState(false);\n\n  useEffect(() => {\n    if (typeof loading === 'boolean') {\n      setInnerLoading(loading);\n    } else if (typeof loading === 'object' && loading.delay) {\n      const timeout = setTimeout(() => setInnerLoading(true), loading.delay);\n\n      return () => clearTimeout(timeout);\n    } else {\n      setInnerLoading(!!loading);\n    }\n  }, [loading]);\n\n  const classes = clsx(\n    prefixCls,\n    rootClassName,\n    `${prefixCls}-${type}`,\n    `${prefixCls}-${variant}`,\n    `${prefixCls}-${color}`,\n    `${prefixCls}-${shape}`,\n    `${prefixCls}-size-${size}`,\n    {\n      [`${prefixCls}-block`]: block,\n      [`${prefixCls}-ghost`]: ghost,\n      [`${prefixCls}-danger`]: danger,\n      [`${prefixCls}-loading`]: innerLoading,\n      [`${prefixCls}-disabled`]: disabled\n    },\n    className\n  );\n\n  const iconNode = useMemo(() => {\n  return innerLoading\n    ? (typeof loading === 'object' && loading.icon) || (\n        <span className={`${prefixCls}-spinner`}></span>\n      )\n    : icon;\n}, [icon, innerLoading, loading, prefixCls]);\n\n  const content = useMemo(() => {\n    return (\n    <>\n      {iconNode && iconPosition === 'start' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n      <span className={`${prefixCls}-content`}>{children}</span>\n      {iconNode && iconPosition === 'end' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n    </>\n  )\n  }, [children, customClassNames.icon, iconNode, iconPosition, prefixCls, styles.icon]);\n\n  const mergedDisabled = disabled || innerLoading;\n\n  if (href) {\n    return (\n      <a\n        className={classes}\n        href={mergedDisabled ? undefined : href}\n        aria-disabled={mergedDisabled}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type={htmlType}\n      className={classes}\n      disabled={mergedDisabled}\n      {...restProps}\n    >\n      {content}\n    </button>\n  );\n};\n\nexport default ButtonComponent"],"names":["clsx","args","flatMap","arg","String","Array","isArray","split","Object","entries","filter","value","Boolean","map","key","join","prefixClsButton","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","ButtonComponent","variant","color","shape","size","htmlType","className","rootClassName","classNames","customClassNames","styles","prefixCls","icon","iconPosition","loading","disabled","ghost","danger","block","children","href","restProps","innerLoading","setInnerLoading","useState","useEffect","delay","timeout","setTimeout","clearTimeout","classes","iconNode","useMemo","_jsx","content","_jsxs","_Fragment","mergedDisabled","undefined"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../lib/helpers/index.ts","../lib/utils/index.ts","../lib/components/Button/Button.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { RuleType } from '../types';\n\nexport const parseValue = (value: RuleType): RuleType => {\n  if (value === 'true') {\n    return true;\n  }\n\n  if (value === 'false') {\n    return false;\n  }\n\n  if (!isNaN(Number(value))) {\n    return Number(value);\n  }\n\n  return value;\n};\n\nexport function createArray(length: number): number[] {\n  return Array.from({ length }, (_, index) => index);\n}\n\nexport function clsx(...args: RuleType[]): string {\n  return args\n    .flatMap(arg => {\n      if (!arg) {\n        return [];\n      }\n\n      if (typeof arg === 'string') {\n        return [arg];\n      }\n\n      if (typeof arg === 'number') {\n        return [String(arg)];\n      }\n\n      if (Array.isArray(arg)) {\n        return clsx(...arg).split(' ');\n      }\n\n      if (typeof arg === 'object') {\n        return Object.entries(arg)\n          .filter(([, value]) => Boolean(value))\n          .map(([key]) => key);\n      }\n\n      return [];\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n","export const prefixClsForm = 'xUi-form';\nexport const prefixClsFormItem = 'xUi-form-item';\nexport const prefixClsEmpty = 'xUi-empty';\nexport const prefixClsInput = 'xUi-input';\nexport const prefixClsSelect = 'xUi-select';\nexport const prefixClsCheckbox = 'xUi-checkbox';\nexport const prefixClsRadio = 'xUi-radio';\nexport const prefixClsTextArea = 'xUi-textarea';\nexport const prefixClsUpload = 'xUi-upload';\nexport const prefixClsDatePicker = 'xUi-datepicker';\nexport const prefixClsRangePicker = 'xUi-rangepicker';\nexport const prefixClsTimePicker = 'xUi-timepicker';\nexport const prefixClsButton = 'xUi-button';\nexport const prefixClsSkeleton = 'xUi-skeleton';\n","import { ReactElement, useEffect, useMemo, useState } from 'react';\nimport { clsx } from '../../helpers';\nimport { ButtonProps } from '../../types/button';\nimport { prefixClsButton } from '../../utils';\nimport './style.css';\n\nconst ButtonComponent = ({\n  type = 'default',\n  variant = 'solid',\n  color = 'default',\n  shape = 'default',\n  size = 'middle',\n  htmlType = 'button',\n  className,\n  rootClassName,\n  classNames: customClassNames = {},\n  styles = {},\n  prefixCls = prefixClsButton,\n  icon,\n  iconPosition = 'start',\n  loading = false,\n  disabled = false,\n  ghost = false,\n  danger = false,\n  block = false,\n  children,\n  href,\n  ...restProps\n}: ButtonProps): ReactElement => {\n  const [innerLoading, setInnerLoading] = useState(false);\n\n  useEffect(() => {\n    if (typeof loading === 'boolean') {\n      setInnerLoading(loading);\n    } else if (typeof loading === 'object' && loading.delay) {\n      const timeout = setTimeout(() => setInnerLoading(true), loading.delay);\n\n      return () => clearTimeout(timeout);\n    } else {\n      setInnerLoading(!!loading);\n    }\n  }, [loading]);\n\n  const classes = clsx(\n    prefixCls,\n    rootClassName,\n    `${prefixCls}-${type}`,\n    `${prefixCls}-${variant}`,\n    `${prefixCls}-${color}`,\n    `${prefixCls}-${shape}`,\n    `${prefixCls}-size-${size}`,\n    {\n      [`${prefixCls}-block`]: block,\n      [`${prefixCls}-ghost`]: ghost,\n      [`${prefixCls}-danger`]: danger,\n      [`${prefixCls}-loading`]: innerLoading,\n      [`${prefixCls}-disabled`]: disabled\n    },\n    className\n  );\n\n  const iconNode = useMemo(() => {\n  return innerLoading\n    ? (typeof loading === 'object' && loading.icon) || (\n        <span className={`${prefixCls}-spinner`}></span>\n      )\n    : icon;\n}, [icon, innerLoading, loading, prefixCls]);\n\n  const content = useMemo(() => {\n    return (\n    <>\n      {iconNode && iconPosition === 'start' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n      <span className={`${prefixCls}-content`}>{children}</span>\n      {iconNode && iconPosition === 'end' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n    </>\n  )\n  }, [children, customClassNames.icon, iconNode, iconPosition, prefixCls, styles.icon]);\n\n  const mergedDisabled = disabled || innerLoading;\n\n  if (href) {\n    return (\n      <a\n        className={classes}\n        href={mergedDisabled ? undefined : href}\n        aria-disabled={mergedDisabled}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type={htmlType}\n      className={classes}\n      disabled={mergedDisabled}\n      {...restProps}\n    >\n      {content}\n    </button>\n  );\n};\n\nexport default ButtonComponent"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","clsx","args","flatMap","arg","String","Array","isArray","split","Object","entries","filter","value","Boolean","map","key","join","prefixClsButton","ButtonComponent","variant","color","shape","size","htmlType","className","rootClassName","classNames","customClassNames","styles","prefixCls","icon","iconPosition","loading","disabled","ghost","danger","block","children","href","restProps","innerLoading","setInnerLoading","useState","useEffect","delay","timeout","setTimeout","clearTimeout","classes","iconNode","useMemo","_jsx","content","_jsxs","_Fragment","mergedDisabled","undefined"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/global.d.ts

@@ -0,0 +1 @@
+declare module '*.css';

package/lib/index.ts

@@ -1 +1,3 @@
+import './styles/global.css';
+
 export { default as Button } from "./components/Button/Button";

package/lib/styles/global.css

@@ -0,0 +1,44 @@
+:root {
+    /* MAIN */
+    --xui-color-hover: #f5f5f5;
+    --xui-color-disabled: #e6e6e6;
+
+    --xui-primary-color: #1677ff;
+    --xui-primary-color-light: #40a9ff;
+
+    --xui-text-color: rgba(0, 0, 0, 0.88);
+    --xui-text-color-light: rgba(0, 0, 0, 0.5);
+
+    --xui-error-color: #ff4d4f;
+    --xui-error-color-light: #ff6668;
+    --xui-success-color: #52c41a;
+
+    --xui-background-color: #ffffff;
+
+    /* FONTS */
+    --xui-font-size-xs: 12px;
+    --xui-font-size-sm: 14px;
+    --xui-font-size-md: 14px;
+    --xui-font-size-lg: 16px;
+
+    /* BORDERS */
+    --xui-border-radius-sm: 4px;
+    --xui-border-radius-md: 4px;
+    --xui-border-radius-lg: 6px;
+
+    --xui-border-color: #d9d9d9;
+
+    /* SELECT */
+    --xui-select-primary-color: var(--xui-primary-color);
+    --xui-select-background-color: var(--xui-background-color);
+}
+
+html {
+    font-family: sans-serif;
+}
+
+.globalEllipsis {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "0.1.68",
+  "version": "0.1.70",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/rollup.config.js

@@ -30,7 +30,9 @@ export default [
         ],
         plugins: [
             peerDepsExternal(),
-            resolve(),
+            resolve({
+                extensions: ['.mjs', '.js', '.jsx', '.json', '.ts', '.tsx', '.css'],
+            }),
             commonjs(),
             typescript({
                 tsconfig: './tsconfig.json',

package/tsconfig.json

@@ -31,6 +31,7 @@
   },
   "include": [
     "lib",
+    "lib/global.d.ts",
     ".next/types/**/*.ts"
   ],
   "exclude": [