@rescui/card 0.10.12-RUI-226-Update-card-cn-ba9c8d6c.74 → 0.10.12-RUI-226-Update-card-cn-9ae48d69.79

package/lib/card.d.ts

@@ -73,4 +73,3 @@ export declare const cardLinkCn: () => any;
 export declare const cardButtonCn: () => any;
 export declare const cardCn: ({ isClickable, theme, mode, padding, borderRadius, disableBorder, disableBorderTransparency, paddings, hasGlowHover, legacyBorder }?: CardProps) => string;
 export declare const cardImageCn: ({ cardImageType, disableFixedHeight, disableFullWidth }: CardImgType) => string;
-export declare const useCardCn: () => (cardCnOptions?: CardProps) => string;

package/lib/card.js

@@ -1,5 +1,4 @@
 import cn from 'classnames';
-import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import styles from './card.p.module.css.js';
 
 const cardLinkCn = () => styles.innerLink;
@@ -61,12 +60,4 @@ const cardImageCn = _ref => {
   return cn(styles.cardImage, cardImgExtraStyles, !disableFixedHeight && styles.fixedImageHeight, !disableFullWidth && styles.fullImageWidth);
 };
 
-const useCardCn = () => {
-  const theme = useThemeWithUndefined();
-  return cardCnOptions => cardCn({
-    theme,
-    ...cardCnOptions
-  });
-};
-
-export { cardButtonCn, cardCn, cardImageCn, cardLinkCn, useCardCn };
+export { cardButtonCn, cardCn, cardImageCn, cardLinkCn };

package/lib/card.p.module.css.js

@@ -1,29 +1,29 @@
 var styles = {
-  "themeLight": "_themeLight_7rqyzh_8",
-  "themeDark": "_themeDark_7rqyzh_11",
-  "padding0": "_padding0_7rqyzh_15",
-  "padding16": "_padding16_7rqyzh_18",
-  "padding24": "_padding24_7rqyzh_21",
-  "padding32": "_padding32_7rqyzh_24",
-  "borderRadius0": "_borderRadius0_7rqyzh_28",
-  "borderRadius8": "_borderRadius8_7rqyzh_31",
-  "borderRadius16": "_borderRadius16_7rqyzh_34",
-  "borderRadius24": "_borderRadius24_7rqyzh_37",
-  "modeClassic": "_modeClassic_7rqyzh_41",
-  "modeRock": "_modeRock_7rqyzh_51",
-  "transparentBorderTrue": "_transparentBorderTrue_7rqyzh_60",
-  "transparentBorderFalse": "_transparentBorderFalse_7rqyzh_63",
-  "clickable": "_clickable_7rqyzh_111",
-  "disableBorder": "_disableBorder_7rqyzh_70",
-  "hasGlowHover": "_hasGlowHover_7rqyzh_88",
-  "legacyBorder": "_legacyBorder_7rqyzh_134",
-  "tile": "_tile_7rqyzh_247",
-  "fixedImageHeight": "_fixedImageHeight_7rqyzh_325",
-  "fullImageWidth": "_fullImageWidth_7rqyzh_334",
-  "cardImage": "_cardImage_7rqyzh_338",
-  "cardImageImg": "_cardImageImg_7rqyzh_346",
-  "cardImageDiv": "_cardImageDiv_7rqyzh_371",
-  "innerLink": "_innerLink_7rqyzh_396",
-  "innerButton": "_innerButton_7rqyzh_408"
+  "themeLight": "_themeLight_xlwpfx_8",
+  "themeDark": "_themeDark_xlwpfx_11",
+  "padding0": "_padding0_xlwpfx_15",
+  "padding16": "_padding16_xlwpfx_18",
+  "padding24": "_padding24_xlwpfx_21",
+  "padding32": "_padding32_xlwpfx_24",
+  "borderRadius0": "_borderRadius0_xlwpfx_28",
+  "borderRadius8": "_borderRadius8_xlwpfx_31",
+  "borderRadius16": "_borderRadius16_xlwpfx_34",
+  "borderRadius24": "_borderRadius24_xlwpfx_37",
+  "modeClassic": "_modeClassic_xlwpfx_41",
+  "modeRock": "_modeRock_xlwpfx_51",
+  "transparentBorderTrue": "_transparentBorderTrue_xlwpfx_60",
+  "transparentBorderFalse": "_transparentBorderFalse_xlwpfx_63",
+  "clickable": "_clickable_xlwpfx_111",
+  "disableBorder": "_disableBorder_xlwpfx_70",
+  "hasGlowHover": "_hasGlowHover_xlwpfx_88",
+  "legacyBorder": "_legacyBorder_xlwpfx_133",
+  "tile": "_tile_xlwpfx_245",
+  "fixedImageHeight": "_fixedImageHeight_xlwpfx_321",
+  "fullImageWidth": "_fullImageWidth_xlwpfx_330",
+  "cardImage": "_cardImage_xlwpfx_334",
+  "cardImageImg": "_cardImageImg_xlwpfx_342",
+  "cardImageDiv": "_cardImageDiv_xlwpfx_367",
+  "innerLink": "_innerLink_xlwpfx_392",
+  "innerButton": "_innerButton_xlwpfx_404"
 };
 export { styles as default };

