@cfx-dev/ui-components 4.3.7 → 4.3.9

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 (36) hide show
  1. package/dist/{Combination-BGYCZNoJ.js → Combination-DFb92tMK.js} +658 -655
  2. package/dist/assets/css/ToggleGroup.css +1 -1
  3. package/dist/assets/general/global.css +1 -1
  4. package/dist/assets/general/themes.css +1 -1
  5. package/dist/components/Accordion/AccordionShowcase.js +21 -9
  6. package/dist/components/Button/ButtonBar.d.ts +2 -0
  7. package/dist/components/Checkbox/Checkbox.js +2 -2
  8. package/dist/components/Dot/Dot.js +6 -4
  9. package/dist/components/DropdownSelect/DropdownSelect.js +4 -4
  10. package/dist/components/Link/LinkShowcase.js +8 -4
  11. package/dist/components/Modal/ModalShowcase.js +2 -1
  12. package/dist/components/Prose/Prose.d.ts +1 -2
  13. package/dist/components/Select/Select.js +3 -3
  14. package/dist/components/Skeleton/SkeletonShowcase.js +3 -2
  15. package/dist/components/Slider/Slider.js +2 -2
  16. package/dist/components/Switch/Switch.js +1 -1
  17. package/dist/components/Text/Text.types.d.ts +1 -0
  18. package/dist/components/Text/TextShowcase.js +1 -1
  19. package/dist/components/Title/Title.js +9 -4
  20. package/dist/{index-DlJ4qUbZ.js → index-BMU9X4M-.js} +1 -1
  21. package/dist/index-DCuJlMqr.js +239 -0
  22. package/dist/{index-CriGVLlo.js → index-DWzyrn_L.js} +1 -1
  23. package/dist/styles-scss/_colors.scss +50 -51
  24. package/dist/styles-scss/_typography.scss +25 -20
  25. package/dist/styles-scss/_ui.scss +115 -98
  26. package/dist/styles-scss/global.scss +13 -8
  27. package/dist/styles-scss/themes/theme_cfx.scss +15 -15
  28. package/dist/styles-scss/themes/theme_fivem.scss +12 -12
  29. package/dist/styles-scss/themes/theme_redm.scss +12 -12
  30. package/dist/styles-scss/themes/theme_wireframe.scss +12 -12
  31. package/dist/styles-scss/themes.scss +4 -4
  32. package/dist/styles-scss/tokens.scss +117 -118
  33. package/dist/utils/hooks/useClipboardComponent.d.ts +4 -1
  34. package/dist/utils/ui/ui.d.ts +2 -1
  35. package/package.json +5 -5
  36. package/dist/index-ByKwkZKY.js +0 -239
package/dist/assets/css/ToggleGroup.css CHANGED
@@ -1 +1 @@
1
- .cfxui__ToggleGroup__unsetAll__6911e{all:unset}.cfxui__ToggleGroup__root__fb460{--options-padding: var(--offset-xsmall);--content-hight: var(--control-height-normal);display:inline-flex;position:relative;height:var(--content-hight);border-radius:var(--border-radius-small);color:rgba(var(--color-secondary),.5)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__disabled__75462{opacity:.5;pointer-events:none}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__large__ad624{--content-hight: var(--control-height-large)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c{display:flex;height:var(--option-hight);overflow:hidden;padding:var(--offset-xsmall);background-color:rgba(var(--color-bg),1);border:1px solid rgba(var(--color-bg-light),1);border-radius:var(--border-radius-small);gap:calc(var(--quant) * .75)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--offset-small);height:calc(var(--content-hight) - var(--options-padding) * 2 - 2px);padding:0 var(--offset-normal);width:100%;border-radius:calc(var(--quant) * .32);font-weight:var(--font-weight-normal)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:not([disabled]){cursor:pointer}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:hover:not(.cfxui__ToggleGroup__active__84da0),.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:focus-visible:not(:hover,.cfxui__ToggleGroup__active__84da0){background-color:rgba(var(--color-secondary),.25);color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:focus-visible:not(:hover){outline:solid calc(var(--quant) * .25) var(--color-control-focus-outline);outline-offset:calc(var(--quant) * .25)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c.cfxui__ToggleGroup__active__84da0{color:rgba(var(--color-bg-light),1);background-color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784{height:auto}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c{flex-wrap:wrap}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c .cfxui__ToggleGroup__option__8436c{flex-grow:1}
1
+ .cfxui__ToggleGroup__unsetAll__6911e{all:unset}.cfxui__ToggleGroup__root__fb460{--options-padding: var(--offset-xsmall);--content-hight: var(--control-height-normal);display:inline-flex;position:relative;height:var(--content-hight);border-radius:var(--border-radius-small);color:rgba(var(--color-secondary),.5)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__disabled__75462{opacity:.5;pointer-events:none}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__large__ad624{--content-hight: var(--control-height-large)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c{display:flex;height:var(--option-hight);overflow:hidden;padding:var(--offset-xsmall);background-color:rgba(var(--color-bg-dark),1);border:1px solid rgba(var(--color-bg-light),1);border-radius:var(--border-radius-small);gap:calc(var(--quant) * .75)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--offset-small);height:calc(var(--content-hight) - var(--options-padding) * 2 - 2px);padding:0 var(--offset-normal);width:100%;border-radius:calc(var(--quant) * .32);font-weight:var(--font-weight-normal)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:not([disabled]){cursor:pointer}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:hover:not(.cfxui__ToggleGroup__active__84da0),.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:focus-visible:not(:hover,.cfxui__ToggleGroup__active__84da0){background-color:rgba(var(--color-secondary),.25);color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:focus-visible:not(:hover){outline:solid calc(var(--quant) * .25) var(--color-control-focus-outline);outline-offset:calc(var(--quant) * .25)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c.cfxui__ToggleGroup__active__84da0{color:rgba(var(--color-bg-light),1);background-color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784{height:auto}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c{flex-wrap:wrap}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c .cfxui__ToggleGroup__option__8436c{flex-grow:1}