@charlesgomes/leafcode-shared-lib-react 1.0.74 → 1.0.76

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 (7) hide show
  1. package/dist/index.d.mts +7 -4
  2. package/dist/index.d.ts +7 -4
  3. package/dist/index.js +9 -3
  4. package/dist/index.mjs +9 -3
  5. package/dist/styles/button.css +4 -4
  6. package/dist/styles/tooltip.css +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -258,7 +258,7 @@ interface LeafcodeTheme {
258
258
  danger: string;
259
259
  border: string;
260
260
  text: string;
261
- light: string,
261
+ light: string;
262
262
  background: string;
263
263
  };
264
264
 
@@ -300,6 +300,11 @@ interface LeafcodeTheme {
300
300
  radius: string;
301
301
  };
302
302
  };
303
+ tooltip: {
304
+ fonts: {
305
+ TooltipSize: number | string;
306
+ };
307
+ };
303
308
  button: {
304
309
  colors: {
305
310
  text: string;
@@ -327,9 +332,7 @@ interface LeafcodeTheme {
327
332
  }
328
333
 
329
334
  type DeepPartial<T> = {
330
- [K in keyof T]?: T[K] extends object
331
- ? DeepPartial<T[K]>
332
- : T[K];
335
+ [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
333
336
  };
334
337
 
335
338
  interface LeafcodeThemeProviderProps {
package/dist/index.d.ts CHANGED
@@ -258,7 +258,7 @@ interface LeafcodeTheme {
258
258
  danger: string;
259
259
  border: string;
260
260
  text: string;
261
- light: string,
261
+ light: string;
262
262
  background: string;
263
263
  };
264
264
 
@@ -300,6 +300,11 @@ interface LeafcodeTheme {
300
300
  radius: string;
301
301
  };
302
302
  };
303
+ tooltip: {
304
+ fonts: {
305
+ TooltipSize: number | string;
306
+ };
307
+ };
303
308
  button: {
304
309
  colors: {
305
310
  text: string;
@@ -327,9 +332,7 @@ interface LeafcodeTheme {
327
332
  }
328
333
 
329
334
  type DeepPartial<T> = {
330
- [K in keyof T]?: T[K] extends object
331
- ? DeepPartial<T[K]>
332
- : T[K];
335
+ [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
333
336
  };
334
337
 
335
338
  interface LeafcodeThemeProviderProps {
package/dist/index.js CHANGED
@@ -108,6 +108,11 @@ var defaultTheme = {
108
108
  radius: "6px"
109
109
  }
110
110
  },
111
+ tooltip: {
112
+ fonts: {
113
+ TooltipSize: "12px"
114
+ }
115
+ },
111
116
  button: {
112
117
  colors: {
113
118
  text: "#FFFFFF",
@@ -165,8 +170,8 @@ function Button({
165
170
  "--button-primary-hover-bg": theme.components.button.colors.primaryHoverBg,
166
171
  "--button-secondary-bg": theme.components.button.colors.secondaryBg,
167
172
  "--button-secondary-hover-bg": theme.components.button.colors.secondaryHoverBg,
168
- "--button-disabled-bg": theme.components.button.colors.disabledBg,
169
- "--button-disabled-border": theme.components.button.colors.disabledBorder,
173
+ "--button-disabled-bg-color": theme.components.button.colors.disabledBg,
174
+ "--button-disabled-border-color": theme.components.button.colors.disabledBorder,
170
175
  "--button-height": theme.components.button.sizes.height,
171
176
  "--button-min-width": theme.components.button.sizes.minWidth,
172
177
  "--button-border-radius": theme.components.button.sizes.radius
@@ -235,7 +240,8 @@ function TooltipErrorInput({
235
240
  "--input-font-size": theme.components.input.fonts.inputSize,
236
241
  "--input-text-color": theme.components.input.colors.text,
237
242
  "--input-text-color-hover": theme.colors.light,
238
- "--input-error-border": theme.components.input.colors.errorBorder
243
+ "--input-error-border": theme.components.input.colors.errorBorder,
244
+ "--input-font-size-tooltip": theme.components.tooltip.fonts.TooltipSize
239
245
  };
240
246
  const [isTooltipOpen, setIsTooltipOpen] = (0, import_react3.useState)(true);
241
247
  const handleClose = () => setIsTooltipOpen(false);
package/dist/index.mjs CHANGED
@@ -46,6 +46,11 @@ var defaultTheme = {
46
46
  radius: "6px"
47
47
  }
48
48
  },
49
+ tooltip: {
50
+ fonts: {
51
+ TooltipSize: "12px"
52
+ }
53
+ },
49
54
  button: {
50
55
  colors: {
51
56
  text: "#FFFFFF",
@@ -103,8 +108,8 @@ function Button({
103
108
  "--button-primary-hover-bg": theme.components.button.colors.primaryHoverBg,
104
109
  "--button-secondary-bg": theme.components.button.colors.secondaryBg,
105
110
  "--button-secondary-hover-bg": theme.components.button.colors.secondaryHoverBg,
106
- "--button-disabled-bg": theme.components.button.colors.disabledBg,
107
- "--button-disabled-border": theme.components.button.colors.disabledBorder,
111
+ "--button-disabled-bg-color": theme.components.button.colors.disabledBg,
112
+ "--button-disabled-border-color": theme.components.button.colors.disabledBorder,
108
113
  "--button-height": theme.components.button.sizes.height,
109
114
  "--button-min-width": theme.components.button.sizes.minWidth,
110
115
  "--button-border-radius": theme.components.button.sizes.radius
@@ -176,7 +181,8 @@ function TooltipErrorInput({
176
181
  "--input-font-size": theme.components.input.fonts.inputSize,
177
182
  "--input-text-color": theme.components.input.colors.text,
178
183
  "--input-text-color-hover": theme.colors.light,
179
- "--input-error-border": theme.components.input.colors.errorBorder
184
+ "--input-error-border": theme.components.input.colors.errorBorder,
185
+ "--input-font-size-tooltip": theme.components.tooltip.fonts.TooltipSize
180
186
  };
181
187
  const [isTooltipOpen, setIsTooltipOpen] = useState(true);
182
188
  const handleClose = () => setIsTooltipOpen(false);
package/dist/styles/button.css CHANGED
@@ -12,7 +12,7 @@
12
12
  font-weight: var(--button-font-weight, 600);
13
13
  color: var(--button-color, #ffffff);
14
14
  transition: all 300ms ease-in-out;
15
- background-color: var(--button-primary-bg-color, #175dbf);
15
+ background-color: var(--button-primary-bg, #175dbf);
16
16
  border-radius: var(--button-border-radius, 0.375rem);
17
17
  padding-left: 1.5rem;
18
18
  padding-right: 1.5rem;
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  .button-primary:hover {
26
- background-color: var(--button-primary-hover-bg-color, #70a3ff);
26
+ background-color: var(--button-primary-hover-bg, #70a3ff);
27
27
  color: var(--button-color, #ffffff);
28
28
  }
29
29
 
@@ -34,7 +34,7 @@
34
34
  font-weight: var(--button-font-weight, 600);
35
35
  color: var(--button-color, #ffffff);
36
36
  transition: all 300ms ease-in-out;
37
- background-color: var(--button-secundary-bg-color, #bf1717);
37
+ background-color: var(--button-secondary-bg, #bf1717);
38
38
  border-radius: var(--button-border-radius, 0.375rem);
39
39
  padding-left: 1.5rem;
40
40
  padding-right: 1.5rem;
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  .button-secundary:hover {
48
- background-color: var(--button-secundary-hover-bg-color, #f35353);
48
+ background-color: var(--button-secondary-hover-bg, #f35353);
49
49
  color: var(--button-color, #ffffff);
50
50
  }
51
51
 
package/dist/styles/tooltip.css CHANGED
@@ -36,7 +36,7 @@
36
36
  gap: 0.25rem;
37
37
  font-family: var(--input-font-family, "Roboto", sans-serif);
38
38
  font-weight: var(--input-font-weight, 400);
39
- font-size: var(--input-font-size, 1px);
39
+ font-size: var(--input-font-size-tooltip, 12px);
40
40
  line-height: 125%;
41
41
  transition: all 0.2s ease-in-out;
42
42
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charlesgomes/leafcode-shared-lib-react",
3
- "version": "1.0.74",
3
+ "version": "1.0.76",
4
4
  "description": "Lib de componentes react",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",