@ni/ok-components 1.6.0 → 1.6.2

package/dist/all-components-bundle.min.js

@@ -4178,6 +4178,7 @@ const jv="nimble-icon-arrow-expander-down",Wv="above",Gv="underline",Zv="outline
     ${Jv}
 
     :host {
+        field-sizing: fixed;
         --ni-private-hover-bottom-border-width: 2px;
         --ni-private-bottom-border-width: 1px;
         --ni-private-height-within-border: calc(
@@ -4186,6 +4187,7 @@ const jv="nimble-icon-arrow-expander-down",Wv="above",Gv="underline",Zv="outline
     }
 
     .control {
+        field-sizing: inherit;
         bottom-border-width: var(--ni-private-bottom-border-width);
     }
 
@@ -4193,7 +4195,12 @@ const jv="nimble-icon-arrow-expander-down",Wv="above",Gv="underline",Zv="outline
         border-bottom-color: ${hc};
     }
 
+    slot[name='control'] {
+        field-sizing: inherit;
+    }
+
     .selected-value {
+        field-sizing: inherit;
         -webkit-appearance: none;
         background: transparent;
         border: none;
@@ -5491,6 +5498,7 @@ const nw="nimble-menu-item",iw="underline",ow="outline",sw="block",rw="frameless
         outline: none;
         ${Ch}
         color: ${pd};
+        field-sizing: fixed;
         --ni-private-hover-indicator-width: calc(${Lc} + 1px);
         --ni-private-height-within-border: calc(
             ${Ac} - 2 * ${Lc}
@@ -5523,6 +5531,7 @@ const nw="nimble-menu-item",iw="underline",ow="outline",sw="block",rw="frameless
         position: relative;
         display: flex;
         flex-direction: row;
+        field-sizing: inherit;
         justify-content: center;
         align-items: center;
         border-radius: 0px;
@@ -5590,12 +5599,17 @@ const nw="nimble-menu-item",iw="underline",ow="outline",sw="block",rw="frameless
         font: inherit;
         background: transparent;
         color: inherit;
+        field-sizing: inherit;
         height: var(--ni-private-height-within-border);
         width: 100%;
         border: none;
         padding: 0px;
         padding-left: ${Dc};
     }
+    
+    :host([hide-step]) .control {
+        padding-right: ${Oc};
+    }
 
     .control:hover,
     .control:focus,
@@ -5691,6 +5705,7 @@ const nw="nimble-menu-item",iw="underline",ow="outline",sw="block",rw="frameless
 
             :host([full-bleed]) .control {
                 padding-left: 0px;
+                padding-right: 0px;
             }
         `)),lw=nb(J`<label
         part="label"
@@ -14404,6 +14419,8 @@ const WH="outline",GH="block",ZH=_t`
         outline: none;
         ${Ch}
         color: ${pd};
+        field-sizing: fixed;
+        min-width: 100px;
         flex-direction: column;
         vertical-align: top;
         --ni-private-hover-indicator-width: calc(${Lc} + 1px);
@@ -14435,6 +14452,7 @@ const WH="outline",GH="block",ZH=_t`
         display: flex;
         justify-content: center;
         position: relative;
+        field-sizing: inherit;
         height: 100%;
         width: 100%;
     }
@@ -14479,7 +14497,7 @@ const WH="outline",GH="block",ZH=_t`
         border-radius: 0px;
         align-items: flex-end;
         border: ${Lc} solid transparent;
-        min-width: 100px;
+        field-sizing: inherit;
         min-height: calc(${Bc} + ${Rc});
         padding: 8px;
         ${""}
@@ -14651,6 +14669,7 @@ const JH="underline",QH="outline",tU="block",eU="frameless",nU=_t`
         outline: none;
         ${Ch}
         color: ${pd};
+        field-sizing: fixed;
         --ni-private-hover-indicator-width: calc(${Lc} + 1px);
         --ni-private-height-within-border: calc(
             ${Ac} - 2 * ${Lc}
@@ -14685,6 +14704,7 @@ const JH="underline",QH="outline",tU="block",eU="frameless",nU=_t`
         display: flex;
         flex-direction: row;
         border-radius: 0px;
+        field-sizing: inherit;
         font: inherit;
         align-items: center;
         justify-content: center;
@@ -14763,6 +14783,7 @@ const JH="underline",QH="outline",tU="block",eU="frameless",nU=_t`
         background: transparent;
         color: inherit;
         padding: 0px;
+        field-sizing: inherit;
         height: var(--ni-private-height-within-border);
         width: 100%;
         margin-top: auto;
@@ -17130,7 +17151,7 @@ const z1=t=>`${zo(t)}:host{box-sizing:border-box;}*{box-sizing:border-box;}:host
         display: none;
     }
 
-    .messages-anchored.anchor-active {
+    .messages-anchored {
         min-height: 100%;
     }
 
@@ -17633,9 +17654,10 @@ const l2=_t`
         min-width: ${Rc};
         min-height: ${Rc};
 
+        flex: 1;
         flex-direction: row;
         justify-content: center;
-        flex-shrink: 0;
+        align-items: center;
         font: ${ud};
         color: ${pd};
     }