@overmap-ai/blocks 0.0.7 → 0.0.8
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/SlideOut/SlideOut.d.ts +37 -0
- package/dist/SlideOut/index.d.ts +1 -0
- package/dist/blocks.js +767 -684
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +2 -2
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/utils.d.ts +10 -0
- package/package.json +4 -2
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._fluid_r73gr_1{flex-grow:1;width:auto}._hoverSpin90Clockwise_r73gr_15>svg{transition:unset}._hoverSpin90Clockwise_r73gr_15 svg{transition:transform .25s ease-in-out!important}._hoverSpin90Clockwise_r73gr_15:hover:not(:disabled) svg{transform:rotate(90deg)!important}._hoverSpin180Clockwise_r73gr_25>svg{transition:unset}._hoverSpin180Clockwise_r73gr_25 svg{transition:transform .3s ease-in-out!important}._hoverSpin180Clockwise_r73gr_25:hover:not(:disabled) svg{transform:rotate(180deg)!important}._hoverSpin360Clockwise_r73gr_35>svg{transition:unset}._hoverSpin360Clockwise_r73gr_35 svg{transition:transform .5s ease-in-out!important}._hoverSpin360Clockwise_r73gr_35:hover:not(:disabled) svg{transform:rotate(360deg)!important}._merged_wdgxo_1>.rt-BaseButton:not(:first-of-type):not(:last-of-type){border-radius:0}._merged_wdgxo_1[data-direction=column]>.rt-BaseButton:first-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0}._merged_wdgxo_1[data-direction=column]>.rt-BaseButton:last-of-type{border-top-left-radius:0;border-top-right-radius:0}._merged_wdgxo_1[data-direction=row]>.rt-BaseButton:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}._merged_wdgxo_1[data-direction=row]>.rt-BaseButton:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}._separators_1f7v1_1>*:not(:last-of-type){border-bottom:1px solid var(--gray-a6)}._fluid_7n1wr_1{flex-grow:1;width:auto}._default_u936h_1{cursor:var(--cursor-switch)}._default_u936h_1 span{display:flex;align-items:center;justify-content:center}._default_u936h_1 svg{pointer-events:none;cursor:inherit;display:flex;justify-content:center;align-items:center}._sidebarContent_1onyo_1{position:absolute;overflow:hidden;top:0;bottom:0}._sidebarContent_1onyo_1._right_1onyo_7{right:0}._sidebarContent_1onyo_1._right_1onyo_7 ._resizeHandle_1onyo_10{left:3px!important}._sidebarContent_1onyo_1._left_1onyo_13{left:0}._sidebarContent_1onyo_1._left_1onyo_13 ._resizeHandle_1onyo_10{right:3px!important}._resizeHandle_1onyo_10{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s linear}._resizeHandle_1onyo_10:hover,._resizeHandle_1onyo_10:active,._resizeHandle_1onyo_10:focus{opacity:1}._overlay_1onyo_33{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay)}._accommodateCharCount_sr18k_1{margin-bottom:var(--line-height-1)}._wrapper_sr18k_5{height:min-content}._default_sr18k_9{flex-grow:0}._noLeftIcon_sr18k_13{padding-left:.25rem!important}._noRightIcon_sr18k_17{padding-right:.25rem!important}._charCount_sr18k_21{position:absolute;right:0;top:98%;font-size:xx-small!important}._wrapper_tmtz0_1{height:max-content}.
|
|
1
|
+
._fluid_r73gr_1{flex-grow:1;width:auto}._hoverSpin90Clockwise_r73gr_15>svg{transition:unset}._hoverSpin90Clockwise_r73gr_15 svg{transition:transform .25s ease-in-out!important}._hoverSpin90Clockwise_r73gr_15:hover:not(:disabled) svg{transform:rotate(90deg)!important}._hoverSpin180Clockwise_r73gr_25>svg{transition:unset}._hoverSpin180Clockwise_r73gr_25 svg{transition:transform .3s ease-in-out!important}._hoverSpin180Clockwise_r73gr_25:hover:not(:disabled) svg{transform:rotate(180deg)!important}._hoverSpin360Clockwise_r73gr_35>svg{transition:unset}._hoverSpin360Clockwise_r73gr_35 svg{transition:transform .5s ease-in-out!important}._hoverSpin360Clockwise_r73gr_35:hover:not(:disabled) svg{transform:rotate(360deg)!important}._merged_wdgxo_1>.rt-BaseButton:not(:first-of-type):not(:last-of-type){border-radius:0}._merged_wdgxo_1[data-direction=column]>.rt-BaseButton:first-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0}._merged_wdgxo_1[data-direction=column]>.rt-BaseButton:last-of-type{border-top-left-radius:0;border-top-right-radius:0}._merged_wdgxo_1[data-direction=row]>.rt-BaseButton:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}._merged_wdgxo_1[data-direction=row]>.rt-BaseButton:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}._separators_1f7v1_1>*:not(:last-of-type){border-bottom:1px solid var(--gray-a6)}._fluid_7n1wr_1{flex-grow:1;width:auto}._default_u936h_1{cursor:var(--cursor-switch)}._default_u936h_1 span{display:flex;align-items:center;justify-content:center}._default_u936h_1 svg{pointer-events:none;cursor:inherit;display:flex;justify-content:center;align-items:center}._sidebarContent_1onyo_1{position:absolute;overflow:hidden;top:0;bottom:0}._sidebarContent_1onyo_1._right_1onyo_7{right:0}._sidebarContent_1onyo_1._right_1onyo_7 ._resizeHandle_1onyo_10{left:3px!important}._sidebarContent_1onyo_1._left_1onyo_13{left:0}._sidebarContent_1onyo_1._left_1onyo_13 ._resizeHandle_1onyo_10{right:3px!important}._resizeHandle_1onyo_10{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s linear}._resizeHandle_1onyo_10:hover,._resizeHandle_1onyo_10:active,._resizeHandle_1onyo_10:focus{opacity:1}._overlay_1onyo_33{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay)}._content_jyaca_1{background-color:var(--color-panel-solid);position:absolute;top:0;bottom:0}._content_jyaca_1:focus-visible{outline:none}._content_jyaca_1._left_jyaca_10{left:0}._content_jyaca_1._right_jyaca_13{right:0}._resizable_jyaca_17{height:100%!important}._slideOutOverlay_jyaca_21{background:var(--color-overlay);position:absolute;top:0;right:0;bottom:0;left:0}._accommodateCharCount_sr18k_1{margin-bottom:var(--line-height-1)}._wrapper_sr18k_5{height:min-content}._default_sr18k_9{flex-grow:0}._noLeftIcon_sr18k_13{padding-left:.25rem!important}._noRightIcon_sr18k_17{padding-right:.25rem!important}._charCount_sr18k_21{position:absolute;right:0;top:98%;font-size:xx-small!important}._wrapper_tmtz0_1{height:max-content}._wrapper_1ssf2_1{position:relative;overflow:hidden}._panelContent_1ssf2_6{border:0;flex-shrink:0;min-width:0;overflow:hidden;transition-property:transform,margin-right,margin-left;box-shadow:var(--shadow-2)}._panelContent_1ssf2_6._left_1ssf2_14{transform:translate(-100%);margin-right:auto}._panelContent_1ssf2_6._right_1ssf2_18{transform:translate(100%);margin-left:auto}._resizable_1ssf2_23{position:relative;height:100%!important}._resizeHandle_1ssf2_28{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s linear}._resizeHandle_1ssf2_28:hover,._resizeHandle_1ssf2_28:active{opacity:1}._resizeHandle_1ssf2_28._right_1ssf2_18{left:3px!important}._resizeHandle_1ssf2_28._left_1ssf2_14{right:3px!important}._panelMainContent_1ssf2_48{overflow:hidden;flex-grow:1;flex-shrink:1;min-width:0;width:max-content}._charCount_17uut_1{font-size:x-small}._ToastViewport_1joop_1{--viewport-padding: var(--space-5);position:fixed;top:0;right:0;display:flex;gap:var(--space-3);flex-direction:column;padding:var(--viewport-padding);width:390px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none;overflow-y:auto;overflow-x:hidden}._actionButton_1joop_20{width:max-content}._ToastRoot_1joop_24{background-color:var(--accent-2);display:block}._ToastRoot_1joop_24[data-state=open]{animation:_slideIn_1joop_1 .15s cubic-bezier(.16,1,.3,1)}._ToastRoot_1joop_24[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}._ToastRoot_1joop_24[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}._ToastRoot_1joop_24[data-swipe=end]{animation:_swipeOut_1joop_1 .1s ease-out}@keyframes _slideIn_1joop_1{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes _swipeOut_1joop_1{0%{transform:translate(var(--radix-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--viewport-padding)))}}._noWrap_1wpa5_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.radix-themes.radix-themes{--cursor-button: pointer;--cursor-menu-item: pointer;--cursor-checkbox: pointer}.rt-BaseButton{cursor:var(--cursor-button)}
|
package/dist/utils.d.ts
CHANGED
|
@@ -9,3 +9,13 @@ export declare function useResponsiveMapping<T extends string, K>(value: Respons
|
|
|
9
9
|
export type AccentColor = ThemeOptions["accentColor"];
|
|
10
10
|
/** Performs theme-sensitive mapping of a severity to radix color */
|
|
11
11
|
export declare const useSeverityColor: (severity?: Severity) => AccentColor | undefined;
|
|
12
|
+
export interface ViewportSize {
|
|
13
|
+
size: "initial" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
14
|
+
xs: boolean;
|
|
15
|
+
sm: boolean;
|
|
16
|
+
md: boolean;
|
|
17
|
+
lg: boolean;
|
|
18
|
+
xl: boolean;
|
|
19
|
+
}
|
|
20
|
+
/** Return value needs to be deconstructed since the object returned is not memoized */
|
|
21
|
+
export declare const useViewportSize: () => ViewportSize;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@overmap-ai/blocks",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"description": "A collection of React components for building Overmap's UI.",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Wôrdn Inc.",
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
"@radix-ui/react-toggle-group": "^1.0.4",
|
|
29
29
|
"@radix-ui/themes": "^2.0.0",
|
|
30
30
|
"re-resizable": "^6.9.11",
|
|
31
|
+
"react-responsive": "^9.0.2",
|
|
31
32
|
"react-transition-group": "^4.4.5"
|
|
32
33
|
},
|
|
33
34
|
"peerDependencies": {
|
|
@@ -45,12 +46,13 @@
|
|
|
45
46
|
"@storybook/react-vite": "^7.4.3",
|
|
46
47
|
"@storybook/testing-library": "^0.2.1",
|
|
47
48
|
"@storybook/types": "^7.4.6",
|
|
48
|
-
"@types/node": "^20.
|
|
49
|
+
"@types/node": "^20.8.10",
|
|
49
50
|
"@types/react": "^18.2.15",
|
|
50
51
|
"@types/react-dom": "^18.2.7",
|
|
51
52
|
"@typescript-eslint/eslint-plugin": "^6.0.0",
|
|
52
53
|
"@typescript-eslint/parser": "^6.0.0",
|
|
53
54
|
"@types/react-transition-group": "^4.4.8",
|
|
55
|
+
"@types/react-responsive": "^8.0.7",
|
|
54
56
|
"@vitejs/plugin-react-swc": "^3.3.2",
|
|
55
57
|
"classnames": "^2.3.2",
|
|
56
58
|
"eslint": "^8.45.0",
|