@uiw/react-card - npm Package Compare versions

Comparing version 5.0.0-bate-1 to 5.0.0-bate-2

cjs/style/index.d.ts

 import { ThemeVariantValueOptions } from '@uiw/utils';
 import { CardStyleWarpProps } from './utils';
-export declare const CardStyleTheme: {
-    borderRadiusLarge: string;
-    fontSizeDefault: string;
-    lineHeightDefault: number;
-    borderColorBaseActive: string;
-    borderColorBase: string;
-    backgroundColorBase: string;
-    heightCardStyleHead: string;
-    paddingVerticalCardStyleHead: number;
-    paddingHorizontalCardStyleHead: string;
-    borderRadius1CardStyleHead: string;
-    borderRadius2CardStyleHead: string;
-    borderRadius3CardStyleHead: number;
-    borderRadius4CardStyleHead: number;
-    colorBase: string;
-    rightCardStyleHeadExtra: string;
-    topCardStyleHeadExtra: number;
-    paddingCardBody: string;
-    borderTopCardBody: string;
-    paddingVerticalCardStyleFooter: string;
-    paddingHorizontalCardStyleFooter: string;
-    borderTopCardStyleFooter: string;
-    colorCardStyleFooter: string;
-};
+import { CardStyleTheme } from './theme';
+export { CardStyleTheme };
 declare type HTMLDivElements = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
@@ -28,0 +6,0 @@ declare type ThemeVar = ThemeVariantValueOptions<typeof CardStyleTheme>;

cjs/style/index.js

@@ -10,3 +10,10 @@ "use strict";
 });
-exports.CardStyleWarp = exports.CardStyleTheme = exports.CardStyleHeadTitle = exports.CardStyleHeadExtra = exports.CardStyleHead = exports.CardStyleFooter = exports.CardBody = void 0;
+exports.CardStyleHeadTitle = exports.CardStyleHeadExtra = exports.CardStyleHead = exports.CardStyleFooter = exports.CardBody = void 0;
+Object.defineProperty(exports, "CardStyleTheme", {
+  enumerable: true,
+  get: function get() {
+    return _theme.CardStyleTheme;
+  }
+});
+exports.CardStyleWarp = void 0;
 
@@ -23,31 +30,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
+var _theme = require("./theme");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-var CardStyleTheme = {
-  borderRadiusLarge: '5px',
-  fontSizeDefault: '14px',
-  lineHeightDefault: 1.5,
-  borderColorBaseActive: '#CCCCCC',
-  borderColorBase: '#e9e9e9',
-  backgroundColorBase: '#fff',
-  heightCardStyleHead: '40px',
-  paddingVerticalCardStyleHead: 0,
-  paddingHorizontalCardStyleHead: '14px',
-  borderRadius1CardStyleHead: '2px',
-  borderRadius2CardStyleHead: '2px',
-  borderRadius3CardStyleHead: 0,
-  borderRadius4CardStyleHead: 0,
-  colorBase: '#393e48',
-  rightCardStyleHeadExtra: '16px',
-  topCardStyleHeadExtra: 0,
-  paddingCardBody: '14px',
-  borderTopCardBody: '1px solid #e9e9e9',
-  paddingVerticalCardStyleFooter: '8px',
-  paddingHorizontalCardStyleFooter: '10px',
-  borderTopCardStyleFooter: '1px solid #F2F2F2',
-  colorCardStyleFooter: '#999999'
-};
-exports.CardStyleTheme = CardStyleTheme;
 var propsTheme = {
-  defaultTheme: (0, _objectSpread2["default"])({}, CardStyleTheme)
+  defaultTheme: (0, _objectSpread2["default"])({}, _theme.CardStyleTheme)
 };
