@ni/nimble-components 8.4.0 → 8.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 +31 -7
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +31 -7
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/text-field/styles.js +31 -7
- package/dist/esm/text-field/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -18211,6 +18211,7 @@
|
|
|
18211
18211
|
--ni-private-hover-bottom-border-width: 2px;
|
|
18212
18212
|
border: 0px solid rgba(${borderRgbPartialColor}, 0.3);
|
|
18213
18213
|
border-bottom-width: var(--ni-private-bottom-border-width);
|
|
18214
|
+
gap: calc(${standardPadding} / 2);
|
|
18214
18215
|
padding-bottom: calc(
|
|
18215
18216
|
var(--ni-private-hover-bottom-border-width) -
|
|
18216
18217
|
var(--ni-private-bottom-border-width)
|
|
@@ -18254,12 +18255,40 @@
|
|
|
18254
18255
|
border-bottom-color: ${borderHoverColor};
|
|
18255
18256
|
}
|
|
18256
18257
|
|
|
18258
|
+
:host([appearance='frameless'].clear-inline-padding) .root {
|
|
18259
|
+
padding-left: 0px;
|
|
18260
|
+
padding-right: 0px;
|
|
18261
|
+
}
|
|
18262
|
+
|
|
18263
|
+
.root::before {
|
|
18264
|
+
${ /* Empty string causes alignment issue */''}
|
|
18265
|
+
content: ' ';
|
|
18266
|
+
color: transparent;
|
|
18267
|
+
width: 0px;
|
|
18268
|
+
user-select: none;
|
|
18269
|
+
}
|
|
18270
|
+
|
|
18271
|
+
:host([appearance='frameless'].clear-inline-padding) .root::before {
|
|
18272
|
+
display: none;
|
|
18273
|
+
}
|
|
18274
|
+
|
|
18275
|
+
.root::after {
|
|
18276
|
+
${ /* Empty string causes alignment issue */''}
|
|
18277
|
+
content: ' ';
|
|
18278
|
+
color: transparent;
|
|
18279
|
+
width: 0px;
|
|
18280
|
+
user-select: none;
|
|
18281
|
+
}
|
|
18282
|
+
|
|
18283
|
+
:host([appearance='frameless'].clear-inline-padding) .root::after {
|
|
18284
|
+
display: none;
|
|
18285
|
+
}
|
|
18286
|
+
|
|
18257
18287
|
[part='start'] {
|
|
18258
18288
|
display: contents;
|
|
18259
18289
|
}
|
|
18260
18290
|
|
|
18261
18291
|
slot[name='start']::slotted(*) {
|
|
18262
|
-
margin-left: calc(${standardPadding} / 2);
|
|
18263
18292
|
flex: none;
|
|
18264
18293
|
}
|
|
18265
18294
|
|
|
@@ -18268,8 +18297,7 @@
|
|
|
18268
18297
|
font: inherit;
|
|
18269
18298
|
background: transparent;
|
|
18270
18299
|
color: inherit;
|
|
18271
|
-
padding
|
|
18272
|
-
padding-bottom: 0px;
|
|
18300
|
+
padding: 0px;
|
|
18273
18301
|
height: calc(
|
|
18274
18302
|
${controlHeight} - ${borderWidth} -
|
|
18275
18303
|
var(--ni-private-hover-bottom-border-width)
|
|
@@ -18277,8 +18305,6 @@
|
|
|
18277
18305
|
width: 100%;
|
|
18278
18306
|
margin-top: auto;
|
|
18279
18307
|
margin-bottom: auto;
|
|
18280
|
-
padding-left: calc(${standardPadding} / 2);
|
|
18281
|
-
padding-right: calc(${standardPadding} / 2);
|
|
18282
18308
|
border: none;
|
|
18283
18309
|
text-overflow: ellipsis;
|
|
18284
18310
|
}
|
|
@@ -18322,7 +18348,6 @@
|
|
|
18322
18348
|
:host(.invalid) .error-content svg {
|
|
18323
18349
|
height: ${iconSize};
|
|
18324
18350
|
width: ${iconSize};
|
|
18325
|
-
padding-right: 8px;
|
|
18326
18351
|
flex: none;
|
|
18327
18352
|
}
|
|
18328
18353
|
|
|
@@ -18363,7 +18388,6 @@
|
|
|
18363
18388
|
}
|
|
18364
18389
|
|
|
18365
18390
|
slot[name='actions']::slotted(*) {
|
|
18366
|
-
margin-right: 8px;
|
|
18367
18391
|
${controlHeight.cssCustomProperty}: 24px;
|
|
18368
18392
|
}
|
|
18369
18393
|
`.withBehaviors(appearanceBehavior(TextFieldAppearance.Underline, css `
|