@cfx-dev/ui-components 4.2.21 → 4.2.22

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 (79) hide show
  1. package/dist/assets/css/Badge.css +1 -1
  2. package/dist/assets/css/Link.css +1 -1
  3. package/dist/assets/general/global.css +1 -1
  4. package/dist/components/Accordion/Accordion.js +1 -1
  5. package/dist/components/Accordion/AccordionShowcase.js +1 -1
  6. package/dist/components/Avatar/AvatarShowcase.js +1 -1
  7. package/dist/components/Badge/Badge.d.ts +9 -2
  8. package/dist/components/Badge/Badge.js +52 -25
  9. package/dist/components/Badge/BadgeShowcase.js +1 -1
  10. package/dist/components/BurgerMenu/BurgerMenu.js +1 -1
  11. package/dist/components/BurgerMenu/BurgerMenuShowcase.js +1 -1
  12. package/dist/components/Button/ButtonShowcase.js +1 -1
  13. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  14. package/dist/components/DropdownSelect/DropdownSelect.d.ts +1 -1
  15. package/dist/components/DropdownSelect/DropdownSelect.js +5 -5
  16. package/dist/components/DropdownSelect/DropdownSelectShowcase.js +1 -1
  17. package/dist/components/Icon/Icon.d.ts +1 -1
  18. package/dist/components/Icon/Icon.js +1 -1
  19. package/dist/components/IconBig/IconBig.js +1 -1
  20. package/dist/components/InfoPanel/InfoPanelShowcase.js +1 -1
  21. package/dist/components/Input/Input.d.ts +1 -1
  22. package/dist/components/Input/Input.js +6 -6
  23. package/dist/components/Input/InputShowcase.js +1 -1
  24. package/dist/components/Input/RichInput.d.ts +1 -1
  25. package/dist/components/Input/RichInput.js +4 -4
  26. package/dist/components/Island/Island.js +4 -4
  27. package/dist/components/Layout/Box/Box.d.ts +1 -1
  28. package/dist/components/Layout/Box/Box.js +1 -1
  29. package/dist/components/Layout/Flex/Flex.d.ts +1 -1
  30. package/dist/components/Layout/Flex/Flex.js +1 -1
  31. package/dist/components/Layout/Flex/index.d.ts +2 -1
  32. package/dist/components/Layout/Flex/index.js +10 -4
  33. package/dist/components/Layout/Scrollable/ScrollableShowcase.js +1 -1
  34. package/dist/components/Link/ButtonLink.js +23 -18
  35. package/dist/components/Link/Link.d.ts +3 -1
  36. package/dist/components/Link/Link.js +48 -30
  37. package/dist/components/Link/LinkShowcase.js +46 -41
  38. package/dist/components/Link/index.d.ts +1 -1
  39. package/dist/components/Link/index.js +6 -5
  40. package/dist/components/Logos/LogosShowcase.js +1 -1
  41. package/dist/components/Modal/Modal.js +1 -1
  42. package/dist/components/Select/Select.d.ts +1 -1
  43. package/dist/components/Select/Select.js +1 -1
  44. package/dist/components/Select/SelectShowcase.js +1 -1
  45. package/dist/components/Separator/Separator.d.ts +1 -1
  46. package/dist/components/Separator/Separator.js +1 -1
  47. package/dist/components/Shroud/Shroud.js +6 -6
  48. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  49. package/dist/components/Skeleton/Skeleton.js +1 -1
  50. package/dist/components/Skeleton/SkeletonShowcase.js +1 -1
  51. package/dist/components/Slider/SliderShowcase.js +1 -1
  52. package/dist/components/Spacer/Spacer.d.ts +1 -1
  53. package/dist/components/Table/Table.js +1 -1
  54. package/dist/components/Table/TableShowcase.js +1 -1
  55. package/dist/components/Tabular/Tabular.d.ts +1 -1
  56. package/dist/components/Tabular/Tabular.js +1 -1
  57. package/dist/components/Tabular/TabularShowcase.js +1 -1
  58. package/dist/components/Text/Text.js +13 -12
  59. package/dist/components/Text/Text.types.d.ts +1 -1
  60. package/dist/components/Text/TextShowcase.js +12 -15
  61. package/dist/components/Text/index.d.ts +1 -1
  62. package/dist/components/Text/index.js +9 -8
  63. package/dist/components/Title/TitleShowcase.js +1 -1
  64. package/dist/components/ToggleGroup/ToggleGroupShowcase.js +1 -1
  65. package/dist/main.d.ts +7 -6
  66. package/dist/main.js +208 -194
  67. package/dist/styles-scss/global.scss +2 -2
  68. package/dist/styles-scss/tokens.scss +0 -4
  69. package/dist/utils/color.d.ts +3 -1
  70. package/dist/utils/enum.d.ts +1 -0
  71. package/dist/utils/enum.js +6 -0
  72. package/dist/utils/ui/index.d.ts +3 -0
  73. package/dist/utils/ui/index.js +11 -0
  74. package/dist/{components → utils/ui}/ui.d.ts +2 -68
  75. package/dist/utils/ui/ui.js +68 -0
  76. package/dist/utils/ui/ui.types.d.ts +86 -0
  77. package/dist/utils/ui/ui.types.js +9 -0
  78. package/package.json +1 -1
  79. package/dist/components/ui.js +0 -73
