@ni/nimble-components 7.4.3 → 7.5.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/dist/all-components-bundle.js +22 -6
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2 -2
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/text-field/index.js +5 -2
- package/dist/esm/text-field/index.js.map +1 -1
- package/dist/esm/text-field/styles.js +17 -4
- package/dist/esm/text-field/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -17931,25 +17931,29 @@
|
|
|
17931
17931
|
}
|
|
17932
17932
|
|
|
17933
17933
|
[part='end'] {
|
|
17934
|
+
display: contents;
|
|
17935
|
+
}
|
|
17936
|
+
|
|
17937
|
+
.error-content {
|
|
17934
17938
|
display: none;
|
|
17935
17939
|
}
|
|
17936
17940
|
|
|
17937
|
-
:host(.invalid)
|
|
17941
|
+
:host(.invalid) .error-content {
|
|
17938
17942
|
display: contents;
|
|
17939
17943
|
}
|
|
17940
17944
|
|
|
17941
|
-
:host(.invalid)
|
|
17945
|
+
:host(.invalid) .error-content svg {
|
|
17942
17946
|
height: ${iconSize};
|
|
17943
17947
|
width: ${iconSize};
|
|
17944
17948
|
padding-right: 8px;
|
|
17945
17949
|
flex: none;
|
|
17946
17950
|
}
|
|
17947
17951
|
|
|
17948
|
-
:host(.invalid)
|
|
17952
|
+
:host(.invalid) .error-content path {
|
|
17949
17953
|
fill: ${failColor};
|
|
17950
17954
|
}
|
|
17951
17955
|
|
|
17952
|
-
:host([disabled])
|
|
17956
|
+
:host([disabled]) .error-content path {
|
|
17953
17957
|
fill: ${bodyDisabledFontColor};
|
|
17954
17958
|
}
|
|
17955
17959
|
|
|
@@ -17980,6 +17984,15 @@
|
|
|
17980
17984
|
:host([disabled]) .errortext {
|
|
17981
17985
|
color: ${bodyDisabledFontColor};
|
|
17982
17986
|
}
|
|
17987
|
+
|
|
17988
|
+
[part='actions'] {
|
|
17989
|
+
display: contents;
|
|
17990
|
+
}
|
|
17991
|
+
|
|
17992
|
+
slot[name='actions']::slotted(*) {
|
|
17993
|
+
margin-right: 8px;
|
|
17994
|
+
${controlHeight.cssCustomProperty}: 24px;
|
|
17995
|
+
}
|
|
17983
17996
|
`.withBehaviors(appearanceBehavior(TextFieldAppearance.Underline, css `
|
|
17984
17997
|
.root {
|
|
17985
17998
|
--ni-private-bottom-border-width: 1px;
|
|
@@ -18086,10 +18099,13 @@
|
|
|
18086
18099
|
delegatesFocus: true
|
|
18087
18100
|
},
|
|
18088
18101
|
end: html `
|
|
18089
|
-
|
|
18102
|
+
<span class="error-content">${exclamationMark16X16.data}</span>
|
|
18103
|
+
<span part="actions">
|
|
18104
|
+
<slot name="actions"></slot>
|
|
18105
|
+
</span>
|
|
18090
18106
|
<div
|
|
18091
18107
|
id="errortext"
|
|
18092
|
-
class="errortext"
|
|
18108
|
+
class="errortext error-content"
|
|
18093
18109
|
title="${x => x.errorText}"
|
|
18094
18110
|
aria-live="polite"
|
|
18095
18111
|
>
|