beacon-ui 3.5.10 → 3.5.12

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/CHANGELOG.md CHANGED
@@ -5,6 +5,17 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [3.5.12] - 2026-02-05
9
+
10
+ ### Added
11
+ - Select component `labelPosition` prop ("top" | "left"), default "left", for label placement
12
+ - `SelectLabelPosition` type export
13
+
14
+ ## [3.5.11] - 2026-02-05
15
+
16
+ ### Added
17
+ - Tab and TabItem component updates (documentation and playground)
18
+
8
19
  ## [3.5.10] - 2026-01-30
9
20
 
10
21
  ### Added
package/README.md CHANGED
@@ -582,7 +582,7 @@ https://beacon.uxraza.com/
582
582
 
583
583
  ## Version
584
584
 
585
- Current version: **3.5.8**
585
+ Current version: **3.5.12**
586
586
 
587
587
  ## License
588
588
 
@@ -2,6 +2,7 @@ import React, { ComponentPropsWithoutRef } from "react";
2
2
  import type { CornerRadiusStep } from "./Button";
3
3
  export type SelectSize = "sm" | "md" | "lg" | "xl";
4
4
  export type SelectStatus = "default" | "hover" | "active" | "disabled";
5
+ export type SelectLabelPosition = "top" | "left";
5
6
  export interface SelectOption {
6
7
  value: string;
7
8
  label: string;
@@ -9,6 +10,7 @@ export interface SelectOption {
9
10
  }
10
11
  export interface SelectProps extends Omit<ComponentPropsWithoutRef<"button">, "size" | "onClick" | "onSelect"> {
11
12
  label?: string;
13
+ labelPosition?: SelectLabelPosition;
12
14
  size?: SelectSize;
13
15
  status?: SelectStatus;
14
16
  showLabel?: boolean;
@@ -23,5 +25,5 @@ export interface SelectProps extends Omit<ComponentPropsWithoutRef<"button">, "s
23
25
  cornerRadius?: CornerRadiusStep;
24
26
  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
25
27
  }
26
- export declare function Select({ label, size, status: statusProp, showLabel, showStartIcon, showEndIcon, startIcon, endIcon, selectedValue, options, onSelect, fullWidth, cornerRadius, className, style, id, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
28
+ export declare function Select({ label, labelPosition, size, status: statusProp, showLabel, showStartIcon, showEndIcon, startIcon, endIcon, selectedValue, options, onSelect, fullWidth, cornerRadius, className, style, id, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
27
29
  //# sourceMappingURL=Select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA+C,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGrG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEvE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAWD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAmED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,IAAW,EACX,MAAM,EAAE,UAAU,EAClB,SAAgB,EAChB,aAAoB,EACpB,WAAkB,EAClB,SAAS,EACT,OAAO,EACP,aAAa,EACb,OAAY,EACZ,QAAQ,EACR,SAAgB,EAChB,YAAY,EACZ,SAAS,EACT,KAAK,EACL,EAAE,EACF,GAAG,IAAI,EACR,EAAE,WAAW,2CA0Vb"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA+C,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGrG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAWD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAmED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAsB,EACtB,IAAW,EACX,MAAM,EAAE,UAAU,EAClB,SAAgB,EAChB,aAAoB,EACpB,WAAkB,EAClB,SAAS,EACT,OAAO,EACP,aAAa,EACb,OAAY,EACZ,QAAQ,EACR,SAAgB,EAChB,YAAY,EACZ,SAAS,EACT,KAAK,EACL,EAAE,EACF,GAAG,IAAI,EACR,EAAE,WAAW,2CAmWb"}
@@ -61,7 +61,7 @@ const SIZE_CONFIG = {
61
61
  gap: "var(--spacing-200)",
62
62
  },
63
63
  };
64
- export function Select({ label, size = "md", status: statusProp, showLabel = true, showStartIcon = true, showEndIcon = true, startIcon, endIcon, selectedValue, options = [], onSelect, fullWidth = true, cornerRadius, className, style, id, ...rest }) {
64
+ export function Select({ label, labelPosition = "left", size = "md", status: statusProp, showLabel = true, showStartIcon = true, showEndIcon = true, startIcon, endIcon, selectedValue, options = [], onSelect, fullWidth = true, cornerRadius, className, style, id, ...rest }) {
65
65
  useThemeSafe();
66
66
  const sizeConfig = SIZE_CONFIG[size];
67
67
  const [isOpen, setIsOpen] = useState(false);
@@ -114,8 +114,9 @@ export function Select({ label, size = "md", status: statusProp, showLabel = tru
114
114
  lineHeight: sizeConfig.labelLineHeight,
115
115
  fontFamily: "var(--font-secondary)",
116
116
  color: status === "disabled" ? "var(--fg-disabled)" : "var(--fg-neutral)",
117
+ ...(labelPosition === "left" && { flexShrink: 0 }),
117
118
  };
118
- }, [sizeConfig, status]);
119
+ }, [sizeConfig, status, labelPosition]);
119
120
  const textStyles = useMemo(() => {
120
121
  return {
121
122
  fontSize: sizeConfig.fontSize,
@@ -255,32 +256,35 @@ export function Select({ label, size = "md", status: statusProp, showLabel = tru
255
256
  };
256
257
  const generatedId = useId();
257
258
  const selectId = id || generatedId;
258
- return (_jsxs("div", { ref: selectRef, style: {
259
- display: "flex",
260
- flexDirection: "column",
261
- gap: "var(--spacing-100)",
262
- width: fullWidth ? "100%" : "fit-content",
263
- position: "relative",
264
- overflow: "visible",
265
- }, children: [showLabel && label && (_jsx("label", { htmlFor: selectId, style: labelStyles, children: label })), _jsxs("button", { id: selectId, type: "button", onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: { ...containerStyles, ...style }, className: className, "aria-expanded": isOpen || status === "active", "aria-haspopup": "listbox", "aria-disabled": status === "disabled", "aria-labelledby": showLabel && label ? undefined : undefined, disabled: status === "disabled", ...rest, children: [showStartIcon && (_jsx("div", { style: {
266
- color: status === "disabled" ? "var(--fg-disabled)" : "var(--fg-neutral)",
267
- flexShrink: 0,
268
- display: "flex",
269
- alignItems: "center",
270
- justifyContent: "center",
271
- }, children: startIcon ? (React.isValidElement(startIcon)
272
- ? React.cloneElement(startIcon, { size: sizeConfig.iconSize })
273
- : startIcon) : (_jsx(UserPersonIcon, { size: sizeConfig.iconSize })) })), _jsx("span", { style: textStyles, children: displayText }), showEndIcon && (_jsx("div", { style: {
274
- color: status === "disabled" ? "var(--fg-disabled)" : "var(--fg-neutral-tertiary)",
275
- flexShrink: 0,
276
- display: "flex",
277
- alignItems: "center",
278
- justifyContent: "center",
279
- transform: isOpen || status === "active" ? "rotate(180deg)" : "rotate(0deg)",
280
- transition: "transform 0.15s ease",
281
- }, children: endIcon ? (React.isValidElement(endIcon)
282
- ? React.cloneElement(endIcon, { size: sizeConfig.iconSize })
283
- : endIcon) : (_jsx(ChevronDownIcon, { size: sizeConfig.iconSize })) }))] }), (isOpen || status === "active") && status !== "disabled" && options.length > 0 && (_jsx("div", { style: dropdownStyles, role: "listbox", children: options.map((option, index) => {
259
+ const wrapperStyle = {
260
+ display: "flex",
261
+ flexDirection: labelPosition === "left" ? "row" : "column",
262
+ alignItems: labelPosition === "left" ? "center" : undefined,
263
+ gap: "var(--spacing-100)",
264
+ width: fullWidth ? "100%" : "fit-content",
265
+ position: "relative",
266
+ overflow: "visible",
267
+ };
268
+ const buttonContent = (_jsxs("button", { id: selectId, type: "button", onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: { ...containerStyles, ...style }, className: className, "aria-expanded": isOpen || status === "active", "aria-haspopup": "listbox", "aria-disabled": status === "disabled", "aria-labelledby": showLabel && label ? undefined : undefined, disabled: status === "disabled", ...rest, children: [showStartIcon && (_jsx("div", { style: {
269
+ color: status === "disabled" ? "var(--fg-disabled)" : "var(--fg-neutral)",
270
+ flexShrink: 0,
271
+ display: "flex",
272
+ alignItems: "center",
273
+ justifyContent: "center",
274
+ }, children: startIcon ? (React.isValidElement(startIcon)
275
+ ? React.cloneElement(startIcon, { size: sizeConfig.iconSize })
276
+ : startIcon) : (_jsx(UserPersonIcon, { size: sizeConfig.iconSize })) })), _jsx("span", { style: textStyles, children: displayText }), showEndIcon && (_jsx("div", { style: {
277
+ color: status === "disabled" ? "var(--fg-disabled)" : "var(--fg-neutral-tertiary)",
278
+ flexShrink: 0,
279
+ display: "flex",
280
+ alignItems: "center",
281
+ justifyContent: "center",
282
+ transform: isOpen || status === "active" ? "rotate(180deg)" : "rotate(0deg)",
283
+ transition: "transform 0.15s ease",
284
+ }, children: endIcon ? (React.isValidElement(endIcon)
285
+ ? React.cloneElement(endIcon, { size: sizeConfig.iconSize })
286
+ : endIcon) : (_jsx(ChevronDownIcon, { size: sizeConfig.iconSize })) }))] }));
287
+ return (_jsxs("div", { ref: selectRef, style: wrapperStyle, children: [showLabel && label && (_jsx("label", { htmlFor: selectId, style: labelStyles, children: label })), labelPosition === "left" && fullWidth ? (_jsx("div", { style: { flex: "1 1 0", minWidth: 0 }, children: buttonContent })) : (buttonContent), (isOpen || status === "active") && status !== "disabled" && options.length > 0 && (_jsx("div", { style: dropdownStyles, role: "listbox", children: options.map((option, index) => {
284
288
  const isSelected = option.value === selectedValue;
285
289
  const isHovered = hoveredOptionIndex === index;
286
290
  const isLast = index === options.length - 1;
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,qBAAqB,EAAE,YAAY,EAAgC,MAAM,OAAO,CAAC;AAEnG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,WAAW,QAAS,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC5D,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IACpE,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC;AAED,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,IAAW,EACX,QAAoB,EACpB,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,GAAG,IAAI,EACR,EAAE,QAAQ,2CAgCV"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,qBAAqB,EAAE,YAAY,EAAgC,MAAM,OAAO,CAAC;AAEnG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,WAAW,QAAS,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC5D,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IACpE,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC;AAED,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,IAAW,EACX,QAAoB,EACpB,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,GAAG,IAAI,EACR,EAAE,QAAQ,2CAkCV"}
@@ -5,13 +5,15 @@ import { useThemeSafe } from "../providers/ThemeProvider";
5
5
  export function Tab({ children, size = "sm", tabStyle = "default", className, style: inlineStyle, ...rest }) {
6
6
  useThemeSafe();
7
7
  const containerStyles = useMemo(() => {
8
+ const isSide = tabStyle === "side";
8
9
  return {
9
- display: "inline-flex",
10
- gap: 0,
11
- backgroundColor: "var(--bg-page-primary)",
12
- border: "var(--border-width-25) solid var(--border-strong-200)",
10
+ display: "flex",
11
+ flexDirection: isSide ? "column" : "row",
12
+ gap: isSide ? "var(--spacing-50)" : 0,
13
+ backgroundColor: isSide ? "transparent" : "var(--bg-page-primary)",
14
+ border: isSide ? "none" : "var(--border-width-25) solid var(--border-strong-200)",
13
15
  borderRadius: tabStyle === "pill" ? "var(--corner-radius-200)" : "var(--corner-radius-200)",
14
- padding: "2px",
16
+ padding: isSide ? 0 : "2px",
15
17
  overflow: "hidden",
16
18
  ...inlineStyle,
17
19
  };
@@ -1,7 +1,7 @@
1
1
  import { ComponentPropsWithRef } from "react";
2
2
  export type TabItemState = "default" | "active" | "hover" | "disabled";
3
3
  export type TabItemSize = "sm" | "md";
4
- export type TabItemStyle = "default" | "pill";
4
+ export type TabItemStyle = "default" | "pill" | "side";
5
5
  export interface TabItemProps extends Omit<ComponentPropsWithRef<"button">, "onClick"> {
6
6
  tabName?: string;
7
7
  state?: TabItemState;
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../src/components/TabItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyBD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,IAAW,EACX,QAAoB,EACpB,OAAO,EACP,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,YAAY,2CAgEd"}
1
+ {"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../src/components/TabItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyBD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,IAAW,EACX,QAAoB,EACpB,OAAO,EACP,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,YAAY,2CAqEd"}
@@ -26,7 +26,7 @@ export function TabItem({ tabName, state: stateProp, size = "sm", tabStyle = "de
26
26
  const effectiveState = stateProp ?? (isHovered ? "hover" : "default");
27
27
  const buttonStyles = useMemo(() => {
28
28
  const baseStyles = {
29
- flex: "1",
29
+ flex: tabStyle === "side" ? "0 0 auto" : "1",
30
30
  padding: `${sizeConfig.paddingY} ${sizeConfig.paddingX}`,
31
31
  border: "none",
32
32
  backgroundColor: "transparent",
@@ -37,7 +37,11 @@ export function TabItem({ tabName, state: stateProp, size = "sm", tabStyle = "de
37
37
  fontWeight: "var(--font-weight-secondary-medium)",
38
38
  cursor: isDisabled ? "not-allowed" : "pointer",
39
39
  transition: "background-color 0.15s ease, color 0.15s ease",
40
- borderRadius: tabStyle === "pill" ? "var(--corner-radius-100)" : "0",
40
+ borderRadius: tabStyle === "pill"
41
+ ? "var(--corner-radius-100)"
42
+ : tabStyle === "side"
43
+ ? "var(--corner-radius-200)"
44
+ : "0",
41
45
  whiteSpace: "nowrap",
42
46
  ...inlineStyle,
43
47
  };
package/dist/index.d.ts CHANGED
@@ -22,7 +22,7 @@ export type { CardProps, CardStatus, CardShadow } from "./components/Card";
22
22
  export type { CheckboxProps, CheckboxStatus } from "./components/Checkbox";
23
23
  export type { SwitchProps, SwitchStatus } from "./components/Switch";
24
24
  export type { InputProps, InputSize, InputStatus } from "./components/Input";
25
- export type { SelectProps, SelectSize, SelectStatus, SelectOption } from "./components/Select";
25
+ export type { SelectProps, SelectSize, SelectStatus, SelectOption, SelectLabelPosition } from "./components/Select";
26
26
  export type { AvatarProps, AvatarSize, AvatarType, AvatarColor, AvatarVariant } from "./components/Avatar";
27
27
  export type { ChipProps, ChipSize, ChipColor } from "./components/Chip";
28
28
  export type { DividerProps, DividerOrientation, DividerSlotPosition } from "./components/Divider";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beacon-ui",
3
- "version": "3.5.10",
3
+ "version": "3.5.12",
4
4
  "description": "Beacon Design System - Components and tokens",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",