@cfx-dev/ui-components 4.2.20 → 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 (160) 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.d.ts +1 -7
  5. package/dist/components/Accordion/Accordion.js +1 -1
  6. package/dist/components/Accordion/AccordionShowcase.js +1 -1
  7. package/dist/components/Accordion/index.d.ts +1 -0
  8. package/dist/components/Avatar/AvatarShowcase.js +1 -1
  9. package/dist/components/BackdropPortal/BackdropPortal.d.ts +2 -0
  10. package/dist/components/BackdropPortal/BackdropPortal.js +7 -5
  11. package/dist/components/BackdropPortal/index.d.ts +2 -0
  12. package/dist/components/BackdropPortal/index.js +5 -0
  13. package/dist/components/Badge/Badge.d.ts +9 -2
  14. package/dist/components/Badge/Badge.js +52 -25
  15. package/dist/components/Badge/BadgeShowcase.js +1 -1
  16. package/dist/components/Badge/index.d.ts +1 -1
  17. package/dist/components/BurgerMenu/BurgerMenu.js +1 -1
  18. package/dist/components/BurgerMenu/BurgerMenuShowcase.js +1 -1
  19. package/dist/components/Button/ButtonShowcase.js +1 -1
  20. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  21. package/dist/components/ClipboardButton/ClipboardButton.d.ts +3 -3
  22. package/dist/components/ClipboardButton/ClipboardButton.js +10 -9
  23. package/dist/components/ControlBox/ControlBox.d.ts +2 -0
  24. package/dist/components/ControlBox/ControlBox.js +10 -9
  25. package/dist/components/ControlBox/index.d.ts +2 -0
  26. package/dist/components/ControlBox/index.js +4 -0
  27. package/dist/components/CountryFlag/CountryFlag.d.ts +2 -0
  28. package/dist/components/CountryFlag/CountryFlag.js +14 -13
  29. package/dist/components/CountryFlag/index.d.ts +2 -0
  30. package/dist/components/CountryFlag/index.js +4 -0
  31. package/dist/components/Decorate/Decorate.d.ts +2 -0
  32. package/dist/components/Decorate/Decorate.js +15 -14
  33. package/dist/components/Decorate/index.d.ts +2 -0
  34. package/dist/components/Decorate/index.js +4 -0
  35. package/dist/components/DropdownSelect/DropdownSelect.d.ts +1 -1
  36. package/dist/components/DropdownSelect/DropdownSelect.js +801 -1039
  37. package/dist/components/DropdownSelect/DropdownSelectShowcase.js +1 -1
  38. package/dist/components/DropdownSelect/index.d.ts +1 -0
  39. package/dist/components/Flyout/Flyout.d.ts +2 -1
  40. package/dist/components/Flyout/index.d.ts +2 -0
  41. package/dist/components/Flyout/index.js +5 -0
  42. package/dist/components/Icon/Icon.d.ts +1 -1
  43. package/dist/components/Icon/Icon.js +1 -1
  44. package/dist/components/IconBig/IconBig.js +1 -1
  45. package/dist/components/IconButton/IconButton.d.ts +2 -3
  46. package/dist/components/IconButton/index.d.ts +1 -1
  47. package/dist/components/Indicator/index.d.ts +2 -0
  48. package/dist/components/Indicator/index.js +4 -0
  49. package/dist/components/InfoPanel/InfoPanelShowcase.js +1 -1
  50. package/dist/components/Input/Input.d.ts +1 -1
  51. package/dist/components/Input/Input.js +6 -6
  52. package/dist/components/Input/InputShowcase.js +1 -1
  53. package/dist/components/Input/RichInput.d.ts +1 -1
  54. package/dist/components/Input/RichInput.js +4 -4
  55. package/dist/components/Input/index.d.ts +1 -1
  56. package/dist/components/InputDropzone/index.d.ts +3 -3
  57. package/dist/components/InputDropzone/index.js +3 -3
  58. package/dist/components/Interactive/index.d.ts +2 -0
  59. package/dist/components/Interactive/index.js +4 -0
  60. package/dist/components/Island/Island.js +4 -4
  61. package/dist/components/Island/index.d.ts +2 -0
  62. package/dist/components/Island/index.js +5 -0
  63. package/dist/components/Layout/Box/Box.d.ts +2 -1
  64. package/dist/components/Layout/Box/Box.js +3 -2
  65. package/dist/components/Layout/Box/index.d.ts +2 -0
  66. package/dist/components/Layout/Box/index.js +5 -0
  67. package/dist/components/Layout/Center/index.d.ts +2 -0
  68. package/dist/components/Layout/Center/index.js +4 -0
  69. package/dist/components/Layout/Flex/Flex.d.ts +4 -4
  70. package/dist/components/Layout/Flex/Flex.js +1 -1
  71. package/dist/components/Layout/Flex/Flex.types.d.ts +7 -0
  72. package/dist/components/Layout/Flex/Flex.types.js +6 -5
  73. package/dist/components/Layout/Flex/index.d.ts +6 -0
  74. package/dist/components/Layout/Flex/index.js +12 -0
  75. package/dist/components/Layout/Pad/index.d.ts +2 -0
  76. package/dist/components/Layout/Pad/index.js +4 -0
  77. package/dist/components/Layout/Page/index.d.ts +2 -0
  78. package/dist/components/Layout/Page/index.js +4 -0
  79. package/dist/components/Layout/Scrollable/ScrollableShowcase.js +1 -1
  80. package/dist/components/Link/ButtonLink.js +23 -18
  81. package/dist/components/Link/Link.d.ts +3 -1
  82. package/dist/components/Link/Link.js +48 -30
  83. package/dist/components/Link/LinkShowcase.js +46 -41
  84. package/dist/components/Link/index.d.ts +1 -1
  85. package/dist/components/Link/index.js +6 -5
  86. package/dist/components/Loaf/index.d.ts +2 -0
  87. package/dist/components/Loaf/index.js +4 -0
  88. package/dist/components/Logos/LogosShowcase.js +1 -1
  89. package/dist/components/Modal/Modal.js +1 -1
  90. package/dist/components/NavList/index.d.ts +2 -0
  91. package/dist/components/NavList/index.js +4 -0
  92. package/dist/components/Overlay/index.d.ts +2 -0
  93. package/dist/components/Overlay/index.js +5 -0
  94. package/dist/components/PremiumBadge/index.d.ts +2 -0
  95. package/dist/components/PremiumBadge/index.js +4 -0
  96. package/dist/components/Prose/Prose.d.ts +1 -2
  97. package/dist/components/Prose/index.d.ts +2 -0
  98. package/dist/components/Prose/index.js +4 -0
  99. package/dist/components/Radio/index.d.ts +2 -0
  100. package/dist/components/Radio/index.js +4 -0
  101. package/dist/components/Select/Select.d.ts +1 -1
  102. package/dist/components/Select/Select.js +2 -2
  103. package/dist/components/Select/SelectShowcase.js +1 -1
  104. package/dist/components/Separator/Separator.d.ts +1 -1
  105. package/dist/components/Separator/Separator.js +1 -1
  106. package/dist/components/Separator/index.d.ts +2 -0
  107. package/dist/components/Separator/index.js +4 -0
  108. package/dist/components/Shroud/Shroud.js +6 -6
  109. package/dist/components/Shroud/index.d.ts +2 -0
  110. package/dist/components/Shroud/index.js +4 -0
  111. package/dist/components/Skeleton/Skeleton.d.ts +2 -2
  112. package/dist/components/Skeleton/Skeleton.js +1 -1
  113. package/dist/components/Skeleton/SkeletonShowcase.js +1 -1
  114. package/dist/components/Skeleton/index.d.ts +1 -0
  115. package/dist/components/Slider/Slider.js +294 -374
  116. package/dist/components/Slider/SliderShowcase.js +1 -1
  117. package/dist/components/Spacer/Spacer.d.ts +1 -1
  118. package/dist/components/Spacer/index.d.ts +2 -0
  119. package/dist/components/Spacer/index.js +4 -0
  120. package/dist/components/Style/index.d.ts +2 -0
  121. package/dist/components/Style/index.js +5 -0
  122. package/dist/components/Table/Table.d.ts +13 -4
  123. package/dist/components/Table/Table.js +3 -2
  124. package/dist/components/Table/TableShowcase.js +1 -1
  125. package/dist/components/Table/index.d.ts +2 -2
  126. package/dist/components/Table/index.js +5 -2
  127. package/dist/components/Tabular/Tabular.d.ts +1 -1
  128. package/dist/components/Tabular/Tabular.js +1 -1
  129. package/dist/components/Tabular/TabularShowcase.js +1 -1
  130. package/dist/components/Text/Text.js +13 -12
  131. package/dist/components/Text/Text.types.d.ts +3 -2
  132. package/dist/components/Text/TextShowcase.js +12 -15
  133. package/dist/components/Text/index.d.ts +2 -2
  134. package/dist/components/Text/index.js +9 -8
  135. package/dist/components/Textarea/index.d.ts +2 -0
  136. package/dist/components/Textarea/index.js +4 -0
  137. package/dist/components/Title/Title.d.ts +5 -4
  138. package/dist/components/Title/Title.js +4 -2
  139. package/dist/components/Title/TitleShowcase.js +1 -1
  140. package/dist/components/Title/index.d.ts +2 -0
  141. package/dist/components/Title/index.js +7 -0
  142. package/dist/components/ToggleGroup/ToggleGroupShowcase.js +1 -1
  143. package/dist/index-AweK2ufS.js +171 -0
  144. package/dist/{index-DBus3GoO.js → index-Bz27DCHt.js} +2 -2
  145. package/dist/main.d.ts +93 -69
  146. package/dist/main.js +217 -191
  147. package/dist/styles-scss/global.scss +2 -2
  148. package/dist/styles-scss/tokens.scss +0 -4
  149. package/dist/utils/color.d.ts +3 -1
  150. package/dist/utils/enum.d.ts +1 -0
  151. package/dist/utils/enum.js +6 -0
  152. package/dist/utils/ui/index.d.ts +3 -0
  153. package/dist/utils/ui/index.js +11 -0
  154. package/dist/{components → utils/ui}/ui.d.ts +2 -68
  155. package/dist/utils/ui/ui.js +68 -0
  156. package/dist/utils/ui/ui.types.d.ts +86 -0
  157. package/dist/utils/ui/ui.types.js +9 -0
  158. package/package.json +1 -1
  159. package/dist/components/ui.js +0 -73
  160. package/dist/index-CjTSD6zB.js +0 -161
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}