selectyc 0.0.26 → 0.0.27
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/selectyc.css +1 -1
- package/package.json +1 -1
package/dist/selectyc.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.custom-multiselect{position:relative;width:100%}.selected-items{display:flex;gap:5px;padding:0 8px;border:1px solid;cursor:pointer;align-items:center;@apply bg-gray-50 border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-[2px] focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500;}.horizontal-overflow{flex-wrap:nowrap;height:42px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.vertical-overflow{flex-wrap:wrap;min-height:42px;height:auto;max-height:120px;white-space:nowrap;overflow-x:auto;overflow-y:auto}.round{@apply rounded-lg;}.roundt{@apply rounded-t-lg;}.round-l{@apply rounded-l-lg;}.round-r{@apply rounded-r-lg;}.round-lt{@apply rounded-tl-lg;}.round-rt{@apply rounded-tr-lg;}.roundt-up{@apply rounded-b-lg;}.round-lt-up{@apply rounded-bl-lg;}.round-rt-up{@apply rounded-br-lg;}.selected-items::-webkit-scrollbar{height:6px;width:8px}.selected-items::-webkit-scrollbar-thumb{border-radius:1rem;@apply bg-cyan-400 dark:bg-cyan-700;}.selected-items::-webkit-scrollbar-thumb:hover{@apply bg-cyan-500 dark:bg-cyan-600;}.custom-single-select{width:100%;padding-left:.2rem;border:0px solid;background:transparent;font-size:.9rem;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.custom-single-select:focus{border:0px solid transparent;outline:none;box-shadow:none}.custom-single-select::placeholder{opacity:.7;font-style:italic;font-size:14px}.selected-tag{background-color:#007bff;color:#fff;padding:4px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap;flex:0 0 auto}.remove-tag{cursor:pointer;font-weight:700;border:solid 0px;border-radius:.5rem;padding:1px 6px;@apply hover:bg-blue-400 dark:hover:bg-sky-800;}.global-dropdown{background-color:#374151;max-height:200px;overflow-y:auto;display:none;z-index:999;box-shadow:0 2px 8px #0003;@apply bg-gray-50 dark:bg-gray-700;}.global-dropdown-round{border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem}.global-dropdown::-webkit-scrollbar{width:10px;border-radius:.6rem;@apply bg-gray-200 dark:bg-gray-400;}.global-dropdown::-webkit-scrollbar-thumb{border-radius:.6rem;@apply bg-gray-400 dark:bg-gray-600;}.search-input{width:100%;padding:3px 10px;border:1px solid;display:none;z-index:999;outline:none;color:#000;font-size:.9rem;@apply bg-white dark:bg-gray-600 dark:border-gray-500 dark:text-white border-blue-500;}.search-input:focus{@apply dark:border-gray-500 border-blue-500;}.search-input::placeholder{@apply text-gray-700 dark:text-gray-400;}.select-option{padding:3px 10px;cursor:pointer;font-size:.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-option:hover{background-color:#3777de;color:#fff}.selectyc-mobile-overlay{position:fixed;inset:0;background:#0006;z-index:9999;display:none}.selectyc-mobile-modal{width:80%;height:70vh;border-radius:16px;display:flex;flex-direction:column;animation:slideUp .25s ease;@apply bg-white dark:bg-gray-600;}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selectyc-mobile-header{padding:12px;display:flex;gap:10px;align-items:center;@apply border-b border-gray-300 dark:border-gray-500;}.selectyc-mobile-close{border:none;background:none;font-size:20px;@apply text-gray-700 dark:text-gray-400 font-bold px-2;}.selectyc-mobile-search{flex:1;padding:10px;border-radius:8px;@apply bg-white dark:bg-gray-600 dark:border-gray-500 dark:text-white border-gray-300 focus:border-blue-500 dark:focus:border-blue-400;}.selectyc-mobile-search::placeholder{@apply text-gray-700 dark:text-gray-400;}.selectyc-mobile-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-loading,.mobile-empty{padding:20px;text-align:center;color:#999}.mobile-option{padding:10px 16px;font-size:14px;cursor:pointer;transition:background .15s ease,transform .05s ease;@apply border-b border-gray-300 dark:border-gray-500 dark:text-gray-200 text-black;}.mobile-option:hover{background:#f2f4f7}.mobile-option:active{background:#e6f0ff;transform:scale(.98)}.mobile-option.active-touch{background:#e6f0ff}
|
|
1
|
+
.custom-multiselect{position:relative;width:100%}.selected-items{display:flex;gap:5px;padding:0 8px;border:1px solid;cursor:pointer;align-items:center;@apply bg-gray-50 border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-[2px] focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500;}.horizontal-overflow{flex-wrap:nowrap;height:42px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.vertical-overflow{flex-wrap:wrap;min-height:42px;height:auto;max-height:120px;white-space:nowrap;overflow-x:auto;overflow-y:auto}.round{@apply rounded-lg;}.roundt{@apply rounded-t-lg;}.round-l{@apply rounded-l-lg;}.round-r{@apply rounded-r-lg;}.round-lt{@apply rounded-tl-lg;}.round-rt{@apply rounded-tr-lg;}.roundt-up{@apply rounded-b-lg;}.round-lt-up{@apply rounded-bl-lg;}.round-rt-up{@apply rounded-br-lg;}.selected-items::-webkit-scrollbar{height:6px;width:8px}.selected-items::-webkit-scrollbar-thumb{border-radius:1rem;@apply bg-cyan-400 dark:bg-cyan-700;}.selected-items::-webkit-scrollbar-thumb:hover{@apply bg-cyan-500 dark:bg-cyan-600;}.custom-single-select{width:100%;padding-left:.2rem;border:0px solid;background:transparent;font-size:.9rem;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.custom-single-select:focus{border:0px solid transparent;outline:none;box-shadow:none}.custom-single-select::placeholder{opacity:.7;font-style:italic;font-size:14px}.selected-tag{background-color:#007bff;color:#fff;padding:4px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap;flex:0 0 auto}.remove-tag{cursor:pointer;font-weight:700;border:solid 0px;border-radius:.5rem;padding:1px 6px;@apply hover:bg-blue-400 dark:hover:bg-sky-800;}.global-dropdown{background-color:#374151;max-height:200px;overflow-y:auto;display:none;z-index:999;box-shadow:0 2px 8px #0003;@apply bg-gray-50 dark:bg-gray-700;}.global-dropdown-round{border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem}.global-dropdown::-webkit-scrollbar{width:10px;border-radius:.6rem;@apply bg-gray-200 dark:bg-gray-400;}.global-dropdown::-webkit-scrollbar-thumb{border-radius:.6rem;@apply bg-gray-400 dark:bg-gray-600;}.search-input{width:100%;padding:3px 10px;border:1px solid;display:none;z-index:999;outline:none;color:#000;font-size:.9rem;@apply bg-white dark:bg-gray-600 dark:border-gray-500 dark:text-white border-blue-500;}.search-input:focus{@apply dark:border-gray-500 border-blue-500;}.search-input::placeholder{@apply text-gray-700 dark:text-gray-400;}.select-option{padding:3px 10px;cursor:pointer;font-size:.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-option:hover{background-color:#3777de;color:#fff}.selectyc-mobile-overlay{position:fixed;inset:0;background:#0006;z-index:9999;display:none}.selectyc-mobile-modal{width:80%;height:70vh;border-radius:16px;display:flex;flex-direction:column;animation:slideUp .25s ease;@apply bg-white dark:bg-gray-600;}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selectyc-mobile-header{padding:12px;display:flex;gap:10px;align-items:center;@apply border-b border-gray-300 dark:border-gray-500;}.selectyc-mobile-close{border:none;background:none;font-size:20px;@apply text-gray-700 dark:text-gray-400 font-bold px-2;}.selectyc-mobile-search{flex:1;padding:10px;border-radius:8px;@apply bg-white dark:bg-gray-600 dark:border-gray-500 dark:text-white border-gray-300 focus:border-blue-500 dark:focus:border-blue-400;}.selectyc-mobile-search::placeholder{@apply text-gray-700 dark:text-gray-400;}.selectyc-mobile-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-loading,.mobile-empty{padding:20px;text-align:center;color:#999}.mobile-option{padding:10px 16px;font-size:14px;cursor:pointer;transition:background .15s ease,transform .05s ease;@apply border-b border-gray-300 dark:border-gray-500 dark:text-gray-200 text-black;}.mobile-option:hover{background:#f2f4f7}.mobile-option:active{background:#e6f0ff;transform:scale(.98)}.mobile-option.active-touch{background:#e6f0ff}@supports (-webkit-touch-callout: none){.search-input,.custom-single-select,.selectyc-mobile-search{font-size:16px!important}.custom-single-select::placeholder,.search-input::placeholder,.selectyc-mobile-search::placeholder{font-size:16px!important}}
|