tuix-webcomponents 0.95.0 → 0.95.2

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.
@@ -132,6 +132,14 @@ export const inputFontStyles = css `
132
132
  --t-field-padding-top: 1.375rem;
133
133
  }
134
134
  }
135
+ /* iOS Safari zooms into any focused field with text under 16px (also readonly ones,
136
+ like the dropdown's), so keep at least 1rem there. Only iOS supports -webkit-touch-callout. */
137
+ @supports (-webkit-touch-callout: none) {
138
+ .t-input::placeholder,
139
+ .t-input {
140
+ font-size: max(1rem, var(--t-field-font-size));
141
+ }
142
+ }
135
143
  `;
136
144
  export const inputColorStyles = css `
137
145
  .t-input {
@@ -23,22 +23,18 @@ let TuixLink = class TuixLink extends LitElement {
23
23
  };
24
24
  }
25
25
  _anchorTemplate() {
26
- return html `
27
- <a
26
+ // No whitespace anywhere in the template: the host is inline, so it would render as a space.
27
+ // prettier-ignore
28
+ return html `<a
28
29
  target="${this.disabled ? LinkTarget.SELF : this.target}"
29
30
  class="${classMap(this._getClassMap())}"
30
31
  href="${this.disabled ? 'javascript:void(0)' : this.href}"
31
- >
32
- <slot></slot>
33
- </a>
34
- `;
32
+ ><slot></slot></a>`;
35
33
  }
36
34
  _divTemplate() {
37
- return html `
38
- <div class="${classMap(this._getClassMap())}">
39
- <slot></slot>
40
- </div>
41
- `;
35
+ // No whitespace anywhere in the template: the host is inline, so it would render as a space.
36
+ // prettier-ignore
37
+ return html `<div class="${classMap(this._getClassMap())}"><slot></slot></div>`;
42
38
  }
43
39
  render() {
44
40
  const isValidAnchor = this.href && !this.disabled;
@@ -43,12 +43,12 @@ let TuixText = class TuixText extends LitElement {
43
43
  return colorMap[this.color || TextVariant.PRIMARY];
44
44
  }
45
45
  render() {
46
- return html ` <div
46
+ // No whitespace anywhere in the template: the host is inline, so it would render as a space.
47
+ // prettier-ignore
48
+ return html `<div
47
49
  class="${classMap(this._getClassMap())}"
48
50
  style="${styleMap(this._getStyleMap())}"
49
- >
50
- <slot></slot>
51
- </div>`;
51
+ ><slot></slot></div>`;
52
52
  }
53
53
  };
54
54
  __decorate([
package/package.json CHANGED
@@ -138,5 +138,5 @@
138
138
  "test": "echo \"No tests configured\""
139
139
  },
140
140
  "type": "module",
141
- "version": "0.95.0"
141
+ "version": "0.95.2"
142
142
  }