@ni/nimble-components 8.4.0 → 8.6.1

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 (29) hide show
  1. package/dist/all-components-bundle.js +44 -13
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +35 -10
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/drawer/index.js +9 -3
  6. package/dist/esm/drawer/index.js.map +1 -1
  7. package/dist/esm/menu-button/index.d.ts +50 -0
  8. package/dist/esm/menu-button/index.js +154 -0
  9. package/dist/esm/menu-button/index.js.map +1 -0
  10. package/dist/esm/menu-button/styles.d.ts +1 -0
  11. package/dist/esm/menu-button/styles.js +29 -0
  12. package/dist/esm/menu-button/styles.js.map +1 -0
  13. package/dist/esm/menu-button/template.d.ts +2 -0
  14. package/dist/esm/menu-button/template.js +48 -0
  15. package/dist/esm/menu-button/template.js.map +1 -0
  16. package/dist/esm/menu-button/types.d.ts +15 -0
  17. package/dist/esm/menu-button/types.js +11 -0
  18. package/dist/esm/menu-button/types.js.map +1 -0
  19. package/dist/esm/nimble-components/src/menu-button/index.d.ts +50 -0
  20. package/dist/esm/nimble-components/src/menu-button/styles.d.ts +1 -0
  21. package/dist/esm/nimble-components/src/menu-button/template.d.ts +2 -0
  22. package/dist/esm/nimble-components/src/menu-button/types.d.ts +15 -0
  23. package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts +1 -1
  24. package/dist/esm/text-field/styles.js +31 -7
  25. package/dist/esm/text-field/styles.js.map +1 -1
  26. package/dist/esm/theme-provider/design-tokens.d.ts +1 -1
  27. package/dist/esm/theme-provider/design-tokens.js +2 -2
  28. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  29. package/package.json +2 -2
