@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.
- package/dist/all-components-bundle.js +44 -13
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +35 -10
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/drawer/index.js +9 -3
- package/dist/esm/drawer/index.js.map +1 -1
- package/dist/esm/menu-button/index.d.ts +50 -0
- package/dist/esm/menu-button/index.js +154 -0
- package/dist/esm/menu-button/index.js.map +1 -0
- package/dist/esm/menu-button/styles.d.ts +1 -0
- package/dist/esm/menu-button/styles.js +29 -0
- package/dist/esm/menu-button/styles.js.map +1 -0
- package/dist/esm/menu-button/template.d.ts +2 -0
- package/dist/esm/menu-button/template.js +48 -0
- package/dist/esm/menu-button/template.js.map +1 -0
- package/dist/esm/menu-button/types.d.ts +15 -0
- package/dist/esm/menu-button/types.js +11 -0
- package/dist/esm/menu-button/types.js.map +1 -0
- package/dist/esm/nimble-components/src/menu-button/index.d.ts +50 -0
- package/dist/esm/nimble-components/src/menu-button/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/menu-button/template.d.ts +2 -0
- package/dist/esm/nimble-components/src/menu-button/types.d.ts +15 -0
- package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts +1 -1
- package/dist/esm/text-field/styles.js +31 -7
- package/dist/esm/text-field/styles.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +1 -1
- package/dist/esm/theme-provider/design-tokens.js +2 -2
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- 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.
|
|
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(){
|
|
1783
|
-
|
|
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
|
|
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`
|