@lynx-js/web-elements-canary 0.8.12-canary-20251204-c475c1e3 → 0.9.0

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,13 +1,17 @@
1
1
  # @lynx-js/web-elements
2
2
 
3
- ## 0.8.12-canary-20251204073453-c475c1e3b6eed071a2fc3cdc51744b2bbace2a80
3
+ ## 0.9.0
4
+
5
+ ### Minor Changes
6
+
7
+ - feat: new flex:val impl ([#1979](https://github.com/lynx-family/lynx-stack/pull/1979))
4
8
 
5
9
  ### Patch Changes
6
10
 
7
11
  - fix: x-input display should add !important to avoid override ([#1960](https://github.com/lynx-family/lynx-stack/pull/1960))
8
12
 
9
13
  - Updated dependencies []:
10
- - @lynx-js/web-elements-template@0.8.12-canary-20251204073453-c475c1e3b6eed071a2fc3cdc51744b2bbace2a80
14
+ - @lynx-js/web-elements-template@0.9.0
11
15
 
12
16
  ## 0.8.11
13
17
 
@@ -669,8 +673,8 @@
669
673
  For compating usage, `@lynx-js/web-elements-compat/LinearContainer` is provided.
670
674
 
671
675
  ```javascript
672
- import "@lynx-js/web-elements-compat/LinearContainer";
673
- import "@lynx-js/web-elements/all";
676
+ import '@lynx-js/web-elements-compat/LinearContainer';
677
+ import '@lynx-js/web-elements/all';
674
678
  ```
675
679
 
676
680
  - f8d1d98: break: rename the `blur` and `focus` event to `lynxblur` and `lynxfocus` for x-input element
@@ -692,11 +696,11 @@
692
696
  There is also a simple way to use this feature
693
697
 
694
698
  ```javascript
695
- import { LynxCard } from "@lynx-js/web-core";
696
- import { loadElement } from "@lynx-js/web-elements/lazy";
697
- import "@lynx-js/web-elements/index.css";
698
- import "@lynx-js/web-core/index.css";
699
- import "./index.css";
699
+ import { LynxCard } from '@lynx-js/web-core';
700
+ import { loadElement } from '@lynx-js/web-elements/lazy';
701
+ import '@lynx-js/web-elements/index.css';
702
+ import '@lynx-js/web-core/index.css';
703
+ import './index.css';
700
704
 
701
705
  const lynxcard = new LynxCard({
702
706
  ...beforeConfigs,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lynx-js/web-elements-canary",
3
- "version": "0.8.12-canary-20251204-c475c1e3",
3
+ "version": "0.9.0",
4
4
  "private": false,
5
5
  "repository": {
6
6
  "type": "git",
@@ -101,7 +101,7 @@
101
101
  ],
102
102
  "dependencies": {
103
103
  "@lynx-js/web-elements-reactive": "npm:@lynx-js/web-elements-reactive-canary@0.2.2",
104
- "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.12-canary-20251204-c475c1e3"
104
+ "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.9.0"
105
105
  },
106
106
  "devDependencies": {
107
107
  "tslib": "^2.8.1"
@@ -85,6 +85,10 @@
85
85
  syntax: "*";
86
86
  inherits: false;
87
87
  }
88
+ @property --flex {
89
+ syntax: "*";
90
+ inherits: false;
91
+ }
88
92
 
89
93
  @property --linear-justify-content {
90
94
  syntax: "flex-start|flex-end|center|space-between|space-around";
@@ -330,9 +334,10 @@ list-item {
330
334
  x-textarea,
331
335
  x-list,
332
336
  list-item {
333
- flex-grow: var(--flex-grow);
334
- flex-shrink: var(--flex-shrink);
335
- flex-basis: var(--flex-basis);
337
+ flex: var(
338
+ --flex,
339
+ var(--flex-grow) var(--flex-shrink) var(--flex-basis)
340
+ );
336
341
  }
337
342
  }
338
343