@@ -889,7 +889,7 @@ const[fn,bn,wn,xn,yn,$n,Cn,kn]=Vr(zo,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans P
889
889
  Vr(Oo,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","400","19px","24px","sans-serif"),Vr(Io,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","300","16px","20px","sans-serif"),Vr(So,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","300","12.800000190734863px","16px","sans-serif"),Vr(Ao,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","400","14px","18px","sans-serif")
890
890
  const[_n,zn,On,In,Sn,An,Mn,Vn]=Vr(Mo,(t=>Wo(Tr(t),.6)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","400","14px","18px","sans-serif"),[En,Hn,Ln,Tn,Rn,Pn,Fn,Bn]=Vr(Vo,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","600","14px","18px","sans-serif"),[Dn,Nn,jn,qn,Un,Kn,Wn,Yn]=Vr(Eo,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","400","14px","18px","sans-serif"),[Xn,Gn,Qn,Jn,Zn,tr,er,sr]=Vr(Ho,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Space Mono","400","11px","16px","sans-serif"),[ir,or,nr,rr,ar,lr,cr,hr]=Vr(Lo,(t=>Wo(Tr(t),.6)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","600","11px","16px","sans-serif"),[dr,ur,pr,vr,gr,mr,fr,br]=Vr(To,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","400","12.800000190734863px","16px","sans-serif")
891
891
  Vr(Ro,(t=>Tr(t)),(t=>Wo(Tr(t),.3)),"Source Sans Pro","400","11px",Ni,"sans-serif")
892
- const[wr,xr,yr,$r,Cr,kr,_r,zr]=Vr(Po,(t=>Hr(t)),(t=>Wo(Hr(t),.3)),"Source Sans Pro","400","9px",Ni,"sans-serif"),Or=Os.create(Fo(bo)).withDefault("uppercase"),Ir=Os.create(Fo(xo)).withDefault("0.1s"),Sr=Os.create(Fo(yo)).withDefault("0.15s"),Ar=Os.create(Fo($o)).withDefault(250)
892
+ const[wr,xr,yr,$r,Cr,kr,_r,zr]=Vr(Po,(t=>Hr(t)),(t=>Wo(Hr(t),.3)),"Source Sans Pro","400","9px",Ni,"sans-serif"),Or=Os.create(Fo(bo)).withDefault("uppercase"),Ir=Os.create(Fo(xo)).withDefault("0.075s"),Sr=Os.create(Fo(yo)).withDefault("0.15s"),Ar=Os.create(Fo($o)).withDefault("0.25s")
893
893
  function Mr(t){const{red:e,green:s,blue:i}=Ui(t)
894
894
  return`${e}, ${s}, ${i}`}function Vr(t,e,s,i,o,n,r,a){if(""===t||""===i||""===o||""===n||""===r||""===a)throw new Error("createFontTokens parameter unexpectedly set to empty string")
895
895
  const l=Os.create(Fo(t)).withDefault(`${o} ${n}/${r} ${i}, ${a}`),c=t.split("-font"),h=c[0]
@@ -1779,8 +1779,9 @@ case zh.Closing:this.hidden=!1,this.animateClosing()
1779
1779
  break
1780
1780
  case zh.Closed:this.hidden=!0
1781
1781
  break
1782
- default:throw new Error("Unsupported state value. Expected: opening/opened/closing/closed")}this.$emit("state-change")}}updateAnimationDuration(){const t=$h.matches
1783
- this.animationDurationMilliseconds=t?.001:Ar.getValueFor(this)}animateOpening(){this.animateOpenClose(!0)}animateClosing(){this.hidden?this.state=zh.Closed:this.animateOpenClose(!1)}animateOpenClose(t){const e={...t?Ch.slideInOptions:Ch.slideOutOptions,duration:this.animationDurationMilliseconds},s=this.location===_h.Right?Ch.slideRightKeyframes:Ch.slideLeftKeyframes,i=new Lc.AnimateTo(this.dialog,void 0,e)
1782
+ default:throw new Error("Unsupported state value. Expected: opening/opened/closing/closed")}this.$emit("state-change")}}updateAnimationDuration(){if($h.matches)this.animationDurationMilliseconds=.001
1783
+ else{const t=Ar.getValueFor(this),e=parseFloat(t)
1784
+ this.animationDurationMilliseconds=1e3*e}}animateOpening(){this.animateOpenClose(!0)}animateClosing(){this.hidden?this.state=zh.Closed:this.animateOpenClose(!1)}animateOpenClose(t){const e={...t?Ch.slideInOptions:Ch.slideOutOptions,duration:this.animationDurationMilliseconds},s=this.location===_h.Right?Ch.slideRightKeyframes:Ch.slideLeftKeyframes,i=new Lc.AnimateTo(this.dialog,void 0,e)
1784
1785
  i.addKeyframes(s)
1785
1786
  const o=[i],n=this.shadowRoot?.querySelector(".overlay")
1786
1787
  if(n){const t=new Lc.AnimateTo(n,void 0,e)
@@ -3175,6 +3176,7 @@ const rd=mt`
3175
3176
  --ni-private-hover-bottom-border-width: 2px;
3176
3177
  border: 0px solid rgba(${en}, 0.3);
3177
3178
  border-bottom-width: var(--ni-private-bottom-border-width);
3179
+ gap: calc(${un} / 2);
3178
3180
  padding-bottom: calc(
3179
3181
  var(--ni-private-hover-bottom-border-width) -
3180
3182
  var(--ni-private-bottom-border-width)
@@ -3218,12 +3220,40 @@ const rd=mt`
3218
3220
  border-bottom-color: ${rn};
3219
3221
  }
3220
3222
 
3223
+ :host([appearance='frameless'].clear-inline-padding) .root {
3224
+ padding-left: 0px;
3225
+ padding-right: 0px;
3226
+ }
3227
+
3228
+ .root::before {
3229
+ ${""}
3230
+ content: ' ';
3231
+ color: transparent;
3232
+ width: 0px;
3233
+ user-select: none;
3234
+ }
3235
+
3236
+ :host([appearance='frameless'].clear-inline-padding) .root::before {
3237
+ display: none;
3238
+ }
3239
+
3240
+ .root::after {
3241
+ ${""}
3242
+ content: ' ';
3243
+ color: transparent;
3244
+ width: 0px;
3245
+ user-select: none;
3246
+ }
3247
+
3248
+ :host([appearance='frameless'].clear-inline-padding) .root::after {
3249
+ display: none;
3250
+ }
3251
+
3221
3252
  [part='start'] {
3222
3253
  display: contents;
3223
3254
  }
3224
3255
 
3225
3256
  slot[name='start']::slotted(*) {
3226
- margin-left: calc(${un} / 2);
3227
3257
  flex: none;
3228
3258
  }
3229
3259
 
@@ -3232,8 +3262,7 @@ const rd=mt`
3232
3262
  font: inherit;
3233
3263
  background: transparent;
3234
3264
  color: inherit;
3235
- padding-top: 0px;
3236
- padding-bottom: 0px;
3265
+ padding: 0px;
3237
3266
  height: calc(
3238
3267
  ${hn} - ${vn} -
3239
3268
  var(--ni-private-hover-bottom-border-width)
@@ -3241,8 +3270,6 @@ const rd=mt`
3241
3270
  width: 100%;
3242
3271
  margin-top: auto;
3243
3272
  margin-bottom: auto;
3244
- padding-left: calc(${un} / 2);
3245
- padding-right: calc(${un} / 2);
3246
3273
  border: none;
3247
3274
  text-overflow: ellipsis;
3248
3275
  }
@@ -3286,7 +3313,6 @@ const rd=mt`
3286
3313
  :host(.invalid) .error-content svg {
3287
3314
  height: ${gn};
3288
3315
  width: ${gn};
3289
- padding-right: 8px;
3290
3316
  flex: none;
3291
3317
  }
3292
3318
 
@@ -3327,7 +3353,6 @@ const rd=mt`
3327
3353
  }
3328
3354
 
3329
3355
  slot[name='actions']::slotted(*) {
3330
- margin-right: 8px;
3331
3356
  ${hn.cssCustomProperty}: 24px;
3332
3357
  }
3333
3358
  `.withBehaviors(zc(nd.Underline,mt`