@lynx-js/web-elements-compat-canary 0.2.3-canary-20250304-27f7aabf → 0.2.3-canary-20250304-bbe8a143

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-20250304142409-27f7aabf9f2c1f8368983612a1db9ef48fe6ab1d
3
+ ## 0.2.3-canary-20250304151515-bbe8a1437eb148ad125228aa0956925816ebada0
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-20250304142409-27f7aabf9f2c1f8368983612a1db9ef48fe6ab1d
17
+ - Updated dependencies [399a6d9]
18
+ - @lynx-js/web-elements@0.3.0-canary-20250304151515-bbe8a1437eb148ad125228aa0956925816ebada0
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-27f7aabf",
3
+ "version": "0.2.3-canary-20250304-bbe8a143",
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-27f7aabf"
31
+ "@lynx-js/web-elements": "npm:@lynx-js/web-elements-canary@0.3.0-canary-20250304-bbe8a143"
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
  }