willba-component-library 0.3.21 → 0.3.23
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/README.md +1 -1
- package/lib/index.esm.js +2 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +2 -2
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.stories.tsx +1 -1
- package/src/components/FilterBar/components/FilterPanels/FilterPanels.css +3 -3
- package/src/components/FilterBar/hooks/usePanelPosition.tsx +1 -1
package/README.md
CHANGED
|
@@ -107,7 +107,7 @@ ReactDOM.render(<App />, document.querySelector('#app'))
|
|
|
107
107
|
|
|
108
108
|
<script src="https://unpkg.com/react@18.3.1/umd/react.production.min.js"></script>
|
|
109
109
|
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js"></script>
|
|
110
|
-
<script src="https://cdn.jsdelivr.net/npm/willba-component-library@0.3.
|
|
110
|
+
<script src="https://cdn.jsdelivr.net/npm/willba-component-library@0.3.23/lib/index.umd.js"></script>
|
|
111
111
|
|
|
112
112
|
<script>
|
|
113
113
|
const renderFilterBar = async () => {
|
package/lib/index.esm.js
CHANGED
|
@@ -6843,7 +6843,7 @@ var usePanelPosition = function (_a) {
|
|
|
6843
6843
|
var panelRect = panel.getBoundingClientRect();
|
|
6844
6844
|
var containerRect = container.getBoundingClientRect();
|
|
6845
6845
|
var buttonRect = button.getBoundingClientRect();
|
|
6846
|
-
var buttonLeft = buttonRect.left - containerRect.left -
|
|
6846
|
+
var buttonLeft = buttonRect.left - containerRect.left - 10; // Offset by 10px to account for controls section spacing
|
|
6847
6847
|
var left = Math.max(0, Math.min(buttonLeft, containerRect.width - panelRect.width));
|
|
6848
6848
|
setLocalStyles({ left: left });
|
|
6849
6849
|
}, [selectedFilter, isMobile]);
|
|
@@ -12143,7 +12143,7 @@ var Categories = function (_a) {
|
|
|
12143
12143
|
};
|
|
12144
12144
|
Categories.displayName = 'Categories';
|
|
12145
12145
|
|
|
12146
|
-
var css_248z$5 = ".will-filter-bar-panels {\n background-color: var(--will-white);\n min-height: 100px;\n position: absolute;\n top: 125px;\n z-index: 111;\n border-radius: 25px;\n box-shadow: var(--will-box-shadow);\n}\n\n@media (max-width: 960px) {\n .will-root {\n width: 100%;\n min-width: auto;\n max-height: 100vh;\n z-index: 3;\n }\n\n .will-filter-bar-panels {\n
|
|
12146
|
+
var css_248z$5 = ".will-filter-bar-panels {\n background-color: var(--will-white);\n min-height: 100px;\n position: absolute;\n top: 125px;\n z-index: 111;\n border-radius: 25px;\n box-shadow: var(--will-box-shadow);\n}\n\n@media (max-width: 960px) {\n .will-root {\n width: 100%;\n min-width: auto;\n max-height: 100vh;\n z-index: 3;\n }\n\n .will-filter-bar-panels {\n top: 60px;\n width: 100%;\n z-index: 999;\n }\n}\n";
|
|
12147
12147
|
styleInject(css_248z$5);
|
|
12148
12148
|
|
|
12149
12149
|
var FilterPanels = function () {
|