@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/esm/components/UTIcon/UTIcon.stories.js

@@ -1,191 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { joinArgTypes } from 'stories/utils';
-import { COLOR_SHADES, COLOR_THEMES } from '../../constants/Palette';
-import { DEFAULT_VARIANT } from './constants';
-import UTIcon from '.';
-const ICON_EXAMPLES = ['IconHome', 'IconBolt', 'IconDroplet', 'IconCar', 'IconReceipt', 'IconArchive', 'IconUser', 'IconBell', 'IconInfoCircle'];
-const ICON_FILLED_EXAMPLES = ['IconHomeFilled', 'IconBoltFilled', 'IconDropletFilled', 'IconCarFilled', 'IconReceiptFilled', 'IconArchiveFilled', 'IconUserFilled', 'IconBellFilled', 'IconInfoCircleFilled'];
-const ENERGY_ICON_EXAMPLES = ['EnergyIconBottledGas', 'EnergyIconBottledGasPlus', 'EnergyIconCar', 'EnergyIconCarbonFootprint', 'EnergyIconCart', 'EnergyIconChatSparkFilled', 'EnergyIconEdit', 'EnergyIconHome', 'EnergyIconMessageEdit', 'EnergyIconQuestionFilled', 'EnergyIconSendFilled', 'EnergyIconTruck', 'EnergyIconConsumptionBoxPlusFilled', 'EnergyIconConsumptionBoxRightFilled', 'EnergyIconConsumptionBoxMinusFilled'];
-const FLAG_EXAMPLES = [
-// Sudamérica
-'AR', 'BO', 'BR', 'CL', 'CO', 'EC', 'GF', 'GY', 'PE', 'PY', 'SR', 'UY', 'VE',
-// Norteamérica
-'CA', 'GL', 'MX', 'PM', 'US',
-// Centroamérica
-'BZ', 'CR', 'GT', 'HN', 'NI', 'PA', 'SV',
-// Caribe
-'AG', 'AI', 'AW', 'BB', 'BL', 'BM', 'BS', 'CU', 'CW', 'DM', 'DO', 'GD', 'GP', 'HT', 'JM', 'KY', 'LC', 'MF', 'MQ', 'MS', 'PR', 'SX', 'TC', 'TT', 'VC', 'VG', 'VI',
-// España
-'ES'];
-export default {
-  component: UTIcon,
-  argTypes: {
-    area: {
-      control: 'boolean',
-      description: 'Determina si el ícono renderiza un área redondeada a su alrededor',
-      table: {
-        defaultValue: {
-          summary: false
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    colorTheme: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(COLOR_THEMES), undefined],
-      description: 'Define el theme de la paleta para el ícono',
-      table: {
-        type: {
-          summary: joinArgTypes(Object.keys(COLOR_THEMES))
-        }
-      }
-    },
-    fillShade: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(COLOR_SHADES), undefined],
-      description: 'Define la shade de la paleta para el fill del icono',
-      table: {
-        type: {
-          summary: joinArgTypes(Object.keys(COLOR_SHADES))
-        }
-      }
-    },
-    fillTheme: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(COLOR_THEMES), undefined],
-      description: 'Define el theme de la paleta para el fill del ícono',
-      table: {
-        type: {
-          summary: joinArgTypes(Object.keys(COLOR_THEMES))
-        }
-      }
-    },
-    name: {
-      control: 'text',
-      description: 'El nombre del ícono en TablerIcons',
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    shade: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(COLOR_SHADES), undefined],
-      description: 'Define la shade de la paleta para el ícono',
-      table: {
-        type: {
-          summary: joinArgTypes(Object.keys(COLOR_SHADES))
-        }
-      }
-    },
-    size: {
-      control: {
-        type: 'number',
-        min: 0,
-        max: 100
-      },
-      description: 'Tamaño del icono',
-      table: {
-        type: {
-          summary: 'number'
-        }
-      }
-    },
-    variant: {
-      control: {
-        type: 'select'
-      },
-      description: 'Variante del ícono',
-      options: ['default', 'outlined'],
-      table: {
-        type: {
-          summary: joinArgTypes(['default', 'outlined'])
-        }
-      }
-    }
-  },
-  title: 'Energy-UI/UTIcon'
-};
-export const Default = {
-  name: 'Playground',
-  args: {
-    name: 'IconHome',
-    area: false,
-    colorTheme: undefined,
-    fillShade: undefined,
-    fillTheme: undefined,
-    shade: undefined,
-    size: undefined,
-    variant: DEFAULT_VARIANT
-  }
-};
-export const Variants = {
-  args: {},
-  render: args => /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }
-  }, /*#__PURE__*/React.createElement("div", null, "Normal Icons", ICON_EXAMPLES.map(name => /*#__PURE__*/React.createElement("div", {
-    key: name,
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, Object.keys(COLOR_THEMES).map(colorTheme => /*#__PURE__*/React.createElement(UTIcon, _extends({
-    key: colorTheme,
-    name: name,
-    colorTheme: colorTheme
-  }, args)))))), /*#__PURE__*/React.createElement("div", null, "Filled Icons", ICON_FILLED_EXAMPLES.map(name => /*#__PURE__*/React.createElement("div", {
-    key: name,
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, Object.keys(COLOR_THEMES).map(colorTheme => /*#__PURE__*/React.createElement(UTIcon, _extends({
-    key: colorTheme,
-    name: name,
-    colorTheme: colorTheme
-  }, args)))))), /*#__PURE__*/React.createElement("div", null, "Energy Icons", ENERGY_ICON_EXAMPLES.map(name => /*#__PURE__*/React.createElement("div", {
-    key: name,
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, Object.keys(COLOR_THEMES).map(colorTheme => /*#__PURE__*/React.createElement(UTIcon, _extends({
-    key: colorTheme,
-    name: name,
-    colorTheme: colorTheme
-  }, args)))))))
-};
-export const Flags = {
-  args: {
-    size: 100
-  },
-  render: args => /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, FLAG_EXAMPLES.map(name => /*#__PURE__*/React.createElement(UTIcon, _extends({
-    key: name,
-    name: name
-  }, args))))
-};

