@easypost/easy-ui 1.0.0-alpha.122 → 1.0.0-alpha.123

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.123
+
+### Patch Changes
+
+- 04c7aab: Select now keeps its size after you choose a value, so medium and large fields stay the same height instead of shrinking a step
+- bb3e69e: the Select now keeps its size after you choose a value when there is no secondary text. if the selected option has secondary text, it shrinks slightly to match our Figma designs
+
 ## 1.0.0-alpha.122
 
 ### Minor Changes

package/SearchNav/index.js

@@ -39,7 +39,7 @@ const Menu = require("../__chunks__/Menu-MGDv1tob.js");
 const Text = require("../__chunks__/Text-DkzMEqky.js");
 const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
 const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
-const SelectOverlay = require("../__chunks__/SelectOverlay-DpI9vNLw.js");
+const SelectOverlay = require("../__chunks__/SelectOverlay-Dh126Smn.js");
 const useTriggerWidth = require("../__chunks__/useTriggerWidth-NhYqZmlX.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
 const Close = require("../__chunks__/Close-BQ2IlPyf.js");

package/SearchNav/index.mjs

@@ -38,7 +38,7 @@ import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
 import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
 import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
-import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-C23EXgqX.mjs";
+import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-K-ZKp0JS.mjs";
 import { u as useTriggerWidth } from "../__chunks__/useTriggerWidth-CBghrvjy.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
 import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";

package/Select/index.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const SelectOverlay = require("../__chunks__/SelectOverlay-DpI9vNLw.js");
+const SelectOverlay = require("../__chunks__/SelectOverlay-Dh126Smn.js");
 const utilities_css = require("../utilities/css.js");
 const InputCaption = require("../__chunks__/InputCaption-CccF4ynE.js");
 const Text = require("../__chunks__/Text-DkzMEqky.js");
@@ -87,7 +87,7 @@ function SelectField(props) {
       size,
       children: selectState.selectedItem ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(Text.Text, {
-          variant: "body2",
+          variant: selectedDescription ? "body2" : void 0,
           truncate: true,
           children: selectState.selectedItem.rendered
         }), selectedDescription && jsxRuntime.jsx("span", {

package/Select/index.mjs

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useMemo } from "react";
-import { u as useInternalSelectContext, s as styles, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, c as SelectSection, d as SelectOption } from "../__chunks__/SelectOverlay-C23EXgqX.mjs";
+import { u as useInternalSelectContext, s as styles, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, c as SelectSection, d as SelectOption } from "../__chunks__/SelectOverlay-K-ZKp0JS.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { L as Label, I as InputCaption } from "../__chunks__/InputCaption-DoyGkWQe.mjs";
 import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
@@ -85,7 +85,7 @@ function SelectField(props) {
       size,
       children: selectState.selectedItem ? jsxs(Fragment, {
         children: [jsx(Text, {
-          variant: "body2",
+          variant: selectedDescription ? "body2" : void 0,
           truncate: true,
           children: selectState.selectedItem.rendered
         }), selectedDescription && jsx("span", {

package/__chunks__/{SelectOverlay-DpI9vNLw.js → SelectOverlay-Dh126Smn.js}

@@ -464,7 +464,7 @@ function SelectOptionContent({ item, state }) {
     children: jsxRuntime.jsxs("div", {
       className: styles.optionContent,
       children: [jsxRuntime.jsx(Text.Text, {
-        variant: "body2",
+        variant: description ? "body2" : "body1",
         truncate: true,
         children: item.rendered
       }), description && jsxRuntime.jsx("span", {

package/__chunks__/{SelectOverlay-C23EXgqX.mjs → SelectOverlay-K-ZKp0JS.mjs}

@@ -463,7 +463,7 @@ function SelectOptionContent({ item, state }) {
     children: jsxs("div", {
       className: styles.optionContent,
       children: [jsx(Text, {
-        variant: "body2",
+        variant: description ? "body2" : "body1",
         truncate: true,
         children: item.rendered
       }), description && jsx("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easypost/easy-ui",
-  "version": "1.0.0-alpha.122",
+  "version": "1.0.0-alpha.123",
   "sideEffects": [
     "**/*.css"
   ],