@autoguru/overdrive 4.52.0 → 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.
- package/dist/components/MarkdownRenderer/MarkdownRenderer.css.js +7 -1
- package/dist/components/ToggleButtons/ToggleButtons.css.js +1 -1
- package/dist/components/ToggleButtons/ToggleButtons.d.ts +0 -1
- package/dist/components/ToggleButtons/ToggleButtons.d.ts.map +1 -1
- package/dist/components/ToggleButtons/ToggleButtons.js +1 -2
- package/dist/components/ToggleButtons/constants.d.ts +11 -0
- package/dist/components/ToggleButtons/constants.d.ts.map +1 -0
- package/dist/components/ToggleButtons/constants.js +12 -0
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
4
4
|
__vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/MarkdownRenderer.css.ts", "@autoguru/overdrive");
|
|
5
|
-
import { style } from '@vanilla-extract/css';
|
|
5
|
+
import { globalStyle, style } from '@vanilla-extract/css';
|
|
6
6
|
import { cssLayerComponent } from "../../styles/layers.css.js";
|
|
7
7
|
import { overdriveTokens as tokens } from "../../themes/theme.css.js";
|
|
8
8
|
export const root = style({
|
|
@@ -15,4 +15,10 @@ export const root = style({
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
}, "root");
|
|
18
|
+
globalStyle(`${root} > *:first-child`, {
|
|
19
|
+
marginTop: '0 !important'
|
|
20
|
+
});
|
|
21
|
+
globalStyle(`${root} > *:last-child`, {
|
|
22
|
+
marginBottom: '0 !important'
|
|
23
|
+
});
|
|
18
24
|
__vanilla_filescope__.endFileScope();
|
|
@@ -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 "./
|
|
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;
|
|
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;
|