bord-design-system 0.0.13 → 0.0.15
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/BordIlustrationIcon/BordIlustration.types.d.ts +3 -2
- package/dist/components/BordIlustrationIcon/BordIlustration.types.d.ts.map +1 -1
- package/dist/components/BordIlustrationIcon/Icons/Bord3dSpecialBell.d.ts +3 -0
- package/dist/components/BordIlustrationIcon/Icons/Bord3dSpecialBell.d.ts.map +1 -0
- package/dist/components/BordIlustrationIcon/Icons/listOfBordIlustrationIcon.d.ts.map +1 -1
- package/dist/components/BordMetricCard/BordMetricCard.d.ts.map +1 -1
- package/dist/components/BordMetricCards/BordMetricCards.d.ts.map +1 -1
- package/dist/components/BordModal/BordModal.types.d.ts +1 -1
- package/dist/components/BordModal/BordModal.types.d.ts.map +1 -1
- package/dist/index.d.ts +4 -3
- package/dist/index.esm.js +30 -8
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +29 -7
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +30 -8
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
export type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger';
|
|
2
|
+
export type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger' | '3DSpecialBell';
|
|
3
3
|
export declare enum BORD_ILUSTRATION_ICONS {
|
|
4
4
|
'wiping' = "wiping",
|
|
5
5
|
'pieChart' = "pieChart",
|
|
@@ -24,7 +24,8 @@ export declare enum BORD_ILUSTRATION_ICONS {
|
|
|
24
24
|
'loupe' = "loupe",
|
|
25
25
|
'learnBord' = "learnBord",
|
|
26
26
|
'3DSuccess' = "3DSuccess",
|
|
27
|
-
'3DDanger' = "3DDanger"
|
|
27
|
+
'3DDanger' = "3DDanger",
|
|
28
|
+
'3DSpecialBell' = "3DSpecialBell"
|
|
28
29
|
}
|
|
29
30
|
export interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
|
|
30
31
|
variant: TbordilustrationIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,CAAC;AAEpB,oBAAY,sBAAsB;IAChC,QAAQ,WAAW;IACnB,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,OAAO,UAAU;IACjB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,gCAAgC,mCAAmC;IACnE,WAAW,cAAc;IACzB,eAAe,kBAAkB;IACjC,mBAAmB,sBAAsB;IACzC,OAAO,UAAU;IACjB,WAAW,cAAc;IACzB,WAAW,cAAc;IACzB,UAAU,aAAa;IACvB,eAAe,kBAAkB;CAClC;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bord3dSpecialBell.d.ts","sourceRoot":"","sources":["../../../../src/components/BordIlustrationIcon/Icons/Bord3dSpecialBell.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB,+CAWtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listOfBordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/BordIlustrationIcon/Icons/listOfBordIlustrationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAkB1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"listOfBordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/BordIlustrationIcon/Icons/listOfBordIlustrationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAkB1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAUlE,eAAO,MAAM,yBAAyB,EAAE;KACrC,GAAG,IAAI,sBAAsB,GAAG,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CA2B1E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordMetricCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCard/BordMetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,2BAA2B,GAAG,OAAO,GAAG,SAAS,CAAC;AAoD9D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,oJAajB,oBAAoB,
|
|
1
|
+
{"version":3,"file":"BordMetricCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCard/BordMetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,2BAA2B,GAAG,OAAO,GAAG,SAAS,CAAC;AAoD9D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,oJAajB,oBAAoB,4CAkFtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordMetricCards.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCards/BordMetricCards.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BordMetricCards.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCards/BordMetricCards.tsx"],"names":[],"mappings":"AAAA,OAAuB,EAAE,oBAAoB,EAA+B,MAAM,kCAAkC,CAAC;AAErH,OAAO,wBAAwB,CAAC;AAEhC,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,cAAc,CAAC;AAEjE,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,UAAU,CAAC,EAAE;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAYD,eAAO,MAAM,eAAe,qDAKzB,gBAAgB,4CAuElB,CAAC"}
|
|
@@ -34,7 +34,7 @@ export interface IBordModalContent {
|
|
|
34
34
|
sizeButtonTwo?: TformComponentsStandardSizes;
|
|
35
35
|
customClassButtonOne?: string;
|
|
36
36
|
customClassButtonTwo?: string;
|
|
37
|
-
modalSize?: 'sm' | 'md' | 'lg';
|
|
37
|
+
modalSize?: 'sm' | 'md' | 'lg' | string;
|
|
38
38
|
buttonOneProps?: IBordButton;
|
|
39
39
|
buttonTwoProps?: IBordButton;
|
|
40
40
|
customSubtitleClass?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordModal/BordModal.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"BordModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordModal/BordModal.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,oBAAoB,CAAC;IAC/C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1078,7 +1078,7 @@ interface IBordSearchBar {
|
|
|
1078
1078
|
|
|
1079
1079
|
declare const BordSearchBar: FC<IBordSearchBar>;
|
|
1080
1080
|
|
|
1081
|
-
type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger';
|
|
1081
|
+
type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger' | '3DSpecialBell';
|
|
1082
1082
|
declare enum BORD_ILUSTRATION_ICONS {
|
|
1083
1083
|
'wiping' = "wiping",
|
|
1084
1084
|
'pieChart' = "pieChart",
|
|
@@ -1103,7 +1103,8 @@ declare enum BORD_ILUSTRATION_ICONS {
|
|
|
1103
1103
|
'loupe' = "loupe",
|
|
1104
1104
|
'learnBord' = "learnBord",
|
|
1105
1105
|
'3DSuccess' = "3DSuccess",
|
|
1106
|
-
'3DDanger' = "3DDanger"
|
|
1106
|
+
'3DDanger' = "3DDanger",
|
|
1107
|
+
'3DSpecialBell' = "3DSpecialBell"
|
|
1107
1108
|
}
|
|
1108
1109
|
interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
|
|
1109
1110
|
variant: TbordilustrationIcon;
|
|
@@ -1144,7 +1145,7 @@ interface IBordModalContent {
|
|
|
1144
1145
|
sizeButtonTwo?: TformComponentsStandardSizes;
|
|
1145
1146
|
customClassButtonOne?: string;
|
|
1146
1147
|
customClassButtonTwo?: string;
|
|
1147
|
-
modalSize?: 'sm' | 'md' | 'lg';
|
|
1148
|
+
modalSize?: 'sm' | 'md' | 'lg' | string;
|
|
1148
1149
|
buttonOneProps?: IBordButton;
|
|
1149
1150
|
buttonTwoProps?: IBordButton;
|
|
1150
1151
|
customSubtitleClass?: string;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import React, { useState, useEffect, createElement, createContext, isValidElement, useRef, useContext, useCallback, useMemo, cloneElement,
|
|
2
|
+
import React, { useState, useEffect, createElement, createContext, isValidElement, useRef, useContext, useCallback, useMemo, cloneElement, useLayoutEffect } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
4
|
import { DateTime } from 'luxon';
|
|
5
5
|
|
|
@@ -4805,7 +4805,7 @@ const setOpacityToHex = (hexColor, opacity) => {
|
|
|
4805
4805
|
return hexWithOpacity;
|
|
4806
4806
|
};
|
|
4807
4807
|
|
|
4808
|
-
var css_248z$W = ".bordMetricCard{align-items:center;border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0}@media (max-width:
|
|
4808
|
+
var css_248z$W = ".bordMetricCard{align-items:center;border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0}@media (max-width:1131px){.bordMetricCard{height:6.4rem}}@media (min-width:1132px){.bordMetricCard{height:8.4rem}}.bordMetricCard{min-width:0;padding:1.2rem}.bordMetricCard.bordMetricCardWithIcon{overflow:hidden}.bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0 .8rem}.bordMetricCardContent{flex:1 1 0%;gap:.4rem;justify-content:flex-end}.bordMetricCardContent,.bordMetricCardValueBlock{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.bordMetricCardValueBlock{gap:.2rem;width:100%}.bordMetricCardIcon{align-items:center;border:none;border-radius:15998.4rem;display:flex;flex-shrink:0;justify-content:center}.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardIcon{height:4.8rem;width:4.8rem}.bordMetricCardWithIcon.bordMetricCard--sizeSm .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCardTitle{color:var(--ds-c-content-secondary);font-weight:400}.bordMetricCardValueRow{align-items:baseline;display:flex;gap:.4rem}.bordMetricCardValue{font-weight:700}.bordMetricCard--sizeLg .bordMetricCardValue{font-size:3.2rem;line-height:1.15}.bordMetricCard--sizeSm .bordMetricCardValue{font-size:1.6rem;line-height:1.25}@media (max-width:1131px){.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardValue{font-size:1.6rem;line-height:1.25}}.bordMetricCardSubvalue{font-size:1.6rem;font-weight:700;line-height:1.25}.bordMetricCardDescription{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5}.bordMetricCard.bordMetricCardConcatenatedSecondary{height:auto;min-height:0}@media (min-width:1132px){.bordMetricCard.bordMetricCardConcatenatedSecondary{align-self:stretch;flex-shrink:1;max-height:8.4rem}}@media (max-width:1131px){.bordMetricCard.bordMetricCardConcatenatedSecondary{align-self:center;flex-shrink:0;max-height:6.4rem}}.bordMetricCard.bordMetricCardConcatenatedSecondary.bordMetricCardWithIcon .bordMetricCardMetricContent{flex:1 1 auto;gap:1.2rem;justify-content:flex-start;min-width:0;padding:0 1.6rem;width:auto}.bordMetricCard.bordMetricCardConcatenatedSecondary.bordMetricCardWithIcon .bordMetricCardContent{justify-content:center}.bordMetricCard.bordMetricCard--legacyDefault{border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;justify-content:space-between;min-height:0;min-width:23.3rem;padding-left:1.2rem;padding-right:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerSm{padding:.7rem 1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerLg{gap:.4rem;padding:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleSm{font-size:1rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleLg{font-size:1.4rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:0;justify-content:flex-start;min-width:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardValue{font-size:3.2rem;font-weight:700}";
|
|
4809
4809
|
styleInject(css_248z$W);
|
|
4810
4810
|
|
|
4811
4811
|
const COLOR_VARIANT_MAP = {
|
|
@@ -4844,21 +4844,32 @@ const getResolvedColors = (textColor, colorVariant) => {
|
|
|
4844
4844
|
return { resolvedColor, iconStroke, bgColor, iconCircleBg };
|
|
4845
4845
|
};
|
|
4846
4846
|
const getBackgroundColor = (textColor, colorVariant, bgColor) => (hasCustomTextColor(textColor) || colorVariant === 'green' ? bgColor : 'var(--ds-c-layout-l1)');
|
|
4847
|
-
const getFormattedValue = (value) => (value === 0 ? '
|
|
4847
|
+
const getFormattedValue = (value) => (value === 0 ? '0' : (value ?? ''));
|
|
4848
4848
|
const BordMetricCard = ({ title, value, subvalue, description, icon, textColor, colorVariant = 'default', size = 'sm', titleProps, valueProps, isConcatenatedSecondary = false, customClassName = '', }) => {
|
|
4849
4849
|
const { resolvedColor, iconStroke, bgColor, iconCircleBg } = getResolvedColors(textColor, colorVariant);
|
|
4850
4850
|
const bgStyle = { backgroundColor: getBackgroundColor(textColor, colorVariant, bgColor) };
|
|
4851
4851
|
const valueClassName = ['bordMetricCardValue', valueProps?.className].filter(Boolean).join(' ');
|
|
4852
4852
|
const valueRow = (jsxs("div", { className: "bordMetricCardValueRow", children: [jsx("span", { style: { color: resolvedColor }, className: valueClassName, children: getFormattedValue(value) }), subvalue != null && subvalue !== '' && (jsx("span", { style: { color: resolvedColor }, className: "bordMetricCardSubvalue", children: subvalue }))] }));
|
|
4853
4853
|
const descriptionEl = description != null && description !== '' ? (jsx("span", { className: "bordMetricCardDescription", children: description })) : null;
|
|
4854
|
+
const concatenatedModifier = isConcatenatedSecondary ? 'bordMetricCardConcatenatedSecondary' : '';
|
|
4854
4855
|
if (!icon) {
|
|
4855
4856
|
const s = SIZE_STYLES_DEFAULT[size];
|
|
4856
4857
|
const titleClassName = ['bordMetricCardTitle', s.title, titleProps?.className].filter(Boolean).join(' ');
|
|
4857
|
-
return (jsx("div", { style: bgStyle, className: ['bordMetricCard', 'bordMetricCard--legacyDefault', s.container
|
|
4858
|
+
return (jsx("div", { style: bgStyle, className: ['bordMetricCard', 'bordMetricCard--legacyDefault', s.container, concatenatedModifier]
|
|
4859
|
+
.filter(Boolean)
|
|
4860
|
+
.join(' '), children: jsx("div", { className: "bordMetricCardMetricContent", children: jsxs("div", { className: "bordMetricCardContent", children: [jsx("h3", { className: titleClassName, children: title }), jsxs("div", { className: "bordMetricCardValueBlock", children: [valueRow, descriptionEl] })] }) }) }));
|
|
4858
4861
|
}
|
|
4859
4862
|
const sizeModifier = size === 'lg' ? 'bordMetricCard--sizeLg' : 'bordMetricCard--sizeSm';
|
|
4860
4863
|
const titleSizeClass = size === 'lg' ? 'bordMetricCardTitle--lg' : 'bordMetricCardTitle--sm';
|
|
4861
|
-
const containerClassName = [
|
|
4864
|
+
const containerClassName = [
|
|
4865
|
+
'bordMetricCard',
|
|
4866
|
+
sizeModifier,
|
|
4867
|
+
'bordMetricCardWithIcon',
|
|
4868
|
+
concatenatedModifier,
|
|
4869
|
+
customClassName,
|
|
4870
|
+
]
|
|
4871
|
+
.filter(Boolean)
|
|
4872
|
+
.join(' ');
|
|
4862
4873
|
const titleClassName = ['bordMetricCardTitle', titleSizeClass, titleProps?.className].filter(Boolean).join(' ');
|
|
4863
4874
|
const iconStandardSize = isConcatenatedSecondary ? ICON_STANDARD_SIZE.sm : ICON_STANDARD_SIZE[size];
|
|
4864
4875
|
return (jsx("div", { style: bgStyle, className: containerClassName, children: jsxs("div", { className: "bordMetricCardMetricContent", children: [jsx("div", { className: "bordMetricCardIcon", style: { backgroundColor: iconCircleBg }, children: jsx(BordOneToneIcon, { variant: icon, standardSize: iconStandardSize, stroke: iconStroke }) }), jsxs("div", { className: "bordMetricCardContent", children: [jsx("h3", { className: titleClassName, children: title }), jsxs("div", { className: "bordMetricCardValueBlock", children: [valueRow, descriptionEl] })] })] }) }));
|
|
@@ -5769,6 +5780,15 @@ const Bord3DDanger = () => {
|
|
|
5769
5780
|
} }) }), jsx("circle", { "data-figma-bg-blur-radius": "3.57245", cx: "27.4306", cy: "27.7001", r: "21.5986", fill: "white", fillOpacity: "0.1" }), jsx("path", { d: "M19.5955 17.333C20.0395 16.889 20.7592 16.889 21.2032 17.333L38.0833 34.2131C38.5272 34.6571 38.5272 35.3768 38.0833 35.8207L35.2699 38.6341C34.826 39.078 34.1062 39.078 33.6623 38.6341L16.7822 21.754C16.3382 21.31 16.3382 20.5903 16.7822 20.1463L19.5955 17.333Z", fill: "white" }), jsx("path", { d: "M16.7824 35.8207C16.3384 35.3768 16.3384 34.657 16.7824 34.2131L33.6625 17.333C34.1064 16.889 34.8262 16.889 35.2701 17.333L38.0835 20.1463C38.5274 20.5902 38.5274 21.31 38.0835 21.7539L21.2034 38.6341C20.7594 39.078 20.0397 39.078 19.5957 38.6341L16.7824 35.8207Z", fill: "white" }), jsxs("defs", { children: [jsx("clipPath", { id: "bgblur_0_17262_3684_clip_path", transform: "translate(-2.25958 -2.52911)", children: jsx("circle", { cx: "27.4306", cy: "27.7001", r: "21.5986" }) }), jsxs("linearGradient", { id: "paint0_linear_17262_3684", x1: "56.9981", y1: "52.9961", x2: "-4.1207", y2: "-3.1534", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FC543D", stopOpacity: "0.1" }), jsx("stop", { offset: "1", stopColor: "#DE072E" })] })] })] }));
|
|
5770
5781
|
};
|
|
5771
5782
|
|
|
5783
|
+
const Bord3dSpecialBell = () => {
|
|
5784
|
+
return (jsxs("svg", { viewBox: "0 0 104 104", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("circle", { cx: "51.8455", cy: "78.1541", r: "21.8211", fill: "url(#paint0_linear_8480_139322)" }), jsx("foreignObject", { x: "1.83716", y: "-6.22338", width: "100.326", height: "101.28", children: jsx("div", { style: {
|
|
5785
|
+
backdropFilter: 'blur(5.28px)',
|
|
5786
|
+
clipPath: 'url(#bgblur_0_8480_139322_clip_path)',
|
|
5787
|
+
height: '100%',
|
|
5788
|
+
width: '100%',
|
|
5789
|
+
} }) }), jsx("g", { filter: "url(#filter0_i_8480_139322)", "data-figma-bg-blur-radius": "10.5564", children: jsx("path", { d: "M82.3333 36.3997C82.3333 27.8951 79.1375 19.7388 73.4489 13.7251C67.7603 7.71145 60.0449 4.33301 52 4.33301C43.9551 4.33301 36.2397 7.71145 30.5511 13.7251C24.8625 19.7388 21.6667 27.8951 21.6667 36.3997C21.6667 57.0215 17.0583 69.5239 12.9221 76.5923C11.3199 79.3302 13.5809 84.4997 16.7531 84.4997H87.2469C90.4191 84.4997 92.6801 79.3302 91.0779 76.5923C86.9417 69.5239 82.3333 57.0215 82.3333 36.3997Z", fill: "white", fillOpacity: 0.2 }) }), jsxs("defs", { children: [jsxs("filter", { id: "filter0_i_8480_139322", x: "1.83716", y: "-6.22338", width: "100.326", height: "101.28", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsx("feOffset", { dy: "7.03759" }), jsx("feGaussianBlur", { stdDeviation: "9.14887" }), jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.705882 0 0 0 0 0.92549 0 0 0 0 0.854902 0 0 0 1 0" }), jsx("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_8480_139322" })] }), jsx("clipPath", { id: "bgblur_0_8480_139322_clip_path", transform: "translate(-1.83716 6.22338)", children: jsx("path", { d: "M82.3333 36.3997C82.3333 27.8951 79.1375 19.7388 73.4489 13.7251C67.7603 7.71145 60.0449 4.33301 52 4.33301C43.9551 4.33301 36.2397 7.71145 30.5511 13.7251C24.8625 19.7388 21.6667 27.8951 21.6667 36.3997C21.6667 57.0215 17.0583 69.5239 12.9221 76.5923C11.3199 79.3302 13.5809 84.4997 16.7531 84.4997H87.2469C90.4191 84.4997 92.6801 79.3302 91.0779 76.5923C86.9417 69.5239 82.3333 57.0215 82.3333 36.3997Z" }) }), jsxs("linearGradient", { id: "paint0_linear_8480_139322", x1: "51.8455", y1: "56.333", x2: "51.8455", y2: "99.9753", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#070F21" }), jsx("stop", { offset: "1", stopColor: "#22CFAB" })] })] })] }));
|
|
5790
|
+
};
|
|
5791
|
+
|
|
5772
5792
|
const listOfBordIlustrationIcon = {
|
|
5773
5793
|
wiping: BordWipingIcon,
|
|
5774
5794
|
pieChart: BordPieChartIcon,
|
|
@@ -5794,6 +5814,7 @@ const listOfBordIlustrationIcon = {
|
|
|
5794
5814
|
learnBord: BordLearnBord,
|
|
5795
5815
|
'3DSuccess': Bord3DSuccess,
|
|
5796
5816
|
'3DDanger': Bord3DDanger,
|
|
5817
|
+
'3DSpecialBell': Bord3dSpecialBell,
|
|
5797
5818
|
};
|
|
5798
5819
|
|
|
5799
5820
|
const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }) => {
|
|
@@ -5803,7 +5824,7 @@ const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }
|
|
|
5803
5824
|
return (jsx("div", { className: "bordIlustrationIcon", style: { ...style, width: iconWidth }, children: React.createElement(iconComponent, {}) }));
|
|
5804
5825
|
};
|
|
5805
5826
|
|
|
5806
|
-
var css_248z$K = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:
|
|
5827
|
+
var css_248z$K = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:350px){.modalContentDS .buttonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem}}.modalContentDS.sm{height:34rem;width:48rem}@media (max-width:768px){.modalContentDS.sm{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.md{height:48rem;width:58rem}@media (max-width:768px){.modalContentDS.md{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.lg{height:50rem;width:68rem}@media (max-width:768px){.modalContentDS.lg{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalShow{animation:animationShow .2s}.modalHide{animation:animationHide .25s;opacity:0;z-index:-1}@keyframes animationShow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes animationHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
|
|
5807
5828
|
styleInject(css_248z$K);
|
|
5808
5829
|
|
|
5809
5830
|
const ModalContent = ({ CustomModalComponent, toCloseModal, customWidth = '', customHeight = '', leftAlignmentTitle, customHeaderClass, excludeHeader = false, title = '', subTitle = '', showButtonOne = false, showButtonTwo = false, sizeButtonOne = 'w-180', sizeButtonTwo = 'w-180', textButtonOne = 'Button Text', textButtonTwo = 'Button Text', modalSize = 'md', onClickButtonOne, onClickButtonTwo, onClickBackButton, buttonOneProps, buttonTwoProps, customClassButtonOne = '', customClassButtonTwo = '', customSubtitleClass, customModalContent, withoutHeaderCustomClass, noPadding, excludeCloseButton = false, stylesCustomHeaderProps, gradientBackground = false, customIconContainerClass, iconIllustration = false, iconIllustrationVariant = 'warning', iconIllustrationWidth = '5.8rem', customButtonsContainerClass = '', textBackButton }) => {
|
|
@@ -5859,7 +5880,7 @@ const BordToast = ({ variant = 'informative', title = '', description = '', onCl
|
|
|
5859
5880
|
return (jsxs("div", { className: className, style: animationStyle, onAnimationEnd: onAnimationEnd, onClick: handleClose, children: [jsx(BordOneToneIcon, { variant: TOAST_VARIANTS[variant], customWidth: "2.4rem", className: "toastVariantIcon h-full w-24 mb-auto flex-shrink-0" }), jsxs("div", { className: `toastData ${renderItemsPosition}`, children: [jsxs("div", { className: `toastBody ${renderStyles}`, children: [jsxs("div", { className: "toastTextBlock", children: [!!customJSXMessage && customJSXMessage, !customJSXMessage && (jsxs(Fragment, { children: [jsx("div", { className: "toastTitle", children: title }), jsx("div", { className: "toastDescription", children: description })] }))] }), !hideAction && renderButtons] }), jsx(BordOneToneIcon, { variant: "x", customWidth: "1.8rem", className: "closeIcon toastCloseIcon" })] })] }));
|
|
5860
5881
|
};
|
|
5861
5882
|
|
|
5862
|
-
var css_248z$I = ".bordMetricCards{display:flex;flex-wrap:wrap;gap:.4rem
|
|
5883
|
+
var css_248z$I = ".bordMetricCards{display:flex;flex-wrap:wrap;gap:.4rem}.bordMetricCards.bordMetricCardsConcatenatedRoot{box-sizing:border-box;flex:1 1 auto;flex-wrap:nowrap;max-width:100%;min-width:0;width:100%}@media (min-width:1132px){.bordMetricCards.bordMetricCardsConcatenatedRoot{max-width:118rem}}@media (max-width:1131px){.bordMetricCards.bordMetricCardsConcatenatedRoot{flex:0 0 auto}}.bordMetricCardsGroup{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.8rem;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.bordMetricCardsGroup::-webkit-scrollbar{display:none}@media (min-width:1132px){.bordMetricCardsGroup{align-items:stretch;max-width:180rem;padding:1px 2px}}.bordMetricCardsGroupParent{flex:0 0 auto;height:6.4rem;min-width:33.6rem;width:33.6rem}@media (min-width:1132px){.bordMetricCardsGroupParent{height:8.4rem}}.bordMetricCardsGroupParent>.bordMetricCard{height:100%;width:100%}.bordMetricCardsGroupCards{display:flex;flex:1 1 auto;min-width:0}@media (min-width:1132px){.bordMetricCardsGroupCards{align-self:stretch;min-height:8.4rem}}@media (max-width:1131px){.bordMetricCardsGroupCards{align-self:center;max-height:6.4rem}}.bordMetricCardsConcatenatedInner{background-color:var(--ds-c-layout-l1);border:1px solid var(--ds-c-stroke-default);border-radius:.8rem;box-sizing:border-box;display:flex;flex:1 1 auto;min-width:-moz-min-content;min-width:min-content;overflow:hidden}@media (min-width:1132px){.bordMetricCardsConcatenatedInner{align-items:stretch;align-self:stretch}}@media (max-width:1131px){.bordMetricCardsConcatenatedInner{height:6.4rem;padding:0 .8rem;width:-moz-max-content;width:max-content}}.bordMetricCard.bordMetricCardConcatenatedSecondary{border:none;border-radius:0;box-shadow:none;flex:0 0 auto;height:100%;overflow:hidden;position:relative}@media (min-width:1132px){.bordMetricCard.bordMetricCardConcatenatedSecondary{flex:1 0 20.4rem;min-width:20.4rem}}.bordMetricCard.bordMetricCardConcatenatedSecondary:not(:last-child):after{background-color:var(--ds-c-stroke-default);content:\"\";height:70%;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardValue{font-size:1.6rem;line-height:1.25}";
|
|
5863
5884
|
styleInject(css_248z$I);
|
|
5864
5885
|
|
|
5865
5886
|
const resolveConcatenatedParentColorVariant = (item) => {
|
|
@@ -5882,7 +5903,7 @@ const BordMetricCards = ({ items = [], customClassName = '', variant = 'default'
|
|
|
5882
5903
|
return (jsx("div", { className: `bordMetricCards bordMetricCardsConcatenatedRoot ${customClassName}`, children: jsxs("div", { className: "bordMetricCardsGroup", children: [jsx("div", { className: "bordMetricCardsGroupParent", children: parentCard }), jsx("div", { className: "bordMetricCardsGroupCards", children: jsx("div", { className: "bordMetricCardsConcatenatedInner", children: concatenatedItems.map((item, idx) => {
|
|
5883
5904
|
const { icon: itemIcon, colorVariant: itemColorVariant, ...rest } = item;
|
|
5884
5905
|
const globalIdx = idx + 1;
|
|
5885
|
-
return (
|
|
5906
|
+
return (jsx(BordMetricCard, { isConcatenatedSecondary: true, textColor: isHighlighted(globalIdx) ? hightLight.color : undefined, icon: itemIcon, colorVariant: itemColorVariant, ...rest }, idx));
|
|
5886
5907
|
}) }) })] }) }));
|
|
5887
5908
|
}
|
|
5888
5909
|
return (jsx("div", { className: `bordMetricCards ${customClassName}`, children: items.map((item, idx) => {
|
|
@@ -7453,6 +7474,7 @@ var BORD_ILUSTRATION_ICONS;
|
|
|
7453
7474
|
BORD_ILUSTRATION_ICONS["learnBord"] = "learnBord";
|
|
7454
7475
|
BORD_ILUSTRATION_ICONS["3DSuccess"] = "3DSuccess";
|
|
7455
7476
|
BORD_ILUSTRATION_ICONS["3DDanger"] = "3DDanger";
|
|
7477
|
+
BORD_ILUSTRATION_ICONS["3DSpecialBell"] = "3DSpecialBell";
|
|
7456
7478
|
})(BORD_ILUSTRATION_ICONS || (BORD_ILUSTRATION_ICONS = {}));
|
|
7457
7479
|
|
|
7458
7480
|
var BORD_NOTIFICATION_ICONS;
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
package/dist/index.js
CHANGED
|
@@ -4811,7 +4811,7 @@ const setOpacityToHex = (hexColor, opacity) => {
|
|
|
4811
4811
|
return hexWithOpacity;
|
|
4812
4812
|
};
|
|
4813
4813
|
|
|
4814
|
-
var css_248z$W = ".bordMetricCard{align-items:center;border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0}@media (max-width:
|
|
4814
|
+
var css_248z$W = ".bordMetricCard{align-items:center;border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0}@media (max-width:1131px){.bordMetricCard{height:6.4rem}}@media (min-width:1132px){.bordMetricCard{height:8.4rem}}.bordMetricCard{min-width:0;padding:1.2rem}.bordMetricCard.bordMetricCardWithIcon{overflow:hidden}.bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0 .8rem}.bordMetricCardContent{flex:1 1 0%;gap:.4rem;justify-content:flex-end}.bordMetricCardContent,.bordMetricCardValueBlock{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.bordMetricCardValueBlock{gap:.2rem;width:100%}.bordMetricCardIcon{align-items:center;border:none;border-radius:15998.4rem;display:flex;flex-shrink:0;justify-content:center}.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardIcon{height:4.8rem;width:4.8rem}.bordMetricCardWithIcon.bordMetricCard--sizeSm .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCardTitle{color:var(--ds-c-content-secondary);font-weight:400}.bordMetricCardValueRow{align-items:baseline;display:flex;gap:.4rem}.bordMetricCardValue{font-weight:700}.bordMetricCard--sizeLg .bordMetricCardValue{font-size:3.2rem;line-height:1.15}.bordMetricCard--sizeSm .bordMetricCardValue{font-size:1.6rem;line-height:1.25}@media (max-width:1131px){.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardValue{font-size:1.6rem;line-height:1.25}}.bordMetricCardSubvalue{font-size:1.6rem;font-weight:700;line-height:1.25}.bordMetricCardDescription{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5}.bordMetricCard.bordMetricCardConcatenatedSecondary{height:auto;min-height:0}@media (min-width:1132px){.bordMetricCard.bordMetricCardConcatenatedSecondary{align-self:stretch;flex-shrink:1;max-height:8.4rem}}@media (max-width:1131px){.bordMetricCard.bordMetricCardConcatenatedSecondary{align-self:center;flex-shrink:0;max-height:6.4rem}}.bordMetricCard.bordMetricCardConcatenatedSecondary.bordMetricCardWithIcon .bordMetricCardMetricContent{flex:1 1 auto;gap:1.2rem;justify-content:flex-start;min-width:0;padding:0 1.6rem;width:auto}.bordMetricCard.bordMetricCardConcatenatedSecondary.bordMetricCardWithIcon .bordMetricCardContent{justify-content:center}.bordMetricCard.bordMetricCard--legacyDefault{border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;justify-content:space-between;min-height:0;min-width:23.3rem;padding-left:1.2rem;padding-right:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerSm{padding:.7rem 1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerLg{gap:.4rem;padding:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleSm{font-size:1rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleLg{font-size:1.4rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:0;justify-content:flex-start;min-width:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardValue{font-size:3.2rem;font-weight:700}";
|
|
4815
4815
|
styleInject(css_248z$W);
|
|
4816
4816
|
|
|
4817
4817
|
const COLOR_VARIANT_MAP = {
|
|
@@ -4850,21 +4850,32 @@ const getResolvedColors = (textColor, colorVariant) => {
|
|
|
4850
4850
|
return { resolvedColor, iconStroke, bgColor, iconCircleBg };
|
|
4851
4851
|
};
|
|
4852
4852
|
const getBackgroundColor = (textColor, colorVariant, bgColor) => (hasCustomTextColor(textColor) || colorVariant === 'green' ? bgColor : 'var(--ds-c-layout-l1)');
|
|
4853
|
-
const getFormattedValue = (value) => (value === 0 ? '
|
|
4853
|
+
const getFormattedValue = (value) => (value === 0 ? '0' : (value ?? ''));
|
|
4854
4854
|
const BordMetricCard = ({ title, value, subvalue, description, icon, textColor, colorVariant = 'default', size = 'sm', titleProps, valueProps, isConcatenatedSecondary = false, customClassName = '', }) => {
|
|
4855
4855
|
const { resolvedColor, iconStroke, bgColor, iconCircleBg } = getResolvedColors(textColor, colorVariant);
|
|
4856
4856
|
const bgStyle = { backgroundColor: getBackgroundColor(textColor, colorVariant, bgColor) };
|
|
4857
4857
|
const valueClassName = ['bordMetricCardValue', valueProps?.className].filter(Boolean).join(' ');
|
|
4858
4858
|
const valueRow = (jsxRuntime.jsxs("div", { className: "bordMetricCardValueRow", children: [jsxRuntime.jsx("span", { style: { color: resolvedColor }, className: valueClassName, children: getFormattedValue(value) }), subvalue != null && subvalue !== '' && (jsxRuntime.jsx("span", { style: { color: resolvedColor }, className: "bordMetricCardSubvalue", children: subvalue }))] }));
|
|
4859
4859
|
const descriptionEl = description != null && description !== '' ? (jsxRuntime.jsx("span", { className: "bordMetricCardDescription", children: description })) : null;
|
|
4860
|
+
const concatenatedModifier = isConcatenatedSecondary ? 'bordMetricCardConcatenatedSecondary' : '';
|
|
4860
4861
|
if (!icon) {
|
|
4861
4862
|
const s = SIZE_STYLES_DEFAULT[size];
|
|
4862
4863
|
const titleClassName = ['bordMetricCardTitle', s.title, titleProps?.className].filter(Boolean).join(' ');
|
|
4863
|
-
return (jsxRuntime.jsx("div", { style: bgStyle, className: ['bordMetricCard', 'bordMetricCard--legacyDefault', s.container
|
|
4864
|
+
return (jsxRuntime.jsx("div", { style: bgStyle, className: ['bordMetricCard', 'bordMetricCard--legacyDefault', s.container, concatenatedModifier]
|
|
4865
|
+
.filter(Boolean)
|
|
4866
|
+
.join(' '), children: jsxRuntime.jsx("div", { className: "bordMetricCardMetricContent", children: jsxRuntime.jsxs("div", { className: "bordMetricCardContent", children: [jsxRuntime.jsx("h3", { className: titleClassName, children: title }), jsxRuntime.jsxs("div", { className: "bordMetricCardValueBlock", children: [valueRow, descriptionEl] })] }) }) }));
|
|
4864
4867
|
}
|
|
4865
4868
|
const sizeModifier = size === 'lg' ? 'bordMetricCard--sizeLg' : 'bordMetricCard--sizeSm';
|
|
4866
4869
|
const titleSizeClass = size === 'lg' ? 'bordMetricCardTitle--lg' : 'bordMetricCardTitle--sm';
|
|
4867
|
-
const containerClassName = [
|
|
4870
|
+
const containerClassName = [
|
|
4871
|
+
'bordMetricCard',
|
|
4872
|
+
sizeModifier,
|
|
4873
|
+
'bordMetricCardWithIcon',
|
|
4874
|
+
concatenatedModifier,
|
|
4875
|
+
customClassName,
|
|
4876
|
+
]
|
|
4877
|
+
.filter(Boolean)
|
|
4878
|
+
.join(' ');
|
|
4868
4879
|
const titleClassName = ['bordMetricCardTitle', titleSizeClass, titleProps?.className].filter(Boolean).join(' ');
|
|
4869
4880
|
const iconStandardSize = isConcatenatedSecondary ? ICON_STANDARD_SIZE.sm : ICON_STANDARD_SIZE[size];
|
|
4870
4881
|
return (jsxRuntime.jsx("div", { style: bgStyle, className: containerClassName, children: jsxRuntime.jsxs("div", { className: "bordMetricCardMetricContent", children: [jsxRuntime.jsx("div", { className: "bordMetricCardIcon", style: { backgroundColor: iconCircleBg }, children: jsxRuntime.jsx(BordOneToneIcon, { variant: icon, standardSize: iconStandardSize, stroke: iconStroke }) }), jsxRuntime.jsxs("div", { className: "bordMetricCardContent", children: [jsxRuntime.jsx("h3", { className: titleClassName, children: title }), jsxRuntime.jsxs("div", { className: "bordMetricCardValueBlock", children: [valueRow, descriptionEl] })] })] }) }));
|
|
@@ -5775,6 +5786,15 @@ const Bord3DDanger = () => {
|
|
|
5775
5786
|
} }) }), jsxRuntime.jsx("circle", { "data-figma-bg-blur-radius": "3.57245", cx: "27.4306", cy: "27.7001", r: "21.5986", fill: "white", fillOpacity: "0.1" }), jsxRuntime.jsx("path", { d: "M19.5955 17.333C20.0395 16.889 20.7592 16.889 21.2032 17.333L38.0833 34.2131C38.5272 34.6571 38.5272 35.3768 38.0833 35.8207L35.2699 38.6341C34.826 39.078 34.1062 39.078 33.6623 38.6341L16.7822 21.754C16.3382 21.31 16.3382 20.5903 16.7822 20.1463L19.5955 17.333Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M16.7824 35.8207C16.3384 35.3768 16.3384 34.657 16.7824 34.2131L33.6625 17.333C34.1064 16.889 34.8262 16.889 35.2701 17.333L38.0835 20.1463C38.5274 20.5902 38.5274 21.31 38.0835 21.7539L21.2034 38.6341C20.7594 39.078 20.0397 39.078 19.5957 38.6341L16.7824 35.8207Z", fill: "white" }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsx("clipPath", { id: "bgblur_0_17262_3684_clip_path", transform: "translate(-2.25958 -2.52911)", children: jsxRuntime.jsx("circle", { cx: "27.4306", cy: "27.7001", r: "21.5986" }) }), jsxRuntime.jsxs("linearGradient", { id: "paint0_linear_17262_3684", x1: "56.9981", y1: "52.9961", x2: "-4.1207", y2: "-3.1534", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#FC543D", stopOpacity: "0.1" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#DE072E" })] })] })] }));
|
|
5776
5787
|
};
|
|
5777
5788
|
|
|
5789
|
+
const Bord3dSpecialBell = () => {
|
|
5790
|
+
return (jsxRuntime.jsxs("svg", { viewBox: "0 0 104 104", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "51.8455", cy: "78.1541", r: "21.8211", fill: "url(#paint0_linear_8480_139322)" }), jsxRuntime.jsx("foreignObject", { x: "1.83716", y: "-6.22338", width: "100.326", height: "101.28", children: jsxRuntime.jsx("div", { style: {
|
|
5791
|
+
backdropFilter: 'blur(5.28px)',
|
|
5792
|
+
clipPath: 'url(#bgblur_0_8480_139322_clip_path)',
|
|
5793
|
+
height: '100%',
|
|
5794
|
+
width: '100%',
|
|
5795
|
+
} }) }), jsxRuntime.jsx("g", { filter: "url(#filter0_i_8480_139322)", "data-figma-bg-blur-radius": "10.5564", children: jsxRuntime.jsx("path", { d: "M82.3333 36.3997C82.3333 27.8951 79.1375 19.7388 73.4489 13.7251C67.7603 7.71145 60.0449 4.33301 52 4.33301C43.9551 4.33301 36.2397 7.71145 30.5511 13.7251C24.8625 19.7388 21.6667 27.8951 21.6667 36.3997C21.6667 57.0215 17.0583 69.5239 12.9221 76.5923C11.3199 79.3302 13.5809 84.4997 16.7531 84.4997H87.2469C90.4191 84.4997 92.6801 79.3302 91.0779 76.5923C86.9417 69.5239 82.3333 57.0215 82.3333 36.3997Z", fill: "white", fillOpacity: 0.2 }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("filter", { id: "filter0_i_8480_139322", x: "1.83716", y: "-6.22338", width: "100.326", height: "101.28", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "7.03759" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "9.14887" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.705882 0 0 0 0 0.92549 0 0 0 0 0.854902 0 0 0 1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_8480_139322" })] }), jsxRuntime.jsx("clipPath", { id: "bgblur_0_8480_139322_clip_path", transform: "translate(-1.83716 6.22338)", children: jsxRuntime.jsx("path", { d: "M82.3333 36.3997C82.3333 27.8951 79.1375 19.7388 73.4489 13.7251C67.7603 7.71145 60.0449 4.33301 52 4.33301C43.9551 4.33301 36.2397 7.71145 30.5511 13.7251C24.8625 19.7388 21.6667 27.8951 21.6667 36.3997C21.6667 57.0215 17.0583 69.5239 12.9221 76.5923C11.3199 79.3302 13.5809 84.4997 16.7531 84.4997H87.2469C90.4191 84.4997 92.6801 79.3302 91.0779 76.5923C86.9417 69.5239 82.3333 57.0215 82.3333 36.3997Z" }) }), jsxRuntime.jsxs("linearGradient", { id: "paint0_linear_8480_139322", x1: "51.8455", y1: "56.333", x2: "51.8455", y2: "99.9753", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#070F21" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#22CFAB" })] })] })] }));
|
|
5796
|
+
};
|
|
5797
|
+
|
|
5778
5798
|
const listOfBordIlustrationIcon = {
|
|
5779
5799
|
wiping: BordWipingIcon,
|
|
5780
5800
|
pieChart: BordPieChartIcon,
|
|
@@ -5800,6 +5820,7 @@ const listOfBordIlustrationIcon = {
|
|
|
5800
5820
|
learnBord: BordLearnBord,
|
|
5801
5821
|
'3DSuccess': Bord3DSuccess,
|
|
5802
5822
|
'3DDanger': Bord3DDanger,
|
|
5823
|
+
'3DSpecialBell': Bord3dSpecialBell,
|
|
5803
5824
|
};
|
|
5804
5825
|
|
|
5805
5826
|
const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }) => {
|
|
@@ -5809,7 +5830,7 @@ const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }
|
|
|
5809
5830
|
return (jsxRuntime.jsx("div", { className: "bordIlustrationIcon", style: { ...style, width: iconWidth }, children: React__default.default.createElement(iconComponent, {}) }));
|
|
5810
5831
|
};
|
|
5811
5832
|
|
|
5812
|
-
var css_248z$K = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:
|
|
5833
|
+
var css_248z$K = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:350px){.modalContentDS .buttonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem}}.modalContentDS.sm{height:34rem;width:48rem}@media (max-width:768px){.modalContentDS.sm{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.md{height:48rem;width:58rem}@media (max-width:768px){.modalContentDS.md{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.lg{height:50rem;width:68rem}@media (max-width:768px){.modalContentDS.lg{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalShow{animation:animationShow .2s}.modalHide{animation:animationHide .25s;opacity:0;z-index:-1}@keyframes animationShow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes animationHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
|
|
5813
5834
|
styleInject(css_248z$K);
|
|
5814
5835
|
|
|
5815
5836
|
const ModalContent = ({ CustomModalComponent, toCloseModal, customWidth = '', customHeight = '', leftAlignmentTitle, customHeaderClass, excludeHeader = false, title = '', subTitle = '', showButtonOne = false, showButtonTwo = false, sizeButtonOne = 'w-180', sizeButtonTwo = 'w-180', textButtonOne = 'Button Text', textButtonTwo = 'Button Text', modalSize = 'md', onClickButtonOne, onClickButtonTwo, onClickBackButton, buttonOneProps, buttonTwoProps, customClassButtonOne = '', customClassButtonTwo = '', customSubtitleClass, customModalContent, withoutHeaderCustomClass, noPadding, excludeCloseButton = false, stylesCustomHeaderProps, gradientBackground = false, customIconContainerClass, iconIllustration = false, iconIllustrationVariant = 'warning', iconIllustrationWidth = '5.8rem', customButtonsContainerClass = '', textBackButton }) => {
|
|
@@ -5865,7 +5886,7 @@ const BordToast = ({ variant = 'informative', title = '', description = '', onCl
|
|
|
5865
5886
|
return (jsxRuntime.jsxs("div", { className: className, style: animationStyle, onAnimationEnd: onAnimationEnd, onClick: handleClose, children: [jsxRuntime.jsx(BordOneToneIcon, { variant: TOAST_VARIANTS[variant], customWidth: "2.4rem", className: "toastVariantIcon h-full w-24 mb-auto flex-shrink-0" }), jsxRuntime.jsxs("div", { className: `toastData ${renderItemsPosition}`, children: [jsxRuntime.jsxs("div", { className: `toastBody ${renderStyles}`, children: [jsxRuntime.jsxs("div", { className: "toastTextBlock", children: [!!customJSXMessage && customJSXMessage, !customJSXMessage && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "toastTitle", children: title }), jsxRuntime.jsx("div", { className: "toastDescription", children: description })] }))] }), !hideAction && renderButtons] }), jsxRuntime.jsx(BordOneToneIcon, { variant: "x", customWidth: "1.8rem", className: "closeIcon toastCloseIcon" })] })] }));
|
|
5866
5887
|
};
|
|
5867
5888
|
|
|
5868
|
-
var css_248z$I = ".bordMetricCards{display:flex;flex-wrap:wrap;gap:.4rem
|
|
5889
|
+
var css_248z$I = ".bordMetricCards{display:flex;flex-wrap:wrap;gap:.4rem}.bordMetricCards.bordMetricCardsConcatenatedRoot{box-sizing:border-box;flex:1 1 auto;flex-wrap:nowrap;max-width:100%;min-width:0;width:100%}@media (min-width:1132px){.bordMetricCards.bordMetricCardsConcatenatedRoot{max-width:118rem}}@media (max-width:1131px){.bordMetricCards.bordMetricCardsConcatenatedRoot{flex:0 0 auto}}.bordMetricCardsGroup{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.8rem;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.bordMetricCardsGroup::-webkit-scrollbar{display:none}@media (min-width:1132px){.bordMetricCardsGroup{align-items:stretch;max-width:180rem;padding:1px 2px}}.bordMetricCardsGroupParent{flex:0 0 auto;height:6.4rem;min-width:33.6rem;width:33.6rem}@media (min-width:1132px){.bordMetricCardsGroupParent{height:8.4rem}}.bordMetricCardsGroupParent>.bordMetricCard{height:100%;width:100%}.bordMetricCardsGroupCards{display:flex;flex:1 1 auto;min-width:0}@media (min-width:1132px){.bordMetricCardsGroupCards{align-self:stretch;min-height:8.4rem}}@media (max-width:1131px){.bordMetricCardsGroupCards{align-self:center;max-height:6.4rem}}.bordMetricCardsConcatenatedInner{background-color:var(--ds-c-layout-l1);border:1px solid var(--ds-c-stroke-default);border-radius:.8rem;box-sizing:border-box;display:flex;flex:1 1 auto;min-width:-moz-min-content;min-width:min-content;overflow:hidden}@media (min-width:1132px){.bordMetricCardsConcatenatedInner{align-items:stretch;align-self:stretch}}@media (max-width:1131px){.bordMetricCardsConcatenatedInner{height:6.4rem;padding:0 .8rem;width:-moz-max-content;width:max-content}}.bordMetricCard.bordMetricCardConcatenatedSecondary{border:none;border-radius:0;box-shadow:none;flex:0 0 auto;height:100%;overflow:hidden;position:relative}@media (min-width:1132px){.bordMetricCard.bordMetricCardConcatenatedSecondary{flex:1 0 20.4rem;min-width:20.4rem}}.bordMetricCard.bordMetricCardConcatenatedSecondary:not(:last-child):after{background-color:var(--ds-c-stroke-default);content:\"\";height:70%;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardValue{font-size:1.6rem;line-height:1.25}";
|
|
5869
5890
|
styleInject(css_248z$I);
|
|
5870
5891
|
|
|
5871
5892
|
const resolveConcatenatedParentColorVariant = (item) => {
|
|
@@ -5888,7 +5909,7 @@ const BordMetricCards = ({ items = [], customClassName = '', variant = 'default'
|
|
|
5888
5909
|
return (jsxRuntime.jsx("div", { className: `bordMetricCards bordMetricCardsConcatenatedRoot ${customClassName}`, children: jsxRuntime.jsxs("div", { className: "bordMetricCardsGroup", children: [jsxRuntime.jsx("div", { className: "bordMetricCardsGroupParent", children: parentCard }), jsxRuntime.jsx("div", { className: "bordMetricCardsGroupCards", children: jsxRuntime.jsx("div", { className: "bordMetricCardsConcatenatedInner", children: concatenatedItems.map((item, idx) => {
|
|
5889
5910
|
const { icon: itemIcon, colorVariant: itemColorVariant, ...rest } = item;
|
|
5890
5911
|
const globalIdx = idx + 1;
|
|
5891
|
-
return (jsxRuntime.
|
|
5912
|
+
return (jsxRuntime.jsx(BordMetricCard, { isConcatenatedSecondary: true, textColor: isHighlighted(globalIdx) ? hightLight.color : undefined, icon: itemIcon, colorVariant: itemColorVariant, ...rest }, idx));
|
|
5892
5913
|
}) }) })] }) }));
|
|
5893
5914
|
}
|
|
5894
5915
|
return (jsxRuntime.jsx("div", { className: `bordMetricCards ${customClassName}`, children: items.map((item, idx) => {
|
|
@@ -7459,6 +7480,7 @@ exports.BORD_ILUSTRATION_ICONS = void 0;
|
|
|
7459
7480
|
BORD_ILUSTRATION_ICONS["learnBord"] = "learnBord";
|
|
7460
7481
|
BORD_ILUSTRATION_ICONS["3DSuccess"] = "3DSuccess";
|
|
7461
7482
|
BORD_ILUSTRATION_ICONS["3DDanger"] = "3DDanger";
|
|
7483
|
+
BORD_ILUSTRATION_ICONS["3DSpecialBell"] = "3DSpecialBell";
|
|
7462
7484
|
})(exports.BORD_ILUSTRATION_ICONS || (exports.BORD_ILUSTRATION_ICONS = {}));
|
|
7463
7485
|
|
|
7464
7486
|
exports.BORD_NOTIFICATION_ICONS = void 0;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
package/dist/index.webpack.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime.js';
|
|
2
|
-
import React, { useState, useEffect, createElement, createContext, isValidElement, useRef, useContext, useCallback, useMemo, cloneElement,
|
|
2
|
+
import React, { useState, useEffect, createElement, createContext, isValidElement, useRef, useContext, useCallback, useMemo, cloneElement, useLayoutEffect } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
4
|
import { DateTime } from 'luxon';
|
|
5
5
|
|
|
@@ -4805,7 +4805,7 @@ const setOpacityToHex = (hexColor, opacity) => {
|
|
|
4805
4805
|
return hexWithOpacity;
|
|
4806
4806
|
};
|
|
4807
4807
|
|
|
4808
|
-
var css_248z$W = ".bordMetricCard{align-items:center;border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0}@media (max-width:
|
|
4808
|
+
var css_248z$W = ".bordMetricCard{align-items:center;border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0}@media (max-width:1131px){.bordMetricCard{height:6.4rem}}@media (min-width:1132px){.bordMetricCard{height:8.4rem}}.bordMetricCard{min-width:0;padding:1.2rem}.bordMetricCard.bordMetricCardWithIcon{overflow:hidden}.bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0 .8rem}.bordMetricCardContent{flex:1 1 0%;gap:.4rem;justify-content:flex-end}.bordMetricCardContent,.bordMetricCardValueBlock{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.bordMetricCardValueBlock{gap:.2rem;width:100%}.bordMetricCardIcon{align-items:center;border:none;border-radius:15998.4rem;display:flex;flex-shrink:0;justify-content:center}.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardIcon{height:4.8rem;width:4.8rem}.bordMetricCardWithIcon.bordMetricCard--sizeSm .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCardTitle{color:var(--ds-c-content-secondary);font-weight:400}.bordMetricCardValueRow{align-items:baseline;display:flex;gap:.4rem}.bordMetricCardValue{font-weight:700}.bordMetricCard--sizeLg .bordMetricCardValue{font-size:3.2rem;line-height:1.15}.bordMetricCard--sizeSm .bordMetricCardValue{font-size:1.6rem;line-height:1.25}@media (max-width:1131px){.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardValue{font-size:1.6rem;line-height:1.25}}.bordMetricCardSubvalue{font-size:1.6rem;font-weight:700;line-height:1.25}.bordMetricCardDescription{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5}.bordMetricCard.bordMetricCardConcatenatedSecondary{height:auto;min-height:0}@media (min-width:1132px){.bordMetricCard.bordMetricCardConcatenatedSecondary{align-self:stretch;flex-shrink:1;max-height:8.4rem}}@media (max-width:1131px){.bordMetricCard.bordMetricCardConcatenatedSecondary{align-self:center;flex-shrink:0;max-height:6.4rem}}.bordMetricCard.bordMetricCardConcatenatedSecondary.bordMetricCardWithIcon .bordMetricCardMetricContent{flex:1 1 auto;gap:1.2rem;justify-content:flex-start;min-width:0;padding:0 1.6rem;width:auto}.bordMetricCard.bordMetricCardConcatenatedSecondary.bordMetricCardWithIcon .bordMetricCardContent{justify-content:center}.bordMetricCard.bordMetricCard--legacyDefault{border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;justify-content:space-between;min-height:0;min-width:23.3rem;padding-left:1.2rem;padding-right:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerSm{padding:.7rem 1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerLg{gap:.4rem;padding:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleSm{font-size:1rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleLg{font-size:1.4rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:0;justify-content:flex-start;min-width:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardValue{font-size:3.2rem;font-weight:700}";
|
|
4809
4809
|
styleInject(css_248z$W);
|
|
4810
4810
|
|
|
4811
4811
|
const COLOR_VARIANT_MAP = {
|
|
@@ -4844,21 +4844,32 @@ const getResolvedColors = (textColor, colorVariant) => {
|
|
|
4844
4844
|
return { resolvedColor, iconStroke, bgColor, iconCircleBg };
|
|
4845
4845
|
};
|
|
4846
4846
|
const getBackgroundColor = (textColor, colorVariant, bgColor) => (hasCustomTextColor(textColor) || colorVariant === 'green' ? bgColor : 'var(--ds-c-layout-l1)');
|
|
4847
|
-
const getFormattedValue = (value) => (value === 0 ? '
|
|
4847
|
+
const getFormattedValue = (value) => (value === 0 ? '0' : (value ?? ''));
|
|
4848
4848
|
const BordMetricCard = ({ title, value, subvalue, description, icon, textColor, colorVariant = 'default', size = 'sm', titleProps, valueProps, isConcatenatedSecondary = false, customClassName = '', }) => {
|
|
4849
4849
|
const { resolvedColor, iconStroke, bgColor, iconCircleBg } = getResolvedColors(textColor, colorVariant);
|
|
4850
4850
|
const bgStyle = { backgroundColor: getBackgroundColor(textColor, colorVariant, bgColor) };
|
|
4851
4851
|
const valueClassName = ['bordMetricCardValue', valueProps?.className].filter(Boolean).join(' ');
|
|
4852
4852
|
const valueRow = (jsxs("div", { className: "bordMetricCardValueRow", children: [jsx("span", { style: { color: resolvedColor }, className: valueClassName, children: getFormattedValue(value) }), subvalue != null && subvalue !== '' && (jsx("span", { style: { color: resolvedColor }, className: "bordMetricCardSubvalue", children: subvalue }))] }));
|
|
4853
4853
|
const descriptionEl = description != null && description !== '' ? (jsx("span", { className: "bordMetricCardDescription", children: description })) : null;
|
|
4854
|
+
const concatenatedModifier = isConcatenatedSecondary ? 'bordMetricCardConcatenatedSecondary' : '';
|
|
4854
4855
|
if (!icon) {
|
|
4855
4856
|
const s = SIZE_STYLES_DEFAULT[size];
|
|
4856
4857
|
const titleClassName = ['bordMetricCardTitle', s.title, titleProps?.className].filter(Boolean).join(' ');
|
|
4857
|
-
return (jsx("div", { style: bgStyle, className: ['bordMetricCard', 'bordMetricCard--legacyDefault', s.container
|
|
4858
|
+
return (jsx("div", { style: bgStyle, className: ['bordMetricCard', 'bordMetricCard--legacyDefault', s.container, concatenatedModifier]
|
|
4859
|
+
.filter(Boolean)
|
|
4860
|
+
.join(' '), children: jsx("div", { className: "bordMetricCardMetricContent", children: jsxs("div", { className: "bordMetricCardContent", children: [jsx("h3", { className: titleClassName, children: title }), jsxs("div", { className: "bordMetricCardValueBlock", children: [valueRow, descriptionEl] })] }) }) }));
|
|
4858
4861
|
}
|
|
4859
4862
|
const sizeModifier = size === 'lg' ? 'bordMetricCard--sizeLg' : 'bordMetricCard--sizeSm';
|
|
4860
4863
|
const titleSizeClass = size === 'lg' ? 'bordMetricCardTitle--lg' : 'bordMetricCardTitle--sm';
|
|
4861
|
-
const containerClassName = [
|
|
4864
|
+
const containerClassName = [
|
|
4865
|
+
'bordMetricCard',
|
|
4866
|
+
sizeModifier,
|
|
4867
|
+
'bordMetricCardWithIcon',
|
|
4868
|
+
concatenatedModifier,
|
|
4869
|
+
customClassName,
|
|
4870
|
+
]
|
|
4871
|
+
.filter(Boolean)
|
|
4872
|
+
.join(' ');
|
|
4862
4873
|
const titleClassName = ['bordMetricCardTitle', titleSizeClass, titleProps?.className].filter(Boolean).join(' ');
|
|
4863
4874
|
const iconStandardSize = isConcatenatedSecondary ? ICON_STANDARD_SIZE.sm : ICON_STANDARD_SIZE[size];
|
|
4864
4875
|
return (jsx("div", { style: bgStyle, className: containerClassName, children: jsxs("div", { className: "bordMetricCardMetricContent", children: [jsx("div", { className: "bordMetricCardIcon", style: { backgroundColor: iconCircleBg }, children: jsx(BordOneToneIcon, { variant: icon, standardSize: iconStandardSize, stroke: iconStroke }) }), jsxs("div", { className: "bordMetricCardContent", children: [jsx("h3", { className: titleClassName, children: title }), jsxs("div", { className: "bordMetricCardValueBlock", children: [valueRow, descriptionEl] })] })] }) }));
|
|
@@ -5769,6 +5780,15 @@ const Bord3DDanger = () => {
|
|
|
5769
5780
|
} }) }), jsx("circle", { "data-figma-bg-blur-radius": "3.57245", cx: "27.4306", cy: "27.7001", r: "21.5986", fill: "white", fillOpacity: "0.1" }), jsx("path", { d: "M19.5955 17.333C20.0395 16.889 20.7592 16.889 21.2032 17.333L38.0833 34.2131C38.5272 34.6571 38.5272 35.3768 38.0833 35.8207L35.2699 38.6341C34.826 39.078 34.1062 39.078 33.6623 38.6341L16.7822 21.754C16.3382 21.31 16.3382 20.5903 16.7822 20.1463L19.5955 17.333Z", fill: "white" }), jsx("path", { d: "M16.7824 35.8207C16.3384 35.3768 16.3384 34.657 16.7824 34.2131L33.6625 17.333C34.1064 16.889 34.8262 16.889 35.2701 17.333L38.0835 20.1463C38.5274 20.5902 38.5274 21.31 38.0835 21.7539L21.2034 38.6341C20.7594 39.078 20.0397 39.078 19.5957 38.6341L16.7824 35.8207Z", fill: "white" }), jsxs("defs", { children: [jsx("clipPath", { id: "bgblur_0_17262_3684_clip_path", transform: "translate(-2.25958 -2.52911)", children: jsx("circle", { cx: "27.4306", cy: "27.7001", r: "21.5986" }) }), jsxs("linearGradient", { id: "paint0_linear_17262_3684", x1: "56.9981", y1: "52.9961", x2: "-4.1207", y2: "-3.1534", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FC543D", stopOpacity: "0.1" }), jsx("stop", { offset: "1", stopColor: "#DE072E" })] })] })] }));
|
|
5770
5781
|
};
|
|
5771
5782
|
|
|
5783
|
+
const Bord3dSpecialBell = () => {
|
|
5784
|
+
return (jsxs("svg", { viewBox: "0 0 104 104", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("circle", { cx: "51.8455", cy: "78.1541", r: "21.8211", fill: "url(#paint0_linear_8480_139322)" }), jsx("foreignObject", { x: "1.83716", y: "-6.22338", width: "100.326", height: "101.28", children: jsx("div", { style: {
|
|
5785
|
+
backdropFilter: 'blur(5.28px)',
|
|
5786
|
+
clipPath: 'url(#bgblur_0_8480_139322_clip_path)',
|
|
5787
|
+
height: '100%',
|
|
5788
|
+
width: '100%',
|
|
5789
|
+
} }) }), jsx("g", { filter: "url(#filter0_i_8480_139322)", "data-figma-bg-blur-radius": "10.5564", children: jsx("path", { d: "M82.3333 36.3997C82.3333 27.8951 79.1375 19.7388 73.4489 13.7251C67.7603 7.71145 60.0449 4.33301 52 4.33301C43.9551 4.33301 36.2397 7.71145 30.5511 13.7251C24.8625 19.7388 21.6667 27.8951 21.6667 36.3997C21.6667 57.0215 17.0583 69.5239 12.9221 76.5923C11.3199 79.3302 13.5809 84.4997 16.7531 84.4997H87.2469C90.4191 84.4997 92.6801 79.3302 91.0779 76.5923C86.9417 69.5239 82.3333 57.0215 82.3333 36.3997Z", fill: "white", fillOpacity: 0.2 }) }), jsxs("defs", { children: [jsxs("filter", { id: "filter0_i_8480_139322", x: "1.83716", y: "-6.22338", width: "100.326", height: "101.28", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsx("feOffset", { dy: "7.03759" }), jsx("feGaussianBlur", { stdDeviation: "9.14887" }), jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.705882 0 0 0 0 0.92549 0 0 0 0 0.854902 0 0 0 1 0" }), jsx("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_8480_139322" })] }), jsx("clipPath", { id: "bgblur_0_8480_139322_clip_path", transform: "translate(-1.83716 6.22338)", children: jsx("path", { d: "M82.3333 36.3997C82.3333 27.8951 79.1375 19.7388 73.4489 13.7251C67.7603 7.71145 60.0449 4.33301 52 4.33301C43.9551 4.33301 36.2397 7.71145 30.5511 13.7251C24.8625 19.7388 21.6667 27.8951 21.6667 36.3997C21.6667 57.0215 17.0583 69.5239 12.9221 76.5923C11.3199 79.3302 13.5809 84.4997 16.7531 84.4997H87.2469C90.4191 84.4997 92.6801 79.3302 91.0779 76.5923C86.9417 69.5239 82.3333 57.0215 82.3333 36.3997Z" }) }), jsxs("linearGradient", { id: "paint0_linear_8480_139322", x1: "51.8455", y1: "56.333", x2: "51.8455", y2: "99.9753", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#070F21" }), jsx("stop", { offset: "1", stopColor: "#22CFAB" })] })] })] }));
|
|
5790
|
+
};
|
|
5791
|
+
|
|
5772
5792
|
const listOfBordIlustrationIcon = {
|
|
5773
5793
|
wiping: BordWipingIcon,
|
|
5774
5794
|
pieChart: BordPieChartIcon,
|
|
@@ -5794,6 +5814,7 @@ const listOfBordIlustrationIcon = {
|
|
|
5794
5814
|
learnBord: BordLearnBord,
|
|
5795
5815
|
'3DSuccess': Bord3DSuccess,
|
|
5796
5816
|
'3DDanger': Bord3DDanger,
|
|
5817
|
+
'3DSpecialBell': Bord3dSpecialBell,
|
|
5797
5818
|
};
|
|
5798
5819
|
|
|
5799
5820
|
const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }) => {
|
|
@@ -5803,7 +5824,7 @@ const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }
|
|
|
5803
5824
|
return (jsx("div", { className: "bordIlustrationIcon", style: { ...style, width: iconWidth }, children: React.createElement(iconComponent, {}) }));
|
|
5804
5825
|
};
|
|
5805
5826
|
|
|
5806
|
-
var css_248z$K = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:
|
|
5827
|
+
var css_248z$K = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:350px){.modalContentDS .buttonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem}}.modalContentDS.sm{height:34rem;width:48rem}@media (max-width:768px){.modalContentDS.sm{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.md{height:48rem;width:58rem}@media (max-width:768px){.modalContentDS.md{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.lg{height:50rem;width:68rem}@media (max-width:768px){.modalContentDS.lg{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalShow{animation:animationShow .2s}.modalHide{animation:animationHide .25s;opacity:0;z-index:-1}@keyframes animationShow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes animationHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
|
|
5807
5828
|
styleInject(css_248z$K);
|
|
5808
5829
|
|
|
5809
5830
|
const ModalContent = ({ CustomModalComponent, toCloseModal, customWidth = '', customHeight = '', leftAlignmentTitle, customHeaderClass, excludeHeader = false, title = '', subTitle = '', showButtonOne = false, showButtonTwo = false, sizeButtonOne = 'w-180', sizeButtonTwo = 'w-180', textButtonOne = 'Button Text', textButtonTwo = 'Button Text', modalSize = 'md', onClickButtonOne, onClickButtonTwo, onClickBackButton, buttonOneProps, buttonTwoProps, customClassButtonOne = '', customClassButtonTwo = '', customSubtitleClass, customModalContent, withoutHeaderCustomClass, noPadding, excludeCloseButton = false, stylesCustomHeaderProps, gradientBackground = false, customIconContainerClass, iconIllustration = false, iconIllustrationVariant = 'warning', iconIllustrationWidth = '5.8rem', customButtonsContainerClass = '', textBackButton }) => {
|
|
@@ -5859,7 +5880,7 @@ const BordToast = ({ variant = 'informative', title = '', description = '', onCl
|
|
|
5859
5880
|
return (jsxs("div", { className: className, style: animationStyle, onAnimationEnd: onAnimationEnd, onClick: handleClose, children: [jsx(BordOneToneIcon, { variant: TOAST_VARIANTS[variant], customWidth: "2.4rem", className: "toastVariantIcon h-full w-24 mb-auto flex-shrink-0" }), jsxs("div", { className: `toastData ${renderItemsPosition}`, children: [jsxs("div", { className: `toastBody ${renderStyles}`, children: [jsxs("div", { className: "toastTextBlock", children: [!!customJSXMessage && customJSXMessage, !customJSXMessage && (jsxs(Fragment, { children: [jsx("div", { className: "toastTitle", children: title }), jsx("div", { className: "toastDescription", children: description })] }))] }), !hideAction && renderButtons] }), jsx(BordOneToneIcon, { variant: "x", customWidth: "1.8rem", className: "closeIcon toastCloseIcon" })] })] }));
|
|
5860
5881
|
};
|
|
5861
5882
|
|
|
5862
|
-
var css_248z$I = ".bordMetricCards{display:flex;flex-wrap:wrap;gap:.4rem
|
|
5883
|
+
var css_248z$I = ".bordMetricCards{display:flex;flex-wrap:wrap;gap:.4rem}.bordMetricCards.bordMetricCardsConcatenatedRoot{box-sizing:border-box;flex:1 1 auto;flex-wrap:nowrap;max-width:100%;min-width:0;width:100%}@media (min-width:1132px){.bordMetricCards.bordMetricCardsConcatenatedRoot{max-width:118rem}}@media (max-width:1131px){.bordMetricCards.bordMetricCardsConcatenatedRoot{flex:0 0 auto}}.bordMetricCardsGroup{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.8rem;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.bordMetricCardsGroup::-webkit-scrollbar{display:none}@media (min-width:1132px){.bordMetricCardsGroup{align-items:stretch;max-width:180rem;padding:1px 2px}}.bordMetricCardsGroupParent{flex:0 0 auto;height:6.4rem;min-width:33.6rem;width:33.6rem}@media (min-width:1132px){.bordMetricCardsGroupParent{height:8.4rem}}.bordMetricCardsGroupParent>.bordMetricCard{height:100%;width:100%}.bordMetricCardsGroupCards{display:flex;flex:1 1 auto;min-width:0}@media (min-width:1132px){.bordMetricCardsGroupCards{align-self:stretch;min-height:8.4rem}}@media (max-width:1131px){.bordMetricCardsGroupCards{align-self:center;max-height:6.4rem}}.bordMetricCardsConcatenatedInner{background-color:var(--ds-c-layout-l1);border:1px solid var(--ds-c-stroke-default);border-radius:.8rem;box-sizing:border-box;display:flex;flex:1 1 auto;min-width:-moz-min-content;min-width:min-content;overflow:hidden}@media (min-width:1132px){.bordMetricCardsConcatenatedInner{align-items:stretch;align-self:stretch}}@media (max-width:1131px){.bordMetricCardsConcatenatedInner{height:6.4rem;padding:0 .8rem;width:-moz-max-content;width:max-content}}.bordMetricCard.bordMetricCardConcatenatedSecondary{border:none;border-radius:0;box-shadow:none;flex:0 0 auto;height:100%;overflow:hidden;position:relative}@media (min-width:1132px){.bordMetricCard.bordMetricCardConcatenatedSecondary{flex:1 0 20.4rem;min-width:20.4rem}}.bordMetricCard.bordMetricCardConcatenatedSecondary:not(:last-child):after{background-color:var(--ds-c-stroke-default);content:\"\";height:70%;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardValue{font-size:1.6rem;line-height:1.25}";
|
|
5863
5884
|
styleInject(css_248z$I);
|
|
5864
5885
|
|
|
5865
5886
|
const resolveConcatenatedParentColorVariant = (item) => {
|
|
@@ -5882,7 +5903,7 @@ const BordMetricCards = ({ items = [], customClassName = '', variant = 'default'
|
|
|
5882
5903
|
return (jsx("div", { className: `bordMetricCards bordMetricCardsConcatenatedRoot ${customClassName}`, children: jsxs("div", { className: "bordMetricCardsGroup", children: [jsx("div", { className: "bordMetricCardsGroupParent", children: parentCard }), jsx("div", { className: "bordMetricCardsGroupCards", children: jsx("div", { className: "bordMetricCardsConcatenatedInner", children: concatenatedItems.map((item, idx) => {
|
|
5883
5904
|
const { icon: itemIcon, colorVariant: itemColorVariant, ...rest } = item;
|
|
5884
5905
|
const globalIdx = idx + 1;
|
|
5885
|
-
return (
|
|
5906
|
+
return (jsx(BordMetricCard, { isConcatenatedSecondary: true, textColor: isHighlighted(globalIdx) ? hightLight.color : undefined, icon: itemIcon, colorVariant: itemColorVariant, ...rest }, idx));
|
|
5886
5907
|
}) }) })] }) }));
|
|
5887
5908
|
}
|
|
5888
5909
|
return (jsx("div", { className: `bordMetricCards ${customClassName}`, children: items.map((item, idx) => {
|
|
@@ -7453,6 +7474,7 @@ var BORD_ILUSTRATION_ICONS;
|
|
|
7453
7474
|
BORD_ILUSTRATION_ICONS["learnBord"] = "learnBord";
|
|
7454
7475
|
BORD_ILUSTRATION_ICONS["3DSuccess"] = "3DSuccess";
|
|
7455
7476
|
BORD_ILUSTRATION_ICONS["3DDanger"] = "3DDanger";
|
|
7477
|
+
BORD_ILUSTRATION_ICONS["3DSpecialBell"] = "3DSpecialBell";
|
|
7456
7478
|
})(BORD_ILUSTRATION_ICONS || (BORD_ILUSTRATION_ICONS = {}));
|
|
7457
7479
|
|
|
7458
7480
|
var BORD_NOTIFICATION_ICONS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.webpack.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF
|
|
1
|
+
{"version":3,"file":"index.webpack.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|