shared-design-system 1.60.0 → 1.61.0
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.
|
@@ -3,6 +3,7 @@ import { tokens } from '../tokens';
|
|
|
3
3
|
export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
5
5
|
spacing?: keyof typeof tokens.spacing | number;
|
|
6
|
+
gap?: keyof typeof tokens.spacing | number;
|
|
6
7
|
align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
7
8
|
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
8
9
|
divider?: boolean | React.ReactNode;
|
|
@@ -10,11 +10,13 @@ const JUSTIFY_MAP = {
|
|
|
10
10
|
around: 'space-around',
|
|
11
11
|
evenly: 'space-evenly',
|
|
12
12
|
};
|
|
13
|
-
export const Stack = ({ direction = 'column', spacing
|
|
13
|
+
export const Stack = ({ direction = 'column', spacing, gap, align = 'stretch', justify = 'start', divider, wrap = false, inline = false, fullWidth = false, children, className = '', style = {}, ...props }) => {
|
|
14
|
+
var _a;
|
|
15
|
+
const effectiveSpacing = (_a = gap !== null && gap !== void 0 ? gap : spacing) !== null && _a !== void 0 ? _a : '4';
|
|
14
16
|
const getSpacing = () => {
|
|
15
|
-
if (typeof
|
|
16
|
-
return `${
|
|
17
|
-
return (tokens.spacing[
|
|
17
|
+
if (typeof effectiveSpacing === 'number')
|
|
18
|
+
return `${effectiveSpacing}px`;
|
|
19
|
+
return (tokens.spacing[effectiveSpacing]) || tokens.spacing['4'];
|
|
18
20
|
};
|
|
19
21
|
const isRow = direction === 'row' || direction === 'row-reverse';
|
|
20
22
|
const baseStyle = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/components/Stack.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/components/Stack.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAcpC,MAAM,WAAW,GAA2B;IAC1C,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,SAAS,GAAG,QAAQ,EACpB,OAAO,EACP,GAAG,EACH,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,OAAO,EACjB,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EAAE,EAAE;;IACH,MAAM,gBAAgB,GAAG,MAAA,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,OAAO,mCAAI,GAAG,CAAC;IAE/C,MAAM,UAAU,GAAG,GAAW,EAAE;QAC9B,IAAI,OAAO,gBAAgB,KAAK,QAAQ;YAAE,OAAO,GAAG,gBAAgB,IAAI,CAAC;QACzE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,gBAA0B,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7E,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,aAAa,CAAC;IAEjE,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QACxC,aAAa,EAAE,SAAS;QACxB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE;QAC/B,UAAU,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;QACnF,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,YAAY;QACpD,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QAClC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACrC,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO,QAAQ,CAAC;QAE9B,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACvE,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,MAAC,KAAK,CAAC,QAAQ,eACZ,KAAK,EACL,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CACnC,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,OAAO,IACN,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAC9C,MAAM,EAAC,MAAM,EACb,KAAK,EAAE;wBACL,MAAM,EAAE,KAAK;4BACX,CAAC,CAAC,KAAK,UAAU,EAAE,EAAE;4BACrB,CAAC,CAAC,GAAG,UAAU,EAAE,IAAI;qBACxB,GACD,CACH,CAAC,CAAC,CAAC,OAAO,CACZ,KAdkB,KAAK,CAeT,CAClB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,SAAS,EAAE,KAAM,KAAK,YACjE,cAAc,EAAE,GACb,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/src/tokens.js
CHANGED
package/dist/src/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA8FH,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,KAAK,EAAE;QACL,KAAK,EAAS,SAAS;QACvB,4EAA4E;QAC5E,OAAO,EAAO,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,YAAY,EAAE,wCAAwC;QACtD,kCAAkC;QAClC,MAAM,EAAQ,wCAAwC;QACtD,UAAU,EAAI,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,SAAS;QACT,OAAO,EAAO,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,OAAO,EAAO,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,MAAM,EAAQ,wCAAwC;QACtD,QAAQ,EAAM,wCAAwC;QACtD,IAAI,EAAU,wCAAwC;QACtD,MAAM,EAAQ,wCAAwC;QACtD,OAAO;QACP,IAAI,EAAU,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,YAAY,EAAE,wCAAwC;QACtD,mBAAmB;QACnB,MAAM,EAAQ,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,OAAO,EAAO,wCAAwC;QACtD,UAAU,EAAI,wCAAwC;QACtD,OAAO,EAAO,oBAAoB;QAClC,6BAA6B;QAC7B,OAAO,EAAG,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;KACpB;IACD,MAAM,EAAE;QACN,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,8DAA8D;QACtE,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,KAAK,EAAC,MAAM;QACZ,YAAY,EAAG,GAAG;QAClB,YAAY,EAAG,GAAG;QAClB,cAAc,EAAC,GAAG;QAClB,UAAU,EAAK,GAAG;KACnB;IACD,OAAO,EAAE;QACP,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAI,sCAAsC;QAC9C,MAAM,EAAE,sCAAsC;QAC9C,IAAI,EAAI,sCAAsC;KAC/C;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA8FH,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,KAAK,EAAE;QACL,KAAK,EAAS,SAAS;QACvB,4EAA4E;QAC5E,OAAO,EAAO,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,YAAY,EAAE,wCAAwC;QACtD,kCAAkC;QAClC,MAAM,EAAQ,wCAAwC;QACtD,UAAU,EAAI,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,SAAS;QACT,OAAO,EAAO,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,OAAO,EAAO,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,MAAM,EAAQ,wCAAwC;QACtD,QAAQ,EAAM,wCAAwC;QACtD,IAAI,EAAU,wCAAwC;QACtD,MAAM,EAAQ,wCAAwC;QACtD,OAAO;QACP,IAAI,EAAU,wCAAwC;QACtD,SAAS,EAAK,wCAAwC;QACtD,YAAY,EAAE,wCAAwC;QACtD,mBAAmB;QACnB,MAAM,EAAQ,wCAAwC;QACtD,WAAW,EAAG,wCAAwC;QACtD,OAAO,EAAO,wCAAwC;QACtD,UAAU,EAAI,wCAAwC;QACtD,OAAO,EAAO,oBAAoB;QAClC,6BAA6B;QAC7B,OAAO,EAAG,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;KACpB;IACD,MAAM,EAAE;QACN,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,8DAA8D;QACtE,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,KAAK,EAAC,MAAM;QACZ,YAAY,EAAG,GAAG;QAClB,YAAY,EAAG,GAAG;QAClB,cAAc,EAAC,GAAG;QAClB,UAAU,EAAK,GAAG;KACnB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAI,sCAAsC;QAC9C,MAAM,EAAE,sCAAsC;QAC9C,IAAI,EAAI,sCAAsC;KAC/C;CACF,CAAC"}
|