@rbxts/react-clean-ui 1.0.36 → 1.1.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 (91) hide show
  1. package/out/Components/Decorator/Corners.luau +5 -1
  2. package/out/Components/Decorator/Padding.luau +1 -1
  3. package/out/Components/Input/Button.d.ts +9 -0
  4. package/out/Components/Input/Button.luau +155 -46
  5. package/out/Components/Input/Checkbox.luau +22 -6
  6. package/out/Components/Input/Increment.d.ts +11 -0
  7. package/out/Components/Input/Increment.luau +107 -0
  8. package/out/Components/Input/Increment.step.d.ts +1 -0
  9. package/out/Components/Input/Increment.step.luau +25 -0
  10. package/out/Components/Input/Input.d.ts +4 -3
  11. package/out/Components/Input/Input.luau +115 -18
  12. package/out/Components/Input/Input.validation.d.ts +4 -0
  13. package/out/Components/Input/Input.validation.luau +42 -0
  14. package/out/Components/Input/Select.d.ts +4 -3
  15. package/out/Components/Input/Select.luau +23 -18
  16. package/out/Components/Input/Slider.d.ts +1 -1
  17. package/out/Components/Input/Slider.luau +68 -34
  18. package/out/Components/Input/index.d.ts +1 -0
  19. package/out/Components/Input/init.luau +3 -0
  20. package/out/Components/Layout/Accordion.d.ts +4 -4
  21. package/out/Components/Layout/Accordion.luau +75 -23
  22. package/out/Components/Layout/Container.d.ts +4 -2
  23. package/out/Components/Layout/Container.luau +12 -3
  24. package/out/Components/Layout/Draggable.luau +1 -1
  25. package/out/Components/Layout/Fieldset.d.ts +1 -1
  26. package/out/Components/Layout/Fieldset.luau +40 -6
  27. package/out/Components/Layout/FlexItem.d.ts +2 -1
  28. package/out/Components/Layout/FlexItem.luau +1 -0
  29. package/out/Components/Layout/Group.luau +30 -8
  30. package/out/Components/Layout/HStack.luau +1 -0
  31. package/out/Components/Layout/Row.luau +43 -9
  32. package/out/Components/Layout/Scroller.d.ts +1 -0
  33. package/out/Components/Layout/Scroller.luau +20 -5
  34. package/out/Components/Layout/Tabs.d.ts +5 -3
  35. package/out/Components/Layout/Tabs.luau +48 -16
  36. package/out/Components/Navigation/Menu.d.ts +1 -1
  37. package/out/Components/Navigation/Menu.luau +2 -0
  38. package/out/Components/Surface/Box.d.ts +4 -2
  39. package/out/Components/Surface/Box.luau +25 -22
  40. package/out/Components/Surface/Card.d.ts +12 -6
  41. package/out/Components/Surface/Card.luau +456 -26
  42. package/out/Components/Surface/Icon.luau +42 -4
  43. package/out/Components/Typography/Text.d.ts +1 -0
  44. package/out/Components/Typography/Text.luau +119 -10
  45. package/out/Contexts/row.context.d.ts +1 -1
  46. package/out/Contexts/theme.context.d.ts +2 -2
  47. package/out/Helpers/color.helper.d.ts +5 -3
  48. package/out/Helpers/color.helper.luau +62 -34
  49. package/out/Helpers/create-ui-story.d.ts +2 -2
  50. package/out/Helpers/create-ui-story.luau +33 -1
  51. package/out/Helpers/css.helper.d.ts +28 -2
  52. package/out/Helpers/css.helper.luau +208 -0
  53. package/out/Helpers/index.d.ts +1 -0
  54. package/out/Helpers/init.luau +3 -0
  55. package/out/Helpers/size.helper.d.ts +3 -1
  56. package/out/Helpers/size.helper.luau +10 -9
  57. package/out/Helpers/spacing.helper.d.ts +5 -4
  58. package/out/Helpers/spacing.helper.luau +102 -18
  59. package/out/Helpers/typography.helper.d.ts +2 -2
  60. package/out/Interfaces/css.types.d.ts +30 -0
  61. package/out/Interfaces/css.types.luau +21 -0
  62. package/out/Interfaces/element.props.d.ts +61 -0
  63. package/out/Interfaces/element.props.luau +1 -0
  64. package/out/Interfaces/index.d.ts +5 -3
  65. package/out/Interfaces/init.luau +1 -7
  66. package/out/Interfaces/responsive.types.d.ts +26 -0
  67. package/out/Interfaces/semantics.d.ts +3 -0
  68. package/out/Interfaces/semantics.luau +2 -0
  69. package/out/Providers/app.provider.d.ts +2 -2
  70. package/out/Providers/theme.provider.d.ts +2 -2
  71. package/out/Theme/index.d.ts +1 -0
  72. package/out/Theme/theme.factory.d.ts +3 -3
  73. package/out/Theme/theme.style.d.ts +48 -0
  74. package/out/Theme/theme.style.luau +1 -0
  75. package/out/Theme/theme.template.d.ts +34 -26
  76. package/out/Theme/themes/dark.theme.d.ts +1 -1
  77. package/out/Theme/themes/dark.theme.luau +28 -0
  78. package/out/Theme/themes/default.theme.d.ts +2 -2
  79. package/out/Theme/themes/default.theme.luau +11 -1
  80. package/out/Theme/themes/index.d.ts +1 -0
  81. package/out/Theme/themes/init.luau +3 -0
  82. package/out/Theme/themes/sandstone.theme.d.ts +1 -1
  83. package/out/Theme/themes/sandstone.theme.luau +25 -0
  84. package/out/Theme/themes/wooden.theme.d.ts +1 -0
  85. package/out/Theme/themes/wooden.theme.luau +554 -0
  86. package/out/index.d.ts +8 -8
  87. package/package.json +19 -7
  88. package/out/Interfaces/clean.element.props.d.ts +0 -114
  89. /package/out/{Interfaces/userinput.d.ts → Helpers/input.helper.d.ts} +0 -0
  90. /package/out/{Interfaces/userinput.luau → Helpers/input.helper.luau} +0 -0
  91. /package/out/Interfaces/{clean.element.props.luau → responsive.types.luau} +0 -0
