@lynx-js/web-elements-compat-canary 0.2.3-canary-20250304-2ea4f0d8 → 0.2.3-canary-20250304-399a6d97

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.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # @lynx-js/web-elements-compat
2
2
 
3
- ## 0.2.3-canary-20250304135551-2ea4f0d83fcb87f7f9bc62e92ecba85b7505930c
3
+ ## 0.2.3-canary-20250304145005-399a6d973024aa8a46ab2f2f13e7c82214066f9e
4
4
 
5
5
  ### Patch Changes
6
6
 
7
7
  - c617453: Support NPM provenance.
8
+ - 399a6d9: feat: support `justify-content`, `align-self` in linear container
9
+
10
+ Now these two properties could work in a linear container.
11
+
12
+ We don't transforms the `justify-content` and `align-self` to css vars any more.
13
+
14
+ The previous version of `@lynx-js/web-core` won't work with current `@lynx-js/web-core` after this change.
15
+
8
16
  - Updated dependencies [c617453]
9
- - @lynx-js/web-elements@0.2.5-canary-20250304135551-2ea4f0d83fcb87f7f9bc62e92ecba85b7505930c
17
+ - Updated dependencies [399a6d9]
18
+ - @lynx-js/web-elements@0.3.0-canary-20250304145005-399a6d973024aa8a46ab2f2f13e7c82214066f9e
10
19
 
11
20
  ## 0.2.2
12
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lynx-js/web-elements-compat-canary",
3
- "version": "0.2.3-canary-20250304-2ea4f0d8",
3
+ "version": "0.2.3-canary-20250304-399a6d97",
4
4
  "private": false,
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,7 +28,7 @@
28
28
  "**/*.css"
29
29
  ],
30
30
  "devDependencies": {
31
- "@lynx-js/web-elements": "npm:@lynx-js/web-elements-canary@0.2.5-canary-20250304-2ea4f0d8"
31
+ "@lynx-js/web-elements": "npm:@lynx-js/web-elements-canary@0.3.0-canary-20250304-399a6d97"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "@lynx-js/web-elements": "*"
@@ -77,22 +77,22 @@
77
77
 
78
78
  [lynx-computed-display="linear"][lynx-linear-orientation="vertical"] {
79
79
  flex-direction: column !important;
80
- justify-content: var(--justify-content-column) !important;
80
+ justify-content: var(--justify-content-column);
81
81
  }
82
82
 
83
83
  [lynx-computed-display="linear"][lynx-linear-orientation="horizontal"] {
84
84
  flex-direction: row !important;
85
- justify-content: var(--justify-content-row) !important;
85
+ justify-content: var(--justify-content-row);
86
86
  }
87
87
 
88
88
  [lynx-computed-display="linear"][lynx-linear-orientation="vertical-reverse"] {
89
89
  flex-direction: column-reverse !important;
90
- justify-content: var(--justify-content-column-reverse) !important;
90
+ justify-content: var(--justify-content-column-reverse);
91
91
  }
92
92
 
93
93
  [lynx-computed-display="linear"][lynx-linear-orientation="horizontal-reverse"] {
94
94
  flex-direction: row-reverse !important;
95
- justify-content: var(--justify-content-row-reverse) !important;
95
+ justify-content: var(--justify-content-row-reverse);
96
96
  }
97
97
 
98
98
  [lynx-computed-display="linear"][lynx-linear-orientation="vertical"] > *,
@@ -103,7 +103,7 @@
103
103
  [lynx-computed-display="linear"][lynx-linear-orientation="vertical-reverse"]
104
104
  > lynx-wrapper
105
105
  > * {
106
- align-self: var(--align-self-column) !important;
106
+ align-self: var(--align-self-column);
107
107
  }
108
108
  [lynx-computed-display="linear"][lynx-linear-orientation="horizontal"] > *,
109
109
  [lynx-computed-display="linear"][lynx-linear-orientation="horizontal-reverse"],
@@ -113,5 +113,5 @@
113
113
  [lynx-computed-display="linear"][lynx-linear-orientation="horizontal-reverse"]
114
114
  > lynx-wrapper
115
115
  > * {
116
- align-self: var(--align-self-row) !important;
116
+ align-self: var(--align-self-row);
117
117
  }