@@ -123,19 +107,19 @@
 CardStyleWarp.defaultProps = {
-  defaultTheme: CardStyleTheme
+  defaultTheme: _theme.CardStyleTheme
 };
 CardStyleHead.defaultProps = {
-  defaultTheme: CardStyleTheme
+  defaultTheme: _theme.CardStyleTheme
 };
 CardStyleHeadTitle.defaultProps = {
-  defaultTheme: CardStyleTheme
+  defaultTheme: _theme.CardStyleTheme
 };
 CardStyleHeadExtra.defaultProps = {
-  defaultTheme: CardStyleTheme
+  defaultTheme: _theme.CardStyleTheme
 };
 CardBody.defaultProps = {
-  defaultTheme: CardStyleTheme
+  defaultTheme: _theme.CardStyleTheme
 };
 CardStyleFooter.defaultProps = {
-  defaultTheme: CardStyleTheme
+  defaultTheme: _theme.CardStyleTheme
 };
 //# sourceMappingURL=index.js.map

cjs/style/utils.d.ts

 import { ThemeVariantValueOptions } from '@uiw/utils';
-import { CardStyleTheme } from './index';
+import { CardStyleTheme } from './theme';
 declare type ThemeVar = ThemeVariantValueOptions<typeof CardStyleTheme>;
