@uxf/ui 1.0.0-beta.57 → 1.0.0-beta.59

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 (141) hide show
  1. package/_private-utils/get-provider-config.js +2 -1
  2. package/avatar-file-input/avatar-file-input.d.ts +2 -2
  3. package/avatar-file-input/avatar-file-input.js +8 -8
  4. package/avatar-file-input/index.d.ts +1 -1
  5. package/avatar-file-input/index.js +14 -5
  6. package/button/button.stories.js +8 -5
  7. package/button/theme.d.ts +2 -1
  8. package/checkbox/index.d.ts +1 -1
  9. package/checkbox/index.js +15 -3
  10. package/checkbox-input/checkbox-input.d.ts +2 -3
  11. package/checkbox-input/checkbox-input.js +5 -3
  12. package/checkbox-input/checkbox-input.stories.d.ts +2 -3
  13. package/checkbox-input/index.d.ts +1 -1
  14. package/checkbox-input/index.js +14 -5
  15. package/chip/chip.d.ts +7 -0
  16. package/chip/chip.js +14 -0
  17. package/chip/chip.stories.d.ts +7 -0
  18. package/chip/chip.stories.js +22 -0
  19. package/chip/index.d.ts +1 -0
  20. package/chip/index.js +5 -0
  21. package/chip/theme.d.ts +5 -0
  22. package/chip/theme.js +2 -0
  23. package/color-radio-group/color-radio-group.d.ts +17 -0
  24. package/color-radio-group/color-radio-group.js +47 -0
  25. package/color-radio-group/color-radio-group.stories.d.ts +7 -0
  26. package/color-radio-group/color-radio-group.stories.js +79 -0
  27. package/color-radio-group/color-radio.d.ts +8 -0
  28. package/color-radio-group/color-radio.js +28 -0
  29. package/color-radio-group/index.d.ts +1 -0
  30. package/color-radio-group/index.js +5 -0
  31. package/combobox/combobox.d.ts +1 -2
  32. package/combobox/combobox.js +8 -7
  33. package/combobox/index.d.ts +1 -1
  34. package/combobox/index.js +14 -5
  35. package/config/icons-config.d.ts +2 -0
  36. package/config/icons-config.js +5 -0
  37. package/config/icons.d.ts +47 -0
  38. package/config/icons.js +14 -0
  39. package/css/button.css +171 -76
  40. package/css/chip.css +37 -0
  41. package/css/color-radio-group.css +26 -0
  42. package/css/color-radio.css +21 -0
  43. package/css/input.css +123 -68
  44. package/css/label.css +7 -0
  45. package/css/radio-group.css +41 -12
  46. package/css/radio.css +2 -2
  47. package/css/textarea.css +48 -10
  48. package/dropdown/dropdown.js +7 -7
  49. package/dropdown/index.d.ts +1 -1
  50. package/dropdown/index.js +15 -3
  51. package/error-message/error-message.d.ts +2 -2
  52. package/error-message/error-message.js +2 -1
  53. package/error-message/index.d.ts +1 -1
  54. package/error-message/index.js +14 -5
  55. package/form-control/form-control.js +2 -2
  56. package/hooks/use-dropdown.js +3 -1
  57. package/icon/icon.d.ts +2 -2
  58. package/icon/icon.js +11 -7
  59. package/icon/icon.stories.js +12 -8
  60. package/icon/index.d.ts +1 -5
  61. package/icon/index.js +14 -13
  62. package/icon/theme.d.ts +1 -2
  63. package/image-gallery/components/close-button.js +3 -3
  64. package/image-gallery/components/next-button.js +3 -3
  65. package/image-gallery/components/previous-button.js +3 -3
  66. package/input/index.d.ts +9 -10
  67. package/input/index.js +10 -13
  68. package/input/input-element.d.ts +2 -2
  69. package/input/input-element.js +5 -5
  70. package/input/input-left-addon.d.ts +3 -3
  71. package/input/input-left-addon.js +2 -1
  72. package/input/input-left-element.d.ts +3 -3
  73. package/input/input-left-element.js +2 -1
  74. package/input/input-right-addon.d.ts +2 -3
  75. package/input/input-right-addon.js +2 -1
  76. package/input/input-right-element.d.ts +3 -3
  77. package/input/input-right-element.js +2 -1
  78. package/input/input.d.ts +2 -2
  79. package/input/input.js +5 -4
  80. package/input/input.stories.d.ts +5 -5
  81. package/input/input.stories.js +13 -3
  82. package/label/index.d.ts +1 -1
  83. package/label/index.js +14 -5
  84. package/label/label.d.ts +1 -2
  85. package/label/label.js +4 -4
  86. package/package.json +4 -3
  87. package/radio/index.d.ts +1 -1
  88. package/radio/index.js +15 -3
  89. package/radio-group/index.d.ts +1 -1
  90. package/radio-group/index.js +15 -3
  91. package/radio-group/radio-group.js +2 -2
  92. package/radio-group/radio-group.stories.js +2 -2
  93. package/raster-image/index.d.ts +1 -1
  94. package/raster-image/index.js +14 -5
  95. package/raster-image/raster-image.d.ts +4 -4
  96. package/raster-image/raster-image.js +7 -5
  97. package/raster-image/raster-image.stories.d.ts +2 -3
  98. package/select/index.d.ts +1 -1
  99. package/select/index.js +14 -5
  100. package/select/select.d.ts +1 -2
  101. package/select/select.js +8 -7
  102. package/text-input/text-input.d.ts +1 -1
  103. package/text-input/text-input.js +4 -4
  104. package/text-input/text-input.stories.js +4 -1
  105. package/textarea/index.d.ts +1 -1
  106. package/textarea/index.js +14 -5
  107. package/textarea/textarea.d.ts +1 -2
  108. package/textarea/textarea.js +8 -8
  109. package/textarea/textarea.stories.js +32 -20
  110. package/toggle/index.d.ts +1 -1
  111. package/toggle/index.js +14 -5
  112. package/toggle/toggle.d.ts +2 -3
  113. package/toggle/toggle.js +7 -6
  114. package/toggle/toggle.stories.d.ts +2 -3
  115. package/utils/icons-config.js +43 -0
  116. package/utils/storybook-config.js +1 -1
  117. package/utils/tailwind-config.js +152 -0
  118. package/hooks/use-latest.d.ts +0 -2
  119. package/hooks/use-latest.js +0 -12
  120. package/icon/camera-icon.d.ts +0 -3
  121. package/icon/camera-icon.js +0 -11
  122. package/icon/chevron-down-icon.d.ts +0 -3
  123. package/icon/chevron-down-icon.js +0 -11
  124. package/icon/chevron-up-icon.d.ts +0 -3
  125. package/icon/chevron-up-icon.js +0 -11
  126. package/icon/pin-icon.d.ts +0 -3
  127. package/icon/pin-icon.js +0 -11
  128. package/image-gallery/components/icon-chevron-left.d.ts +0 -3
  129. package/image-gallery/components/icon-chevron-left.js +0 -11
  130. package/image-gallery/components/icon-chevron-right.d.ts +0 -3
  131. package/image-gallery/components/icon-chevron-right.js +0 -11
  132. package/image-gallery/components/icon-close.d.ts +0 -3
  133. package/image-gallery/components/icon-close.js +0 -11
  134. package/utils/cx.d.ts +0 -3
  135. package/utils/cx.js +0 -54
  136. package/utils/forward-ref.d.ts +0 -12
  137. package/utils/forward-ref.js +0 -10
  138. package/utils/rem.d.ts +0 -1
  139. package/utils/rem.js +0 -5
  140. package/utils/sr-only-mixin.d.ts +0 -2
  141. package/utils/sr-only-mixin.js +0 -14
