react-jupiter 6.3.4 → 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/card/event-card/index.js

@@ -54,8 +54,9 @@ _react.default.createElement("div",_extends({
 className:"relative flex flex-col bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all duration-300 max-w-64 h-96",
 dir:"rtl",
 "data-test":"vertical-card"},
-s),
+s),/*#__PURE__*/
 
+_react.default.createElement("div",{className:"relative"},
 e(
 q||/*#__PURE__*/
 _react.default.createElement("img",{
@@ -67,42 +68,50 @@ onError:(a)=>{a.target.onerror=null,a.target.src=defaultCoverUrl},
 alt:b}
 )
 
+),/*#__PURE__*/
+_react.default.createElement("div",{className:"absolute -bottom-3 left-2 right-2 z-10 flex items-end justify-between"},/*#__PURE__*/
+_react.default.createElement("div",{className:"flex items-center gap-1"},
+k&&!r&&/*#__PURE__*/
+_react.default.createElement("span",{className:"bg-red-500 text-white px-2 py-1 rounded text-xs shadow-sm"},"\u062A\u0645\u0627\u0645 \u0634\u062F\u0647"
+
 ),
-r&&/*#__PURE__*/
-_react.default.createElement("span",{className:"absolute top-32 left-0 bg-purple-800 w-fit text-white px-2 py-1 rounded text-xs z-10"},"\u062D\u0627\u0648\u06CC \u0648\u06CC\u062F\u06CC\u0648"
+
+!k&&j&&/*#__PURE__*/
+_react.default.createElement("span",{className:"bg-blue-500 text-white px-2 py-1 rounded text-xs shadow-sm"},"\u062A\u0628\u0644\u06CC\u063A\u0627\u062A"
+
+),
+
+!(!(null!==p&&void 0!==p)||!p.status)&&/*#__PURE__*/
+_react.default.createElement("span",{className:"inline-flex items-center justify-center bg-yellow-400 rounded min-w-14 h-6 text-white text-xs shadow-sm"},/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:null===p||void 0===p?void 0:p.status,color:"white",stickyLeft:!0,marginRight:3}),
+" ",
+"colleague"===(null===p||void 0===p?void 0:p.status)?"\u0647\u0645\u06A9\u0627\u0631":"\u0647\u0645\u06CC\u0627\u0631"
+)
 
 ),/*#__PURE__*/
+_react.default.createElement("div",{className:"flex items-center gap-1"},
+r&&/*#__PURE__*/
+_react.default.createElement("span",{className:"bg-purple-800 text-white px-2 py-1 rounded text-xs shadow-sm"},"\u062D\u0627\u0648\u06CC \u0648\u06CC\u062F\u06CC\u0648"
+
+)
 
+)
+)
+),/*#__PURE__*/
 _react.default.createElement("div",{
 className:"flex flex-col justify-between p-3 px-4 pb-4 flex-1 text-right",
 "data-test":"vertical-content",
 style:k&&!r?{backgroundImage:"url(".concat(finishedClockLabelUrl,")"),backgroundSize:"cover"}:{}},/*#__PURE__*/
 
-_react.default.createElement("div",null,/*#__PURE__*/
-_react.default.createElement("div",{className:"flex flex-row justify-between","data-test":"vertical-date-bookmark"},/*#__PURE__*/
-_react.default.createElement("div",{className:"inline-flex items-center flex-wrap gap-1"},
-k&&!r&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"finished"}),
-!k&&j&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"ads"}),
-!(!(null!==p&&void 0!==p)||!p.status)&&/*#__PURE__*/
-_react.default.createElement("span",{className:"inline-flex items-center justify-center bg-yellow-400/15 rounded min-w-14 h-6 text-yellow-400 text-xs"},/*#__PURE__*/
-_react.default.createElement(_icon.default,{name:null===p||void 0===p?void 0:p.status,color:"yellow",stickyLeft:!0,marginRight:3}),
-" ",
-"colleague"===(null===p||void 0===p?void 0:p.status)?"\u0647\u0645\u06A9\u0627\u0631":"\u0647\u0645\u06CC\u0627\u0631"
-),
-
+_react.default.createElement("div",{className:"flex flex-col gap-2"},
+(n||o)&&/*#__PURE__*/
+_react.default.createElement("div",{className:"text-xs text-gray-600 text-right"},
 n&&/*#__PURE__*/_react.default.createElement(_showDate.default,{date:n,color:"gray",fontSize:"12"}),
 o&&/*#__PURE__*/
 _react.default.createElement(_typography.Text,{size:"12",color:"gray","data-test":"show-date"},o)
 
-),/*#__PURE__*/
-_react.default.createElement(_icon.default,{
-name:g?"bookmark":"bookmark-border",
-size:"lg",
-color:"gray",
-onClick:f,
-className:"ml-0 cursor-pointer"}
-)
 ),
+
 e(/*#__PURE__*/
 _react.default.createElement("h2",{className:"m-0 overflow-hidden h-14 text-sm font-semibold leading-snug text-gray-900 text-right"},
 b
@@ -145,7 +154,6 @@ alt:b}
 )
 ),/*#__PURE__*/
 _react.default.createElement("div",{className:"flex flex-col p-4 justify-between flex-1 min-w-64 text-right","data-test":"horizontal-content"},/*#__PURE__*/
-_react.default.createElement("div",{className:"flex flex-row justify-between"},/*#__PURE__*/
 _react.default.createElement("div",{className:"inline-block"},
 k&&!r&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"finished"}),
 !k&&j&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"ads"}),
@@ -153,15 +161,6 @@ n&&/*#__PURE__*/_react.default.createElement(_showDate.default,{date:n,color:"gr
 o&&/*#__PURE__*/
 _react.default.createElement(_typography.Text,{size:"12",color:"gray","data-test":"show-date"},o)
 
-),/*#__PURE__*/
-_react.default.createElement(_icon.default,{
-name:g?"bookmark":"bookmark-border",
-size:"lg",
-color:"gray",
-onClick:f,
-className:"ml-0 cursor-pointer",
-"data-test":g?"bookmark":"bookmark-border"}
-)
 ),
 e(/*#__PURE__*/
 _react.default.createElement("h2",{className:"text-sm font-semibold leading-snug text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis m-0 text-right"},
@@ -199,7 +198,6 @@ alt:b}
 )
 ),/*#__PURE__*/
 _react.default.createElement("div",{className:"flex flex-col p-4 justify-between flex-1 min-w-64 text-right","data-test":"horizontal-content"},/*#__PURE__*/
-_react.default.createElement("div",{className:"flex flex-row justify-between"},/*#__PURE__*/
 _react.default.createElement("div",{className:"inline-block"},
 k&&!r&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"finished"}),
 !k&&j&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"ads"}),
@@ -207,15 +205,6 @@ n&&/*#__PURE__*/_react.default.createElement(_showDate.default,{date:n,color:"gr
 o&&/*#__PURE__*/
 _react.default.createElement(_typography.Text,{size:"10",color:"gray","data-test":"show-date"},o)
 
-),/*#__PURE__*/
-_react.default.createElement(_icon.default,{
-name:g?"bookmark":"bookmark-border",
-size:"sm",
-color:"gray",
-onClick:f,
-className:"ml-0 cursor-pointer",
-"data-test":g?"bookmark":"bookmark-border"}
-)
 ),
 e(/*#__PURE__*/
 _react.default.createElement("h4",{className:"text-xs font-semibold leading-snug text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis m-0 text-right"},

package/package.json

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