@lynx-js/web-elements-canary 0.8.8 → 0.8.9-canary-20251013-e42b906a

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 (6) hide show
  1. package/CHANGELOG.md +18 -7
  2. package/dist/XText/XText.js +2 -1
  3. package/package.json +2 -2
  4. package/src/XInput/x-input.css +2 -2
  5. package/src/XText/x-text.css +2 -1
  6. package/src/XTextarea/x-textarea.css +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @lynx-js/web-elements
2
2
 
3
+ ## 0.8.9-canary-20251013055913-e42b906ae0d771739e0e1897def646ad159274eb
4
+
5
+ ### Patch Changes
6
+
7
+ - textarea placeholder inherits font-size by default ([#1874](https://github.com/lynx-family/lynx-stack/pull/1874))
8
+
9
+ - feat: support <x-text text="content"></x-text> ([#1881](https://github.com/lynx-family/lynx-stack/pull/1881))
10
+
11
+ - Updated dependencies []:
12
+ - @lynx-js/web-elements-template@0.8.9-canary-20251013055913-e42b906ae0d771739e0e1897def646ad159274eb
13
+
3
14
  ## 0.8.8
4
15
 
5
16
  ### Patch Changes
@@ -621,8 +632,8 @@
621
632
  For compating usage, `@lynx-js/web-elements-compat/LinearContainer` is provided.
622
633
 
623
634
  ```javascript
624
- import '@lynx-js/web-elements-compat/LinearContainer';
625
- import '@lynx-js/web-elements/all';
635
+ import "@lynx-js/web-elements-compat/LinearContainer";
636
+ import "@lynx-js/web-elements/all";
626
637
  ```
627
638
 
628
639
  - f8d1d98: break: rename the `blur` and `focus` event to `lynxblur` and `lynxfocus` for x-input element
@@ -644,11 +655,11 @@
644
655
  There is also a simple way to use this feature
645
656
 
646
657
  ```javascript
647
- import { LynxCard } from '@lynx-js/web-core';
648
- import { loadElement } from '@lynx-js/web-elements/lazy';
649
- import '@lynx-js/web-elements/index.css';
650
- import '@lynx-js/web-core/index.css';
651
- import './index.css';
658
+ import { LynxCard } from "@lynx-js/web-core";
659
+ import { loadElement } from "@lynx-js/web-elements/lazy";
660
+ import "@lynx-js/web-elements/index.css";
661
+ import "@lynx-js/web-core/index.css";
662
+ import "./index.css";
652
663
 
653
664
  const lynxcard = new LynxCard({
654
665
  ...beforeConfigs,
package/dist/XText/XText.js CHANGED
@@ -7,10 +7,11 @@ import { __esDecorate, __runInitializers } from "tslib";
7
7
  import { Component } from '@lynx-js/web-elements-reactive';
8
8
  import { XTextTruncation } from './XTextTruncation.js';
9
9
  import { ScrollIntoView } from '../ScrollView/ScrollIntoView.js';
10
+ import { RawTextAttributes } from './RawText.js';
10
11
  import { CommonEventsAndMethods, layoutChangeTarget, } from '../common/CommonEventsAndMethods.js';
11
12
  import { templateXText } from '@lynx-js/web-elements-template';
12
13
  let XText = (() => {
13
- let _classDecorators = [Component('x-text', [CommonEventsAndMethods, XTextTruncation], templateXText)];
14
+ let _classDecorators = [Component('x-text', [CommonEventsAndMethods, XTextTruncation, RawTextAttributes], templateXText)];
14
15
  let _classDescriptor;
15
16
  let _classExtraInitializers = [];
16
17
  let _classThis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lynx-js/web-elements-canary",
3
- "version": "0.8.8",
3
+ "version": "0.8.9-canary-20251013-e42b906a",
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.8"
104
+ "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.9-canary-20251013-e42b906a"
105
105
  },
106
106
  "devDependencies": {
107
107
  "tslib": "^2.8.1"
package/src/XInput/x-input.css CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  x-input {
7
7
  display: contents;
8
+ font-size: 14px;
8
9
  }
9
10
 
10
11
  x-input::part(form) {
@@ -32,13 +33,12 @@ x-input::part(input), x-input::part(form) {
32
33
 
33
34
  x-input::part(input) {
34
35
  --placeholder-color: grey;
35
- --placeholder-font-size: 14px;
36
36
  --placeholder-font-weight: normal;
37
37
  }
38
38
 
39
39
  x-input::part(input)::placeholder {
40
40
  color: var(--placeholder-color);
41
41
  font-family: var(--placeholder-font-family);
42
- font-size: var(--placeholder-font-size);
42
+ font-size: var(--placeholder-font-size, inherit);
43
43
  font-weight: var(--placeholder-font-weight);
44
44
  }
package/src/XText/x-text.css CHANGED
@@ -240,7 +240,8 @@ inline-text > lynx-wrapper > raw-text {
240
240
  display: contents !important;
241
241
  }
242
242
 
243
- raw-text:not(:defined)::before {
243
+ raw-text:not(:defined)::before,
244
+ x-text:not(:has(x-text, raw-text)):not(:defined)::before {
244
245
  content: attr(text);
245
246
  display: contents;
246
247
  }
package/src/XTextarea/x-textarea.css CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  x-textarea {
7
7
  display: contents;
8
+ font-size: 14px;
8
9
  }
9
10
 
10
11
  x-textarea::part(form) {
@@ -32,7 +33,6 @@ x-textarea::part(textarea), x-textarea::part(form) {
32
33
  }
33
34
  x-textarea::part(textarea) {
34
35
  --placeholder-color: grey;
35
- --placeholder-font-size: 14px;
36
36
  --placeholder-font-weight: normal;
37
37
  --placeholder-font-family: inherit;
38
38
  resize: none;
@@ -40,7 +40,7 @@ x-textarea::part(textarea) {
40
40
 
41
41
  x-textarea::part(textarea)::placeholder {
42
42
  color: var(--placeholder-color);
43
- font-size: var(--placeholder-font-size);
43
+ font-size: var(--placeholder-font-size, inherit);
44
44
  font-weight: var(--placeholder-font-weight);
45
45
  font-family: var(--placeholder-font-family);
46
46
  }