package/utils/forward-ref.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { ForwardedRef, ForwardRefExoticComponent, PropsWithoutRef, ReactElement, RefAttributes } from "react";
2
- export declare type ForwardRefRenderFunction<T, P> = {
3
- (props: P, ref: ForwardedRef<T>): ReactElement | null;
4
- displayName?: string;
5
- /** defaultProps are not supported on render functions */
6
- defaultProps?: never;
7
- /** propTypes are not supported on render functions */
8
- propTypes?: never;
9
- /** used by Chakra */
10
- id?: string;
11
- };
12
- export declare const forwardRef: <T, P>(name: string, render: ForwardRefRenderFunction<T, P>) => ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
package/utils/forward-ref.js DELETED
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.forwardRef = void 0;
4
- const react_1 = require("react");
5
- const forwardRef = (name, render) => {
6
- const Component = (0, react_1.forwardRef)(render);
7
- Component.displayName = name;
8
- return Component;
9
- };
10
- exports.forwardRef = forwardRef;
package/utils/rem.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const rem: (size?: number) => string | undefined;
package/utils/rem.js DELETED
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.rem = void 0;
4
- const rem = (size) => (size ? `${size / 16}rem` : undefined);
5
- exports.rem = rem;
package/utils/sr-only-mixin.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { CSSProperties } from "react";
2
- export declare const srOnlyMixin: Partial<CSSProperties>;
package/utils/sr-only-mixin.js DELETED
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.srOnlyMixin = void 0;
4
- exports.srOnlyMixin = {
5
- borderWidth: "0",
6
- clip: "rect(0, 0, 0, 0)",
7
- height: "1px",
8
- margin: "-1px",
9
- overflow: "hidden",
10
- padding: "0",
11
- position: "absolute",
12
- whiteSpace: "nowrap",
13
- width: "1px",
14
- };