package/out/Theme/themes/dark.theme.luau CHANGED
@@ -159,26 +159,51 @@ local DarkTheme = createTheme({
159
159
  default = {
160
160
  textColor = Color3.fromHex("#FFFFFF"),
161
161
  },
162
+ disabled = {
163
+ backgroundColor = Color3.fromHex("#1D222B"),
164
+ borderColor = Color3.fromHex("#343B49"),
165
+ textColor = Color3.fromHex("#697386"),
166
+ },
162
167
  },
163
168
  success = {
164
169
  default = {
165
170
  textColor = Color3.fromHex("#FFFFFF"),
166
171
  },
172
+ disabled = {
173
+ backgroundColor = Color3.fromHex("#1D222B"),
174
+ borderColor = Color3.fromHex("#343B49"),
175
+ textColor = Color3.fromHex("#697386"),
176
+ },
167
177
  },
168
178
  info = {
169
179
  default = {
170
180
  textColor = Color3.fromHex("#FFFFFF"),
171
181
  },
182
+ disabled = {
183
+ backgroundColor = Color3.fromHex("#1D222B"),
184
+ borderColor = Color3.fromHex("#343B49"),
185
+ textColor = Color3.fromHex("#697386"),
186
+ },
172
187
  },
173
188
  warning = {
174
189
  default = {
175
190
  textColor = Color3.fromHex("#FFFFFF"),
176
191
  },
192
+ disabled = {
193
+ backgroundColor = Color3.fromHex("#1D222B"),
194
+ borderColor = Color3.fromHex("#343B49"),
195
+ textColor = Color3.fromHex("#697386"),
196
+ },
177
197
  },
178
198
  danger = {
179
199
  default = {
180
200
  textColor = Color3.fromHex("#FFFFFF"),
181
201
  },
202
+ disabled = {
203
+ backgroundColor = Color3.fromHex("#1D222B"),
204
+ borderColor = Color3.fromHex("#343B49"),
205
+ textColor = Color3.fromHex("#697386"),
206
+ },
182
207
  },
183
208
  },
184
209
  },
