@indxsearch/systm 1.2.7 → 2.1.0
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/LICENSE +54 -0
- package/dist/components/Chip/Chip.d.ts +8 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +7 -0
- package/dist/components/Tabs/Tabs.d.ts +11 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.es.js +5360 -2695
- package/dist/index.umd.js +61 -21
- package/dist/systm.css +1 -1
- package/package.json +8 -3
package/dist/systm.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--spacing: 5px;--radius: 1px;--lv0: #FFFFFF;--lv1: #FBFBFB;--lv2: #EFEFEF;--lv3: #CFCFCF;--lv4: #757575;--lv5: #4A4A50;--lv6: #1A1A21;--lv7: #121215;--lv8: #080809;--CSignal: #FF4238;--CTeal: #72F5C6;--CPureBlue: #0000ff;--font-family: "Inter", sans-serif;--text-2xs: 350 10px/1 var(--font-family);--text-xs: 350 11px/1 var(--font-family);--text-sm: 350 13px/1 var(--font-family);--text-base: 350 15px/1 var(--font-family);--text-lg: 350 17px/1 var(--font-family);--text-xl: 350 19px/1 var(--font-family);--text-2xl: 350 24px/1 var(--font-family);--text-3xl: 350 30px/1 var(--font-family);--text-4xl: 350 36px/1 var(--font-family);--light: 300;--book: 350;--reg: 400;--med: 500;--semi: 600;--bold: 700}@media(prefers-color-scheme:dark){:root{--lv0: #080809;--lv1: #121215;--lv2: #1A1A21;--lv3: #393941;--lv4: #565661;--lv5: #8F8F97;--lv6: #EFEFEF;--lv7: #FBFBFB;--lv8: #FFFFFF}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--pattern-checkerboard-light: url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23080809'/%3E%3Crect x='1' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-dark: url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-light: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-dark: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-light: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-dark: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-light: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-dark: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-light: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-dark: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-6-light: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-6-dark: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-12-light: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-12-dark: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-24-light: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-24-dark: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E")}._button_1sns4_1{display:inline-flex;align-items:center;cursor:pointer;border-radius:var(--radius);border:none;box-sizing:border-box}._button_1sns4_1:disabled{opacity:.5;cursor:not-allowed}._button_1sns4_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._micro_1sns4_22{font:var(--text-xs);font-weight:var(--med);height:30px;padding:0 10px;gap:7px}._default_1sns4_30{font:var(--text-sm);font-weight:var(--med);height:40px;padding:0 15px;gap:10px}._large_1sns4_38{font:var(--text-base);font-weight:var(--med);height:50px;padding:0 20px;gap:10px}._primary_1sns4_47{background:var(--lv7);color:var(--lv1);border:none}._primary_1sns4_47:hover:not(:disabled){opacity:.8}._secondary_1sns4_57{border:1px solid var(--lv3);color:var(--lv6);background:transparent}._secondary_1sns4_57:hover:not(:disabled){border-color:var(--lv4)}._ghost_1sns4_67{color:var(--lv5);background:transparent;border:none}._ghost_1sns4_67:hover:not(:disabled){background:var(--lv2)}._checkboxWrapper_1vygn_1{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_1vygn_1{width:17px;height:17px;border-radius:var(--radius);background:var(--lv2);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer}._checkboxWrapper_1vygn_1:hover ._checkbox_1vygn_1:not(:disabled){background-color:var(--lv3)}._checkbox_1vygn_1:checked{background-color:var(--lv3)}._checkbox_1vygn_1:checked:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:var(--radius);background-color:var(--lv8)}._checkbox_1vygn_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._label_1vygn_44{font:var(--text-sm);color:var(--lv7)}._score_1vygn_48{font:var(--text-xs);color:var(--lv5);padding-top:1px}._disabled_1vygn_55{cursor:not-allowed}._checkbox_1vygn_1:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}._disabled_1vygn_55 ._label_1vygn_44,._disabled_1vygn_55 ._score_1vygn_48{opacity:.5}._container_dlzj1_1{border-radius:var(--radius);height:100%}._default_dlzj1_5{background:var(--lv2);padding:var(--spacing)}@media(prefers-color-scheme:dark){._default_dlzj1_5{background:var(--lv1)}}._container_10bfq_1{background:var(--lv0);border-radius:var(--radius);padding:calc(var(--spacing) * 3);margin-bottom:var(--spacing);display:flex;flex-direction:column;gap:15px}._header_10bfq_11{display:flex;align-items:center;justify-content:space-between;--lv5: var(--lv4);cursor:pointer;background:none;border:none;padding:0;width:100%;text-align:left}._header_10bfq_11:focus-visible{outline:2px solid var(--lv5);outline-offset:2px;border-radius:var(--radius)}._title_10bfq_31{font:var(--text-sm);color:var(--lv7);display:flex;align-items:center}._toggleButton_10bfq_38{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit}._body_10bfq_49{gap:10px}._wrapper_tf1yl_1{display:flex;flex-direction:column;gap:4px}._label_tf1yl_7{font:var(--text-sm);color:var(--lv8)}._inputContainer_tf1yl_12{position:relative;display:flex;align-items:center;gap:8px}._input_tf1yl_12{width:100%;border-radius:1px;border:none;color:var(--lv8);box-sizing:border-box;caret-color:var(--lv7);background:none}._input_tf1yl_12[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_tf1yl_12:not(._focus_tf1yl_35):focus{outline:none}._input_tf1yl_12._focus_tf1yl_35:focus{outline:.5px solid var(--lv7);outline-offset:0;box-shadow:none;border-radius:1px}._input_tf1yl_12::placeholder{color:var(--lv4);transition:opacity .2s}._searchIcon_tf1yl_52{--search-icon-color: var(--lv4);position:absolute;display:flex;align-items:center;height:100%;color:var(--search-icon-color);pointer-events:none;transition:color .2s}._inputContainer_tf1yl_12:focus-within ._searchIcon_tf1yl_52{--search-icon-color: var(--lv7)}._rightContent_tf1yl_67{position:absolute;right:5px;height:100%;display:flex;align-items:center;align-content:center;gap:10px}._sizeMicro_tf1yl_78 ._input_tf1yl_12{font:var(--text-xs)!important;height:30px!important;padding-left:25px!important}._sizeMicro_tf1yl_78 ._searchIcon_tf1yl_52{left:5px}._sizeDefault_tf1yl_87 ._input_tf1yl_12{font:var(--text-base)!important;height:40px!important;padding-left:35px!important}._sizeDefault_tf1yl_87 ._searchIcon_tf1yl_52{left:7px}._input_tf1yl_12:focus::placeholder{opacity:0}._input_tf1yl_12::selection{background:var(--lv3)}._input_tf1yl_12:disabled{opacity:.6;cursor:not-allowed}._error_tf1yl_110{border-color:var(--CSignal)}._errorText_tf1yl_114{font:var(--text-2xs);color:var(--CSignal)}._wrapper_su5p5_1{display:flex;flex-direction:column;gap:4px}._label_su5p5_7{font:var(--text-xs);color:var(--lv6)}._input_su5p5_12{font:var(--text-xs);padding:10px;height:30px;border:1px solid var(--lv3);border-radius:var(--radius);background:transparent;color:var(--lv7)}._input_su5p5_12:not(:disabled):hover{border-color:var(--lv5)}._input_su5p5_12:not(:disabled):active{border-color:var(--lv5)}._input_su5p5_12:focus{outline:none;border-color:var(--lv5)}._input_su5p5_12::placeholder{color:var(--lv5)}._input_su5p5_12:disabled{opacity:.6;cursor:not-allowed}._input_su5p5_12::selection{background:var(--lv3)}._input_su5p5_12[type=number]::-webkit-inner-spin-button,._input_su5p5_12[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._input_su5p5_12[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._error_su5p5_61{border-color:var(--CSignal)}._error_su5p5_61:focus{border-color:var(--CSignal)}._errorText_su5p5_69{font:var(--text-2xs);color:var(--CSignal)}._borderBottom_su5p5_75{padding:0;border:none;border-bottom:1px solid var(--lv3);border-radius:0}._borderBottom_su5p5_75:not(:disabled):hover{border-bottom-color:var(--lv5)}._borderBottom_su5p5_75:not(:disabled):active{border-bottom-color:var(--lv5)}._borderBottom_su5p5_75:focus{border-bottom-color:var(--lv5);outline:none}._borderBottom_su5p5_75._error_su5p5_61{border-bottom-color:var(--CSignal)}._borderBottom_su5p5_75._error_su5p5_61:focus{border-bottom-color:var(--CSignal)}._radioWrapper_1faq0_1{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:7px}._radioInput_1faq0_9{position:absolute;opacity:0;width:17px;height:17px;cursor:pointer}._radioInput_1faq0_9:disabled{cursor:not-allowed}._radioInput_1faq0_9:focus-visible+._customRadio_1faq0_23{outline:2px solid var(--lv5);outline-offset:2px}._customRadio_1faq0_23{width:17px;height:17px;border-radius:50%;background:var(--lv2);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer}._radioWrapper_1faq0_1:hover ._radioInput_1faq0_9:not(:disabled):not(:checked)+._customRadio_1faq0_23{background-color:var(--lv3)}._radioInput_1faq0_9:checked+._customRadio_1faq0_23{background-color:var(--lv3)}._radioInput_1faq0_9:checked+._customRadio_1faq0_23:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background-color:var(--lv8)}._labelText_1faq0_57{font:var(--text-sm);color:var(--lv7)}._disabled_1faq0_63{cursor:not-allowed}._radioInput_1faq0_9:disabled+._customRadio_1faq0_23{opacity:.5;pointer-events:none}._disabled_1faq0_63 ._labelText_1faq0_57{opacity:.5}._switch_1xsea_1{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}._switch_1xsea_1 input{position:absolute;opacity:0;width:28px;height:18px;cursor:pointer}._switch_1xsea_1 input:disabled{cursor:not-allowed}._switch_1xsea_1 input:focus-visible+._slider_1xsea_23{outline:2px solid var(--lv5);outline-offset:2px}._label_1xsea_28{font:var(--text-sm);color:var(--lv7)}._slider_1xsea_23{position:relative;display:inline-block;width:28px;height:18px;background:var(--lv2);border-radius:var(--radius)}._switch_1xsea_1:not(._disabled_1xsea_43):hover input:not(:checked)+._slider_1xsea_23{background-color:var(--lv3)}._slider_1xsea_23:before{position:absolute;content:"";height:12px;width:12px;left:3px;top:3px;background-color:var(--lv8);border-radius:var(--radius);transition:transform .02s}._switch_1xsea_1 input:checked+._slider_1xsea_23{background-color:var(--lv3)}._switch_1xsea_1 input:checked+._slider_1xsea_23:before{transform:translate(10px)}._switch_1xsea_1 input:disabled+._slider_1xsea_23{opacity:.5;pointer-events:none}._switch_1xsea_1._disabled_1xsea_43{cursor:not-allowed}._switch_1xsea_1._disabled_1xsea_43 ._label_1xsea_28{opacity:.5}._label_12as9_1{font:var(--text-xs);color:var(--lv6);margin-bottom:4px;display:block}._basetrack_12as9_8{position:relative;height:5px;width:100%;border-radius:1px}._basetrack_12as9_8:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pattern-checkerboard-light);background-repeat:repeat;background-size:2px 2px;border-radius:1px;opacity:.3;pointer-events:none;z-index:0}@media(prefers-color-scheme:dark){._basetrack_12as9_8:before{background-image:var(--pattern-checkerboard-dark)}}._selectedtrack_12as9_36{position:absolute;height:100%;background-color:var(--lv5);pointer-events:none;border-radius:1px}._livetrack_12as9_43{position:absolute;height:100%;pointer-events:none;border-radius:1px}._livetrackFaceted_12as9_49,._livetrackDefault_12as9_52{background-color:var(--lv5)}._thumbs_12as9_55{height:13px;width:18px;border-radius:1px;background-color:var(--lv7);cursor:grab;outline:none;position:relative}._thumbs_12as9_55:before{content:"";position:absolute;width:24px;height:19px;top:50%;left:50%;transform:translate(-50%,-50%)}._thumbs_12as9_55:focus{outline:none}._thumbs_12as9_55:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._thumbs_12as9_55._disabled_12as9_89{background-color:var(--lv5);cursor:not-allowed}._wrapper_1uqw5_1{display:flex;flex-direction:column;gap:4px}._label_1uqw5_7{font:var(--text-xs);color:var(--lv6)}._trigger_1uqw5_12{all:unset;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;height:40px;font:var(--text-sm);width:100%;box-sizing:border-box;background:var(--lv0);color:var(--lv7);border:1px solid var(--lv3);border-radius:var(--radius);cursor:pointer}._trigger_1uqw5_12:hover:not([data-disabled]){border-color:var(--lv4)}._trigger_1uqw5_12:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._trigger_1uqw5_12[data-disabled]{opacity:.5;cursor:not-allowed}._icon_1uqw5_44{color:var(--lv5);display:flex;align-items:center}._content_1uqw5_50{overflow:hidden;background:var(--lv0);border:1px solid var(--lv3);border-radius:var(--radius);z-index:1000}._viewport_1uqw5_58{padding:0}._item_1uqw5_62{all:unset;font:var(--text-sm);color:var(--lv7);border-radius:var(--radius);display:flex;align-items:center;padding:6px 10px;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}._item_1uqw5_62[data-highlighted]{outline:none;background-color:var(--lv2)}._item_1uqw5_62[data-state=checked]{background-color:var(--lv3);color:var(--lv8)}._content_1qahr_1{background:var(--lv3);border-radius:var(--radius);padding:var(--spacing);z-index:1000;animation-duration:0s!important;box-sizing:border-box}._table_1b0iq_1{width:100%;border-collapse:collapse;font:var(--text-sm);background-color:var(--lv0)}._caption_1b0iq_8{caption-side:top;text-align:left;padding:10px 15px;font:var(--text-sm);font-weight:var(--med);color:var(--lv7)}._table_1b0iq_1 th,._table_1b0iq_1 td{text-align:left;padding:0 15px;height:40px;border:.5px solid var(--lv3)}._headerRow_1b0iq_25{background-color:var(--lv2)}._headerRow_1b0iq_25 th{font-weight:var(--med)}._dataRow_1b0iq_33{background-color:transparent}._dataRow_1b0iq_33 td{font-weight:var(--reg)}._cellInner_1b0iq_41{display:flex;align-items:center;justify-content:space-between}._cellLabel_1b0iq_47{min-width:50%;flex-shrink:0}._cellContent_1b0iq_52{display:flex;align-items:center;gap:8px}._value_1b0iq_58{font:var(--text-xs);font-weight:var(--book);color:var(--lv5)}._icon_1b0iq_64{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--lv6)}
|
|
1
|
+
:root{--spacing: 5px;--radius: 1px;--lv0: #FFFFFF;--lv1: #FBFBFB;--lv2: #EFEFEF;--lv3: #CFCFCF;--lv4: #757575;--lv5: #4A4A50;--lv6: #1A1A21;--lv7: #121215;--lv8: #080809;--CSignal: #FF4238;--CTeal: #72F5C6;--CPureBlue: #0000ff;--font-family: "Inter", sans-serif;--text-2xs: 350 10px/1 var(--font-family);--text-xs: 350 11px/1 var(--font-family);--text-sm: 350 13px/1 var(--font-family);--text-base: 350 15px/1 var(--font-family);--text-lg: 350 17px/1 var(--font-family);--text-xl: 350 19px/1 var(--font-family);--text-2xl: 350 24px/1 var(--font-family);--text-3xl: 350 30px/1 var(--font-family);--text-4xl: 350 36px/1 var(--font-family);--light: 300;--book: 350;--reg: 400;--med: 500;--semi: 600;--bold: 700}@media(prefers-color-scheme:dark){:root{--lv0: #080809;--lv1: #121215;--lv2: #1A1A21;--lv3: #393941;--lv4: #565661;--lv5: #8F8F97;--lv6: #EFEFEF;--lv7: #FBFBFB;--lv8: #FFFFFF}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--pattern-checkerboard-light: url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23080809'/%3E%3Crect x='1' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-dark: url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-light: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-dark: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-light: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-dark: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-light: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-dark: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-light: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-dark: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-6-light: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-6-dark: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-12-light: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-12-dark: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-24-light: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-24-dark: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E")}._button_1sns4_1{display:inline-flex;align-items:center;cursor:pointer;border-radius:var(--radius);border:none;box-sizing:border-box}._button_1sns4_1:disabled{opacity:.5;cursor:not-allowed}._button_1sns4_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._micro_1sns4_22{font:var(--text-xs);font-weight:var(--med);height:30px;padding:0 10px;gap:7px}._default_1sns4_30{font:var(--text-sm);font-weight:var(--med);height:40px;padding:0 15px;gap:10px}._large_1sns4_38{font:var(--text-base);font-weight:var(--med);height:50px;padding:0 20px;gap:10px}._primary_1sns4_47{background:var(--lv7);color:var(--lv1);border:none}._primary_1sns4_47:hover:not(:disabled){opacity:.8}._secondary_1sns4_57{border:1px solid var(--lv3);color:var(--lv6);background:transparent}._secondary_1sns4_57:hover:not(:disabled){border-color:var(--lv4)}._ghost_1sns4_67{color:var(--lv5);background:transparent;border:none}._ghost_1sns4_67:hover:not(:disabled){background:var(--lv2)}._checkboxWrapper_1vygn_1{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_1vygn_1{width:17px;height:17px;border-radius:var(--radius);background:var(--lv2);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer}._checkboxWrapper_1vygn_1:hover ._checkbox_1vygn_1:not(:disabled){background-color:var(--lv3)}._checkbox_1vygn_1:checked{background-color:var(--lv3)}._checkbox_1vygn_1:checked:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:var(--radius);background-color:var(--lv8)}._checkbox_1vygn_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._label_1vygn_44{font:var(--text-sm);color:var(--lv7)}._score_1vygn_48{font:var(--text-xs);color:var(--lv5);padding-top:1px}._disabled_1vygn_55{cursor:not-allowed}._checkbox_1vygn_1:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}._disabled_1vygn_55 ._label_1vygn_44,._disabled_1vygn_55 ._score_1vygn_48{opacity:.5}._container_dlzj1_1{border-radius:var(--radius);height:100%}._default_dlzj1_5{background:var(--lv2);padding:var(--spacing)}@media(prefers-color-scheme:dark){._default_dlzj1_5{background:var(--lv1)}}._container_10bfq_1{background:var(--lv0);border-radius:var(--radius);padding:calc(var(--spacing) * 3);margin-bottom:var(--spacing);display:flex;flex-direction:column;gap:15px}._header_10bfq_11{display:flex;align-items:center;justify-content:space-between;--lv5: var(--lv4);cursor:pointer;background:none;border:none;padding:0;width:100%;text-align:left}._header_10bfq_11:focus-visible{outline:2px solid var(--lv5);outline-offset:2px;border-radius:var(--radius)}._title_10bfq_31{font:var(--text-sm);color:var(--lv7);display:flex;align-items:center}._toggleButton_10bfq_38{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit}._body_10bfq_49{gap:10px}._wrapper_tf1yl_1{display:flex;flex-direction:column;gap:4px}._label_tf1yl_7{font:var(--text-sm);color:var(--lv8)}._inputContainer_tf1yl_12{position:relative;display:flex;align-items:center;gap:8px}._input_tf1yl_12{width:100%;border-radius:1px;border:none;color:var(--lv8);box-sizing:border-box;caret-color:var(--lv7);background:none}._input_tf1yl_12[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_tf1yl_12:not(._focus_tf1yl_35):focus{outline:none}._input_tf1yl_12._focus_tf1yl_35:focus{outline:.5px solid var(--lv7);outline-offset:0;box-shadow:none;border-radius:1px}._input_tf1yl_12::placeholder{color:var(--lv4);transition:opacity .2s}._searchIcon_tf1yl_52{--search-icon-color: var(--lv4);position:absolute;display:flex;align-items:center;height:100%;color:var(--search-icon-color);pointer-events:none;transition:color .2s}._inputContainer_tf1yl_12:focus-within ._searchIcon_tf1yl_52{--search-icon-color: var(--lv7)}._rightContent_tf1yl_67{position:absolute;right:5px;height:100%;display:flex;align-items:center;align-content:center;gap:10px}._sizeMicro_tf1yl_78 ._input_tf1yl_12{font:var(--text-xs)!important;height:30px!important;padding-left:25px!important}._sizeMicro_tf1yl_78 ._searchIcon_tf1yl_52{left:5px}._sizeDefault_tf1yl_87 ._input_tf1yl_12{font:var(--text-base)!important;height:40px!important;padding-left:35px!important}._sizeDefault_tf1yl_87 ._searchIcon_tf1yl_52{left:7px}._input_tf1yl_12:focus::placeholder{opacity:0}._input_tf1yl_12::selection{background:var(--lv3)}._input_tf1yl_12:disabled{opacity:.6;cursor:not-allowed}._error_tf1yl_110{border-color:var(--CSignal)}._errorText_tf1yl_114{font:var(--text-2xs);color:var(--CSignal)}._wrapper_su5p5_1{display:flex;flex-direction:column;gap:4px}._label_su5p5_7{font:var(--text-xs);color:var(--lv6)}._input_su5p5_12{font:var(--text-xs);padding:10px;height:30px;border:1px solid var(--lv3);border-radius:var(--radius);background:transparent;color:var(--lv7)}._input_su5p5_12:not(:disabled):hover{border-color:var(--lv5)}._input_su5p5_12:not(:disabled):active{border-color:var(--lv5)}._input_su5p5_12:focus{outline:none;border-color:var(--lv5)}._input_su5p5_12::placeholder{color:var(--lv5)}._input_su5p5_12:disabled{opacity:.6;cursor:not-allowed}._input_su5p5_12::selection{background:var(--lv3)}._input_su5p5_12[type=number]::-webkit-inner-spin-button,._input_su5p5_12[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._input_su5p5_12[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._error_su5p5_61{border-color:var(--CSignal)}._error_su5p5_61:focus{border-color:var(--CSignal)}._errorText_su5p5_69{font:var(--text-2xs);color:var(--CSignal)}._borderBottom_su5p5_75{padding:0;border:none;border-bottom:1px solid var(--lv3);border-radius:0}._borderBottom_su5p5_75:not(:disabled):hover{border-bottom-color:var(--lv5)}._borderBottom_su5p5_75:not(:disabled):active{border-bottom-color:var(--lv5)}._borderBottom_su5p5_75:focus{border-bottom-color:var(--lv5);outline:none}._borderBottom_su5p5_75._error_su5p5_61{border-bottom-color:var(--CSignal)}._borderBottom_su5p5_75._error_su5p5_61:focus{border-bottom-color:var(--CSignal)}._radioWrapper_1faq0_1{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:7px}._radioInput_1faq0_9{position:absolute;opacity:0;width:17px;height:17px;cursor:pointer}._radioInput_1faq0_9:disabled{cursor:not-allowed}._radioInput_1faq0_9:focus-visible+._customRadio_1faq0_23{outline:2px solid var(--lv5);outline-offset:2px}._customRadio_1faq0_23{width:17px;height:17px;border-radius:50%;background:var(--lv2);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer}._radioWrapper_1faq0_1:hover ._radioInput_1faq0_9:not(:disabled):not(:checked)+._customRadio_1faq0_23{background-color:var(--lv3)}._radioInput_1faq0_9:checked+._customRadio_1faq0_23{background-color:var(--lv3)}._radioInput_1faq0_9:checked+._customRadio_1faq0_23:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background-color:var(--lv8)}._labelText_1faq0_57{font:var(--text-sm);color:var(--lv7)}._disabled_1faq0_63{cursor:not-allowed}._radioInput_1faq0_9:disabled+._customRadio_1faq0_23{opacity:.5;pointer-events:none}._disabled_1faq0_63 ._labelText_1faq0_57{opacity:.5}._switch_1xsea_1{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}._switch_1xsea_1 input{position:absolute;opacity:0;width:28px;height:18px;cursor:pointer}._switch_1xsea_1 input:disabled{cursor:not-allowed}._switch_1xsea_1 input:focus-visible+._slider_1xsea_23{outline:2px solid var(--lv5);outline-offset:2px}._label_1xsea_28{font:var(--text-sm);color:var(--lv7)}._slider_1xsea_23{position:relative;display:inline-block;width:28px;height:18px;background:var(--lv2);border-radius:var(--radius)}._switch_1xsea_1:not(._disabled_1xsea_43):hover input:not(:checked)+._slider_1xsea_23{background-color:var(--lv3)}._slider_1xsea_23:before{position:absolute;content:"";height:12px;width:12px;left:3px;top:3px;background-color:var(--lv8);border-radius:var(--radius);transition:transform .02s}._switch_1xsea_1 input:checked+._slider_1xsea_23{background-color:var(--lv3)}._switch_1xsea_1 input:checked+._slider_1xsea_23:before{transform:translate(10px)}._switch_1xsea_1 input:disabled+._slider_1xsea_23{opacity:.5;pointer-events:none}._switch_1xsea_1._disabled_1xsea_43{cursor:not-allowed}._switch_1xsea_1._disabled_1xsea_43 ._label_1xsea_28{opacity:.5}._label_12as9_1{font:var(--text-xs);color:var(--lv6);margin-bottom:4px;display:block}._basetrack_12as9_8{position:relative;height:5px;width:100%;border-radius:1px}._basetrack_12as9_8:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pattern-checkerboard-light);background-repeat:repeat;background-size:2px 2px;border-radius:1px;opacity:.3;pointer-events:none;z-index:0}@media(prefers-color-scheme:dark){._basetrack_12as9_8:before{background-image:var(--pattern-checkerboard-dark)}}._selectedtrack_12as9_36{position:absolute;height:100%;background-color:var(--lv5);pointer-events:none;border-radius:1px}._livetrack_12as9_43{position:absolute;height:100%;pointer-events:none;border-radius:1px}._livetrackFaceted_12as9_49,._livetrackDefault_12as9_52{background-color:var(--lv5)}._thumbs_12as9_55{height:13px;width:18px;border-radius:1px;background-color:var(--lv7);cursor:grab;outline:none;position:relative}._thumbs_12as9_55:before{content:"";position:absolute;width:24px;height:19px;top:50%;left:50%;transform:translate(-50%,-50%)}._thumbs_12as9_55:focus{outline:none}._thumbs_12as9_55:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._thumbs_12as9_55._disabled_12as9_89{background-color:var(--lv5);cursor:not-allowed}._wrapper_1uqw5_1{display:flex;flex-direction:column;gap:4px}._label_1uqw5_7{font:var(--text-xs);color:var(--lv6)}._trigger_1uqw5_12{all:unset;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;height:40px;font:var(--text-sm);width:100%;box-sizing:border-box;background:var(--lv0);color:var(--lv7);border:1px solid var(--lv3);border-radius:var(--radius);cursor:pointer}._trigger_1uqw5_12:hover:not([data-disabled]){border-color:var(--lv4)}._trigger_1uqw5_12:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._trigger_1uqw5_12[data-disabled]{opacity:.5;cursor:not-allowed}._icon_1uqw5_44{color:var(--lv5);display:flex;align-items:center}._content_1uqw5_50{overflow:hidden;background:var(--lv0);border:1px solid var(--lv3);border-radius:var(--radius);z-index:1000}._viewport_1uqw5_58{padding:0}._item_1uqw5_62{all:unset;font:var(--text-sm);color:var(--lv7);border-radius:var(--radius);display:flex;align-items:center;padding:6px 10px;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}._item_1uqw5_62[data-highlighted]{outline:none;background-color:var(--lv2)}._item_1uqw5_62[data-state=checked]{background-color:var(--lv3);color:var(--lv8)}._content_1qahr_1{background:var(--lv3);border-radius:var(--radius);padding:var(--spacing);z-index:1000;animation-duration:0s!important;box-sizing:border-box}._table_1b0iq_1{width:100%;border-collapse:collapse;font:var(--text-sm);background-color:var(--lv0)}._caption_1b0iq_8{caption-side:top;text-align:left;padding:10px 15px;font:var(--text-sm);font-weight:var(--med);color:var(--lv7)}._table_1b0iq_1 th,._table_1b0iq_1 td{text-align:left;padding:0 15px;height:40px;border:.5px solid var(--lv3)}._headerRow_1b0iq_25{background-color:var(--lv2)}._headerRow_1b0iq_25 th{font-weight:var(--med)}._dataRow_1b0iq_33{background-color:transparent}._dataRow_1b0iq_33 td{font-weight:var(--reg)}._cellInner_1b0iq_41{display:flex;align-items:center;justify-content:space-between}._cellLabel_1b0iq_47{min-width:50%;flex-shrink:0}._cellContent_1b0iq_52{display:flex;align-items:center;gap:8px}._value_1b0iq_58{font:var(--text-xs);font-weight:var(--book);color:var(--lv5)}._icon_1b0iq_64{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--lv6)}._tabs_qrelf_1{display:flex;border-bottom:1px solid var(--lv3)}._tab_qrelf_1{display:inline-flex;align-items:center;font-weight:var(--med);color:var(--lv5);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}._tab_qrelf_1:hover{color:var(--lv7)}._active_qrelf_23{color:var(--lv7);border-bottom-color:var(--lv7)}._micro_qrelf_29{font:var(--text-xs);font-weight:var(--med);height:30px;padding:0 10px}._default_qrelf_36{font:var(--text-sm);font-weight:var(--med);height:40px;padding:0 15px}._large_qrelf_43{font:var(--text-base);font-weight:var(--med);height:50px;padding:0 20px}._wrapper_1a9jo_1{display:flex;align-items:center;gap:5px;width:100%}._track_1a9jo_8{position:relative;height:8px;flex:1;border-radius:1px}._track_1a9jo_8:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pattern-checkerboard-light);background-repeat:repeat;background-size:2px 2px;border-radius:1px;opacity:.3;pointer-events:none}@media(prefers-color-scheme:dark){._track_1a9jo_8:before{background-image:var(--pattern-checkerboard-dark)}}._fill_1a9jo_36{position:absolute;top:0;left:0;height:100%;background-color:var(--lv6);border-radius:1px;pointer-events:none}._label_1a9jo_46{font:var(--text-xs);color:var(--lv6);width:30px;text-align:right;flex-shrink:0}._chip_1xnqt_1{display:inline-block;color:var(--lv6);background-color:var(--lv2);font:var(--text-xs);border-radius:10px;padding:2px 6px;white-space:nowrap}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@indxsearch/systm",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "Minimal design system and UI component library for React. Includes buttons, inputs, sliders, checkboxes, tables, and more. Built with CSS modules and customizable via CSS variables.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"indx",
|
|
@@ -19,7 +19,12 @@
|
|
|
19
19
|
"react-components"
|
|
20
20
|
],
|
|
21
21
|
"author": "Indx Search",
|
|
22
|
-
"license": "
|
|
22
|
+
"license": "SEE LICENSE IN LICENSE",
|
|
23
|
+
"repository": {
|
|
24
|
+
"type": "git",
|
|
25
|
+
"url": "https://github.com/indxSearch/indx-react.git",
|
|
26
|
+
"directory": "packages/indx-systm"
|
|
27
|
+
},
|
|
23
28
|
"type": "module",
|
|
24
29
|
"main": "dist/index.umd.js",
|
|
25
30
|
"module": "dist/index.es.js",
|
|
@@ -61,7 +66,7 @@
|
|
|
61
66
|
"./patterns.css": "./dist/patterns.css"
|
|
62
67
|
},
|
|
63
68
|
"dependencies": {
|
|
64
|
-
"@indxsearch/pixl": "^1.
|
|
69
|
+
"@indxsearch/pixl": "^1.4.0",
|
|
65
70
|
"@radix-ui/react-select": "^2.2.6",
|
|
66
71
|
"react-range": "^1.10.0"
|
|
67
72
|
},
|