@transferwise/components 0.0.0-experimental-1d18c88 → 0.0.0-experimental-0df66ca
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/build/button/Button.js +1 -2
- package/build/button/Button.js.map +1 -1
- package/build/button/Button.mjs +1 -2
- package/build/button/Button.mjs.map +1 -1
- package/build/checkboxOption/CheckboxOption.js.map +1 -1
- package/build/checkboxOption/CheckboxOption.mjs.map +1 -1
- package/build/common/dateUtils/isDateValid/isDateValid.js +3 -3
- package/build/common/dateUtils/isDateValid/isDateValid.js.map +1 -1
- package/build/common/dateUtils/isDateValid/isDateValid.mjs +3 -3
- package/build/common/dateUtils/isDateValid/isDateValid.mjs.map +1 -1
- package/build/dimmer/dimmerManager/DimmerManager.js.map +1 -1
- package/build/dimmer/dimmerManager/DimmerManager.mjs.map +1 -1
- package/build/emphasis/EmphasisHtmlTransformer.js.map +1 -1
- package/build/emphasis/EmphasisHtmlTransformer.mjs.map +1 -1
- package/build/main.css +9 -26
- package/build/moneyInput/currencyFormatting.js +2 -2
- package/build/moneyInput/currencyFormatting.js.map +1 -1
- package/build/moneyInput/currencyFormatting.mjs +2 -2
- package/build/moneyInput/currencyFormatting.mjs.map +1 -1
- package/build/styles/button/Button.css +9 -26
- package/build/styles/button/Button.vars.css +7 -13
- package/build/styles/main.css +9 -26
- package/build/types/button/Button.d.ts.map +1 -1
- package/build/types/button/Button.types.d.ts +3 -12
- package/build/types/button/Button.types.d.ts.map +1 -1
- package/build/types/checkboxOption/CheckboxOption.d.ts +1 -2
- package/build/types/checkboxOption/CheckboxOption.d.ts.map +1 -1
- package/build/types/dimmer/dimmerManager/DimmerManager.d.ts +1 -1
- package/build/types/dimmer/dimmerManager/DimmerManager.d.ts.map +1 -1
- package/build/types/emphasis/EmphasisHtmlTransformer.d.ts +2 -2
- package/build/types/emphasis/EmphasisHtmlTransformer.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/accordion/Accordion.story.tsx +2 -2
- package/src/button/Button.css +9 -26
- package/src/button/Button.less +2 -2
- package/src/button/Button.story.tsx +292 -477
- package/src/button/Button.tsx +1 -2
- package/src/button/Button.types.ts +3 -12
- package/src/button/Button.vars.css +7 -13
- package/src/button/Button.vars.less +7 -13
- package/src/checkboxOption/CheckboxOption.tsx +1 -2
- package/src/common/dateUtils/isDateValid/isDateValid.ts +3 -3
- package/src/common/dateUtils/moveToWithinRange/moveToWithinRange.spec.js +2 -2
- package/src/dateInput/DateInput.spec.tsx +7 -0
- package/src/dateLookup/dateHeader/DateHeader.spec.js +2 -2
- package/src/dateLookup/dayCalendar/DayCalendar.spec.js +1 -1
- package/src/dateLookup/monthCalendar/MonthCalendar.spec.js +1 -1
- package/src/dateLookup/yearCalendar/YearCalendar.spec.js +1 -1
- package/src/dimmer/dimmerManager/DimmerManager.ts +1 -1
- package/src/emphasis/EmphasisHtmlTransformer.spec.tsx +4 -4
- package/src/emphasis/EmphasisHtmlTransformer.ts +2 -2
- package/src/main.css +9 -26
- package/src/moneyInput/currencyFormatting.ts +3 -3
- package/src/promoCard/PromoCardGroup.story.tsx +3 -15
- package/src/provider/theme/ThemeProvider.story.tsx +3 -5
- package/src/select/option/Option.spec.js +2 -2
- package/src/upload/Upload.events.spec.js +5 -5
package/build/button/Button.js
CHANGED
|
@@ -31,14 +31,13 @@ const Button = /*#__PURE__*/React.forwardRef(({
|
|
|
31
31
|
md: 'medium',
|
|
32
32
|
lg: 'large'
|
|
33
33
|
}[size];
|
|
34
|
-
const resolvedPriority = priority || 'primary';
|
|
35
34
|
const classNames = clsx.clsx('wds-Button', {
|
|
36
35
|
[`wds-Button`]: as === 'a',
|
|
37
36
|
[`wds-Button--block`]: block,
|
|
38
37
|
[`wds-Button--disabled`]: disabled,
|
|
39
38
|
[`wds-Button--loading`]: loading,
|
|
40
39
|
[`wds-Button--${sizeClass}`]: size,
|
|
41
|
-
[`wds-Button--${
|
|
40
|
+
[`wds-Button--${priority}`]: priority,
|
|
42
41
|
[`wds-Button--${sentiment}`]: sentiment
|
|
43
42
|
}, className);
|
|
44
43
|
const contentClassNames = clsx.clsx('wds-Button-content', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../src/button/Button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { forwardRef } from 'react';\nimport { ButtonProps as NewButtonProps } from './Button.types';\nimport { PrimitiveAnchor, PrimitiveButton } from '../primitives';\nimport AvatarLayout from '../avatarLayout';\nimport ProcessIndicator from '../processIndicator';\nimport { clsx } from 'clsx';\n\nconst Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, NewButtonProps>(\n (\n {\n as = 'button',\n children,\n className,\n size = 'lg',\n href,\n disabled = false,\n priority = 'primary',\n sentiment = 'default',\n iconStart: IconStart,\n iconEnd: IconEnd,\n avatars,\n type = 'button',\n loading = false,\n block = false,\n ...props\n },\n ref,\n ) => {\n const sizeClass = { sm: 'small', md: 'medium', lg: 'large' }[size];\n
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/button/Button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { forwardRef } from 'react';\nimport { ButtonProps as NewButtonProps } from './Button.types';\nimport { PrimitiveAnchor, PrimitiveButton } from '../primitives';\nimport AvatarLayout from '../avatarLayout';\nimport ProcessIndicator from '../processIndicator';\nimport { clsx } from 'clsx';\n\nconst Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, NewButtonProps>(\n (\n {\n as = 'button',\n children,\n className,\n size = 'lg',\n href,\n disabled = false,\n priority = 'primary',\n sentiment = 'default',\n iconStart: IconStart,\n iconEnd: IconEnd,\n avatars,\n type = 'button',\n loading = false,\n block = false,\n ...props\n },\n ref,\n ) => {\n const sizeClass = { sm: 'small', md: 'medium', lg: 'large' }[size];\n\n const classNames = clsx(\n 'wds-Button',\n {\n [`wds-Button`]: as === 'a',\n [`wds-Button--block`]: block,\n [`wds-Button--disabled`]: disabled,\n [`wds-Button--loading`]: loading,\n [`wds-Button--${sizeClass}`]: size,\n [`wds-Button--${priority}`]: priority,\n [`wds-Button--${sentiment}`]: sentiment,\n },\n className,\n );\n\n const contentClassNames = clsx('wds-Button-content', {\n [`wds-Button-content--loading`]: loading,\n });\n\n const content = (\n <span className={contentClassNames}>\n {loading && (\n <ProcessIndicator\n size=\"xs\"\n className=\"wds-Button-loader\"\n data-testid=\"button-loader-indicator\"\n />\n )}\n <span className=\"wds-Button-label\" aria-hidden={loading}>\n {size === 'lg' ? (\n children\n ) : (\n <>\n {size === 'md' && avatars && (\n <span className=\"wds-Button-avatars\">\n <AvatarLayout orientation=\"horizontal\" avatars={avatars} size={24} />\n </span>\n )}\n {!avatars && IconStart && (\n <IconStart className=\"wds-Button-icon wds-Button-icon--start\" />\n )}\n {children}\n {IconEnd && <IconEnd className=\"wds-Button-icon wds-Button-icon--end\" />}\n </>\n )}\n </span>\n </span>\n );\n\n if (as === 'a') {\n return (\n <PrimitiveAnchor\n ref={ref as React.Ref<HTMLAnchorElement>}\n {...(props as any)}\n href={href}\n className={classNames}\n disabled={disabled}\n >\n {content}\n </PrimitiveAnchor>\n );\n }\n\n return (\n <PrimitiveButton\n ref={ref as React.Ref<HTMLButtonElement>}\n {...(props as any)}\n className={classNames}\n disabled={disabled}\n loading={loading}\n type={type}\n >\n {content}\n </PrimitiveButton>\n );\n },\n);\n\nexport default Button;\n"],"names":["Button","forwardRef","as","children","className","size","href","disabled","priority","sentiment","iconStart","IconStart","iconEnd","IconEnd","avatars","type","loading","block","props","ref","sizeClass","sm","md","lg","classNames","clsx","contentClassNames","content","_jsxs","_jsx","ProcessIndicator","_Fragment","AvatarLayout","orientation","PrimitiveAnchor","PrimitiveButton"],"mappings":"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"}
|
package/build/button/Button.mjs
CHANGED
|
@@ -29,14 +29,13 @@ const Button = /*#__PURE__*/forwardRef(({
|
|
|
29
29
|
md: 'medium',
|
|
30
30
|
lg: 'large'
|
|
31
31
|
}[size];
|
|
32
|
-
const resolvedPriority = priority || 'primary';
|
|
33
32
|
const classNames = clsx('wds-Button', {
|
|
34
33
|
[`wds-Button`]: as === 'a',
|
|
35
34
|
[`wds-Button--block`]: block,
|
|
36
35
|
[`wds-Button--disabled`]: disabled,
|
|
37
36
|
[`wds-Button--loading`]: loading,
|
|
38
37
|
[`wds-Button--${sizeClass}`]: size,
|
|
39
|
-
[`wds-Button--${
|
|
38
|
+
[`wds-Button--${priority}`]: priority,
|
|
40
39
|
[`wds-Button--${sentiment}`]: sentiment
|
|
41
40
|
}, className);
|
|
42
41
|
const contentClassNames = clsx('wds-Button-content', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.mjs","sources":["../../src/button/Button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { forwardRef } from 'react';\nimport { ButtonProps as NewButtonProps } from './Button.types';\nimport { PrimitiveAnchor, PrimitiveButton } from '../primitives';\nimport AvatarLayout from '../avatarLayout';\nimport ProcessIndicator from '../processIndicator';\nimport { clsx } from 'clsx';\n\nconst Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, NewButtonProps>(\n (\n {\n as = 'button',\n children,\n className,\n size = 'lg',\n href,\n disabled = false,\n priority = 'primary',\n sentiment = 'default',\n iconStart: IconStart,\n iconEnd: IconEnd,\n avatars,\n type = 'button',\n loading = false,\n block = false,\n ...props\n },\n ref,\n ) => {\n const sizeClass = { sm: 'small', md: 'medium', lg: 'large' }[size];\n
|
|
1
|
+
{"version":3,"file":"Button.mjs","sources":["../../src/button/Button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { forwardRef } from 'react';\nimport { ButtonProps as NewButtonProps } from './Button.types';\nimport { PrimitiveAnchor, PrimitiveButton } from '../primitives';\nimport AvatarLayout from '../avatarLayout';\nimport ProcessIndicator from '../processIndicator';\nimport { clsx } from 'clsx';\n\nconst Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, NewButtonProps>(\n (\n {\n as = 'button',\n children,\n className,\n size = 'lg',\n href,\n disabled = false,\n priority = 'primary',\n sentiment = 'default',\n iconStart: IconStart,\n iconEnd: IconEnd,\n avatars,\n type = 'button',\n loading = false,\n block = false,\n ...props\n },\n ref,\n ) => {\n const sizeClass = { sm: 'small', md: 'medium', lg: 'large' }[size];\n\n const classNames = clsx(\n 'wds-Button',\n {\n [`wds-Button`]: as === 'a',\n [`wds-Button--block`]: block,\n [`wds-Button--disabled`]: disabled,\n [`wds-Button--loading`]: loading,\n [`wds-Button--${sizeClass}`]: size,\n [`wds-Button--${priority}`]: priority,\n [`wds-Button--${sentiment}`]: sentiment,\n },\n className,\n );\n\n const contentClassNames = clsx('wds-Button-content', {\n [`wds-Button-content--loading`]: loading,\n });\n\n const content = (\n <span className={contentClassNames}>\n {loading && (\n <ProcessIndicator\n size=\"xs\"\n className=\"wds-Button-loader\"\n data-testid=\"button-loader-indicator\"\n />\n )}\n <span className=\"wds-Button-label\" aria-hidden={loading}>\n {size === 'lg' ? (\n children\n ) : (\n <>\n {size === 'md' && avatars && (\n <span className=\"wds-Button-avatars\">\n <AvatarLayout orientation=\"horizontal\" avatars={avatars} size={24} />\n </span>\n )}\n {!avatars && IconStart && (\n <IconStart className=\"wds-Button-icon wds-Button-icon--start\" />\n )}\n {children}\n {IconEnd && <IconEnd className=\"wds-Button-icon wds-Button-icon--end\" />}\n </>\n )}\n </span>\n </span>\n );\n\n if (as === 'a') {\n return (\n <PrimitiveAnchor\n ref={ref as React.Ref<HTMLAnchorElement>}\n {...(props as any)}\n href={href}\n className={classNames}\n disabled={disabled}\n >\n {content}\n </PrimitiveAnchor>\n );\n }\n\n return (\n <PrimitiveButton\n ref={ref as React.Ref<HTMLButtonElement>}\n {...(props as any)}\n className={classNames}\n disabled={disabled}\n loading={loading}\n type={type}\n >\n {content}\n </PrimitiveButton>\n );\n },\n);\n\nexport default Button;\n"],"names":["Button","forwardRef","as","children","className","size","href","disabled","priority","sentiment","iconStart","IconStart","iconEnd","IconEnd","avatars","type","loading","block","props","ref","sizeClass","sm","md","lg","classNames","clsx","contentClassNames","content","_jsxs","_jsx","ProcessIndicator","_Fragment","AvatarLayout","orientation","PrimitiveAnchor","PrimitiveButton"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxOption.js","sources":["../../src/checkboxOption/CheckboxOption.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport CheckboxButton from '../checkboxButton';\nimport Option from '../common/Option';\nimport { ReferenceType
|
|
1
|
+
{"version":3,"file":"CheckboxOption.js","sources":["../../src/checkboxOption/CheckboxOption.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport CheckboxButton from '../checkboxButton';\nimport Option from '../common/Option';\nimport { ReferenceType, BaseOptionProps } from '../common/Option/Option';\n\nexport type CheckboxOptionProps = Omit<BaseOptionProps, 'onChange'> & {\n /**\n * The checked state of the checkbox.\n */\n checked?: boolean;\n /**\n * Function to call when the checkbox option is clicked\n */\n onChange?: (value: boolean) => void;\n};\n\nconst CheckboxOption = forwardRef<ReferenceType, CheckboxOptionProps>(\n ({ checked, disabled, onChange, ...rest }, reference) => {\n return (\n <Option\n {...rest}\n ref={reference}\n disabled={disabled}\n button={\n <CheckboxButton\n checked={checked}\n disabled={disabled}\n onChange={() => onChange?.(!checked)}\n />\n }\n />\n );\n },\n);\n\nexport default CheckboxOption;\n"],"names":["CheckboxOption","forwardRef","checked","disabled","onChange","rest","reference","_jsx","Option","ref","button","CheckboxButton"],"mappings":";;;;;;;AAiBA,MAAMA,cAAc,gBAAGC,gBAAU,CAC/B,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC,IAAAA;CAAM,EAAEC,SAAS,KAAI;EACtD,oBACEC,cAAA,CAACC,MAAM,EAAA;AAAA,IAAA,GACDH,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfH,IAAAA,QAAQ,EAAEA,QAAS;IACnBO,MAAM,eACJH,cAAA,CAACI,cAAc,EAAA;AACbT,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,MAAMA,QAAQ,GAAG,CAACF,OAAO,CAAA;KAEvC,CAAA;AAAC,GACD,CAAA,CAAA;AAEN,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxOption.mjs","sources":["../../src/checkboxOption/CheckboxOption.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport CheckboxButton from '../checkboxButton';\nimport Option from '../common/Option';\nimport { ReferenceType
|
|
1
|
+
{"version":3,"file":"CheckboxOption.mjs","sources":["../../src/checkboxOption/CheckboxOption.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport CheckboxButton from '../checkboxButton';\nimport Option from '../common/Option';\nimport { ReferenceType, BaseOptionProps } from '../common/Option/Option';\n\nexport type CheckboxOptionProps = Omit<BaseOptionProps, 'onChange'> & {\n /**\n * The checked state of the checkbox.\n */\n checked?: boolean;\n /**\n * Function to call when the checkbox option is clicked\n */\n onChange?: (value: boolean) => void;\n};\n\nconst CheckboxOption = forwardRef<ReferenceType, CheckboxOptionProps>(\n ({ checked, disabled, onChange, ...rest }, reference) => {\n return (\n <Option\n {...rest}\n ref={reference}\n disabled={disabled}\n button={\n <CheckboxButton\n checked={checked}\n disabled={disabled}\n onChange={() => onChange?.(!checked)}\n />\n }\n />\n );\n },\n);\n\nexport default CheckboxOption;\n"],"names":["CheckboxOption","forwardRef","checked","disabled","onChange","rest","reference","_jsx","Option","ref","button","CheckboxButton"],"mappings":";;;;;AAiBA,MAAMA,cAAc,gBAAGC,UAAU,CAC/B,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC,IAAAA;CAAM,EAAEC,SAAS,KAAI;EACtD,oBACEC,GAAA,CAACC,MAAM,EAAA;AAAA,IAAA,GACDH,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfH,IAAAA,QAAQ,EAAEA,QAAS;IACnBO,MAAM,eACJH,GAAA,CAACI,cAAc,EAAA;AACbT,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,MAAMA,QAAQ,GAAG,CAACF,OAAO,CAAA;KAEvC,CAAA;AAAC,GACD,CAAA,CAAA;AAEN,CAAC;;;;"}
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
const isDateValid = date => {
|
|
4
4
|
if (date === null) {
|
|
5
5
|
return false;
|
|
6
|
-
}
|
|
6
|
+
}
|
|
7
|
+
if (date instanceof Date) {
|
|
7
8
|
return validDateObject(date);
|
|
8
|
-
} else {
|
|
9
|
-
return validDateString(date);
|
|
10
9
|
}
|
|
10
|
+
return validDateString(date);
|
|
11
11
|
};
|
|
12
12
|
const validDateString = dateString => validDateObject(new Date(dateString));
|
|
13
13
|
const validDateObject = dateObject => !isNaN(dateObject.getTime());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isDateValid.js","sources":["../../../../src/common/dateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n if (date === null) {\n return false;\n }
|
|
1
|
+
{"version":3,"file":"isDateValid.js","sources":["../../../../src/common/dateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n if (date === null) {\n return false;\n }\n if (date instanceof Date) {\n return validDateObject(date);\n }\n return validDateString(date);\n};\n\nexport const validDateString = (dateString: string) => validDateObject(new Date(dateString));\n\nconst validDateObject = (dateObject: Date) => !isNaN(dateObject.getTime());\n"],"names":["isDateValid","date","Date","validDateObject","validDateString","dateString","dateObject","isNaN","getTime"],"mappings":";;AAAaA,MAAAA,WAAW,GAAIC,IAA0B,IAAI;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;AACjB,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;EACA,IAAIA,IAAI,YAAYC,IAAI,EAAE;IACxB,OAAOC,eAAe,CAACF,IAAI,CAAC,CAAA;AAC9B,GAAA;EACA,OAAOG,eAAe,CAACH,IAAI,CAAC,CAAA;AAC9B,EAAC;AAEYG,MAAAA,eAAe,GAAIC,UAAkB,IAAKF,eAAe,CAAC,IAAID,IAAI,CAACG,UAAU,CAAC,EAAC;AAE5F,MAAMF,eAAe,GAAIG,UAAgB,IAAK,CAACC,KAAK,CAACD,UAAU,CAACE,OAAO,EAAE,CAAC;;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
const isDateValid = date => {
|
|
2
2
|
if (date === null) {
|
|
3
3
|
return false;
|
|
4
|
-
}
|
|
4
|
+
}
|
|
5
|
+
if (date instanceof Date) {
|
|
5
6
|
return validDateObject(date);
|
|
6
|
-
} else {
|
|
7
|
-
return validDateString(date);
|
|
8
7
|
}
|
|
8
|
+
return validDateString(date);
|
|
9
9
|
};
|
|
10
10
|
const validDateString = dateString => validDateObject(new Date(dateString));
|
|
11
11
|
const validDateObject = dateObject => !isNaN(dateObject.getTime());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isDateValid.mjs","sources":["../../../../src/common/dateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n if (date === null) {\n return false;\n }
|
|
1
|
+
{"version":3,"file":"isDateValid.mjs","sources":["../../../../src/common/dateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n if (date === null) {\n return false;\n }\n if (date instanceof Date) {\n return validDateObject(date);\n }\n return validDateString(date);\n};\n\nexport const validDateString = (dateString: string) => validDateObject(new Date(dateString));\n\nconst validDateObject = (dateObject: Date) => !isNaN(dateObject.getTime());\n"],"names":["isDateValid","date","Date","validDateObject","validDateString","dateString","dateObject","isNaN","getTime"],"mappings":"AAAaA,MAAAA,WAAW,GAAIC,IAA0B,IAAI;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;AACjB,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;EACA,IAAIA,IAAI,YAAYC,IAAI,EAAE;IACxB,OAAOC,eAAe,CAACF,IAAI,CAAC,CAAA;AAC9B,GAAA;EACA,OAAOG,eAAe,CAACH,IAAI,CAAC,CAAA;AAC9B,EAAC;AAEYG,MAAAA,eAAe,GAAIC,UAAkB,IAAKF,eAAe,CAAC,IAAID,IAAI,CAACG,UAAU,CAAC,EAAC;AAE5F,MAAMF,eAAe,GAAIG,UAAgB,IAAK,CAACC,KAAK,CAACD,UAAU,CAACE,OAAO,EAAE,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DimmerManager.js","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":";;AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;
|
|
1
|
+
{"version":3,"file":"DimmerManager.js","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private readonly dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":";;AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;EACcC,OAAO,CAAA;AAExBC,EAAAA,WAAAA,GAAA;IACE,IAAI,CAACD,OAAO,GAAG,EAAE,CAAA;AACnB,GAAA;EAEAE,GAAGA,CAACC,MAAe,EAAA;IACjB,IAAIC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAC9C,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;AACtB,MAAA,OAAOA,WAAW,CAAA;AACpB,KAAA;AAEAA,IAAAA,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACM,MAAM,CAAA;AACjC,IAAA,IAAI,CAACN,OAAO,CAACO,IAAI,CAACJ,MAAM,CAAC,CAAA;AACzB,IAAA,OAAOC,WAAW,CAAA;AACpB,GAAA;EAEAI,MAAMA,CAACL,MAAe,EAAA;IACpB,MAAMC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAEhD,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;MACtB,IAAI,CAACJ,OAAO,CAACS,MAAM,CAACL,WAAW,EAAE,CAAC,CAAC,CAAA;AACrC,KAAA;AACA,IAAA,OAAOA,WAAW,CAAA;AACpB,GAAA;EAEAM,KAAKA,CAACP,MAAe,EAAA;IACnB,OAAO,IAAI,CAACH,OAAO,CAACM,MAAM,GAAG,CAAC,IAAI,IAAI,CAACN,OAAO,CAAC,IAAI,CAACA,OAAO,CAACM,MAAM,GAAG,CAAC,CAAC,KAAKH,MAAM,CAAA;AACpF,GAAA;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DimmerManager.mjs","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":"AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;
|
|
1
|
+
{"version":3,"file":"DimmerManager.mjs","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private readonly dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":"AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;EACcC,OAAO,CAAA;AAExBC,EAAAA,WAAAA,GAAA;IACE,IAAI,CAACD,OAAO,GAAG,EAAE,CAAA;AACnB,GAAA;EAEAE,GAAGA,CAACC,MAAe,EAAA;IACjB,IAAIC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAC9C,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;AACtB,MAAA,OAAOA,WAAW,CAAA;AACpB,KAAA;AAEAA,IAAAA,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACM,MAAM,CAAA;AACjC,IAAA,IAAI,CAACN,OAAO,CAACO,IAAI,CAACJ,MAAM,CAAC,CAAA;AACzB,IAAA,OAAOC,WAAW,CAAA;AACpB,GAAA;EAEAI,MAAMA,CAACL,MAAe,EAAA;IACpB,MAAMC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAEhD,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;MACtB,IAAI,CAACJ,OAAO,CAACS,MAAM,CAACL,WAAW,EAAE,CAAC,CAAC,CAAA;AACrC,KAAA;AACA,IAAA,OAAOA,WAAW,CAAA;AACpB,GAAA;EAEAM,KAAKA,CAACP,MAAe,EAAA;IACnB,OAAO,IAAI,CAACH,OAAO,CAACM,MAAM,GAAG,CAAC,IAAI,IAAI,CAACN,OAAO,CAAC,IAAI,CAACA,OAAO,CAACM,MAAM,GAAG,CAAC,CAAC,KAAKH,MAAM,CAAA;AACpF,GAAA;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmphasisHtmlTransformer.js","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '<';\nconst ESCAPED_CLOSING_CHEVRON = '>';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags:
|
|
1
|
+
{"version":3,"file":"EmphasisHtmlTransformer.js","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '<';\nconst ESCAPED_CLOSING_CHEVRON = '>';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags: Tags[];\n\n constructor(whitelistedTags?: string[]) {\n this.tags = (whitelistedTags || []).map((tag) => {\n return {\n transformed: {\n opening: `<em class=\"emphasis emphasis--${tag}\">`,\n closing: '</em>',\n },\n escapedRegex: {\n opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n },\n };\n });\n }\n\n // Algorithm:\n // 1) Escape all dangerous characters (<,>,&)\n // 2) Replace all escaped, whitelisted tags with styled spans.\n // 3) Transform new line characters to `<br />`s\n //\n // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n transform(unsafe: string): string | null {\n if (!unsafe) {\n return null;\n }\n\n const safe = unsafe.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');\n\n return this.tags\n .reduce((accumulator, tag) => {\n return accumulator\n .replace(tag.escapedRegex.opening, tag.transformed.opening)\n .replace(tag.escapedRegex.closing, tag.transformed.closing);\n }, safe)\n .replace(/\\\\n|\\n/g, '<br />');\n }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":";;AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA0B,EAAA;IACpC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAE,CAAiCF,8BAAAA,EAAAA,GAAG,CAAI,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAGO,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAIO,CAAAA,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmphasisHtmlTransformer.mjs","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '<';\nconst ESCAPED_CLOSING_CHEVRON = '>';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags:
|
|
1
|
+
{"version":3,"file":"EmphasisHtmlTransformer.mjs","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '<';\nconst ESCAPED_CLOSING_CHEVRON = '>';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags: Tags[];\n\n constructor(whitelistedTags?: string[]) {\n this.tags = (whitelistedTags || []).map((tag) => {\n return {\n transformed: {\n opening: `<em class=\"emphasis emphasis--${tag}\">`,\n closing: '</em>',\n },\n escapedRegex: {\n opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n },\n };\n });\n }\n\n // Algorithm:\n // 1) Escape all dangerous characters (<,>,&)\n // 2) Replace all escaped, whitelisted tags with styled spans.\n // 3) Transform new line characters to `<br />`s\n //\n // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n transform(unsafe: string): string | null {\n if (!unsafe) {\n return null;\n }\n\n const safe = unsafe.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');\n\n return this.tags\n .reduce((accumulator, tag) => {\n return accumulator\n .replace(tag.escapedRegex.opening, tag.transformed.opening)\n .replace(tag.escapedRegex.closing, tag.transformed.closing);\n }, safe)\n .replace(/\\\\n|\\n/g, '<br />');\n }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":"AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA0B,EAAA;IACpC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAE,CAAiCF,8BAAAA,EAAAA,GAAG,CAAI,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAGO,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAIO,CAAAA,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}
|
package/build/main.css
CHANGED
|
@@ -716,7 +716,7 @@ div.critical-comms .critical-comms-body {
|
|
|
716
716
|
.np-btn.disabled[class] {
|
|
717
717
|
pointer-events: auto;
|
|
718
718
|
}
|
|
719
|
-
|
|
719
|
+
.wds-Button {
|
|
720
720
|
--Button-background: var(--color-interactive-accent);
|
|
721
721
|
--Button-background-hover: var(--color-interactive-accent-hover);
|
|
722
722
|
--Button-background-active: var(--color-interactive-accent-active);
|
|
@@ -749,31 +749,25 @@ div.critical-comms .critical-comms-body {
|
|
|
749
749
|
--Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
|
|
750
750
|
--Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
|
|
751
751
|
--Button-primary-negative-color: var(--color-contrast);
|
|
752
|
-
--Button-primary-
|
|
752
|
+
--Button-primary-negative-avatar-border-color: rgba(255,255,255,0.2);
|
|
753
753
|
--Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
|
|
754
754
|
--Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
|
|
755
755
|
--Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
|
|
756
756
|
--Button-secondary-negative-color: var(--color-sentiment-negative-primary);
|
|
757
|
-
--Button-secondary-
|
|
757
|
+
--Button-secondary-negative-avatar-border-color: rgba(168,32,13,0.12157);
|
|
758
758
|
}
|
|
759
759
|
.np-theme-personal--dark .wds-Button {
|
|
760
|
-
--Button-primary-
|
|
760
|
+
--Button-primary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
761
761
|
}
|
|
762
762
|
.np-theme-personal--forest-green .wds-Button {
|
|
763
|
-
--
|
|
764
|
-
--
|
|
765
|
-
--color-interactive-neutral-active: rgba(236,255,224,0.2);
|
|
766
|
-
--color-sentiment-negative-secondary: rgba(255,196,194,0.2);
|
|
767
|
-
--color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
|
|
768
|
-
--color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
|
|
769
|
-
--Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
770
|
-
--Button-secondary-netative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
763
|
+
--Button-primary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
764
|
+
--Button-secondary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
771
765
|
}
|
|
772
766
|
.np-theme-personal--bright-green .wds-Button {
|
|
773
767
|
--color-contrast: #FFFFFF;
|
|
774
768
|
--Button-secondary-color: var(--color-interactive-control);
|
|
775
769
|
--Button-secondary-negative-color: var(--color-contrast);
|
|
776
|
-
--Button-secondary-
|
|
770
|
+
--Button-secondary-negative-avatar-border-color: var(--Button-primary-negative-avatar-border-color);
|
|
777
771
|
}
|
|
778
772
|
/* Button Styles */
|
|
779
773
|
.wds-Button {
|
|
@@ -783,13 +777,9 @@ div.critical-comms .critical-comms-body {
|
|
|
783
777
|
align-items: center;
|
|
784
778
|
justify-content: center;
|
|
785
779
|
vertical-align: middle;
|
|
786
|
-
font-weight: 600;
|
|
787
780
|
font-weight: var(--Button-font-weight);
|
|
788
|
-
font-size: 1rem;
|
|
789
781
|
font-size: var(--Button-font-size);
|
|
790
|
-
letter-spacing: -0.011em;
|
|
791
782
|
letter-spacing: var(--Button-letter-spacing);
|
|
792
|
-
line-height: 24px;
|
|
793
783
|
line-height: var(--Button-line-height);
|
|
794
784
|
text-align: center;
|
|
795
785
|
-webkit-text-decoration: none;
|
|
@@ -799,16 +789,12 @@ div.critical-comms .critical-comms-body {
|
|
|
799
789
|
-webkit-appearance: none;
|
|
800
790
|
-moz-appearance: none;
|
|
801
791
|
appearance: none;
|
|
802
|
-
background-color: #00a2dd;
|
|
803
792
|
background-color: var(--Button-background);
|
|
804
793
|
border: none;
|
|
805
|
-
border-radius: 9999px;
|
|
806
794
|
border-radius: var(--Button-border-radius);
|
|
807
795
|
color: var(--Button-color);
|
|
808
796
|
cursor: pointer;
|
|
809
|
-
padding: 8px 12px;
|
|
810
797
|
padding: var(--Button-padding);
|
|
811
|
-
transition: color, background-color 150ms ease-in-out;
|
|
812
798
|
transition: color, background-color var(--Button-transition-duration) var(--Button-transition-easing);
|
|
813
799
|
}
|
|
814
800
|
.wds-Button:focus {
|
|
@@ -816,13 +802,11 @@ div.critical-comms .critical-comms-body {
|
|
|
816
802
|
text-decoration: none;
|
|
817
803
|
}
|
|
818
804
|
.wds-Button:hover {
|
|
819
|
-
background-color: #008fc9;
|
|
820
805
|
background-color: var(--Button-background-hover);
|
|
821
806
|
-webkit-text-decoration: none;
|
|
822
807
|
text-decoration: none;
|
|
823
808
|
}
|
|
824
809
|
.wds-Button:active {
|
|
825
|
-
background-color: #0081ba;
|
|
826
810
|
background-color: var(--Button-background-active);
|
|
827
811
|
-webkit-text-decoration: none;
|
|
828
812
|
text-decoration: none;
|
|
@@ -837,7 +821,6 @@ div.critical-comms .critical-comms-body {
|
|
|
837
821
|
.wds-Button:disabled:hover,
|
|
838
822
|
.wds-Button.wds-Button--disabled:active,
|
|
839
823
|
.wds-Button:disabled:active {
|
|
840
|
-
background-color: #00a2dd;
|
|
841
824
|
background-color: var(--Button-background);
|
|
842
825
|
}
|
|
843
826
|
.wds-Button--secondary {
|
|
@@ -875,14 +858,14 @@ div.critical-comms .critical-comms-body {
|
|
|
875
858
|
--Button-background-hover: var(--Button-primary-negative-background-hover);
|
|
876
859
|
--Button-background-active: var(--Button-primary-negative-background-active);
|
|
877
860
|
--Button-color: var(--Button-primary-negative-color);
|
|
878
|
-
--Button-avatar-border-color: var(--Button-primary-
|
|
861
|
+
--Button-avatar-border-color: var(--Button-primary-negative-avatar-border-color);
|
|
879
862
|
}
|
|
880
863
|
.wds-Button--negative.wds-Button--secondary {
|
|
881
864
|
--Button-background: var(--Button-secondary-negative-background);
|
|
882
865
|
--Button-background-hover: var(--Button-secondary-negative-background-hover);
|
|
883
866
|
--Button-background-active: var(--Button-secondary-negative-background-active);
|
|
884
867
|
--Button-color: var(--Button-secondary-negative-color);
|
|
885
|
-
--Button-avatar-border-color: var(--Button-secondary-
|
|
868
|
+
--Button-avatar-border-color: var(--Button-secondary-negative-avatar-border-color);
|
|
886
869
|
}
|
|
887
870
|
.wds-Button--small {
|
|
888
871
|
--Button-padding: var(--Button-size-small-padding);
|
|
@@ -57,8 +57,8 @@ function parseAmount(number, currency, locale = index.DEFAULT_LOCALE) {
|
|
|
57
57
|
const precision = getCurrencyDecimals(currency);
|
|
58
58
|
const groupSeparator = isNumberLocaleSupported() ? 10000 .toLocaleString(validLocale)[2] : ',';
|
|
59
59
|
const decimalSeparator = getDecimalSeparator(validLocale);
|
|
60
|
-
const numberWithStandardDecimalSeparator = (number ?
|
|
61
|
-
const parsedAmount = parseFloat(parseFloat(numberWithStandardDecimalSeparator).toFixed(precision));
|
|
60
|
+
const numberWithStandardDecimalSeparator = (number ? String(number) : '').replace(new RegExp(`\\${groupSeparator}`, 'g'), '').replace(new RegExp(`\\${decimalSeparator}`, 'g'), '.').replace(/[^0-9.]/g, '');
|
|
61
|
+
const parsedAmount = Number.parseFloat(Number.parseFloat(numberWithStandardDecimalSeparator).toFixed(precision));
|
|
62
62
|
return Math.abs(parsedAmount);
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"currencyFormatting.js","sources":["../../src/moneyInput/currencyFormatting.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\n\nimport { DEFAULT_LOCALE } from '../common/locale';\n\nexport { formatAmount };\n\n// TODO: do not duplicate this between formatting and components\nconst currencyDecimals: Record<string, number> = {\n BIF: 0,\n BYR: 0,\n CLP: 0,\n DJF: 0,\n GNF: 0,\n JPY: 0,\n KMF: 0,\n KRW: 0,\n MGA: 0,\n PYG: 0,\n RWF: 0,\n VND: 0,\n VUV: 0,\n XAF: 0,\n XOF: 0,\n XPF: 0,\n // technically HUF does have decimals, but due to the exchange rate banks\n // do not accept decimal amounts\n HUF: 0,\n\n BHD: 3,\n JOD: 3,\n KWD: 3,\n OMR: 3,\n TND: 3,\n};\n\nconst DEFAULT_CURRENCY_DECIMALS = 2;\n\nfunction isNumberLocaleSupported() {\n const number = 1234;\n const numberString = number.toLocaleString && number.toLocaleString(DEFAULT_LOCALE);\n return numberString === '1,234';\n}\n\nfunction getValidLocale(locale: string) {\n try {\n const noUnderscoreLocale = locale.replace(/_/, '-');\n\n Intl.NumberFormat(noUnderscoreLocale);\n return noUnderscoreLocale;\n } catch {\n return DEFAULT_LOCALE;\n }\n}\n\nfunction getCurrencyDecimals(currency: string) {\n const upperCaseCurrency = currency.toUpperCase();\n return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;\n}\n\nfunction getDecimalSeparator(locale: string) {\n return isNumberLocaleSupported() ? (1.1).toLocaleString(locale)[1] : '.';\n}\n\nexport function parseAmount(number: string, currency: string, locale = DEFAULT_LOCALE) {\n const validLocale = getValidLocale(locale);\n\n const precision = getCurrencyDecimals(currency);\n const groupSeparator = isNumberLocaleSupported() ? (10000).toLocaleString(validLocale)[2] : ',';\n const decimalSeparator = getDecimalSeparator(validLocale);\n const numberWithStandardDecimalSeparator = (number ?
|
|
1
|
+
{"version":3,"file":"currencyFormatting.js","sources":["../../src/moneyInput/currencyFormatting.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\n\nimport { DEFAULT_LOCALE } from '../common/locale';\n\nexport { formatAmount };\n\n// TODO: do not duplicate this between formatting and components\nconst currencyDecimals: Record<string, number> = {\n BIF: 0,\n BYR: 0,\n CLP: 0,\n DJF: 0,\n GNF: 0,\n JPY: 0,\n KMF: 0,\n KRW: 0,\n MGA: 0,\n PYG: 0,\n RWF: 0,\n VND: 0,\n VUV: 0,\n XAF: 0,\n XOF: 0,\n XPF: 0,\n // technically HUF does have decimals, but due to the exchange rate banks\n // do not accept decimal amounts\n HUF: 0,\n\n BHD: 3,\n JOD: 3,\n KWD: 3,\n OMR: 3,\n TND: 3,\n};\n\nconst DEFAULT_CURRENCY_DECIMALS = 2;\n\nfunction isNumberLocaleSupported() {\n const number = 1234;\n const numberString = number.toLocaleString && number.toLocaleString(DEFAULT_LOCALE);\n return numberString === '1,234';\n}\n\nfunction getValidLocale(locale: string) {\n try {\n const noUnderscoreLocale = locale.replace(/_/, '-');\n\n Intl.NumberFormat(noUnderscoreLocale);\n return noUnderscoreLocale;\n } catch {\n return DEFAULT_LOCALE;\n }\n}\n\nfunction getCurrencyDecimals(currency: string) {\n const upperCaseCurrency = currency.toUpperCase();\n return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;\n}\n\nfunction getDecimalSeparator(locale: string) {\n return isNumberLocaleSupported() ? (1.1).toLocaleString(locale)[1] : '.';\n}\n\nexport function parseAmount(number: string, currency: string, locale = DEFAULT_LOCALE) {\n const validLocale = getValidLocale(locale);\n\n const precision = getCurrencyDecimals(currency);\n const groupSeparator = isNumberLocaleSupported() ? (10000).toLocaleString(validLocale)[2] : ',';\n const decimalSeparator = getDecimalSeparator(validLocale);\n const numberWithStandardDecimalSeparator = (number ? String(number) : '')\n .replace(new RegExp(`\\\\${groupSeparator}`, 'g'), '')\n .replace(new RegExp(`\\\\${decimalSeparator}`, 'g'), '.')\n .replace(/[^0-9.]/g, '');\n const parsedAmount = Number.parseFloat(\n Number.parseFloat(numberWithStandardDecimalSeparator).toFixed(precision),\n );\n return Math.abs(parsedAmount);\n}\n"],"names":["currencyDecimals","BIF","BYR","CLP","DJF","GNF","JPY","KMF","KRW","MGA","PYG","RWF","VND","VUV","XAF","XOF","XPF","HUF","BHD","JOD","KWD","OMR","TND","DEFAULT_CURRENCY_DECIMALS","isNumberLocaleSupported","number","numberString","toLocaleString","DEFAULT_LOCALE","getValidLocale","locale","noUnderscoreLocale","replace","Intl","NumberFormat","getCurrencyDecimals","currency","upperCaseCurrency","toUpperCase","getDecimalSeparator","parseAmount","validLocale","precision","groupSeparator","decimalSeparator","numberWithStandardDecimalSeparator","String","RegExp","parsedAmount","Number","parseFloat","toFixed","Math","abs"],"mappings":"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"}
|
|
@@ -55,8 +55,8 @@ function parseAmount(number, currency, locale = DEFAULT_LOCALE) {
|
|
|
55
55
|
const precision = getCurrencyDecimals(currency);
|
|
56
56
|
const groupSeparator = isNumberLocaleSupported() ? 10000 .toLocaleString(validLocale)[2] : ',';
|
|
57
57
|
const decimalSeparator = getDecimalSeparator(validLocale);
|
|
58
|
-
const numberWithStandardDecimalSeparator = (number ?
|
|
59
|
-
const parsedAmount = parseFloat(parseFloat(numberWithStandardDecimalSeparator).toFixed(precision));
|
|
58
|
+
const numberWithStandardDecimalSeparator = (number ? String(number) : '').replace(new RegExp(`\\${groupSeparator}`, 'g'), '').replace(new RegExp(`\\${decimalSeparator}`, 'g'), '.').replace(/[^0-9.]/g, '');
|
|
59
|
+
const parsedAmount = Number.parseFloat(Number.parseFloat(numberWithStandardDecimalSeparator).toFixed(precision));
|
|
60
60
|
return Math.abs(parsedAmount);
|
|
61
61
|
}
|
|
62
62
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"currencyFormatting.mjs","sources":["../../src/moneyInput/currencyFormatting.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\n\nimport { DEFAULT_LOCALE } from '../common/locale';\n\nexport { formatAmount };\n\n// TODO: do not duplicate this between formatting and components\nconst currencyDecimals: Record<string, number> = {\n BIF: 0,\n BYR: 0,\n CLP: 0,\n DJF: 0,\n GNF: 0,\n JPY: 0,\n KMF: 0,\n KRW: 0,\n MGA: 0,\n PYG: 0,\n RWF: 0,\n VND: 0,\n VUV: 0,\n XAF: 0,\n XOF: 0,\n XPF: 0,\n // technically HUF does have decimals, but due to the exchange rate banks\n // do not accept decimal amounts\n HUF: 0,\n\n BHD: 3,\n JOD: 3,\n KWD: 3,\n OMR: 3,\n TND: 3,\n};\n\nconst DEFAULT_CURRENCY_DECIMALS = 2;\n\nfunction isNumberLocaleSupported() {\n const number = 1234;\n const numberString = number.toLocaleString && number.toLocaleString(DEFAULT_LOCALE);\n return numberString === '1,234';\n}\n\nfunction getValidLocale(locale: string) {\n try {\n const noUnderscoreLocale = locale.replace(/_/, '-');\n\n Intl.NumberFormat(noUnderscoreLocale);\n return noUnderscoreLocale;\n } catch {\n return DEFAULT_LOCALE;\n }\n}\n\nfunction getCurrencyDecimals(currency: string) {\n const upperCaseCurrency = currency.toUpperCase();\n return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;\n}\n\nfunction getDecimalSeparator(locale: string) {\n return isNumberLocaleSupported() ? (1.1).toLocaleString(locale)[1] : '.';\n}\n\nexport function parseAmount(number: string, currency: string, locale = DEFAULT_LOCALE) {\n const validLocale = getValidLocale(locale);\n\n const precision = getCurrencyDecimals(currency);\n const groupSeparator = isNumberLocaleSupported() ? (10000).toLocaleString(validLocale)[2] : ',';\n const decimalSeparator = getDecimalSeparator(validLocale);\n const numberWithStandardDecimalSeparator = (number ?
|
|
1
|
+
{"version":3,"file":"currencyFormatting.mjs","sources":["../../src/moneyInput/currencyFormatting.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\n\nimport { DEFAULT_LOCALE } from '../common/locale';\n\nexport { formatAmount };\n\n// TODO: do not duplicate this between formatting and components\nconst currencyDecimals: Record<string, number> = {\n BIF: 0,\n BYR: 0,\n CLP: 0,\n DJF: 0,\n GNF: 0,\n JPY: 0,\n KMF: 0,\n KRW: 0,\n MGA: 0,\n PYG: 0,\n RWF: 0,\n VND: 0,\n VUV: 0,\n XAF: 0,\n XOF: 0,\n XPF: 0,\n // technically HUF does have decimals, but due to the exchange rate banks\n // do not accept decimal amounts\n HUF: 0,\n\n BHD: 3,\n JOD: 3,\n KWD: 3,\n OMR: 3,\n TND: 3,\n};\n\nconst DEFAULT_CURRENCY_DECIMALS = 2;\n\nfunction isNumberLocaleSupported() {\n const number = 1234;\n const numberString = number.toLocaleString && number.toLocaleString(DEFAULT_LOCALE);\n return numberString === '1,234';\n}\n\nfunction getValidLocale(locale: string) {\n try {\n const noUnderscoreLocale = locale.replace(/_/, '-');\n\n Intl.NumberFormat(noUnderscoreLocale);\n return noUnderscoreLocale;\n } catch {\n return DEFAULT_LOCALE;\n }\n}\n\nfunction getCurrencyDecimals(currency: string) {\n const upperCaseCurrency = currency.toUpperCase();\n return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;\n}\n\nfunction getDecimalSeparator(locale: string) {\n return isNumberLocaleSupported() ? (1.1).toLocaleString(locale)[1] : '.';\n}\n\nexport function parseAmount(number: string, currency: string, locale = DEFAULT_LOCALE) {\n const validLocale = getValidLocale(locale);\n\n const precision = getCurrencyDecimals(currency);\n const groupSeparator = isNumberLocaleSupported() ? (10000).toLocaleString(validLocale)[2] : ',';\n const decimalSeparator = getDecimalSeparator(validLocale);\n const numberWithStandardDecimalSeparator = (number ? String(number) : '')\n .replace(new RegExp(`\\\\${groupSeparator}`, 'g'), '')\n .replace(new RegExp(`\\\\${decimalSeparator}`, 'g'), '.')\n .replace(/[^0-9.]/g, '');\n const parsedAmount = Number.parseFloat(\n Number.parseFloat(numberWithStandardDecimalSeparator).toFixed(precision),\n );\n return Math.abs(parsedAmount);\n}\n"],"names":["currencyDecimals","BIF","BYR","CLP","DJF","GNF","JPY","KMF","KRW","MGA","PYG","RWF","VND","VUV","XAF","XOF","XPF","HUF","BHD","JOD","KWD","OMR","TND","DEFAULT_CURRENCY_DECIMALS","isNumberLocaleSupported","number","numberString","toLocaleString","DEFAULT_LOCALE","getValidLocale","locale","noUnderscoreLocale","replace","Intl","NumberFormat","getCurrencyDecimals","currency","upperCaseCurrency","toUpperCase","getDecimalSeparator","parseAmount","validLocale","precision","groupSeparator","decimalSeparator","numberWithStandardDecimalSeparator","String","RegExp","parsedAmount","Number","parseFloat","toFixed","Math","abs"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
.wds-Button {
|
|
2
2
|
--Button-background: var(--color-interactive-accent);
|
|
3
3
|
--Button-background-hover: var(--color-interactive-accent-hover);
|
|
4
4
|
--Button-background-active: var(--color-interactive-accent-active);
|
|
@@ -31,31 +31,25 @@
|
|
|
31
31
|
--Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
|
|
32
32
|
--Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
|
|
33
33
|
--Button-primary-negative-color: var(--color-contrast);
|
|
34
|
-
--Button-primary-
|
|
34
|
+
--Button-primary-negative-avatar-border-color: rgba(255,255,255,0.2);
|
|
35
35
|
--Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
|
|
36
36
|
--Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
|
|
37
37
|
--Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
|
|
38
38
|
--Button-secondary-negative-color: var(--color-sentiment-negative-primary);
|
|
39
|
-
--Button-secondary-
|
|
39
|
+
--Button-secondary-negative-avatar-border-color: rgba(168,32,13,0.12157);
|
|
40
40
|
}
|
|
41
41
|
.np-theme-personal--dark .wds-Button {
|
|
42
|
-
--Button-primary-
|
|
42
|
+
--Button-primary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
43
43
|
}
|
|
44
44
|
.np-theme-personal--forest-green .wds-Button {
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--color-interactive-neutral-active: rgba(236,255,224,0.2);
|
|
48
|
-
--color-sentiment-negative-secondary: rgba(255,196,194,0.2);
|
|
49
|
-
--color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
|
|
50
|
-
--color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
|
|
51
|
-
--Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
52
|
-
--Button-secondary-netative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
45
|
+
--Button-primary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
46
|
+
--Button-secondary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
53
47
|
}
|
|
54
48
|
.np-theme-personal--bright-green .wds-Button {
|
|
55
49
|
--color-contrast: #FFFFFF;
|
|
56
50
|
--Button-secondary-color: var(--color-interactive-control);
|
|
57
51
|
--Button-secondary-negative-color: var(--color-contrast);
|
|
58
|
-
--Button-secondary-
|
|
52
|
+
--Button-secondary-negative-avatar-border-color: var(--Button-primary-negative-avatar-border-color);
|
|
59
53
|
}
|
|
60
54
|
/* Button Styles */
|
|
61
55
|
.wds-Button {
|
|
@@ -65,13 +59,9 @@
|
|
|
65
59
|
align-items: center;
|
|
66
60
|
justify-content: center;
|
|
67
61
|
vertical-align: middle;
|
|
68
|
-
font-weight: 600;
|
|
69
62
|
font-weight: var(--Button-font-weight);
|
|
70
|
-
font-size: 1rem;
|
|
71
63
|
font-size: var(--Button-font-size);
|
|
72
|
-
letter-spacing: -0.011em;
|
|
73
64
|
letter-spacing: var(--Button-letter-spacing);
|
|
74
|
-
line-height: 24px;
|
|
75
65
|
line-height: var(--Button-line-height);
|
|
76
66
|
text-align: center;
|
|
77
67
|
-webkit-text-decoration: none;
|
|
@@ -81,16 +71,12 @@
|
|
|
81
71
|
-webkit-appearance: none;
|
|
82
72
|
-moz-appearance: none;
|
|
83
73
|
appearance: none;
|
|
84
|
-
background-color: #00a2dd;
|
|
85
74
|
background-color: var(--Button-background);
|
|
86
75
|
border: none;
|
|
87
|
-
border-radius: 9999px;
|
|
88
76
|
border-radius: var(--Button-border-radius);
|
|
89
77
|
color: var(--Button-color);
|
|
90
78
|
cursor: pointer;
|
|
91
|
-
padding: 8px 12px;
|
|
92
79
|
padding: var(--Button-padding);
|
|
93
|
-
transition: color, background-color 150ms ease-in-out;
|
|
94
80
|
transition: color, background-color var(--Button-transition-duration) var(--Button-transition-easing);
|
|
95
81
|
}
|
|
96
82
|
.wds-Button:focus {
|
|
@@ -98,13 +84,11 @@
|
|
|
98
84
|
text-decoration: none;
|
|
99
85
|
}
|
|
100
86
|
.wds-Button:hover {
|
|
101
|
-
background-color: #008fc9;
|
|
102
87
|
background-color: var(--Button-background-hover);
|
|
103
88
|
-webkit-text-decoration: none;
|
|
104
89
|
text-decoration: none;
|
|
105
90
|
}
|
|
106
91
|
.wds-Button:active {
|
|
107
|
-
background-color: #0081ba;
|
|
108
92
|
background-color: var(--Button-background-active);
|
|
109
93
|
-webkit-text-decoration: none;
|
|
110
94
|
text-decoration: none;
|
|
@@ -119,7 +103,6 @@
|
|
|
119
103
|
.wds-Button:disabled:hover,
|
|
120
104
|
.wds-Button.wds-Button--disabled:active,
|
|
121
105
|
.wds-Button:disabled:active {
|
|
122
|
-
background-color: #00a2dd;
|
|
123
106
|
background-color: var(--Button-background);
|
|
124
107
|
}
|
|
125
108
|
.wds-Button--secondary {
|
|
@@ -157,14 +140,14 @@
|
|
|
157
140
|
--Button-background-hover: var(--Button-primary-negative-background-hover);
|
|
158
141
|
--Button-background-active: var(--Button-primary-negative-background-active);
|
|
159
142
|
--Button-color: var(--Button-primary-negative-color);
|
|
160
|
-
--Button-avatar-border-color: var(--Button-primary-
|
|
143
|
+
--Button-avatar-border-color: var(--Button-primary-negative-avatar-border-color);
|
|
161
144
|
}
|
|
162
145
|
.wds-Button--negative.wds-Button--secondary {
|
|
163
146
|
--Button-background: var(--Button-secondary-negative-background);
|
|
164
147
|
--Button-background-hover: var(--Button-secondary-negative-background-hover);
|
|
165
148
|
--Button-background-active: var(--Button-secondary-negative-background-active);
|
|
166
149
|
--Button-color: var(--Button-secondary-negative-color);
|
|
167
|
-
--Button-avatar-border-color: var(--Button-secondary-
|
|
150
|
+
--Button-avatar-border-color: var(--Button-secondary-negative-avatar-border-color);
|
|
168
151
|
}
|
|
169
152
|
.wds-Button--small {
|
|
170
153
|
--Button-padding: var(--Button-size-small-padding);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
.wds-Button {
|
|
2
2
|
--Button-background: var(--color-interactive-accent);
|
|
3
3
|
--Button-background-hover: var(--color-interactive-accent-hover);
|
|
4
4
|
--Button-background-active: var(--color-interactive-accent-active);
|
|
@@ -31,29 +31,23 @@
|
|
|
31
31
|
--Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
|
|
32
32
|
--Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
|
|
33
33
|
--Button-primary-negative-color: var(--color-contrast);
|
|
34
|
-
--Button-primary-
|
|
34
|
+
--Button-primary-negative-avatar-border-color: rgba(255,255,255,0.2);
|
|
35
35
|
--Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
|
|
36
36
|
--Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
|
|
37
37
|
--Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
|
|
38
38
|
--Button-secondary-negative-color: var(--color-sentiment-negative-primary);
|
|
39
|
-
--Button-secondary-
|
|
39
|
+
--Button-secondary-negative-avatar-border-color: rgba(168,32,13,0.12157);
|
|
40
40
|
}
|
|
41
41
|
.np-theme-personal--dark .wds-Button {
|
|
42
|
-
--Button-primary-
|
|
42
|
+
--Button-primary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
43
43
|
}
|
|
44
44
|
.np-theme-personal--forest-green .wds-Button {
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--color-interactive-neutral-active: rgba(236,255,224,0.2);
|
|
48
|
-
--color-sentiment-negative-secondary: rgba(255,196,194,0.2);
|
|
49
|
-
--color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
|
|
50
|
-
--color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
|
|
51
|
-
--Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
52
|
-
--Button-secondary-netative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
45
|
+
--Button-primary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
46
|
+
--Button-secondary-negative-avatar-border-color: rgba(14,15,12,0.12157);
|
|
53
47
|
}
|
|
54
48
|
.np-theme-personal--bright-green .wds-Button {
|
|
55
49
|
--color-contrast: #FFFFFF;
|
|
56
50
|
--Button-secondary-color: var(--color-interactive-control);
|
|
57
51
|
--Button-secondary-negative-color: var(--color-contrast);
|
|
58
|
-
--Button-secondary-
|
|
52
|
+
--Button-secondary-negative-avatar-border-color: var(--Button-primary-negative-avatar-border-color);
|
|
59
53
|
}
|