package/dist/esm/components/UTKpi/UTKpi.stories.js

@@ -1,215 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-import { joinArgTypes } from 'stories/utils';
-import { VARIANTS } from '../UTStatus/constants';
-import UTKpi from '.';
-const UTKpiPlayground = _ref => {
-  let {
-    title,
-    primaryPrefix,
-    primaryValue,
-    primarySuffix,
-    secondaryPrefix,
-    secondaryValue,
-    secondarySuffix,
-    statusPrefix,
-    statusValue,
-    statusSuffix,
-    statusVariant,
-    statusIcon
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTKpi, {
-    title: title,
-    primaryValue: {
-      prefix: primaryPrefix,
-      value: primaryValue,
-      suffix: primarySuffix
-    },
-    secondaryValue: {
-      prefix: secondaryPrefix,
-      value: secondaryValue,
-      suffix: secondarySuffix
-    },
-    status: {
-      prefix: statusPrefix,
-      value: statusValue,
-      suffix: statusSuffix
-    },
-    statusProps: {
-      variant: statusVariant,
-      Icon: statusIcon
-    }
-  });
-};
-export default {
-  component: UTKpiPlayground,
-  argTypes: {
-    title: {
-      control: 'text',
-      description: 'Título del KPI.',
-      table: {
-        category: 'Contenido',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    primaryPrefix: {
-      control: 'text',
-      name: 'primaryValue.prefix',
-      description: 'Prefijo del valor principal.',
-      table: {
-        category: 'PrimaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    primaryValue: {
-      control: 'text',
-      name: 'primaryValue.value',
-      description: 'Valor principal.',
-      table: {
-        category: 'PrimaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    primarySuffix: {
-      control: 'text',
-      name: 'primaryValue.suffix',
-      description: 'Sufijo del valor principal.',
-      table: {
-        category: 'PrimaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    secondaryPrefix: {
-      control: 'text',
-      name: 'secondaryValue.prefix',
-      description: 'Prefijo del valor secundario.',
-      table: {
-        category: 'SecondaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    secondaryValue: {
-      control: 'text',
-      name: 'secondaryValue.value',
-      description: 'Valor secundario.',
-      table: {
-        category: 'SecondaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    secondarySuffix: {
-      control: 'text',
-      name: 'secondaryValue.suffix',
-      description: 'Sufijo del valor secundario.',
-      table: {
-        category: 'SecondaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusPrefix: {
-      control: 'text',
-      name: 'status.prefix',
-      description: 'Prefijo del valor del estado.',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusValue: {
-      control: 'text',
-      name: 'status.value',
-      description: 'Valor del estado.',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusSuffix: {
-      control: 'text',
-      name: 'status.suffix',
-      description: 'Sufijo del valor del estado.',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusVariant: {
-      name: 'statusProps.variant',
-      control: {
-        type: 'select'
-      },
-      options: ['error', 'information', 'success', 'unassigned', 'warning'],
-      description: 'Variante visual del badge',
-      table: {
-        category: 'Status',
-        defaultValue: {
-          summary: 'success'
-        },
-        type: {
-          summary: joinArgTypes(Object.keys(VARIANTS))
-        }
-      }
-    },
-    statusIcon: {
-      name: 'statusProps.Icon',
-      control: {
-        type: 'text'
-      },
-      description: 'Nombre del ícono',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    }
-  },
-  parameters: {
-    controls: {
-      exclude: ['primaryValue', 'secondaryValue', 'status', 'statusProps']
-    },
-    docs: {
-      description: {
-        component: 'Este componente se usa para mostrar KPIs con un título, un valor principal y un valor secundario. También puede mostrar un estado con un icono, una variante y un texto.'
-      }
-    }
-  },
-  title: 'Energy-UI/UTKpi'
-};
-export const Default = {
-  name: 'Playground',
-  args: {
-    title: 'Total a pagar / Total neto',
-    primaryPrefix: '$',
-    primaryValue: '30000000',
-    primarySuffix: null,
-    secondaryPrefix: '+ IVA $',
-    secondaryValue: '12000000',
-    secondarySuffix: null,
-    statusPrefix: null,
-    statusValue: '3',
-    statusSuffix: '%',
-    statusVariant: 'success',
-    statusIcon: 'IconTrendingUp'
-  }
-};

package/dist/esm/components/UTLabel/README.md

@@ -1,179 +0,0 @@
-# UTLabel
-
-Component used for displaying text values and markdown.
-
-## Props
-
-
-| Name              | Type   | Default                                  | Description                                                                                                                                                                                                                 |
-| ------------------- | -------- | ------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| align             | string |                                    | Alignment of the text content. Accepts values like 'left', 'center', 'right', or 'justify'.                                                                                                                                 |
-| className         | string |                                          | Additional classes.                                                                                                                                                                                                         |
-| classes           | string |                                          | Classes returned by UTLabel's own[theme](./theme.js#L40) `retrieveStyle`.                                                                                                                                                   |
-| colorTheme        | string | 'primary'                                | Color theme to style the UTLabel. Has to be defined in the proyect theme.[Example](#colortheme).                                                                                                                            |
-| markdownExtended  | bool   | false                                    | ⚠️ Requires`withMarkdown` to be set to `true` <br />Activates all markdown plugins for extended markdown support.                                                                                                            |
-| markdownRenderers | object | [MARKDOWN_RENDERERS](./constants.js#L36) | ⚠️ Requires`withMarkdown` to be set to `true` <br />Object mapping tag names to React components. The keys in components are HTML equivalents for the things you write with markdown [List of tags](#markdown-renderers). |
-| title             | string |                                          | [Title global attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title).                                                                                                                        |
-| variant           | string | 'body'                                   | Defines html component to use. For a list of available variants, check [here](#variants). Font sizes can be overwritten (⚠️ for the entire proyect) through the proyect's theme.                                           |
-| weight            | string | 'regular'                                | Defines font-weight to be used. For a list of available options, check [here](#font-weights).                                                                                                                                |
-| withMarkdown      | bool   | false                                    | Tells the component whether or not to render text inside as markdown.                                                                                                                                                       |
-
-## Examples
-
-### colorTheme
-
-```js
-UTLabel: {
-    colorThemes: {
-      primary: {
-        color: Colors.primary
-      },
-    }
-}
-```
-
-### Use
-
-```JSX
-<UTLabel colorTheme='primary'>Your text here</UTLabel>
-```
-
-### Markdown renderers
-
-
-| markdown                  | component                                |
-| --------------------------- | ------------------------------------------ |
-| `blockquote`              | `blockquote`                             |
-| `break`                   | `br`                                     |
-| `code`, `inlineCode`      | `code`, `pre`**\***                      |
-| `definition`              | **†**                                   |
-| `emphasis`                | `em`                                     |
-| `heading`                 | `h1`, `h2`, `h3`, `h4`, `h5`, `h6`**§** |
-| `image`, `imageReference` | `img`**†**                              |
-| `link`, `linkReference`   | `a`**†**                                |
-| `list`                    | `ol`, `ul`**¶**                         |
-| `listItem`                | `li`                                     |
-| `paragraph`               | `p`                                      |
-| `strong`                  | `strong`                                 |
-| `text`                    |                                          |
-| `thematicBreak`           | `hr`                                     |
-
-- **\*** It’s possible to differentiate between code based on the `inline`
-  prop.
-  Block code is also wrapped in a `pre`
-- **†** Resource (`[text](url)`) and reference (`[text][id]`) style links and
-  images (and their definitions) are now resolved and treated the same
-- **§** It’s possible to differentiate between heading based on the `level`
-  prop
-- **¶** It’s possible to differentiate between lists based on the `ordered`
-  prop
-
-Example
-
-```JSX
-const markdownRenderers = {
-   a: ({ href, children }) => ( <a href={href}>{children}</a> );
-};
-
-<UTLabel withMarkdown markdownRenderers={markdownRenderers}>
-
-```
-
-<details>
-<summary>Show list of props for each component</summary>
-
-**Custom Handler Behavior:**
-If an element already has internal handling within UTLabel (such as `a`, `blockquote`, `h2`, etc.) and you pass a `customHandler` that returns `null`, the component will use its default internal behavior. This allows you to selectively override rendering for specific cases while falling back to the built-in logic when needed.
-
-The keys in components are HTML equivalents for the things you write with
-markdown (such as `h1` for `# heading`)**†**
-
-**†** Normally, in markdown, those are: `a`, `blockquote`, `code`, `em`, `h1`,
-`h2`, `h3`, `h4`, `h5`, `h6`, `hr`, `img`, `li`, `ol`, `p`, `pre`, `strong`, and
-`ul`.
-
-The props that are passed are what you probably would expect: an `a` (link) will
-get `href` (and `title`) props, and `img` (image) an `src` (and `title`), etc.
-There are some extra props passed.
-
-- `code`
-  - `inline` (`boolean?`)
-    — set to `true` for inline code
-  - `className` (`string?`)
-    — set to `language-js` or so when using ` ```js`
-- `h1`, `h2`, `h3`, `h4`, `h5`, `h6`
-  - `level` (`number` beween 1 and 6)
-    — heading rank
-- `input` (when using [`remark-gfm`][gfm])
-  - `checked` (`boolean`)
-    — whether the item is checked
-  - `disabled` (`true`)
-  - `type` (`'checkbox'`)
-- `li`
-  - `index` (`number`)
-    — number of preceding items (so first gets `0`, etc.)
-  - `ordered` (`boolean`)
-    — whether the parent is an `ol` or not
-  - `checked` (`boolean?`)
-    — `null` normally, `boolean` when using [`remark-gfm`][gfm]’s tasklists
-  - `className` (`string?`)
-    — set to `task-list-item` when using [`remark-gfm`][gfm] and the
-    item1 is a tasklist
-- `ol`, `ul`
-  - `depth` (`number`)
-    — number of ancestral lists (so first gets `0`, etc.)
-  - `ordered` (`boolean`)
-    — whether it’s an `ol` or not
-  - `className` (`string?`)
-    — set to `contains-task-list` when using [`remark-gfm`][gfm] and the
-    list contains one or more tasklists
-- `td`, `th` (when using [`remark-gfm`][gfm])
-  - `style` (`Object?`)
-    — something like `{textAlign: 'left'}` depending on how the cell is
-    aligned
-  - `isHeader` (`boolean`)
-    — whether it’s a `th` or not
-- `tr` (when using [`remark-gfm`][gfm])
-  - `isHeader` (`boolean`)
-    — whether it’s in the `thead` or not
-
-Every component will receive a `node` (`Object`).
-This is the original [hast](https://github.com/syntax-tree/hast) element being
-turned into a React element.
-
-Every element will receive a `key` (`string`).
-See [React’s docs](https://reactjs.org/docs/lists-and-keys.html#keys) for more
-info.
-
-</details>
-
-### variants
-
-
-| Variant   | Component | Default font size |
-| ----------- | ----------- | ------------------- |
-| title1    | h1        | 30px              |
-| title2    | h2        | 24px              |
-| title3    | h3        | 22px              |
-| subtitle1 | h4        | 18px              |
-| subtitle2 | h5        | 16px              |
-| body      | span      | 16px              |
-| small     | span      | 14px              |
-| xsmall    | span      | 13px              |
-| th        | th        | 16px              |
-| td        | td        | 16px              |
-
-### font-weights
-
-
-| Name       | Weight |
-| ------------ | -------- |
-| thin       | 100    |
-| extralight | 200    |
-| light      | 300    |
-| regular    | 400    |
-| medium     | 500    |
-| semibold   | 600    |
-| bold       | 700    |
-| extrabold  | 800    |
-| black      | 900    |