@fibery/ui-kit 1.40.3 → 1.41.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 (174) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/eslint.config.mjs +16 -0
  3. package/package.json +11 -13
  4. package/src/a11y-color.test.ts +162 -0
  5. package/src/a11y-color.ts +13 -20
  6. package/src/actions-menu/actions-menu-item.tsx +9 -12
  7. package/src/actions-menu/context-actions-menu.tsx +8 -3
  8. package/src/ai/model.tsx +0 -1
  9. package/src/ai/temperature.tsx +0 -1
  10. package/src/animated-height-container.tsx +3 -3
  11. package/src/antd/ant-modal.tsx +10 -5
  12. package/src/antd/index.tsx +3 -0
  13. package/src/antd/input.tsx +0 -1
  14. package/src/antd/styles.ts +15 -15
  15. package/src/app-icon-with-fallback.tsx +6 -6
  16. package/src/app-icon-wrapper.tsx +2 -3
  17. package/src/app-icon.tsx +4 -4
  18. package/src/avatar.tsx +3 -3
  19. package/src/button/base-button.tsx +0 -1
  20. package/src/button/button.tsx +1 -0
  21. package/src/button/make-button-colors.ts +5 -13
  22. package/src/checkbox.tsx +2 -2
  23. package/src/collapsible-section.tsx +11 -1
  24. package/src/color-picker/ColorPickerOrLoader.js +2 -2
  25. package/src/color-utils.test.ts +307 -0
  26. package/src/color-utils.ts +215 -0
  27. package/src/command-menu/index.tsx +1 -0
  28. package/src/comment.tsx +3 -2
  29. package/src/context-menu/index.tsx +12 -7
  30. package/src/date-picker/contexts.ts +2 -2
  31. package/src/date-picker/date-range-picker.tsx +3 -4
  32. package/src/date-picker/single-date-picker.tsx +147 -119
  33. package/src/date-picker/types.ts +4 -3
  34. package/src/day-select/iso-week-day-select.tsx +2 -2
  35. package/src/day-select/week-day-select.tsx +2 -2
  36. package/src/delayed.tsx +0 -1
  37. package/src/design-system/alpha.test.ts +59 -0
  38. package/src/design-system/alpha.ts +41 -0
  39. package/src/design-system/animation.ts +10 -0
  40. package/src/design-system/colors-css.test.ts +39 -0
  41. package/src/design-system/colors-css.ts +25 -0
  42. package/src/design-system/colors-js.test.ts +232 -0
  43. package/src/design-system/colors-js.ts +107 -0
  44. package/src/design-system/colors.test.ts +74 -0
  45. package/src/design-system/colors.ts +759 -0
  46. package/src/design-system/date.ts +3 -0
  47. package/src/design-system/layout.ts +106 -0
  48. package/src/design-system/theme.test.ts +94 -0
  49. package/src/design-system/theme.ts +93 -0
  50. package/src/design-system/typography.ts +179 -0
  51. package/src/design-system/vars.test.ts +1679 -0
  52. package/src/design-system/vars.ts +52 -0
  53. package/src/design-system.test.ts +45 -22
  54. package/src/design-system.ts +25 -1339
  55. package/src/dropdown-menu/index.tsx +21 -16
  56. package/src/emoji-picker/app-icon-picker.tsx +5 -5
  57. package/src/emoji-picker/emoji-picker-content-with-color.tsx +4 -4
  58. package/src/emoji-picker/icon-emoji-picker.tsx +3 -3
  59. package/src/favorites-icon.tsx +1 -1
  60. package/src/fibermoji-placeholder.tsx +3 -3
  61. package/src/field-container.tsx +11 -2
  62. package/src/file-item/file-icon.tsx +169 -0
  63. package/src/file-item/file-menu-items.tsx +68 -0
  64. package/src/file-item/file-preview-actions.tsx +38 -0
  65. package/src/file-item/file-title.tsx +48 -0
  66. package/src/file-item/types.ts +27 -0
  67. package/src/file-item/use-register-in-image-gallery.tsx +70 -0
  68. package/src/file-item-2.tsx +32 -348
  69. package/src/file-item.tsx +6 -3
  70. package/src/hue-shift.test.ts +91 -0
  71. package/src/icons/ast/ChatBubble.ts +8 -0
  72. package/src/icons/ast/ChatFloat.ts +8 -0
  73. package/src/icons/ast/ChatSidebar.ts +8 -0
  74. package/src/icons/ast/FileCounter.ts +8 -0
  75. package/src/icons/ast/FileMultiple.ts +8 -0
  76. package/src/icons/ast/FileOther.ts +8 -0
  77. package/src/icons/ast/NoBorder.ts +8 -0
  78. package/src/icons/ast/NoFill.ts +8 -0
  79. package/src/icons/ast/ValueEdit.ts +8 -0
  80. package/src/icons/ast/index.tsx +9 -0
  81. package/src/icons/react/ChatBubble.tsx +13 -0
  82. package/src/icons/react/ChatFloat.tsx +13 -0
  83. package/src/icons/react/ChatSidebar.tsx +13 -0
  84. package/src/icons/react/FileCounter.tsx +13 -0
  85. package/src/icons/react/FileMultiple.tsx +13 -0
  86. package/src/icons/react/FileOther.tsx +13 -0
  87. package/src/icons/react/NoBorder.tsx +13 -0
  88. package/src/icons/react/NoFill.tsx +13 -0
  89. package/src/icons/react/ValueEdit.tsx +13 -0
  90. package/src/icons/react/index.tsx +9 -0
  91. package/src/icons/svg/chat-bubble.svg +4 -0
  92. package/src/icons/svg/chat-float.svg +4 -0
  93. package/src/icons/svg/chat-sidebar.svg +4 -0
  94. package/src/icons/svg/file-counter.svg +3 -0
  95. package/src/icons/svg/file-multiple.svg +3 -0
  96. package/src/icons/svg/file-other.svg +3 -0
  97. package/src/icons/svg/no-border.svg +17 -0
  98. package/src/icons/svg/no-fill.svg +4 -0
  99. package/src/icons/svg/value-edit.svg +3 -0
  100. package/src/images-gallery/images-gallery.tsx +8 -6
  101. package/src/images-gallery/slide-buttons.tsx +4 -11
  102. package/src/is-iOS.ts +0 -1
  103. package/src/is-in-popup.ts +2 -1
  104. package/src/lists/actions-menu-row-surface.tsx +7 -7
  105. package/src/loading-sausage.tsx +2 -2
  106. package/src/media-query-utils.ts +1 -2
  107. package/src/mobile-keyboard-aware-popup.tsx +6 -5
  108. package/src/modal-menu/modal-menu-content.tsx +2 -2
  109. package/src/number-input/decimal.js +9 -7
  110. package/src/number-input/{number-inline-input-with-autosize.tsx → number-input-inline-with-autosize.tsx} +20 -41
  111. package/src/number-input/number-input-inline.tsx +118 -0
  112. package/src/number-input/{index.test.js → number-input.test.tsx} +38 -43
  113. package/src/number-input/number-input.tsx +63 -121
  114. package/src/number-input/types.ts +19 -0
  115. package/src/number-input/utils.ts +61 -0
  116. package/src/online-users.tsx +2 -2
  117. package/src/palette-generator.test.ts +309 -0
  118. package/src/palette-generator.ts +160 -0
  119. package/src/palettes/_.ts +72 -0
  120. package/src/palettes/slate-arch.colors-snapshot.test.ts +1689 -0
  121. package/src/palettes/slate-arch.ts +188 -0
  122. package/src/palettes/slate-user.colors-snapshot.test.ts +1689 -0
  123. package/src/palettes/slate-user.ts +187 -0
  124. package/src/palettes/warm-arch.colors-snapshot.test.ts +1689 -0
  125. package/src/palettes/warm-arch.ts +222 -0
  126. package/src/palettes/warm-user.colors-snapshot.test.ts +1689 -0
  127. package/src/palettes/warm-user.ts +222 -0
  128. package/src/platform.ts +0 -3
  129. package/src/popover/get-element-ref.ts +28 -0
  130. package/src/popover/index.tsx +236 -339
  131. package/src/popover/{mobile-popup-context.tsx → mobile-popover-context.tsx} +7 -7
  132. package/src/popover/mobile-popover.tsx +169 -0
  133. package/src/popover/modifiers.tsx +2 -2
  134. package/src/popover/popup-stack-context.tsx +8 -9
  135. package/src/progress.tsx +2 -2
  136. package/src/reactions/reaction-button.tsx +12 -6
  137. package/src/root-theme-provider.test.tsx +411 -0
  138. package/src/scale-generator.ts +356 -0
  139. package/src/select/components/menu-list-virtualized.tsx +12 -25
  140. package/src/select/components/menu.tsx +12 -2
  141. package/src/select/index.tsx +6 -5
  142. package/src/select/select.tsx +38 -39
  143. package/src/select/styles.ts +0 -1
  144. package/src/select/util.ts +1 -1
  145. package/src/static-palettes.ts +356 -0
  146. package/src/thematic-color-picker.tsx +266 -0
  147. package/src/thematic-constants.tsx +27 -0
  148. package/src/thematic-controls.tsx +144 -0
  149. package/src/thematic-scales.tsx +122 -0
  150. package/src/thematic-state.ts +370 -0
  151. package/src/thematic.tsx +386 -0
  152. package/src/theme-provider.test.tsx +820 -0
  153. package/src/theme-provider.tsx +158 -92
  154. package/src/theme-settings.ts +67 -12
  155. package/src/theme-styles.ts +58 -6
  156. package/src/toast/toast-action.tsx +1 -1
  157. package/src/toast/toast.tsx +1 -2
  158. package/src/toggle-on-off.tsx +2 -2
  159. package/src/toggle.tsx +7 -8
  160. package/src/tooltip.tsx +14 -10
  161. package/src/type-badge.tsx +7 -14
  162. package/src/unit/styles.ts +2 -25
  163. package/src/unit/unit-with-tooltip.tsx +3 -2
  164. package/src/use-is-phone.tsx +7 -2
  165. package/src/use-long-press.tsx +2 -2
  166. package/src/use-on-screen-keyboard-data.tsx +2 -2
  167. package/src/with-data.tsx +4 -3
  168. package/src/workflow-progress-icon.tsx +2 -2
  169. package/.eslintignore +0 -3
  170. package/.eslintrc +0 -14
  171. package/src/__mocks__/createInlineTheme.js +0 -3
  172. package/src/create-inline-theme.ts +0 -66
  173. package/src/number-input/index.js +0 -191
  174. package/src/palette.ts +0 -237
