@veeqo/ui 13.19.0-beta-2 → 13.20.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/Anchor/Anchor.cjs +11 -5
- package/dist/components/Anchor/Anchor.cjs.map +1 -1
- package/dist/components/Anchor/Anchor.d.ts +1 -1
- package/dist/components/Anchor/Anchor.js +11 -5
- package/dist/components/Anchor/Anchor.js.map +1 -1
- package/dist/components/Anchor/Anchor.module.scss.cjs +9 -0
- package/dist/components/Anchor/Anchor.module.scss.cjs.map +1 -0
- package/dist/components/Anchor/Anchor.module.scss.js +7 -0
- package/dist/components/Anchor/Anchor.module.scss.js.map +1 -0
- package/dist/components/SystemBanner/SystemBanner.cjs +37 -0
- package/dist/components/SystemBanner/SystemBanner.cjs.map +1 -0
- package/dist/components/SystemBanner/SystemBanner.d.ts +3 -0
- package/dist/components/SystemBanner/SystemBanner.js +31 -0
- package/dist/components/SystemBanner/SystemBanner.js.map +1 -0
- package/dist/components/SystemBanner/SystemBanner.module.scss.cjs +9 -0
- package/dist/components/SystemBanner/SystemBanner.module.scss.cjs.map +1 -0
- package/dist/components/SystemBanner/SystemBanner.module.scss.js +7 -0
- package/dist/components/SystemBanner/SystemBanner.module.scss.js.map +1 -0
- package/dist/components/SystemBanner/index.d.ts +2 -0
- package/dist/components/SystemBanner/types.d.ts +9 -0
- package/dist/components/ToastsLayout/ToastsLayout.cjs +7 -24
- package/dist/components/ToastsLayout/ToastsLayout.cjs.map +1 -1
- package/dist/components/ToastsLayout/ToastsLayout.d.ts +0 -13
- package/dist/components/ToastsLayout/ToastsLayout.js +7 -24
- package/dist/components/ToastsLayout/ToastsLayout.js.map +1 -1
- package/dist/components/ToastsLayout/components/Toast.cjs +38 -23
- package/dist/components/ToastsLayout/components/Toast.cjs.map +1 -1
- package/dist/components/ToastsLayout/components/Toast.d.ts +1 -1
- package/dist/components/ToastsLayout/components/Toast.js +38 -23
- package/dist/components/ToastsLayout/components/Toast.js.map +1 -1
- package/dist/components/ToastsLayout/components/styled.cjs +25 -0
- package/dist/components/ToastsLayout/components/styled.cjs.map +1 -0
- package/dist/components/ToastsLayout/components/styled.d.ts +10 -0
- package/dist/components/ToastsLayout/components/styled.js +15 -0
- package/dist/components/ToastsLayout/components/styled.js.map +1 -0
- package/dist/components/ToastsLayout/index.d.ts +0 -1
- package/dist/components/ToastsLayout/types.d.ts +8 -15
- package/dist/components/TokenProvider/TokenProvider.cjs +15 -0
- package/dist/components/TokenProvider/TokenProvider.cjs.map +1 -0
- package/dist/components/TokenProvider/TokenProvider.d.ts +8 -0
- package/dist/components/TokenProvider/TokenProvider.js +9 -0
- package/dist/components/TokenProvider/TokenProvider.js.map +1 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.cjs +9 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.cjs.map +1 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.js +7 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.js.map +1 -0
- package/dist/components/TokenProvider/index.d.ts +2 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/hoc/index.d.ts +1 -0
- package/dist/hoc/withTokens/index.d.ts +2 -0
- package/dist/hoc/withTokens/withTokens.cjs +18 -0
- package/dist/hoc/withTokens/withTokens.cjs.map +1 -0
- package/dist/hoc/withTokens/withTokens.d.ts +9 -0
- package/dist/hoc/withTokens/withTokens.js +12 -0
- package/dist/hoc/withTokens/withTokens.js.map +1 -0
- package/dist/index.cjs +6 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/Anchor/styled.cjs +0 -38
- package/dist/components/Anchor/styled.cjs.map +0 -1
- package/dist/components/Anchor/styled.d.ts +0 -10
- package/dist/components/Anchor/styled.js +0 -29
- package/dist/components/Anchor/styled.js.map +0 -1
- package/dist/components/ToastsLayout/components/constants.cjs +0 -42
- package/dist/components/ToastsLayout/components/constants.cjs.map +0 -1
- package/dist/components/ToastsLayout/components/constants.d.ts +0 -2
- package/dist/components/ToastsLayout/components/constants.js +0 -36
- package/dist/components/ToastsLayout/components/constants.js.map +0 -1
- package/dist/components/ToastsLayout/components/toast.module.scss.cjs +0 -9
- package/dist/components/ToastsLayout/components/toast.module.scss.cjs.map +0 -1
- package/dist/components/ToastsLayout/components/toast.module.scss.js +0 -7
- package/dist/components/ToastsLayout/components/toast.module.scss.js.map +0 -1
- package/dist/components/ToastsLayout/components/utils.cjs +0 -10
- package/dist/components/ToastsLayout/components/utils.cjs.map +0 -1
- package/dist/components/ToastsLayout/components/utils.d.ts +0 -2
- package/dist/components/ToastsLayout/components/utils.js +0 -8
- package/dist/components/ToastsLayout/components/utils.js.map +0 -1
- package/dist/components/ToastsLayout/toastsLayout.module.scss.cjs +0 -9
- package/dist/components/ToastsLayout/toastsLayout.module.scss.cjs.map +0 -1
- package/dist/components/ToastsLayout/toastsLayout.module.scss.js +0 -7
- package/dist/components/ToastsLayout/toastsLayout.module.scss.js.map +0 -1
- package/dist/components/ToastsLayout/types.cjs +0 -12
- package/dist/components/ToastsLayout/types.cjs.map +0 -1
- package/dist/components/ToastsLayout/types.js +0 -12
- package/dist/components/ToastsLayout/types.js.map +0 -1
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styled = require('styled-components');
|
|
4
|
-
var utils = require('../../theme/utils.cjs');
|
|
5
|
-
var index = require('../../theme/index.cjs');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
10
|
-
|
|
11
|
-
const sizeMappings = {
|
|
12
|
-
lg: index.theme.sizes.md,
|
|
13
|
-
md: index.theme.sizes[5],
|
|
14
|
-
base: index.theme.sizes.base,
|
|
15
|
-
sm: index.theme.sizes[3],
|
|
16
|
-
};
|
|
17
|
-
const styleMappings = {
|
|
18
|
-
lg: 'linkLarge',
|
|
19
|
-
md: 'linkMedium',
|
|
20
|
-
base: 'link',
|
|
21
|
-
sm: 'linkSmall',
|
|
22
|
-
};
|
|
23
|
-
const UnstyledAnchor = styled__default.default.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
|
|
24
|
-
// Standard variant styling
|
|
25
|
-
const StandardAnchor = styled__default.default(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => utils.getTextStyles(index.theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${index.theme.colors.secondary.blue.dark};border-radius:${index.theme.radius.base};box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}&:hover{color:${index.theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
|
|
26
|
-
// Inherit font size and line height from parent
|
|
27
|
-
const InheritAnchor = styled__default.default(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
|
|
28
|
-
const AnchorMapping = {
|
|
29
|
-
base: StandardAnchor,
|
|
30
|
-
unstyled: UnstyledAnchor,
|
|
31
|
-
inherit: InheritAnchor,
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
exports.AnchorMapping = AnchorMapping;
|
|
35
|
-
exports.InheritAnchor = InheritAnchor;
|
|
36
|
-
exports.StandardAnchor = StandardAnchor;
|
|
37
|
-
exports.UnstyledAnchor = UnstyledAnchor;
|
|
38
|
-
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n lg: theme.sizes.md,\n md: theme.sizes[5],\n base: theme.sizes.base,\n sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n lg: 'linkLarge',\n md: 'linkMedium',\n base: 'link',\n sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n display: inline-flex;\n align-items: center;\n\n cursor: pointer;\n transition: color 0.1s ease;\n text-decoration: none;\n padding: 0 2px;\n\n ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n &:focus {\n outline: 0;\n border-color: ${theme.colors.secondary.blue.dark};\n border-radius: ${theme.radius.base};\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n svg {\n width: ${({ size }) => sizeMappings[size]};\n height: ${({ size }) => sizeMappings[size]};\n vertical-align: middle;\n flex-shrink: 0;\n }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n font-size: inherit;\n line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n NonNullable<AnchorProps['variant']>,\n StyledComponent<'a', any, StyledAnchorProps>\n> = {\n base: StandardAnchor,\n unstyled: UnstyledAnchor,\n inherit: InheritAnchor,\n};\n"],"names":["theme","styled","getTextStyles"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAGC,uBAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAGA,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAKC,mBAAa,CAACF,WAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5CA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/BA,WAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAM9C;MACa,aAAa,GAAGC,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { StyledComponent } from 'styled-components';
|
|
2
|
-
import { AnchorProps, AnchorSize } from './types';
|
|
3
|
-
type StyledAnchorProps = {
|
|
4
|
-
size: AnchorSize;
|
|
5
|
-
};
|
|
6
|
-
export declare const UnstyledAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
|
|
7
|
-
export declare const StandardAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
|
|
8
|
-
export declare const InheritAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
|
|
9
|
-
export declare const AnchorMapping: Record<NonNullable<AnchorProps['variant']>, StyledComponent<'a', any, StyledAnchorProps>>;
|
|
10
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { getTextStyles } from '../../theme/utils.js';
|
|
3
|
-
import { theme } from '../../theme/index.js';
|
|
4
|
-
|
|
5
|
-
const sizeMappings = {
|
|
6
|
-
lg: theme.sizes.md,
|
|
7
|
-
md: theme.sizes[5],
|
|
8
|
-
base: theme.sizes.base,
|
|
9
|
-
sm: theme.sizes[3],
|
|
10
|
-
};
|
|
11
|
-
const styleMappings = {
|
|
12
|
-
lg: 'linkLarge',
|
|
13
|
-
md: 'linkMedium',
|
|
14
|
-
base: 'link',
|
|
15
|
-
sm: 'linkSmall',
|
|
16
|
-
};
|
|
17
|
-
const UnstyledAnchor = styled.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
|
|
18
|
-
// Standard variant styling
|
|
19
|
-
const StandardAnchor = styled(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => getTextStyles(theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${theme.colors.secondary.blue.dark};border-radius:${theme.radius.base};box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}&:hover{color:${theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
|
|
20
|
-
// Inherit font size and line height from parent
|
|
21
|
-
const InheritAnchor = styled(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
|
|
22
|
-
const AnchorMapping = {
|
|
23
|
-
base: StandardAnchor,
|
|
24
|
-
unstyled: UnstyledAnchor,
|
|
25
|
-
inherit: InheritAnchor,
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export { AnchorMapping, InheritAnchor, StandardAnchor, UnstyledAnchor };
|
|
29
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n lg: theme.sizes.md,\n md: theme.sizes[5],\n base: theme.sizes.base,\n sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n lg: 'linkLarge',\n md: 'linkMedium',\n base: 'link',\n sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n display: inline-flex;\n align-items: center;\n\n cursor: pointer;\n transition: color 0.1s ease;\n text-decoration: none;\n padding: 0 2px;\n\n ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n &:focus {\n outline: 0;\n border-color: ${theme.colors.secondary.blue.dark};\n border-radius: ${theme.radius.base};\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n svg {\n width: ${({ size }) => sizeMappings[size]};\n height: ${({ size }) => sizeMappings[size]};\n vertical-align: middle;\n flex-shrink: 0;\n }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n font-size: inherit;\n line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n NonNullable<AnchorProps['variant']>,\n StyledComponent<'a', any, StyledAnchorProps>\n> = {\n base: StandardAnchor,\n unstyled: UnstyledAnchor,\n inherit: InheritAnchor,\n};\n"],"names":[],"mappings":";;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAG,MAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAK,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5C,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/B,KAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAM9C;MACa,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var colors = require('../../../theme/modules/colors.cjs');
|
|
5
|
-
var AttentionIcon = require('../../../icons/design-system/components/AttentionIcon.cjs');
|
|
6
|
-
var InfoIcon = require('../../../icons/design-system/components/InfoIcon.cjs');
|
|
7
|
-
var MergeIcon = require('../../../icons/design-system/components/MergeIcon.cjs');
|
|
8
|
-
var SuccessIcon = require('../../../icons/design-system/components/SuccessIcon.cjs');
|
|
9
|
-
var WarningOutlineIcon = require('../../../icons/design-system/components/WarningOutlineIcon.cjs');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
|
-
|
|
15
|
-
const ToastTypeConfig = {
|
|
16
|
-
info: {
|
|
17
|
-
accentColor: colors.colors.secondary.blue.base,
|
|
18
|
-
icon: React__default.default.createElement(InfoIcon.ReactComponent, null),
|
|
19
|
-
},
|
|
20
|
-
success: {
|
|
21
|
-
accentColor: colors.colors.secondary.green.base,
|
|
22
|
-
icon: React__default.default.createElement(SuccessIcon.ReactComponent, null),
|
|
23
|
-
},
|
|
24
|
-
error: {
|
|
25
|
-
accentColor: colors.colors.secondary.red.base,
|
|
26
|
-
icon: React__default.default.createElement(AttentionIcon.ReactComponent, null),
|
|
27
|
-
},
|
|
28
|
-
warning: {
|
|
29
|
-
accentColor: colors.colors.secondary.orange.base,
|
|
30
|
-
icon: React__default.default.createElement(WarningOutlineIcon.ReactComponent, null),
|
|
31
|
-
},
|
|
32
|
-
merge: {
|
|
33
|
-
accentColor: colors.colors.secondary.purple.base,
|
|
34
|
-
icon: React__default.default.createElement(MergeIcon.ReactComponent, null),
|
|
35
|
-
},
|
|
36
|
-
custom: {
|
|
37
|
-
accentColor: colors.colors.secondary.blue.base,
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
exports.ToastTypeConfig = ToastTypeConfig;
|
|
42
|
-
//# sourceMappingURL=constants.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.cjs","sources":["../../../../src/components/ToastsLayout/components/constants.tsx"],"sourcesContent":["import React from 'react';\n\nimport { colors } from 'Theme/modules/colors';\nimport { ToastType } from '../types';\nimport {\n SuccessIcon,\n InfoIcon,\n AttentionIcon,\n MergeIcon,\n WarningOutlineIcon,\n} from '../../../icons';\n\nexport const ToastTypeConfig: ToastType = {\n info: {\n accentColor: colors.secondary.blue.base,\n icon: <InfoIcon />,\n },\n success: {\n accentColor: colors.secondary.green.base,\n icon: <SuccessIcon />,\n },\n error: {\n accentColor: colors.secondary.red.base,\n icon: <AttentionIcon />,\n },\n warning: {\n accentColor: colors.secondary.orange.base,\n icon: <WarningOutlineIcon />,\n },\n merge: {\n accentColor: colors.secondary.purple.base,\n icon: <MergeIcon />,\n },\n custom: {\n accentColor: colors.secondary.blue.base,\n },\n};\n"],"names":["colors","React","InfoIcon","SuccessIcon","AttentionIcon","WarningOutlineIcon","MergeIcon"],"mappings":";;;;;;;;;;;;;;AAYa,MAAA,eAAe,GAAc;AACxC,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACvC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAC,uBAAQ,EAAG,IAAA,CAAA;AACnB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAEF,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QACxC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAE,0BAAW,EAAG,IAAA,CAAA;AACtB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAEH,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACtC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAG,4BAAa,EAAG,IAAA,CAAA;AACxB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAEJ,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAI,iCAAkB,EAAG,IAAA,CAAA;AAC7B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAEL,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAK,wBAAS,EAAG,IAAA,CAAA;AACpB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAEN,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AACxC,KAAA;;;;;"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { colors } from '../../../theme/modules/colors.js';
|
|
3
|
-
import { ReactComponent as AttentionIcon } from '../../../icons/design-system/components/AttentionIcon.js';
|
|
4
|
-
import { ReactComponent as InfoIcon } from '../../../icons/design-system/components/InfoIcon.js';
|
|
5
|
-
import { ReactComponent as MergeIcon } from '../../../icons/design-system/components/MergeIcon.js';
|
|
6
|
-
import { ReactComponent as SuccessIcon } from '../../../icons/design-system/components/SuccessIcon.js';
|
|
7
|
-
import { ReactComponent as WarningOutlineIcon } from '../../../icons/design-system/components/WarningOutlineIcon.js';
|
|
8
|
-
|
|
9
|
-
const ToastTypeConfig = {
|
|
10
|
-
info: {
|
|
11
|
-
accentColor: colors.secondary.blue.base,
|
|
12
|
-
icon: React__default.createElement(InfoIcon, null),
|
|
13
|
-
},
|
|
14
|
-
success: {
|
|
15
|
-
accentColor: colors.secondary.green.base,
|
|
16
|
-
icon: React__default.createElement(SuccessIcon, null),
|
|
17
|
-
},
|
|
18
|
-
error: {
|
|
19
|
-
accentColor: colors.secondary.red.base,
|
|
20
|
-
icon: React__default.createElement(AttentionIcon, null),
|
|
21
|
-
},
|
|
22
|
-
warning: {
|
|
23
|
-
accentColor: colors.secondary.orange.base,
|
|
24
|
-
icon: React__default.createElement(WarningOutlineIcon, null),
|
|
25
|
-
},
|
|
26
|
-
merge: {
|
|
27
|
-
accentColor: colors.secondary.purple.base,
|
|
28
|
-
icon: React__default.createElement(MergeIcon, null),
|
|
29
|
-
},
|
|
30
|
-
custom: {
|
|
31
|
-
accentColor: colors.secondary.blue.base,
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export { ToastTypeConfig };
|
|
36
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/ToastsLayout/components/constants.tsx"],"sourcesContent":["import React from 'react';\n\nimport { colors } from 'Theme/modules/colors';\nimport { ToastType } from '../types';\nimport {\n SuccessIcon,\n InfoIcon,\n AttentionIcon,\n MergeIcon,\n WarningOutlineIcon,\n} from '../../../icons';\n\nexport const ToastTypeConfig: ToastType = {\n info: {\n accentColor: colors.secondary.blue.base,\n icon: <InfoIcon />,\n },\n success: {\n accentColor: colors.secondary.green.base,\n icon: <SuccessIcon />,\n },\n error: {\n accentColor: colors.secondary.red.base,\n icon: <AttentionIcon />,\n },\n warning: {\n accentColor: colors.secondary.orange.base,\n icon: <WarningOutlineIcon />,\n },\n merge: {\n accentColor: colors.secondary.purple.base,\n icon: <MergeIcon />,\n },\n custom: {\n accentColor: colors.secondary.blue.base,\n },\n};\n"],"names":["React"],"mappings":";;;;;;;;AAYa,MAAA,eAAe,GAAc;AACxC,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACvC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAG,IAAA,CAAA;AACnB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QACxC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,WAAW,EAAG,IAAA,CAAA;AACtB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACtC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;AACxB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,kBAAkB,EAAG,IAAA,CAAA;AAC7B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAG,IAAA,CAAA;AACpB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AACxC,KAAA;;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._toastContainer_fb3uj_1 {\n background-color: var(--colors-neutral-ink-dark);\n padding: var(--sizes-3);\n box-shadow: var(--shadows-md);\n border-radius: var(--radius-base);\n pointer-events: auto;\n z-index: 40;\n min-width: var(--toast-min-width, 50vw);\n max-width: 80vw;\n}\n\nbutton._toastCloseButton_fb3uj_12:hover {\n background-color: var(--colors-neutral-ink-light);\n}\nbutton._toastCloseButton_fb3uj_12:active {\n background-color: var(--colors-neutral-ink-lightest);\n}\n\n._iconWrapper_fb3uj_19 {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: var(--radius-base);\n background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n color: #fff;\n}\n._iconWrapper_fb3uj_19 svg {\n width: var(--sizes-md);\n height: var(--sizes-md);\n}\n\np._toastText_fb3uj_35 {\n color: #fff;\n}");
|
|
6
|
-
var styles = {"toastContainer":"_toastContainer_fb3uj_1","toastCloseButton":"_toastCloseButton_fb3uj_12","iconWrapper":"_iconWrapper_fb3uj_19","toastText":"_toastText_fb3uj_35"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=toast.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toast.module.scss.cjs","sources":["../../../../src/components/ToastsLayout/components/toast.module.scss"],"sourcesContent":[".toastContainer {\n background-color: var(--colors-neutral-ink-dark);\n padding: var(--sizes-3);\n box-shadow: var(--shadows-md);\n border-radius: var(--radius-base);\n pointer-events: auto;\n z-index: 40;\n min-width: var(--toast-min-width, 50vw);\n max-width: 80vw;\n}\n\nbutton.toastCloseButton {\n &:hover {\n background-color: var(--colors-neutral-ink-light);\n }\n &:active {\n background-color: var(--colors-neutral-ink-lightest);\n }\n}\n\n.iconWrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: var(--radius-base);\n background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n color: #fff;\n\n svg {\n width: var(--sizes-md);\n height: var(--sizes-md);\n }\n}\n\np.toastText {\n color: #fff;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,45BAAA;AACA,aAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,qBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._toastContainer_fb3uj_1 {\n background-color: var(--colors-neutral-ink-dark);\n padding: var(--sizes-3);\n box-shadow: var(--shadows-md);\n border-radius: var(--radius-base);\n pointer-events: auto;\n z-index: 40;\n min-width: var(--toast-min-width, 50vw);\n max-width: 80vw;\n}\n\nbutton._toastCloseButton_fb3uj_12:hover {\n background-color: var(--colors-neutral-ink-light);\n}\nbutton._toastCloseButton_fb3uj_12:active {\n background-color: var(--colors-neutral-ink-lightest);\n}\n\n._iconWrapper_fb3uj_19 {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: var(--radius-base);\n background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n color: #fff;\n}\n._iconWrapper_fb3uj_19 svg {\n width: var(--sizes-md);\n height: var(--sizes-md);\n}\n\np._toastText_fb3uj_35 {\n color: #fff;\n}");
|
|
4
|
-
var styles = {"toastContainer":"_toastContainer_fb3uj_1","toastCloseButton":"_toastCloseButton_fb3uj_12","iconWrapper":"_iconWrapper_fb3uj_19","toastText":"_toastText_fb3uj_35"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=toast.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toast.module.scss.js","sources":["../../../../src/components/ToastsLayout/components/toast.module.scss"],"sourcesContent":[".toastContainer {\n background-color: var(--colors-neutral-ink-dark);\n padding: var(--sizes-3);\n box-shadow: var(--shadows-md);\n border-radius: var(--radius-base);\n pointer-events: auto;\n z-index: 40;\n min-width: var(--toast-min-width, 50vw);\n max-width: 80vw;\n}\n\nbutton.toastCloseButton {\n &:hover {\n background-color: var(--colors-neutral-ink-light);\n }\n &:active {\n background-color: var(--colors-neutral-ink-lightest);\n }\n}\n\n.iconWrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: var(--radius-base);\n background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n color: #fff;\n\n svg {\n width: var(--sizes-md);\n height: var(--sizes-md);\n }\n}\n\np.toastText {\n color: #fff;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,45BAAA;AACA,aAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,qBAAA;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const generateToastClassNames = (prefix) => ({
|
|
4
|
-
container: prefix ? `${prefix}-toast-container` : undefined,
|
|
5
|
-
icon: prefix ? `${prefix}-toast-icon` : undefined,
|
|
6
|
-
closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,
|
|
7
|
-
});
|
|
8
|
-
|
|
9
|
-
exports.generateToastClassNames = generateToastClassNames;
|
|
10
|
-
//# sourceMappingURL=utils.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.cjs","sources":["../../../../src/components/ToastsLayout/components/utils.ts"],"sourcesContent":["import { ClassNamesReturnPayload } from '../types';\n\nexport const generateToastClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n container: prefix ? `${prefix}-toast-container` : undefined,\n icon: prefix ? `${prefix}-toast-icon` : undefined,\n closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,\n});\n"],"names":[],"mappings":";;MAEa,uBAAuB,GAAG,CAAC,MAAe,MAA+B;IACpF,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAkB,gBAAA,CAAA,GAAG,SAAS;IAC3D,IAAI,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAa,WAAA,CAAA,GAAG,SAAS;IACjD,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAmB,iBAAA,CAAA,GAAG,SAAS;AAC7D,CAAA;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
const generateToastClassNames = (prefix) => ({
|
|
2
|
-
container: prefix ? `${prefix}-toast-container` : undefined,
|
|
3
|
-
icon: prefix ? `${prefix}-toast-icon` : undefined,
|
|
4
|
-
closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
export { generateToastClassNames };
|
|
8
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/ToastsLayout/components/utils.ts"],"sourcesContent":["import { ClassNamesReturnPayload } from '../types';\n\nexport const generateToastClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n container: prefix ? `${prefix}-toast-container` : undefined,\n icon: prefix ? `${prefix}-toast-icon` : undefined,\n closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,\n});\n"],"names":[],"mappings":"MAEa,uBAAuB,GAAG,CAAC,MAAe,MAA+B;IACpF,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAkB,gBAAA,CAAA,GAAG,SAAS;IAC3D,IAAI,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAa,WAAA,CAAA,GAAG,SAAS;IACjD,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAmB,iBAAA,CAAA,GAAG,SAAS;AAC7D,CAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._toastsLayoutContainer_o6hq3_1 {\n position: fixed;\n bottom: var(--sizes-6);\n left: 0;\n right: 0;\n width: 100%;\n pointer-events: none;\n z-index: var(--layers-tooltip);\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-enter {\n transform: translateY(12px);\n opacity: 0;\n transition: 225ms ease;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-enter-active {\n transform: translateY(0);\n opacity: 1;\n transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-enter-done {\n opacity: 1;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit {\n transform: translateX(0);\n opacity: 1;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit[data-toast-last=true] {\n transform: translateY(0);\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit-active {\n transform: translateX(12px);\n opacity: 0;\n transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit-active[data-toast-last=true] {\n transform: translateY(12px);\n}");
|
|
6
|
-
var styles = {"toastsLayoutContainer":"_toastsLayoutContainer_o6hq3_1"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=toastsLayout.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toastsLayout.module.scss.cjs","sources":["../../../src/components/ToastsLayout/toastsLayout.module.scss"],"sourcesContent":[".toastsLayoutContainer {\n position: fixed;\n bottom: var(--sizes-6);\n left: 0;\n right: 0;\n width: 100%;\n pointer-events: none;\n z-index: var(--layers-tooltip);\n\n // The CSSTransition components adds non-scoped class names for transition\n // phases. :global is used to target these class names without the default\n // locally scoped id suffix appended by CSS modules.\n :global(.veeqo-components-toast-enter) {\n transform: translateY(12px);\n opacity: 0;\n transition: 225ms ease;\n }\n\n :global(.veeqo-components-toast-enter-active) {\n transform: translateY(0);\n opacity: 1;\n transition: 225ms ease-in-out;\n }\n :global(.veeqo-components-toast-enter-done) {\n opacity: 1;\n }\n\n :global(.veeqo-components-toast-exit) {\n transform: translateX(0);\n opacity: 1;\n\n &[data-toast-last='true'] {\n transform: translateY(0);\n }\n }\n\n :global(.veeqo-components-toast-exit-active) {\n transform: translateX(12px);\n opacity: 0;\n transition: 225ms ease-in-out;\n\n &[data-toast-last='true'] {\n transform: translateY(12px);\n }\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,yjCAAA;AACA,aAAA,CAAA,uBAAA,CAAA,gCAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._toastsLayoutContainer_o6hq3_1 {\n position: fixed;\n bottom: var(--sizes-6);\n left: 0;\n right: 0;\n width: 100%;\n pointer-events: none;\n z-index: var(--layers-tooltip);\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-enter {\n transform: translateY(12px);\n opacity: 0;\n transition: 225ms ease;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-enter-active {\n transform: translateY(0);\n opacity: 1;\n transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-enter-done {\n opacity: 1;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit {\n transform: translateX(0);\n opacity: 1;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit[data-toast-last=true] {\n transform: translateY(0);\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit-active {\n transform: translateX(12px);\n opacity: 0;\n transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o6hq3_1 .veeqo-components-toast-exit-active[data-toast-last=true] {\n transform: translateY(12px);\n}");
|
|
4
|
-
var styles = {"toastsLayoutContainer":"_toastsLayoutContainer_o6hq3_1"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=toastsLayout.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toastsLayout.module.scss.js","sources":["../../../src/components/ToastsLayout/toastsLayout.module.scss"],"sourcesContent":[".toastsLayoutContainer {\n position: fixed;\n bottom: var(--sizes-6);\n left: 0;\n right: 0;\n width: 100%;\n pointer-events: none;\n z-index: var(--layers-tooltip);\n\n // The CSSTransition components adds non-scoped class names for transition\n // phases. :global is used to target these class names without the default\n // locally scoped id suffix appended by CSS modules.\n :global(.veeqo-components-toast-enter) {\n transform: translateY(12px);\n opacity: 0;\n transition: 225ms ease;\n }\n\n :global(.veeqo-components-toast-enter-active) {\n transform: translateY(0);\n opacity: 1;\n transition: 225ms ease-in-out;\n }\n :global(.veeqo-components-toast-enter-done) {\n opacity: 1;\n }\n\n :global(.veeqo-components-toast-exit) {\n transform: translateX(0);\n opacity: 1;\n\n &[data-toast-last='true'] {\n transform: translateY(0);\n }\n }\n\n :global(.veeqo-components-toast-exit-active) {\n transform: translateX(12px);\n opacity: 0;\n transition: 225ms ease-in-out;\n\n &[data-toast-last='true'] {\n transform: translateY(12px);\n }\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,yjCAAA;AACA,aAAA,CAAA,uBAAA,CAAA,gCAAA;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.ToastTypes = void 0;
|
|
4
|
-
(function (ToastTypes) {
|
|
5
|
-
ToastTypes["info"] = "info";
|
|
6
|
-
ToastTypes["error"] = "error";
|
|
7
|
-
ToastTypes["warning"] = "warning";
|
|
8
|
-
ToastTypes["success"] = "success";
|
|
9
|
-
ToastTypes["merge"] = "merge";
|
|
10
|
-
ToastTypes["custom"] = "custom";
|
|
11
|
-
})(exports.ToastTypes || (exports.ToastTypes = {}));
|
|
12
|
-
//# sourceMappingURL=types.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.cjs","sources":["../../../src/components/ToastsLayout/types.ts"],"sourcesContent":["import { ReactElement } from 'react';\n\nexport enum ToastTypes {\n info = 'info',\n error = 'error',\n warning = 'warning',\n success = 'success',\n merge = 'merge',\n custom = 'custom',\n}\n\nexport type ToastType = Record<ToastTypes, { accentColor: string; icon?: ReactElement }>;\n\nexport type ToastPropTypes = Omit<Notification, 'id' | 'key'> & {\n e2eClassName?: string;\n last: boolean;\n minWidth: number | string;\n onClose: () => void;\n};\n\nexport type ToastsLayoutPropTypes = {\n e2eClassName?: string;\n toasts: Notification[];\n minWidth?: number | string;\n max?: number | null;\n /** Portal target element. Defaults to document.body */\n portalTarget?: Element;\n onClose: (key: string) => void;\n};\n\nexport type ClassNamesReturnPayload = {\n container?: string;\n icon?: string;\n closeIcon?: string;\n};\n\nexport type Notification = {\n /** Unique identifier for the toast */\n id: string;\n type: keyof typeof ToastTypes;\n iconSlot?: ReactElement;\n /** Main message text */\n message: string;\n /** Optional secondary message */\n subMessage?: string;\n /** Optional action buttons slot */\n ctaSlot?: React.ReactNode;\n};\n"],"names":["ToastTypes"],"mappings":";;AAEYA;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAPWA,kBAAU,KAAVA,kBAAU,GAOrB,EAAA,CAAA,CAAA;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
var ToastTypes;
|
|
2
|
-
(function (ToastTypes) {
|
|
3
|
-
ToastTypes["info"] = "info";
|
|
4
|
-
ToastTypes["error"] = "error";
|
|
5
|
-
ToastTypes["warning"] = "warning";
|
|
6
|
-
ToastTypes["success"] = "success";
|
|
7
|
-
ToastTypes["merge"] = "merge";
|
|
8
|
-
ToastTypes["custom"] = "custom";
|
|
9
|
-
})(ToastTypes || (ToastTypes = {}));
|
|
10
|
-
|
|
11
|
-
export { ToastTypes };
|
|
12
|
-
//# sourceMappingURL=types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../src/components/ToastsLayout/types.ts"],"sourcesContent":["import { ReactElement } from 'react';\n\nexport enum ToastTypes {\n info = 'info',\n error = 'error',\n warning = 'warning',\n success = 'success',\n merge = 'merge',\n custom = 'custom',\n}\n\nexport type ToastType = Record<ToastTypes, { accentColor: string; icon?: ReactElement }>;\n\nexport type ToastPropTypes = Omit<Notification, 'id' | 'key'> & {\n e2eClassName?: string;\n last: boolean;\n minWidth: number | string;\n onClose: () => void;\n};\n\nexport type ToastsLayoutPropTypes = {\n e2eClassName?: string;\n toasts: Notification[];\n minWidth?: number | string;\n max?: number | null;\n /** Portal target element. Defaults to document.body */\n portalTarget?: Element;\n onClose: (key: string) => void;\n};\n\nexport type ClassNamesReturnPayload = {\n container?: string;\n icon?: string;\n closeIcon?: string;\n};\n\nexport type Notification = {\n /** Unique identifier for the toast */\n id: string;\n type: keyof typeof ToastTypes;\n iconSlot?: ReactElement;\n /** Main message text */\n message: string;\n /** Optional secondary message */\n subMessage?: string;\n /** Optional action buttons slot */\n ctaSlot?: React.ReactNode;\n};\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAPW,UAAU,KAAV,UAAU,GAOrB,EAAA,CAAA,CAAA;;;;"}
|