@veeqo/ui 13.4.1 → 13.4.3
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/Alerts/MiniAlert/MiniAlert.cjs +2 -2
- package/dist/components/Alerts/MiniAlert/MiniAlert.cjs.map +1 -1
- package/dist/components/Alerts/MiniAlert/MiniAlert.d.ts +1 -1
- package/dist/components/Alerts/MiniAlert/MiniAlert.js +2 -2
- package/dist/components/Alerts/MiniAlert/MiniAlert.js.map +1 -1
- package/dist/components/Alerts/MiniAlert/types.d.ts +1 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/DataGrid/index.d.ts +1 -0
- package/dist/components/DataTable/index.d.ts +1 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/PhoneInput/index.d.ts +1 -1
- package/dist/components/Search/Search.d.ts +1 -1
- package/dist/components/Search/index.d.ts +1 -0
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/ToastsLayout/index.d.ts +1 -0
- package/dist/components/index.d.ts +9 -9
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
16
|
|
|
17
|
-
const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, className, ...divProps }) => {
|
|
17
|
+
const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, isBold = true, className, ...divProps }) => {
|
|
18
18
|
const DefaultIcon = constants.IconMap[variant];
|
|
19
19
|
return (React__default.default.createElement(FlexRow.FlexRow, { gap: "xs", role: "status", flexWrap: "nowrap", ...divProps, className: className },
|
|
20
20
|
React__default.default.createElement(FlexRow.FlexRow, { style: assignCssVars.assignCssVars({ iconColor: customIconColour }), className: buildClassnames.buildClassnames([
|
|
@@ -22,7 +22,7 @@ const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, cu
|
|
|
22
22
|
Alerts_module[`${variant}-alert-variant`],
|
|
23
23
|
MiniAlert_module['mini-alert-size'],
|
|
24
24
|
]) }, iconSlot || React__default.default.createElement(DefaultIcon, { role: "presentation" })),
|
|
25
|
-
React__default.default.createElement(Text.Text, { variant:
|
|
25
|
+
React__default.default.createElement(Text.Text, { variant: isBold ? 'bodyBold' : 'body', style: assignCssVars.assignCssVars({ textColor: customTitleColour }), className: buildClassnames.buildClassnames([MiniAlert_module.text, MiniAlert_module[`${variant}-variant`]]) }, title)));
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
exports.MiniAlert = MiniAlert;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MiniAlert.cjs","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n title,\n variant = 'default',\n iconSlot,\n customTitleColour,\n customIconColour,\n className,\n ...divProps\n}: MiniAlertProps) => {\n const DefaultIcon = IconMap[variant];\n\n return (\n <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n <FlexRow\n style={assignCssVars({ iconColor: customIconColour })}\n className={buildClassnames([\n alertStyles.icon,\n alertStyles[`${variant}-alert-variant`],\n styles['mini-alert-size'],\n ])}\n >\n {iconSlot || <DefaultIcon role=\"presentation\" />}\n </FlexRow>\n <Text\n variant
|
|
1
|
+
{"version":3,"file":"MiniAlert.cjs","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n title,\n variant = 'default',\n iconSlot,\n customTitleColour,\n customIconColour,\n isBold = true,\n className,\n ...divProps\n}: MiniAlertProps) => {\n const DefaultIcon = IconMap[variant];\n\n return (\n <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n <FlexRow\n style={assignCssVars({ iconColor: customIconColour })}\n className={buildClassnames([\n alertStyles.icon,\n alertStyles[`${variant}-alert-variant`],\n styles['mini-alert-size'],\n ])}\n >\n {iconSlot || <DefaultIcon role=\"presentation\" />}\n </FlexRow>\n <Text\n variant={isBold ? 'bodyBold' : 'body'}\n style={assignCssVars({ textColor: customTitleColour })}\n className={buildClassnames([styles.text, styles[`${variant}-variant`]])}\n >\n {title}\n </Text>\n </FlexRow>\n );\n};\n"],"names":["IconMap","React","FlexRow","assignCssVars","buildClassnames","alertStyles","styles","Text"],"mappings":";;;;;;;;;;;;;;;;AAWO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,GAAG,QAAQ,EACI,KAAI;AACnB,IAAA,MAAM,WAAW,GAAGA,iBAAO,CAAC,OAAO,CAAC;IAEpC,QACEC,qCAACC,eAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAA,GAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA;AAClF,QAAAD,sBAAA,CAAA,aAAA,CAACC,eAAO,EACN,EAAA,KAAK,EAAEC,2BAAa,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACrD,SAAS,EAAEC,+BAAe,CAAC;AACzB,gBAAAC,aAAW,CAAC,IAAI;AAChB,gBAAAA,aAAW,CAAC,CAAA,EAAG,OAAO,CAAA,cAAA,CAAgB,CAAC;gBACvCC,gBAAM,CAAC,iBAAiB,CAAC;aAC1B,CAAC,EAAA,EAED,QAAQ,IAAIL,sBAAC,CAAA,aAAA,CAAA,WAAW,IAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACxC;QACVA,sBAAC,CAAA,aAAA,CAAAM,SAAI,IACH,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,EACrC,KAAK,EAAEJ,2BAAa,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EACtD,SAAS,EAAEC,+BAAe,CAAC,CAACE,gBAAM,CAAC,IAAI,EAAEA,gBAAM,CAAC,GAAG,OAAO,CAAA,QAAA,CAAU,CAAC,CAAC,CAAC,IAEtE,KAAK,CACD,CACC;AAEd;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MiniAlertProps } from './types';
|
|
3
|
-
export declare const MiniAlert: ({ title, variant, iconSlot, customTitleColour, customIconColour, className, ...divProps }: MiniAlertProps) => React.JSX.Element;
|
|
3
|
+
export declare const MiniAlert: ({ title, variant, iconSlot, customTitleColour, customIconColour, isBold, className, ...divProps }: MiniAlertProps) => React.JSX.Element;
|
|
@@ -8,7 +8,7 @@ import { Text } from '../../Text/Text.js';
|
|
|
8
8
|
import styles from './MiniAlert.module.scss.js';
|
|
9
9
|
import alertStyles from '../Alerts.module.scss.js';
|
|
10
10
|
|
|
11
|
-
const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, className, ...divProps }) => {
|
|
11
|
+
const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, isBold = true, className, ...divProps }) => {
|
|
12
12
|
const DefaultIcon = IconMap[variant];
|
|
13
13
|
return (React__default.createElement(FlexRow, { gap: "xs", role: "status", flexWrap: "nowrap", ...divProps, className: className },
|
|
14
14
|
React__default.createElement(FlexRow, { style: assignCssVars({ iconColor: customIconColour }), className: buildClassnames([
|
|
@@ -16,7 +16,7 @@ const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, cu
|
|
|
16
16
|
alertStyles[`${variant}-alert-variant`],
|
|
17
17
|
styles['mini-alert-size'],
|
|
18
18
|
]) }, iconSlot || React__default.createElement(DefaultIcon, { role: "presentation" })),
|
|
19
|
-
React__default.createElement(Text, { variant:
|
|
19
|
+
React__default.createElement(Text, { variant: isBold ? 'bodyBold' : 'body', style: assignCssVars({ textColor: customTitleColour }), className: buildClassnames([styles.text, styles[`${variant}-variant`]]) }, title)));
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
export { MiniAlert };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n title,\n variant = 'default',\n iconSlot,\n customTitleColour,\n customIconColour,\n className,\n ...divProps\n}: MiniAlertProps) => {\n const DefaultIcon = IconMap[variant];\n\n return (\n <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n <FlexRow\n style={assignCssVars({ iconColor: customIconColour })}\n className={buildClassnames([\n alertStyles.icon,\n alertStyles[`${variant}-alert-variant`],\n styles['mini-alert-size'],\n ])}\n >\n {iconSlot || <DefaultIcon role=\"presentation\" />}\n </FlexRow>\n <Text\n variant
|
|
1
|
+
{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n title,\n variant = 'default',\n iconSlot,\n customTitleColour,\n customIconColour,\n isBold = true,\n className,\n ...divProps\n}: MiniAlertProps) => {\n const DefaultIcon = IconMap[variant];\n\n return (\n <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n <FlexRow\n style={assignCssVars({ iconColor: customIconColour })}\n className={buildClassnames([\n alertStyles.icon,\n alertStyles[`${variant}-alert-variant`],\n styles['mini-alert-size'],\n ])}\n >\n {iconSlot || <DefaultIcon role=\"presentation\" />}\n </FlexRow>\n <Text\n variant={isBold ? 'bodyBold' : 'body'}\n style={assignCssVars({ textColor: customTitleColour })}\n className={buildClassnames([styles.text, styles[`${variant}-variant`]])}\n >\n {title}\n </Text>\n </FlexRow>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAWO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,GAAG,QAAQ,EACI,KAAI;AACnB,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IAEpC,QACEA,6BAAC,OAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAA,GAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA;AAClF,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EACN,EAAA,KAAK,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACrD,SAAS,EAAE,eAAe,CAAC;AACzB,gBAAA,WAAW,CAAC,IAAI;AAChB,gBAAA,WAAW,CAAC,CAAA,EAAG,OAAO,CAAA,cAAA,CAAgB,CAAC;gBACvC,MAAM,CAAC,iBAAiB,CAAC;aAC1B,CAAC,EAAA,EAED,QAAQ,IAAIA,cAAC,CAAA,aAAA,CAAA,WAAW,IAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACxC;QACVA,cAAC,CAAA,aAAA,CAAA,IAAI,IACH,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,EACrC,KAAK,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EACtD,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,OAAO,CAAA,QAAA,CAAU,CAAC,CAAC,CAAC,IAEtE,KAAK,CACD,CACC;AAEd;;;;"}
|
|
@@ -293,7 +293,7 @@ export declare const PhoneInput: import("react").FC<{
|
|
|
293
293
|
wrap?: string | undefined;
|
|
294
294
|
} & {
|
|
295
295
|
value?: string | undefined;
|
|
296
|
-
type?: import("
|
|
296
|
+
type?: import("..").TextFieldType | undefined;
|
|
297
297
|
onChange?: ((value: string) => void) | undefined;
|
|
298
298
|
hasError?: boolean | undefined;
|
|
299
299
|
size?: "base" | "sm" | undefined;
|
|
@@ -293,7 +293,7 @@ export declare const Search: React.FC<{
|
|
|
293
293
|
wrap?: string | undefined;
|
|
294
294
|
} & {
|
|
295
295
|
value?: string | undefined;
|
|
296
|
-
type?: import("
|
|
296
|
+
type?: import("..").TextFieldType | undefined;
|
|
297
297
|
onChange?: ((value: string) => void) | undefined;
|
|
298
298
|
hasError?: boolean | undefined;
|
|
299
299
|
size?: "base" | "sm" | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Select } from './Select';
|
|
1
|
+
export { Select, SelectOption } from './Select';
|
|
@@ -9,7 +9,7 @@ export { Badge } from './Badge';
|
|
|
9
9
|
export { Banner } from './Banner';
|
|
10
10
|
export { BaseContainer } from './BaseContainer';
|
|
11
11
|
export { Breadcrumbs } from './Breadcrumbs';
|
|
12
|
-
export { Button } from './Button';
|
|
12
|
+
export { Button, ButtonProps } from './Button';
|
|
13
13
|
export { RangeCalendar, Calendar, useIsDateUnavailable } from './Calendars';
|
|
14
14
|
export { Card } from './Card';
|
|
15
15
|
export { CardHeader } from './CardHeader';
|
|
@@ -20,7 +20,7 @@ export { CopyToClipboard } from './CopyToClipboard';
|
|
|
20
20
|
export { DateInputField } from './DateInputField';
|
|
21
21
|
export { DatePicker } from './DatePicker';
|
|
22
22
|
export { DateRangePicker, DATE_RANGE_OPTIONS, DEFAULT_PRESET, DEFAULT_RANGE, DateRanges, getDateRange, } from './DateRangePicker';
|
|
23
|
-
export { DataTable, useCellWidths, useColumns, useNested, useScrollPosition, useSelection, } from './DataTable';
|
|
23
|
+
export { DataTable, ColumnWidthsType, ColumnConfig, useCellWidths, useColumns, useNested, useScrollPosition, useSelection, } from './DataTable';
|
|
24
24
|
export { DescriptionList } from './DescriptionList';
|
|
25
25
|
export { DetailPage } from './DetailPage';
|
|
26
26
|
export { DimensionsInput } from './DimensionsInput';
|
|
@@ -33,26 +33,26 @@ export { InputGroup } from './InputGroup';
|
|
|
33
33
|
export { LegacyDataTable } from './LegacyDataTable';
|
|
34
34
|
export { Loader } from './Loader';
|
|
35
35
|
export { LoginWithAmazonButton } from './LoginWithAmazonButton';
|
|
36
|
-
export { Modal } from './Modal';
|
|
36
|
+
export { Modal, Action } from './Modal';
|
|
37
37
|
export { Pagination } from './Pagination';
|
|
38
38
|
export { Popover } from './Popover';
|
|
39
39
|
export { Portal } from './Portal';
|
|
40
40
|
export { PriceInput } from './PriceInput';
|
|
41
41
|
export { Radio } from './Radio';
|
|
42
42
|
export { ScreenReaderOnly } from './ScreenReaderOnly';
|
|
43
|
-
export { Search } from './Search';
|
|
43
|
+
export { Search, SearchProps } from './Search';
|
|
44
44
|
export { SegmentedControl } from './SegmentedControl';
|
|
45
|
-
export { Select } from './Select';
|
|
45
|
+
export { Select, SelectOption } from './Select';
|
|
46
46
|
export { ShortcutKeys } from './ShortcutKeys';
|
|
47
47
|
export { SimpleTable } from './SimpleTable';
|
|
48
48
|
export { Skeleton } from './Skeleton';
|
|
49
49
|
export { Slider } from './Slider';
|
|
50
|
-
export { Stack } from './Stack';
|
|
50
|
+
export { Stack, StackProps } from './Stack';
|
|
51
51
|
export { Stepper } from './Stepper';
|
|
52
52
|
export { Tag } from './Tag';
|
|
53
53
|
export { Text } from './Text';
|
|
54
|
-
export { TextField } from './TextField';
|
|
55
|
-
export { ToastsLayout } from './ToastsLayout';
|
|
54
|
+
export { TextField, TextFieldType } from './TextField';
|
|
55
|
+
export { ToastsLayout, Notification } from './ToastsLayout';
|
|
56
56
|
export { Toggle } from './Toggle';
|
|
57
57
|
export { ToggleButton } from './ToggleButton';
|
|
58
58
|
export { Tooltip } from './Tooltip';
|
|
@@ -68,7 +68,7 @@ export { WeightInput } from './WeightInput';
|
|
|
68
68
|
export { Indicator } from './Indicator';
|
|
69
69
|
export { SelectDropdown } from './SelectDropdown';
|
|
70
70
|
export { ThemeInjector } from './ThemeInjector';
|
|
71
|
-
export { DataGrid } from './DataGrid';
|
|
71
|
+
export { DataGrid, ColumnDefinition, RowGroupingConfiguration, SortState } from './DataGrid';
|
|
72
72
|
export { FlexCol } from './Flex/FlexCol';
|
|
73
73
|
export { FlexRow } from './Flex/FlexRow';
|
|
74
74
|
export { PhoneInput } from './PhoneInput';
|