@infonomic/uikit 3.1.0 → 3.2.0

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 (198) hide show
  1. package/dist/components/{input → forms}/@types/checkbox.d.ts.map +1 -1
  2. package/dist/components/{input → forms}/@types/input.d.ts.map +1 -1
  3. package/dist/components/forms/calendar.d.ts.map +1 -0
  4. package/dist/components/forms/calendar.module.js +45 -0
  5. package/dist/components/{calendar → forms}/calendar_module.css +44 -44
  6. package/dist/components/{input → forms}/checkbox-group.d.ts.map +1 -1
  7. package/dist/components/{input → forms}/checkbox.d.ts.map +1 -1
  8. package/dist/components/forms/checkbox.module.js +25 -0
  9. package/dist/components/{input → forms}/checkbox_module.css +29 -29
  10. package/dist/components/{input → forms}/error-text.d.ts.map +1 -1
  11. package/dist/components/{input → forms}/error-text.module.js +1 -1
  12. package/dist/components/{input → forms}/error-text_module.css +2 -2
  13. package/dist/components/{input → forms}/errors.d.ts.map +1 -1
  14. package/dist/components/{input → forms}/help-text.d.ts.map +1 -1
  15. package/dist/components/{input → forms}/help-text.module.js +1 -1
  16. package/dist/components/{input → forms}/help-text_module.css +1 -1
  17. package/dist/components/{input → forms}/input-adornment.d.ts.map +1 -1
  18. package/dist/components/{input → forms}/input-adornment.module.js +3 -3
  19. package/dist/components/{input → forms}/input-adornment_module.css +3 -3
  20. package/dist/components/{input → forms}/input.d.ts.map +1 -1
  21. package/dist/components/forms/input.module.js +27 -0
  22. package/dist/components/{input → forms}/input_module.css +35 -35
  23. package/dist/components/{input → forms}/label.d.ts.map +1 -1
  24. package/dist/components/{input → forms}/label.module.js +2 -2
  25. package/dist/components/{input → forms}/label_module.css +4 -4
  26. package/dist/components/{input → forms}/radio-group.d.ts.map +1 -1
  27. package/dist/components/forms/radio-group.module.js +20 -0
  28. package/dist/components/{input → forms}/radio-group_module.css +23 -23
  29. package/dist/components/{input → forms}/select.d.ts.map +1 -1
  30. package/dist/components/forms/select.module.js +13 -0
  31. package/dist/components/{input → forms}/select_module.css +8 -8
  32. package/dist/components/{input → forms}/text-area.d.ts.map +1 -1
  33. package/dist/components/{input → forms}/text-area.module.js +2 -2
  34. package/dist/components/{input → forms}/text-area_module.css +1 -1
  35. package/dist/components/{input → forms}/utils.d.ts.map +1 -1
  36. package/dist/icons/activity-icon.js +1 -1
  37. package/dist/icons/calendar-icon.js +1 -1
  38. package/dist/icons/check-icon.js +1 -1
  39. package/dist/icons/chevron-down-icon.js +1 -1
  40. package/dist/icons/chevron-left-double-icon.js +1 -1
  41. package/dist/icons/chevron-left-icon.js +1 -1
  42. package/dist/icons/chevron-right-double-icon.js +1 -1
  43. package/dist/icons/chevron-right-icon.js +1 -1
  44. package/dist/icons/chevrons-up-down.js +1 -1
  45. package/dist/icons/dashboard-icon.js +1 -1
  46. package/dist/icons/document-icon.js +1 -1
  47. package/dist/icons/download-icon.js +1 -1
  48. package/dist/icons/edit-icon.js +1 -1
  49. package/dist/icons/ellipsis-icon.js +1 -1
  50. package/dist/icons/email-icon.js +1 -1
  51. package/dist/icons/github-icon.js +1 -1
  52. package/dist/icons/globe-icon.js +1 -1
  53. package/dist/icons/gripper-vertical-icon.js +1 -1
  54. package/dist/icons/history-icon.js +1 -1
  55. package/dist/icons/home-icon.js +1 -1
  56. package/dist/icons/light-icon.js +1 -1
  57. package/dist/icons/moon-icon.js +1 -1
  58. package/dist/icons/plus-icon.js +1 -1
  59. package/dist/icons/refresh-icon.js +1 -1
  60. package/dist/icons/return-icon.js +1 -1
  61. package/dist/icons/roles-icon.js +1 -1
  62. package/dist/icons/search-icon.js +1 -1
  63. package/dist/icons/settings-gear-icon.js +1 -1
  64. package/dist/icons/settings-sliders-icon.js +1 -1
  65. package/dist/icons/sign-out-icon.js +1 -1
  66. package/dist/icons/stopwatch-icon.js +1 -1
  67. package/dist/icons/user-icon.js +1 -1
  68. package/dist/icons/users-icon.js +1 -1
  69. package/dist/icons/wallet-icon.js +1 -1
  70. package/dist/react.d.ts +13 -13
  71. package/dist/react.d.ts.map +1 -1
  72. package/dist/react.js +13 -13
  73. package/dist/widgets/datepicker/datepicker.d.ts +1 -1
  74. package/dist/widgets/datepicker/datepicker.d.ts.map +1 -1
  75. package/dist/widgets/datepicker/datepicker.js +3 -2
  76. package/dist/widgets/search/search.d.ts +1 -1
  77. package/dist/widgets/search/search.d.ts.map +1 -1
  78. package/dist/widgets/search/search.js +2 -1
  79. package/package.json +1 -1
  80. package/src/astro.d.ts +5 -5
  81. package/src/astro.js +5 -5
  82. package/src/components/{calendar → forms}/calendar.stories.tsx +1 -1
  83. package/src/components/{input → forms}/checkbox.stories.tsx +1 -1
  84. package/src/components/{input → forms}/input.stories.tsx +1 -1
  85. package/src/components/{input → forms}/radio-group.stories.tsx +2 -2
  86. package/src/components/{input → forms}/select.stories.tsx +1 -1
  87. package/src/components/{input → forms}/text-area.stories.tsx +1 -1
  88. package/src/components/{input → forms}/utils.ts +2 -2
  89. package/src/icons/activity-icon.tsx +1 -1
  90. package/src/icons/calendar-icon.tsx +1 -1
  91. package/src/icons/check-icon.tsx +1 -1
  92. package/src/icons/chevron-down-icon.tsx +1 -1
  93. package/src/icons/chevron-left-double-icon.tsx +1 -1
  94. package/src/icons/chevron-left-icon.tsx +1 -1
  95. package/src/icons/chevron-right-double-icon.tsx +1 -1
  96. package/src/icons/chevron-right-icon.tsx +1 -1
  97. package/src/icons/chevrons-up-down.tsx +1 -1
  98. package/src/icons/close-icon.astro +1 -1
  99. package/src/icons/dashboard-icon.tsx +1 -1
  100. package/src/icons/document-icon.tsx +1 -1
  101. package/src/icons/download-icon.tsx +1 -1
  102. package/src/icons/edit-icon.tsx +1 -1
  103. package/src/icons/ellipsis-icon.tsx +1 -1
  104. package/src/icons/email-icon.tsx +1 -1
  105. package/src/icons/github-icon.tsx +1 -1
  106. package/src/icons/globe-icon.tsx +1 -1
  107. package/src/icons/gripper-vertical-icon.tsx +1 -1
  108. package/src/icons/history-icon.tsx +1 -1
  109. package/src/icons/home-icon.tsx +1 -1
  110. package/src/icons/light-icon.astro +1 -1
  111. package/src/icons/light-icon.tsx +1 -1
  112. package/src/icons/moon-icon.astro +1 -1
  113. package/src/icons/moon-icon.tsx +1 -1
  114. package/src/icons/plus-icon.tsx +1 -1
  115. package/src/icons/refresh-icon.tsx +1 -1
  116. package/src/icons/return-icon.tsx +1 -1
  117. package/src/icons/roles-icon.tsx +1 -1
  118. package/src/icons/search-icon.astro +1 -1
  119. package/src/icons/search-icon.tsx +1 -1
  120. package/src/icons/settings-gear-icon.tsx +1 -1
  121. package/src/icons/settings-sliders-icon.tsx +1 -1
  122. package/src/icons/sign-out-icon.tsx +1 -1
  123. package/src/icons/stopwatch-icon.tsx +1 -1
  124. package/src/icons/user-icon.tsx +1 -1
  125. package/src/icons/users-icon.tsx +1 -1
  126. package/src/icons/wallet-icon.tsx +1 -1
  127. package/src/react.ts +13 -13
  128. package/src/widgets/datepicker/datepicker.tsx +4 -3
  129. package/src/widgets/search/search.tsx +3 -2
  130. package/dist/components/calendar/calendar.d.ts.map +0 -1
  131. package/dist/components/calendar/calendar.module.js +0 -45
  132. package/dist/components/input/checkbox.module.js +0 -25
  133. package/dist/components/input/index.d.ts +0 -9
  134. package/dist/components/input/index.d.ts.map +0 -1
  135. package/dist/components/input/input.module.js +0 -27
  136. package/dist/components/input/radio-group.module.js +0 -20
  137. package/dist/components/input/select.module.js +0 -13
  138. /package/dist/components/{input → forms}/@types/checkbox.d.ts +0 -0
  139. /package/dist/components/{input → forms}/@types/checkbox.js +0 -0
  140. /package/dist/components/{input → forms}/@types/input.d.ts +0 -0
  141. /package/dist/components/{input → forms}/@types/input.js +0 -0
  142. /package/dist/components/{calendar → forms}/calendar.d.ts +0 -0
  143. /package/dist/components/{calendar → forms}/calendar.js +0 -0
  144. /package/dist/components/{input → forms}/checkbox-group.d.ts +0 -0
  145. /package/dist/components/{input → forms}/checkbox-group.js +0 -0
  146. /package/dist/components/{input → forms}/checkbox.d.ts +0 -0
  147. /package/dist/components/{input → forms}/checkbox.js +0 -0
  148. /package/dist/components/{input → forms}/error-text.d.ts +0 -0
  149. /package/dist/components/{input → forms}/error-text.js +0 -0
  150. /package/dist/components/{input → forms}/errors.d.ts +0 -0
  151. /package/dist/components/{input → forms}/errors.js +0 -0
  152. /package/dist/components/{input → forms}/help-text.d.ts +0 -0
  153. /package/dist/components/{input → forms}/help-text.js +0 -0
  154. /package/dist/components/{input → forms}/index.js +0 -0
  155. /package/dist/components/{input → forms}/input-adornment.d.ts +0 -0
  156. /package/dist/components/{input → forms}/input-adornment.js +0 -0
  157. /package/dist/components/{input → forms}/input.d.ts +0 -0
  158. /package/dist/components/{input → forms}/input.js +0 -0
  159. /package/dist/components/{input → forms}/label.d.ts +0 -0
  160. /package/dist/components/{input → forms}/label.js +0 -0
  161. /package/dist/components/{input → forms}/radio-group.d.ts +0 -0
  162. /package/dist/components/{input → forms}/radio-group.js +0 -0
  163. /package/dist/components/{input → forms}/select.d.ts +0 -0
  164. /package/dist/components/{input → forms}/select.js +0 -0
  165. /package/dist/components/{input → forms}/text-area.d.ts +0 -0
  166. /package/dist/components/{input → forms}/text-area.js +0 -0
  167. /package/dist/components/{input → forms}/utils.d.ts +0 -0
  168. /package/dist/components/{input → forms}/utils.js +0 -0
  169. /package/src/components/{input → forms}/@types/checkbox.ts +0 -0
  170. /package/src/components/{input → forms}/@types/input.ts +0 -0
  171. /package/src/components/{calendar → forms}/calendar.module.css +0 -0
  172. /package/src/components/{calendar → forms}/calendar.tsx +0 -0
  173. /package/src/components/{input → forms}/checkbox-group.tsx +0 -0
  174. /package/src/components/{input → forms}/checkbox.module.css +0 -0
  175. /package/src/components/{input → forms}/checkbox.tsx +0 -0
  176. /package/src/components/{input → forms}/error-text.astro +0 -0
  177. /package/src/components/{input → forms}/error-text.module.css +0 -0
  178. /package/src/components/{input → forms}/error-text.tsx +0 -0
  179. /package/src/components/{input → forms}/errors.tsx +0 -0
  180. /package/src/components/{input → forms}/help-text.astro +0 -0
  181. /package/src/components/{input → forms}/help-text.module.css +0 -0
  182. /package/src/components/{input → forms}/help-text.tsx +0 -0
  183. /package/src/components/{input → forms}/index.tsx +0 -0
  184. /package/src/components/{input → forms}/input-adornment.astro +0 -0
  185. /package/src/components/{input → forms}/input-adornment.module.css +0 -0
  186. /package/src/components/{input → forms}/input-adornment.tsx +0 -0
  187. /package/src/components/{input → forms}/input.astro +0 -0
  188. /package/src/components/{input → forms}/input.module.css +0 -0
  189. /package/src/components/{input → forms}/input.tsx +0 -0
  190. /package/src/components/{input → forms}/label.astro +0 -0
  191. /package/src/components/{input → forms}/label.module.css +0 -0
  192. /package/src/components/{input → forms}/label.tsx +0 -0
  193. /package/src/components/{input → forms}/radio-group.module.css +0 -0
  194. /package/src/components/{input → forms}/radio-group.tsx +0 -0
  195. /package/src/components/{input → forms}/select.module.css +0 -0
  196. /package/src/components/{input → forms}/select.tsx +0 -0
  197. /package/src/components/{input → forms}/text-area.module.css +0 -0
  198. /package/src/components/{input → forms}/text-area.tsx +0 -0
