@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.
@@ -3175,6 +3175,7 @@ const rd=mt`
3175
3175
  --ni-private-hover-bottom-border-width: 2px;
3176
3176
  border: 0px solid rgba(${en}, 0.3);
3177
3177
  border-bottom-width: var(--ni-private-bottom-border-width);
3178
+ gap: calc(${un} / 2);
3178
3179
  padding-bottom: calc(
3179
3180
  var(--ni-private-hover-bottom-border-width) -
3180
3181
  var(--ni-private-bottom-border-width)
@@ -3218,12 +3219,40 @@ const rd=mt`
3218
3219
  border-bottom-color: ${rn};
3219
3220
  }
3220
3221
 
3222
+ :host([appearance='frameless'].clear-inline-padding) .root {
3223
+ padding-left: 0px;
3224
+ padding-right: 0px;
3225
+ }
3226
+
3227
+ .root::before {
3228
+ ${""}
3229
+ content: ' ';
3230
+ color: transparent;
3231
+ width: 0px;
3232
+ user-select: none;
3233
+ }
3234
+
3235
+ :host([appearance='frameless'].clear-inline-padding) .root::before {
3236
+ display: none;
3237
+ }
3238
+
3239
+ .root::after {
3240
+ ${""}
3241
+ content: ' ';
3242
+ color: transparent;
3243
+ width: 0px;
3244
+ user-select: none;
3245
+ }
3246
+
3247
+ :host([appearance='frameless'].clear-inline-padding) .root::after {
3248
+ display: none;
3249
+ }
3250
+
3221
3251
  [part='start'] {
3222
3252
  display: contents;
3223
3253
  }
3224
3254
 
3225
3255
  slot[name='start']::slotted(*) {
3226
- margin-left: calc(${un} / 2);
3227
3256
  flex: none;
3228
3257
  }
3229
3258
 
@@ -3232,8 +3261,7 @@ const rd=mt`
3232
3261
  font: inherit;
3233
3262
  background: transparent;
3234
3263
  color: inherit;
3235
- padding-top: 0px;
3236
- padding-bottom: 0px;
3264
+ padding: 0px;
3237
3265
  height: calc(
3238
3266
  ${hn} - ${vn} -
3239
3267
  var(--ni-private-hover-bottom-border-width)
@@ -3241,8 +3269,6 @@ const rd=mt`
3241
3269
  width: 100%;
3242
3270
  margin-top: auto;
3243
3271
  margin-bottom: auto;
3244
- padding-left: calc(${un} / 2);
3245
- padding-right: calc(${un} / 2);
3246
3272
  border: none;
3247
3273
  text-overflow: ellipsis;
3248
3274
  }
@@ -3286,7 +3312,6 @@ const rd=mt`
3286
3312
  :host(.invalid) .error-content svg {
3287
3313
  height: ${gn};
3288
3314
  width: ${gn};
3289
- padding-right: 8px;
3290
3315
  flex: none;
3291
3316
  }
3292
3317
 
@@ -3327,7 +3352,6 @@ const rd=mt`
3327
3352
  }
3328
3353
 
3329
3354
  slot[name='actions']::slotted(*) {
3330
- margin-right: 8px;
3331
3355
  ${hn.cssCustomProperty}: 24px;
3332
3356
  }
3333
3357
  `.withBehaviors(zc(nd.Underline,mt`