@@ -4,0 +4,0 @@ export interface CardStyleWarpProps extends ThemeVar {

cjs/style/utils.js

@@ -18,3 +18,3 @@ "use strict";
 
-var _index = require("./index");
+var _theme = require("./theme");
 
@@ -24,3 +24,3 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var propsTheme = {
-  defaultTheme: (0, _objectSpread2["default"])({}, _index.CardStyleTheme)
+  defaultTheme: (0, _objectSpread2["default"])({}, _theme.CardStyleTheme)
 };
@@ -36,2 +36,4 @@
 
+console.log('333', _theme.CardStyleTheme, (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])({}, propsTheme), 'borderColorBaseActive'));
+
 var getNoHover = function getNoHover(props) {
@@ -38,0 +40,0 @@ if (!props.noHover) {

esm/style/index.d.ts

 import { ThemeVariantValueOptions } from '@uiw/utils';
 import { CardStyleWarpProps } from './utils';
-export declare const CardStyleTheme: {
-    borderRadiusLarge: string;
-    fontSizeDefault: string;
-    lineHeightDefault: number;
-    borderColorBaseActive: string;
-    borderColorBase: string;
-    backgroundColorBase: string;
-    heightCardStyleHead: string;
-    paddingVerticalCardStyleHead: number;
-    paddingHorizontalCardStyleHead: string;
-    borderRadius1CardStyleHead: string;
-    borderRadius2CardStyleHead: string;
-    borderRadius3CardStyleHead: number;
-    borderRadius4CardStyleHead: number;
-    colorBase: string;
-    rightCardStyleHeadExtra: string;
-    topCardStyleHeadExtra: number;
-    paddingCardBody: string;
-    borderTopCardBody: string;
-    paddingVerticalCardStyleFooter: string;
-    paddingHorizontalCardStyleFooter: string;
-    borderTopCardStyleFooter: string;
-    colorCardStyleFooter: string;
-};
+import { CardStyleTheme } from './theme';
+export { CardStyleTheme };
 declare type HTMLDivElements = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
@@ -28,0 +6,0 @@ declare type ThemeVar = ThemeVariantValueOptions<typeof CardStyleTheme>;

esm/style/index.js

@@ -9,26 +9,4 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
 import { getActive, getNoHover } from './utils';
-export var CardStyleTheme = {
-  borderRadiusLarge: '5px',
-  fontSizeDefault: '14px',
-  lineHeightDefault: 1.5,
-  borderColorBaseActive: '#CCCCCC',
-  borderColorBase: '#e9e9e9',
-  backgroundColorBase: '#fff',
-  heightCardStyleHead: '40px',
-  paddingVerticalCardStyleHead: 0,
-  paddingHorizontalCardStyleHead: '14px',
-  borderRadius1CardStyleHead: '2px',
-  borderRadius2CardStyleHead: '2px',
-  borderRadius3CardStyleHead: 0,
-  borderRadius4CardStyleHead: 0,
-  colorBase: '#393e48',
-  rightCardStyleHeadExtra: '16px',
-  topCardStyleHeadExtra: 0,
-  paddingCardBody: '14px',
-  borderTopCardBody: '1px solid #e9e9e9',
-  paddingVerticalCardStyleFooter: '8px',
-  paddingHorizontalCardStyleFooter: '10px',
-  borderTopCardStyleFooter: '1px solid #F2F2F2',
-  colorCardStyleFooter: '#999999'
-};
+import { CardStyleTheme } from './theme';
+export { CardStyleTheme };
 var propsTheme = {
@@ -35,0 +13,0 @@ defaultTheme: _extends({}, CardStyleTheme)

esm/style/utils.d.ts

 import { ThemeVariantValueOptions } from '@uiw/utils';
-import { CardStyleTheme } from './index';
+import { CardStyleTheme } from './theme';
 declare type ThemeVar = ThemeVariantValueOptions<typeof CardStyleTheme>;
@@ -4,0 +4,0 @@ export interface CardStyleWarpProps extends ThemeVar {

esm/style/utils.js

@@ -8,3 +8,3 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
 import { getThemeVariantValue } from '@uiw/utils';
-import { CardStyleTheme } from './index';
+import { CardStyleTheme } from './theme';
 var propsTheme = {
@@ -16,2 +16,3 @@ defaultTheme: _extends({}, CardStyleTheme)
 
+console.log('333', CardStyleTheme, getThemeVariantValue(_extends({}, propsTheme), 'borderColorBaseActive'));
 export var getNoHover = props => {
@@ -18,0 +19,0 @@ if (!props.noHover) {

package.json

 {
   "name": "@uiw/react-card",
-  "version": "5.0.0-bate-1",
+  "version": "5.0.0-bate-2",
   "description": "Card component",
@@ -48,3 +48,3 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/utils": "^5.0.0-bate-1"
+    "@uiw/utils": "^5.0.0-bate-2"
   },
@@ -51,0 +51,0 @@ "devDependencies": {

src/style/index.ts

 import styled, { css } from 'styled-components';
 import { getThemeVariantValue, ThemeVariantValueOptions } from '@uiw/utils';
 import { CardStyleWarpProps, getActive, getNoHover } from './utils';
-
-export const CardStyleTheme = {
-  borderRadiusLarge: '5px',
-  fontSizeDefault: '14px',
-  lineHeightDefault: 1.5,
-  borderColorBaseActive: '#CCCCCC',
-  borderColorBase: '#e9e9e9',
-  backgroundColorBase: '#fff',
-
-  heightCardStyleHead: '40px',
-  paddingVerticalCardStyleHead: 0,
-  paddingHorizontalCardStyleHead: '14px',
-  borderRadius1CardStyleHead: '2px',
-  borderRadius2CardStyleHead: '2px',
-  borderRadius3CardStyleHead: 0,
-  borderRadius4CardStyleHead: 0,
-
-  colorBase: '#393e48',
-
-  rightCardStyleHeadExtra: '16px',
-  topCardStyleHeadExtra: 0,
-
-  paddingCardBody: '14px',
-  borderTopCardBody: '1px solid #e9e9e9',
-
-  paddingVerticalCardStyleFooter: '8px',
-  paddingHorizontalCardStyleFooter: '10px',
-  borderTopCardStyleFooter: '1px solid #F2F2F2',
-  colorCardStyleFooter: '#999999',
-};
+import { CardStyleTheme } from './theme';
+export { CardStyleTheme };
 const propsTheme = {
@@ -35,0 +7,0 @@ defaultTheme: { ...CardStyleTheme },

src/style/utils.ts

 import { css } from 'styled-components';
 import { ThemeVariantValueOptions, getThemeVariantValue } from '@uiw/utils';
-import { CardStyleTheme } from './index';
+import { CardStyleTheme } from './theme';
+
 type ThemeVar = ThemeVariantValueOptions<typeof CardStyleTheme>;
@@ -17,2 +18,3 @@ const propsTheme = {
 `;
+console.log('333', CardStyleTheme, getThemeVariantValue({ ...propsTheme }, 'borderColorBaseActive'));
 
@@ -19,0 +21,0 @@ export const getNoHover = (props: CardStyleWarpProps) => {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

77605

increased by2.68%

Number of package files

30

increased by30.43%

Lines of code

760

increased by3.26%

Dependency changes

• Updated@uiw/utils@^5.0.0-bate-2