@widergy/energy-ui 3.193.0 → 3.195.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -20
- package/dist/components/UTActionCard/components/Header/index.js +1 -1
- package/dist/components/UTActionCard/components/Header/styles.module.scss +10 -0
- package/dist/components/UTActionCard/constants.js +1 -1
- package/dist/components/UTActionCard/index.js +1 -1
- package/dist/components/UTActionCard/styles.module.scss +7 -0
- package/dist/components/UTCheckbox/versions/V1/components/CheckboxControl/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/components/CheckboxIcon/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/components/TitleAndDescription/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/components/TitleRow/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/constants.js +1 -1
- package/dist/components/UTCheckbox/versions/V1/index.js +1 -1
- package/dist/components/UTCheckbox/versions/V1/theme.js +1 -1
- package/dist/components/UTDatePicker/versions/V1/components/Calendar/index.js +1 -1
- package/dist/components/UTDatePicker/versions/V1/index.js +1 -1
- package/dist/components/UTDatePicker/versions/V1/utils.js +1 -1
- package/dist/components/UTIcon/components/EnergyIcons/EnergyIconGasTank.svg +6 -0
- package/dist/components/UTIcon/constants.js +1 -1
- package/dist/components/UTModal/index.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/constants.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/theme.js +1 -1
- package/dist/esm/components/UTActionCard/components/Header/index.js +1 -1
- package/dist/esm/components/UTActionCard/components/Header/styles.module.scss +10 -0
- package/dist/esm/components/UTActionCard/constants.js +1 -1
- package/dist/esm/components/UTActionCard/index.js +1 -1
- package/dist/esm/components/UTActionCard/styles.module.scss +7 -0
- package/dist/esm/components/UTCheckbox/versions/V1/components/CheckboxControl/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/components/CheckboxIcon/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/components/TitleAndDescription/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/components/TitleRow/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/constants.js +1 -1
- package/dist/esm/components/UTCheckbox/versions/V1/index.js +1 -1
- package/dist/esm/components/UTCheckbox/versions/V1/theme.js +1 -1
- package/dist/esm/components/UTDatePicker/versions/V1/components/Calendar/index.js +1 -1
- package/dist/esm/components/UTDatePicker/versions/V1/index.js +1 -1
- package/dist/esm/components/UTDatePicker/versions/V1/utils.js +1 -1
- package/dist/esm/components/UTIcon/components/EnergyIcons/EnergyIconGasTank.svg +6 -0
- package/dist/esm/components/UTIcon/constants.js +1 -1
- package/dist/esm/components/UTModal/index.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/constants.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/theme.js +1 -1
- package/dist/esm/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
- package/dist/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,33 +1,29 @@
|
|
|
1
|
-
# [3.
|
|
1
|
+
# [3.195.0](https://github.com/widergy/energy-ui/compare/v3.194.0...v3.195.0) (2026-10-14)
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
###
|
|
4
|
+
### Features
|
|
5
5
|
|
|
6
|
-
* [
|
|
7
|
-
* dependencies ([#892](https://github.com/widergy/energy-ui/issues/892)) ([896b881](https://github.com/widergy/energy-ui/commit/896b8814593edfd2cda185547a7bc1e783a5b00c))
|
|
8
|
-
* reviewer fixes ([1e921e9](https://github.com/widergy/energy-ui/commit/1e921e9b442ce97f3efd2601521f900b0125b6eb))
|
|
6
|
+
* [CX-3228] add category and media to UTActionCard and gas tank icon ([#893](https://github.com/widergy/energy-ui/issues/893)) ([74d9f79](https://github.com/widergy/energy-ui/commit/74d9f79e5d4873ec3babdfd48c2239259eb42a43))
|
|
9
7
|
|
|
8
|
+
# [3.194.0](https://github.com/widergy/energy-ui/compare/v3.193.0...v3.194.0) (2026-10-13)
|
|
10
9
|
|
|
11
|
-
###
|
|
10
|
+
### Novedades y Mejoras
|
|
12
11
|
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
* [AXCH-2383] plugin TableHandles: asas y resaltado ([e2aea17](https://github.com/widergy/energy-ui/commit/e2aea175f3103259b5978f9f9294dbeeee59e0ec))
|
|
16
|
-
* [AXCH-2384] componente TableMenu, tokens y validación de foco ([a73aa6f](https://github.com/widergy/energy-ui/commit/a73aa6f0231bfafcfe7a1d3ca04bd01e5fbe5634))
|
|
17
|
-
* [AXCH-2385] contrato de acciones de tabla y acciones nativas ([ec75563](https://github.com/widergy/energy-ui/commit/ec755639007fe992568107420f5f66d2b0172c80))
|
|
18
|
-
* [AXCH-2386] mover fila y columna desde el menú de tabla ([e00c773](https://github.com/widergy/energy-ui/commit/e00c77384686b3368cd2b527e62925609f4a68a6))
|
|
19
|
-
* [AXCH-2387] borrar contenido, copiar tabla y encabezados ([87a6688](https://github.com/widergy/energy-ui/commit/87a6688fb1e2e12e8ba4df8430af802ffe88c73e))
|
|
20
|
-
* [AXCH-2388] accesibilidad del menú de tabla ([a317ef4](https://github.com/widergy/energy-ui/commit/a317ef499cd184aa5cd398e20f12bfd40b7da0ca))
|
|
21
|
-
* [AXCH-2389] stories, README y test IDs del menú de tabla ([809d71f](https://github.com/widergy/energy-ui/commit/809d71f3c4c5af65ab428f7c2f06d9eab8593122))
|
|
22
|
-
* [AXCH-2390] retiro de la TableToolbar ([b8ba31e](https://github.com/widergy/energy-ui/commit/b8ba31e7aa1e2420f5365f5e26f0f704ef96a55c))
|
|
23
|
-
* [AXCH-2476] arrastrar filas y columnas, redimensionar filas y chevron de celda ([647de01](https://github.com/widergy/energy-ui/commit/647de01ba31ead9d467c6adae1f347db638ceb53))
|
|
12
|
+
* Los componentes de selección (casillas de verificación y botones de opción) ahora comparten las mismas opciones de personalización visual: soporte para prefijo, sufijo, tooltip e íconos en todas sus variantes, incluyendo la variante de botón donde al seleccionar una opción el título ahora se resalta en el color de acento. Además se unificaron los comportamientos visuales entre ambos componentes para garantizar una experiencia consistente. [#877](https://github.com/widergy/Energy-UI/pull/877) [WDS-44](https://widergy.atlassian.net/browse/WDS-44)
|
|
13
|
+
* Mejoras internas de la plataforma. [`664f0d1`](https://github.com/widergy/Energy-UI/commit/664f0d1) [`4564f89`](https://github.com/widergy/Energy-UI/commit/4564f89)
|
|
24
14
|
|
|
25
|
-
|
|
15
|
+
# [3.193.0](https://github.com/widergy/energy-ui/compare/v3.192.3...v3.193.0) (2026-10-08)
|
|
26
16
|
|
|
17
|
+
### Novedades y Mejoras
|
|
27
18
|
|
|
28
|
-
|
|
19
|
+
* El editor de texto enriquecido ahora permite editar tablas de forma más visual e intuitiva: al pasar el cursor sobre una tabla aparecen controles para seleccionar filas, columnas o la tabla completa, cada uno con su propio menú de acciones. Desde esos menús es posible insertar, eliminar o mover filas y columnas, limpiar contenido, copiar la tabla y activar o desactivar filas y columnas de encabezado. También se puede reordenar filas y columnas arrastrándolas, y ajustar el alto de las filas desde su borde inferior. El menú se puede navegar completamente con el teclado y nunca queda cortado por los bordes de la pantalla. [#886](https://github.com/widergy/Energy-UI/pull/886) [AXCH-2324](https://widergy.atlassian.net/browse/AXCH-2324)
|
|
20
|
+
* Mejoras internas de la plataforma. [#892](https://github.com/widergy/Energy-UI/pull/892) [OUG-5552](https://widergy.atlassian.net/browse/OUG-5552)
|
|
21
|
+
|
|
22
|
+
## [3.192.3](https://github.com/widergy/energy-ui/compare/v3.192.2...v3.192.3) (2026-10-08)
|
|
23
|
+
|
|
24
|
+
### Novedades y Mejoras
|
|
29
25
|
|
|
30
|
-
*
|
|
26
|
+
* Mejoras internas de la plataforma. [#891](https://github.com/widergy/Energy-UI/pull/891) [`f4c93c8`](https://github.com/widergy/Energy-UI/commit/f4c93c8) [`c49ab8c`](https://github.com/widergy/Energy-UI/commit/c49ab8c) [OUG-5552](https://widergy.atlassian.net/browse/OUG-5552)
|
|
31
27
|
|
|
32
28
|
## [3.192.2](https://github.com/widergy/energy-ui/compare/v3.192.1...v3.192.2) (2026-10-07)
|
|
33
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_UTStatus=_interopRequireDefault(require("../../../UTStatus")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_HeaderActions=_interopRequireDefault(require("../HeaderActions")),_constants=require("../../constants"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var p,a,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_UTStatus=_interopRequireDefault(require("../../../UTStatus")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_HeaderActions=_interopRequireDefault(require("../HeaderActions")),_constants=require("../../constants"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var p,a,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(p=t?s:r){if(p.has(e))return p.get(e);p.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(p=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?p(o,t,a):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var s in r)({}).hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e},_extends.apply(null,arguments)}const Header=e=>{let{adornment:t,category:r,categoryDataTestId:s,categoryProps:p,classNames:a,description:o,descriptionProps:n,headerActions:i,headerActionsProps:l,setMainActionHoverVisible:_,size:c,status:u,statusAlignment:d,statusDataTestId:T,statusLabel:y,title:f,titleProps:g}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.header," ").concat(_stylesModule.default[c]," ").concat(a.header||"")},(0,_utils.renderAdornment)(t,"left"),_react.default.createElement("div",{className:_stylesModule.default.headerTitles},(0,_utils.renderAdornment)(t,"top"),_react.default.createElement("div",{className:_stylesModule.default.titleAndDescription},_react.default.createElement("div",{className:_stylesModule.default.categoryAndTitle},r&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.category,dataTestId:s},p),r),_react.default.createElement(_UTLabel.default,_extends({variant:"title3",weight:"medium"},g),f)),o&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray"},n),o))),u?_react.default.createElement(_UTStatus.default,_extends({className:"".concat(_stylesModule.default["placeSelf-".concat(d)]),labelDataTestId:T,type:"light"},(0,_utils.statusPropsMapper)(u)),y||u):null,!(0,_array.isEmpty)(i)&&_react.default.createElement(_HeaderActions.default,{headerActions:i,headerActionsProps:l,setMainActionHoverVisible:_}))};Header.propTypes={adornment:(0,_propTypes.shape)({position:_propTypes.string,props:_propTypes.object,type:_propTypes.string}),category:_propTypes.string,categoryDataTestId:_propTypes.string,categoryProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shade:_propTypes.string,style:_propTypes.object,variant:_propTypes.string,weight:_propTypes.string}),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),isPrimary:_propTypes.bool,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:_propTypes.func,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),status:_propTypes.string,statusAlignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),statusDataTestId:_propTypes.string,statusLabel:_propTypes.string,title:_propTypes.string,titleProps:(0,_propTypes.shape)({variant:_propTypes.string,weight:_propTypes.string})};var _default=exports.default=(0,_react.memo)(Header);
|
|
@@ -18,6 +18,16 @@
|
|
|
18
18
|
overflow-wrap: anywhere;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
.categoryAndTitle {
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
grid-gap: var(--UT-actionCard-gap-2xs, 2px);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.category {
|
|
28
|
+
text-transform: uppercase;
|
|
29
|
+
}
|
|
30
|
+
|
|
21
31
|
.medium {
|
|
22
32
|
padding: var(--UT-actionCard-padding-lg, 24px);
|
|
23
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.PLACE_SELF_TYPES=exports.HEADER_ACTIONS_VARIANTS=exports.ACTION_TYPES=void 0;const SIZES=exports.SIZES={MEDIUM:"medium",SMALL:"small"},ACTION_TYPES=exports.ACTION_TYPES={DEFAULT:"default",REDIRECTION:"redirection"},HEADER_ACTIONS_VARIANTS=exports.HEADER_ACTIONS_VARIANTS={BUTTON_GROUP:"buttonGroup",DEFAULT:"default"},PLACE_SELF_TYPES=exports.PLACE_SELF_TYPES={CENTER:"center",END:"end",START:"start"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.PLACE_SELF_TYPES=exports.HEADER_ACTIONS_VARIANTS=exports.CATEGORY_DEFAULT_PROPS=exports.ACTION_TYPES=void 0;const SIZES=exports.SIZES={MEDIUM:"medium",SMALL:"small"},ACTION_TYPES=exports.ACTION_TYPES={DEFAULT:"default",REDIRECTION:"redirection"},HEADER_ACTIONS_VARIANTS=exports.HEADER_ACTIONS_VARIANTS={BUTTON_GROUP:"buttonGroup",DEFAULT:"default"},PLACE_SELF_TYPES=exports.PLACE_SELF_TYPES={CENTER:"center",END:"end",START:"start"},CATEGORY_DEFAULT_PROPS=exports.CATEGORY_DEFAULT_PROPS={colorTheme:"accent",variant:"small",weight:"semibold"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_object=require("@widergy/web-utils/lib/object"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_constants=require("../UTButton/constants"),_BottomActions=_interopRequireDefault(require("./components/BottomActions")),_AdditionalMessage=_interopRequireDefault(require("./components/AdditionalMessage")),_Header=_interopRequireDefault(require("./components/Header")),_constants2=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var s=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_object=require("@widergy/web-utils/lib/object"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_constants=require("../UTButton/constants"),_BottomActions=_interopRequireDefault(require("./components/BottomActions")),_AdditionalMessage=_interopRequireDefault(require("./components/AdditionalMessage")),_Header=_interopRequireDefault(require("./components/Header")),_constants2=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var s=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,r,p={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return p;if(a=t?o:s){if(a.has(e))return a.get(e);a.set(e,p)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?a(p,t,r):p[t]=e[t]);return p})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var o in s)({}).hasOwnProperty.call(s,o)&&(e[o]=s[o])}return e},_extends.apply(null,arguments)}const UTActionCard=e=>{let{additionalMessage:t,adornment:s,BackgroundImage:o,bottomActions:a,bottomActionsVariant:r,category:p,categoryProps:n={},children:i,classNames:c={},description:_,descriptionProps:d={},headerActions:l,headerActionsProps:T={variant:_constants2.HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:u=!1,mainAction:y,Media:g,size:f=_constants2.SIZES.MEDIUM,status:m,statusAlignment:A,statusLabel:E,testIds:h={},title:b,titleProps:P={},withBodyPadding:S=!0,withTouchableContainer:I=!0}=e;const[C,M]=(0,_react.useState)(!0),{backgroundDataTestId:D,categoryDataTestId:O,containerDataTestId:L,mediaDataTestId:N,statusDataTestId:R}=h,v="".concat(_stylesModule.default.innerContainer," ").concat(c.innerContainer||""," ").concat(y?"".concat(_stylesModule.default.withMainAction," ").concat(C?"".concat(_stylesModule.default.mainActionHover," ").concat(c.mainActionHover||""):""):_stylesModule.default.withoutMainAction),q=!!y||I,w=q?_UTTouchableWithoutFeedback.default:"div",F=q?{dataTestId:L,onClick:()=>null==y?void 0:y()}:{"data-testid":L};return _react.default.createElement("div",{className:"".concat(_stylesModule.default.cardContainer," ").concat(c.container||"")},_react.default.createElement(w,_extends({className:v},F),o&&_react.default.createElement(o,{className:"".concat(_stylesModule.default.backgroundImage," ").concat(c.backgroundImage||""),"data-testid":D}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerAndChildrenContainer," ").concat(c.headerAndChildrenContainer||"")},g&&_react.default.createElement(g,{className:"".concat(_stylesModule.default.media," ").concat(c.media||""),"data-testid":N}),!u&&_react.default.createElement(_Header.default,{adornment:s,category:p,categoryDataTestId:O,categoryProps:{..._constants2.CATEGORY_DEFAULT_PROPS,...n},classNames:c,description:_,descriptionProps:d,headerActions:l,headerActionsProps:T,mainAction:y,setMainActionHoverVisible:M,size:f,status:m,statusAlignment:A,statusDataTestId:R,statusLabel:E,title:b,titleProps:P}),i&&_react.default.createElement("div",{className:"".concat(u?_stylesModule.default.withoutHeader:""," ").concat(S?_stylesModule.default["bodyPadding-".concat(f)]:_stylesModule.default["withoutBodyPadding-".concat(f)])},i))),!(0,_object.objectIsEmpty)(t)&&_react.default.createElement(_AdditionalMessage.default,_extends({},t,{size:f})),!(0,_array.isEmpty)(a)&&_react.default.createElement(_BottomActions.default,{actions:a,bottomActionsVariant:r,size:f}))};UTActionCard.propTypes={additionalMessage:(0,_propTypes.shape)({Icon:_propTypes.elementType,iconProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,size:_propTypes.string}),labelProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),message:_propTypes.string}),adornment:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants2.PLACE_SELF_TYPES.CENTER,_constants2.PLACE_SELF_TYPES.END,_constants2.PLACE_SELF_TYPES.START]),position:_propTypes.string,props:_propTypes.object,type:_propTypes.string}),BackgroundImage:_propTypes.elementType,bottomActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS_NAMES))})),bottomActionsVariant:(0,_propTypes.oneOf)([_constants2.ACTION_TYPES.DEFAULT,_constants2.ACTION_TYPES.REDIRECTION]),category:_propTypes.string,categoryProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shade:_propTypes.string,style:_propTypes.object,variant:_propTypes.string,weight:_propTypes.string}),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconProps:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants2.PLACE_SELF_TYPES.CENTER,_constants2.PLACE_SELF_TYPES.END,_constants2.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string,size:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants2.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants2.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:_propTypes.bool,mainAction:_propTypes.func,Media:_propTypes.elementType,size:(0,_propTypes.oneOf)([_constants2.SIZES.MEDIUM,_constants2.SIZES.SMALL]),status:_propTypes.string,statusLabel:_propTypes.string,statusAlignment:(0,_propTypes.oneOf)([_constants2.PLACE_SELF_TYPES.CENTER,_constants2.PLACE_SELF_TYPES.END,_constants2.PLACE_SELF_TYPES.START]),testIds:(0,_propTypes.shape)({backgroundDataTestId:_propTypes.string,categoryDataTestId:_propTypes.string,containerDataTestId:_propTypes.string,mediaDataTestId:_propTypes.string,statusDataTestId:_propTypes.string}),title:_propTypes.string,titleProps:(0,_propTypes.shape)({variant:_propTypes.string,weight:_propTypes.string}),withBodyPadding:_propTypes.bool,withTouchableContainer:_propTypes.bool};var _default=exports.default=(0,_react.memo)(UTActionCard);
|
|
@@ -63,6 +63,13 @@ $default-shadow-gray-bottom-1: 0px 3px 6px rgba(24, 44, 73, 0.1);
|
|
|
63
63
|
z-index: 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
+
.media {
|
|
67
|
+
display: block;
|
|
68
|
+
height: auto;
|
|
69
|
+
object-fit: cover;
|
|
70
|
+
width: 100%;
|
|
71
|
+
}
|
|
72
|
+
|
|
66
73
|
.headerAndChildrenContainer {
|
|
67
74
|
display: flex;
|
|
68
75
|
flex-direction: column;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const CheckboxControl=e=>{let{classes:t,dataTestId:a,indeterminate:r,isSimple:o=!1,value:s=!1}=e;const l=r?_constants.INDETERMINATE_ICON:!0===s?_constants.CHECKED_ICON:"";return _react.default.createElement("div",{className:t.boxContainer,"data-testid":a},o?_react.default.createElement(_UTIcon.default,{className:s?void 0:_stylesModule.default.hidden,colorTheme:"accent",name:_constants.CHECKED_ICON,shade:"04"}):_react.default.createElement("div",{className:t.box},_react.default.createElement("div",{className:t.iconContainer},l&&_react.default.createElement(_UTIcon.default,{colorTheme:"light",name:l,size:10}))))};CheckboxControl.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,indeterminate:_propTypes.bool,isSimple:_propTypes.bool,value:_propTypes.bool};var _default=exports.default=CheckboxControl;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_constants=require("../../constants"),_utils=require("../../utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},_extends.apply(null,arguments)}const CheckboxIcon=e=>{let{classes:r,icon:t,iconProps:o={},iconSelectedProps:s={},isCard:n=!1,value:a=!1}=e;if(!t)return null;const p=(0,_utils.getIconContentType)(t);if(p===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:t.alt||"",className:r.iconImage,src:t.src});if(p===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=t;return _react.default.createElement(e,{className:r.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:t,size:n?_constants.CARD_ICON_SIZE:void 0},n&&{area:!0,areaBackground:"var(--light01)",areaBorderColor:"var(--light04)",areaRadius:_constants.CARD_ICON_AREA_RADIUS,areaSize:_constants.CARD_ICON_AREA_SIZE},o,a?s:{}))};CheckboxIcon.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,isCard:_propTypes.bool,value:_propTypes.bool};var _default=exports.default=CheckboxIcon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TitleAndDescription=e=>{let{children:r,classes:t,description:i,withContainer:o=!1}=e;return i||o?_react.default.createElement("div",{className:t.contentContainer},r,i&&_react.default.createElement(_UTLabel.default,{className:t.description,colorTheme:"gray",variant:"body"},i)):r};TitleAndDescription.propTypes={children:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,withContainer:_propTypes.bool};var _default=exports.default=TitleAndDescription;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_constants=require("../../constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TitleRow=e=>{let{children:t,classes:r,prefix:a,suffix:o,tooltip:l}=e;return a||o||l?_react.default.createElement("div",{className:r.titleRow},a&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},a),t,l&&_react.default.createElement(_UTTooltip.default,{content:l},_react.default.createElement("span",{className:r.tooltip},_react.default.createElement(_UTIcon.default,{className:r.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:_constants.TOOLTIP_ICON_SIZE}))),o&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},o)):t};TitleRow.propTypes={children:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string),prefix:_propTypes.string,suffix:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=TitleRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPACING=exports.INDETERMINATE_ICON=exports.ICON_CONTENT_TYPES=exports.CHECKED_ICON=exports.CARD_VARIANT=exports.CARD_ICON_SIZE=exports.CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_RADIUS=exports.BUTTON_VARIANT=void 0;const CHECKED_ICON=exports.CHECKED_ICON="IconCheck",INDETERMINATE_ICON=exports.INDETERMINATE_ICON="IconMinus",SPACING=exports.SPACING={SMALL:"small",MEDIUM:"medium"},BUTTON_VARIANT=exports.BUTTON_VARIANT="button",CARD_VARIANT=exports.CARD_VARIANT="card",CARD_ICON_SIZE=exports.CARD_ICON_SIZE=16,CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_SIZE=32,CARD_ICON_AREA_RADIUS=exports.CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)",ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_ICON_SIZE=exports.SPACING=exports.INDETERMINATE_ICON=exports.ICON_CONTENT_TYPES=exports.CHECKED_ICON=exports.CARD_VARIANT=exports.CARD_ICON_SIZE=exports.CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_RADIUS=exports.BUTTON_VARIANT=void 0;const CHECKED_ICON=exports.CHECKED_ICON="IconCheck",INDETERMINATE_ICON=exports.INDETERMINATE_ICON="IconMinus",SPACING=exports.SPACING={SMALL:"small",MEDIUM:"medium"},BUTTON_VARIANT=exports.BUTTON_VARIANT="button",CARD_VARIANT=exports.CARD_VARIANT="card",CARD_ICON_SIZE=exports.CARD_ICON_SIZE=16,CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_SIZE=32,CARD_ICON_AREA_RADIUS=exports.CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_classesUtils=require("../../../../utils/classesUtils"),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_classesUtils=require("../../../../utils/classesUtils"),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_buttonTypes=require("../../../../types/buttonTypes"),_formTypes=require("../../../../types/formTypes"),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_CheckboxControl=_interopRequireDefault(require("./components/CheckboxControl")),_CheckboxIcon=_interopRequireDefault(require("./components/CheckboxIcon")),_TitleAndDescription=_interopRequireDefault(require("./components/TitleAndDescription")),_TitleRow=_interopRequireDefault(require("./components/TitleRow")),_constants=require("./constants"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(s,t,i):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:r,classes:a,classNames:o,CustomComponent:i,dataTestId:s,description:p,disabled:l,icon:n,iconProps:c={},iconSelectedProps:u={},indeterminate:_,isSimple:d=!1,meta:T,nameProps:f={},nameSelectedProps:m={},onChange:y=()=>{},prefix:b,required:h,suffix:q,title:g,tooltip:x,value:C=!1,variant:U="default",withUpperTitle:v}=e;const R=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(a,o),[o,a]),D=U===_constants.CARD_VARIANT,k=!0===C&&U===_constants.BUTTON_VARIANT,E=T&&(0,_form.shouldShowErrors)(T)&&T.error||"",P=(0,_utils.formatErrorToValidation)(E),w=_react.default.createElement(_CheckboxControl.default,{classes:R,dataTestId:r,indeterminate:_,isSimple:!D&&d,value:C}),O=D?_react.default.createElement(_UTLabel.default,_extends({className:R.name,colorTheme:"dark"},f,C?m:{}),g):_react.default.createElement(_UTFieldLabel.default,{className:R.title,highlighted:k,required:h},g),j=_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_CheckboxIcon.default,{classes:R,icon:n,iconProps:c,iconSelectedProps:u,isCard:D,value:C}),_react.default.createElement(_TitleAndDescription.default,{classes:R,description:p,withContainer:D},_react.default.createElement(_TitleRow.default,{classes:R,prefix:b,suffix:q,tooltip:x},i||O)));return _react.default.createElement(_react.default.Fragment,null,v&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:h},g),_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:R.container,dataTestId:s,disabled:l,onMouseDown:()=>{!l&&y&&y(!C)}},_react.default.createElement("div",{className:R.content},D?j:_react.default.createElement(_react.default.Fragment,null,w,_react.default.createElement("div",{className:R.labelContainer},j))),D&&w,E&&_react.default.createElement(_UTValidation.default,{className:R.validation,validationData:P})))};UTCheckbox.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),checkboxDataTestId:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),CustomComponent:_propTypes.elementType,dataTestId:_propTypes.string,description:_propTypes.string,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,indeterminate:_propTypes.bool,isSimple:_propTypes.bool,meta:_formTypes.metaPropTypes.isRequired,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,required:_propTypes.bool,suffix:_propTypes.string,title:_propTypes.string,tooltip:_propTypes.string,value:_propTypes.bool,variant:_propTypes.string,withUpperTitle:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTCheckbox);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _form=require("@widergy/web-utils/lib/form"),_constants=require("./constants");const MEDIUM_SPACING="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _form=require("@widergy/web-utils/lib/form"),_constants=require("./constants");const MEDIUM_SPACING="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},labelContainer:{alignItems:"center",display:"flex"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},titleRow:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}),getCardTheme=e=>{var t,o,a,n;let{theme:r,error:i}=e;const l=(null===(t=r.Palette.actions)||void 0===t?void 0:t.accent["01"])||r.Palette.accent["01"],c=(null===(o=r.Palette.actions)||void 0===o?void 0:o.accent["02"])||r.Palette.accent["02"],d=(null===(a=r.Palette.actions)||void 0===a?void 0:a.accent["03"])||r.Palette.accent["03"],s=(null===(n=r.Palette.actions)||void 0===n?void 0:n.accent["05"])||r.Palette.accent["05"];return{base:{backgroundColor:r.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i?r.Palette.error["04"]:r.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i?r.Palette.error["01"]:r.Palette.light["03"]},"&:active":{backgroundColor:i?r.Palette.error["02"]:r.Palette.light["04"],"& $description":{color:r.Palette.gray["03"]}}},selected:{boxShadow:"none",outline:"2px solid ".concat(d," !important"),"& $icon path":{fill:s},"&:hover":{backgroundColor:l,outline:"2px solid ".concat(d," !important")},"&:active":{backgroundColor:c,outline:"2px solid ".concat(d," !important")}},disabled:{backgroundColor:r.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:r.Palette.gray["04"]},"& $icon path":{fill:r.Palette.gray["04"]}}}},getCardCheckboxColors=e=>{var t;let{isMarked:o,disabled:a,theme:n}=e;const r=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["04"])||n.Palette.accent["04"],i=n.Palette.gray["04"];return{backgroundColor:o?a?i:r:"transparent",borderColor:o?a?i:r:n.Palette.light["05"]}},conditionalStyles=e=>{var t,o,a,n,r;let{value:i,indeterminate:l,reversed:c,spacing:d,variant:s,theme:p,disabled:x,error:b}=e;const v=d===_constants.SPACING.SMALL?SMALL_SPACING:MEDIUM_SPACING,h=s===_constants.CARD_VARIANT,g=h&&getCardTheme({theme:p,error:b}),u=!0===i||l;return{container:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between"},...x&&!h&&{opacity:.5},...s===_constants.BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===d?"8px 12px":"12px 16px",backgroundColor:b?p.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:b?p.Palette.error["02"]:p.Palette.light["04"]},"&:hover":{backgroundColor:b?p.Palette.error["02"]:p.Palette.light["03"]}},...h&&{borderRadius:"var(--UT-checkbox-card-radius, 12px)",gap:v,minHeight:"var(--UT-checkbox-card-min-height, 24px)",overflow:"visible",padding:"var(--UT-checkbox-card-padding-y, 12px) var(--UT-checkbox-card-padding-x, 16px)",...x?g.disabled:i?g.selected:g.base}},content:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between",...s===_constants.BUTTON_VARIANT&&{width:"100%"}},gap:v,...h&&{marginRight:"auto"}},labelContainer:{gap:v},iconContainer:{...b&&{borderColor:p.Palette.error["04"]},...u&&{backgroundColor:(null===(t=p.Palette.actions)||void 0===t?void 0:t.accent["04"])||p.Palette.accent["04"],borderColor:(null===(o=p.Palette.actions)||void 0===o?void 0:o.accent["04"])||p.Palette.accent["04"]},...h&&getCardCheckboxColors({isMarked:u,disabled:x,theme:p})},boxContainer:{...s!==_constants.BUTTON_VARIANT&&!h&&{"&:active, &:hover":{"& $box":{borderColor:b?p.Palette.error["03"]:(null===(a=p.Palette.actions)||void 0===a?void 0:a.accent["03"])||p.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:b?p.Palette.error["02"]:(null===(n=p.Palette.actions)||void 0===n?void 0:n.accent["02"])||p.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:b?p.Palette.error["01"]:(null===(r=p.Palette.actions)||void 0===r?void 0:r.accent["01"])||p.Palette.accent["01"]}}}},title:s===_constants.BUTTON_VARIANT&&{userSelect:"none"}}},retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,theme:i,variant:l,meta:c}=e;const d=baseCheckBoxTheme(i),s=c&&(0,_form.shouldShowErrors)(c),{container:p,content:x,iconContainer:b,boxContainer:v,labelContainer:h,title:g}=conditionalStyles({value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,variant:l,theme:i,error:s});return{box:d.box,content:{...d.content,...x},container:{...d.container,...p},iconContainer:{...d.iconContainer,...b},boxContainer:v,labelContainer:{...d.labelContainer,...h},title:g,validation:d.validation,contentContainer:d.contentContainer,titleRow:d.titleRow,tooltip:d.tooltip,icon:d.icon,iconImage:d.iconImage,infoIcon:d.infoIcon,name:d.name,description:d.description}};exports.retrieveStyle=retrieveStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_dayjs=_interopRequireDefault(require("dayjs"));require("dayjs/locale/es");var _propTypes=require("prop-types"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_dayjs=_interopRequireDefault(require("dayjs"));require("dayjs/locale/es");var _propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_Day=_interopRequireDefault(require("../Day")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss")),_utils=require("../../utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?l(s,t,n):s[t]=e[t]);return s})(e,t)}const Calendar=e=>{let{dataTestId:t,maxDate:a,minDate:r,onDaySelect:l,pickedDate:n}=e;const[s,d]=(0,_react.useState)(n||(0,_dayjs.default)()),o=(0,_utils.getCalendarTestIds)(t);(0,_react.useEffect)(()=>{null!=n&&n.isValid()&&d(n)},[n]);const u=(0,_utils.getWeeks)(s),c=e=>!(!r||!e.isBefore((0,_dayjs.default)(r,_constants.OUTPUT_LABEL_MASK),"day"))||!(!a||!e.isAfter((0,_dayjs.default)(a,_constants.OUTPUT_LABEL_MASK),"day"));return _react.default.createElement("div",{className:_stylesModule.default.calendarContainer,"data-testid":o.calendar},_react.default.createElement("div",{className:_stylesModule.default.nav},_react.default.createElement(_UTButton.default,{colorTheme:"secondary",dataTestId:o.calendarPrevBtn,Icon:"IconChevronLeft",onClick:()=>d(e=>e.subtract(1,"month")),size:"small",variant:"text"}),_react.default.createElement(_UTLabel.default,{align:"center",className:_stylesModule.default.navLabel,dataTestId:o.calendarMonthYear,variant:"body",weight:"medium"},s.locale("es").format(_constants.MONTH_YEAR_FORMAT)),_react.default.createElement(_UTButton.default,{colorTheme:"secondary",dataTestId:o.calendarNextBtn,Icon:"IconChevronRight",onClick:()=>d(e=>e.add(1,"month")),size:"small",variant:"text"})),_react.default.createElement("div",{className:_stylesModule.default.month},_react.default.createElement("div",{className:_stylesModule.default.week},_constants.WEEKDAYS_LABELS.map(e=>_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.dayCell," ").concat(_stylesModule.default.dayHeader),key:e,variant:"body",weight:"medium"},e))),u.map(e=>_react.default.createElement("div",{className:_stylesModule.default.week,key:e[0].format("YYYY-MM-DD")},e.map(e=>{const t=e.month()===s.month();return _react.default.createElement(_Day.default,{date:e,dayInCurrentMonth:t,isDisabled:c(e),key:e.format("YYYY-MM-DD"),onClick:l,pickedDate:n})})))))};Calendar.propTypes={dataTestId:_propTypes.string,maxDate:_propTypes.object,minDate:_propTypes.object,onDaySelect:_propTypes.func,pickedDate:_propTypes.object};var _default=exports.default=Calendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Popover=_interopRequireDefault(require("@material-ui/core/Popover")),_dayjs=_interopRequireDefault(require("dayjs")),_customParseFormat=_interopRequireDefault(require("dayjs/plugin/customParseFormat")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../UTBaseInputField")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("../../../UTBaseInputField/constants"),_Calendar=_interopRequireDefault(require("./components/Calendar")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,l,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(s,t,l):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}_dayjs.default.extend(_customParseFormat.default);const CALENDAR_PAPER_PROPS={className:_stylesModule.default.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:n,error:l="",helpText:s,onChange:o=()=>{},placeholder:i,popoverProps:u,range:c,readOnly:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Popover=_interopRequireDefault(require("@material-ui/core/Popover")),_dayjs=_interopRequireDefault(require("dayjs")),_customParseFormat=_interopRequireDefault(require("dayjs/plugin/customParseFormat")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../UTBaseInputField")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("../../../UTBaseInputField/constants"),_Calendar=_interopRequireDefault(require("./components/Calendar")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,l,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(s,t,l):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}_dayjs.default.extend(_customParseFormat.default);const CALENDAR_PAPER_PROPS={className:_stylesModule.default.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:n,error:l="",helpText:s,onChange:o=()=>{},placeholder:i,popoverProps:u,range:c,readOnly:d=!1,required:_,size:p=_constants2.DEFAULT_PROPS.size,title:f,value:T="",variant:m=_constants2.DEFAULT_PROPS.variant}=e;const{maxDate:y,minDate:v}=c||{},[P,U]=(0,_react.useState)(null),[E,D]=(0,_react.useState)(!1),[A,g]=(0,_react.useState)(""),[L,O]=(0,_react.useState)(!1),[h,M]=(0,_react.useState)(!1),q=(0,_react.useRef)(null),R=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{D(!1),g(""),M(!1),!T&&null!=P&&P.isValid()?U(null):(0,_utils.dateMatchesFormat)(T,_constants2.OUTPUT_LABEL_MASK)?U((0,_dayjs.default)(T,_constants2.OUTPUT_LABEL_MASK)):U(null)},[T]);const S=()=>{var e;n||d||(O(!0),null===(e=R.current)||void 0===e||e.focus())},b=E?A:null!=P&&P.isValid()?P.format(_constants2.OUTPUT_LABEL_MASK):"",F=!!l||h,B=null==P?void 0:P.isValid(),x=i||_constants2.DEFAULT_PLACEHOLDER,I=F&&!n,j=(B||E)&&!n&&!d,C=l||(h?_constants2.TYPING_ERROR_MESSAGE:""),N="picker"===m,k=I?[{name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}]:[],w={colorTheme:F?"error":L?"primary":"gray",Icon:a||"IconCalendarEvent"},K=d?void 0:_react.default.createElement("div",{className:_stylesModule.default.endAdornments},_react.default.createElement(_UTButton.default,_extends({},j?{colorTheme:"dark",Icon:"IconX"}:w,{classNames:{root:_stylesModule.default.calendarButton},disabled:n,onClick:j?e=>{e.stopPropagation(),U(null),D(!1),g(""),M(!1),o("")}:S,size:"small",variant:"text"})));return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:_stylesModule.default.root},f&&_react.default.createElement(_UTFieldLabel.default,{className:null==t?void 0:t.upperTitle,required:_,withMarkdown:!0},f),_react.default.createElement("div",{ref:q},_react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:t,dataTestId:r,inputRef:R,disabled:n,error:F,readOnly:d,inputSize:"sm"===p?"small":void 0,variant:N?"transparent":void 0,leftAdornments:k,maxLength:10,muiProps:{InputProps:{endAdornment:K},onChange:e=>{var t,a;const r=(e=>{const t=e.replace(/\D/g,"").slice(0,8);return t.length<=2?t:t.length<=4?"".concat(t.slice(0,2),"/").concat(t.slice(2)):"".concat(t.slice(0,2),"/").concat(t.slice(2,4),"/").concat(t.slice(4))})(E?e.target.value:null!==(t=null===(a=e.nativeEvent)||void 0===a?void 0:a.data)&&void 0!==t?t:"");g(r),D(!0);if(8===r.replace(/\D/g,"").length){const e=(0,_utils.dateMatchesFormat)(r,_constants2.OUTPUT_LABEL_MASK)&&(0,_dayjs.default)(r,_constants2.OUTPUT_LABEL_MASK).isValid();M(!e),e&&U((0,_dayjs.default)(r,_constants2.OUTPUT_LABEL_MASK))}else M(!1)},fullWidth:!0},onBlur:e=>{var t;if((null===(t=q.current)||void 0===t||!t.contains(e.relatedTarget))&&(O(!1),M(!1),E)){if(D(!1),g(""),!A)return U(null),void o("");if((0,_utils.dateMatchesFormat)(A,_constants2.OUTPUT_LABEL_MASK)){const e=(0,_dayjs.default)(A,_constants2.OUTPUT_LABEL_MASK);if(e.isValid()){const t=(0,_utils.getFinalDate)({date:e,maxDate:y,minDate:v});return U(t),void o(t.format(_constants2.OUTPUT_LABEL_MASK))}}U(null),o("")}},onFocus:S,placeholder:x,value:b})),s&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",withMarkdown:!0},s),"select"===m&&C&&_react.default.createElement(_UTValidation.default,{dataTestId:r?"".concat(r,".errorMessage"):void 0,validationData:[{items:[{status:"error",text:C}]}]})),_react.default.createElement(_Popover.default,_extends({anchorEl:q.current,anchorOrigin:{horizontal:"left",vertical:"bottom"},disableAutoFocus:!0,disableEnforceFocus:!0,disableRestoreFocus:!0,onClose:()=>{O(!1),M(!1),E&&(D(!1),g(""),T&&(0,_utils.dateMatchesFormat)(T,_constants2.OUTPUT_LABEL_MASK)?U((0,_dayjs.default)(T,_constants2.OUTPUT_LABEL_MASK)):U(null))},open:L,PaperProps:CALENDAR_PAPER_PROPS,transformOrigin:{horizontal:"left",vertical:"top"}},u),_react.default.createElement(_Calendar.default,{dataTestId:r,maxDate:y,minDate:v,onDaySelect:e=>{const t=(0,_utils.getFinalDate)({date:e,maxDate:y,minDate:v});U(t),D(!1),g(""),M(!1),t.isValid()?o(t.format(_constants2.OUTPUT_LABEL_MASK)):o(""),O(!1)},pickedDate:P})))};UTDatePicker.propTypes={classNames:_propTypes.object,CustomIcon:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,helpText:_propTypes.string,onChange:_propTypes.func,placeholder:_propTypes.string,popoverProps:_propTypes.object,range:(0,_propTypes.shape)({maxDate:_propTypes.string,minDate:_propTypes.string}),readOnly:_propTypes.bool,required:_propTypes.bool,size:_propTypes.string,title:_propTypes.string,value:_propTypes.string,variant:(0,_propTypes.oneOf)(["select","picker"])};var _default=exports.default=UTDatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isSelected=exports.getWeeks=exports.getFinalDate=exports.dateMatchesFormat=void 0;var _dayjs=_interopRequireDefault(require("dayjs")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isSelected=exports.getWeeks=exports.getFinalDate=exports.getCalendarTestIds=exports.dateMatchesFormat=void 0;var _dayjs=_interopRequireDefault(require("dayjs")),_testIds=require("../../../../constants/testIds"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{UTDatePickerV1TestID:UTDatePickerV1TestID}=_testIds.TEST_IDS,isSelected=(e,t)=>t&&e.isSame(t,"day");exports.isSelected=isSelected;const dateMatchesFormat=(e,t)=>(0,_dayjs.default)(e,t).format(t)===e;exports.dateMatchesFormat=dateMatchesFormat;const getFinalDate=e=>{let{date:t,maxDate:s,minDate:a}=e;const r=(0,_dayjs.default)(t);return s&&null!=r&&r.isAfter((0,_dayjs.default)(s,_constants.OUTPUT_LABEL_MASK))?(0,_dayjs.default)(s,_constants.OUTPUT_LABEL_MASK):a&&null!=r&&r.isBefore((0,_dayjs.default)(a,_constants.OUTPUT_LABEL_MASK))?(0,_dayjs.default)(a,_constants.OUTPUT_LABEL_MASK):r};exports.getFinalDate=getFinalDate;const getWeeks=e=>{const t=e.startOf("month"),s=e.endOf("month"),a=[];let r=t.subtract(t.day(),"day");do{const e=r;a.push(Array.from({length:7},(t,s)=>e.add(s,"day"))),r=r.add(7,"day")}while(r.isBefore(s)||r.isSame(s,"day"));return a};exports.getWeeks=getWeeks;const getCalendarTestIds=e=>Object.fromEntries(Object.entries(UTDatePickerV1TestID).map(t=>{let[s,a]=t;return[s,e?"".concat(e,".").concat(s):a]}));exports.getCalendarTestIds=getCalendarTestIds;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect x="3" y="7" width="18" height="10" rx="5"/>
|
|
3
|
+
<path d="M8 7V17M16 7V17"/>
|
|
4
|
+
<path d="M12 4V7M10.5 4H13.5"/>
|
|
5
|
+
<path d="M6 17L5 20M18 17L19 20"/>
|
|
6
|
+
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FILLED_ICON_SUFIX=exports.FILLED_ICON_COLOR=exports.ENERGY_ICON_PREFIX=exports.ENERGY_ICONS=exports.DEFAULT_VARIANT=exports.DEFAULT_INTERNAL_SHADE=exports.DEFAULT_ICON_SIZE=exports.DEFAULT_COLOR_THEME=exports.CURRENT_COLOR=exports.AREA_BORDER_WIDTH=void 0;var _react=_interopRequireDefault(require("react")),_Palette=require("../../constants/Palette");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var EnergyIconBottledGas=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M14.955 8h-5.91A3.036 3.036 0 0 0 6 11.027v4.946A3.036 3.036 0 0 0 9.045 19h5.91A3.036 3.036 0 0 0 18 15.973v-4.946A3.036 3.036 0 0 0 14.955 8Z",strokeMiterlimit:"10"}),_react.default.createElement("path",{d:"M9.25 8V4.448c0-.524.42-.948.94-.948h3.62c.52 0 .94.424.94.948V8M8 19v1.016c0 .543.408.984.911.984h6.178c.503 0 .911-.44.911-.984V19M6 12h12",strokeMiterlimit:"10"}))};EnergyIconBottledGas.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconBottledGasPlus=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M6.786 9.357V6.313c0-.45.36-.813.806-.813h3.102a.81.81 0 0 1 .806.813v3.044m-5.786 9.429v.87c0 .466.35.844.781.844h5.295c.431 0 .781-.377.781-.843v-.871m-8.571-6h10.286m-2.61-3.429H6.61A2.603 2.603 0 0 0 4 11.952v4.239a2.603 2.603 0 0 0 2.61 2.595h5.066a2.603 2.603 0 0 0 2.61-2.595v-4.239a2.603 2.603 0 0 0-2.61-2.595Z",strokeWidth:"1.5",strokeMiterlimit:"10"}),_react.default.createElement("path",{d:"M15 6h6m-3-3v6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconBottledGasPlus.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconCar=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",stroke:"none"}),_react.default.createElement("path",{d:"M5 17H3v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0H9m-6-6h15m-6 0V6"}),_react.default.createElement("path",{d:"M5 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0M15 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0"}))};EnergyIconCar.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"icon icon-tabler icons-tabler-outline icon-tabler-car"};var EnergyIconCarbonFootprint=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M21.72 15.19c-.8 3.17-5.19 5.09-8.65 4.87-.66-.67-2.9-3.34-2.06-6.78.98-4.02 7-5.57 9.92-7.42.62-.39 1.8 5.35.79 9.33Z"}),_react.default.createElement("path",{d:"M18.52 11.16c-3.57 1.15-5.98 5.03-5.45 8.9M8.41 19.32c-2.05-.82-3.78-2.26-4.25-4.13-1.01-3.98.17-9.72.79-9.33M4.95 5.86c1.34.85 3.32 1.63 5.18 2.62"}))};EnergyIconCarbonFootprint.defaultProps={width:"26",height:"26",viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",strokeWidth:"2"};var EnergyIconCart=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M4 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM15 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM6 5l14 1-1 7H6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M4 3h2v14h11",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconCart.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconChatSparkFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.833 5c-.487 0-.954.193-1.297.535A1.819 1.819 0 0 0 4 6.824v7.529c0 .482.192.946.536 1.288.343.342.81.536 1.297.536h2.834a1 1 0 0 1 .706.291l2.833 2.824a1 1 0 1 1-1.412 1.416l-2.54-2.531h-2.42a3.838 3.838 0 0 1-2.71-1.12A3.819 3.819 0 0 1 2 14.354v-7.53c0-1.015.405-1.988 1.124-2.704A3.838 3.838 0 0 1 5.834 3h11.333c1.015 0 1.99.402 2.709 1.119A3.818 3.818 0 0 1 21 6.824v4.235a1 1 0 1 1-2 0V6.824c0-.483-.192-.946-.536-1.289A1.839 1.839 0 0 0 17.167 5H5.833Zm.89 3.706a1 1 0 0 1 1-1h7.555a1 1 0 1 1 0 2H7.722a1 1 0 0 1-1-1Zm0 3.765a1 1 0 0 1 1-1h4.721a1 1 0 1 1 0 2H7.722a1 1 0 0 1-1-1Zm10.62 1.196a1 1 0 0 1 .973.765c.113.469.352.897.691 1.237.339.34.764.58 1.229.693a1 1 0 0 1 0 1.943c-.465.113-.89.352-1.229.693-.339.34-.578.768-.691 1.236a1 1 0 0 1-1.944 0 2.622 2.622 0 0 0-.691-1.236 2.602 2.602 0 0 0-1.23-.693 1 1 0 0 1 0-1.943c.465-.113.89-.353 1.23-.693.338-.34.578-.768.69-1.237a1 1 0 0 1 .973-.765Zm0 3.146a4.608 4.608 0 0 1-.519.52 4.586 4.586 0 0 1 .52.52 4.603 4.603 0 0 1 .52-.52 4.553 4.553 0 0 1-.52-.52Z"}))};EnergyIconChatSparkFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumption=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.645.828a.75.75 0 0 0-.72.54l-7.848 26.906a.75.75 0 0 0 .72.96h10.361L19.021 46.33a.75.75 0 0 0 1.369.509l17.937-26.906a.75.75 0 0 0-.624-1.166H27.574L33.922 1.84a.75.75 0 0 0-.702-1.013H18.645Z"}))};EnergyIconConsumption.defaultProps={width:"49",height:"48",viewBox:"0 0 49 48",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25 20.833A4.167 4.167 0 0 0 20.833 25v50A4.167 4.167 0 0 0 25 79.167h50A4.167 4.167 0 0 0 79.167 75V25A4.167 4.167 0 0 0 75 20.833H25ZM12.5 25c0-6.904 5.596-12.5 12.5-12.5h50c6.904 0 12.5 5.596 12.5 12.5v50c0 6.904-5.596 12.5-12.5 12.5H25c-6.904 0-12.5-5.596-12.5-12.5V25Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M50.183 33.458c1.635.455 2.554 2.03 2.053 3.516l-3.286 9.747h6.287c1.017 0 1.97.454 2.548 1.215a2.6 2.6 0 0 1 .348 2.597L52.17 64.848c-.606 1.454-2.393 2.186-3.992 1.636-1.6-.551-2.405-2.176-1.8-3.63l4.375-10.503h-5.991c-.982 0-1.906-.424-2.49-1.142-.584-.717-.758-1.645-.47-2.498l4.512-13.387c.501-1.486 2.233-2.322 3.868-1.866Z"}))};EnergyIconConsumptionBoxFilled.defaultProps={width:"100",height:"100",viewBox:"0 0 100 100",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxPlusFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),_react.default.createElement("path",{d:"M17.098 13.5c.483 0 .875.392.875.875v1.75h1.75a.875.875 0 1 1 0 1.75h-1.75v1.75a.875.875 0 0 1-1.75 0v-1.75h-1.75a.875.875 0 1 1 0-1.75h1.75v-1.75c0-.483.391-.875.875-.875Z"}))};EnergyIconConsumptionBoxPlusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxRightFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),_react.default.createElement("path",{d:"M17.9 14.2a.78.78 0 1 0-1 1.2l.745.62H15a.78.78 0 1 0 0 1.56h2.647l-.746.62a.78.78 0 1 0 .998 1.2l2.4-2a.78.78 0 0 0 0-1.2l-2.4-2Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}))};EnergyIconConsumptionBoxRightFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxMinusFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),_react.default.createElement("path",{d:"M15.086 14.697a1 1 0 0 1 1.414 0l1.293 1.293 1.293-1.293a1 1 0 0 1 1.414 1.415l-1.293 1.293 1.293 1.292a1 1 0 0 1-1.414 1.415l-1.293-1.293-1.293 1.293a1 1 0 0 1-1.414-1.415l1.293-1.293-1.293-1.292a1 1 0 0 1 0-1.415Z"}))};EnergyIconConsumptionBoxMinusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconEdit=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m16.019 10.679-2.695-2.695 1.948-1.95 2.694 2.695-1.947 1.95Zm-6.94 6.946-2.976.27.264-2.955 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.338l-.001-.001-2.738-2.738c-.741-.74-2.014-.774-2.716-.07l-8.996 8.997a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.38a1.974 1.974 0 0 0 1.214-.567l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"}))};EnergyIconEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconHome=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"m9.02 2.84-5.39 4.2C2.73 7.74 2 9.23 2 10.36v7.41c0 2.32 1.89 4.22 4.21 4.22h11.58c2.32 0 4.21-1.9 4.21-4.21V10.5c0-1.21-.81-2.76-1.8-3.45l-6.18-4.33c-1.4-.98-3.65-.93-5 .12Z",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M12 17.99v-3 3Z"}),_react.default.createElement("path",{d:"M12 17.99v-3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconHome.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconMessageEdit=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M8 9h8M8 13h6M13 20l-1 1-3-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.5M18.93 15.522a1.797 1.797 0 0 1 2.933.583 1.8 1.8 0 0 1-.39 1.96l-2.903 2.93H16v-2.57l2.93-2.903Z"}))};EnergyIconMessageEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconQuestionFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M10 2.287a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10Zm8.475-5.655a3.6 3.6 0 1 1 2.857 6.598.5.5 0 0 0-.334.5 1 1 0 0 1-1.996.114 2.5 2.5 0 0 1 1.65-2.495 1.6 1.6 0 1 0-1.855-2.458 1 1 0 0 1-1.594-1.208 3.6 3.6 0 0 1 1.272-1.051ZM10 14.287a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1Z"}))};EnergyIconQuestionFilled.defaultProps={width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconSendFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M20.816 10.742 3.93 2.504a1.086 1.086 0 0 0-.524-.106 1.11 1.11 0 0 0-.508.16c-.152.098-.277.231-.367.387-.086.16-.133.336-.133.52v.027c0 .145.02.285.055.426l1.617 6.48c.024.086.07.165.137.223.07.055.152.094.242.102l7.117.793c.118.015.227.07.309.16a.49.49 0 0 1-.309.808l-7.117.793a.438.438 0 0 0-.379.325l-1.617 6.48a1.712 1.712 0 0 0-.055.422v.031c0 .18.047.36.137.516.086.16.211.293.363.387.157.097.329.152.508.16.184.011.364-.028.524-.106l16.886-8.238c.235-.113.434-.293.57-.516a1.378 1.378 0 0 0 0-1.48 1.426 1.426 0 0 0-.57-.516Zm0 0",fill:"currentColor"}))};EnergyIconSendFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconTruck=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M8 45.333v-32h26.667V16H48l8 13.333v16h-4c-2.134 4.236-3.616 5.301-6.667 5.334-3.599-.425-4.786-1.6-5.333-5.334H24c-.368 3.882-1.607 4.975-5.333 5.334-3.698-.845-5.033-1.904-5.334-5.334H8Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M13.333 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0ZM40 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M13.333 45.333H8V34.667M5.333 13.333h29.334v32m-10.667 0h16m10.667 0H56v-16m0 0H34.667m21.333 0L48 16H34.667M8 24h10.667",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconTruck.defaultProps={width:"24",height:"24",viewBox:"0 0 64 64",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconFileTextSparkFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.923 2.953a.973.973 0 0 0-.974.977v13.675a.978.978 0 0 0 .974.976h4.872c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H5.923a2.92 2.92 0 0 1-2.067-.858A2.934 2.934 0 0 1 3 17.605V3.93c0-.777.308-1.522.856-2.072A2.92 2.92 0 0 1 5.923 1h6.82c.259 0 .507.103.69.286l4.871 4.884a.978.978 0 0 1 .286.69v3.42a.976.976 0 1 1-1.949 0V7.836h-2.923a1.946 1.946 0 0 1-1.378-.572 1.956 1.956 0 0 1-.57-1.381v-2.93H5.922Zm7.795 1.382 1.545 1.549h-1.545v-1.55Zm-6.82 3.502c0-.54.436-.977.974-.977h.974c.538 0 .975.438.975.977 0 .54-.437.977-.975.977h-.974a.976.976 0 0 1-.975-.977Zm0 3.907c0-.54.436-.977.974-.977h5.846c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Zm10.717 1.465c.45 0 .842.31.947.747a3.666 3.666 0 0 0 2.693 2.7.976.976 0 0 1 0 1.898 3.652 3.652 0 0 0-2.693 2.699.975.975 0 0 1-1.894 0 3.665 3.665 0 0 0-2.692-2.699.976.976 0 0 1 0-1.899 3.652 3.652 0 0 0 2.692-2.699.975.975 0 0 1 .947-.747Zm0 3.234a5.602 5.602 0 0 1-1.159 1.162 5.596 5.596 0 0 1 1.16 1.161 5.612 5.612 0 0 1 1.158-1.161 5.617 5.617 0 0 1-1.159-1.162ZM6.897 15.65c0-.54.437-.977.975-.977h2.923c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Z"}))};EnergyIconFileTextSparkFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconFlameFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),_react.default.createElement("path",{d:"M10 2c0-.88 1.056-1.331 1.692-.722 1.958 1.876 3.096 5.995 1.75 9.12l-.08.174.012.003c.625.133 1.203-.43 2.303-2.173l.14-.224a1 1 0 0 1 1.582-.153C18.733 9.46 20 12.402 20 14.295 20 18.56 16.409 22 12 22s-8-3.44-8-7.706c0-2.252 1.022-4.716 2.632-6.301l.605-.589c.241-.236.434-.43.618-.624C9.285 5.268 10 3.856 10 2"}))};EnergyIconFlameFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-flame"};var EnergyIconBoltFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),_react.default.createElement("path",{d:"m13 2 .018.001.016.001.083.005.011.002h.011l.038.009.052.008.016.006.011.001.029.011.052.014.019.009.015.004.028.014.04.017.021.012.022.01.023.015.031.017.034.024.018.011.013.012.024.017.038.034.022.017.008.01.014.012.036.041.026.027.006.009c.12.147.196.322.218.513l.001.012.002.041L14 3v6h5a1 1 0 0 1 .868 1.497l-.06.091-8 11C11.24 22.371 10 21.968 10 21v-6H5a1 1 0 0 1-.868-1.497l.06-.091 8-11 .01-.013.018-.024.033-.038.018-.022.009-.008.013-.014.04-.036.028-.026.008-.006a1 1 0 0 1 .402-.199l.011-.001.027-.005.074-.013.011-.001.041-.002z"}))};EnergyIconBoltFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-bolt"};var EnergyIconPresentationFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),_react.default.createElement("path",{d:"M21 3a1 1 0 0 1 0 2v9a3 3 0 0 1-3 3h-5v2h2a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2h2v-2H6a3 3 0 0 1-3-3V5a1 1 0 1 1 0-2zm-4.293 4.293a1 1 0 0 0-1.414 0L13 9.585l-1.293-1.292a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 0 1.414l.094.083a1 1 0 0 0 1.32-.083L11 10.415l1.293 1.292a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414"}))};EnergyIconPresentationFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-presentation"};var EnergyIconCreditCardsFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m13.172 4.39.823 1.427.017.03h2.76a2.395 2.395 0 0 1 2.395 2.395v5.113a2.395 2.395 0 0 1-2.395 2.395H8.341l-1.242.717c-1.194.69-2.766.365-3.473-.86l-2.47-4.279c-.708-1.224-.202-2.748.991-3.437L9.7 3.531c1.194-.689 2.766-.365 3.473.86Zm-1.444.834.36.623H9.021l.534-.308.978-.565a.916.916 0 0 1 .901-.032.75.75 0 0 1 .294.282Zm-8.747 4.11L6.07 7.55c-.065.22-.1.452-.1.692v5.113c0 .578.204 1.11.546 1.523l-.252.146c-.475.274-.993.101-1.195-.25l-2.471-4.28c-.203-.35-.093-.885.382-1.16Zm5.384-1.82a.728.728 0 0 0-.728.728v.385H17.5v-.385a.728.728 0 0 0-.728-.728H8.365Zm9.135 2.78H7.637v3.06c0 .403.326.729.728.729h8.407a.728.728 0 0 0 .728-.728v-3.061Z"}))};EnergyIconCreditCardsFilled.defaultProps={width:"20",height:"20",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};const CURRENT_COLOR=exports.CURRENT_COLOR="currentColor",FILLED_ICON_COLOR=exports.FILLED_ICON_COLOR="transparent",DEFAULT_INTERNAL_SHADE=exports.DEFAULT_INTERNAL_SHADE=_Palette.COLOR_SHADES.shade02,DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=_Palette.COLOR_THEMES.dark,DEFAULT_VARIANT=exports.DEFAULT_VARIANT="default",FILLED_ICON_SUFIX=exports.FILLED_ICON_SUFIX="Filled",ENERGY_ICON_PREFIX=exports.ENERGY_ICON_PREFIX="Energy",DEFAULT_ICON_SIZE=exports.DEFAULT_ICON_SIZE=24,AREA_BORDER_WIDTH=exports.AREA_BORDER_WIDTH="1px",ENERGY_ICONS=exports.ENERGY_ICONS={EnergyIconBottledGas:EnergyIconBottledGas,EnergyIconBottledGasPlus:EnergyIconBottledGasPlus,EnergyIconCar:EnergyIconCar,EnergyIconCarbonFootprint:EnergyIconCarbonFootprint,EnergyIconCart:EnergyIconCart,EnergyIconChatSparkFilled:EnergyIconChatSparkFilled,EnergyIconConsumption:EnergyIconConsumption,EnergyIconConsumptionBoxFilled:EnergyIconConsumptionBoxFilled,EnergyIconEdit:EnergyIconEdit,EnergyIconFileTextSparkFilled:EnergyIconFileTextSparkFilled,EnergyIconHome:EnergyIconHome,EnergyIconMessageEdit:EnergyIconMessageEdit,EnergyIconQuestionFilled:EnergyIconQuestionFilled,EnergyIconSendFilled:EnergyIconSendFilled,EnergyIconTruck:EnergyIconTruck,EnergyIconConsumptionBoxPlusFilled:EnergyIconConsumptionBoxPlusFilled,EnergyIconConsumptionBoxRightFilled:EnergyIconConsumptionBoxRightFilled,EnergyIconConsumptionBoxMinusFilled:EnergyIconConsumptionBoxMinusFilled,EnergyIconFlameFilled:EnergyIconFlameFilled,EnergyIconBoltFilled:EnergyIconBoltFilled,EnergyIconPresentationFilled:EnergyIconPresentationFilled,EnergyIconCreditCardsFilled:EnergyIconCreditCardsFilled};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FILLED_ICON_SUFIX=exports.FILLED_ICON_COLOR=exports.ENERGY_ICON_PREFIX=exports.ENERGY_ICONS=exports.DEFAULT_VARIANT=exports.DEFAULT_INTERNAL_SHADE=exports.DEFAULT_ICON_SIZE=exports.DEFAULT_COLOR_THEME=exports.CURRENT_COLOR=exports.AREA_BORDER_WIDTH=void 0;var _react=_interopRequireDefault(require("react")),_Palette=require("../../constants/Palette");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var EnergyIconBottledGas=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M14.955 8h-5.91A3.036 3.036 0 0 0 6 11.027v4.946A3.036 3.036 0 0 0 9.045 19h5.91A3.036 3.036 0 0 0 18 15.973v-4.946A3.036 3.036 0 0 0 14.955 8Z",strokeMiterlimit:"10"}),_react.default.createElement("path",{d:"M9.25 8V4.448c0-.524.42-.948.94-.948h3.62c.52 0 .94.424.94.948V8M8 19v1.016c0 .543.408.984.911.984h6.178c.503 0 .911-.44.911-.984V19M6 12h12",strokeMiterlimit:"10"}))};EnergyIconBottledGas.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconBottledGasPlus=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M6.786 9.357V6.313c0-.45.36-.813.806-.813h3.102a.81.81 0 0 1 .806.813v3.044m-5.786 9.429v.87c0 .466.35.844.781.844h5.295c.431 0 .781-.377.781-.843v-.871m-8.571-6h10.286m-2.61-3.429H6.61A2.603 2.603 0 0 0 4 11.952v4.239a2.603 2.603 0 0 0 2.61 2.595h5.066a2.603 2.603 0 0 0 2.61-2.595v-4.239a2.603 2.603 0 0 0-2.61-2.595Z",strokeWidth:"1.5",strokeMiterlimit:"10"}),_react.default.createElement("path",{d:"M15 6h6m-3-3v6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconBottledGasPlus.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconCar=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",stroke:"none"}),_react.default.createElement("path",{d:"M5 17H3v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0H9m-6-6h15m-6 0V6"}),_react.default.createElement("path",{d:"M5 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0M15 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0"}))};EnergyIconCar.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"icon icon-tabler icons-tabler-outline icon-tabler-car"};var EnergyIconCarbonFootprint=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M21.72 15.19c-.8 3.17-5.19 5.09-8.65 4.87-.66-.67-2.9-3.34-2.06-6.78.98-4.02 7-5.57 9.92-7.42.62-.39 1.8 5.35.79 9.33Z"}),_react.default.createElement("path",{d:"M18.52 11.16c-3.57 1.15-5.98 5.03-5.45 8.9M8.41 19.32c-2.05-.82-3.78-2.26-4.25-4.13-1.01-3.98.17-9.72.79-9.33M4.95 5.86c1.34.85 3.32 1.63 5.18 2.62"}))};EnergyIconCarbonFootprint.defaultProps={width:"26",height:"26",viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",strokeWidth:"2"};var EnergyIconCart=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M4 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM15 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM6 5l14 1-1 7H6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M4 3h2v14h11",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconCart.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconChatSparkFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.833 5c-.487 0-.954.193-1.297.535A1.819 1.819 0 0 0 4 6.824v7.529c0 .482.192.946.536 1.288.343.342.81.536 1.297.536h2.834a1 1 0 0 1 .706.291l2.833 2.824a1 1 0 1 1-1.412 1.416l-2.54-2.531h-2.42a3.838 3.838 0 0 1-2.71-1.12A3.819 3.819 0 0 1 2 14.354v-7.53c0-1.015.405-1.988 1.124-2.704A3.838 3.838 0 0 1 5.834 3h11.333c1.015 0 1.99.402 2.709 1.119A3.818 3.818 0 0 1 21 6.824v4.235a1 1 0 1 1-2 0V6.824c0-.483-.192-.946-.536-1.289A1.839 1.839 0 0 0 17.167 5H5.833Zm.89 3.706a1 1 0 0 1 1-1h7.555a1 1 0 1 1 0 2H7.722a1 1 0 0 1-1-1Zm0 3.765a1 1 0 0 1 1-1h4.721a1 1 0 1 1 0 2H7.722a1 1 0 0 1-1-1Zm10.62 1.196a1 1 0 0 1 .973.765c.113.469.352.897.691 1.237.339.34.764.58 1.229.693a1 1 0 0 1 0 1.943c-.465.113-.89.352-1.229.693-.339.34-.578.768-.691 1.236a1 1 0 0 1-1.944 0 2.622 2.622 0 0 0-.691-1.236 2.602 2.602 0 0 0-1.23-.693 1 1 0 0 1 0-1.943c.465-.113.89-.353 1.23-.693.338-.34.578-.768.69-1.237a1 1 0 0 1 .973-.765Zm0 3.146a4.608 4.608 0 0 1-.519.52 4.586 4.586 0 0 1 .52.52 4.603 4.603 0 0 1 .52-.52 4.553 4.553 0 0 1-.52-.52Z"}))};EnergyIconChatSparkFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumption=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.645.828a.75.75 0 0 0-.72.54l-7.848 26.906a.75.75 0 0 0 .72.96h10.361L19.021 46.33a.75.75 0 0 0 1.369.509l17.937-26.906a.75.75 0 0 0-.624-1.166H27.574L33.922 1.84a.75.75 0 0 0-.702-1.013H18.645Z"}))};EnergyIconConsumption.defaultProps={width:"49",height:"48",viewBox:"0 0 49 48",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25 20.833A4.167 4.167 0 0 0 20.833 25v50A4.167 4.167 0 0 0 25 79.167h50A4.167 4.167 0 0 0 79.167 75V25A4.167 4.167 0 0 0 75 20.833H25ZM12.5 25c0-6.904 5.596-12.5 12.5-12.5h50c6.904 0 12.5 5.596 12.5 12.5v50c0 6.904-5.596 12.5-12.5 12.5H25c-6.904 0-12.5-5.596-12.5-12.5V25Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M50.183 33.458c1.635.455 2.554 2.03 2.053 3.516l-3.286 9.747h6.287c1.017 0 1.97.454 2.548 1.215a2.6 2.6 0 0 1 .348 2.597L52.17 64.848c-.606 1.454-2.393 2.186-3.992 1.636-1.6-.551-2.405-2.176-1.8-3.63l4.375-10.503h-5.991c-.982 0-1.906-.424-2.49-1.142-.584-.717-.758-1.645-.47-2.498l4.512-13.387c.501-1.486 2.233-2.322 3.868-1.866Z"}))};EnergyIconConsumptionBoxFilled.defaultProps={width:"100",height:"100",viewBox:"0 0 100 100",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxPlusFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),_react.default.createElement("path",{d:"M17.098 13.5c.483 0 .875.392.875.875v1.75h1.75a.875.875 0 1 1 0 1.75h-1.75v1.75a.875.875 0 0 1-1.75 0v-1.75h-1.75a.875.875 0 1 1 0-1.75h1.75v-1.75c0-.483.391-.875.875-.875Z"}))};EnergyIconConsumptionBoxPlusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxRightFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),_react.default.createElement("path",{d:"M17.9 14.2a.78.78 0 1 0-1 1.2l.745.62H15a.78.78 0 1 0 0 1.56h2.647l-.746.62a.78.78 0 1 0 .998 1.2l2.4-2a.78.78 0 0 0 0-1.2l-2.4-2Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}))};EnergyIconConsumptionBoxRightFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxMinusFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),_react.default.createElement("path",{d:"M15.086 14.697a1 1 0 0 1 1.414 0l1.293 1.293 1.293-1.293a1 1 0 0 1 1.414 1.415l-1.293 1.293 1.293 1.292a1 1 0 0 1-1.414 1.415l-1.293-1.293-1.293 1.293a1 1 0 0 1-1.414-1.415l1.293-1.293-1.293-1.292a1 1 0 0 1 0-1.415Z"}))};EnergyIconConsumptionBoxMinusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconEdit=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m16.019 10.679-2.695-2.695 1.948-1.95 2.694 2.695-1.947 1.95Zm-6.94 6.946-2.976.27.264-2.955 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.338l-.001-.001-2.738-2.738c-.741-.74-2.014-.774-2.716-.07l-8.996 8.997a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.38a1.974 1.974 0 0 0 1.214-.567l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"}))};EnergyIconEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconHome=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"m9.02 2.84-5.39 4.2C2.73 7.74 2 9.23 2 10.36v7.41c0 2.32 1.89 4.22 4.21 4.22h11.58c2.32 0 4.21-1.9 4.21-4.21V10.5c0-1.21-.81-2.76-1.8-3.45l-6.18-4.33c-1.4-.98-3.65-.93-5 .12Z",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M12 17.99v-3 3Z"}),_react.default.createElement("path",{d:"M12 17.99v-3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconHome.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconMessageEdit=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M8 9h8M8 13h6M13 20l-1 1-3-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.5M18.93 15.522a1.797 1.797 0 0 1 2.933.583 1.8 1.8 0 0 1-.39 1.96l-2.903 2.93H16v-2.57l2.93-2.903Z"}))};EnergyIconMessageEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconQuestionFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M10 2.287a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10Zm8.475-5.655a3.6 3.6 0 1 1 2.857 6.598.5.5 0 0 0-.334.5 1 1 0 0 1-1.996.114 2.5 2.5 0 0 1 1.65-2.495 1.6 1.6 0 1 0-1.855-2.458 1 1 0 0 1-1.594-1.208 3.6 3.6 0 0 1 1.272-1.051ZM10 14.287a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1Z"}))};EnergyIconQuestionFilled.defaultProps={width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconSendFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M20.816 10.742 3.93 2.504a1.086 1.086 0 0 0-.524-.106 1.11 1.11 0 0 0-.508.16c-.152.098-.277.231-.367.387-.086.16-.133.336-.133.52v.027c0 .145.02.285.055.426l1.617 6.48c.024.086.07.165.137.223.07.055.152.094.242.102l7.117.793c.118.015.227.07.309.16a.49.49 0 0 1-.309.808l-7.117.793a.438.438 0 0 0-.379.325l-1.617 6.48a1.712 1.712 0 0 0-.055.422v.031c0 .18.047.36.137.516.086.16.211.293.363.387.157.097.329.152.508.16.184.011.364-.028.524-.106l16.886-8.238c.235-.113.434-.293.57-.516a1.378 1.378 0 0 0 0-1.48 1.426 1.426 0 0 0-.57-.516Zm0 0",fill:"currentColor"}))};EnergyIconSendFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconTruck=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M8 45.333v-32h26.667V16H48l8 13.333v16h-4c-2.134 4.236-3.616 5.301-6.667 5.334-3.599-.425-4.786-1.6-5.333-5.334H24c-.368 3.882-1.607 4.975-5.333 5.334-3.698-.845-5.033-1.904-5.334-5.334H8Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M13.333 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0ZM40 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),_react.default.createElement("path",{d:"M13.333 45.333H8V34.667M5.333 13.333h29.334v32m-10.667 0h16m10.667 0H56v-16m0 0H34.667m21.333 0L48 16H34.667M8 24h10.667",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconTruck.defaultProps={width:"24",height:"24",viewBox:"0 0 64 64",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconFileTextSparkFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.923 2.953a.973.973 0 0 0-.974.977v13.675a.978.978 0 0 0 .974.976h4.872c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H5.923a2.92 2.92 0 0 1-2.067-.858A2.934 2.934 0 0 1 3 17.605V3.93c0-.777.308-1.522.856-2.072A2.92 2.92 0 0 1 5.923 1h6.82c.259 0 .507.103.69.286l4.871 4.884a.978.978 0 0 1 .286.69v3.42a.976.976 0 1 1-1.949 0V7.836h-2.923a1.946 1.946 0 0 1-1.378-.572 1.956 1.956 0 0 1-.57-1.381v-2.93H5.922Zm7.795 1.382 1.545 1.549h-1.545v-1.55Zm-6.82 3.502c0-.54.436-.977.974-.977h.974c.538 0 .975.438.975.977 0 .54-.437.977-.975.977h-.974a.976.976 0 0 1-.975-.977Zm0 3.907c0-.54.436-.977.974-.977h5.846c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Zm10.717 1.465c.45 0 .842.31.947.747a3.666 3.666 0 0 0 2.693 2.7.976.976 0 0 1 0 1.898 3.652 3.652 0 0 0-2.693 2.699.975.975 0 0 1-1.894 0 3.665 3.665 0 0 0-2.692-2.699.976.976 0 0 1 0-1.899 3.652 3.652 0 0 0 2.692-2.699.975.975 0 0 1 .947-.747Zm0 3.234a5.602 5.602 0 0 1-1.159 1.162 5.596 5.596 0 0 1 1.16 1.161 5.612 5.612 0 0 1 1.158-1.161 5.617 5.617 0 0 1-1.159-1.162ZM6.897 15.65c0-.54.437-.977.975-.977h2.923c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Z"}))};EnergyIconFileTextSparkFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconFlameFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),_react.default.createElement("path",{d:"M10 2c0-.88 1.056-1.331 1.692-.722 1.958 1.876 3.096 5.995 1.75 9.12l-.08.174.012.003c.625.133 1.203-.43 2.303-2.173l.14-.224a1 1 0 0 1 1.582-.153C18.733 9.46 20 12.402 20 14.295 20 18.56 16.409 22 12 22s-8-3.44-8-7.706c0-2.252 1.022-4.716 2.632-6.301l.605-.589c.241-.236.434-.43.618-.624C9.285 5.268 10 3.856 10 2"}))};EnergyIconFlameFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-flame"};var EnergyIconGasTank=function(e){return _react.default.createElement("svg",e,_react.default.createElement("rect",{x:"3",y:"7",width:"18",height:"10",rx:"5"}),_react.default.createElement("path",{d:"M8 7v10m8-10v10M12 4v3m-1.5-3h3M6 17l-1 3m13-3 1 3"}))};EnergyIconGasTank.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconBoltFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),_react.default.createElement("path",{d:"m13 2 .018.001.016.001.083.005.011.002h.011l.038.009.052.008.016.006.011.001.029.011.052.014.019.009.015.004.028.014.04.017.021.012.022.01.023.015.031.017.034.024.018.011.013.012.024.017.038.034.022.017.008.01.014.012.036.041.026.027.006.009c.12.147.196.322.218.513l.001.012.002.041L14 3v6h5a1 1 0 0 1 .868 1.497l-.06.091-8 11C11.24 22.371 10 21.968 10 21v-6H5a1 1 0 0 1-.868-1.497l.06-.091 8-11 .01-.013.018-.024.033-.038.018-.022.009-.008.013-.014.04-.036.028-.026.008-.006a1 1 0 0 1 .402-.199l.011-.001.027-.005.074-.013.011-.001.041-.002z"}))};EnergyIconBoltFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-bolt"};var EnergyIconPresentationFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),_react.default.createElement("path",{d:"M21 3a1 1 0 0 1 0 2v9a3 3 0 0 1-3 3h-5v2h2a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2h2v-2H6a3 3 0 0 1-3-3V5a1 1 0 1 1 0-2zm-4.293 4.293a1 1 0 0 0-1.414 0L13 9.585l-1.293-1.292a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 0 1.414l.094.083a1 1 0 0 0 1.32-.083L11 10.415l1.293 1.292a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414"}))};EnergyIconPresentationFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-presentation"};var EnergyIconCreditCardsFilled=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m13.172 4.39.823 1.427.017.03h2.76a2.395 2.395 0 0 1 2.395 2.395v5.113a2.395 2.395 0 0 1-2.395 2.395H8.341l-1.242.717c-1.194.69-2.766.365-3.473-.86l-2.47-4.279c-.708-1.224-.202-2.748.991-3.437L9.7 3.531c1.194-.689 2.766-.365 3.473.86Zm-1.444.834.36.623H9.021l.534-.308.978-.565a.916.916 0 0 1 .901-.032.75.75 0 0 1 .294.282Zm-8.747 4.11L6.07 7.55c-.065.22-.1.452-.1.692v5.113c0 .578.204 1.11.546 1.523l-.252.146c-.475.274-.993.101-1.195-.25l-2.471-4.28c-.203-.35-.093-.885.382-1.16Zm5.384-1.82a.728.728 0 0 0-.728.728v.385H17.5v-.385a.728.728 0 0 0-.728-.728H8.365Zm9.135 2.78H7.637v3.06c0 .403.326.729.728.729h8.407a.728.728 0 0 0 .728-.728v-3.061Z"}))};EnergyIconCreditCardsFilled.defaultProps={width:"20",height:"20",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};const CURRENT_COLOR=exports.CURRENT_COLOR="currentColor",FILLED_ICON_COLOR=exports.FILLED_ICON_COLOR="transparent",DEFAULT_INTERNAL_SHADE=exports.DEFAULT_INTERNAL_SHADE=_Palette.COLOR_SHADES.shade02,DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=_Palette.COLOR_THEMES.dark,DEFAULT_VARIANT=exports.DEFAULT_VARIANT="default",FILLED_ICON_SUFIX=exports.FILLED_ICON_SUFIX="Filled",ENERGY_ICON_PREFIX=exports.ENERGY_ICON_PREFIX="Energy",DEFAULT_ICON_SIZE=exports.DEFAULT_ICON_SIZE=24,AREA_BORDER_WIDTH=exports.AREA_BORDER_WIDTH="1px",ENERGY_ICONS=exports.ENERGY_ICONS={EnergyIconBottledGas:EnergyIconBottledGas,EnergyIconBottledGasPlus:EnergyIconBottledGasPlus,EnergyIconCar:EnergyIconCar,EnergyIconCarbonFootprint:EnergyIconCarbonFootprint,EnergyIconCart:EnergyIconCart,EnergyIconChatSparkFilled:EnergyIconChatSparkFilled,EnergyIconConsumption:EnergyIconConsumption,EnergyIconConsumptionBoxFilled:EnergyIconConsumptionBoxFilled,EnergyIconEdit:EnergyIconEdit,EnergyIconFileTextSparkFilled:EnergyIconFileTextSparkFilled,EnergyIconGasTank:EnergyIconGasTank,EnergyIconHome:EnergyIconHome,EnergyIconMessageEdit:EnergyIconMessageEdit,EnergyIconQuestionFilled:EnergyIconQuestionFilled,EnergyIconSendFilled:EnergyIconSendFilled,EnergyIconTruck:EnergyIconTruck,EnergyIconConsumptionBoxPlusFilled:EnergyIconConsumptionBoxPlusFilled,EnergyIconConsumptionBoxRightFilled:EnergyIconConsumptionBoxRightFilled,EnergyIconConsumptionBoxMinusFilled:EnergyIconConsumptionBoxMinusFilled,EnergyIconFlameFilled:EnergyIconFlameFilled,EnergyIconBoltFilled:EnergyIconBoltFilled,EnergyIconPresentationFilled:EnergyIconPresentationFilled,EnergyIconCreditCardsFilled:EnergyIconCreditCardsFilled};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_componentUtils=require("../../utils/componentUtils"),_classesUtils=require("../../utils/classesUtils"),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_componentUtils=require("../../utils/componentUtils"),_classesUtils=require("../../utils/classesUtils"),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_theme=require("./theme"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(r=t?o:a){if(r.has(e))return r.get(e);r.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(s,t,n):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}const{dialog:dialog}=_testIds.TEST_IDS,UTModal=e=>{let{cancelAction:t,children:a,classes:o,classNames:r,dataTestId:n,description:s,descriptionProps:c={},handleClickAway:l,isOpen:i,primaryAction:d,removeBodyPadding:p,secondaryAction:u,SecondaryActionComponent:_,size:f,status:y,title:T}=e;const m=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{i?m.current.showModal():m.current.close()},[i]);const b=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(o,r),[r]),g=_constants.STATUS_ICONS[y],h=!(0,_object.objectIsEmpty)(u)||_;return _react.default.createElement("dialog",{className:"".concat(_stylesModule.default.container," ").concat(b.container," ").concat(f?_stylesModule.default["container".concat((0,_componentUtils.capitalize)(f))]:_stylesModule.default.containerM),"data-testid":n,onClick:e=>l&&"DIALOG"===e.target.tagName&&l(),ref:m},_react.default.createElement("div",null,g&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.status," ").concat(b["status".concat((0,_componentUtils.capitalize)(y))])},_react.default.createElement(g,{className:"".concat(_stylesModule.default.icon," ").concat(b["icon".concat((0,_componentUtils.capitalize)(y))])})),_react.default.createElement("div",{className:_stylesModule.default.header},_react.default.createElement(_UTLabel.default,{dataTestId:n?"".concat(n,".").concat(dialog.title):void 0,variant:"title3",weight:"medium"},T),s&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray"},c),s)),a&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.body," ").concat(!p&&_stylesModule.default.bodyPadding)},a),_react.default.createElement("div",{className:"\n ".concat(_stylesModule.default.actions,"\n ").concat(b.actions,"\n ").concat(h&&_stylesModule.default.withSecondaryActions,"\n ")},h&&_react.default.createElement("div",null,_?_react.default.createElement(_,null):_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",variant:"semitransparent"},u),u.label)),_react.default.createElement("div",{className:_stylesModule.default.defaultActions},!(0,_object.objectIsEmpty)(t)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",dataTestId:n?"".concat(n,".").concat(dialog.cancelButton):void 0,variant:"text"},t),t.label||_constants.CANCEL_BUTTON_TEXT),!(0,_object.objectIsEmpty)(d)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"primary",dataTestId:n?"".concat(n,".").concat(dialog.acceptButton):void 0,variant:"filled"},d),d.label||_constants.ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,handleClickAway:_propTypes.func,isOpen:_propTypes.bool,primaryAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),removeBodyPadding:_propTypes.bool,secondaryAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),SecondaryActionComponent:_propTypes.elementType,size:_propTypes.string,status:_propTypes.string,title:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTModal);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RADIO_VARIANTS=exports.ICON_SIZES=exports.ICON_CONTENT_TYPES=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:16},ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)",ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_ICON_SIZE=exports.RADIO_VARIANTS=exports.ICON_SIZES=exports.ICON_CONTENT_TYPES=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:16},ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,dataTestId:a,description:r,descriptionProps:o={},disabled:n,icon:s,iconProps:c={},iconSelectedProps:l={},name:i,nameProps:p={},nameSelectedProps:_={},onChange:d,prefix:u,selected:T,suffix:m,theme:f,tooltip:y,variant:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,dataTestId:a,description:r,descriptionProps:o={},disabled:n,icon:s,iconProps:c={},iconSelectedProps:l={},name:i,nameProps:p={},nameSelectedProps:_={},onChange:d,prefix:u,selected:T,suffix:m,theme:f,tooltip:y,variant:I=_constants.RADIO_VARIANTS.DEFAULT}=e;const N=I===_constants.RADIO_VARIANTS.CARD,E=T&&I===_constants.RADIO_VARIANTS.BUTTON,{areaBackground:h,areaBorderColor:b}=(0,_utils.getIconAreaColors)(f),A=i&&_react.default.createElement(_UTLabel.default,_extends({className:t.name,colorTheme:E?"accent":"dark"},p,T?_:{}),i);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,dataTestId:a,disabled:n,onClick:()=>!n&&d()},I===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement("div",{className:t.radioCircleContainer},_react.default.createElement("div",{className:t.radioCircle},T&&_react.default.createElement("div",{className:t.radioDot}))),_react.default.createElement("div",{className:t.content},(()=>{if(!s)return null;const e=(0,_utils.getIconContentType)(s);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:s.alt||"",className:t.iconImage,src:s.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=s;return _react.default.createElement(e,{className:t.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:s,size:_constants.ICON_SIZES[I]},N&&{area:!0,areaBackground:h,areaBorderColor:b,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE},c,T?l:{}))})(),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},u&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},u),y?_react.default.createElement("div",{className:t.titleAndTooltip},A,_react.default.createElement(_UTTooltip.default,{content:y},_react.default.createElement("span",{className:t.tooltip},_react.default.createElement(_UTIcon.default,{className:t.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:_constants.TOOLTIP_ICON_SIZE})))):A,m&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},m)),_react.default.createElement(_UTLabel.default,_extends({className:t.description,colorTheme:"gray",variant:"body"},o),r))),N&&_react.default.createElement("div",{className:t.cardRadio},T&&_react.default.createElement("div",{className:t.radioDot})),T&&I===_constants.RADIO_VARIANTS.BUTTON&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,dataTestId:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,name:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,selected:_propTypes.bool,suffix:_propTypes.string,theme:_propTypes.object,tooltip:_propTypes.string,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Radio);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("../../constants"),_constants2=require("./constants");const SPACING_VALUES={[_constants.SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[_constants.SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=t=>{let{accent04:o,disabled:e,selected:r,theme:a}=t;const n=a.Palette.gray["04"];return{backgroundColor:r?e?n:o:"transparent",borderColor:r?e?n:o:a.Palette.light["05"]}},retrieveStyle=t=>{var o,e,r,a,n;let{theme:i,variant:l=_constants2.RADIO_VARIANTS.DEFAULT,disabled:c,selected:d,spacing:s=_constants.SPACING.MEDIUM,reversed:p}=t;const A=(null===(o=i.Palette.actions)||void 0===o?void 0:o.accent["01"])||i.Palette.accent["01"],g=(null===(e=i.Palette.actions)||void 0===e?void 0:e.accent["02"])||i.Palette.accent["02"],u=(null===(r=i.Palette.actions)||void 0===r?void 0:r.accent["03"])||i.Palette.accent["03"],v=(null===(a=i.Palette.actions)||void 0===a?void 0:a.accent["04"])||i.Palette.accent["04"],h=(null===(n=i.Palette.actions)||void 0===n?void 0:n.accent["05"])||i.Palette.accent["05"],x={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"],"& $description":{color:i.Palette.gray["03"]}}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"]}},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],I={[_constants2.RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:h},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[_constants2.RADIO_VARIANTS.BUTTON]:{},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],C={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:i.Palette.gray["04"]},"& $icon path":{fill:i.Palette.gray["04"]}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],opacity:.5,pointerEvents:"none"},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===_constants2.RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("../../constants"),_constants2=require("./constants");const SPACING_VALUES={[_constants.SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[_constants.SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=t=>{let{accent04:o,disabled:e,selected:r,theme:a}=t;const n=a.Palette.gray["04"];return{backgroundColor:r?e?n:o:"transparent",borderColor:r?e?n:o:a.Palette.light["05"]}},retrieveStyle=t=>{var o,e,r,a,n;let{theme:i,variant:l=_constants2.RADIO_VARIANTS.DEFAULT,disabled:c,selected:d,spacing:s=_constants.SPACING.MEDIUM,reversed:p}=t;const A=(null===(o=i.Palette.actions)||void 0===o?void 0:o.accent["01"])||i.Palette.accent["01"],g=(null===(e=i.Palette.actions)||void 0===e?void 0:e.accent["02"])||i.Palette.accent["02"],u=(null===(r=i.Palette.actions)||void 0===r?void 0:r.accent["03"])||i.Palette.accent["03"],v=(null===(a=i.Palette.actions)||void 0===a?void 0:a.accent["04"])||i.Palette.accent["04"],h=(null===(n=i.Palette.actions)||void 0===n?void 0:n.accent["05"])||i.Palette.accent["05"],x={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"],"& $description":{color:i.Palette.gray["03"]}}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"]}},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],I={[_constants2.RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:h},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[_constants2.RADIO_VARIANTS.BUTTON]:{},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],C={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:i.Palette.gray["04"]},"& $icon path":{fill:i.Palette.gray["04"]}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],opacity:.5,pointerEvents:"none"},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===_constants2.RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:"visible",...l!==_constants2.RADIO_VARIANTS.DEFAULT&&{padding:"var(--UT-radioGroup-row-padding-y, 12px) var(--UT-radioGroup-row-padding-x, 16px)"},...c?C:d?I:x},radioCircleContainer:{borderRadius:"50%",overflow:"hidden",padding:3,"&:hover":{backgroundColor:A},"&:active":{backgroundColor:g}},radioCircle:{alignItems:"center",border:"1px solid ".concat(i.Palette.light["05"]),borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...d&&{backgroundColor:v,borderColor:v}},radioDot:{backgroundColor:i.Palette.light["01"],borderRadius:"50%",height:"var(--UT-radioGroup-control-dot-size, 8px)",width:"var(--UT-radioGroup-control-dot-size, 8px)"},cardRadio:{alignItems:"center",border:"1px solid transparent",borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...getCardRadioColors({accent04:v,disabled:c,selected:d,theme:i})},content:{alignItems:"center",display:"flex",flexDirection:p?"row-reverse":"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],marginRight:"auto"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-radioGroup-content-gap, 4px)"},titleAndTooltip:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}};exports.retrieveStyle=retrieveStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)({}).hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},_extends.apply(null,arguments)}import React,{memo}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import UTStatus from"../../../UTStatus";import UTLabel from"../../../UTLabel";import HeaderActions from"../HeaderActions";import{HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"../../constants";import{renderAdornment,statusPropsMapper}from"./utils";import styles from"./styles.module.scss";const Header=e=>{let{adornment:t,
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)({}).hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},_extends.apply(null,arguments)}import React,{memo}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import UTStatus from"../../../UTStatus";import UTLabel from"../../../UTLabel";import HeaderActions from"../HeaderActions";import{HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"../../constants";import{renderAdornment,statusPropsMapper}from"./utils";import styles from"./styles.module.scss";const Header=e=>{let{adornment:t,category:s,categoryDataTestId:r,categoryProps:a,classNames:n,description:o,descriptionProps:i,headerActions:c,headerActionsProps:l,setMainActionHoverVisible:p,size:m,status:d,statusAlignment:E,statusDataTestId:T,statusLabel:g,title:A,titleProps:y}=e;return React.createElement("div",{className:"".concat(styles.header," ").concat(styles[m]," ").concat(n.header||"")},renderAdornment(t,"left"),React.createElement("div",{className:styles.headerTitles},renderAdornment(t,"top"),React.createElement("div",{className:styles.titleAndDescription},React.createElement("div",{className:styles.categoryAndTitle},s&&React.createElement(UTLabel,_extends({className:styles.category,dataTestId:r},a),s),React.createElement(UTLabel,_extends({variant:"title3",weight:"medium"},y),A)),o&&React.createElement(UTLabel,_extends({colorTheme:"gray"},i),o))),d?React.createElement(UTStatus,_extends({className:"".concat(styles["placeSelf-".concat(E)]),labelDataTestId:T,type:"light"},statusPropsMapper(d)),g||d):null,!isEmpty(c)&&React.createElement(HeaderActions,{headerActions:c,headerActionsProps:l,setMainActionHoverVisible:p}))};Header.propTypes={adornment:shape({position:string,props:object,type:string}),category:string,categoryDataTestId:string,categoryProps:shape({colorTheme:string,shade:string,style:object,variant:string,weight:string}),classNames:objectOf(string),description:string,descriptionProps:shape({colorTheme:string,variant:string}),headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),id:oneOfType([number,string]),isPrimary:bool,label:string,loading:bool,onClick:func})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:func,size:oneOf([SIZES.MEDIUM,SIZES.SMALL]),status:string,statusAlignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),statusDataTestId:string,statusLabel:string,title:string,titleProps:shape({variant:string,weight:string})};export default memo(Header);
|