@vaadin/react-components 25.0.0-alpha17 → 25.0.0-alpha19

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 (34) hide show
  1. package/css/lumo/Utility.module.css +16 -47
  2. package/css/lumo/utilities/Accessibility.module.css +17 -15
  3. package/css/lumo/utilities/Background.module.css +189 -150
  4. package/css/lumo/utilities/Border.module.css +173 -141
  5. package/css/lumo/utilities/Filter.module.css +35 -26
  6. package/css/lumo/utilities/FlexboxGrid.module.css +780 -2
  7. package/css/lumo/utilities/Layout.module.css +544 -413
  8. package/css/lumo/utilities/Shadows.module.css +27 -20
  9. package/css/lumo/utilities/Sizing.module.css +142 -115
  10. package/css/lumo/utilities/Spacing.module.css +682 -536
  11. package/css/lumo/utilities/Transition.module.css +46 -44
  12. package/css/lumo/utilities/Typography.module.css +366 -280
  13. package/index.d.ts +1 -1
  14. package/index.js +1 -1
  15. package/package.json +61 -72
  16. package/utils/createComponent.js +1 -1
  17. package/utils/createComponent.js.map +1 -1
  18. package/css/Lumo.css +0 -15
  19. package/css/lumo/Badge.css +0 -165
  20. package/css/lumo/Color.css +0 -122
  21. package/css/lumo/ColorBase.css +0 -87
  22. package/css/lumo/Font.css +0 -22
  23. package/css/lumo/FontIcons.css +0 -61
  24. package/css/lumo/Sizing.css +0 -17
  25. package/css/lumo/Spacing.css +0 -25
  26. package/css/lumo/Style.css +0 -19
  27. package/css/lumo/Typography.css +0 -96
  28. package/css/lumo/UserColors.css +0 -22
  29. package/css/lumo/mixins/FieldButton.css +0 -29
  30. package/css/lumo/mixins/MenuOverlay.css +0 -64
  31. package/css/lumo/mixins/MenuOverlayCore.css +0 -32
  32. package/css/lumo/mixins/Overlay.css +0 -67
  33. package/css/lumo/mixins/RequiredField.css +0 -103
  34. 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
+ }