@niagads/ui 0.1.1 → 0.1.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/Footer.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"
|
|
1
|
+
import e from"react";import t from"./styles/footer.module.css.js";const a=({siteName:a,links:r})=>{const o=(new Date).getFullYear();return e.createElement("footer",{className:t.footer},e.createElement("div",{className:t["footer-container"]},e.createElement("div",{className:t["footer-left"]},e.createElement("div",{className:t["footer-logo"]},e.createElement("span",{className:t["footer-logo-text"]},a)),e.createElement("p",{className:t["footer-copyright"]},"© ",o," NIAGADS. All rights reserved.")),e.createElement("div",{className:t["footer-right"]},e.createElement("nav",{className:t["footer-nav"]},r.map((a,r)=>e.createElement("a",{key:r,href:a.url,className:t["footer-link"]},a.display))))))};export{a as Footer};
|
|
2
2
|
//# sourceMappingURL=Footer.js.map
|
package/dist/Footer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sources":["../src/Footer.tsx"],"sourcesContent":[null],"names":["Footer","siteName","links","currentYear","Date","getFullYear","React","createElement","className","styles","map","link","i","
|
|
1
|
+
{"version":3,"file":"Footer.js","sources":["../src/Footer.tsx"],"sourcesContent":[null],"names":["Footer","siteName","links","currentYear","Date","getFullYear","React","createElement","className","styles","map","link","i","key","href","url","display"],"mappings":"kEAaO,MAAMA,EAAS,EAAGC,WAAUC,YAC/B,MAAMC,GAAc,IAAIC,MAAOC,cAE/B,OACIC,EAAAC,cAAA,SAAA,CAAQC,UAAWC,EAAe,QAC9BH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAO,qBACnBH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAO,gBACnBH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAO,gBACnBH,EAAAC,cAAA,OAAA,CAAMC,UAAWC,EAAO,qBAAsBR,IAElDK,EAAAC,cAAA,IAAA,CAAGC,UAAWC,EAAO,0BAAwBN,qCAEjDG,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAO,iBACnBH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAO,eAClBP,EAAMQ,IAAI,CAACC,EAAMC,IACdN,EAAAC,cAAA,IAAA,CAAGM,IAAKD,EAAGE,KAAMH,EAAKI,IAAKP,UAAWC,EAAO,gBACxCE,EAAKK"}
|
package/dist/client/Slider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import a from"../styles/slider.module.css.js";const
|
|
1
|
+
import e from"react";import a from"../styles/slider.module.css.js";const r=({name:r,label:t,value:n,min:l,max:i,step:m,variant:s="single",onChange:u})=>{const o=e.useRef(null),c=e.useRef(null),d=e.useRef(null),v=e=>(e-l)/(i-l)*100,y=e=>{e<=n[1]&&u([e,n[1]])},g=e=>{e>=n[0]&&u([n[0],e])},p=e=>{c.current&&d.current&&(e?(c.current.style.zIndex="7",d.current.style.zIndex="5"):(d.current.style.zIndex="7",c.current.style.zIndex="5"))};e.useEffect(()=>{o.current&&("min"===s?(o.current.style.left="0",o.current.style.right=100-v(n[0])+"%"):"max"===s?(o.current.style.left=`${v(n[0])}%`,o.current.style.right="0"):"range"===s&&2===n.length&&(o.current.style.left=`${v(n[0])}%`,o.current.style.right=100-v(n[1])+"%"))},[n,s,l,i]);const x="range"===s&&2===n.length;return e.createElement("div",{className:a.container},t&&e.createElement("label",{htmlFor:`${r}-slider`,className:a.label},t),e.createElement("div",{className:a.sliderWrapper},x?e.createElement(e.Fragment,null,e.createElement("div",{className:a.track}),e.createElement("div",{className:a.fill,ref:o}),e.createElement("input",{id:`${r}-min`,ref:c,type:"range",min:l,max:i,step:m,value:n[0],onChange:e=>y(+e.target.value),onPointerDown:()=>p(!0),className:`${a.input} ${a.inputMin}`,"aria-label":`${t||r} minimum`,role:"slider","aria-valuenow":n[0],"aria-valuemin":l,"aria-valuemax":i,"aria-valuetext":String(n[0]),tabIndex:0,onKeyDown:e=>{let a=n[0];"ArrowLeft"===e.key||"ArrowDown"===e.key?a=Math.max(l,n[0]-m):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(a=Math.min(n[1],n[0]+m)),a!==n[0]&&y(a)}}),e.createElement("input",{id:`${r}-max`,ref:d,type:"range",min:l,max:i,step:m,value:n[1],onChange:e=>g(+e.target.value),onPointerDown:()=>p(!1),className:`${a.input} ${a.inputMax}`,"aria-label":`${t||r} maximum`,role:"slider","aria-valuenow":n[1],"aria-valuemin":l,"aria-valuemax":i,"aria-valuetext":String(n[1]),tabIndex:0,onKeyDown:e=>{let a=n[1];"ArrowLeft"===e.key||"ArrowDown"===e.key?a=Math.max(n[0],n[1]-m):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(a=Math.min(i,n[1]+m)),a!==n[1]&&g(a)}})):e.createElement(e.Fragment,null,e.createElement("div",{className:a.track}),e.createElement("div",{className:a.fill,ref:o}),e.createElement("input",{id:`${r}-slider`,type:"range",min:l,max:i,step:m,value:n[0],onChange:e=>{return a=+e.target.value,void u([a]);var a},className:`${a.input} ${a.inputSingle}`,"aria-label":t||r,role:"slider","aria-valuenow":n[0],"aria-valuemin":l,"aria-valuemax":i,"aria-valuetext":String(n[0]),tabIndex:0,onKeyDown:e=>{let a=n[0];"ArrowLeft"===e.key||"ArrowDown"===e.key?a=Math.max(l,n[0]-m):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(a=Math.min(i,n[0]+m)),a!==n[0]&&u([a])}}))),e.createElement("div",{className:a.bounds},e.createElement("span",{className:a.boundLabel},l),e.createElement("span",{className:a.boundLabel},i)))};export{r as Slider};
|
|
2
2
|
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../src/client/Slider.tsx"],"sourcesContent":[null],"names":["Slider","
|
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../src/client/Slider.tsx"],"sourcesContent":[null],"names":["Slider","name","label","value","min","max","step","variant","onChange","trackRef","React","useRef","minInputRef","maxInputRef","getPercent","val","handleRangeMinChange","newValue","handleRangeMaxChange","handlePointerDown","isMin","current","style","zIndex","useEffect","left","right","length","isRangeVariant","createElement","className","styles","container","htmlFor","sliderWrapper","Fragment","track","fill","ref","id","type","e","target","onPointerDown","input","inputMin","role","String","tabIndex","onKeyDown","key","Math","inputMax","handleSingleChange","inputSingle","bounds","boundLabel"],"mappings":"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"}
|
package/dist/client/index.d.ts
CHANGED
|
@@ -66,6 +66,7 @@ interface TabProps {
|
|
|
66
66
|
}
|
|
67
67
|
declare const Tab: ({ children }: TabProps) => React$1.JSX.Element;
|
|
68
68
|
|
|
69
|
+
type SliderVariant = "single" | "min" | "max" | "range";
|
|
69
70
|
interface SliderProps {
|
|
70
71
|
name: string;
|
|
71
72
|
label?: string;
|
|
@@ -73,10 +74,10 @@ interface SliderProps {
|
|
|
73
74
|
min: number;
|
|
74
75
|
max: number;
|
|
75
76
|
step: number;
|
|
76
|
-
variant?:
|
|
77
|
+
variant?: SliderVariant;
|
|
77
78
|
onChange: (v: number[]) => void;
|
|
78
79
|
}
|
|
79
|
-
|
|
80
|
-
declare const Slider: ({ variant, name, label, value, min, max, step, onChange }: SliderProps) => React$1.JSX.Element;
|
|
80
|
+
declare const Slider: ({ name, label, value, min, max, step, variant, onChange }: SliderProps) => React$1.JSX.Element;
|
|
81
81
|
|
|
82
82
|
export { ActionMenu, Autocomplete, Slider, Tab, TabBody, TabHeader, Tabs, TooltipClient };
|
|
83
|
+
export type { SliderVariant };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"style-inject";var i={"ui-slider":"slider-module_ui-slider__ki38Y",primary:"slider-module_primary__nFaDB",secondary:"slider-module_secondary__YUwHP",accent:"slider-module_accent__5xpgm",default:"slider-module_default__j7X6S","ui-second-thumb":"slider-module_ui-second-thumb__i3XRC","ui-slider-label":"slider-module_ui-slider-label__-9tvF","ui-slider-range-label":"slider-module_ui-slider-range-label__Tt61U",start:"slider-module_start__qtLaB",end:"slider-module_end__HnfmI"};e('/* Renamed from slider.css for CSS Modules */\ninput[type="range"]::-webkit-slider-thumb {\n pointer-events: auto;\n width: 1.25rem;\n height: 1.25rem;\n}\ninput[type="range"]::-moz-range-thumb {\n pointer-events: auto;\n width: 1.25rem;\n height: 1.25rem;\n}\ninput[type="range"] {\n pointer-events: none;\n height: 0.5rem;\n width: 100%;\n}\n.slider-module_ui-slider__ki38Y {\n position: absolute;\n width: 100%;\n height: 0.5rem;\n border-radius: 0.5rem;\n appearance: none;\n cursor: pointer;\n}\n.slider-module_ui-slider__ki38Y.slider-module_primary__nFaDB {\n background-color: #3b82f6;\n}\n.slider-module_ui-slider__ki38Y.slider-module_secondary__YUwHP {\n background-color: #f59e42;\n}\n.slider-module_ui-slider__ki38Y.slider-module_accent__5xpgm {\n background-color: #f43f5e;\n}\n.slider-module_ui-slider__ki38Y.slider-module_default__j7X6S {\n background-color: #3b82f6;\n}\n.slider-module_ui-slider__ki38Y.slider-module_ui-second-thumb__i3XRC {\n height: 0;\n z-index: 1;\n}\n.slider-module_ui-slider-label__-9tvF {\n display: block;\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n}\n.slider-module_ui-slider-range-label__Tt61U {\n font-size: 0.875rem;\n position: absolute;\n}\n.slider-module_ui-slider-range-label__Tt61U.slider-module_start__qtLaB {\n left: 0.5rem;\n bottom: -0.5rem;\n}\n.slider-module_ui-slider-range-label__Tt61U.slider-module_end__HnfmI {\n right: 0.5rem;\n bottom: -0.5rem;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNsaWRlci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRDQUE0QztBQUM1QztJQUNJLG9CQUFvQjtJQUNwQixjQUFjO0lBQ2QsZUFBZTtBQUNuQjtBQUNBO0lBQ0ksb0JBQW9CO0lBQ3BCLGNBQWM7SUFDZCxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxvQkFBb0I7SUFDcEIsY0FBYztJQUNkLFdBQVc7QUFDZjtBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFdBQVc7SUFDWCxjQUFjO0lBQ2QscUJBQXFCO0lBQ3JCLGdCQUFnQjtJQUNoQixlQUFlO0FBQ25CO0FBQ0E7SUFDSSx5QkFBeUI7QUFDN0I7QUFDQTtJQUNJLHlCQUF5QjtBQUM3QjtBQUNBO0lBQ0kseUJBQXlCO0FBQzdCO0FBQ0E7SUFDSSx5QkFBeUI7QUFDN0I7QUFDQTtJQUNJLFNBQVM7SUFDVCxVQUFVO0FBQ2Q7QUFFQTtJQUNJLGNBQWM7SUFDZCxxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtBQUNwQjtBQUVBO0lBQ0ksbUJBQW1CO0lBQ25CLGtCQUFrQjtBQUN0QjtBQUNBO0lBQ0ksWUFBWTtJQUNaLGVBQWU7QUFDbkI7QUFDQTtJQUNJLGFBQWE7SUFDYixlQUFlO0FBQ25CIiwiZmlsZSI6InNsaWRlci5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogUmVuYW1lZCBmcm9tIHNsaWRlci5jc3MgZm9yIENTUyBNb2R1bGVzICovXG5pbnB1dFt0eXBlPVwicmFuZ2VcIl06Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB3aWR0aDogMS4yNXJlbTtcbiAgICBoZWlnaHQ6IDEuMjVyZW07XG59XG5pbnB1dFt0eXBlPVwicmFuZ2VcIl06Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIHdpZHRoOiAxLjI1cmVtO1xuICAgIGhlaWdodDogMS4yNXJlbTtcbn1cbmlucHV0W3R5cGU9XCJyYW5nZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgaGVpZ2h0OiAwLjVyZW07XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi51aS1zbGlkZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDAuNXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG4udWktc2xpZGVyLnByaW1hcnkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMzYjgyZjY7XG59XG4udWktc2xpZGVyLnNlY29uZGFyeSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1OWU0Mjtcbn1cbi51aS1zbGlkZXIuYWNjZW50IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjQzZjVlO1xufVxuLnVpLXNsaWRlci5kZWZhdWx0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjM2I4MmY2O1xufVxuLnVpLXNsaWRlci51aS1zZWNvbmQtdGh1bWIge1xuICAgIGhlaWdodDogMDtcbiAgICB6LWluZGV4OiAxO1xufVxuXG4udWktc2xpZGVyLWxhYmVsIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG4gICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG4udWktc2xpZGVyLXJhbmdlLWxhYmVsIHtcbiAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbn1cbi51aS1zbGlkZXItcmFuZ2UtbGFiZWwuc3RhcnQge1xuICAgIGxlZnQ6IDAuNXJlbTtcbiAgICBib3R0b206IC0wLjVyZW07XG59XG4udWktc2xpZGVyLXJhbmdlLWxhYmVsLmVuZCB7XG4gICAgcmlnaHQ6IDAuNXJlbTtcbiAgICBib3R0b206IC0wLjVyZW07XG59XG4iXX0= */');export{i as default};
|
|
1
|
+
import n from"style-inject";var i={container:"slider-module_container__F1ZNJ",label:"slider-module_label__auJuY",sliderWrapper:"slider-module_sliderWrapper__kE3vb",track:"slider-module_track__549JY",fill:"slider-module_fill__3Hdww",input:"slider-module_input__ueO7j",inputSingle:"slider-module_inputSingle__ERVlx",inputMin:"slider-module_inputMin__vv3Dn",inputMax:"slider-module_inputMax__0OHUG",bounds:"slider-module_bounds__RIuNL",boundLabel:"slider-module_boundLabel__om6O1"};n("/* Slider Container */\n.slider-module_container__F1ZNJ {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 100%;\n}\n/* Label */\n.slider-module_label__auJuY {\n font-size: 0.875rem;\n font-weight: 600;\n color: #1f2937;\n}\n/* Slider Wrapper */\n.slider-module_sliderWrapper__kE3vb {\n position: relative;\n padding: 0.625rem 0;\n height: 2rem;\n display: flex;\n align-items: center;\n}\n/* Track Background */\n.slider-module_track__549JY {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 0.375rem;\n background: #e5e7eb;\n border-radius: 0.25rem;\n pointer-events: none;\n transform: translateY(-50%);\n z-index: 1;\n}\n/* Filled Range */\n.slider-module_fill__3Hdww {\n position: absolute;\n top: 50%;\n height: 0.375rem;\n background: #3b82f6;\n border-radius: 0.25rem;\n pointer-events: none;\n transform: translateY(-50%);\n z-index: 2;\n}\n/* Input Range Base Styles */\n.slider-module_input__ueO7j {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n height: 0.375rem;\n appearance: none;\n background: transparent;\n pointer-events: auto;\n cursor: pointer;\n z-index: 3;\n border: none;\n outline: none;\n transform: translateY(-50%);\n}\n/* Single Slider */\n.slider-module_inputSingle__ERVlx {\n z-index: 5;\n}\n/* Range Slider - Min (Bottom Layer) */\n.slider-module_inputMin__vv3Dn {\n z-index: 4;\n}\n/* Range Slider - Max (Top Layer) */\n.slider-module_inputMax__0OHUG {\n z-index: 6;\n}\n/* WebKit Slider Thumb (Chrome, Safari, Edge) */\n.slider-module_input__ueO7j::-webkit-slider-thumb {\n appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 50%;\n background: #3b82f6;\n border: 2px solid white;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n}\n.slider-module_input__ueO7j::-webkit-slider-thumb:hover {\n background: #2563eb;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n}\n.slider-module_input__ueO7j::-webkit-slider-thumb:active {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n}\n/* Mozilla Slider Thumb (Firefox) */\n.slider-module_input__ueO7j::-moz-range-thumb {\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 50%;\n background: #3b82f6;\n border: 2px solid white;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n}\n.slider-module_input__ueO7j::-moz-range-thumb:hover {\n background: #2563eb;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n}\n.slider-module_input__ueO7j::-moz-range-thumb:active {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n}\n/* WebKit Track (Chrome, Safari, Edge) */\n.slider-module_input__ueO7j::-webkit-slider-runnable-track {\n background: transparent;\n height: 0.375rem;\n border-radius: 0.25rem;\n}\n/* Mozilla Track (Firefox) */\n.slider-module_input__ueO7j::-moz-range-track {\n background: transparent;\n border: none;\n}\n/* Range Slider Fill */\n.slider-module_inputMin__vv3Dn::-webkit-slider-runnable-track {\n background: transparent;\n}\n.slider-module_inputMax__0OHUG::-webkit-slider-runnable-track {\n background: transparent;\n}\n/* Bounds Labels */\n.slider-module_bounds__RIuNL {\n display: flex;\n justify-content: space-between;\n padding: 0 0.25rem;\n}\n.slider-module_boundLabel__om6O1 {\n font-size: 0.75rem;\n color: #6b7280;\n font-weight: 500;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNsaWRlci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQjtJQUNJLGFBQWE7SUFDYixzQkFBc0I7SUFDdEIsWUFBWTtJQUNaLFdBQVc7QUFDZjtBQUVBLFVBQVU7QUFDVjtJQUNJLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsY0FBYztBQUNsQjtBQUVBLG1CQUFtQjtBQUNuQjtJQUNJLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsWUFBWTtJQUNaLGFBQWE7SUFDYixtQkFBbUI7QUFDdkI7QUFFQSxxQkFBcUI7QUFDckI7SUFDSSxrQkFBa0I7SUFDbEIsUUFBUTtJQUNSLE9BQU87SUFDUCxRQUFRO0lBQ1IsZ0JBQWdCO0lBQ2hCLG1CQUFtQjtJQUNuQixzQkFBc0I7SUFDdEIsb0JBQW9CO0lBQ3BCLDJCQUEyQjtJQUMzQixVQUFVO0FBQ2Q7QUFFQSxpQkFBaUI7QUFDakI7SUFDSSxrQkFBa0I7SUFDbEIsUUFBUTtJQUNSLGdCQUFnQjtJQUNoQixtQkFBbUI7SUFDbkIsc0JBQXNCO0lBQ3RCLG9CQUFvQjtJQUNwQiwyQkFBMkI7SUFDM0IsVUFBVTtBQUNkO0FBRUEsNEJBQTRCO0FBQzVCO0lBQ0ksa0JBQWtCO0lBQ2xCLFFBQVE7SUFDUixPQUFPO0lBQ1AsV0FBVztJQUNYLGdCQUFnQjtJQUNoQixnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCLG9CQUFvQjtJQUNwQixlQUFlO0lBQ2YsVUFBVTtJQUNWLFlBQVk7SUFDWixhQUFhO0lBQ2IsMkJBQTJCO0FBQy9CO0FBRUEsa0JBQWtCO0FBQ2xCO0lBQ0ksVUFBVTtBQUNkO0FBRUEsc0NBQXNDO0FBQ3RDO0lBQ0ksVUFBVTtBQUNkO0FBRUEsbUNBQW1DO0FBQ25DO0lBQ0ksVUFBVTtBQUNkO0FBRUEsK0NBQStDO0FBQy9DO0lBQ0ksZ0JBQWdCO0lBQ2hCLGNBQWM7SUFDZCxlQUFlO0lBQ2Ysa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQix1QkFBdUI7SUFDdkIsd0NBQXdDO0lBQ3hDLGVBQWU7SUFDZjs7dUJBRW1CO0FBQ3ZCO0FBRUE7SUFDSSxtQkFBbUI7SUFDbkIsd0NBQXdDO0FBQzVDO0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7QUFFQSxtQ0FBbUM7QUFDbkM7SUFDSSxjQUFjO0lBQ2QsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsdUJBQXVCO0lBQ3ZCLHdDQUF3QztJQUN4QyxlQUFlO0lBQ2Y7O3VCQUVtQjtBQUN2QjtBQUVBO0lBQ0ksbUJBQW1CO0lBQ25CLHdDQUF3QztBQUM1QztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDO0FBRUEsd0NBQXdDO0FBQ3hDO0lBQ0ksdUJBQXVCO0lBQ3ZCLGdCQUFnQjtJQUNoQixzQkFBc0I7QUFDMUI7QUFFQSw0QkFBNEI7QUFDNUI7SUFDSSx1QkFBdUI7SUFDdkIsWUFBWTtBQUNoQjtBQUVBLHNCQUFzQjtBQUN0QjtJQUNJLHVCQUF1QjtBQUMzQjtBQUVBO0lBQ0ksdUJBQXVCO0FBQzNCO0FBRUEsa0JBQWtCO0FBQ2xCO0lBQ0ksYUFBYTtJQUNiLDhCQUE4QjtJQUM5QixrQkFBa0I7QUFDdEI7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixjQUFjO0lBQ2QsZ0JBQWdCO0FBQ3BCIiwiZmlsZSI6InNsaWRlci5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogU2xpZGVyIENvbnRhaW5lciAqL1xuLmNvbnRhaW5lciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGdhcDogMC43NXJlbTtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLyogTGFiZWwgKi9cbi5sYWJlbCB7XG4gICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIGNvbG9yOiAjMWYyOTM3O1xufVxuXG4vKiBTbGlkZXIgV3JhcHBlciAqL1xuLnNsaWRlcldyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwLjYyNXJlbSAwO1xuICAgIGhlaWdodDogMnJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi8qIFRyYWNrIEJhY2tncm91bmQgKi9cbi50cmFjayB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgaGVpZ2h0OiAwLjM3NXJlbTtcbiAgICBiYWNrZ3JvdW5kOiAjZTVlN2ViO1xuICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIHotaW5kZXg6IDE7XG59XG5cbi8qIEZpbGxlZCBSYW5nZSAqL1xuLmZpbGwge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDUwJTtcbiAgICBoZWlnaHQ6IDAuMzc1cmVtO1xuICAgIGJhY2tncm91bmQ6ICMzYjgyZjY7XG4gICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgei1pbmRleDogMjtcbn1cblxuLyogSW5wdXQgUmFuZ2UgQmFzZSBTdHlsZXMgKi9cbi5pbnB1dCB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAwLjM3NXJlbTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB6LWluZGV4OiAzO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbn1cblxuLyogU2luZ2xlIFNsaWRlciAqL1xuLmlucHV0U2luZ2xlIHtcbiAgICB6LWluZGV4OiA1O1xufVxuXG4vKiBSYW5nZSBTbGlkZXIgLSBNaW4gKEJvdHRvbSBMYXllcikgKi9cbi5pbnB1dE1pbiB7XG4gICAgei1pbmRleDogNDtcbn1cblxuLyogUmFuZ2UgU2xpZGVyIC0gTWF4IChUb3AgTGF5ZXIpICovXG4uaW5wdXRNYXgge1xuICAgIHotaW5kZXg6IDY7XG59XG5cbi8qIFdlYktpdCBTbGlkZXIgVGh1bWIgKENocm9tZSwgU2FmYXJpLCBFZGdlKSAqL1xuLmlucHV0Ojotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICB3aWR0aDogMS4yNXJlbTtcbiAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJhY2tncm91bmQ6ICMzYjgyZjY7XG4gICAgYm9yZGVyOiAycHggc29saWQgd2hpdGU7XG4gICAgYm94LXNoYWRvdzogMCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNpdGlvbjpcbiAgICAgICAgYmFja2dyb3VuZCAwLjJzLFxuICAgICAgICBib3gtc2hhZG93IDAuMnM7XG59XG5cbi5pbnB1dDo6LXdlYmtpdC1zbGlkZXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICMyNTYzZWI7XG4gICAgYm94LXNoYWRvdzogMCA0cHggOHB4IHJnYmEoMCwgMCwgMCwgMC4zKTtcbn1cblxuLmlucHV0Ojotd2Via2l0LXNsaWRlci10aHVtYjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IDAgNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjQpO1xufVxuXG4vKiBNb3ppbGxhIFNsaWRlciBUaHVtYiAoRmlyZWZveCkgKi9cbi5pbnB1dDo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgd2lkdGg6IDEuMjVyZW07XG4gICAgaGVpZ2h0OiAxLjI1cmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kOiAjM2I4MmY2O1xuICAgIGJvcmRlcjogMnB4IHNvbGlkIHdoaXRlO1xuICAgIGJveC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246XG4gICAgICAgIGJhY2tncm91bmQgMC4ycyxcbiAgICAgICAgYm94LXNoYWRvdyAwLjJzO1xufVxuXG4uaW5wdXQ6Oi1tb3otcmFuZ2UtdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICMyNTYzZWI7XG4gICAgYm94LXNoYWRvdzogMCA0cHggOHB4IHJnYmEoMCwgMCwgMCwgMC4zKTtcbn1cblxuLmlucHV0OjotbW96LXJhbmdlLXRodW1iOmFjdGl2ZSB7XG4gICAgYm94LXNoYWRvdzogMCA0cHggMTJweCByZ2JhKDAsIDAsIDAsIDAuNCk7XG59XG5cbi8qIFdlYktpdCBUcmFjayAoQ2hyb21lLCBTYWZhcmksIEVkZ2UpICovXG4uaW5wdXQ6Oi13ZWJraXQtc2xpZGVyLXJ1bm5hYmxlLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBoZWlnaHQ6IDAuMzc1cmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG59XG5cbi8qIE1vemlsbGEgVHJhY2sgKEZpcmVmb3gpICovXG4uaW5wdXQ6Oi1tb3otcmFuZ2UtdHJhY2sge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlcjogbm9uZTtcbn1cblxuLyogUmFuZ2UgU2xpZGVyIEZpbGwgKi9cbi5pbnB1dE1pbjo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xufVxuXG4uaW5wdXRNYXg6Oi13ZWJraXQtc2xpZGVyLXJ1bm5hYmxlLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLyogQm91bmRzIExhYmVscyAqL1xuLmJvdW5kcyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgcGFkZGluZzogMCAwLjI1cmVtO1xufVxuXG4uYm91bmRMYWJlbCB7XG4gICAgZm9udC1zaXplOiAwLjc1cmVtO1xuICAgIGNvbG9yOiAjNmI3MjgwO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG4iXX0= */");export{i as default};
|
|
2
2
|
//# sourceMappingURL=slider.module.css.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@niagads/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "NIAGADS Common UI React Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"rollup-plugin-postcss": "^4.0.2"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@niagads/common": "^0.1.
|
|
27
|
+
"@niagads/common": "^0.1.2",
|
|
28
28
|
"lucide-react": "^0.513.0",
|
|
29
29
|
"react-tooltip": "^5.28.0",
|
|
30
30
|
"style-inject": "^0.3.0",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
},
|
|
52
52
|
"./package.json": "./package.json"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "441719054629d0a9dba672e3d77adf2b579c8020"
|
|
55
55
|
}
|