phx-react 1.3.1739 → 1.3.1741
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/components/BlockStack/BlockStack.js +1 -3
- package/dist/cjs/components/BlockStack/BlockStack.js.map +1 -1
- package/dist/cjs/components/Box/Box.d.ts +1 -2
- package/dist/cjs/components/Box/Box.js +1 -9
- package/dist/cjs/components/Box/Box.js.map +1 -1
- package/dist/cjs/components/TextV2/TextV2.js +0 -1
- package/dist/cjs/components/TextV2/TextV2.js.map +1 -1
- package/dist/cjs/components/types.d.ts +3 -3
- package/dist/esm/components/BlockStack/BlockStack.js +1 -3
- package/dist/esm/components/BlockStack/BlockStack.js.map +1 -1
- package/dist/esm/components/Box/Box.d.ts +1 -2
- package/dist/esm/components/Box/Box.js +1 -9
- package/dist/esm/components/Box/Box.js.map +1 -1
- package/dist/esm/components/TextV2/TextV2.js +0 -1
- package/dist/esm/components/TextV2/TextV2.js.map +1 -1
- package/dist/esm/components/types.d.ts +3 -3
- package/package.json +1 -1
|
@@ -6,13 +6,11 @@ const tslib_1 = require("tslib");
|
|
|
6
6
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
const Box_1 = require("../Box");
|
|
8
8
|
const helpers_1 = require("../../helpers/helpers");
|
|
9
|
-
const PHXBlockStack = ({ children, gap = 'none', inlineAlign = '
|
|
9
|
+
const PHXBlockStack = ({ children, gap = 'none', inlineAlign = 'start', align = 'start', }) => {
|
|
10
10
|
const inlineAlignMap = {
|
|
11
11
|
start: 'items-start',
|
|
12
12
|
center: 'items-center',
|
|
13
13
|
end: 'items-end',
|
|
14
|
-
stretch: 'items-stretch',
|
|
15
|
-
baseline: 'items-baseline',
|
|
16
14
|
};
|
|
17
15
|
const alignMap = {
|
|
18
16
|
start: 'justify-start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockStack.js","sourceRoot":"","sources":["../../../../src/components/BlockStack/BlockStack.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AAEzB,gCAAmC;AACnC,mDAA0D;AAYnD,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,GAAG,MAAM,EACZ,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"BlockStack.js","sourceRoot":"","sources":["../../../../src/components/BlockStack/BlockStack.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AAEzB,gCAAmC;AACnC,mDAA0D;AAYnD,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,GAAG,MAAM,EACZ,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,OAAO,GACI,EAAE,EAAE;IACvB,MAAM,cAAc,GAA+B;QACjD,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,GAAG,EAAE,WAAW;KACjB,CAAA;IACD,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,gBAAgB;QACxB,GAAG,EAAE,aAAa;QAClB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB,CAAA;IAED,MAAM,OAAO,GAAG;QACd,eAAe;QACf,IAAA,4BAAkB,EAAC,KAAK,EAAE,GAAG,EAAE,gBAAU,CAAC;QAC1C,cAAc,CAAC,WAAW,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC;KAChB,CAAA;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA;AA3BY,QAAA,aAAa,iBA2BzB"}
|
|
@@ -13,6 +13,5 @@ export interface PHXBoxProps {
|
|
|
13
13
|
mb?: Responsive<SpacingScale>;
|
|
14
14
|
ml?: Responsive<SpacingScale>;
|
|
15
15
|
mr?: Responsive<SpacingScale>;
|
|
16
|
-
background?: 'surface' | 'subdued' | 'transparent';
|
|
17
16
|
}
|
|
18
|
-
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr
|
|
17
|
+
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr }: PHXBoxProps) => React.JSX.Element;
|
|
@@ -15,15 +15,8 @@ exports.spacingMap = {
|
|
|
15
15
|
spacious: '7',
|
|
16
16
|
distant: '8',
|
|
17
17
|
};
|
|
18
|
-
const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr
|
|
19
|
-
const bgMap = {
|
|
20
|
-
surface: 'bg-white',
|
|
21
|
-
subdued: 'bg-gray-50',
|
|
22
|
-
transparent: 'bg-transparent',
|
|
23
|
-
};
|
|
18
|
+
const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr }) => {
|
|
24
19
|
const classes = [
|
|
25
|
-
// Background
|
|
26
|
-
bgMap[background],
|
|
27
20
|
// Margin classes
|
|
28
21
|
(0, helpers_1.getResponsiveClass)('m', m, exports.spacingMap),
|
|
29
22
|
(0, helpers_1.getResponsiveClass)('mt', mt, exports.spacingMap),
|
|
@@ -36,7 +29,6 @@ const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, background = '
|
|
|
36
29
|
(0, helpers_1.getResponsiveClass)('pb', pb, exports.spacingMap),
|
|
37
30
|
(0, helpers_1.getResponsiveClass)('pl', pl, exports.spacingMap),
|
|
38
31
|
(0, helpers_1.getResponsiveClass)('pr', pr, exports.spacingMap),
|
|
39
|
-
background ? background : '',
|
|
40
32
|
];
|
|
41
33
|
return react_1.default.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);
|
|
42
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AAEzB,mDAA0D;AAE7C,QAAA,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAA;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AAEzB,mDAA0D;AAE7C,QAAA,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAA;AAkBM,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAe,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG;QACd,iBAAiB;QACjB,IAAA,4BAAkB,EAAC,GAAG,EAAE,CAAC,EAAE,kBAAU,CAAC;QACtC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,kBAAkB;QAClB,IAAA,4BAAkB,EAAC,GAAG,EAAE,CAAC,EAAE,kBAAU,CAAC;QACtC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;KACzC,CAAA;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA;AAjBY,QAAA,MAAM,UAiBlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AACzB,gCAAmC;AAEnC,mDAA0D;AAyBnD,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,GAAG,GAAG,GAAG,EACb,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,UAAU,GAAG,MAAM,GACN,EAAE,EAAE;IACjB,MAAM,OAAO,GAA6B;QACxC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,QAAQ;KAChB,CAAA;IAED,MAAM,SAAS,GAA+B;QAC5C,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAA;IAED,MAAM,QAAQ,GAA0B;QACtC,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,kBAAkB;QAC3B,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,gBAAgB;QAC3B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,gBAAgB;QAC3B,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,gBAAgB;KACzB,CAAA;IAED,MAAM,aAAa,GAA+B;QAChD,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,
|
|
1
|
+
{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -79,12 +79,12 @@ export interface TooltipAction {
|
|
|
79
79
|
}
|
|
80
80
|
export type Color = 'default' | 'subdued' | 'critical' | 'success' | 'primary' | 'warning' | 'info' | 'highlight' | 'neutral' | 'attention' | 'decorative' | 'danger';
|
|
81
81
|
export type SpacingScale = 'none' | 'atomic' | 'tight' | 'snappy' | 'base' | 'loose' | 'spacious' | 'distant';
|
|
82
|
-
export type AlignItems = 'start' | 'center' | 'end'
|
|
82
|
+
export type AlignItems = 'start' | 'center' | 'end';
|
|
83
83
|
export type JustifyContent = 'start' | 'center' | 'end' | 'between' | 'around';
|
|
84
|
-
export type GridColumns = 1 | 2 | 3
|
|
84
|
+
export type GridColumns = 1 | 2 | 3;
|
|
85
85
|
export type TextSize = 'heading' | 'title' | 'body' | 'subtitle' | 'caption' | 'micro';
|
|
86
86
|
export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
87
|
-
export type LineHeight = 'none' | 'tight' | '
|
|
87
|
+
export type LineHeight = 'none' | 'tight' | 'base' | 'loose';
|
|
88
88
|
export type Responsive<T> = T | {
|
|
89
89
|
initial?: T;
|
|
90
90
|
sm?: T;
|
|
@@ -2,13 +2,11 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { spacingMap } from '../Box';
|
|
4
4
|
import { getResponsiveClass } from '../../helpers/helpers';
|
|
5
|
-
export const PHXBlockStack = ({ children, gap = 'none', inlineAlign = '
|
|
5
|
+
export const PHXBlockStack = ({ children, gap = 'none', inlineAlign = 'start', align = 'start', }) => {
|
|
6
6
|
const inlineAlignMap = {
|
|
7
7
|
start: 'items-start',
|
|
8
8
|
center: 'items-center',
|
|
9
9
|
end: 'items-end',
|
|
10
|
-
stretch: 'items-stretch',
|
|
11
|
-
baseline: 'items-baseline',
|
|
12
10
|
};
|
|
13
11
|
const alignMap = {
|
|
14
12
|
start: 'justify-start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockStack.js","sourceRoot":"","sources":["../../../../src/components/BlockStack/BlockStack.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAY1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,GAAG,MAAM,EACZ,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"BlockStack.js","sourceRoot":"","sources":["../../../../src/components/BlockStack/BlockStack.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAY1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,GAAG,MAAM,EACZ,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,OAAO,GACI,EAAE,EAAE;IACvB,MAAM,cAAc,GAA+B;QACjD,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,GAAG,EAAE,WAAW;KACjB,CAAA;IACD,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,gBAAgB;QACxB,GAAG,EAAE,aAAa;QAClB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB,CAAA;IAED,MAAM,OAAO,GAAG;QACd,eAAe;QACf,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC;QAC1C,cAAc,CAAC,WAAW,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC;KAChB,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}
|
|
@@ -13,6 +13,5 @@ export interface PHXBoxProps {
|
|
|
13
13
|
mb?: Responsive<SpacingScale>;
|
|
14
14
|
ml?: Responsive<SpacingScale>;
|
|
15
15
|
mr?: Responsive<SpacingScale>;
|
|
16
|
-
background?: 'surface' | 'subdued' | 'transparent';
|
|
17
16
|
}
|
|
18
|
-
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr
|
|
17
|
+
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr }: PHXBoxProps) => React.JSX.Element;
|
|
@@ -11,15 +11,8 @@ export const spacingMap = {
|
|
|
11
11
|
spacious: '7',
|
|
12
12
|
distant: '8',
|
|
13
13
|
};
|
|
14
|
-
export const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr
|
|
15
|
-
const bgMap = {
|
|
16
|
-
surface: 'bg-white',
|
|
17
|
-
subdued: 'bg-gray-50',
|
|
18
|
-
transparent: 'bg-transparent',
|
|
19
|
-
};
|
|
14
|
+
export const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr }) => {
|
|
20
15
|
const classes = [
|
|
21
|
-
// Background
|
|
22
|
-
bgMap[background],
|
|
23
16
|
// Margin classes
|
|
24
17
|
getResponsiveClass('m', m, spacingMap),
|
|
25
18
|
getResponsiveClass('mt', mt, spacingMap),
|
|
@@ -32,7 +25,6 @@ export const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, backgro
|
|
|
32
25
|
getResponsiveClass('pb', pb, spacingMap),
|
|
33
26
|
getResponsiveClass('pl', pl, spacingMap),
|
|
34
27
|
getResponsiveClass('pr', pr, spacingMap),
|
|
35
|
-
background ? background : '',
|
|
36
28
|
];
|
|
37
29
|
return React.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);
|
|
38
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAA;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAA;AAkBD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAe,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG;QACd,iBAAiB;QACjB,kBAAkB,CAAC,GAAG,EAAE,CAAC,EAAE,UAAU,CAAC;QACtC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB;QAClB,kBAAkB,CAAC,GAAG,EAAE,CAAC,EAAE,UAAU,CAAC;QACtC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;KACzC,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAyB1D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,GAAG,GAAG,GAAG,EACb,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,UAAU,GAAG,MAAM,GACN,EAAE,EAAE;IACjB,MAAM,OAAO,GAA6B;QACxC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,QAAQ;KAChB,CAAA;IAED,MAAM,SAAS,GAA+B;QAC5C,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAA;IAED,MAAM,QAAQ,GAA0B;QACtC,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,kBAAkB;QAC3B,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,gBAAgB;QAC3B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,gBAAgB;QAC3B,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,gBAAgB;KACzB,CAAA;IAED,MAAM,aAAa,GAA+B;QAChD,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,
|
|
1
|
+
{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -79,12 +79,12 @@ export interface TooltipAction {
|
|
|
79
79
|
}
|
|
80
80
|
export type Color = 'default' | 'subdued' | 'critical' | 'success' | 'primary' | 'warning' | 'info' | 'highlight' | 'neutral' | 'attention' | 'decorative' | 'danger';
|
|
81
81
|
export type SpacingScale = 'none' | 'atomic' | 'tight' | 'snappy' | 'base' | 'loose' | 'spacious' | 'distant';
|
|
82
|
-
export type AlignItems = 'start' | 'center' | 'end'
|
|
82
|
+
export type AlignItems = 'start' | 'center' | 'end';
|
|
83
83
|
export type JustifyContent = 'start' | 'center' | 'end' | 'between' | 'around';
|
|
84
|
-
export type GridColumns = 1 | 2 | 3
|
|
84
|
+
export type GridColumns = 1 | 2 | 3;
|
|
85
85
|
export type TextSize = 'heading' | 'title' | 'body' | 'subtitle' | 'caption' | 'micro';
|
|
86
86
|
export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
87
|
-
export type LineHeight = 'none' | 'tight' | '
|
|
87
|
+
export type LineHeight = 'none' | 'tight' | 'base' | 'loose';
|
|
88
88
|
export type Responsive<T> = T | {
|
|
89
89
|
initial?: T;
|
|
90
90
|
sm?: T;
|