package/dist/assets/css/Badge.css CHANGED
@@ -1 +1 @@
1
- .cfxui__Badge__root__73dcc{display:inline-flex;align-items:center;justify-content:center;padding:var(--offset-xsmall) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);border:none;border-radius:var(--offset-small)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__small__a1a55{padding:var(--offset-xxsmall) var(--offset-small)}.cfxui__Badge__icon__4e25f{margin-left:var(--offset-xsmall)}
1
+ .cfxui__Badge__root__73dcc{display:inline-flex;align-items:center;justify-content:center;padding:var(--offset-xsmall) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);border:none;border-radius:var(--offset-small);color:var(--badge-color);background-color:var(--badge-bg-color)}.cfxui__Badge__root__73dcc.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--badge-bg-hover-color)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__small__a1a55{padding:var(--offset-xxsmall) var(--offset-small)}.cfxui__Badge__icon__4e25f{margin-left:var(--offset-xsmall)}
package/dist/assets/css/Link.css CHANGED
@@ -1 +1 @@
1
- .cfxui__Link__unsetAll__58fea{all:unset}.cfxui__Link__root__a29b3{display:inline-flex;border-radius:var(--border-radius-xxsmall);--color: var(--color-anchor-color);--text-decoration-color: currentColor;--text-decoration-color-hover: var(--color-anchor-decoration-color-hover);color:var(--color)}.cfxui__Link__root__a29b3{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Link__root__a29b3:not([aria-disabled=true]){cursor:pointer;text-decoration:underline;text-decoration-color:var(--text-decoration-color)}.cfxui__Link__root__a29b3:not([aria-disabled=true]):hover{text-decoration-color:var(--text-decoration-color-hover)}.cfxui__Link__root__a29b3:not([aria-disabled=true]):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 var(--anchor-outline-size, initial) var(--color-anchor-focus-outline)}.cfxui__Link__root__a29b3[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cfxui__Link__root__a29b3[aria-disabled=true]:active{pointer-events:none}.cfxui__Link__root__a29b3.cfxui__Link__unstyled__f020c{text-decoration:none}.cfxui__Link__root__a29b3.cfxui__Link__secondary__1e0f9{--color: var(--color-anchor-secondary-color);--text-decoration-color-hover: var(--color-anchor-secondary-decoration-color-hover)}
1
+ .cfxui__Link__unsetAll__58fea{all:unset}.cfxui__Link__root__a29b3{display:inline-flex;border-radius:var(--border-radius-xxsmall);color:var(--anchor-color)}.cfxui__Link__root__a29b3{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Link__root__a29b3:not([aria-disabled=true]){cursor:pointer;text-decoration:underline;text-decoration-color:currentColor}.cfxui__Link__root__a29b3:not([aria-disabled=true]):hover{text-decoration-color:var(--anchor-decoration-color-hover)}.cfxui__Link__root__a29b3:not([aria-disabled=true]):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 var(--anchor-outline-size, initial) var(--color-anchor-focus-outline)}.cfxui__Link__root__a29b3[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cfxui__Link__root__a29b3[aria-disabled=true]:active{pointer-events:none}.cfxui__Link__root__a29b3.cfxui__Link__unstyled__f020c{text-decoration:none}