react-jupiter 6.3.5 → 6.3.6

package/button/index.js

@@ -1,4 +1,4 @@
-"use strict";const _excluded=["styleType","mainColor","size","icon","iconPosition","wide","disabled","type","linkTo","renderLink","variant","htmlType","isLoading","loadingText","linkTarget","children","className","onClick","aria-label"];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_tailwindMerge=require("tailwind-merge"),_icon=_interopRequireDefault(require("../icon")),_theme=require("./theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}const
+"use strict";const _excluded=["styleType","mainColor","size","icon","iconPosition","wide","disabled","type","linkTo","renderLink","variant","htmlType","isLoading","loadingText","linkTarget","textColor","children","className","onClick","aria-label"];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_tailwindMerge=require("tailwind-merge"),_icon=_interopRequireDefault(require("../icon")),_theme=require("./theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}const
 
 
 
@@ -6,8 +6,7 @@
 base="inline-flex items-center justify-center border box-border rounded-sm font-semibold transition-all duration-250 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98]",
 
 
-getStyleClasses=(a,b)=>{var c;
-const d={
+presetColorClasses={
 darkBlue:{
 primary:"bg-main border-main text-white hover:bg-main/80 active:bg-main/95 focus-visible:ring-main",
 secondary:"bg-transparent border-main text-main hover:bg-blue-50 active:bg-blue-100 focus-visible:ring-main",
@@ -38,9 +37,38 @@ primary:"bg-gray-600 border-gray-600 text-white hover:bg-gray-700 active:bg-gray
 secondary:"bg-transparent border-gray-600 text-gray-600 hover:bg-gray-50 active:bg-gray-100 focus-visible:ring-gray-600",
 tertiary:"bg-transparent border-transparent text-gray-600 hover:bg-gray-50 active:bg-gray-100 focus-visible:ring-gray-600"
 }
+},
+
+
+
+
+
+
+
+getStyleClasses=(a,b)=>{
+// Check if it's a known preset color
+if(presetColorClasses[b])
+return presetColorClasses[b][a]||presetColorClasses[b].primary;
+
+
+// Tailwind color token (e.g., "green-400") — use as standard Tailwind utility
+// These are static classes that Tailwind JIT can discover at build time
+if(/^[a-z]+-\d+$/.test(b)){
+const c={
+primary:"bg-".concat(b," border-").concat(b," text-white hover:bg-").concat(b,"/80 active:bg-").concat(b,"/70 focus-visible:ring-").concat(b),
+secondary:"bg-transparent border-".concat(b," text-").concat(b," hover:bg-").concat(b,"/10 active:bg-").concat(b,"/20 focus-visible:ring-").concat(b),
+tertiary:"bg-transparent border-transparent text-".concat(b," hover:bg-").concat(b,"/10 active:bg-").concat(b,"/20 focus-visible:ring-").concat(b)
 };
+return c[a]||c.primary
+}
 
-return(null===(c=d[b])||void 0===c?void 0:c[a])||d.darkBlue.primary
+// Custom CSS color (hex, rgb, CSS variable) — use arbitrary brackets
+const c={
+primary:"bg-[".concat(b,"] border-[").concat(b,"] text-white hover:bg-[").concat(b,"]/80 active:bg-[").concat(b,"]/70 focus-visible:ring-[").concat(b,"]"),
+secondary:"bg-transparent border-[".concat(b,"] text-[").concat(b,"] hover:bg-[").concat(b,"]/10 active:bg-[").concat(b,"]/20 focus-visible:ring-[").concat(b,"]"),
+tertiary:"bg-transparent border-transparent text-[".concat(b,"] hover:bg-[").concat(b,"]/10 active:bg-[").concat(b,"]/20 focus-visible:ring-[").concat(b,"]")
+};
+return c[a]||c.primary
 },
 
 
@@ -91,94 +119,101 @@ Button=(a)=>
 
 
 
+
 
 
 {let{// Old API props
-styleType:g="primary",mainColor:h="darkBlue",size:i="md",icon:j=null,iconPosition:k="left",wide:l=!1,disabled:m=!1,type:n="button",linkTo:o=null,renderLink:p=null,// New API props
-variant:b,htmlType:c,isLoading:q=!1,loadingText:r="\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...",linkTarget:s="_self",children:d,className:t="",onClick:e,"aria-label":f}=a,u=_objectWithoutProperties(a,_excluded);const v=b||(h?colorToVariant[h]:g),w=c||("anchor"===n?void 0:n),
-x=m||q,
-y=j&&!d,
+styleType:h="primary",mainColor:i="darkBlue",size:j="md",icon:k=null,iconPosition:l="left",wide:m=!1,disabled:n=!1,type:o="button",linkTo:p=null,renderLink:q=null,// New API props
+variant:b,htmlType:c,isLoading:r=!1,loadingText:s="\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...",linkTarget:t="_self",textColor:d,children:e,className:u="",onClick:f,"aria-label":g}=a,v=_objectWithoutProperties(a,_excluded);const w=b||(i?colorToVariant[i]:h),x=c||("anchor"===o?void 0:o),
+y=n||r,
+z=k&&!e,
 
-z=getStyleClasses(g,h),
+A=getStyleClasses(h,i),
 
-A=(0,_tailwindMerge.twMerge)(
+B=(0,_tailwindMerge.twMerge)(
 base,
-_theme.sizes[i],
-z,
-l?"w-full":"",
-y?"p-2":"",
-t
+_theme.sizes[j],
+A,
+d,
+m?"w-full":"",
+z?"p-2":"",
+u
 ),
 
-B=/*#__PURE__*/
+C=/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,
-q&&/*#__PURE__*/
+r&&/*#__PURE__*/
 _react.default.createElement(_icon.default,{
 name:"loading",
-size:iconSizeMap[i],
+size:iconSizeMap[j],
 className:"animate-spin ms-2"}
 ),
 
-!q&&j&&"left"===k&&/*#__PURE__*/
+!r&&k&&"left"===l&&/*#__PURE__*/
 _react.default.createElement(_icon.default,{
-name:j,
-size:iconSizeMap[i],
-className:d?"ml-2":""}
+name:k,
+size:iconSizeMap[j],
+className:e?"ml-2":""}
 ),
 
-q?r:d,
-!q&&j&&"right"===k&&/*#__PURE__*/
+r?s:e,
+!r&&k&&"right"===l&&/*#__PURE__*/
 _react.default.createElement(_icon.default,{
-name:j,
-size:iconSizeMap[i],
-className:d?"mr-2":""}
+name:k,
+size:iconSizeMap[j],
+className:e?"mr-2":""}
 )
 
 ),
 
 
-C=_objectSpread({
-type:o||p?void 0:w,
-className:A,
-disabled:x,
-onClick:x?void 0:e,
-"aria-disabled":x,
-"aria-busy":q,
-"aria-label":y?f||j:void 0},
-u);return(
+D=_objectSpread({
+type:p||q?void 0:x,
+className:B,
+disabled:y,
+onClick:y?void 0:f,
+"aria-disabled":y,
+"aria-busy":r,
+"aria-label":z?g||k:void 0},
+v);return(
 
 
-!x&&p)?
-p(/*#__PURE__*/
-_react.default.createElement("button",_extends({},C,{type:"button"}),
-B
+!y&&q)?
+q(/*#__PURE__*/
+_react.default.createElement("button",_extends({},D,{type:"button"}),
+C
 )
 ):
 
 
-!x&&o?/*#__PURE__*/
+!y&&p?/*#__PURE__*/
 
 _react.default.createElement("a",_extends({
-href:o,
-target:s,
-className:A,
+href:p,
+target:t,
+className:B,
 role:"button",
-"aria-disabled":x,
-"aria-busy":q,
-"aria-label":y?f||j:void 0},
-u),
+"aria-disabled":y,
+"aria-busy":r,
+"aria-label":z?g||k:void 0},
+v),
 
-B
+C
 ):/*#__PURE__*/
 
 
 
 
-_react.default.createElement("button",C,
-B
+_react.default.createElement("button",D,
+C
 )
 
-};// Style type templates
-// Color mapping
+};// Style type templates for preset colors
+/**
+ * Generates Tailwind classes for a given styleType and color.
+ * - Preset colors (darkBlue, red, green, etc.) → predefined classes
+ * - Tailwind tokens (green-400, slate-100) → standard Tailwind utility classes
+ * - Custom CSS colors (#FF5733, rgb(...), var(--css-var)) → arbitrary value brackets `bg-[value]`
+ */// Color mapping
 // Map old icon names to Heroicons
 var _default=exports.default=Button;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "6.3.5",
+  "version": "6.3.6",
   "main": "index.js",
   "license": "MIT",
   "keywords": [