@autoguru/overdrive 4.52.1 → 4.52.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.
@@ -10,7 +10,7 @@ import { cssLayerComponent } from "../../styles/layers.css.js";
10
10
  import { selectors } from "../../styles/selectors.js";
11
11
  import { sprinkles } from "../../styles/sprinkles.css.js";
12
12
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
13
- import { WIDTH_COMPACT_ORIENTATION } from "./ToggleButtons.js";
13
+ import { WIDTH_COMPACT_ORIENTATION } from "./constants.js";
14
14
  const TOGGLE_BUTTON_HEIGHT = '40px';
15
15
  export const toggleButtonsContainer = createContainer("toggleButtonsContainer");
16
16
  export const toggleButtonsContainerStyle = style({
@@ -30,7 +30,6 @@ export interface ToggleButtonsProps extends AriaToggleButtonGroupProps, UseBoxPr
30
30
  /** (_Not in use_) The orientation of the toggle button group. @default 'horizontal' */
31
31
  orientation?: 'horizontal' | 'vertical';
32
32
  }
33
- export declare const WIDTH_COMPACT_ORIENTATION = 640;
34
33
  /**
35
34
  * ## ToggleButtons
36
35
  *
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButtons.d.ts","sourceRoot":"","sources":["../../../lib/components/ToggleButtons/ToggleButtons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAIb,KAAK,SAAS,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAGN,KAAK,0BAA0B,EAC/B,MAAM,YAAY,CAAC;AAIpB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIhE,MAAM,WAAW,kBAChB,SAAQ,0BAA0B,EACjC,WAAW,EACX,UAAU;IACX;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,mEAAmE;IACnE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kEAAkE;IAClE,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACxC;AAGD,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAM7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,eAAO,MAAM,aAAa,2FA0FzB,CAAC;AAIF,eAAO,MAAM,YAAY,oHAsCvB,CAAC"}
1
+ {"version":3,"file":"ToggleButtons.d.ts","sourceRoot":"","sources":["../../../lib/components/ToggleButtons/ToggleButtons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAIb,KAAK,SAAS,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAGN,KAAK,0BAA0B,EAC/B,MAAM,YAAY,CAAC;AAIpB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKhE,MAAM,WAAW,kBAChB,SAAQ,0BAA0B,EACjC,WAAW,EACX,UAAU;IACX;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,mEAAmE;IACnE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kEAAkE;IAClE,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACxC;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,eAAO,MAAM,aAAa,2FA0FzB,CAAC;AAIF,eAAO,MAAM,YAAY,oHAsCvB,CAAC"}
@@ -16,9 +16,8 @@ import { mergeRefs } from "../../utils/index.js";
16
16
  import { dataAttrs } from "../../utils/dataAttrs.js";
17
17
  import { useBox } from "../Box/useBox/useBox.js";
18
18
  import * as styles from "./ToggleButtons.css.js";
19
+ import { WIDTH_COMPACT_ORIENTATION } from "./constants.js";
19
20
  import { jsx as _jsx } from "react/jsx-runtime";
20
- // only applies to non `iconOnly` layout
21
- export const WIDTH_COMPACT_ORIENTATION = 640;
22
21
  const ToggleButtonGroupContext = /*#__PURE__*/React.createContext(null);
23
22
 
24
23
  /**
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Breakpoint width (in pixels) for ToggleButtons responsive layout.
3
+ *
4
+ * Below this width, toggle buttons stack vertically in a single column.
5
+ * Above this width, toggle buttons are laid out horizontally in a row.
6
+ *
7
+ * **Note:** This breakpoint only applies to non-iconOnly layouts. When `iconOnly` is true,
8
+ * buttons are always displayed in a horizontal inline layout regardless of container width.
9
+ */
10
+ export declare const WIDTH_COMPACT_ORIENTATION = 640;
11
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../lib/components/ToggleButtons/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAC"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ /**
4
+ * Breakpoint width (in pixels) for ToggleButtons responsive layout.
5
+ *
6
+ * Below this width, toggle buttons stack vertically in a single column.
7
+ * Above this width, toggle buttons are laid out horizontally in a row.
8
+ *
9
+ * **Note:** This breakpoint only applies to non-iconOnly layouts. When `iconOnly` is true,
10
+ * buttons are always displayed in a horizontal inline layout regardless of container width.
11
+ */
12
+ export const WIDTH_COMPACT_ORIENTATION = 640;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.52.1",
3
+ "version": "4.52.2",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",