@widergy/energy-ui 3.180.3 → 3.182.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.
Files changed (26) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/UTCheckList/versions/V1/README.MD +91 -61
  3. package/dist/components/UTCheckList/versions/V1/index.js +1 -1
  4. package/dist/components/UTCheckbox/versions/V1/constants.js +1 -1
  5. package/dist/components/UTCheckbox/versions/V1/index.js +1 -1
  6. package/dist/components/UTCheckbox/versions/V1/theme.js +1 -1
  7. package/dist/components/UTCheckbox/versions/V1/utils.js +1 -0
  8. package/dist/components/UTIcon/components/EnergyIcons/EnergyIconFileTextSparkFilled.svg +3 -0
  9. package/dist/components/UTIcon/constants.js +1 -1
  10. package/dist/components/UTLabel/constants.js +1 -1
  11. package/dist/components/UTLabel/theme.js +1 -1
  12. package/dist/components/UTRadioGroup/versions/V1/components/Radio/theme.js +1 -1
  13. package/dist/esm/components/UTCheckList/versions/V1/README.MD +91 -61
  14. package/dist/esm/components/UTCheckList/versions/V1/index.js +1 -1
  15. package/dist/esm/components/UTCheckbox/versions/V1/constants.js +1 -1
  16. package/dist/esm/components/UTCheckbox/versions/V1/index.js +1 -1
  17. package/dist/esm/components/UTCheckbox/versions/V1/theme.js +1 -1
  18. package/dist/esm/components/UTCheckbox/versions/V1/utils.js +1 -0
  19. package/dist/esm/components/UTIcon/components/EnergyIcons/EnergyIconFileTextSparkFilled.svg +3 -0
  20. package/dist/esm/components/UTIcon/constants.js +1 -1
  21. package/dist/esm/components/UTLabel/constants.js +1 -1
  22. package/dist/esm/components/UTLabel/theme.js +1 -1
  23. package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/theme.js +1 -1
  24. package/dist/esm/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
  25. package/dist/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
  26. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [3.182.0](https://github.com/widergy/energy-ui/compare/v3.181.0...v3.182.0) (2026-09-01)
2
+
3
+
4
+ ### Features
5
+
6
+ * [WDS-22] add card variant to UTCheckbox ([#856](https://github.com/widergy/energy-ui/issues/856)) ([aca6147](https://github.com/widergy/energy-ui/commit/aca6147821df722275ad3b2f977dd31a43ab1743))
7
+
8
+ # [3.181.0](https://github.com/widergy/energy-ui/compare/v3.180.3...v3.181.0) (2026-08-31)
9
+
10
+ ### Novedades y Mejoras
11
+
12
+ * Las etiquetas de texto del dashboard ahora pueden mostrarse con un degradado de color acorde a su categoría semántica, en lugar de un color plano, mejorando la expresividad visual de los componentes de diagnóstico inteligente. [#854](https://github.com/widergy/Energy-UI/pull/854) [CX-2943](https://widergy.atlassian.net/browse/CX-2943)
13
+ * Se incorporó un nuevo ícono de documento con destello disponible para su uso en la interfaz. [#854](https://github.com/widergy/Energy-UI/pull/854) [CX-2943](https://widergy.atlassian.net/browse/CX-2943)
14
+
1
15
  ## [3.180.3](https://github.com/widergy/energy-ui/compare/v3.180.2...v3.180.3) (2026-08-28)
2
16
 
3
17
 
package/dist/components/UTCheckList/versions/V1/README.MD CHANGED
@@ -1,56 +1,58 @@
1
1
  # UTCheckList
2
2
 
3
- ## Description
3
+ ## Descripción
4
4
 
5
- `UTCheckList` is a customizable component that renders a list of checkboxes, allowing users to select multiple options from a provided list. It supports features like select all, indeterminate state, error display, and dynamic options. The "Select All" checkbox only affects options that are not disabled. Additionally, it allows for grouping options by category, with ungrouped options appearing first.
5
+ `UTCheckList` es un componente personalizable que renderiza una lista de checkboxes, permitiendo a los usuarios seleccionar múltiples opciones de una lista. Soporta funcionalidades como "seleccionar todos", estado indeterminado, mensaje de error y opciones dinámicas. El checkbox de "Seleccionar todos" solo afecta a las opciones que no están deshabilitadas. Además, permite agrupar opciones por categoría, mostrando primero las que no tienen categoría.
6
6
 
7
7
  ## Props
8
8
 
9
- | Name | Type | Default | Description |
10
- | ----------------- | ---------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
11
- | actions | object | | Actions to render within `UTFieldLabel`. |
12
- | classNames | objectOf(string) | | Custom class names to apply to different elements of the checklist (`root`, `header`, `checkboxesContainer`, `item`, `selectAll`). |
13
- | CustomRow | elementType | | Custom component to render data of every checkbox |
14
- | disabled | bool | false | Disables all checkboxes in the checklist when true. |
15
- | |
16
- | error | string | | Error message to display. |
17
- | horizontalSpacing | string | medium | Spacing between the checkbox and the title horizontally. |
18
- | isSimple | bool | false | Simplifies the selection process to only allow single checkbox selection. |
19
- | onChange | func.isRequired | | Function to call when the selection changes. |
20
- | options | arrayOf(shape) | | Array of options to be displayed as checkboxes. Each option is an object with `name`, `value`, `disabled`, `checked`, and optionally `category`. |
21
- | required | bool | false | Indicates if the checklist is required. |
22
- | reversed | bool | false | If true, reverses the order of title and checkbox. |
23
- | selectAllLabel | string | | Label for the "Select All" checkbox. |
24
- | showSelectAll | bool | true | Determines whether to show the "Select All" checkbox. |
25
- | title | string | | Title for the checklist. |
26
- | value | arrayOf(string) | [] | Array of selected values. |
27
- | variant | string | | Variant style for the checklist. |
28
- | verticalSpacing | string | medium | Spacing between the checkbox items vertically. |
29
-
30
- ### Option Object
31
-
32
- The `options` prop is an array of objects, each representing an option:
33
-
34
- | Name | Type | Description |
35
- | -------- | ------ | ------------------------------------------------------------------------------------------------------------------------- |
36
- | category | string | (Optional) Category under which the option will be grouped. If not provided, the option will appear ungrouped at the top. |
37
- | checked | bool | Indicates if the option is checked. |
38
- | disabled | bool | Indicates if the option is disabled. |
39
- | label | string | Label to display for the option. |
40
- | value | string | Value of the option. |
41
-
42
- ## Usage
43
-
44
- ### Basic Example
9
+ | Nombre | Tipo | Default | Descripción |
10
+ | ------------------ | ---------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------ |
11
+ | actions | object | | Acciones a renderizar dentro de `UTFieldLabel`. |
12
+ | classNames | objectOf(string) | | Nombres de clase personalizados para distintos elementos del checklist (`root`, `header`, `checkboxesContainer`, `item`, `selectAll`). |
13
+ | CustomRow | elementType | | Componente custom para renderizar el contenido de cada checkbox. |
14
+ | disabled | bool | false | Deshabilita todos los checkboxes del checklist cuando es `true`. |
15
+ | error | string | | Mensaje de error a mostrar. |
16
+ | horizontalSpacing | string | medium | Espaciado horizontal entre el checkbox y el título. |
17
+ | isSimple | bool | false | Simplifica la selección para permitir marcar un solo checkbox a la vez. |
18
+ | onChange | func.isRequired | | Función a llamar cuando cambia la selección. |
19
+ | options | arrayOf(shape) | | Array de opciones a mostrar como checkboxes. Ver [Objeto Option](#objeto-option). |
20
+ | required | bool | false | Indica si el checklist es obligatorio. |
21
+ | reversed | bool | false | Si es `true`, invierte el orden del título y el checkbox. |
22
+ | selectAllLabel | string | | Etiqueta para el checkbox de "Seleccionar todos". |
23
+ | showSelectAll | bool | true | Determina si se muestra el checkbox de "Seleccionar todos". |
24
+ | title | string | | Título del checklist. |
25
+ | value | arrayOf(string) | [] | Array de valores seleccionados. |
26
+ | variant | string | | Variante visual del checklist (`default`, `button` o `card`, según lo soportado por `UTCheckbox`). |
27
+ | verticalSpacing | string | medium | Espaciado vertical entre los items. |
28
+
29
+ ### Objeto Option
30
+
31
+ El prop `options` es un array de objetos. Cada campo del objeto se reenvía al `UTCheckbox` correspondiente cuando aplica (por ejemplo `description`, `tooltip` e `icon` solo tienen efecto visual en la variante `card`):
32
+
33
+ | Nombre | Tipo | Descripción |
34
+ | ----------- | ------------------------------------------------ | --------------------------------------------------------------------------------------------------- |
35
+ | category | string | (Opcional) Categoría bajo la cual se agrupa la opción. Sin categoría, la opción aparece sin agrupar arriba. |
36
+ | checked | bool | Indica si la opción está marcada. |
37
+ | description | string | (Opcional) Texto secundario bajo el título. **Solo tiene efecto en la variante `card`.** |
38
+ | disabled | bool | Indica si la opción está deshabilitada. |
39
+ | icon | string \| elementType \| `{ src, alt }` | (Opcional) Ícono de la opción. En variantes `default`/`button` es el nombre de un ícono de `UTIcon`. En la variante `card` admite además un componente custom o un objeto `{ src, alt }` para una imagen. |
40
+ | name | string | Etiqueta a mostrar para la opción. |
41
+ | tooltip | string | (Opcional) Texto de ayuda junto al título. **Solo tiene efecto en la variante `card`.** |
42
+ | value | string | Valor de la opción. |
43
+
44
+ ## Uso
45
+
46
+ ### Ejemplo básico
45
47
 
46
48
  ```jsx
47
49
  import React from 'react';
48
50
  import UTCheckList from './UTCheckList';
49
51
 
50
52
  const options = [
51
- { name: 'Option 1', value: '1' },
52
- { name: 'Option 2', value: '2' },
53
- { name: 'Option 3', value: '3', disabled: true, checked: true }
53
+ { name: 'Opción 1', value: '1' },
54
+ { name: 'Opción 2', value: '2' },
55
+ { name: 'Opción 3', value: '3', disabled: true, checked: true }
54
56
  ];
55
57
 
56
58
  const Example = () => {
@@ -58,12 +60,12 @@ const Example = () => {
58
60
 
59
61
  return (
60
62
  <UTCheckList
61
- error="Please select at least one option"
62
- title="Select Options"
63
+ error="Selecciona al menos una opción"
64
+ title="Selecciona opciones"
63
65
  onChange={setSelectedOptions}
64
66
  options={options}
65
67
  required
66
- selectAllLabel="Select All"
68
+ selectAllLabel="Seleccionar todos"
67
69
  value={selectedOptions}
68
70
  />
69
71
  );
@@ -72,17 +74,17 @@ const Example = () => {
72
74
  export default Example;
73
75
  ```
74
76
 
75
- ### Categorized Example
77
+ ### Ejemplo categorizado
76
78
 
77
79
  ```jsx
78
80
  import React from 'react';
79
81
  import UTCheckList from './UTCheckList';
80
82
 
81
83
  const options = [
82
- { name: 'Option 1', value: '1' },
83
- { name: 'Option 2', value: '2', category: 'Group A' },
84
- { name: 'Option 3', value: '3', category: 'Group B', disabled: true },
85
- { name: 'Option 4', value: '4', category: 'Group A' }
84
+ { name: 'Opción 1', value: '1' },
85
+ { name: 'Opción 2', value: '2', category: 'Grupo A' },
86
+ { name: 'Opción 3', value: '3', category: 'Grupo B', disabled: true },
87
+ { name: 'Opción 4', value: '4', category: 'Grupo A' }
86
88
  ];
87
89
 
88
90
  const Example = () => {
@@ -90,11 +92,11 @@ const Example = () => {
90
92
 
91
93
  return (
92
94
  <UTCheckList
93
- error="Please select at least one option"
94
- title="Categorized CheckList"
95
+ error="Selecciona al menos una opción"
96
+ title="Checklist categorizado"
95
97
  onChange={setSelectedOptions}
96
98
  options={options}
97
- selectAllLabel="Select All"
99
+ selectAllLabel="Seleccionar todos"
98
100
  value={selectedOptions}
99
101
  />
100
102
  );
@@ -103,32 +105,60 @@ const Example = () => {
103
105
  export default Example;
104
106
  ```
105
107
 
106
- ### Custom Styles Example
108
+ ### Ejemplo con variante `card`
107
109
 
108
110
  ```jsx
109
111
  import React from 'react';
110
112
  import UTCheckList from './UTCheckList';
111
113
 
112
- const customStyles = {
113
- root: { padding: 10 },
114
- checkboxesContainer: { backgroundColor: 'lightgrey' },
115
- header: { color: 'blue' }
114
+ const options = [
115
+ {
116
+ name: 'Plan Residencial',
117
+ value: '1',
118
+ icon: 'IconHome',
119
+ description: 'Cubre el consumo de un hogar estándar',
120
+ tooltip: 'Ideal para tu hogar'
121
+ },
122
+ { name: 'Plan Comercial', value: '2', icon: 'IconBuildingStore', description: 'Pensado para pequeños comercios' }
123
+ ];
124
+
125
+ const Example = () => {
126
+ const [selectedOptions, setSelectedOptions] = React.useState([]);
127
+
128
+ return (
129
+ <UTCheckList
130
+ title="Selecciona un plan"
131
+ onChange={setSelectedOptions}
132
+ options={options}
133
+ value={selectedOptions}
134
+ variant="card"
135
+ />
136
+ );
116
137
  };
117
138
 
139
+ export default Example;
140
+ ```
141
+
142
+ ### Ejemplo con estilos personalizados
143
+
144
+ ```jsx
145
+ import React from 'react';
146
+ import UTCheckList from './UTCheckList';
147
+
118
148
  const Example = () => {
119
149
  const options = [
120
- { name: 'Option 1', value: '1' },
121
- { name: 'Option 2', value: '2' }
150
+ { name: 'Opción 1', value: '1' },
151
+ { name: 'Opción 2', value: '2' }
122
152
  ];
123
153
 
124
154
  const [selectedOptions, setSelectedOptions] = React.useState([]);
125
155
 
126
156
  return (
127
157
  <UTCheckList
128
- title="Custom Styled CheckList"
158
+ title="Checklist con estilos personalizados"
129
159
  onChange={setSelectedOptions}
130
160
  options={options}
131
- style={customStyles}
161
+ classNames={{ root: 'custom-root', checkboxesContainer: 'custom-container', header: 'custom-header' }}
132
162
  value={selectedOptions}
133
163
  />
134
164
  );
package/dist/components/UTCheckList/versions/V1/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_buttonTypes=require("../../../../types/buttonTypes"),_utils=require("../../../UTValidation/utils"),_constants=require("../../../UTCheckbox/versions/V1/constants"),_UTCheckbox=_interopRequireDefault(require("../../../UTCheckbox")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_utils2=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants");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 s,o,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(s=t?r:a){if(s.has(e))return s.get(e);s.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?s(l,t,o):l[t]=e[t]);return l})(e,t)}const UTCheckList=e=>{let{actions:t,classNames:a={},CustomRow:r,dataTestId:s,disabled:o,error:l,horizontalSpacing:n="medium",isSimple:i=!1,itemDataTestId:c,onChange:p=()=>{},options:u,required:d,reversed:_,selectAllLabel:T,showSelectAll:y=!0,title:f,value:m=null,variant:v,verticalSpacing:b="medium"}=e;const g=(0,_utils2.getPropValueBasedOnVariant)(v,_,!0),C=(0,_utils2.getPropValueBasedOnVariant)(v,b,_constants.SPACING.SMALL)===_constants.SPACING.SMALL?_stylesModule.default.smallVerticalSpacing:"",h=(0,_react.useMemo)(()=>l&&(0,_utils.formatErrorToValidation)(l,{withIcon:!1}),[l]);(0,_react.useEffect)(()=>{if(m){const e=(0,_utils2.convertIfIsString)(m);JSON.stringify(e)!==JSON.stringify(m)&&p(e)}},[m,p]);const O=(0,_react.useMemo)(()=>{const e=u.reduce((e,t)=>{const a=t.category||_constants2.NO_CATEGORY;return e[a]||(e[a]=[]),e[a].push(t),e},{NO_CATEGORY:[]});return Object.entries(e).filter(e=>{let[,t]=e;return t.length>0}).sort((e,t)=>{let[a]=e,[r]=t;return a===_constants2.NO_CATEGORY?-1:r===_constants2.NO_CATEGORY?1:0})},[u]),q=(0,_react.useMemo)(()=>u.filter(e=>!e.disabled),[u]),k=(0,_react.useMemo)(()=>q.every(e=>null==m?void 0:m.includes(e.value)),[q,m]),M=(0,_react.useMemo)(()=>q.some(e=>null==m?void 0:m.includes(e.value))&&!k,[q,m,k]),N=(0,_react.useCallback)(e=>{if(i)p([e]);else{var t;const a=null!=m&&null!==(t=m.some)&&void 0!==t&&t.call(m,t=>t===e)?m.filter(t=>t!==e):[...m||[],e];p(a)}},[m,p,i]),U=(0,_react.useCallback)(()=>{p(k?[]:q.map(e=>e.value))},[k,q,p]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(C," ").concat(a.root),"data-testid":s},(f||h)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat(a.header)},f&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:d},f),h&&_react.default.createElement(_UTValidation.default,{validationData:h})),_react.default.createElement("div",{className:"".concat(_stylesModule.default.checkboxesContainer," ").concat(C," ").concat(v===_constants.BUTTON_VARIANT&&_stylesModule.default.buttonVariant," ").concat(a.checkboxesContainer)},y&&!i&&_react.default.createElement(_UTCheckbox.default,{className:a.selectAll,dataTestId:c?"".concat(c,".selectAll"):null,disabled:o,indeterminate:M,onChange:U,reversed:g,spacing:n,title:T,value:k,variant:v,version:"V1"}),O.map((e,t)=>{let[s,l]=e;const p="".concat(s,"-").concat(l.map(e=>e.value).join("-"));return _react.default.createElement("div",{className:"".concat(_stylesModule.default.categoryContainer," ").concat(C),key:p},s!==_constants2.NO_CATEGORY&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},s.toUpperCase()),l.map((e,s)=>_react.default.createElement(_UTCheckbox.default,{classNames:a.item,CustomComponent:r?_react.default.createElement(r,{item:e,isChecked:(0,_utils2.isChecked)(e,m)}):void 0,dataTestId:c?"".concat(c,".category_").concat(t,".").concat(s):null,disabled:e.disabled||o,isSimple:i,key:e.value,icon:e.icon,onChange:()=>N(e.value),reversed:i?g:_,spacing:n,title:e.name,value:(0,_utils2.isChecked)(e,m),variant:v,version:"V1"})))})))};UTCheckList.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),classNames:(0,_propTypes.objectOf)(_propTypes.string),CustomRow:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,horizontalSpacing:_propTypes.string,isSimple:_propTypes.bool,itemDataTestId:_propTypes.string,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({checked:_propTypes.bool,disabled:_propTypes.bool,icon:_propTypes.string,name:_propTypes.string,value:_propTypes.string,category:_propTypes.string})),required:_propTypes.bool,reversed:_propTypes.bool,selectAllLabel:_propTypes.string,showSelectAll:_propTypes.bool,title:_propTypes.string,value:(0,_propTypes.arrayOf)(_propTypes.string),variant:_propTypes.string,verticalSpacing:_propTypes.string};var _default=exports.default=UTCheckList;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_buttonTypes=require("../../../../types/buttonTypes"),_utils=require("../../../UTValidation/utils"),_constants=require("../../../UTCheckbox/versions/V1/constants"),_UTCheckbox=_interopRequireDefault(require("../../../UTCheckbox")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_utils2=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants");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 s,o,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(s=t?r:a){if(s.has(e))return s.get(e);s.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?s(l,t,o):l[t]=e[t]);return l})(e,t)}const UTCheckList=e=>{let{actions:t,classNames:a={},CustomRow:r,dataTestId:s,disabled:o,error:l,horizontalSpacing:n="medium",isSimple:i=!1,itemDataTestId:p,onChange:c=()=>{},options:u,required:_,reversed:d,selectAllLabel:T,showSelectAll:y=!0,title:f,value:m=null,variant:g,verticalSpacing:v="medium"}=e;const b=(0,_utils2.getPropValueBasedOnVariant)(g,d,!0),h=(0,_utils2.getPropValueBasedOnVariant)(g,v,_constants.SPACING.SMALL)===_constants.SPACING.SMALL?_stylesModule.default.smallVerticalSpacing:"",C=(0,_react.useMemo)(()=>l&&(0,_utils.formatErrorToValidation)(l,{withIcon:!1}),[l]);(0,_react.useEffect)(()=>{if(m){const e=(0,_utils2.convertIfIsString)(m);JSON.stringify(e)!==JSON.stringify(m)&&c(e)}},[m,c]);const O=(0,_react.useMemo)(()=>{const e=u.reduce((e,t)=>{const a=t.category||_constants2.NO_CATEGORY;return e[a]||(e[a]=[]),e[a].push(t),e},{NO_CATEGORY:[]});return Object.entries(e).filter(e=>{let[,t]=e;return t.length>0}).sort((e,t)=>{let[a]=e,[r]=t;return a===_constants2.NO_CATEGORY?-1:r===_constants2.NO_CATEGORY?1:0})},[u]),q=(0,_react.useMemo)(()=>u.filter(e=>!e.disabled),[u]),k=(0,_react.useMemo)(()=>q.every(e=>null==m?void 0:m.includes(e.value)),[q,m]),M=(0,_react.useMemo)(()=>q.some(e=>null==m?void 0:m.includes(e.value))&&!k,[q,m,k]),N=(0,_react.useCallback)(e=>{if(i)c([e]);else{var t;const a=null!=m&&null!==(t=m.some)&&void 0!==t&&t.call(m,t=>t===e)?m.filter(t=>t!==e):[...m||[],e];c(a)}},[m,c,i]),U=(0,_react.useCallback)(()=>{c(k?[]:q.map(e=>e.value))},[k,q,c]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(h," ").concat(a.root),"data-testid":s},(f||C)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat(a.header)},f&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:_},f),C&&_react.default.createElement(_UTValidation.default,{validationData:C})),_react.default.createElement("div",{className:"".concat(_stylesModule.default.checkboxesContainer," ").concat(h," ").concat(g===_constants.BUTTON_VARIANT&&_stylesModule.default.buttonVariant," ").concat(a.checkboxesContainer)},y&&!i&&_react.default.createElement(_UTCheckbox.default,{className:a.selectAll,dataTestId:p?"".concat(p,".selectAll"):null,disabled:o,indeterminate:M,onChange:U,reversed:b,spacing:n,title:T,value:k,variant:g,version:"V1"}),O.map((e,t)=>{let[s,l]=e;const c="".concat(s,"-").concat(l.map(e=>e.value).join("-"));return _react.default.createElement("div",{className:"".concat(_stylesModule.default.categoryContainer," ").concat(h),key:c},s!==_constants2.NO_CATEGORY&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},s.toUpperCase()),l.map((e,s)=>_react.default.createElement(_UTCheckbox.default,{classNames:a.item,CustomComponent:r?_react.default.createElement(r,{item:e,isChecked:(0,_utils2.isChecked)(e,m)}):void 0,dataTestId:p?"".concat(p,".category_").concat(t,".").concat(s):null,description:e.description,disabled:e.disabled||o,isSimple:i,key:e.value,icon:e.icon,onChange:()=>N(e.value),reversed:i?b:d,spacing:n,title:e.name,tooltip:e.tooltip,value:(0,_utils2.isChecked)(e,m),variant:g,version:"V1"})))})))};UTCheckList.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),classNames:(0,_propTypes.objectOf)(_propTypes.string),CustomRow:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,horizontalSpacing:_propTypes.string,isSimple:_propTypes.bool,itemDataTestId:_propTypes.string,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({category:_propTypes.string,checked:_propTypes.bool,description:_propTypes.string,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),name:_propTypes.string,tooltip:_propTypes.string,value:_propTypes.string})),required:_propTypes.bool,reversed:_propTypes.bool,selectAllLabel:_propTypes.string,showSelectAll:_propTypes.bool,title:_propTypes.string,value:(0,_propTypes.arrayOf)(_propTypes.string),variant:_propTypes.string,verticalSpacing:_propTypes.string};var _default=exports.default=UTCheckList;
package/dist/components/UTCheckbox/versions/V1/constants.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPACING=exports.INDETERMINATE_ICON=exports.CHECKED_ICON=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";
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"};
package/dist/components/UTCheckbox/versions/V1/index.js CHANGED
@@ -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")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_buttonTypes=require("../../../../types/buttonTypes"),_formTypes=require("../../../../types/formTypes"),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("./constants"),_theme=require("./theme"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,s,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(i,t,s):i[t]=e[t]);return i})(e,t)}const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:r,classes:a,classNames:o,CustomComponent:s,dataTestId:i,disabled:l,indeterminate:n,isSimple:u=!1,meta:p,onChange:c=()=>{},required:d,icon:_,title:T,value:f=!1,variant:m="default",withUpperTitle:y}=e;const b=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,o),[o,a]),h=(0,_react.useMemo)(()=>n?_constants.INDETERMINATE_ICON:!0===f?_constants.CHECKED_ICON:"",[n,f]),q=!0===f&&m===_constants.BUTTON_VARIANT,U=p&&(0,_form.shouldShowErrors)(p)&&p.error||"",g=(0,_utils.formatErrorToValidation)(U);return _react.default.createElement(_react.default.Fragment,null,y&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:d},T),_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:b.container,dataTestId:i,disabled:l,onMouseDown:()=>{!l&&c&&c(!f)}},_react.default.createElement("div",{className:b.content},_react.default.createElement("div",{className:b.boxContainer,"data-testid":r},u?_react.default.createElement(_UTIcon.default,{name:"IconCheck",shade:"04",colorTheme:"accent",className:f?void 0:_stylesModule.default.hidden}):_react.default.createElement("div",{className:b.box},_react.default.createElement("div",{className:b.iconContainer},h&&_react.default.createElement(_UTIcon.default,{colorTheme:"light",name:n?"IconMinus":"IconCheck",size:10})))),s||_react.default.createElement(_UTFieldLabel.default,{className:b.title,highlighted:q,icon:_,required:d},T)),U&&_react.default.createElement(_UTValidation.default,{className:b.validation,validationData:g})))};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,disabled:_propTypes.bool,indeterminate:_propTypes.bool,isSimple:_propTypes.bool,meta:_formTypes.metaPropTypes.isRequired,onChange:_propTypes.func,required:_propTypes.bool,icon:_propTypes.string,title:_propTypes.string,value:_propTypes.bool,variant:_propTypes.string,withUpperTitle:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTCheckbox);
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")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_buttonTypes=require("../../../../types/buttonTypes"),_formTypes=require("../../../../types/formTypes"),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("./constants"),_theme=require("./theme"),_utils2=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 a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(n,t,o):n[t]=e[t]);return n})(e,t)}const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:a,classes:r,classNames:l,CustomComponent:o,dataTestId:n,description:s,disabled:i,icon:c,indeterminate:u,isSimple:d=!1,meta:_,onChange:p=()=>{},required:T,title:m,tooltip:f,value:y=!1,variant:h="default",withUpperTitle:b}=e;const E=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(r,l),[l,r]),N=h===_constants.CARD_VARIANT,U=(0,_react.useMemo)(()=>u?_constants.INDETERMINATE_ICON:!0===y?_constants.CHECKED_ICON:"",[u,y]),I=()=>{!i&&p&&p(!y)},q=!0===y&&h===_constants.BUTTON_VARIANT,C=_&&(0,_form.shouldShowErrors)(_)&&_.error||"",g=(0,_utils.formatErrorToValidation)(C);return N?_react.default.createElement(_react.default.Fragment,null,b&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:T},m),_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:E.container,dataTestId:n,disabled:i,onMouseDown:I},_react.default.createElement("div",{className:E.content},(()=>{if(!c)return null;const e=(0,_utils2.getIconContentType)(c);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:c.alt||"",className:E.iconImage,src:c.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=c;return _react.default.createElement(e,{className:E.icon})}return _react.default.createElement(_UTIcon.default,{area:!0,areaBackground:"var(--light01)",areaBorderColor:"var(--light04)",areaRadius:_constants.CARD_ICON_AREA_RADIUS,areaSize:_constants.CARD_ICON_AREA_SIZE,colorTheme:"dark",name:c,size:_constants.CARD_ICON_SIZE})})(),_react.default.createElement("div",{className:E.contentContainer},f?_react.default.createElement("div",{className:E.titleAndTooltip},_react.default.createElement(_UTLabel.default,{className:E.name,colorTheme:"dark"},m),_react.default.createElement(_UTTooltip.default,{content:f},_react.default.createElement("span",{className:E.tooltip},_react.default.createElement(_UTIcon.default,{className:E.infoIcon,colorTheme:y?"accent":i?"gray":"dark",name:"IconHelp",size:20})))):_react.default.createElement(_UTLabel.default,{className:E.name,colorTheme:"dark"},m),s&&_react.default.createElement(_UTLabel.default,{className:E.description,colorTheme:"gray",variant:"body"},s))),_react.default.createElement("div",{className:E.boxContainer,"data-testid":a},_react.default.createElement("div",{className:E.box},_react.default.createElement("div",{className:E.iconContainer},U&&_react.default.createElement(_UTIcon.default,{colorTheme:"light",name:u?"IconMinus":"IconCheck",size:10})))),C&&_react.default.createElement(_UTValidation.default,{className:E.validation,validationData:g}))):_react.default.createElement(_react.default.Fragment,null,b&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:T},m),_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:E.container,dataTestId:n,disabled:i,onMouseDown:I},_react.default.createElement("div",{className:E.content},_react.default.createElement("div",{className:E.boxContainer,"data-testid":a},d?_react.default.createElement(_UTIcon.default,{name:"IconCheck",shade:"04",colorTheme:"accent",className:y?void 0:_stylesModule.default.hidden}):_react.default.createElement("div",{className:E.box},_react.default.createElement("div",{className:E.iconContainer},U&&_react.default.createElement(_UTIcon.default,{colorTheme:"light",name:u?"IconMinus":"IconCheck",size:10})))),o||_react.default.createElement(_UTFieldLabel.default,{className:E.title,highlighted:q,icon:c,required:T},m)),C&&_react.default.createElement(_UTValidation.default,{className:E.validation,validationData:g})))};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})]),indeterminate:_propTypes.bool,isSimple:_propTypes.bool,meta:_formTypes.metaPropTypes.isRequired,onChange:_propTypes.func,required:_propTypes.bool,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);
package/dist/components/UTCheckbox/versions/V1/theme.js CHANGED
@@ -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%"}}),conditionalStyles=e=>{var t,o,r,n,a;let{value:i,indeterminate:c,reversed:l,spacing:s,variant:d,theme:v,disabled:b,error:x}=e;const p=s===_constants.SPACING.SMALL?SMALL_SPACING:MEDIUM_SPACING;return{container:{...l&&{flexDirection:"row-reverse",justifyContent:"space-between"},...b&&{opacity:.5},...d===_constants.BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===s?"8px 12px":"12px 16px",backgroundColor:x?v.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:x?v.Palette.error["02"]:v.Palette.light["04"]},"&:hover":{backgroundColor:x?v.Palette.error["02"]:v.Palette.light["03"]}}},content:{...l&&{flexDirection:"row-reverse",justifyContent:"space-between",...d===_constants.BUTTON_VARIANT&&{width:"100%"}}},iconContainer:{...x&&{borderColor:v.Palette.error["04"]},...(!0===i||c)&&{backgroundColor:(null===(t=v.Palette.actions)||void 0===t?void 0:t.accent["04"])||v.Palette.accent["04"],borderColor:(null===(o=v.Palette.actions)||void 0===o?void 0:o.accent["04"])||v.Palette.accent["04"]}},boxContainer:{...l?{marginLeft:p,marginRight:0}:{marginRight:p},...d!==_constants.BUTTON_VARIANT&&{"&:active, &:hover":{"& $box":{borderColor:x?v.Palette.error["03"]:(null===(r=v.Palette.actions)||void 0===r?void 0:r.accent["03"])||v.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:x?v.Palette.error["02"]:(null===(n=v.Palette.actions)||void 0===n?void 0:n.accent["02"])||v.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:x?v.Palette.error["01"]:(null===(a=v.Palette.actions)||void 0===a?void 0:a.accent["01"])||v.Palette.accent["01"]}}}},title:d===_constants.BUTTON_VARIANT&&{userSelect:"none"}}},retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:r,reversed:n,spacing:a,theme:i,variant:c,meta:l}=e;const s=baseCheckBoxTheme(i),d=l&&(0,_form.shouldShowErrors)(l),{container:v,content:b,iconContainer:x,boxContainer:p,title:u}=conditionalStyles({value:t,disabled:o,indeterminate:r,reversed:n,spacing:a,variant:c,theme:i,error:d});return{box:s.box,content:{...s.content,...b},container:{...s.container,...v},iconContainer:{...s.iconContainer,...x},boxContainer:p,title:u,validation:s.validation}};exports.retrieveStyle=retrieveStyle;
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)"},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:{}}),getCardTheme=e=>{var t,o,a,n;let{theme:r,error:i}=e;const c=(null===(t=r.Palette.actions)||void 0===t?void 0:t.accent["01"])||r.Palette.accent["01"],l=(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:c,outline:"2px solid ".concat(d," !important")},"&:active":{backgroundColor:l,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:c,reversed:l,spacing:d,variant:s,theme:p,disabled:v,error:x}=e;const h=d===_constants.SPACING.SMALL?SMALL_SPACING:MEDIUM_SPACING,b=s===_constants.CARD_VARIANT,g=b&&getCardTheme({theme:p,error:x}),u=!0===i||c;return{container:{...l&&{flexDirection:"row-reverse",justifyContent:"space-between"},...v&&!b&&{opacity:.5},...s===_constants.BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===d?"8px 12px":"12px 16px",backgroundColor:x?p.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["04"]},"&:hover":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["03"]}},...b&&{borderRadius:"var(--UT-checkbox-card-radius, 12px)",gap:h,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)",...v?g.disabled:i?g.selected:g.base}},content:{...l&&{flexDirection:"row-reverse",justifyContent:"space-between",...s===_constants.BUTTON_VARIANT&&{width:"100%"}},...b&&{gap:h,marginRight:"auto"}},iconContainer:{...x&&{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"]},...b&&getCardCheckboxColors({isMarked:u,disabled:v,theme:p})},boxContainer:{...b?{}:l?{marginLeft:h,marginRight:0}:{marginRight:h},...s!==_constants.BUTTON_VARIANT&&!b&&{"&:active, &:hover":{"& $box":{borderColor:x?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:x?p.Palette.error["02"]:(null===(n=p.Palette.actions)||void 0===n?void 0:n.accent["02"])||p.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:x?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:c,meta:l}=e;const d=baseCheckBoxTheme(i),s=l&&(0,_form.shouldShowErrors)(l),{container:p,content:v,iconContainer:x,boxContainer:h,title:b}=conditionalStyles({value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,variant:c,theme:i,error:s});return{box:d.box,content:{...d.content,...v},container:{...d.container,...p},iconContainer:{...d.iconContainer,...x},boxContainer:h,title:b,validation:d.validation,contentContainer:d.contentContainer,titleAndTooltip:d.titleAndTooltip,tooltip:d.tooltip,icon:d.icon,iconImage:d.iconImage,infoIcon:d.infoIcon,name:d.name,description:d.description}};exports.retrieveStyle=retrieveStyle;
package/dist/components/UTCheckbox/versions/V1/utils.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIconContentType=void 0;var _componentUtils=require("../../../../utils/componentUtils"),_constants=require("./constants");const getIconContentType=t=>(0,_componentUtils.isUTIcon)(t)?_constants.ICON_CONTENT_TYPES.UT_ICON:t&&"object"==typeof t&&t.src?_constants.ICON_CONTENT_TYPES.IMAGE:_constants.ICON_CONTENT_TYPES.COMPONENT;exports.getIconContentType=getIconContentType;
package/dist/components/UTIcon/components/EnergyIcons/EnergyIconFileTextSparkFilled.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M5.92308 2.95349C5.66466 2.95349 5.41683 3.0564 5.2341 3.23957C5.05137 3.42274 4.94872 3.67118 4.94872 3.93023V17.6047C4.94872 17.8637 5.05137 18.1121 5.2341 18.2953C5.41683 18.4785 5.66466 18.5814 5.92308 18.5814H10.7949C11.333 18.5814 11.7692 19.0187 11.7692 19.5581C11.7692 20.0976 11.333 20.5349 10.7949 20.5349H5.92308C5.14783 20.5349 4.40433 20.2262 3.85615 19.6766C3.30797 19.1271 3 18.3818 3 17.6047V3.93023C3 3.15309 3.30797 2.40777 3.85615 1.85825C4.40433 1.30872 5.14783 1 5.92308 1H12.7436C13.002 1 13.2498 1.10291 13.4326 1.28608L18.3044 6.1698C18.4871 6.35298 18.5897 6.60142 18.5897 6.86047V10.2791C18.5897 10.8185 18.1535 11.2558 17.6154 11.2558C17.0773 11.2558 16.641 10.8185 16.641 10.2791V7.83721H13.7179C13.2011 7.83721 12.7055 7.6314 12.34 7.26505C11.9745 6.8987 11.7692 6.40182 11.7692 5.88372V2.95349H5.92308ZM13.7179 4.33481L15.2631 5.88372H13.7179V4.33481ZM6.89744 7.83721C6.89744 7.29777 7.33367 6.86047 7.87179 6.86047H8.84615C9.38428 6.86047 9.82051 7.29777 9.82051 7.83721C9.82051 8.37665 9.38428 8.81395 8.84615 8.81395H7.87179C7.33367 8.81395 6.89744 8.37665 6.89744 7.83721ZM6.89744 11.7442C6.89744 11.2047 7.33367 10.7674 7.87179 10.7674H13.7179C14.2561 10.7674 14.6923 11.2047 14.6923 11.7442C14.6923 12.2836 14.2561 12.7209 13.7179 12.7209H7.87179C7.33367 12.7209 6.89744 12.2836 6.89744 11.7442ZM17.6154 13.2093C18.0653 13.2093 18.4567 13.5181 18.5624 13.9564C18.7204 14.6109 19.0552 15.209 19.5302 15.6852C20.0052 16.1613 20.6019 16.497 21.2547 16.6553C21.692 16.7613 22 17.1537 22 17.6047C22 18.0556 21.692 18.448 21.2547 18.554C20.6019 18.7123 20.0052 19.048 19.5302 19.5241C19.0552 20.0003 18.7204 20.5984 18.5624 21.2529C18.4567 21.6912 18.0653 22 17.6154 22C17.1655 22 16.7741 21.6912 16.6683 21.2529C16.5104 20.5984 16.1756 20.0003 15.7006 19.5241C15.2256 19.048 14.6289 18.7123 13.976 18.554C13.5388 18.448 13.2308 18.0556 13.2308 17.6047C13.2308 17.1537 13.5388 16.7613 13.976 16.6553C14.6289 16.497 15.2256 16.1613 15.7006 15.6852C16.1756 15.209 16.5104 14.6109 16.6683 13.9564C16.7741 13.5181 17.1655 13.2093 17.6154 13.2093ZM17.6154 16.4429C17.4525 16.6629 17.2732 16.8714 17.0785 17.0665C16.8839 17.2616 16.6759 17.4414 16.4565 17.6047C16.6759 17.7679 16.8839 17.9477 17.0785 18.1428C17.2732 18.3379 17.4525 18.5464 17.6154 18.7664C17.7783 18.5464 17.9576 18.3379 18.1522 18.1428C18.3469 17.9477 18.5549 17.7679 18.7743 17.6047C18.5549 17.4414 18.3469 17.2616 18.1522 17.0665C17.9576 16.8714 17.7783 16.6629 17.6154 16.4429ZM6.89744 15.6512C6.89744 15.1117 7.33367 14.6744 7.87179 14.6744H10.7949C11.333 14.6744 11.7692 15.1117 11.7692 15.6512C11.7692 16.1906 11.333 16.6279 10.7949 16.6279H7.87179C7.33367 16.6279 6.89744 16.1906 6.89744 15.6512Z" />
3
+ </svg>
package/dist/components/UTIcon/constants.js CHANGED
@@ -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.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 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 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,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.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 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};
package/dist/components/UTLabel/constants.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEIGHTS=exports.VARIANTS_SIZES=exports.VARIANTS_NAMES=exports.VARIANTS_LINE_HEIGHT=exports.VARIANTS=exports.DEFAULT_PROPS=void 0;var _Palette=require("../../constants/Palette");const VARIANTS_NAMES=exports.VARIANTS_NAMES={TITLE1:"title1",TITLE2:"title2",TITLE3:"title3",SUBTITLE1:"subtitle1",SUBTITLE2:"subtitle2",BODY:"body",SMALL:"small",XSMALL:"xsmall",TH:"th",TD:"td"},VARIANTS=exports.VARIANTS={[VARIANTS_NAMES.TITLE1]:"h1",[VARIANTS_NAMES.TITLE2]:"h2",[VARIANTS_NAMES.TITLE3]:"h3",[VARIANTS_NAMES.SUBTITLE1]:"h4",[VARIANTS_NAMES.SUBTITLE2]:"h5",[VARIANTS_NAMES.BODY]:"div",[VARIANTS_NAMES.SMALL]:"div",[VARIANTS_NAMES.XSMALL]:"div",[VARIANTS_NAMES.TH]:"th",[VARIANTS_NAMES.TD]:"td"},VARIANTS_SIZES=exports.VARIANTS_SIZES={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-size-title-1, 1.875rem)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-size-title-2, 1.5rem)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-size-title-3, 1.375rem)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-size-subtitle-1, 1.125rem)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-size-subtitle-2, 1rem)",[VARIANTS_NAMES.BODY]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-size-small, 0.75rem)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-size-xsmall, 0.75rem)",[VARIANTS_NAMES.TH]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.TD]:"var(--UT-label-size-body, 1rem)"},VARIANTS_LINE_HEIGHT=exports.VARIANTS_LINE_HEIGHT={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.BODY]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-lh-small, 1.4)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-lh-xsmall, 1.5)",[VARIANTS_NAMES.TH]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.TD]:"var(--UT-label-lh-body, 1.4)"},WEIGHTS=exports.WEIGHTS={thin:"var(--UT-label-weight-thin, 100)",extralight:"var(--UT-label-weight-extralight, 200)",light:"var(--UT-label-weight-light, 300)",regular:"var(--UT-label-weight-regular, 400)",medium:"var(--UT-label-weight-medium, 500)",semibold:"var(--UT-label-weight-semibold, 600)",bold:"var(--UT-label-weight-bold, 700)",extrabold:"var(--UT-label-weight-extrabold, 800)",black:"var(--UT-label-weight-black, 900)"},DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:_Palette.COLOR_THEMES.dark,field:{},markdownExtended:!1,markdownRenderers:{},variant:"body",weight:"regular",withMarkdown:!1};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getGradientTokenName=exports.WEIGHTS=exports.VARIANTS_SIZES=exports.VARIANTS_NAMES=exports.VARIANTS_LINE_HEIGHT=exports.VARIANTS=exports.GRADIENT_FALLBACKS=exports.DEFAULT_PROPS=exports.DEFAULT_GRADIENT_FALLBACK=void 0;var _Palette=require("../../constants/Palette");const VARIANTS_NAMES=exports.VARIANTS_NAMES={TITLE1:"title1",TITLE2:"title2",TITLE3:"title3",SUBTITLE1:"subtitle1",SUBTITLE2:"subtitle2",BODY:"body",SMALL:"small",XSMALL:"xsmall",TH:"th",TD:"td"},VARIANTS=exports.VARIANTS={[VARIANTS_NAMES.TITLE1]:"h1",[VARIANTS_NAMES.TITLE2]:"h2",[VARIANTS_NAMES.TITLE3]:"h3",[VARIANTS_NAMES.SUBTITLE1]:"h4",[VARIANTS_NAMES.SUBTITLE2]:"h5",[VARIANTS_NAMES.BODY]:"div",[VARIANTS_NAMES.SMALL]:"div",[VARIANTS_NAMES.XSMALL]:"div",[VARIANTS_NAMES.TH]:"th",[VARIANTS_NAMES.TD]:"td"},VARIANTS_SIZES=exports.VARIANTS_SIZES={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-size-title-1, 1.875rem)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-size-title-2, 1.5rem)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-size-title-3, 1.375rem)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-size-subtitle-1, 1.125rem)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-size-subtitle-2, 1rem)",[VARIANTS_NAMES.BODY]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-size-small, 0.75rem)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-size-xsmall, 0.75rem)",[VARIANTS_NAMES.TH]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.TD]:"var(--UT-label-size-body, 1rem)"},VARIANTS_LINE_HEIGHT=exports.VARIANTS_LINE_HEIGHT={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.BODY]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-lh-small, 1.4)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-lh-xsmall, 1.5)",[VARIANTS_NAMES.TH]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.TD]:"var(--UT-label-lh-body, 1.4)"},WEIGHTS=exports.WEIGHTS={thin:"var(--UT-label-weight-thin, 100)",extralight:"var(--UT-label-weight-extralight, 200)",light:"var(--UT-label-weight-light, 300)",regular:"var(--UT-label-weight-regular, 400)",medium:"var(--UT-label-weight-medium, 500)",semibold:"var(--UT-label-weight-semibold, 600)",bold:"var(--UT-label-weight-bold, 700)",extrabold:"var(--UT-label-weight-extrabold, 800)",black:"var(--UT-label-weight-black, 900)"},DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:_Palette.COLOR_THEMES.dark,field:{},gradient:!1,markdownExtended:!1,markdownRenderers:{},variant:"body",weight:"regular",withMarkdown:!1},getGradientTokenName=e=>"decorative-".concat(e,"-gradient");exports.getGradientTokenName=getGradientTokenName;const GRADIENT_FALLBACKS=exports.GRADIENT_FALLBACKS={[_Palette.COLOR_THEMES.information]:"linear-gradient(88.75deg, #1291FF 0%, #67E8F9 100%)",[_Palette.COLOR_THEMES.warning]:"linear-gradient(88.75deg, #EC6707 0%, #FBCA3A 100%)"},DEFAULT_GRADIENT_FALLBACK=exports.DEFAULT_GRADIENT_FALLBACK=GRADIENT_FALLBACKS[_Palette.COLOR_THEMES.information];
package/dist/components/UTLabel/theme.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveProps=exports.getFontStyles=void 0;var _merge=_interopRequireDefault(require("lodash/merge")),_Palette=require("../../constants/Palette"),_componentUtils=require("../../utils/componentUtils"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const variantsColorTheme=(e,t,a)=>{var l;return(a.Palette[e]||(null===(l=a.Palette.actions)||void 0===l?void 0:l[e])||a.Palette[_constants.DEFAULT_PROPS.colorTheme])[Object.values(_Palette.COLOR_SHADES).includes(t)?t:(0,_componentUtils.getDefaultColorShade)(e)]||_colorsModule.default.black},linkColor=(e,t)=>{var a;const l=(null===(a=e.Palette)||void 0===a?void 0:a.actions)||e.Palette;return t===_Palette.COLOR_THEMES.light?l[_Palette.COLOR_THEMES.negative][_Palette.COLOR_SHADES.shade05]:t===_Palette.COLOR_THEMES.error?l[_Palette.COLOR_THEMES.error][_Palette.COLOR_SHADES.shade05]:l[_Palette.COLOR_THEMES.accent][_Palette.COLOR_SHADES.shade05]},getFontStyles=e=>{var t,a,l;let{theme:r,variant:i,weight:n,variantsSizes:o}=e;const d=o||(0,_merge.default)({},_constants.VARIANTS_SIZES,null==r||null===(t=r.UTLabel)||void 0===t?void 0:t.variantsSizes),s=(0,_merge.default)({},_constants.VARIANTS_LINE_HEIGHT,null==r||null===(a=r.UTLabel)||void 0===a?void 0:a.variantsLineHeights);return{fontFamily:null==r||null===(l=r.Fonts)||void 0===l?void 0:l.fontFamily,fontSize:d[i]||d[_constants.DEFAULT_PROPS.variant],fontWeight:_constants.WEIGHTS[n]||_constants.WEIGHTS[_constants.DEFAULT_PROPS.weight],lineHeight:s[i]||s[_constants.DEFAULT_PROPS.variant]}};exports.getFontStyles=getFontStyles;const retrieveStyle=e=>{var t,a,l,r,i,n,o,d;let{colorTheme:s,field:m,shade:_,theme:g,variant:v,weight:S,variantsSizes:u}=e;const T=s===_Palette.COLOR_THEMES.light?g.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01]:g.Palette[_Palette.COLOR_THEMES.dark][_Palette.COLOR_SHADES.shade05],p=s===_Palette.COLOR_THEMES.light?g.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01]:g.Palette[_Palette.COLOR_THEMES.gray][_Palette.COLOR_SHADES.shade04];return{root:{color:variantsColorTheme(null!==(t=null==m||null===(a=m.configuration)||void 0===a?void 0:a.colorTheme)&&void 0!==t?t:s,null!==(l=null==m||null===(r=m.configuration)||void 0===r?void 0:r.shade)&&void 0!==l?l:_,g),...getFontStyles({theme:g,variant:null!==(i=null==m||null===(n=m.configuration)||void 0===n?void 0:n.variant)&&void 0!==i?i:v,weight:null!==(o=null==m||null===(d=m.configuration)||void 0===d?void 0:d.weight)&&void 0!==o?o:S,variantsSizes:u}),letterSpacing:"normal",margin:0},markdown:{"& a":{color:linkColor(g,s)},"& h1, & h2, & h3, & h4, & h5, & h6":{color:T,fontWeight:_constants.WEIGHTS.medium,lineHeight:"var(--UT-label-lh-heading, 1.2)",margin:"0 0 var(--UT-label-markdown-margin-md, 8px) 0"},"& h1":{fontSize:"var(--UT-label-size-title-1, 1.875em)"},"& h2":{fontSize:"var(--UT-label-size-title-2, 1.5em)"},"& h3":{fontSize:"var(--UT-label-size-title-3, 1.375em)"},"& h4":{fontSize:"var(--UT-label-size-subtitle-1, 1.125em)"},"& h5":{fontSize:"var(--UT-label-size-subtitle-2, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& h6":{color:p,fontSize:"var(--UT-label-size-body, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& table":{border:"1px solid ".concat(g.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade04]),borderCollapse:"collapse",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",width:"100%"},"& th, & td":{border:"1px solid ".concat(g.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade04]),padding:"var(--UT-label-markdown-padding-sm, 8px) var(--UT-label-markdown-padding-md, 12px)",textAlign:"left"},"& th":{backgroundColor:(g.Palette.actions||g.Palette)[_Palette.COLOR_THEMES.negative][_Palette.COLOR_SHADES.shade01],color:p,fontWeight:_constants.WEIGHTS.medium},"& p":{margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& ol":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& ul, & ol":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& ul:not(.contains-task-list)":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& pre":{backgroundColor:g.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade03],borderRadius:"var(--UT-radius-md, 0.5rem)",fontSize:"var(--UT-label-size-small, 0.75em)",lineHeight:"var(--UT-label-lh-small, 1.4)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",padding:"var(--UT-label-markdown-padding-sm, 12px) var(--UT-label-markdown-padding-md, 16px)",whiteSpace:"pre-wrap"},"& dl":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& dd":{fontSize:"inherit",margin:0},"& dt":{color:p,fontSize:_constants.VARIANTS_SIZES.small,fontWeight:_constants.WEIGHTS.semibold},"& dt + dt, & dt + dd, & dd + dd":{marginTop:12},"& hr":{borderColor:g.Palette[_Palette.COLOR_THEMES.gray][_Palette.COLOR_SHADES.shade01],borderTop:0,margin:"var(--UT-label-markdown-margin-sm, 8px) 0 var(--UT-label-markdown-margin-xl, 24px)"},"& li + li":{marginTop:"var(--UT-label-markdown-margin-md, 12px)"},"& li > ul":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li::marker":{color:g.Palette[_Palette.COLOR_THEMES.gray][_Palette.COLOR_SHADES.shade01]},"& li > ul > li + li":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li p":{margin:0},"& sup":{fontSize:"inherit"},"& sup > a":{fontSize:"var(--UT-label-size-xsmall, 0.75em)"},"& img, & video, & audio":{borderRadius:"var(--UT-radius-md, 0.5rem)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& .contains-task-list":{display:"flex",flexDirection:"column",gridGap:"var(--gap-md, 12px)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",paddingLeft:0,"& li":{margin:0}},"& :last-child":{marginBottom:"0"}},blockquote:{color:p},customFootnotes:{"& span":{color:p}}}};exports.retrieveStyle=retrieveStyle;const retrieveProps=(e,t)=>({...(null==e?void 0:e.UTLabel)||{},...t});exports.retrieveProps=retrieveProps;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveProps=exports.getFontStyles=void 0;var _merge=_interopRequireDefault(require("lodash/merge")),_Palette=require("../../constants/Palette"),_componentUtils=require("../../utils/componentUtils"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const variantsColorTheme=(e,t,a)=>{var l;return(a.Palette[e]||(null===(l=a.Palette.actions)||void 0===l?void 0:l[e])||a.Palette[_constants.DEFAULT_PROPS.colorTheme])[Object.values(_Palette.COLOR_SHADES).includes(t)?t:(0,_componentUtils.getDefaultColorShade)(e)]||_colorsModule.default.black},linkColor=(e,t)=>{var a;const l=(null===(a=e.Palette)||void 0===a?void 0:a.actions)||e.Palette;return t===_Palette.COLOR_THEMES.light?l[_Palette.COLOR_THEMES.negative][_Palette.COLOR_SHADES.shade05]:t===_Palette.COLOR_THEMES.error?l[_Palette.COLOR_THEMES.error][_Palette.COLOR_SHADES.shade05]:l[_Palette.COLOR_THEMES.accent][_Palette.COLOR_SHADES.shade05]},getFontStyles=e=>{var t,a,l;let{theme:r,variant:n,weight:o,variantsSizes:i}=e;const s=i||(0,_merge.default)({},_constants.VARIANTS_SIZES,null==r||null===(t=r.UTLabel)||void 0===t?void 0:t.variantsSizes),d=(0,_merge.default)({},_constants.VARIANTS_LINE_HEIGHT,null==r||null===(a=r.UTLabel)||void 0===a?void 0:a.variantsLineHeights);return{fontFamily:null==r||null===(l=r.Fonts)||void 0===l?void 0:l.fontFamily,fontSize:s[n]||s[_constants.DEFAULT_PROPS.variant],fontWeight:_constants.WEIGHTS[o]||_constants.WEIGHTS[_constants.DEFAULT_PROPS.weight],lineHeight:d[n]||d[_constants.DEFAULT_PROPS.variant]}};exports.getFontStyles=getFontStyles;const gradientStyles=e=>{const t=_constants.GRADIENT_FALLBACKS[e]||_constants.DEFAULT_GRADIENT_FALLBACK;return{backgroundImage:"var(--".concat((0,_constants.getGradientTokenName)(e),", ").concat(t,")"),backgroundClip:"text",color:"transparent",width:"fit-content","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent","@media (forced-colors: active)":{backgroundImage:"none",color:"CanvasText","-webkit-text-fill-color":"currentColor"}}},retrieveStyle=e=>{var t,a,l,r,n,o,i,s;let{colorTheme:d,field:m,gradient:g,shade:_,theme:c,variant:v,weight:S,variantsSizes:u}=e;const T=d===_Palette.COLOR_THEMES.light?c.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01]:c.Palette[_Palette.COLOR_THEMES.dark][_Palette.COLOR_SHADES.shade05],p=d===_Palette.COLOR_THEMES.light?c.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01]:c.Palette[_Palette.COLOR_THEMES.gray][_Palette.COLOR_SHADES.shade04],h=null!==(t=null==m||null===(a=m.configuration)||void 0===a?void 0:a.colorTheme)&&void 0!==t?t:d;return{root:{color:variantsColorTheme(h,null!==(l=null==m||null===(r=m.configuration)||void 0===r?void 0:r.shade)&&void 0!==l?l:_,c),...getFontStyles({theme:c,variant:null!==(n=null==m||null===(o=m.configuration)||void 0===o?void 0:o.variant)&&void 0!==n?n:v,weight:null!==(i=null==m||null===(s=m.configuration)||void 0===s?void 0:s.weight)&&void 0!==i?i:S,variantsSizes:u}),letterSpacing:"normal",margin:0,...g?gradientStyles(h):{}},markdown:{"& a":{color:linkColor(c,d)},"& h1, & h2, & h3, & h4, & h5, & h6":{color:T,fontWeight:_constants.WEIGHTS.medium,lineHeight:"var(--UT-label-lh-heading, 1.2)",margin:"0 0 var(--UT-label-markdown-margin-md, 8px) 0"},"& h1":{fontSize:"var(--UT-label-size-title-1, 1.875em)"},"& h2":{fontSize:"var(--UT-label-size-title-2, 1.5em)"},"& h3":{fontSize:"var(--UT-label-size-title-3, 1.375em)"},"& h4":{fontSize:"var(--UT-label-size-subtitle-1, 1.125em)"},"& h5":{fontSize:"var(--UT-label-size-subtitle-2, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& h6":{color:p,fontSize:"var(--UT-label-size-body, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& table":{border:"1px solid ".concat(c.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade04]),borderCollapse:"collapse",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",width:"100%"},"& th, & td":{border:"1px solid ".concat(c.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade04]),padding:"var(--UT-label-markdown-padding-sm, 8px) var(--UT-label-markdown-padding-md, 12px)",textAlign:"left"},"& th":{backgroundColor:(c.Palette.actions||c.Palette)[_Palette.COLOR_THEMES.negative][_Palette.COLOR_SHADES.shade01],color:p,fontWeight:_constants.WEIGHTS.medium},"& p":{margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& ol":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& ul, & ol":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& ul:not(.contains-task-list)":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& pre":{backgroundColor:c.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade03],borderRadius:"var(--UT-radius-md, 0.5rem)",fontSize:"var(--UT-label-size-small, 0.75em)",lineHeight:"var(--UT-label-lh-small, 1.4)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",padding:"var(--UT-label-markdown-padding-sm, 12px) var(--UT-label-markdown-padding-md, 16px)",whiteSpace:"pre-wrap"},"& dl":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& dd":{fontSize:"inherit",margin:0},"& dt":{color:p,fontSize:_constants.VARIANTS_SIZES.small,fontWeight:_constants.WEIGHTS.semibold},"& dt + dt, & dt + dd, & dd + dd":{marginTop:12},"& hr":{borderColor:c.Palette[_Palette.COLOR_THEMES.gray][_Palette.COLOR_SHADES.shade01],borderTop:0,margin:"var(--UT-label-markdown-margin-sm, 8px) 0 var(--UT-label-markdown-margin-xl, 24px)"},"& li + li":{marginTop:"var(--UT-label-markdown-margin-md, 12px)"},"& li > ul":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li::marker":{color:c.Palette[_Palette.COLOR_THEMES.gray][_Palette.COLOR_SHADES.shade01]},"& li > ul > li + li":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li p":{margin:0},"& sup":{fontSize:"inherit"},"& sup > a":{fontSize:"var(--UT-label-size-xsmall, 0.75em)"},"& img, & video, & audio":{borderRadius:"var(--UT-radius-md, 0.5rem)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& .contains-task-list":{display:"flex",flexDirection:"column",gridGap:"var(--gap-md, 12px)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",paddingLeft:0,"& li":{margin:0}},"& :last-child":{marginBottom:"0"}},blockquote:{color:p},customFootnotes:{"& span":{color:p}}}};exports.retrieveStyle=retrieveStyle;const retrieveProps=(e,t)=>({...(null==e?void 0:e.UTLabel)||{},...t});exports.retrieveProps=retrieveProps;
package/dist/components/UTRadioGroup/versions/V1/components/Radio/theme.js CHANGED
@@ -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:e?n:r?o:a.Palette.light["04"]}},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"],h=(null===(a=i.Palette.actions)||void 0===a?void 0:a.accent["04"])||i.Palette.accent["04"],v=(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:v},"&: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},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5}}[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:l===_constants2.RADIO_VARIANTS.CARD?"visible":"hidden",...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:h,borderColor:h}},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:h,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
+ "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"],h=(null===(a=i.Palette.actions)||void 0===a?void 0:a.accent["04"])||i.Palette.accent["04"],v=(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:v},"&: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},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5}}[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:l===_constants2.RADIO_VARIANTS.CARD?"visible":"hidden",...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:h,borderColor:h}},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:h,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;