@@ -10,7 +10,7 @@ export const ActivityIcon = ({
10
10
  svgClassName,
11
11
  ...rest
12
12
  }: IconProps): React.JSX.Element => {
13
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
13
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
14
14
 
15
15
  return (
16
16
  <IconElement className={cx('activity-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const CalendarIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('calendar-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const CheckIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('check-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const ChevronDownIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('chevron-down-icon', className)} {...rest}>
@@ -31,7 +31,7 @@ export const ChevronLeftDoubleIcon = ({
31
31
  svgClassName,
32
32
  ...rest
33
33
  }: IconProps): React.JSX.Element => {
34
- const applied = cx(styles['fill-contrast'], svgClassName)
34
+ const applied = cx(styles['fill-current'], svgClassName)
35
35
 
36
36
  return (
37
37
  <IconElement className={cx('chevron-left-double-icon', className)} {...rest}>
@@ -31,7 +31,7 @@ export const ChevronLeftIcon = ({
31
31
  svgClassName,
32
32
  ...rest
33
33
  }: IconProps): React.JSX.Element => {
34
- const applied = cx(styles['fill-contrast'], svgClassName)
34
+ const applied = cx(styles['fill-current'], svgClassName)
35
35
 
36
36
  return (
37
37
  <IconElement className={cx('chevron-left-icon', className)} {...rest}>
@@ -31,7 +31,7 @@ export const ChevronRightDoubleIcon = ({
31
31
  svgClassName,
32
32
  ...rest
33
33
  }: IconProps): React.JSX.Element => {
34
- const applied = cx(styles['fill-contrast'], svgClassName)
34
+ const applied = cx(styles['fill-current'], svgClassName)
35
35
 
36
36
  return (
37
37
  <IconElement className={cx('chevron-right-double-icon', className)} {...rest}>
@@ -31,7 +31,7 @@ export const ChevronRightIcon = ({
31
31
  svgClassName,
32
32
  ...rest
33
33
  }: IconProps): React.JSX.Element => {
34
- const applied = cx(styles['fill-contrast'], svgClassName)
34
+ const applied = cx(styles['fill-current'], svgClassName)
35
35
 
36
36
  return (
37
37
  <IconElement className={cx('chevron-right-icon', className)} {...rest}>
@@ -10,7 +10,7 @@ export const ChevronsUpDown = ({
10
10
  svgClassName,
11
11
  ...rest
12
12
  }: IconProps): React.JSX.Element => {
13
- const applied = cx(styles['stroke-contrast'], svgClassName)
13
+ const applied = cx(styles['stroke-current'], svgClassName)
14
14
 
15
15
  return (
16
16
  <IconElement className={cx('chevrons-up-down', className)} {...rest}>
@@ -25,7 +25,7 @@ const { class: className, width, height, svgClass: svgClassName, menuItem, ...re
25
25
  <svg
26
26
  xmlns="http://www.w3.org/2000/svg"
27
27
  viewBox="0 0 15 15"
28
- class:list={[styles['fill-contrast'], svgClassName]}
28
+ class:list={[styles['fill-current'], svgClassName]}
29
29
  focusable="false"
30
30
  aria-hidden="true"
31
31
  {...rest}
@@ -13,7 +13,7 @@ export const DashboardIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('dashboard-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const DocumentIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('document-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const DownloadIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('download-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const EditIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('edit-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const EllipsisIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('ellipsis-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const EmailIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('email-icon', className)} {...rest}>
@@ -6,7 +6,7 @@ import styles from './icons.module.css'
6
6
  import type { IconProps } from './types/icon.js'
7
7
 
8
8
  export const GithubIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
9
- const applied = cx(styles['fill-contrast'], svgClassName)
9
+ const applied = cx(styles['fill-current'], svgClassName)
10
10
 
11
11
  return (
12
12
  <IconElement className={cx('github-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const GlobeIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-contrast'], styles['stroke-none'], svgClassName)
12
+ const applied = cx(styles['fill-current'], styles['stroke-none'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('globe-icon flex items-center justify-center', className)} {...rest}>
@@ -13,7 +13,7 @@ export const GripperVerticalIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('gripper-vertical-icon', className)} {...rest}>
@@ -6,7 +6,7 @@ import styles from './icons.module.css'
6
6
  import type { IconProps } from './types/icon.js'
7
7
 
8
8
  export const HistoryIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
9
- const applied = cx(styles['stroke-contrast'], svgClassName)
9
+ const applied = cx(styles['stroke-current'], svgClassName)
10
10
 
11
11
  return (
12
12
  <IconElement className={cx('history-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const HomeIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('home-icon', className)} {...rest}>
@@ -25,7 +25,7 @@ const { class: className, width, height, svgClass: svgClassName, menuItem, ...re
25
25
  <svg
26
26
  xmlns="http://www.w3.org/2000/svg"
27
27
  viewBox="0 0 24 24"
28
- class:list={[styles['fill-contrast'], styles['stroke-none'], svgClassName]}
28
+ class:list={[styles['fill-current'], styles['stroke-none'], svgClassName]}
29
29
  focusable="false"
30
30
  aria-hidden="true"
31
31
  >
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const LightIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-contrast'], styles['stroke-none'], svgClassName)
12
+ const applied = cx(styles['fill-current'], styles['stroke-none'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('light-icon', className)} {...rest}>
@@ -25,7 +25,7 @@ const { class: className, width, height, svgClass: svgClassName, menuItem, ...re
25
25
  <svg
26
26
  xmlns="http://www.w3.org/2000/svg"
27
27
  viewBox="0 0 24 24"
28
- class:list={[styles['fill-none'], styles['stroke-contrast'], svgClassName]}
28
+ class:list={[styles['fill-none'], styles['stroke-current'], svgClassName]}
29
29
  focusable="false"
30
30
  aria-hidden="true"
31
31
  stroke-linecap="round"
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const MoonIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('moon-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const PlusIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('plus-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const RefreshIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('refresh-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const ReturnIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('return-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const RolesIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('roles-icon', className)} {...rest}>
@@ -25,7 +25,7 @@ const { class: className, width, height, svgClass: svgClassName, menuItem, ...re
25
25
  <svg
26
26
  xmlns="http://www.w3.org/2000/svg"
27
27
  viewBox="0 0 24 24"
28
- class:list={[styles['fill-contrast'], styles['stroke-none'], svgClassName]}
28
+ class:list={[styles['fill-current'], styles['stroke-none'], svgClassName]}
29
29
  focusable="false"
30
30
  aria-hidden="true"
31
31
  stroke-linecap="round"
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const SearchIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-contrast'], styles['stroke-none'], svgClassName)
12
+ const applied = cx(styles['fill-current'], styles['stroke-none'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('search-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const SettingsGearIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('settings-gear-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const SettingsSlidersIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
16
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('settings-sliders-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const SignOutIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('sign-out-icon', className)} {...rest}>
@@ -13,7 +13,7 @@ export const StopwatchIcon = ({
13
13
  svgClassName,
14
14
  ...rest
15
15
  }: IconProps): React.JSX.Element => {
16
- const applied = cx(styles['fill-contrast'], styles['stroke-none'], svgClassName)
16
+ const applied = cx(styles['fill-current'], styles['stroke-none'], svgClassName)
17
17
 
18
18
  return (
19
19
  <IconElement className={cx('stopwatch-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const UserIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('user-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const UsersIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-none'], styles['stroke-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('users-icon', className)} {...rest}>
@@ -9,7 +9,7 @@ import type { IconProps } from './types/icon.js'
9
9
  import styles from './icons.module.css'
10
10
 
11
11
  export const WalletIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
12
- const applied = cx(styles['fill-contrast'], svgClassName)
12
+ const applied = cx(styles['fill-current'], svgClassName)
13
13
 
14
14
  return (
15
15
  <IconElement className={cx('wallet-icon', className)} {...rest}>
package/src/react.ts CHANGED
@@ -13,23 +13,23 @@ export * from './components/button/button-group.js'
13
13
  export * from './components/button/control-buttons.js'
14
14
  export * from './components/button/copy-button.js'
15
15
  export * from './components/button/icon-button.js'
16
- export * from './components/calendar/calendar.js'
17
16
  export * from './components/card/card.js'
18
17
  export * from './components/container/container.js'
19
18
  export * from './components/dropdown/dropdown.js'
20
19
  export * from './components/hamburger/hamburger.js'
21
- export * from './components/input/checkbox.js'
22
- export * from './components/input/checkbox-group.js'
23
- export * from './components/input/error-text.js'
24
- export * from './components/input/errors.js'
25
- export * from './components/input/help-text.js'
26
- export * from './components/input/input.js'
27
- export * from './components/input/input-adornment.js'
28
- export * from './components/input/label.js'
29
- export * from './components/input/radio-group.js'
30
- export * from './components/input/select.js'
31
- export * from './components/input/text-area.js'
32
- export * from './components/input/utils.js'
20
+ export * from './components/forms/calendar.js'
21
+ export * from './components/forms/checkbox.js'
22
+ export * from './components/forms/checkbox-group.js'
23
+ export * from './components/forms/error-text.js'
24
+ export * from './components/forms/errors.js'
25
+ export * from './components/forms/help-text.js'
26
+ export * from './components/forms/input.js'
27
+ export * from './components/forms/input-adornment.js'
28
+ export * from './components/forms/label.js'
29
+ export * from './components/forms/radio-group.js'
30
+ export * from './components/forms/select.js'
31
+ export * from './components/forms/text-area.js'
32
+ export * from './components/forms/utils.js'
33
33
  export * from './components/notifications/alert.js'
34
34
  export * from './components/notifications/toast.js'
35
35
  export * from './components/pager/pagination.js'
@@ -13,9 +13,10 @@ import type React from 'react'
13
13
  import { useEffect, useRef, useState } from 'react'
14
14
  import { Button } from '../../components/button/button.js'
15
15
  import { IconButton } from '../../components/button/icon-button.js'
16
- import { Calendar } from '../../components/calendar/calendar.js'
17
- import { Input, InputAdornment } from '../../components/input'
18
- import type { Intent, Size, Variant } from '../../components/input/@types/input.js'
16
+ import { Calendar } from '../../components/forms/calendar.js'
17
+ import { Input } from '../../components/forms/input.js'
18
+ import { InputAdornment } from '../../components/forms/input-adornment.js'
19
+ import type { Intent, Size, Variant } from '../../components/forms/@types/input.js'
19
20
  import { ScrollArea } from '../../components/scroll-area/scroll-area.js'
20
21
  import { CalendarIcon } from '../../icons/calendar-icon.js'
21
22
  import { CloseIcon } from '../../icons/close-icon.js'
@@ -4,8 +4,9 @@ import type React from 'react'
4
4
  import { useEffect, useRef, useState } from 'react'
5
5
 
6
6
  import { IconButton } from '../../components/button/index.js'
7
- import { Input, InputAdornment } from '../../components/input'
8
- import type { ClassName, Intent, Size, Variant } from '../../components/input/@types/input.js'
7
+ import { Input } from '../../components/forms/input.js'
8
+ import { InputAdornment } from '../../components/forms/input-adornment.js'
9
+ import type { ClassName, Intent, Size, Variant } from '../../components/forms/@types/input.js'
9
10
  import { CloseIcon, SearchIcon } from '../../icons'
10
11
 
11
12
  export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement> {
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,kBAAkB,CAAA;AAOzB,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAsB,EACtB,UAAU,EAAE,gBAAgB,EAC5B,GAAG,KAAK,EACT,EAAE,aAAa,qBAmHf;yBA3He,QAAQ"}
@@ -1,45 +0,0 @@
1
- import "./calendar_module.css";
2
- const calendar_module = {
3
- "day-picker": "day-picker-HxQ06v",
4
- dayPicker: "day-picker-HxQ06v",
5
- months: "months-J7TsUl",
6
- "months-caption": "months-caption-PiBupQ",
7
- monthsCaption: "months-caption-PiBupQ",
8
- dropdowns: "dropdowns-VSCOqg",
9
- "select-trigger": "select-trigger-WeVDcK",
10
- selectTrigger: "select-trigger-WeVDcK",
11
- "select-content": "select-content-aP7E2D",
12
- selectContent: "select-content-aP7E2D",
13
- "select-item": "select-item-cZh04s",
14
- selectItem: "select-item-cZh04s",
15
- "select-chevrons": "select-chevrons-dzIT2u",
16
- selectChevrons: "select-chevrons-dzIT2u",
17
- "scroll-area": "scroll-area-RHBUqm",
18
- scrollArea: "scroll-area-RHBUqm",
19
- disabled: "disabled-LuShHt",
20
- hidden: "hidden-MqCEoh",
21
- outside: "outside-xAO7ei",
22
- footer: "footer-svWbOa",
23
- weekdays: "weekdays-P7Wn2B",
24
- weekday: "weekday-sPtrWT",
25
- "caption-label": "caption-label-inrEqz",
26
- captionLabel: "caption-label-inrEqz",
27
- "month-grid": "month-grid-BQtPCl",
28
- monthGrid: "month-grid-BQtPCl",
29
- week: "week-y9eP5X",
30
- day: "day-r6Pemd",
31
- today: "today-sC2iTu",
32
- "day-selected": "day-selected-tJv7Z9",
33
- daySelected: "day-selected-tJv7Z9",
34
- "day-button": "day-button-UTNEY0",
35
- dayButton: "day-button-UTNEY0",
36
- "button-range": "button-range-m7XSpc",
37
- buttonRange: "button-range-m7XSpc",
38
- "range-start": "range-start-LrEVeH",
39
- rangeStart: "range-start-LrEVeH",
40
- "range-end": "range-end-sbDF9w",
41
- rangeEnd: "range-end-sbDF9w",
42
- "range-middle": "range-middle-Ptrd1e",
43
- rangeMiddle: "range-middle-Ptrd1e"
44
- };
45
- export { calendar_module as default };
@@ -1,25 +0,0 @@
1
- import "./checkbox_module.css";
2
- const checkbox_module = {
3
- container: "container-Vffpk2",
4
- reverse: "reverse-zpoUi8",
5
- checkbox: "checkbox-pyuf1w",
6
- indicator: "indicator-Q101gw",
7
- icon: "icon-P5QloZ",
8
- checkBoxIn: "checkBoxIn-yYID5l",
9
- checkBoxOut: "checkBoxOut-bVuKzb",
10
- label: "label-WUOrjh",
11
- errorText: "errorText-bMyiOA",
12
- sm: "sm-gLkW6x",
13
- md: "md-o__rzc",
14
- lg: "lg-WOB1US",
15
- outlined: "outlined-XUVtqj",
16
- filled: "filled-xQyvip",
17
- primary: "primary-mNSmqc",
18
- secondary: "secondary-B96Jra",
19
- noeffect: "noeffect-J5I4Dv",
20
- success: "success-LoZ4k7",
21
- info: "info-NNf4yN",
22
- warning: "warning-eEgBnF",
23
- danger: "danger-FZ5wZH"
24
- };
25
- export { checkbox_module as default };
@@ -1,9 +0,0 @@
1
- export * from './input.js';
2
- export * from './input-adornment.js';
3
- export * from './label.js';
4
- export * from './help-text.js';
5
- export * from './select.js';
6
- export * from './text-area.js';
7
- export * from './checkbox.js';
8
- export * from './utils.js';
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA"}
@@ -1,27 +0,0 @@
1
- import "./input_module.css";
2
- const input_module = {
3
- inputWrapper: "inputWrapper-mAHVD5",
4
- inputContainer: "inputContainer-rwVhce",
5
- input: "input-ZoQqR8",
6
- label: "label-XCzmEc",
7
- sm: "sm-gXd6Lj",
8
- md: "md-FLpZg6",
9
- lg: "lg-Gx_VXF",
10
- startAdornment: "startAdornment-m5OhH9",
11
- endAdornment: "endAdornment-I8D_Kn",
12
- helpText: "helpText-mMTduV",
13
- outlined: "outlined-A4FTMB",
14
- underlined: "underlined-UMONwU",
15
- filled: "filled-IQq2M9",
16
- error: "error-bZhwHt",
17
- startAdornmentPadding: "startAdornmentPadding-dcRUiO",
18
- endAdornmentPadding: "endAdornmentPadding-jiTlQb",
19
- primary: "primary-FIrC7m",
20
- secondary: "secondary-LmtH1h",
21
- noeffect: "noeffect-Kb93bb",
22
- success: "success-fNk168",
23
- info: "info-_CXlQd",
24
- warning: "warning-abMXZC",
25
- danger: "danger-Q_LJPS"
26
- };
27
- export { input_module as default };
@@ -1,20 +0,0 @@
1
- import "./radio-group_module.css";
2
- const radio_group_module = {
3
- column: "column-LQ2EAh",
4
- row: "row-M59fte",
5
- "item-container": "item-container-EbfM2u",
6
- itemContainer: "item-container-EbfM2u",
7
- item: "item-G_Mwa0",
8
- indicator: "indicator-TInuBM",
9
- radioIn: "radioIn-L_nBcr",
10
- radioOut: "radioOut-XH65vc",
11
- label: "label-YpJiLs",
12
- primary: "primary-W2P_QT",
13
- secondary: "secondary-PWYoVU",
14
- noeffect: "noeffect-In5gxi",
15
- success: "success-R2Jb22",
16
- info: "info-A_p4DP",
17
- warning: "warning-MWFrsJ",
18
- danger: "danger-Lk8pek"
19
- };
20
- export { radio_group_module as default };
@@ -1,13 +0,0 @@
1
- import "./select_module.css";
2
- const select_module = {
3
- content: "content-Xi_QTu",
4
- viewport: "viewport-EJrpcl",
5
- group: "group-gZB9XW",
6
- "scroll-button": "scroll-button-ugUv7N",
7
- scrollButton: "scroll-button-ugUv7N",
8
- "select-item": "select-item-PN2sc4",
9
- selectItem: "select-item-PN2sc4",
10
- "select-item-indicator": "select-item-indicator-k_g4AD",
11
- selectItemIndicator: "select-item-indicator-k_g4AD"
12
- };
13
- export { select_module as default };