@vaadin/react-components 25.0.0-alpha8 → 25.0.0-beta1

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 (70) hide show
  1. package/ConfirmDialog.d.ts +1 -1
  2. package/ConfirmDialog.d.ts.map +1 -1
  3. package/ConfirmDialog.js.map +1 -1
  4. package/ContextMenu.js +1 -1
  5. package/ContextMenu.js.map +2 -2
  6. package/Dialog.d.ts +2 -2
  7. package/Dialog.d.ts.map +1 -1
  8. package/Dialog.js +1 -1
  9. package/Dialog.js.map +1 -1
  10. package/LoginOverlay.js +1 -1
  11. package/LoginOverlay.js.map +2 -2
  12. package/MultiSelectComboBox.js +1 -1
  13. package/MultiSelectComboBox.js.map +2 -2
  14. package/Popover.d.ts +8 -2
  15. package/Popover.d.ts.map +1 -1
  16. package/Popover.js +1 -1
  17. package/Popover.js.map +3 -3
  18. package/Select.js.map +2 -2
  19. package/TabSheet.d.ts +0 -23
  20. package/TabSheet.d.ts.map +1 -1
  21. package/TabSheet.js +1 -1
  22. package/TabSheet.js.map +3 -3
  23. package/Tooltip.js +1 -1
  24. package/Tooltip.js.map +2 -2
  25. package/css/lumo/Utility.module.css +16 -47
  26. package/css/lumo/utilities/Accessibility.module.css +17 -15
  27. package/css/lumo/utilities/Background.module.css +189 -150
  28. package/css/lumo/utilities/Border.module.css +173 -141
  29. package/css/lumo/utilities/Filter.module.css +35 -26
  30. package/css/lumo/utilities/FlexboxGrid.module.css +780 -2
  31. package/css/lumo/utilities/Layout.module.css +544 -413
  32. package/css/lumo/utilities/Shadows.module.css +27 -20
  33. package/css/lumo/utilities/Sizing.module.css +142 -115
  34. package/css/lumo/utilities/Spacing.module.css +682 -536
  35. package/css/lumo/utilities/Transition.module.css +46 -44
  36. package/css/lumo/utilities/Typography.module.css +366 -280
  37. package/generated/ContextMenu.d.ts +2 -0
  38. package/generated/ContextMenu.d.ts.map +1 -1
  39. package/generated/LoginOverlay.d.ts +2 -0
  40. package/generated/LoginOverlay.d.ts.map +1 -1
  41. package/generated/MultiSelectComboBox.d.ts +2 -2
  42. package/generated/MultiSelectComboBox.d.ts.map +1 -1
  43. package/generated/Tooltip.d.ts +8 -3
  44. package/generated/Tooltip.d.ts.map +1 -1
  45. package/package.json +69 -76
  46. package/renderers/useRenderer.js +1 -1
  47. package/renderers/useRenderer.js.map +2 -2
  48. package/utils/createComponent.js +1 -1
  49. package/utils/createComponent.js.map +2 -2
  50. package/utils/warnings.d.ts +2 -0
  51. package/utils/warnings.d.ts.map +1 -0
  52. package/utils/warnings.js +2 -0
  53. package/utils/warnings.js.map +7 -0
  54. package/css/Lumo.css +0 -15
  55. package/css/lumo/Badge.css +0 -165
  56. package/css/lumo/Color.css +0 -122
  57. package/css/lumo/ColorBase.css +0 -87
  58. package/css/lumo/Font.css +0 -22
  59. package/css/lumo/FontIcons.css +0 -59
  60. package/css/lumo/Sizing.css +0 -17
  61. package/css/lumo/Spacing.css +0 -25
  62. package/css/lumo/Style.css +0 -19
  63. package/css/lumo/Typography.css +0 -96
  64. package/css/lumo/UserColors.css +0 -22
  65. package/css/lumo/mixins/FieldButton.css +0 -29
  66. package/css/lumo/mixins/MenuOverlay.css +0 -64
  67. package/css/lumo/mixins/MenuOverlayCore.css +0 -32
  68. package/css/lumo/mixins/Overlay.css +0 -67
  69. package/css/lumo/mixins/RequiredField.css +0 -103
  70. package/css/lumo/utilities/FlexboxAndGrid.module.css +0 -613
package/css/lumo/utilities/Transition.module.css CHANGED
@@ -1,44 +1,46 @@
1
- /* Generated file, do not edit */
2
-
3
-
4
- .transition {
5
- transition-property:
6
- -webkit-backdrop-filter, backdrop-filter, background-color, border-color, box-shadow, color, fill, filter,
7
- opacity, rotate, scale, stroke, text-decoration-color, transform, translate;
8
- transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
9
- transition-duration: var(--lumo-utility-transition-duration, 150ms);
10
- }
11
-
12
- .transition-all {
13
- transition-property: all;
14
- transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
15
- transition-duration: var(--lumo-utility-transition-duration, 150ms);
16
- }
17
-
18
- .transition-colors {
19
- transition-property: background-color, border-color, color, fill, stroke, text-decoration-color;
20
- transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
21
- transition-duration: var(--lumo-utility-transition-duration, 150ms);
22
- }
23
-
24
- .transition-opacity {
25
- transition-property: opacity;
26
- transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
27
- transition-duration: var(--lumo-utility-transition-duration, 150ms);
28
- }
29
-
30
- .transition-shadow {
31
- transition-property: box-shadow;
32
- transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
33
- transition-duration: var(--lumo-utility-transition-duration, 150ms);
34
- }
35
-
36
- .transition-transform {
37
- transition-property: rotate, scale, transform, translate;
38
- transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
39
- transition-duration: var(--lumo-utility-transition-duration, 150ms);
40
- }
41
-
42
- .transition-none {
43
- transition-property: none;
44
- }
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ .transition {
7
+ transition-property:
8
+ -webkit-backdrop-filter, backdrop-filter, background-color, border-color, box-shadow, color, fill, filter, opacity,
9
+ rotate, scale, stroke, text-decoration-color, transform, translate;
10
+ transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
11
+ transition-duration: var(--lumo-utility-transition-duration, 150ms);
12
+ }
13
+
14
+ .transition-all {
15
+ transition-property: all;
16
+ transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
17
+ transition-duration: var(--lumo-utility-transition-duration, 150ms);
18
+ }
19
+
20
+ .transition-colors {
21
+ transition-property: background-color, border-color, color, fill, stroke, text-decoration-color;
22
+ transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
23
+ transition-duration: var(--lumo-utility-transition-duration, 150ms);
24
+ }
25
+
26
+ .transition-opacity {
27
+ transition-property: opacity;
28
+ transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
29
+ transition-duration: var(--lumo-utility-transition-duration, 150ms);
30
+ }
31
+
32
+ .transition-shadow {
33
+ transition-property: box-shadow;
34
+ transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
35
+ transition-duration: var(--lumo-utility-transition-duration, 150ms);
36
+ }
37
+
38
+ .transition-transform {
39
+ transition-property: rotate, scale, transform, translate;
40
+ transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
41
+ transition-duration: var(--lumo-utility-transition-duration, 150ms);
42
+ }
43
+
44
+ .transition-none {
45
+ transition-property: none;
46
+ }