@bolttech/molecules-dropdown 0.32.1 → 0.32.2

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/index.cjs CHANGED
@@ -2272,7 +2272,7 @@ const ClickableElement = /*#__PURE__*/styled__default["default"].div.withConfig(
2272
2272
  const ContainerDropdown = /*#__PURE__*/styled__default["default"].section.withConfig({
2273
2273
  displayName: "molecules-dropdownstyles__ContainerDropdown",
2274
2274
  componentId: "sc-3wugi4-1"
2275
- })(["display:flex;padding-top:", ";padding-bottom:", ";padding-right:", ";padding-left:", ";gap:", ";background-color:", ";outline:", ";border-radius:", ";box-shadow:", ";input{display:inline-block;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow-x:hidden;}.fieldLabel{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}.requiredLabel{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}label.material-symbols-sharp{color:", ";}&:focus-within{background-color:", ";outline:", ";", "}", " ", ""], ({
2275
+ })(["display:flex;padding-top:", ";padding-bottom:", ";padding-right:", ";padding-left:", ";gap:", ";background-color:", ";outline:", ";border-radius:", ";box-shadow:", ";margin-bottom:", ";input{display:inline-block;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow-x:hidden;}.fieldLabel{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}.requiredLabel{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}label.material-symbols-sharp{color:", ";}&:focus-within{background-color:", ";outline:", ";", "}", " ", ""], ({
2276
2276
  theme
2277
2277
  }) => theme.components.dropdown.paddingVertical, ({
2278
2278
  theme
@@ -2297,6 +2297,10 @@ const ContainerDropdown = /*#__PURE__*/styled__default["default"].section.withCo
2297
2297
  }
2298
2298
  }
2299
2299
  }) => shadow.lvl0, ({
2300
+ theme,
2301
+ $hasError,
2302
+ $hasHelperText
2303
+ }) => $hasError || $hasHelperText ? theme.components.input.contentGap : 0, ({
2300
2304
  theme,
2301
2305
  $variant,
2302
2306
  $hasValue
@@ -2480,6 +2484,7 @@ const ReusableDropdownComponent = _a => {
2480
2484
  "$variant": variant,
2481
2485
  "$hasValue": inputValue,
2482
2486
  "$hasError": hasError,
2487
+ "$hasHelperText": !!helperMessage,
2483
2488
  disabled: disabled,
2484
2489
  "data-testid": `${dataTestId}-dropdown-container`,
2485
2490
  onMouseDown: e => {
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@bolttech/molecules-dropdown",
3
- "version": "0.32.1",
3
+ "version": "0.32.2",
4
4
  "main": "./index.cjs",
5
5
  "type": "commonjs",
6
6
  "types": "./src/index.d.ts",
7
7
  "dependencies": {
8
8
  "@bolttech/atoms-icon": "0.23.0",
9
9
  "@bolttech/atoms-input": "0.26.1",
10
- "@bolttech/atoms-select": "0.22.0",
10
+ "@bolttech/atoms-select": "0.23.0",
11
11
  "@bolttech/default-theme": "0.9.1",
12
12
  "@bolttech/form-engine": "3.1.0-beta.13",
13
13
  "@bolttech/frontend-foundations": "0.10.0",
@@ -5,6 +5,7 @@ type DropdownStyledProps = {
5
5
  $variant: StyleVariants;
6
6
  $hasValue: string;
7
7
  $hasError?: boolean;
8
+ $hasHelperText?: boolean;
8
9
  disabled?: boolean;
9
10
  };
10
11
  export declare const ClickableElement: import("styled-components").IStyledComponent<"web", {