@peculiar/react-components 0.6.2 → 0.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/Box/box.js
CHANGED
|
@@ -54,7 +54,7 @@ var styled_1 = __importDefault(require("@emotion/styled"));
|
|
|
54
54
|
/**
|
|
55
55
|
*
|
|
56
56
|
*/
|
|
57
|
-
var reactPropsRegex = /^(as|background|borderColor|borderWidth|borderStyle|borderPosition|borderRadius)$/;
|
|
57
|
+
var reactPropsRegex = /^(as|background|borderColor|borderWidth|borderStyle|borderPosition|borderRadius|boxShadow)$/;
|
|
58
58
|
/**
|
|
59
59
|
* Styles.
|
|
60
60
|
*/
|
|
@@ -65,6 +65,7 @@ var BoxRoot = (0, styled_1.default)('div', {
|
|
|
65
65
|
borderColor: props.borderColor && "var(--pv-color-".concat(props.borderColor, ")"),
|
|
66
66
|
borderStyle: props.borderStyle,
|
|
67
67
|
borderRadius: props.borderRadius,
|
|
68
|
+
boxShadow: props.boxShadow && "var(--pv-shadow-".concat(props.boxShadow, ")"),
|
|
68
69
|
}); }, function (props) {
|
|
69
70
|
var borderWidth = props.borderWidth, borderPosition = props.borderPosition;
|
|
70
71
|
if (typeof borderWidth !== 'number') {
|
package/dist/cjs/Box/box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;
|
|
1
|
+
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AA+BrC;;GAEG;AAEH,IAAM,eAAe,GAAG,6FAA6F,CAAC;AAEtH;;GAEG;AACH,IAAM,OAAO,GAAG,IAAA,gBAAM,EAAC,KAAK,EAAE;IAC5B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAA3B,CAA2B;CACzD,CAAC,CACA,UAAC,KAAK,IAAK,OAAA,CAAC;IACV,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,yBAAkB,KAAK,CAAC,UAAU,MAAG;IACrE,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,yBAAkB,KAAK,CAAC,WAAW,MAAG;IACxE,WAAW,EAAE,KAAK,CAAC,WAAW;IAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;IAChC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,0BAAmB,KAAK,CAAC,SAAS,MAAG;CACpE,CAAC,EANS,CAMT,EACF,UAAC,KAAK;IACI,IAAA,WAAW,GAAqB,KAAK,YAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IAE9C,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,OAAO,EAAE,CAAC;KACX;IAED,IAAI,cAAc,EAAE;QAClB,OAAO;YACL,WAAW,EAAE;gBACX,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACnE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/D,EAAE;aACH,CAAC,IAAI,CAAC,KAAK,CAAC;SACd,CAAC;KACH;IAED,OAAO;QACL,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF;;GAEG;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG;IAE1D,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,OAAO,aACN,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
package/dist/esm/Box/box.js
CHANGED
|
@@ -25,7 +25,7 @@ import styled from '@emotion/styled';
|
|
|
25
25
|
/**
|
|
26
26
|
*
|
|
27
27
|
*/
|
|
28
|
-
var reactPropsRegex = /^(as|background|borderColor|borderWidth|borderStyle|borderPosition|borderRadius)$/;
|
|
28
|
+
var reactPropsRegex = /^(as|background|borderColor|borderWidth|borderStyle|borderPosition|borderRadius|boxShadow)$/;
|
|
29
29
|
/**
|
|
30
30
|
* Styles.
|
|
31
31
|
*/
|
|
@@ -36,6 +36,7 @@ var BoxRoot = styled('div', {
|
|
|
36
36
|
borderColor: props.borderColor && "var(--pv-color-".concat(props.borderColor, ")"),
|
|
37
37
|
borderStyle: props.borderStyle,
|
|
38
38
|
borderRadius: props.borderRadius,
|
|
39
|
+
boxShadow: props.boxShadow && "var(--pv-shadow-".concat(props.boxShadow, ")"),
|
|
39
40
|
}); }, function (props) {
|
|
40
41
|
var borderWidth = props.borderWidth, borderPosition = props.borderPosition;
|
|
41
42
|
if (typeof borderWidth !== 'number') {
|
package/dist/esm/Box/box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA+BrC;;GAEG;AAEH,IAAM,eAAe,GAAG,6FAA6F,CAAC;AAEtH;;GAEG;AACH,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAA3B,CAA2B;CACzD,CAAC,CACA,UAAC,KAAK,IAAK,OAAA,CAAC;IACV,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,yBAAkB,KAAK,CAAC,UAAU,MAAG;IACrE,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,yBAAkB,KAAK,CAAC,WAAW,MAAG;IACxE,WAAW,EAAE,KAAK,CAAC,WAAW;IAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;IAChC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,0BAAmB,KAAK,CAAC,SAAS,MAAG;CACpE,CAAC,EANS,CAMT,EACF,UAAC,KAAK;IACI,IAAA,WAAW,GAAqB,KAAK,YAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IAE9C,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,OAAO,EAAE,CAAC;KACX;IAED,IAAI,cAAc,EAAE;QAClB,OAAO;YACL,WAAW,EAAE;gBACX,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACnE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/D,EAAE;aACH,CAAC,IAAI,CAAC,KAAK,CAAC;SACd,CAAC;KACH;IAED,OAAO;QACL,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG;IAE1D,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,OAAO,aACN,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
package/dist/esnext/Box/box.js
CHANGED
|
@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
|
|
|
3
3
|
/**
|
|
4
4
|
*
|
|
5
5
|
*/
|
|
6
|
-
const reactPropsRegex = /^(as|background|borderColor|borderWidth|borderStyle|borderPosition|borderRadius)$/;
|
|
6
|
+
const reactPropsRegex = /^(as|background|borderColor|borderWidth|borderStyle|borderPosition|borderRadius|boxShadow)$/;
|
|
7
7
|
/**
|
|
8
8
|
* Styles.
|
|
9
9
|
*/
|
|
@@ -14,6 +14,7 @@ const BoxRoot = styled('div', {
|
|
|
14
14
|
borderColor: props.borderColor && `var(--pv-color-${props.borderColor})`,
|
|
15
15
|
borderStyle: props.borderStyle,
|
|
16
16
|
borderRadius: props.borderRadius,
|
|
17
|
+
boxShadow: props.boxShadow && `var(--pv-shadow-${props.boxShadow})`,
|
|
17
18
|
}), (props) => {
|
|
18
19
|
const { borderWidth, borderPosition } = props;
|
|
19
20
|
if (typeof borderWidth !== 'number') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA+BrC;;GAEG;AAEH,MAAM,eAAe,GAAG,6FAA6F,CAAC;AAEtH;;GAEG;AACH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;CACzD,CAAC,CACA,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,kBAAkB,KAAK,CAAC,UAAU,GAAG;IACrE,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,kBAAkB,KAAK,CAAC,WAAW,GAAG;IACxE,WAAW,EAAE,KAAK,CAAC,WAAW;IAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;IAChC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,mBAAmB,KAAK,CAAC,SAAS,GAAG;CACpE,CAAC,EACF,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,OAAO,EAAE,CAAC;KACX;IAED,IAAI,cAAc,EAAE;QAClB,OAAO;YACL,WAAW,EAAE;gBACX,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACnE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/D,EAAE;aACH,CAAC,IAAI,CAAC,KAAK,CAAC;SACd,CAAC;KACH;IAED,OAAO;QACL,WAAW;KACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EACJ,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
package/dist/types/Box/box.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { OverridableComponent, OverrideProps } from '../OverridableComponent';
|
|
3
|
-
import { ColorType } from '../styles';
|
|
3
|
+
import { ColorType, ShadowType } from '../styles';
|
|
4
4
|
/**
|
|
5
5
|
* Types.
|
|
6
6
|
*/
|
|
@@ -15,6 +15,7 @@ export interface BoxOwnProps {
|
|
|
15
15
|
borderStyle?: ('solid' | 'dashed');
|
|
16
16
|
borderPosition?: ('horizontal' | 'vertical' | 'top' | 'right' | 'bottom' | 'left');
|
|
17
17
|
borderRadius?: number;
|
|
18
|
+
boxShadow?: ShadowType;
|
|
18
19
|
}
|
|
19
20
|
export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
20
21
|
props: P & BoxOwnProps;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.4",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"node": ">=12.x"
|
|
82
82
|
},
|
|
83
83
|
"license": "MIT",
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "138fe626ad83323797aed091109972bfeaedf96f"
|
|
85
85
|
}
|