@veeqo/ui 14.3.0-beta-9 → 14.3.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.
- package/dist/components/DataGrid/components/Body/Row/Row.module.scss.cjs +2 -2
- package/dist/components/DataGrid/components/Body/Row/Row.module.scss.cjs.map +1 -1
- package/dist/components/DataGrid/components/Body/Row/Row.module.scss.js +2 -2
- package/dist/components/DataGrid/components/Body/Row/Row.module.scss.js.map +1 -1
- package/dist/components/DataGrid/components/Body/Row/hooks/useRowTheme.cjs +5 -2
- package/dist/components/DataGrid/components/Body/Row/hooks/useRowTheme.cjs.map +1 -1
- package/dist/components/DataGrid/components/Body/Row/hooks/useRowTheme.js +5 -2
- package/dist/components/DataGrid/components/Body/Row/hooks/useRowTheme.js.map +1 -1
- package/dist/components/DataGrid/types/RowTheme.d.ts +4 -0
- package/dist/components/Stack/Stack.cjs +4 -1
- package/dist/components/Stack/Stack.cjs.map +1 -1
- package/dist/components/Stack/Stack.js +4 -1
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Stack/Stack.module.scss.cjs +2 -2
- package/dist/components/Stack/Stack.module.scss.cjs.map +1 -1
- package/dist/components/Stack/Stack.module.scss.js +2 -2
- package/dist/components/Stack/Stack.module.scss.js.map +1 -1
- package/package.json +8 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../../../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"row":"
|
|
5
|
+
___$insertStyle("._row_1fu2n_1:not(._selected_1fu2n_1)._striped_1fu2n_1:nth-of-type(odd) td, ._row_1fu2n_1:not(._selected_1fu2n_1)._striped_1fu2n_1:nth-of-type(odd) th {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._row_1fu2n_1:not(._selected_1fu2n_1):hover td, ._row_1fu2n_1:not(._selected_1fu2n_1):hover th, ._row_1fu2n_1:not(._selected_1fu2n_1):hover._striped_1fu2n_1 td, ._row_1fu2n_1:not(._selected_1fu2n_1):hover._striped_1fu2n_1 th {\n background-color: #f2f8fc;\n}\n._row_1fu2n_1._selected_1fu2n_1 td, ._row_1fu2n_1._selected_1fu2n_1 th {\n background-color: var(--colors-brand-blue-lightest);\n}\n._row_1fu2n_1 + ._row_1fu2n_1 td, ._row_1fu2n_1 + ._row_1fu2n_1 th {\n border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n._accentColor_1fu2n_14 > td:first-of-type::before, ._accentColor_1fu2n_14 > th:first-of-type::before {\n content: \"\";\n position: absolute;\n top: var(--sizes-none);\n bottom: var(--sizes-none);\n left: var(--sizes-none);\n width: var(--sizes-1);\n background-color: var(--accent-color);\n}\n\n._backgroundColor_1fu2n_24 > td, ._backgroundColor_1fu2n_24 > th {\n background-color: var(--background-color) !important;\n}");
|
|
6
|
+
var styles = {"row":"_row_1fu2n_1","selected":"_selected_1fu2n_1","striped":"_striped_1fu2n_1","accentColor":"_accentColor_1fu2n_14","backgroundColor":"_backgroundColor_1fu2n_24"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=Row.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.module.scss.cjs","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.module.scss"],"sourcesContent":[".row {\n &:not(.selected) {\n // Striping styles\n &.striped:nth-of-type(odd) {\n td, th {\n background-color: var(--colors-neutral-grey-lightest);\n }\n }\n\n // Hover styles\n &:hover, &:hover.striped {\n td, th {\n background-color: #f2f8fc;\n }\n }\n }\n\n // Selected row cell styles\n &.selected {\n td, th {\n background-color: var(--colors-brand-blue-lightest);\n }\n }\n\n // Row borders\n & + .row {\n td, th {\n border-top: 1px solid var(--colors-neutral-grey-base);\n }\n }\n}\n\n.accentColor {\n & > td:first-of-type,\n & > th:first-of-type {\n &::before {\n content: '';\n\n position: absolute;\n top: var(--sizes-none);\n bottom: var(--sizes-none);\n left: var(--sizes-none);\n width: var(--sizes-1);\n\n background-color: var(--accent-color);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAKQ,eAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"Row.module.scss.cjs","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.module.scss"],"sourcesContent":[".row {\n &:not(.selected) {\n // Striping styles\n &.striped:nth-of-type(odd) {\n td, th {\n background-color: var(--colors-neutral-grey-lightest);\n }\n }\n\n // Hover styles\n &:hover, &:hover.striped {\n td, th {\n background-color: #f2f8fc;\n }\n }\n }\n\n // Selected row cell styles\n &.selected {\n td, th {\n background-color: var(--colors-brand-blue-lightest);\n }\n }\n\n // Row borders\n & + .row {\n td, th {\n border-top: 1px solid var(--colors-neutral-grey-base);\n }\n }\n}\n\n.accentColor {\n & > td:first-of-type,\n & > th:first-of-type {\n &::before {\n content: '';\n\n position: absolute;\n top: var(--sizes-none);\n bottom: var(--sizes-none);\n left: var(--sizes-none);\n width: var(--sizes-1);\n\n background-color: var(--accent-color);\n }\n }\n}\n\n.backgroundColor {\n & > td,\n & > th {\n // !important as we need to override striped/hovered/selected colors\n background-color: var(--background-color) !important;\n }\n}\n"],"names":[],"mappings":";;;;AAKQ,eAAA,CAAA,qpCAAA;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../../../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"row":"
|
|
3
|
+
insertStyle("._row_1fu2n_1:not(._selected_1fu2n_1)._striped_1fu2n_1:nth-of-type(odd) td, ._row_1fu2n_1:not(._selected_1fu2n_1)._striped_1fu2n_1:nth-of-type(odd) th {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._row_1fu2n_1:not(._selected_1fu2n_1):hover td, ._row_1fu2n_1:not(._selected_1fu2n_1):hover th, ._row_1fu2n_1:not(._selected_1fu2n_1):hover._striped_1fu2n_1 td, ._row_1fu2n_1:not(._selected_1fu2n_1):hover._striped_1fu2n_1 th {\n background-color: #f2f8fc;\n}\n._row_1fu2n_1._selected_1fu2n_1 td, ._row_1fu2n_1._selected_1fu2n_1 th {\n background-color: var(--colors-brand-blue-lightest);\n}\n._row_1fu2n_1 + ._row_1fu2n_1 td, ._row_1fu2n_1 + ._row_1fu2n_1 th {\n border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n._accentColor_1fu2n_14 > td:first-of-type::before, ._accentColor_1fu2n_14 > th:first-of-type::before {\n content: \"\";\n position: absolute;\n top: var(--sizes-none);\n bottom: var(--sizes-none);\n left: var(--sizes-none);\n width: var(--sizes-1);\n background-color: var(--accent-color);\n}\n\n._backgroundColor_1fu2n_24 > td, ._backgroundColor_1fu2n_24 > th {\n background-color: var(--background-color) !important;\n}");
|
|
4
|
+
var styles = {"row":"_row_1fu2n_1","selected":"_selected_1fu2n_1","striped":"_striped_1fu2n_1","accentColor":"_accentColor_1fu2n_14","backgroundColor":"_backgroundColor_1fu2n_24"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=Row.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.module.scss.js","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.module.scss"],"sourcesContent":[".row {\n &:not(.selected) {\n // Striping styles\n &.striped:nth-of-type(odd) {\n td, th {\n background-color: var(--colors-neutral-grey-lightest);\n }\n }\n\n // Hover styles\n &:hover, &:hover.striped {\n td, th {\n background-color: #f2f8fc;\n }\n }\n }\n\n // Selected row cell styles\n &.selected {\n td, th {\n background-color: var(--colors-brand-blue-lightest);\n }\n }\n\n // Row borders\n & + .row {\n td, th {\n border-top: 1px solid var(--colors-neutral-grey-base);\n }\n }\n}\n\n.accentColor {\n & > td:first-of-type,\n & > th:first-of-type {\n &::before {\n content: '';\n\n position: absolute;\n top: var(--sizes-none);\n bottom: var(--sizes-none);\n left: var(--sizes-none);\n width: var(--sizes-1);\n\n background-color: var(--accent-color);\n }\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAKQA,WAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"Row.module.scss.js","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.module.scss"],"sourcesContent":[".row {\n &:not(.selected) {\n // Striping styles\n &.striped:nth-of-type(odd) {\n td, th {\n background-color: var(--colors-neutral-grey-lightest);\n }\n }\n\n // Hover styles\n &:hover, &:hover.striped {\n td, th {\n background-color: #f2f8fc;\n }\n }\n }\n\n // Selected row cell styles\n &.selected {\n td, th {\n background-color: var(--colors-brand-blue-lightest);\n }\n }\n\n // Row borders\n & + .row {\n td, th {\n border-top: 1px solid var(--colors-neutral-grey-base);\n }\n }\n}\n\n.accentColor {\n & > td:first-of-type,\n & > th:first-of-type {\n &::before {\n content: '';\n\n position: absolute;\n top: var(--sizes-none);\n bottom: var(--sizes-none);\n left: var(--sizes-none);\n width: var(--sizes-1);\n\n background-color: var(--accent-color);\n }\n }\n}\n\n.backgroundColor {\n & > td,\n & > th {\n // !important as we need to override striped/hovered/selected colors\n background-color: var(--background-color) !important;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAKQA,WAAA,CAAA,qpCAAA;;;;;"}
|
|
@@ -9,13 +9,16 @@ var Row_module = require('../Row.module.scss.cjs');
|
|
|
9
9
|
* Hook to generate theming variables and classes for a given row theme.
|
|
10
10
|
*/
|
|
11
11
|
const useRowTheme = ({ rowTheme }) => {
|
|
12
|
-
if (!(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.accentColor) && !(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.density)) {
|
|
12
|
+
if (!(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.accentColor) && !(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.density) && !(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.backgroundColor)) {
|
|
13
13
|
return {
|
|
14
14
|
themeVars: {},
|
|
15
15
|
themeClasses: undefined,
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
-
const themeClasses = buildClassnames.buildClassnames([
|
|
18
|
+
const themeClasses = buildClassnames.buildClassnames([
|
|
19
|
+
(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.accentColor) ? Row_module.accentColor : undefined,
|
|
20
|
+
(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.backgroundColor) ? Row_module.backgroundColor : undefined,
|
|
21
|
+
]);
|
|
19
22
|
return {
|
|
20
23
|
themeVars: assignCssVars.assignCssVars(rowTheme || {}),
|
|
21
24
|
themeClasses,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRowTheme.cjs","sources":["../../../../../../../src/components/DataGrid/components/Body/Row/hooks/useRowTheme.ts"],"sourcesContent":["import { RowTheme } from '../../../../types';\nimport { buildClassnames, assignCssVars } from '../../../../../../utils';\n\nimport styles from '../Row.module.scss';\n\ntype UseRowThemeProps = {\n rowTheme?: RowTheme;\n};\n\n/**\n * Hook to generate theming variables and classes for a given row theme.\n */\nexport const useRowTheme = ({ rowTheme }: UseRowThemeProps) => {\n if (!rowTheme?.accentColor && !rowTheme?.density) {\n return {\n themeVars: {},\n themeClasses: undefined,\n };\n }\n\n const themeClasses = buildClassnames([rowTheme?.accentColor ? styles.accentColor : undefined]);\n return {\n themeVars: assignCssVars(rowTheme || {}),\n themeClasses,\n };\n};\n"],"names":["buildClassnames","styles","assignCssVars"],"mappings":";;;;;;;AASA;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,KAAI;
|
|
1
|
+
{"version":3,"file":"useRowTheme.cjs","sources":["../../../../../../../src/components/DataGrid/components/Body/Row/hooks/useRowTheme.ts"],"sourcesContent":["import { RowTheme } from '../../../../types';\nimport { buildClassnames, assignCssVars } from '../../../../../../utils';\n\nimport styles from '../Row.module.scss';\n\ntype UseRowThemeProps = {\n rowTheme?: RowTheme;\n};\n\n/**\n * Hook to generate theming variables and classes for a given row theme.\n */\nexport const useRowTheme = ({ rowTheme }: UseRowThemeProps) => {\n if (!rowTheme?.accentColor && !rowTheme?.density && !rowTheme?.backgroundColor) {\n return {\n themeVars: {},\n themeClasses: undefined,\n };\n }\n\n const themeClasses = buildClassnames([\n rowTheme?.accentColor ? styles.accentColor : undefined,\n rowTheme?.backgroundColor ? styles.backgroundColor : undefined,\n ]);\n return {\n themeVars: assignCssVars(rowTheme || {}),\n themeClasses,\n };\n};\n"],"names":["buildClassnames","styles","assignCssVars"],"mappings":";;;;;;;AASA;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,KAAI;AAC5D,IAAA,IAAI,EAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,WAAW,CAAA,IAAI,EAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,OAAO,CAAA,IAAI,EAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,eAAe,CAAA,EAAE;QAC9E,OAAO;AACL,YAAA,SAAS,EAAE,EAAE;AACb,YAAA,YAAY,EAAE,SAAS;SACxB;AACF,IAAA;IAED,MAAM,YAAY,GAAGA,+BAAe,CAAC;AACnC,QAAA,CAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,WAAW,IAAGC,UAAM,CAAC,WAAW,GAAG,SAAS;AACtD,QAAA,CAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,eAAe,IAAGA,UAAM,CAAC,eAAe,GAAG,SAAS;AAC/D,KAAA,CAAC;IACF,OAAO;AACL,QAAA,SAAS,EAAEC,2BAAa,CAAC,QAAQ,IAAI,EAAE,CAAC;QACxC,YAAY;KACb;AACH;;;;"}
|
|
@@ -7,13 +7,16 @@ import styles from '../Row.module.scss.js';
|
|
|
7
7
|
* Hook to generate theming variables and classes for a given row theme.
|
|
8
8
|
*/
|
|
9
9
|
const useRowTheme = ({ rowTheme }) => {
|
|
10
|
-
if (!(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.accentColor) && !(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.density)) {
|
|
10
|
+
if (!(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.accentColor) && !(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.density) && !(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.backgroundColor)) {
|
|
11
11
|
return {
|
|
12
12
|
themeVars: {},
|
|
13
13
|
themeClasses: undefined,
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
const themeClasses = buildClassnames([
|
|
16
|
+
const themeClasses = buildClassnames([
|
|
17
|
+
(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.accentColor) ? styles.accentColor : undefined,
|
|
18
|
+
(rowTheme === null || rowTheme === void 0 ? void 0 : rowTheme.backgroundColor) ? styles.backgroundColor : undefined,
|
|
19
|
+
]);
|
|
17
20
|
return {
|
|
18
21
|
themeVars: assignCssVars(rowTheme || {}),
|
|
19
22
|
themeClasses,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRowTheme.js","sources":["../../../../../../../src/components/DataGrid/components/Body/Row/hooks/useRowTheme.ts"],"sourcesContent":["import { RowTheme } from '../../../../types';\nimport { buildClassnames, assignCssVars } from '../../../../../../utils';\n\nimport styles from '../Row.module.scss';\n\ntype UseRowThemeProps = {\n rowTheme?: RowTheme;\n};\n\n/**\n * Hook to generate theming variables and classes for a given row theme.\n */\nexport const useRowTheme = ({ rowTheme }: UseRowThemeProps) => {\n if (!rowTheme?.accentColor && !rowTheme?.density) {\n return {\n themeVars: {},\n themeClasses: undefined,\n };\n }\n\n const themeClasses = buildClassnames([rowTheme?.accentColor ? styles.accentColor : undefined]);\n return {\n themeVars: assignCssVars(rowTheme || {}),\n themeClasses,\n };\n};\n"],"names":[],"mappings":";;;;;AASA;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,KAAI;
|
|
1
|
+
{"version":3,"file":"useRowTheme.js","sources":["../../../../../../../src/components/DataGrid/components/Body/Row/hooks/useRowTheme.ts"],"sourcesContent":["import { RowTheme } from '../../../../types';\nimport { buildClassnames, assignCssVars } from '../../../../../../utils';\n\nimport styles from '../Row.module.scss';\n\ntype UseRowThemeProps = {\n rowTheme?: RowTheme;\n};\n\n/**\n * Hook to generate theming variables and classes for a given row theme.\n */\nexport const useRowTheme = ({ rowTheme }: UseRowThemeProps) => {\n if (!rowTheme?.accentColor && !rowTheme?.density && !rowTheme?.backgroundColor) {\n return {\n themeVars: {},\n themeClasses: undefined,\n };\n }\n\n const themeClasses = buildClassnames([\n rowTheme?.accentColor ? styles.accentColor : undefined,\n rowTheme?.backgroundColor ? styles.backgroundColor : undefined,\n ]);\n return {\n themeVars: assignCssVars(rowTheme || {}),\n themeClasses,\n };\n};\n"],"names":[],"mappings":";;;;;AASA;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,KAAI;AAC5D,IAAA,IAAI,EAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,WAAW,CAAA,IAAI,EAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,OAAO,CAAA,IAAI,EAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,eAAe,CAAA,EAAE;QAC9E,OAAO;AACL,YAAA,SAAS,EAAE,EAAE;AACb,YAAA,YAAY,EAAE,SAAS;SACxB;AACF,IAAA;IAED,MAAM,YAAY,GAAG,eAAe,CAAC;AACnC,QAAA,CAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,WAAW,IAAG,MAAM,CAAC,WAAW,GAAG,SAAS;AACtD,QAAA,CAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,eAAe,IAAG,MAAM,CAAC,eAAe,GAAG,SAAS;AAC/D,KAAA,CAAC;IACF,OAAO;AACL,QAAA,SAAS,EAAE,aAAa,CAAC,QAAQ,IAAI,EAAE,CAAC;QACxC,YAAY;KACb;AACH;;;;"}
|
|
@@ -6,6 +6,10 @@ export type RowTheme = {
|
|
|
6
6
|
* The accent color for the row.
|
|
7
7
|
*/
|
|
8
8
|
accentColor?: string;
|
|
9
|
+
/**
|
|
10
|
+
* The background color for the row.
|
|
11
|
+
*/
|
|
12
|
+
backgroundColor?: string;
|
|
9
13
|
/**
|
|
10
14
|
* The density for the row. Can be a theme density key or a custom CSS value (e.g., '0.75rem').
|
|
11
15
|
*/
|
|
@@ -21,6 +21,9 @@ const Stack = React__default.default.forwardRef(({ direction = 'vertical', align
|
|
|
21
21
|
const justifyContentKey = isVertical ? alignY : alignX;
|
|
22
22
|
const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';
|
|
23
23
|
const spacingValue = index.theme.sizes[spacing];
|
|
24
|
+
const spacingStyle = isVertical
|
|
25
|
+
? { rowGap: spacingValue }
|
|
26
|
+
: { columnGap: spacingValue };
|
|
24
27
|
return (React__default.default.createElement(Element, { className: buildClassnames.buildClassnames([
|
|
25
28
|
Stack_module.base,
|
|
26
29
|
Stack_module[`${direction}-direction`],
|
|
@@ -29,7 +32,7 @@ const Stack = React__default.default.forwardRef(({ direction = 'vertical', align
|
|
|
29
32
|
isStretch ? Stack_module['stretch-children'] : undefined,
|
|
30
33
|
className,
|
|
31
34
|
]), style: {
|
|
32
|
-
|
|
35
|
+
...spacingStyle,
|
|
33
36
|
...style,
|
|
34
37
|
}, ref: ref, ...rest }, children));
|
|
35
38
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as = 'div',\n forwardedAs,\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const Element = forwardedAs || as;\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n
|
|
1
|
+
{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as = 'div',\n forwardedAs,\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const Element = forwardedAs || as;\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React","theme","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,sBAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,GAAG,KAAK,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,WAAW,IAAI,EAAE;AACjC,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACED,sBAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAEE,+BAAe,CAAC;AACzB,YAAAC,YAAM,CAAC,IAAI;AACX,YAAAA,YAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAAA,YAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAAA,YAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAGA,YAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -15,6 +15,9 @@ const Stack = React__default.forwardRef(({ direction = 'vertical', alignX = 'sta
|
|
|
15
15
|
const justifyContentKey = isVertical ? alignY : alignX;
|
|
16
16
|
const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';
|
|
17
17
|
const spacingValue = theme.sizes[spacing];
|
|
18
|
+
const spacingStyle = isVertical
|
|
19
|
+
? { rowGap: spacingValue }
|
|
20
|
+
: { columnGap: spacingValue };
|
|
18
21
|
return (React__default.createElement(Element, { className: buildClassnames([
|
|
19
22
|
styles.base,
|
|
20
23
|
styles[`${direction}-direction`],
|
|
@@ -23,7 +26,7 @@ const Stack = React__default.forwardRef(({ direction = 'vertical', alignX = 'sta
|
|
|
23
26
|
isStretch ? styles['stretch-children'] : undefined,
|
|
24
27
|
className,
|
|
25
28
|
]), style: {
|
|
26
|
-
|
|
29
|
+
...spacingStyle,
|
|
27
30
|
...style,
|
|
28
31
|
}, ref: ref, ...rest }, children));
|
|
29
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as = 'div',\n forwardedAs,\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const Element = forwardedAs || as;\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n
|
|
1
|
+
{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as = 'div',\n forwardedAs,\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const Element = forwardedAs || as;\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React"],"mappings":";;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,cAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,GAAG,KAAK,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,WAAW,IAAI,EAAE;AACjC,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,IAAI;AACX,YAAA,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAA,MAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAA,MAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"base":"
|
|
5
|
+
___$insertStyle("._base_109hi_1 {\n display: flex;\n}\n\n/* Direction classes */\n._vertical-direction_109hi_6 {\n flex-direction: column;\n}\n\n._horizontal-direction_109hi_10 {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n._alignItems-start_109hi_15 {\n align-items: flex-start;\n}\n\n._alignItems-center_109hi_19 {\n align-items: center;\n}\n\n._alignItems-end_109hi_23 {\n align-items: flex-end;\n}\n\n._alignItems-stretch_109hi_27 {\n align-items: stretch;\n}\n\n._alignItems-between_109hi_31 {\n align-items: space-between;\n}\n\n._alignItems-around_109hi_35 {\n align-items: space-around;\n}\n\n._justifyContent-start_109hi_39 {\n justify-content: flex-start;\n}\n\n._justifyContent-center_109hi_43 {\n justify-content: center;\n}\n\n._justifyContent-end_109hi_47 {\n justify-content: flex-end;\n}\n\n._justifyContent-stretch_109hi_51 {\n justify-content: stretch;\n}\n\n._justifyContent-between_109hi_55 {\n justify-content: space-between;\n}\n\n._justifyContent-around_109hi_59 {\n justify-content: space-around;\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n._base_109hi_1._vertical-direction_109hi_6 > * + * {\n margin-top: 0;\n}\n\n._base_109hi_1._horizontal-direction_109hi_10 > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n._stretch-children_109hi_79 > * {\n flex: 1;\n}");
|
|
6
|
+
var styles = {"base":"_base_109hi_1","vertical-direction":"_vertical-direction_109hi_6","horizontal-direction":"_horizontal-direction_109hi_10","alignItems-start":"_alignItems-start_109hi_15","alignItems-center":"_alignItems-center_109hi_19","alignItems-end":"_alignItems-end_109hi_23","alignItems-stretch":"_alignItems-stretch_109hi_27","alignItems-between":"_alignItems-between_109hi_31","alignItems-around":"_alignItems-around_109hi_35","justifyContent-start":"_justifyContent-start_109hi_39","justifyContent-center":"_justifyContent-center_109hi_43","justifyContent-end":"_justifyContent-end_109hi_47","justifyContent-stretch":"_justifyContent-stretch_109hi_51","justifyContent-between":"_justifyContent-between_109hi_55","justifyContent-around":"_justifyContent-around_109hi_59","stretch-children":"_stretch-children_109hi_79"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=Stack.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.module.scss.cjs","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via
|
|
1
|
+
{"version":3,"file":"Stack.module.scss.cjs","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n.base.vertical-direction > * + * {\n margin-top: 0;\n}\n\n.base.horizontal-direction > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n.stretch-children > * {\n flex: 1;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,0wDAAA;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"base":"
|
|
3
|
+
insertStyle("._base_109hi_1 {\n display: flex;\n}\n\n/* Direction classes */\n._vertical-direction_109hi_6 {\n flex-direction: column;\n}\n\n._horizontal-direction_109hi_10 {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n._alignItems-start_109hi_15 {\n align-items: flex-start;\n}\n\n._alignItems-center_109hi_19 {\n align-items: center;\n}\n\n._alignItems-end_109hi_23 {\n align-items: flex-end;\n}\n\n._alignItems-stretch_109hi_27 {\n align-items: stretch;\n}\n\n._alignItems-between_109hi_31 {\n align-items: space-between;\n}\n\n._alignItems-around_109hi_35 {\n align-items: space-around;\n}\n\n._justifyContent-start_109hi_39 {\n justify-content: flex-start;\n}\n\n._justifyContent-center_109hi_43 {\n justify-content: center;\n}\n\n._justifyContent-end_109hi_47 {\n justify-content: flex-end;\n}\n\n._justifyContent-stretch_109hi_51 {\n justify-content: stretch;\n}\n\n._justifyContent-between_109hi_55 {\n justify-content: space-between;\n}\n\n._justifyContent-around_109hi_59 {\n justify-content: space-around;\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n._base_109hi_1._vertical-direction_109hi_6 > * + * {\n margin-top: 0;\n}\n\n._base_109hi_1._horizontal-direction_109hi_10 > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n._stretch-children_109hi_79 > * {\n flex: 1;\n}");
|
|
4
|
+
var styles = {"base":"_base_109hi_1","vertical-direction":"_vertical-direction_109hi_6","horizontal-direction":"_horizontal-direction_109hi_10","alignItems-start":"_alignItems-start_109hi_15","alignItems-center":"_alignItems-center_109hi_19","alignItems-end":"_alignItems-end_109hi_23","alignItems-stretch":"_alignItems-stretch_109hi_27","alignItems-between":"_alignItems-between_109hi_31","alignItems-around":"_alignItems-around_109hi_35","justifyContent-start":"_justifyContent-start_109hi_39","justifyContent-center":"_justifyContent-center_109hi_43","justifyContent-end":"_justifyContent-end_109hi_47","justifyContent-stretch":"_justifyContent-stretch_109hi_51","justifyContent-between":"_justifyContent-between_109hi_55","justifyContent-around":"_justifyContent-around_109hi_59","stretch-children":"_stretch-children_109hi_79"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=Stack.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.module.scss.js","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via
|
|
1
|
+
{"version":3,"file":"Stack.module.scss.js","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n.base.vertical-direction > * + * {\n margin-top: 0;\n}\n\n.base.horizontal-direction > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n.stretch-children > * {\n flex: 1;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,0wDAAA;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@veeqo/ui",
|
|
3
|
-
"version": "14.3.0
|
|
3
|
+
"version": "14.3.0",
|
|
4
4
|
"description": "New optimised component library for Veeqo.",
|
|
5
5
|
"author": "Robert Wealthall",
|
|
6
6
|
"license": "ISC",
|
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
"@figma-export/cli": "^6.2.2",
|
|
58
58
|
"@figma-export/output-components-as-svg": "^6.2.2",
|
|
59
59
|
"@figma-export/transform-svg-with-svgo": "^6.2.2",
|
|
60
|
+
"@figma/code-connect": "^1.4.4",
|
|
60
61
|
"@popperjs/core": "^2.11.8",
|
|
61
62
|
"@rollup/plugin-commonjs": "^28.0.2",
|
|
62
63
|
"@rollup/plugin-node-resolve": "^16.0.0",
|
|
@@ -157,6 +158,12 @@
|
|
|
157
158
|
},
|
|
158
159
|
"auto-changelog": {
|
|
159
160
|
"handlebars": "4.7.9"
|
|
161
|
+
},
|
|
162
|
+
"jest-environment-jsdom": {
|
|
163
|
+
"nwsapi": "2.2.7"
|
|
164
|
+
},
|
|
165
|
+
"@figma/code-connect": {
|
|
166
|
+
"typescript": "$typescript"
|
|
160
167
|
}
|
|
161
168
|
}
|
|
162
169
|
}
|