@@ -186,6 +211,9 @@ local DarkTheme = createTheme({
186
211
  borderColor = Color3.fromHex("#3A4352"),
187
212
  borderThickness = 1,
188
213
  cornerRadius = 8,
214
+ placeholder = {
215
+ color = Color3.fromHex("#697386"),
216
+ },
189
217
  },
190
218
  select = {
191
219
  dropDownBackgroundColor = Color3.fromHex("#20252E"),
package/out/Theme/themes/default.theme.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import { CleanTheme } from "../theme.template";
2
- export declare const DefaultTheme: CleanTheme;
1
+ import { ThemeTemplate } from "../theme.template";
2
+ export declare const DefaultTheme: ThemeTemplate;
package/out/Theme/themes/default.theme.luau CHANGED
@@ -157,6 +157,12 @@ local DefaultTheme = {
157
157
  default = {
158
158
  textColor = Color3.fromHex("#1D2433"),
159
159
  },
160
+ disabled = {
161
+ backgroundColor = Color3.fromHex("#F5F5F5"),
162
+ backgroundTransparency = 0.35,
163
+ borderColor = Color3.fromHex("#D9DEE8"),
164
+ textColor = Color3.fromHex("#8A8A8A"),
165
+ },
160
166
  },
161
167
  success = {
162
168
  default = {
@@ -180,10 +186,14 @@ local DefaultTheme = {
180
186
  },
181
187
  },
182
188
  },
189
+ increment = {},
183
190
  input = {
184
191
  borderColor = Color3.fromHex("#D9DEE8"),
185
192
  borderThickness = 1,
186
193
  cornerRadius = 8,
194
+ placeholder = {
195
+ color = Color3.fromHex("#8A8A8A"),
196
+ },
187
197
  },
188
198
  select = {
189
199
  dropDownBackgroundColor = Color3.fromHex("#FFFFFF"),
@@ -441,7 +451,7 @@ local DefaultTheme = {
441
451
  backgroundTransparency = 0,
442
452
  borderColor = Color3.fromHex("#D9DEE8"),
443
453
  cornerRadius = 8,
444
- aspectRation = 1,
454
+ aspectRatio = 1,
445
455
  },
446
456
  },
447
457
  toast = {
package/out/Theme/themes/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './dark.theme';
2
2
  export * from './default.theme';
3
3
  export * from './sandstone.theme';
4
+ export * from './wooden.theme';
package/out/Theme/themes/init.luau CHANGED
@@ -10,4 +10,7 @@ end
10
10
  for _k, _v in TS.import(script, script, "sandstone.theme") or {} do
11
11
  exports[_k] = _v
12
12
  end
13
+ for _k, _v in TS.import(script, script, "wooden.theme") or {} do
14
+ exports[_k] = _v
15
+ end
13
16
  return exports
package/out/Theme/themes/sandstone.theme.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SandstoneTheme: import("..").CleanTheme;
1
+ export declare const SandstoneTheme: import("..").ThemeTemplate;
package/out/Theme/themes/sandstone.theme.luau CHANGED
@@ -159,26 +159,51 @@ local SandstoneTheme = createTheme({
159
159
  default = {
160
160
  textColor = Color3.fromHex("#244F4A"),
161
161
  },
162
+ disabled = {
163
+ backgroundColor = Color3.fromHex("#E8DFCF"),
164
+ borderColor = Color3.fromHex("#D8CDBA"),
165
+ textColor = Color3.fromHex("#9B8B73"),
166
+ },
162
167
  },
163
168
  success = {
164
169
  default = {
165
170
  textColor = Color3.fromHex("#2E6245"),
166
171
  },
172
+ disabled = {
173
+ backgroundColor = Color3.fromHex("#E8DFCF"),
174
+ borderColor = Color3.fromHex("#D8CDBA"),
175
+ textColor = Color3.fromHex("#9B8B73"),
176
+ },
167
177
  },
168
178
  info = {
169
179
  default = {
170
180
  textColor = Color3.fromHex("#365F78"),
171
181
  },
182
+ disabled = {
183
+ backgroundColor = Color3.fromHex("#E8DFCF"),
184
+ borderColor = Color3.fromHex("#D8CDBA"),
185
+ textColor = Color3.fromHex("#9B8B73"),
186
+ },
172
187
  },
173
188
  warning = {
174
189
  default = {
175
190
  textColor = Color3.fromHex("#7A5721"),
176
191
  },
192
+ disabled = {
193
+ backgroundColor = Color3.fromHex("#E8DFCF"),
194
+ borderColor = Color3.fromHex("#D8CDBA"),
195
+ textColor = Color3.fromHex("#9B8B73"),
196
+ },
177
197
  },
178
198
  danger = {
179
199
  default = {
180
200
  textColor = Color3.fromHex("#8A3D3A"),
181
201
  },
202
+ disabled = {
203
+ backgroundColor = Color3.fromHex("#E8DFCF"),
204
+ borderColor = Color3.fromHex("#D8CDBA"),
205
+ textColor = Color3.fromHex("#9B8B73"),
206
+ },
182
207
  },
183
208
  },
184
209
  },
package/out/Theme/themes/wooden.theme.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const WoodenTheme: import("..").ThemeTemplate;