@veeqo/ui 13.15.3-beta-1 → 13.17.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/Divider/Divider.cjs +2 -2
- package/dist/components/Divider/Divider.cjs.map +1 -1
- package/dist/components/Divider/Divider.d.ts +6 -3
- package/dist/components/Divider/Divider.js +2 -2
- package/dist/components/Divider/Divider.js.map +1 -1
- package/dist/components/Divider/Divider.module.scss.cjs +2 -2
- package/dist/components/Divider/Divider.module.scss.cjs.map +1 -1
- package/dist/components/Divider/Divider.module.scss.js +2 -2
- package/dist/components/Divider/Divider.module.scss.js.map +1 -1
- package/dist/components/Divider/index.d.ts +1 -0
- package/dist/components/ViewsContainer/ViewsContainer.module.scss.cjs +2 -2
- package/dist/components/ViewsContainer/ViewsContainer.module.scss.cjs.map +1 -1
- package/dist/components/ViewsContainer/ViewsContainer.module.scss.js +2 -2
- package/dist/components/ViewsContainer/ViewsContainer.module.scss.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -9,8 +9,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
11
|
|
|
12
|
-
function Divider({ className, ...otherProps }) {
|
|
13
|
-
const classNames = buildClassnames.buildClassnames([Divider_module
|
|
12
|
+
function Divider({ className, direction = 'horizontal', variant = 'primary', ...otherProps }) {
|
|
13
|
+
const classNames = buildClassnames.buildClassnames([Divider_module[direction], Divider_module[variant], className]);
|
|
14
14
|
return React__default.default.createElement("div", { className: classNames, ...otherProps });
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.cjs","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport styles from './Divider.module.scss';\n\
|
|
1
|
+
{"version":3,"file":"Divider.cjs","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport styles from './Divider.module.scss';\n\nexport type DividerProps = React.HTMLAttributes<HTMLDivElement> & {\n direction?: 'vertical' | 'horizontal';\n variant?: 'primary' | 'secondary';\n className?: string;\n};\n\nexport function Divider({\n className,\n direction = 'horizontal',\n variant = 'primary',\n ...otherProps\n}: DividerProps) {\n const classNames = buildClassnames([styles[direction], styles[variant], className]);\n\n return <div className={classNames} {...otherProps} />;\n}\n"],"names":["buildClassnames","styles","React"],"mappings":";;;;;;;;;;;SAUgB,OAAO,CAAC,EACtB,SAAS,EACT,SAAS,GAAG,YAAY,EACxB,OAAO,GAAG,SAAS,EACnB,GAAG,UAAU,EACA,EAAA;AACb,IAAA,MAAM,UAAU,GAAGA,+BAAe,CAAC,CAACC,cAAM,CAAC,SAAS,CAAC,EAAEA,cAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAEnF,IAAA,OAAOC,8CAAK,SAAS,EAAE,UAAU,EAAM,GAAA,UAAU,GAAI;AACvD;;;;"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
type DividerProps = React.HTMLAttributes<HTMLDivElement
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
export type DividerProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
direction?: 'vertical' | 'horizontal';
|
|
4
|
+
variant?: 'primary' | 'secondary';
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function Divider({ className, direction, variant, ...otherProps }: DividerProps): React.JSX.Element;
|
|
@@ -3,8 +3,8 @@ import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
|
3
3
|
import 'uid/secure';
|
|
4
4
|
import styles from './Divider.module.scss.js';
|
|
5
5
|
|
|
6
|
-
function Divider({ className, ...otherProps }) {
|
|
7
|
-
const classNames = buildClassnames([styles
|
|
6
|
+
function Divider({ className, direction = 'horizontal', variant = 'primary', ...otherProps }) {
|
|
7
|
+
const classNames = buildClassnames([styles[direction], styles[variant], className]);
|
|
8
8
|
return React__default.createElement("div", { className: classNames, ...otherProps });
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport styles from './Divider.module.scss';\n\
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport styles from './Divider.module.scss';\n\nexport type DividerProps = React.HTMLAttributes<HTMLDivElement> & {\n direction?: 'vertical' | 'horizontal';\n variant?: 'primary' | 'secondary';\n className?: string;\n};\n\nexport function Divider({\n className,\n direction = 'horizontal',\n variant = 'primary',\n ...otherProps\n}: DividerProps) {\n const classNames = buildClassnames([styles[direction], styles[variant], className]);\n\n return <div className={classNames} {...otherProps} />;\n}\n"],"names":["React"],"mappings":";;;;;SAUgB,OAAO,CAAC,EACtB,SAAS,EACT,SAAS,GAAG,YAAY,EACxB,OAAO,GAAG,SAAS,EACnB,GAAG,UAAU,EACA,EAAA;AACb,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAEnF,IAAA,OAAOA,sCAAK,SAAS,EAAE,UAAU,EAAM,GAAA,UAAU,GAAI;AACvD;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"
|
|
5
|
+
___$insertStyle("._horizontal_1rb3w_1 {\n height: var(--sizes-line);\n}\n\n._vertical_1rb3w_5 {\n align-self: stretch;\n width: var(--sizes-line);\n min-height: var(--sizes-3);\n}\n\n._primary_1rb3w_11 {\n background-color: var(--colors-neutral-grey-base);\n}\n\n._secondary_1rb3w_15 {\n background-color: var(--colors-neutral-grey-blue-base);\n}");
|
|
6
|
+
var styles = {"horizontal":"_horizontal_1rb3w_1","vertical":"_vertical_1rb3w_5","primary":"_primary_1rb3w_11","secondary":"_secondary_1rb3w_15"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=Divider.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.module.scss.cjs","sources":["../../../src/components/Divider/Divider.module.scss"],"sourcesContent":[".
|
|
1
|
+
{"version":3,"file":"Divider.module.scss.cjs","sources":["../../../src/components/Divider/Divider.module.scss"],"sourcesContent":[".horizontal {\n height: var(--sizes-line);\n}\n.vertical {\n align-self: stretch;\n width: var(--sizes-line);\n min-height: var(--sizes-3);\n}\n.primary {\n background-color: var(--colors-neutral-grey-base);\n}\n.secondary {\n background-color: var(--colors-neutral-grey-blue-base);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,iVAAA;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"
|
|
3
|
+
insertStyle("._horizontal_1rb3w_1 {\n height: var(--sizes-line);\n}\n\n._vertical_1rb3w_5 {\n align-self: stretch;\n width: var(--sizes-line);\n min-height: var(--sizes-3);\n}\n\n._primary_1rb3w_11 {\n background-color: var(--colors-neutral-grey-base);\n}\n\n._secondary_1rb3w_15 {\n background-color: var(--colors-neutral-grey-blue-base);\n}");
|
|
4
|
+
var styles = {"horizontal":"_horizontal_1rb3w_1","vertical":"_vertical_1rb3w_5","primary":"_primary_1rb3w_11","secondary":"_secondary_1rb3w_15"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=Divider.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.module.scss.js","sources":["../../../src/components/Divider/Divider.module.scss"],"sourcesContent":[".
|
|
1
|
+
{"version":3,"file":"Divider.module.scss.js","sources":["../../../src/components/Divider/Divider.module.scss"],"sourcesContent":[".horizontal {\n height: var(--sizes-line);\n}\n.vertical {\n align-self: stretch;\n width: var(--sizes-line);\n min-height: var(--sizes-3);\n}\n.primary {\n background-color: var(--colors-neutral-grey-base);\n}\n.secondary {\n background-color: var(--colors-neutral-grey-blue-base);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,iVAAA;;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"viewsWrapper":"
|
|
5
|
+
___$insertStyle("._viewsWrapper_10igq_1 {\n overflow-x: scroll;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n height: inherit;\n padding: var(--sizes-sm) 6px var(--sizes-sm) 0px;\n margin-left: 0;\n}\n._viewsWrapper_10igq_1 ::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n}\n._viewsWrapper_10igq_1._compact_10igq_12 {\n padding: var(--sizes-xs);\n}\n\n._appearance-primary_10igq_16 {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._menuButton_10igq_20 {\n background-color: white !important;\n border-radius: var(--sizes-sm);\n}\n._menuButton_10igq_20:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._scrollButton_10igq_28 {\n background-color: white !important;\n}\n._scrollButton_10igq_28:disabled {\n background-color: white !important;\n}\n._scrollButton_10igq_28:disabled svg {\n color: var(--colors-neutral-ink-lightest);\n}\n._scrollButton_10igq_28:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._buttonGroup_10igq_41 {\n padding-right: var(--sizes-sm);\n}");
|
|
6
|
+
var styles = {"viewsWrapper":"_viewsWrapper_10igq_1","compact":"_compact_10igq_12","appearance-primary":"_appearance-primary_10igq_16","menuButton":"_menuButton_10igq_20","scrollButton":"_scrollButton_10igq_28","buttonGroup":"_buttonGroup_10igq_41"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=ViewsContainer.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewsContainer.module.scss.cjs","sources":["../../../src/components/ViewsContainer/ViewsContainer.module.scss"],"sourcesContent":[".viewsWrapper {\n overflow-x: scroll;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n\n ::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n }\n\n height: inherit;\n padding: var(--sizes-sm) 6px var(--sizes-sm)
|
|
1
|
+
{"version":3,"file":"ViewsContainer.module.scss.cjs","sources":["../../../src/components/ViewsContainer/ViewsContainer.module.scss"],"sourcesContent":[".viewsWrapper {\n overflow-x: scroll;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n\n ::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n }\n\n height: inherit;\n padding: var(--sizes-sm) 6px var(--sizes-sm) 0px;\n margin-left: 0;\n\n &.compact {\n padding: var(--sizes-xs);\n }\n}\n\n.appearance-primary {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n// using important to override styled-component styles on button\n.menuButton {\n background-color: white !important;\n border-radius: var(--sizes-sm);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n}\n\n// using important to override styled-component styles on button\n.scrollButton {\n background-color: white !important;\n\n &:disabled {\n background-color: white !important;\n & svg {\n color: var(--colors-neutral-ink-lightest);\n }\n }\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n}\n\n.buttonGroup {\n padding-right: var(--sizes-sm);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,gmCAAA;AACA,aAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,aAAA,CAAA,uBAAA;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"viewsWrapper":"
|
|
3
|
+
insertStyle("._viewsWrapper_10igq_1 {\n overflow-x: scroll;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n height: inherit;\n padding: var(--sizes-sm) 6px var(--sizes-sm) 0px;\n margin-left: 0;\n}\n._viewsWrapper_10igq_1 ::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n}\n._viewsWrapper_10igq_1._compact_10igq_12 {\n padding: var(--sizes-xs);\n}\n\n._appearance-primary_10igq_16 {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._menuButton_10igq_20 {\n background-color: white !important;\n border-radius: var(--sizes-sm);\n}\n._menuButton_10igq_20:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._scrollButton_10igq_28 {\n background-color: white !important;\n}\n._scrollButton_10igq_28:disabled {\n background-color: white !important;\n}\n._scrollButton_10igq_28:disabled svg {\n color: var(--colors-neutral-ink-lightest);\n}\n._scrollButton_10igq_28:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._buttonGroup_10igq_41 {\n padding-right: var(--sizes-sm);\n}");
|
|
4
|
+
var styles = {"viewsWrapper":"_viewsWrapper_10igq_1","compact":"_compact_10igq_12","appearance-primary":"_appearance-primary_10igq_16","menuButton":"_menuButton_10igq_20","scrollButton":"_scrollButton_10igq_28","buttonGroup":"_buttonGroup_10igq_41"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=ViewsContainer.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewsContainer.module.scss.js","sources":["../../../src/components/ViewsContainer/ViewsContainer.module.scss"],"sourcesContent":[".viewsWrapper {\n overflow-x: scroll;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n\n ::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n }\n\n height: inherit;\n padding: var(--sizes-sm) 6px var(--sizes-sm)
|
|
1
|
+
{"version":3,"file":"ViewsContainer.module.scss.js","sources":["../../../src/components/ViewsContainer/ViewsContainer.module.scss"],"sourcesContent":[".viewsWrapper {\n overflow-x: scroll;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n\n ::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n }\n\n height: inherit;\n padding: var(--sizes-sm) 6px var(--sizes-sm) 0px;\n margin-left: 0;\n\n &.compact {\n padding: var(--sizes-xs);\n }\n}\n\n.appearance-primary {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n// using important to override styled-component styles on button\n.menuButton {\n background-color: white !important;\n border-radius: var(--sizes-sm);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n}\n\n// using important to override styled-component styles on button\n.scrollButton {\n background-color: white !important;\n\n &:disabled {\n background-color: white !important;\n & svg {\n color: var(--colors-neutral-ink-lightest);\n }\n }\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n}\n\n.buttonGroup {\n padding-right: var(--sizes-sm);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,gmCAAA;AACA,aAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,aAAA,CAAA,uBAAA;;;;"}
|
|
@@ -26,7 +26,7 @@ export { DataTable, type ColumnWidthsType, type ColumnConfig, useCellWidths, use
|
|
|
26
26
|
export { DescriptionList } from './DescriptionList';
|
|
27
27
|
export { DetailPage } from './DetailPage';
|
|
28
28
|
export { DimensionsInput } from './DimensionsInput';
|
|
29
|
-
export { Divider } from './Divider';
|
|
29
|
+
export { Divider, type DividerProps } from './Divider';
|
|
30
30
|
export { Dropdown } from './Dropdown';
|
|
31
31
|
export { FilterTag } from './FilterTag';
|
|
32
32
|
export { Grid } from './Grid';
|