package/lib/index.css

@@ -1,44 +1,44 @@
-._themeLight_7rqyzh_8{
+._themeLight_xlwpfx_8{
   --rs-theme-dark:0;
 }
 
-._themeDark_7rqyzh_11{
+._themeDark_xlwpfx_11{
   --rs-theme-dark:1;
 }
 
-._padding0_7rqyzh_15{
+._padding0_xlwpfx_15{
   --_rs-card-padding:0px;
 }
 
-._padding16_7rqyzh_18{
+._padding16_xlwpfx_18{
   --_rs-card-padding:16px;
 }
 
-._padding24_7rqyzh_21{
+._padding24_xlwpfx_21{
   --_rs-card-padding:24px;
 }
 
-._padding32_7rqyzh_24{
+._padding32_xlwpfx_24{
   --_rs-card-padding:32px;
 }
 
-._borderRadius0_7rqyzh_28{
+._borderRadius0_xlwpfx_28{
   --_rs-card-border-radius:0px;
 }
 
-._borderRadius8_7rqyzh_31{
+._borderRadius8_xlwpfx_31{
   --_rs-card-border-radius:8px;
 }
 
-._borderRadius16_7rqyzh_34{
+._borderRadius16_xlwpfx_34{
   --_rs-card-border-radius:16px;
 }
 
-._borderRadius24_7rqyzh_37{
+._borderRadius24_xlwpfx_37{
   --_rs-card-border-radius:24px;
 }
 
-._modeClassic_7rqyzh_41{
+._modeClassic_xlwpfx_41{
   --_rs-card-states-theme-flip:0;
 
   --_rs-card-hover-focus-active-border-color:rgb(
@@ -49,7 +49,7 @@
   --_rs-card-active-background:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
 }
 
-._modeRock_7rqyzh_51{
+._modeRock_xlwpfx_51{
   --_rs-card-states-theme-flip:1;
 
   --_rs-card-hover-focus-active-border-color:transparent;
@@ -58,15 +58,15 @@
   --_rs-card-active-background:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
 }
 
-._transparentBorderTrue_7rqyzh_60{
+._transparentBorderTrue_xlwpfx_60{
   --_rs-card-grey-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
 }
 
-._transparentBorderFalse_7rqyzh_63{
+._transparentBorderFalse_xlwpfx_63{
   --_rs-card-grey-border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*115), calc(209 - var(--_rs-theme-dark-coefficient, 0)*115), calc(210 - var(--_rs-theme-dark-coefficient, 0)*114));
 }
 
-._clickable_7rqyzh_111{
+._clickable_xlwpfx_111{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -77,11 +77,11 @@
   --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
 }
 
-._clickable_7rqyzh_111._disableBorder_7rqyzh_70{
+._clickable_xlwpfx_111._disableBorder_xlwpfx_70{
     --_rs-card-native-static-border-color:transparent;
   }
 
-._clickable_7rqyzh_111 {
+._clickable_xlwpfx_111 {
   --_rs-card-native-hover-border-color:var(
     --_rs-card-hover-focus-active-border-color
   );
@@ -91,26 +91,26 @@
   );
 }
 
-._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88){
+._clickable_xlwpfx_111:is([data-extra-hover-effect], ._hasGlowHover_xlwpfx_88){
     --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
   }
 
-._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88)[data-extra-active-effect]{
+._clickable_xlwpfx_111:is([data-extra-hover-effect], ._hasGlowHover_xlwpfx_88)[data-extra-active-effect]{
       --_rs-card-native-active-border-width:1px;
       --_rs-card-native-active-border-color:var(--_rs-card-grey-border-color);
     }
 
-._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88)._disableBorder_7rqyzh_70{
+._clickable_xlwpfx_111:is([data-extra-hover-effect], ._hasGlowHover_xlwpfx_88)._disableBorder_xlwpfx_70{
       --_rs-card-native-hover-border-color:transparent;
 
       --_rs-card-native-active-border-width:1px;
     }
 
-._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88)._disableBorder_7rqyzh_70[data-extra-active-effect]{
+._clickable_xlwpfx_111:is([data-extra-hover-effect], ._hasGlowHover_xlwpfx_88)._disableBorder_xlwpfx_70[data-extra-active-effect]{
         --_rs-card-native-active-border-color:transparent;
       }
 
-._clickable_7rqyzh_111 {
+._clickable_xlwpfx_111 {
 
   --_rs-card-env-background:var(
     --rs-card-static-background,
@@ -129,16 +129,14 @@
 
   --_rs-card-css-padding:var(--_rs-card-padding-final);
   --_rs-card-css-border:none;
-  --_rs-card-after-border-display:block;
 }
 
-._clickable_7rqyzh_111._legacyBorder_7rqyzh_134{
+._clickable_xlwpfx_111._legacyBorder_xlwpfx_133{
     --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
     --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
-    --_rs-card-after-border-display:none;
   }
 
-._clickable_7rqyzh_111 {
+._clickable_xlwpfx_111 {
   --rs-out-card-padding:var(--_rs-card-padding-final);
   --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
   --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -169,14 +167,14 @@
           appearance:none;
 }
 
-._clickable_7rqyzh_111::after{
+._clickable_xlwpfx_111:not(._legacyBorder_xlwpfx_133)::after{
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
 
-    display:var(--_rs-card-after-border-display);
+    display:block;
 
     border-radius:inherit;
 
@@ -188,13 +186,13 @@
     transition:box-shadow 100ms;
   }
 
-._clickable_7rqyzh_111,
-  ._clickable_7rqyzh_111:hover{
+._clickable_xlwpfx_111,
+  ._clickable_xlwpfx_111:hover{
     text-decoration:none;
   }
 
 @media (hover: hover){
-    ._clickable_7rqyzh_111:hover{
+    ._clickable_xlwpfx_111:hover{
       --rs-theme-flip:var(--_rs-card-states-theme-flip);
 
       --_rs-card-env-background:var(
@@ -209,7 +207,7 @@
     }
   }
 
-._clickable_7rqyzh_111:focus-visible{
+._clickable_xlwpfx_111:focus-visible{
     --rs-theme-flip:var(--_rs-card-states-theme-flip);
 
     --_rs-card-env-background:var(
@@ -224,7 +222,7 @@
     outline:none;
   }
 
-._clickable_7rqyzh_111:active{
+._clickable_xlwpfx_111:active{
     --rs-theme-flip:var(--_rs-card-states-theme-flip);
 
     --_rs-card-env-background:var(
@@ -241,7 +239,7 @@
     );
   }
 
-._tile_7rqyzh_247{
+._tile_xlwpfx_245{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -252,11 +250,11 @@
   --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
 }
 
-._tile_7rqyzh_247._disableBorder_7rqyzh_70{
+._tile_xlwpfx_245._disableBorder_xlwpfx_70{
     --_rs-card-native-static-border-color:transparent;
   }
 
-._tile_7rqyzh_247 {
+._tile_xlwpfx_245 {
 
   --_rs-card-env-background:var(
     --rs-card-static-background,
@@ -275,16 +273,14 @@
 
   --_rs-card-css-padding:var(--_rs-card-padding-final);
   --_rs-card-css-border:none;
-  --_rs-card-after-border-display:block;
 }
 
-._tile_7rqyzh_247._legacyBorder_7rqyzh_134{
+._tile_xlwpfx_245._legacyBorder_xlwpfx_133{
     --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
     --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
-    --_rs-card-after-border-display:none;
   }
 
-._tile_7rqyzh_247 {
+._tile_xlwpfx_245 {
   --rs-out-card-padding:var(--_rs-card-padding-final);
   --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
   --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -316,14 +312,14 @@
           appearance:none;
 }
 
-._tile_7rqyzh_247::after{
+._tile_xlwpfx_245:not(._legacyBorder_xlwpfx_133)::after{
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
 
-    display:var(--_rs-card-after-border-display);
+    display:block;
 
     border-radius:inherit;
 
@@ -333,20 +329,20 @@
     box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
   }
 
-._fixedImageHeight_7rqyzh_325{
+._fixedImageHeight_xlwpfx_321{
   height:calc(188px + var(--_rs-card-padding-final));
   max-height:calc(188px + var(--_rs-card-padding-final));
 }
 
-._fixedImageHeight_7rqyzh_325 img{
+._fixedImageHeight_xlwpfx_321 img{
     height:100%;
   }
 
-._fullImageWidth_7rqyzh_334 img{
+._fullImageWidth_xlwpfx_330 img{
   width:100%;
 }
 
-._cardImage_7rqyzh_338{
+._cardImage_xlwpfx_334{
   position:relative;
 
   overflow:hidden;
@@ -354,7 +350,7 @@
   box-sizing:border-box;
 }
 
-._cardImageImg_7rqyzh_346{
+._cardImageImg_xlwpfx_342{
   top:calc(var(--_rs-card-padding-final)*-1);
   left:calc(var(--_rs-card-padding-final)*-1);
 
@@ -365,21 +361,21 @@
   width:calc(100% + var(--_rs-card-padding-final)*2);
 }
 
-._cardImageImg_7rqyzh_346 img{
+._cardImageImg_xlwpfx_342 img{
     max-width:100%;
     max-height:100%;
   }
 
-._clickable_7rqyzh_111 ._cardImageImg_7rqyzh_346 img{
+._clickable_xlwpfx_111 ._cardImageImg_xlwpfx_342 img{
       transition:transform 0.2s;
       transform:scale(1);
     }
 
-._clickable_7rqyzh_111:hover ._cardImageImg_7rqyzh_346 img{
+._clickable_xlwpfx_111:hover ._cardImageImg_xlwpfx_342 img{
       transform:scale(1.1);
     }
 
-._cardImageDiv_7rqyzh_371{
+._cardImageDiv_xlwpfx_367{
   top:calc(var(--_rs-card-padding-final)*-1);
   left:calc(var(--_rs-card-padding-final)*-1);
 
@@ -396,16 +392,16 @@
   background-size:100% 100%;
 }
 
-._clickable_7rqyzh_111 ._cardImageDiv_7rqyzh_371{
+._clickable_xlwpfx_111 ._cardImageDiv_xlwpfx_367{
     transition:background-size 0.2s;
   }
 
-._clickable_7rqyzh_111:hover ._cardImageDiv_7rqyzh_371{
+._clickable_xlwpfx_111:hover ._cardImageDiv_xlwpfx_367{
     background-size:110% 110%;
   }
 
 @media (hover: hover){
-    ._clickable_7rqyzh_111:hover ._innerLink_7rqyzh_396{
+    ._clickable_xlwpfx_111:hover ._innerLink_xlwpfx_392{
       --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
       --_rs-typography-link-border-bottom-width-from-state-hover:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
       --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -427,14 +423,14 @@
     }
   }
 
-._clickable_7rqyzh_111:focus-visible ._innerLink_7rqyzh_396{
+._clickable_xlwpfx_111:focus-visible ._innerLink_xlwpfx_392{
     --_rs-typography-link-box-shadow-from-state-focus-visible:var(
       --_rs-color-primary
     ) 0 0 0 4px;
   }
 
 @media (hover: hover){
-    ._clickable_7rqyzh_111:hover ._innerButton_7rqyzh_408{
+    ._clickable_xlwpfx_111:hover ._innerButton_xlwpfx_404{
       --_rs-button-border-inner-color:rgba(
     calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
     calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -443,7 +439,7 @@
     }
   }
 
-._clickable_7rqyzh_111:active ._innerButton_7rqyzh_408{
+._clickable_xlwpfx_111:active ._innerButton_xlwpfx_404{
     --_rs-button-border-inner-width:2px;
     --_rs-button-border-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
     --_rs-button-background-from-state-active:var(
@@ -451,13 +447,13 @@
   );
   }
 
-._clickable_7rqyzh_111:focus-visible ._innerButton_7rqyzh_408{
+._clickable_xlwpfx_111:focus-visible ._innerButton_xlwpfx_404{
     --_rs-button-box-shadow-from-state-focus-visible:var(
       --_rs-color-primary-t-dim
     ) 0 0 0 4px;
   }
 
-._clickable_7rqyzh_111:active:focus-visible:not(:hover) ._innerButton_7rqyzh_408{
+._clickable_xlwpfx_111:active:focus-visible:not(:hover) ._innerButton_xlwpfx_404{
     --_rs-button-background-from-state-active-focus-visible-no-hover:var(
     --_rs-button-active-focus-visible-no-hover-background
   );

package/lib/index.d.ts

@@ -1,2 +1,3 @@
-export { cardCn, cardImageCn, useCardCn, cardButtonCn, cardLinkCn } from './card';
+export { cardCn, cardImageCn, cardButtonCn, cardLinkCn } from './card';
 export type { CardProps, CardImgType } from './card';
+export { useCardCn } from './use-card-cn';

package/lib/index.js

@@ -1,2 +1,3 @@
 import './index.css';
-export { cardButtonCn, cardCn, cardImageCn, cardLinkCn, useCardCn } from './card.js';
+export { cardButtonCn, cardCn, cardImageCn, cardLinkCn } from './card.js';
+export { useCardCn } from './use-card-cn.js';

package/lib/use-card-cn.d.ts

@@ -0,0 +1,2 @@
+import { CardProps } from './card';
+export declare const useCardCn: () => (cardCnOptions?: CardProps) => string;

package/lib/use-card-cn.js

@@ -0,0 +1,13 @@
+"use client";
+import { useThemeWithUndefined } from '@rescui/ui-contexts';
+import { cardCn } from './card.js';
+
+const useCardCn = () => {
+  const theme = useThemeWithUndefined();
+  return cardCnOptions => cardCn({
+    theme,
+    ...cardCnOptions
+  });
+};
+
+export { useCardCn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/card",
-  "version": "0.10.12-RUI-226-Update-card-cn-ba9c8d6c.74+ba9c8d6c",
+  "version": "0.10.12-RUI-226-Update-card-cn-9ae48d69.79+9ae48d69",
   "description": "",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -18,21 +18,21 @@
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.5.0",
-    "prop-types": "^15.7.2",
-    "react": ">=16.8.0 <19"
+    "prop-types": "^15",
+    "react": ">=16.8.0 <20"
   },
   "devDependencies": {
     "@jetbrains/logos": "^1.4.16",
-    "@rescui/button": "0.19.2-RUI-226-Update-card-cn-ba9c8d6c.57+ba9c8d6c",
-    "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-ba9c8d6c.74+ba9c8d6c",
+    "@rescui/button": "0.19.2-RUI-226-Update-card-cn-9ae48d69.62+9ae48d69",
+    "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-9ae48d69.79+9ae48d69",
     "@rescui/postcss-preset-library": "0.2.2",
-    "@rescui/scripts": "0.5.0",
-    "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-ba9c8d6c.74+ba9c8d6c",
+    "@rescui/scripts": "0.5.1",
+    "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-9ae48d69.79+9ae48d69",
     "@rescui/visual-regression": "0.1.2"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
   "nx": {},
-  "gitHead": "ba9c8d6cc1c93025711a614bb4063d659a6c4d9e"
+  "gitHead": "9ae48d69f75477e5e8ecf86c0727802fd3794f79"
 }