package/src/palettes/slate-arch.ts ADDED
@@ -0,0 +1,188 @@
1
+ import {ThemePalette} from "../palette-generator";
2
+
3
+ export const slateArchPalette: ThemePalette = {
4
+ key: "slate-arch",
5
+ white: "rgb(255,255,255)",
6
+ whiteA: [
7
+ null,
8
+ "rgba(255,255,255,0)",
9
+ "rgba(255,255,255,0.01)",
10
+ "rgba(255,255,255,0.03)",
11
+ "rgba(255,255,255,0.06)",
12
+ "rgba(255,255,255,0.09)",
13
+ "rgba(255,255,255,0.12)",
14
+ "rgba(255,255,255,0.18)",
15
+ "rgba(255,255,255,0.25)",
16
+ "rgba(255,255,255,0.39)",
17
+ "rgba(255,255,255,0.45)",
18
+ "rgba(255,255,255,0.59)",
19
+ "rgba(255,255,255,0.92)",
20
+ ],
21
+ black: "rgb(0,0,0)",
22
+ blackA: [
23
+ null,
24
+ "rgba(0,0,0,0.01)",
25
+ "rgba(0,0,0,0.03)",
26
+ "rgba(0,0,0,0.05)",
27
+ "rgba(0,0,0,0.07)",
28
+ "rgba(0,0,0,0.09)",
29
+ "rgba(0,0,0,0.11)",
30
+ "rgba(0,0,0,0.14)",
31
+ "rgba(0,0,0,0.22)",
32
+ "rgba(0,0,0,0.44)",
33
+ "rgba(0,0,0,0.48)",
34
+ "rgba(0,0,0,0.57)",
35
+ "rgba(0,0,0,0.91)",
36
+ ],
37
+ base: [
38
+ null,
39
+ "rgb(252,252,252)",
40
+ "rgb(247,247,247)",
41
+ "rgb(245,245,245)",
42
+ "rgb(237,237,237)",
43
+ "rgb(232,232,232)",
44
+ "rgb(227,227,227)",
45
+ "rgb(219,219,219)",
46
+ "rgb(199,199,199)",
47
+ "rgb(158,158,158)",
48
+ "rgb(120,120,120)",
49
+ "rgb(94,94,94)",
50
+ "rgb(23,23,23)",
51
+ ],
52
+ accent: [
53
+ null,
54
+ "rgb(254,251,250)",
55
+ "rgb(254,251,249)",
56
+ "rgb(253,243,238)",
57
+ "rgb(250,235,227)",
58
+ "rgb(247,224,211)",
59
+ "rgb(241,209,192)",
60
+ "rgb(232,188,163)",
61
+ "rgb(222,162,129)",
62
+ "rgb(191,91,15)",
63
+ "rgb(181,74,0)",
64
+ "rgb(158,67,0)",
65
+ "rgb(62,23,0)",
66
+ ],
67
+ red: [
68
+ null,
69
+ "rgb(254,251,251)",
70
+ "rgb(255,250,250)",
71
+ "rgb(255,241,241)",
72
+ "rgb(255,232,232)",
73
+ "rgb(253,220,219)",
74
+ "rgb(250,203,203)",
75
+ "rgb(244,179,179)",
76
+ "rgb(237,150,151)",
77
+ "rgb(211,62,78)",
78
+ "rgb(200,34,62)",
79
+ "rgb(175,36,56)",
80
+ "rgb(69,11,18)",
81
+ ],
82
+ teal: [
83
+ null,
84
+ "rgb(251,252,252)",
85
+ "rgb(250,252,252)",
86
+ "rgb(239,247,245)",
87
+ "rgb(229,242,239)",
88
+ "rgb(214,234,230)",
89
+ "rgb(196,224,218)",
90
+ "rgb(168,208,201)",
91
+ "rgb(134,191,181)",
92
+ "rgb(0,144,130)",
93
+ "rgb(0,132,117)",
94
+ "rgb(0,116,104)",
95
+ "rgb(0,44,38)",
96
+ ],
97
+ yellow: [
98
+ null,
99
+ "rgb(253,252,247)",
100
+ "rgb(255,252,229)",
101
+ "rgb(255,251,207)",
102
+ "rgb(255,248,185)",
103
+ "rgb(255,242,160)",
104
+ "rgb(247,231,135)",
105
+ "rgb(232,214,104)",
106
+ "rgb(220,195,0)",
107
+ "rgb(246,217,0)",
108
+ "rgb(236,208,0)",
109
+ "rgb(129,113,0)",
110
+ "rgb(46,42,14)",
111
+ ],
112
+
113
+ baseDark: [
114
+ null,
115
+ "rgb(23,23,23)",
116
+ "rgb(28,28,28)",
117
+ "rgb(36,36,36)",
118
+ "rgb(41,41,41)",
119
+ "rgb(46,46,46)",
120
+ "rgb(51,51,51)",
121
+ "rgb(61,61,61)",
122
+ "rgb(82,82,82)",
123
+ "rgb(112,112,112)",
124
+ "rgb(127,127,127)",
125
+ "rgb(161,161,161)",
126
+ "rgb(237,237,237)",
127
+ ],
128
+ accentDark: [
129
+ null,
130
+ "rgb(29,21,17)",
131
+ "rgb(40,25,17)",
132
+ "rgb(57,32,18)",
133
+ "rgb(67,36,18)",
134
+ "rgb(76,42,22)",
135
+ "rgb(88,50,28)",
136
+ "rgb(113,58,24)",
137
+ "rgb(145,69,15)",
138
+ "rgb(179,96,44)",
139
+ "rgb(192,115,69)",
140
+ "rgb(218,164,135)",
141
+ "rgb(250,239,233)",
142
+ ],
143
+ redDark: [
144
+ null,
145
+ "rgb(33,19,19)",
146
+ "rgb(47,19,20)",
147
+ "rgb(67,22,25)",
148
+ "rgb(80,21,27)",
149
+ "rgb(91,26,32)",
150
+ "rgb(104,33,39)",
151
+ "rgb(135,27,42)",
152
+ "rgb(175,9,48)",
153
+ "rgb(213,50,72)",
154
+ "rgb(225,78,91)",
155
+ "rgb(244,146,148)",
156
+ "rgb(255,236,236)",
157
+ ],
158
+ tealDark: [
159
+ null,
160
+ "rgb(16,25,24)",
161
+ "rgb(14,33,30)",
162
+ "rgb(10,46,41)",
163
+ "rgb(4,53,47)",
164
+ "rgb(7,61,55)",
165
+ "rgb(12,71,64)",
166
+ "rgb(0,89,79)",
167
+ "rgb(0,112,99)",
168
+ "rgb(0,142,128)",
169
+ "rgb(33,157,143)",
170
+ "rgb(127,192,182)",
171
+ "rgb(233,244,242)",
172
+ ],
173
+ yellowDark: [
174
+ null,
175
+ "rgb(24,20,0)",
176
+ "rgb(34,28,0)",
177
+ "rgb(42,36,0)",
178
+ "rgb(47,40,0)",
179
+ "rgb(58,50,0)",
180
+ "rgb(69,60,0)",
181
+ "rgb(84,74,0)",
182
+ "rgb(109,95,0)",
183
+ "rgb(246,217,0)",
184
+ "rgb(255,236,78)",
185
+ "rgb(225,199,0)",
186
+ "rgb(255,249,207)",
187
+ ],
188
+ };