@vaadin/react-components 25.0.0-alpha2 → 25.0.0-alpha20

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