@widergy/energy-ui 3.174.0 → 3.175.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -3
- package/dist/esm/utils/hooks/useCSSVariables/appearanceTokens.js +1 -0
- package/dist/esm/utils/hooks/useCSSVariables/dimensionTokens.js +1 -0
- package/dist/esm/utils/hooks/useCSSVariables/index.js +1 -1
- package/dist/esm/utils/hooks/useCSSVariables/utils.js +1 -1
- package/dist/utils/hooks/useCSSVariables/appearanceTokens.js +1 -0
- package/dist/utils/hooks/useCSSVariables/dimensionTokens.js +1 -0
- package/dist/utils/hooks/useCSSVariables/index.js +1 -1
- package/dist/utils/hooks/useCSSVariables/utils.js +1 -1
- package/package.json +1 -2
- package/dist/esm/utils/hooks/useCSSVariables/constants.js +0 -1
- package/dist/utils/hooks/useCSSVariables/constants.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,23 @@
|
|
|
1
|
-
|
|
1
|
+
## [3.175.1](https://github.com/widergy/energy-ui/compare/v3.175.0...v3.175.1) (2026-08-06)
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
###
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* updated docs ([#831](https://github.com/widergy/energy-ui/issues/831)) ([399408f](https://github.com/widergy/energy-ui/commit/399408f516e3e9b142394cb08acc54e5cef843b2))
|
|
7
|
+
|
|
8
|
+
# [3.175.0](https://github.com/widergy/energy-ui/compare/v3.174.0...v3.175.0) (2026-08-03)
|
|
9
|
+
|
|
10
|
+
### Novedades y Mejoras
|
|
11
|
+
|
|
12
|
+
* Se incorporó soporte para paletas de color en tonos cálidos y fríos, permitiendo que la interfaz adapte su apariencia visual según la configuración del cliente. [#820](https://github.com/widergy/Energy-UI/pull/820) [OUG-9999](https://widergy.atlassian.net/browse/OUG-9999)
|
|
13
|
+
* Se amplió la generación automática de colores de acento, incluyendo variantes con transparencia para mayor flexibilidad visual en los distintos temas. [#820](https://github.com/widergy/Energy-UI/pull/820) [OUG-9999](https://widergy.atlassian.net/browse/OUG-9999)
|
|
14
|
+
* Mejoras internas de la plataforma. [#820](https://github.com/widergy/Energy-UI/pull/820) [OUG-9999](https://widergy.atlassian.net/browse/OUG-9999)
|
|
15
|
+
|
|
16
|
+
# [3.174.0](https://github.com/widergy/energy-ui/compare/v3.173.4...v3.174.0) (2026-08-03)
|
|
17
|
+
|
|
18
|
+
### Novedades y Mejoras
|
|
5
19
|
|
|
6
|
-
*
|
|
20
|
+
* Se unificó el componente de paginación en las tablas, logrando una experiencia más consistente en toda la plataforma. El cambio puede implicar un ajuste visual menor en la apariencia del paginador respecto a versiones anteriores. [#840](https://github.com/widergy/Energy-UI/pull/840) [WKS-166](https://widergy.atlassian.net/browse/WKS-166)
|
|
7
21
|
|
|
8
22
|
## [3.173.4](https://github.com/widergy/energy-ui/compare/v3.173.3...v3.173.4) (2026-07-29)
|
|
9
23
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default{base:{cold:{"color-base-grayscale-100":"#F4F5F7","color-base-grayscale-100-alpha":"rgba(137, 147, 164, 0.1)","color-base-grayscale-200":"#EBECF0","color-base-grayscale-200-alpha":"rgba(137, 147, 164, 0.2)","color-base-grayscale-300":"#C1C7D0","color-base-grayscale-300-alpha":"rgba(137, 147, 164, 0.3)","color-base-grayscale-400":"#A5ADBA","color-base-grayscale-400-alpha":"rgba(137, 147, 164, 0.4)","color-base-grayscale-500":"#8993A4","color-base-grayscale-500-alpha":"rgba(137, 147, 164, 0.5)","color-base-grayscale-600":"#6B778C","color-base-grayscale-700":"#505F79","color-base-grayscale-800":"#253858","color-base-grayscale-900":"#091E42","color-base-green-100":"#E3FCEF","color-base-green-100-alpha":"rgba(54, 179, 126, 0.1)","color-base-green-200":"#ABF5D1","color-base-green-200-alpha":"rgba(54, 179, 126, 0.2)","color-base-green-300":"#79F2C0","color-base-green-300-alpha":"rgba(54, 179, 126, 0.3)","color-base-green-400":"#57D9A3","color-base-green-400-alpha":"rgba(54, 179, 126, 0.4)","color-base-green-500":"#36B37E","color-base-green-500-alpha":"rgba(54, 179, 126, 0.5)","color-base-green-600":"#00875A","color-base-green-700":"#006644","color-base-green-800":"#00543F","color-base-green-900":"#004232","color-base-red-100":"#FFE8EB","color-base-red-100-alpha":"rgba(211, 32, 48, 0.1)","color-base-red-200":"#FFBAC3","color-base-red-200-alpha":"rgba(211, 32, 48, 0.2)","color-base-red-300":"#FF8389","color-base-red-300-alpha":"rgba(211, 32, 48, 0.3)","color-base-red-400":"#E8384F","color-base-red-400-alpha":"rgba(211, 32, 48, 0.4)","color-base-red-500":"#D32030","color-base-red-500-alpha":"rgba(211, 32, 48, 0.5)","color-base-red-600":"#B91C2E","color-base-red-700":"#9E182A","color-base-red-800":"#851426","color-base-red-900":"#6D1022","color-base-yellow-100":"#FFF7E6","color-base-yellow-100-alpha":"rgba(242, 160, 0, 0.1)","color-base-yellow-200":"#FFF0B3","color-base-yellow-200-alpha":"rgba(242, 160, 0, 0.2)","color-base-yellow-300":"#FFE380","color-base-yellow-300-alpha":"rgba(242, 160, 0, 0.3)","color-base-yellow-400":"#FFBB33","color-base-yellow-400-alpha":"rgba(242, 160, 0, 0.4)","color-base-yellow-500":"#F2A000","color-base-yellow-500-alpha":"rgba(242, 160, 0, 0.5)","color-base-yellow-600":"#D98C00","color-base-yellow-700":"#8C6400","color-base-yellow-800":"#735200","color-base-yellow-900":"#5C4200","color-base-teal-100":"#E6FCFF","color-base-teal-100-alpha":"rgba(0, 184, 217, 0.1)","color-base-teal-200":"#B3F5FF","color-base-teal-200-alpha":"rgba(0, 184, 217, 0.2)","color-base-teal-300":"#79E2F2","color-base-teal-300-alpha":"rgba(0, 184, 217, 0.3)","color-base-teal-400":"#00C7E6","color-base-teal-400-alpha":"rgba(0, 184, 217, 0.4)","color-base-teal-500":"#00B8D9","color-base-teal-500-alpha":"rgba(0, 184, 217, 0.5)","color-base-teal-600":"#00A3BF","color-base-teal-700":"#008DA6","color-base-teal-800":"#00758C","color-base-teal-900":"#005E73"},warm:{"color-base-grayscale-100":"#F7F8F9","color-base-grayscale-100-alpha":"rgba(153, 157, 163, 0.1)","color-base-grayscale-200":"#F0F1F2","color-base-grayscale-200-alpha":"rgba(153, 157, 163, 0.2)","color-base-grayscale-300":"#D3D5D8","color-base-grayscale-300-alpha":"rgba(153, 157, 163, 0.3)","color-base-grayscale-400":"#B6B9BD","color-base-grayscale-400-alpha":"rgba(153, 157, 163, 0.4)","color-base-grayscale-500":"#999DA3","color-base-grayscale-500-alpha":"rgba(153, 157, 163, 0.5)","color-base-grayscale-600":"#7D8288","color-base-grayscale-700":"#5E6369","color-base-grayscale-800":"#42474D","color-base-grayscale-900":"#2A2E33","color-base-green-100":"#F0F7E6","color-base-green-100-alpha":"rgba(111, 168, 46, 0.1)","color-base-green-200":"#D4E8B8","color-base-green-200-alpha":"rgba(111, 168, 46, 0.2)","color-base-green-300":"#B5D68A","color-base-green-300-alpha":"rgba(111, 168, 46, 0.3)","color-base-green-400":"#8FBF5C","color-base-green-400-alpha":"rgba(111, 168, 46, 0.4)","color-base-green-500":"#6FA82E","color-base-green-500-alpha":"rgba(111, 168, 46, 0.5)","color-base-green-600":"#5C8F26","color-base-green-700":"#4A751F","color-base-green-800":"#3D6119","color-base-green-900":"#2F4D14","color-base-red-100":"#FFEBE6","color-base-red-100-alpha":"rgba(222, 53, 11, 0.1)","color-base-red-200":"#FFBDAD","color-base-red-200-alpha":"rgba(222, 53, 11, 0.2)","color-base-red-300":"#FF8F73","color-base-red-300-alpha":"rgba(222, 53, 11, 0.3)","color-base-red-400":"#FF5630","color-base-red-400-alpha":"rgba(222, 53, 11, 0.4)","color-base-red-500":"#DE350B","color-base-red-500-alpha":"rgba(222, 53, 11, 0.5)","color-base-red-600":"#BF2600","color-base-red-700":"#A41E00","color-base-red-800":"#8C1A00","color-base-red-900":"#701600","color-base-yellow-100":"#FFF0E6","color-base-yellow-100-alpha":"rgba(255, 138, 31, 0.1)","color-base-yellow-200":"#FFDBB3","color-base-yellow-200-alpha":"rgba(255, 138, 31, 0.2)","color-base-yellow-300":"#FFC280","color-base-yellow-300-alpha":"rgba(255, 138, 31, 0.3)","color-base-yellow-400":"#FFA34D","color-base-yellow-400-alpha":"rgba(255, 138, 31, 0.4)","color-base-yellow-500":"#FF8A1F","color-base-yellow-500-alpha":"rgba(255, 138, 31, 0.5)","color-base-yellow-600":"#E67300","color-base-yellow-700":"#BF5F00","color-base-yellow-800":"#994D00","color-base-yellow-900":"#733900","color-base-teal-100":"#E6F7F5","color-base-teal-100-alpha":"rgba(0, 168, 150, 0.1)","color-base-teal-200":"#B3E8E0","color-base-teal-200-alpha":"rgba(0, 168, 150, 0.2)","color-base-teal-300":"#79D6C8","color-base-teal-300-alpha":"rgba(0, 168, 150, 0.3)","color-base-teal-400":"#3EC1AD","color-base-teal-400-alpha":"rgba(0, 168, 150, 0.4)","color-base-teal-500":"#00A896","color-base-teal-500-alpha":"rgba(0, 168, 150, 0.5)","color-base-teal-600":"#00917F","color-base-teal-700":"#007A6A","color-base-teal-800":"#006657","color-base-teal-900":"#005244"},"color-base-purple-100":"#F8EEFE","color-base-purple-200":"#EED7FC","color-base-purple-300":"#D8A0F7","color-base-purple-400":"#C97CF4","color-base-purple-500":"#BF63F3","color-base-purple-600":"#AF59E1","color-base-purple-700":"#964AC0","color-base-purple-800":"#803FA5","color-base-purple-900":"#48245D","color-base-magenta-100":"#FFECF8","color-base-magenta-200":"#FDD0EC","color-base-magenta-300":"#F797D2","color-base-magenta-400":"#E774BB","color-base-magenta-500":"#DA62AC","color-base-magenta-600":"#CD519D","color-base-magenta-700":"#AE4787","color-base-magenta-800":"#943D73","color-base-magenta-900":"#50253F"},semantic:{},component:{}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default{base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect}from"react";import merge from"lodash/mergeWith";import
|
|
1
|
+
import{useEffect}from"react";import merge from"lodash/mergeWith";import appearanceTokens from"./appearanceTokens";import dimensionTokens from"./dimensionTokens";import{generateAccentTokens,mapTokens}from"./utils";const useCSSVariables=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"wdrgy-css-variables",o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{accentColor:t="#285AFF",baseColorPalette:a="cold"}=o||{};useEffect(()=>{var o;const{cold:r,warm:s,...c}=appearanceTokens.base,m={base:{...c,...null!==(o=appearanceTokens.base[a])&&void 0!==o?o:appearanceTokens.base.cold},semantic:appearanceTokens.semantic,component:appearanceTokens.component},p=t?{base:generateAccentTokens(t)}:{},i=Object.entries(mapTokens(merge(dimensionTokens,m,p,e))).filter(e=>{let[,n]=e;return"string"==typeof n||"number"==typeof n}).map(e=>{let[n,o]=e;return"--".concat(n,": ").concat(o,";")}).join("\n "),l=document.getElementById(n);l&&l.remove();const d=document.createElement("style");return d.id=n,d.textContent="html {\n ".concat(i,"\n}"),document.head.appendChild(d),()=>{const e=document.getElementById(n);e&&e.remove()}},[e,n,a,t])};export default useCSSVariables;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const mapTokens=
|
|
1
|
+
export const mapTokens=t=>{const{base:c={},semantic:n={},component:o={},...e}=t||{},a={...c,...e};return Object.entries(n).concat(Object.entries(o)).forEach(t=>{let[c,n]=t;a[c]=a[n]}),a};const hexToRgb=t=>{const c=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(t,c,n,o)=>"".concat(c).concat(c).concat(n).concat(n).concat(o).concat(o)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(c);return n?[parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)]:null},rgbStringToRgb=t=>{const c=/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(t);return c?[Number(c[1]),Number(c[2]),Number(c[3])]:null},colorToRgb=t=>{var c;return null!==(c=hexToRgb(t))&&void 0!==c?c:rgbStringToRgb(t)},rgbToHsl=(t,c,n)=>{const o=t/255,e=c/255,a=n/255,r=Math.max(o,e,a),s=Math.min(o,e,a),l=(r+s)/2;if(r===s)return[0,0,100*l];const b=r-s,i=l>.5?b/(2-r-s):b/(r+s);let u;switch(r){case o:u=((e-a)/b+(e<a?6:0))/6;break;case e:u=((a-o)/b+2)/6;break;default:u=((o-e)/b+4)/6}return[360*u,100*i,100*l]},hslToHex=(t,c,n)=>{const o=t/360,e=c/100,a=n/100,r=(t,c,n)=>{const o=(n%1+1)%1;return o<1/6?t+6*(c-t)*o:o<.5?c:o<2/3?t+(c-t)*(2/3-o)*6:t};let s,l,b;if(0===e)s=a,l=a,b=a;else{const t=a<.5?a*(1+e):a+e-a*e,c=2*a-t;s=r(c,t,o+1/3),l=r(c,t,o),b=r(c,t,o-1/3)}const i=t=>Math.round(255*t).toString(16).padStart(2,"0");return"#".concat(i(s)).concat(i(l)).concat(i(b))};export const generateAccentTokens=t=>{const c=colorToRgb(t);if(!c)return console.warn('useCSSVariables: "'.concat(t,'" no es un color hex ni rgb(a) válido, se omiten los tokens de color-accent-*.')),{};const[n,o,e]=c,[a,r,s]=rgbToHsl(n,o,e),l={};return[100,200,300,400,500,600,700,800,900].forEach(t=>{let c;c=500===t?s:t>500?s+(t-500)/400*(95-s):s-(500-t)/400*(s-10),l["color-accent-".concat(t)]=hslToHex(a,r,Math.min(95,Math.max(10,c))),l["color-accent-".concat(t,"-alpha")]="rgba(".concat(n,", ").concat(o,", ").concat(e,", ").concat(t/1e3,")")}),l};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default={base:{cold:{"color-base-grayscale-100":"#F4F5F7","color-base-grayscale-100-alpha":"rgba(137, 147, 164, 0.1)","color-base-grayscale-200":"#EBECF0","color-base-grayscale-200-alpha":"rgba(137, 147, 164, 0.2)","color-base-grayscale-300":"#C1C7D0","color-base-grayscale-300-alpha":"rgba(137, 147, 164, 0.3)","color-base-grayscale-400":"#A5ADBA","color-base-grayscale-400-alpha":"rgba(137, 147, 164, 0.4)","color-base-grayscale-500":"#8993A4","color-base-grayscale-500-alpha":"rgba(137, 147, 164, 0.5)","color-base-grayscale-600":"#6B778C","color-base-grayscale-700":"#505F79","color-base-grayscale-800":"#253858","color-base-grayscale-900":"#091E42","color-base-green-100":"#E3FCEF","color-base-green-100-alpha":"rgba(54, 179, 126, 0.1)","color-base-green-200":"#ABF5D1","color-base-green-200-alpha":"rgba(54, 179, 126, 0.2)","color-base-green-300":"#79F2C0","color-base-green-300-alpha":"rgba(54, 179, 126, 0.3)","color-base-green-400":"#57D9A3","color-base-green-400-alpha":"rgba(54, 179, 126, 0.4)","color-base-green-500":"#36B37E","color-base-green-500-alpha":"rgba(54, 179, 126, 0.5)","color-base-green-600":"#00875A","color-base-green-700":"#006644","color-base-green-800":"#00543F","color-base-green-900":"#004232","color-base-red-100":"#FFE8EB","color-base-red-100-alpha":"rgba(211, 32, 48, 0.1)","color-base-red-200":"#FFBAC3","color-base-red-200-alpha":"rgba(211, 32, 48, 0.2)","color-base-red-300":"#FF8389","color-base-red-300-alpha":"rgba(211, 32, 48, 0.3)","color-base-red-400":"#E8384F","color-base-red-400-alpha":"rgba(211, 32, 48, 0.4)","color-base-red-500":"#D32030","color-base-red-500-alpha":"rgba(211, 32, 48, 0.5)","color-base-red-600":"#B91C2E","color-base-red-700":"#9E182A","color-base-red-800":"#851426","color-base-red-900":"#6D1022","color-base-yellow-100":"#FFF7E6","color-base-yellow-100-alpha":"rgba(242, 160, 0, 0.1)","color-base-yellow-200":"#FFF0B3","color-base-yellow-200-alpha":"rgba(242, 160, 0, 0.2)","color-base-yellow-300":"#FFE380","color-base-yellow-300-alpha":"rgba(242, 160, 0, 0.3)","color-base-yellow-400":"#FFBB33","color-base-yellow-400-alpha":"rgba(242, 160, 0, 0.4)","color-base-yellow-500":"#F2A000","color-base-yellow-500-alpha":"rgba(242, 160, 0, 0.5)","color-base-yellow-600":"#D98C00","color-base-yellow-700":"#8C6400","color-base-yellow-800":"#735200","color-base-yellow-900":"#5C4200","color-base-teal-100":"#E6FCFF","color-base-teal-100-alpha":"rgba(0, 184, 217, 0.1)","color-base-teal-200":"#B3F5FF","color-base-teal-200-alpha":"rgba(0, 184, 217, 0.2)","color-base-teal-300":"#79E2F2","color-base-teal-300-alpha":"rgba(0, 184, 217, 0.3)","color-base-teal-400":"#00C7E6","color-base-teal-400-alpha":"rgba(0, 184, 217, 0.4)","color-base-teal-500":"#00B8D9","color-base-teal-500-alpha":"rgba(0, 184, 217, 0.5)","color-base-teal-600":"#00A3BF","color-base-teal-700":"#008DA6","color-base-teal-800":"#00758C","color-base-teal-900":"#005E73"},warm:{"color-base-grayscale-100":"#F7F8F9","color-base-grayscale-100-alpha":"rgba(153, 157, 163, 0.1)","color-base-grayscale-200":"#F0F1F2","color-base-grayscale-200-alpha":"rgba(153, 157, 163, 0.2)","color-base-grayscale-300":"#D3D5D8","color-base-grayscale-300-alpha":"rgba(153, 157, 163, 0.3)","color-base-grayscale-400":"#B6B9BD","color-base-grayscale-400-alpha":"rgba(153, 157, 163, 0.4)","color-base-grayscale-500":"#999DA3","color-base-grayscale-500-alpha":"rgba(153, 157, 163, 0.5)","color-base-grayscale-600":"#7D8288","color-base-grayscale-700":"#5E6369","color-base-grayscale-800":"#42474D","color-base-grayscale-900":"#2A2E33","color-base-green-100":"#F0F7E6","color-base-green-100-alpha":"rgba(111, 168, 46, 0.1)","color-base-green-200":"#D4E8B8","color-base-green-200-alpha":"rgba(111, 168, 46, 0.2)","color-base-green-300":"#B5D68A","color-base-green-300-alpha":"rgba(111, 168, 46, 0.3)","color-base-green-400":"#8FBF5C","color-base-green-400-alpha":"rgba(111, 168, 46, 0.4)","color-base-green-500":"#6FA82E","color-base-green-500-alpha":"rgba(111, 168, 46, 0.5)","color-base-green-600":"#5C8F26","color-base-green-700":"#4A751F","color-base-green-800":"#3D6119","color-base-green-900":"#2F4D14","color-base-red-100":"#FFEBE6","color-base-red-100-alpha":"rgba(222, 53, 11, 0.1)","color-base-red-200":"#FFBDAD","color-base-red-200-alpha":"rgba(222, 53, 11, 0.2)","color-base-red-300":"#FF8F73","color-base-red-300-alpha":"rgba(222, 53, 11, 0.3)","color-base-red-400":"#FF5630","color-base-red-400-alpha":"rgba(222, 53, 11, 0.4)","color-base-red-500":"#DE350B","color-base-red-500-alpha":"rgba(222, 53, 11, 0.5)","color-base-red-600":"#BF2600","color-base-red-700":"#A41E00","color-base-red-800":"#8C1A00","color-base-red-900":"#701600","color-base-yellow-100":"#FFF0E6","color-base-yellow-100-alpha":"rgba(255, 138, 31, 0.1)","color-base-yellow-200":"#FFDBB3","color-base-yellow-200-alpha":"rgba(255, 138, 31, 0.2)","color-base-yellow-300":"#FFC280","color-base-yellow-300-alpha":"rgba(255, 138, 31, 0.3)","color-base-yellow-400":"#FFA34D","color-base-yellow-400-alpha":"rgba(255, 138, 31, 0.4)","color-base-yellow-500":"#FF8A1F","color-base-yellow-500-alpha":"rgba(255, 138, 31, 0.5)","color-base-yellow-600":"#E67300","color-base-yellow-700":"#BF5F00","color-base-yellow-800":"#994D00","color-base-yellow-900":"#733900","color-base-teal-100":"#E6F7F5","color-base-teal-100-alpha":"rgba(0, 168, 150, 0.1)","color-base-teal-200":"#B3E8E0","color-base-teal-200-alpha":"rgba(0, 168, 150, 0.2)","color-base-teal-300":"#79D6C8","color-base-teal-300-alpha":"rgba(0, 168, 150, 0.3)","color-base-teal-400":"#3EC1AD","color-base-teal-400-alpha":"rgba(0, 168, 150, 0.4)","color-base-teal-500":"#00A896","color-base-teal-500-alpha":"rgba(0, 168, 150, 0.5)","color-base-teal-600":"#00917F","color-base-teal-700":"#007A6A","color-base-teal-800":"#006657","color-base-teal-900":"#005244"},"color-base-purple-100":"#F8EEFE","color-base-purple-200":"#EED7FC","color-base-purple-300":"#D8A0F7","color-base-purple-400":"#C97CF4","color-base-purple-500":"#BF63F3","color-base-purple-600":"#AF59E1","color-base-purple-700":"#964AC0","color-base-purple-800":"#803FA5","color-base-purple-900":"#48245D","color-base-magenta-100":"#FFECF8","color-base-magenta-200":"#FDD0EC","color-base-magenta-300":"#F797D2","color-base-magenta-400":"#E774BB","color-base-magenta-500":"#DA62AC","color-base-magenta-600":"#CD519D","color-base-magenta-700":"#AE4787","color-base-magenta-800":"#943D73","color-base-magenta-900":"#50253F"},semantic:{},component:{}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default={base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_mergeWith=_interopRequireDefault(require("lodash/mergeWith")),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_mergeWith=_interopRequireDefault(require("lodash/mergeWith")),_appearanceTokens=_interopRequireDefault(require("./appearanceTokens")),_dimensionTokens=_interopRequireDefault(require("./dimensionTokens")),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const useCSSVariables=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"wdrgy-css-variables",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{accentColor:a="#285AFF",baseColorPalette:r="cold"}=n||{};(0,_react.useEffect)(()=>{var n;const{cold:o,warm:s,...u}=_appearanceTokens.default.base,l={base:{...u,...null!==(n=_appearanceTokens.default.base[r])&&void 0!==n?n:_appearanceTokens.default.base.cold},semantic:_appearanceTokens.default.semantic,component:_appearanceTokens.default.component},i=a?{base:(0,_utils.generateAccentTokens)(a)}:{},c=Object.entries((0,_utils.mapTokens)((0,_mergeWith.default)(_dimensionTokens.default,l,i,e))).filter(e=>{let[,t]=e;return"string"==typeof t||"number"==typeof t}).map(e=>{let[t,n]=e;return"--".concat(t,": ").concat(n,";")}).join("\n "),d=document.getElementById(t);d&&d.remove();const p=document.createElement("style");return p.id=t,p.textContent="html {\n ".concat(c,"\n}"),document.head.appendChild(p),()=>{const e=document.getElementById(t);e&&e.remove()}},[e,t,r,a])};var _default=exports.default=useCSSVariables;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mapTokens=void 0;const mapTokens=e=>{const{base:t={},semantic:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mapTokens=exports.generateAccentTokens=void 0;const mapTokens=e=>{const{base:t={},semantic:n={},component:c={},...o}=e||{},a={...t,...o};return Object.entries(n).concat(Object.entries(c)).forEach(e=>{let[t,n]=e;a[t]=a[n]}),a};exports.mapTokens=mapTokens;const hexToRgb=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,n,c)=>"".concat(t).concat(t).concat(n).concat(n).concat(c).concat(c)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?[parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)]:null},rgbStringToRgb=e=>{const t=/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(e);return t?[Number(t[1]),Number(t[2]),Number(t[3])]:null},colorToRgb=e=>{var t;return null!==(t=hexToRgb(e))&&void 0!==t?t:rgbStringToRgb(e)},rgbToHsl=(e,t,n)=>{const c=e/255,o=t/255,a=n/255,r=Math.max(c,o,a),s=Math.min(c,o,a),l=(r+s)/2;if(r===s)return[0,0,100*l];const b=r-s,i=l>.5?b/(2-r-s):b/(r+s);let u;switch(r){case c:u=((o-a)/b+(o<a?6:0))/6;break;case o:u=((a-c)/b+2)/6;break;default:u=((c-o)/b+4)/6}return[360*u,100*i,100*l]},hslToHex=(e,t,n)=>{const c=e/360,o=t/100,a=n/100,r=(e,t,n)=>{const c=(n%1+1)%1;return c<1/6?e+6*(t-e)*c:c<.5?t:c<2/3?e+(t-e)*(2/3-c)*6:e};let s,l,b;if(0===o)s=a,l=a,b=a;else{const e=a<.5?a*(1+o):a+o-a*o,t=2*a-e;s=r(t,e,c+1/3),l=r(t,e,c),b=r(t,e,c-1/3)}const i=e=>Math.round(255*e).toString(16).padStart(2,"0");return"#".concat(i(s)).concat(i(l)).concat(i(b))},generateAccentTokens=e=>{const t=colorToRgb(e);if(!t)return console.warn('useCSSVariables: "'.concat(e,'" no es un color hex ni rgb(a) válido, se omiten los tokens de color-accent-*.')),{};const[n,c,o]=t,[a,r,s]=rgbToHsl(n,c,o),l={};return[100,200,300,400,500,600,700,800,900].forEach(e=>{let t;t=500===e?s:e>500?s+(e-500)/400*(95-s):s-(500-e)/400*(s-10),l["color-accent-".concat(e)]=hslToHex(a,r,Math.min(95,Math.max(10,t))),l["color-accent-".concat(e,"-alpha")]="rgba(".concat(n,", ").concat(c,", ").concat(o,", ").concat(e/1e3,")")}),l};exports.generateAccentTokens=generateAccentTokens;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@widergy/energy-ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.175.1",
|
|
4
4
|
"description": "Widergy Web Components",
|
|
5
5
|
"author": "widergy",
|
|
6
6
|
"license": "MIT",
|
|
@@ -131,7 +131,6 @@
|
|
|
131
131
|
"prettier-eslint": "^15.0.1",
|
|
132
132
|
"prop-types": ">=15.5.10",
|
|
133
133
|
"react": "^18.2.0",
|
|
134
|
-
"react-css-vars": "^1.2.1",
|
|
135
134
|
"react-dom": "^18.2.0",
|
|
136
135
|
"react-scripts": "^5.0.1",
|
|
137
136
|
"sass-lint": "^1.12.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const baseTokens={base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg"}};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.baseTokens=void 0;const baseTokens=exports.baseTokens={base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg"}};
|