@jacshuo/onyx 2.1.0 → 2.2.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/README.md +358 -361
- package/dist/Extras/DateTimePicker.cjs +1 -0
- package/dist/Extras/DateTimePicker.css +1 -0
- package/dist/Extras/DateTimePicker.d.cts +5 -0
- package/dist/Extras/DateTimePicker.d.ts +5 -0
- package/dist/Extras/DateTimePicker.js +1 -0
- package/dist/Extras/index.cjs +4 -4
- package/dist/Extras/index.css +1 -1
- package/dist/Extras/index.d.cts +5 -0
- package/dist/Extras/index.d.ts +5 -0
- package/dist/Extras/index.js +4 -4
- package/dist/Navigation/SideNav.cjs +1 -1
- package/dist/Navigation/SideNav.js +1 -1
- package/dist/Navigation/index.cjs +2 -2
- package/dist/Navigation/index.js +2 -2
- package/dist/Primitives/Dropdown.cjs +1 -1
- package/dist/Primitives/Dropdown.js +1 -1
- package/dist/Primitives/Input.cjs +1 -1
- package/dist/Primitives/Input.js +1 -1
- package/dist/Primitives/Slider.cjs +1 -1
- package/dist/Primitives/Slider.js +1 -1
- package/dist/Primitives/index.cjs +1 -1
- package/dist/Primitives/index.js +1 -1
- package/dist/_tsup-dts-rollup.d.cts +165 -3
- package/dist/_tsup-dts-rollup.d.ts +165 -3
- package/dist/index.cjs +5 -5
- package/dist/index.css +1 -1
- package/dist/index.d.cts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -5
- package/dist/styles/Extras/DateTimePicker.css +566 -0
- package/dist/styles/base.css +39 -12
- package/dist/styles.css +497 -12
- package/package.json +1 -1
package/dist/Extras/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tw-cursor-out{0%{opacity:1}80%{opacity:1}to{opacity:0}}.tw-cursor{display:inline-block;line-height:1;vertical-align:baseline;user-select:none;transform:scaleY(.88);transform-origin:50% 90%;color:currentColor}.tw-cursor--blink{animation:tw-blink 1s step-end infinite}.tw-cursor--solid{opacity:1;animation:none}.tw-cursor--out{animation:tw-cursor-out .6s ease-out forwards;pointer-events:none}.cmd-backdrop{background:#0006;backdrop-filter:blur(2px);animation:cmd-backdrop-in .12s ease-out both}@keyframes cmd-backdrop-in{0%{opacity:0}to{opacity:1}}.cmd-panel{animation:cmd-panel-in .18s cubic-bezier(.16,1,.3,1) both}@keyframes cmd-panel-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cmd-item{cursor:default;user-select:none;transition:background-color 80ms ease,color 80ms ease}#cmd-results{scrollbar-width:thin;scrollbar-color:var(--color-primary-300) transparent}#cmd-results::-webkit-scrollbar{width:4px}#cmd-results::-webkit-scrollbar-track{background:transparent}#cmd-results::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:2px}.dark #cmd-results::-webkit-scrollbar-thumb{background:var(--color-primary-700)}:root{--tl-holo-base: var(--color-primary-600);--tl-holo-mid: var(--color-primary-400);--tl-holo-indigo: var(--color-indigo-400);--tl-holo-violet: var(--color-violet-300);--tl-holo-cyan: var(--color-cyan-400);--tl-glow-complete-1: var(--color-success-600);--tl-glow-complete-2: var(--color-success-400);--tl-glow-error-1: var(--color-danger-600);--tl-glow-error-2: var(--color-danger-400);--tl-glow-error-3: var(--color-danger-300)}@property --tl-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes tl-holo-spin{to{--tl-angle: 360deg}}@keyframes tl-breathe{0%,to{opacity:.42}50%{opacity:.9}}@keyframes tl-glow-pulse{0%,to{opacity:.12}50%{opacity:.24}}
|
|
1
|
+
@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tw-cursor-out{0%{opacity:1}80%{opacity:1}to{opacity:0}}.tw-cursor{display:inline-block;line-height:1;vertical-align:baseline;user-select:none;transform:scaleY(.88);transform-origin:50% 90%;color:currentColor}.tw-cursor--blink{animation:tw-blink 1s step-end infinite}.tw-cursor--solid{opacity:1;animation:none}.tw-cursor--out{animation:tw-cursor-out .6s ease-out forwards;pointer-events:none}.cmd-backdrop{background:#0006;backdrop-filter:blur(2px);animation:cmd-backdrop-in .12s ease-out both}@keyframes cmd-backdrop-in{0%{opacity:0}to{opacity:1}}.cmd-panel{animation:cmd-panel-in .18s cubic-bezier(.16,1,.3,1) both}@keyframes cmd-panel-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cmd-item{cursor:default;user-select:none;transition:background-color 80ms ease,color 80ms ease}#cmd-results{scrollbar-width:thin;scrollbar-color:var(--color-primary-300) transparent}#cmd-results::-webkit-scrollbar{width:4px}#cmd-results::-webkit-scrollbar-track{background:transparent}#cmd-results::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:2px}.dark #cmd-results::-webkit-scrollbar-thumb{background:var(--color-primary-700)}:root{--tl-holo-base: var(--color-primary-600);--tl-holo-mid: var(--color-primary-400);--tl-holo-indigo: var(--color-indigo-400);--tl-holo-violet: var(--color-violet-300);--tl-holo-cyan: var(--color-cyan-400);--tl-glow-complete-1: var(--color-success-600);--tl-glow-complete-2: var(--color-success-400);--tl-glow-error-1: var(--color-danger-600);--tl-glow-error-2: var(--color-danger-400);--tl-glow-error-3: var(--color-danger-300)}@property --tl-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes tl-holo-spin{to{--tl-angle: 360deg}}@keyframes tl-breathe{0%,to{opacity:.42}50%{opacity:.9}}@keyframes tl-glow-pulse{0%,to{opacity:.12}50%{opacity:.24}}:root{--dtp-panel-bg: rgba(255, 255, 255, .9);--dtp-panel-border: var(--color-primary-200);--dtp-blur: 16px;--dtp-accent: var(--color-primary-500);--dtp-accent-bg: var(--color-primary-100);--dtp-text-selected: var(--color-primary-800);--dtp-text-muted: var(--color-secondary-400);--dtp-text-primary: var(--color-primary-700);--dtp-item-h: 40px;--dtp-radius: 16px;--dtp-shadow: 0 20px 60px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06)}:root:where(.dark,.dark *),.dark{--dtp-panel-bg: rgba(15, 23, 42, .9);--dtp-panel-border: var(--color-primary-700);--dtp-accent-bg: rgba(100, 116, 139, .25);--dtp-text-selected: var(--color-primary-100);--dtp-text-muted: var(--color-secondary-500);--dtp-text-primary: var(--color-primary-300);--dtp-shadow: 0 20px 60px rgba(0, 0, 0, .45), 0 4px 16px rgba(0, 0, 0, .2)}.dtp-root{display:inline-flex;align-items:center}.dtp-trigger-wrap{position:relative;display:inline-flex;align-items:center}.dtp-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-700);font-size:.875rem;line-height:1.5;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:180px;text-align:left}.dtp-trigger--has-clear{padding-right:2rem}:where(.dark,.dark *) .dtp-trigger{border-color:var(--color-primary-600);background:var(--color-primary-800);color:var(--color-primary-200)}.dtp-trigger:hover:not(:disabled){border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}:where(.dark,.dark *) .dtp-trigger:hover:not(:disabled){box-shadow:0 0 0 3px #64748b33}.dtp-trigger--disabled{opacity:.5;cursor:not-allowed}.dtp-trigger-icon{width:1rem;height:1rem;color:var(--color-primary-400);flex-shrink:0}.dtp-trigger-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtp-trigger-placeholder{color:var(--color-secondary-400)}.dtp-trigger-clear{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.125rem;border-radius:9999px;border:none;background:transparent;color:var(--color-secondary-400);cursor:pointer;transition:background .1s ease,color .1s ease}.dtp-trigger-clear:hover{background:var(--color-primary-200);color:var(--color-primary-600)}.dtp-panel{position:fixed;z-index:9999;width:340px;max-width:calc(100vw - 32px);border-radius:var(--dtp-radius);border:1px solid var(--dtp-panel-border);background:var(--dtp-panel-bg);-webkit-backdrop-filter:blur(var(--dtp-blur));backdrop-filter:blur(var(--dtp-blur));box-shadow:var(--dtp-shadow);overflow:hidden;animation:dtp-panel-in .2s cubic-bezier(.16,1,.3,1) both;top:60px;left:0}@keyframes dtp-panel-in{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.dtp-panel{position:fixed!important;top:auto!important;left:0!important;bottom:0;width:100vw;max-width:100vw;border-radius:var(--dtp-radius) var(--dtp-radius) 0 0;animation:dtp-panel-slide-up .28s cubic-bezier(.16,1,.3,1) both}@keyframes dtp-panel-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.dtp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .625rem;border-bottom:1px solid var(--dtp-panel-border)}.dtp-panel-preview{font-size:.9375rem;font-weight:600;color:var(--dtp-text-primary);letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtp-panel-actions{display:flex;gap:.375rem;margin-left:.5rem}.dtp-view-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid transparent;background:transparent;color:var(--dtp-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.dtp-view-btn:hover{background:var(--dtp-accent-bg);color:var(--dtp-text-selected)}.dtp-view-btn--active{background:var(--dtp-accent-bg);color:var(--dtp-accent);border-color:var(--dtp-panel-border)}.dtp-panel-body{padding:.625rem .5rem}.dtp-drum{display:flex;align-items:stretch}.dtp-drum-date,.dtp-drum-time{display:flex;flex:1;min-width:0}.dtp-drum-sep{width:1px;background:var(--dtp-panel-border);margin:.5rem .25rem}.dtp-column{position:relative;flex:1;height:calc(var(--dtp-item-h) * 5);min-width:0;overflow:hidden}.dtp-column-highlight{position:absolute;left:4px;right:4px;top:50%;transform:translateY(-50%);height:var(--dtp-item-h);background:var(--dtp-accent-bg);border-radius:8px;pointer-events:none;z-index:0}.dtp-column-list{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-top:calc(var(--dtp-item-h) * 2);padding-bottom:calc(var(--dtp-item-h) * 2)}.dtp-column-list::-webkit-scrollbar{display:none}.dtp-item{position:relative;z-index:1;height:var(--dtp-item-h);display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;color:var(--dtp-text-muted);transition:color .1s ease;-webkit-user-select:none;user-select:none}.dtp-item:hover{color:var(--dtp-text-primary)}.dtp-item--selected{color:var(--dtp-text-selected);font-weight:600;font-size:1rem}.dtp-fade-top,.dtp-fade-bottom{position:absolute;left:0;right:0;height:calc(var(--dtp-item-h) * 2);pointer-events:none;z-index:2}.dtp-fade-top{top:0;background:linear-gradient(to bottom,var(--dtp-panel-bg) 10%,transparent 100%)}.dtp-fade-bottom{bottom:0;background:linear-gradient(to top,var(--dtp-panel-bg) 10%,transparent 100%)}.dtp-calendar{padding:0 .25rem;min-height:230px}.dtp-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dtp-cal-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:none;background:transparent;color:var(--dtp-text-muted);cursor:pointer;transition:background .1s ease,color .1s ease}.dtp-cal-nav-btn:hover{background:var(--dtp-accent-bg);color:var(--dtp-text-selected)}.dtp-cal-title{font-size:.875rem;font-weight:600;color:var(--dtp-text-primary)}.dtp-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.125rem}.dtp-cal-weekday{text-align:center;font-size:.6875rem;font-weight:500;color:var(--dtp-text-muted);padding:.25rem 0}.dtp-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dtp-cal-day{display:flex;align-items:center;justify-content:center;height:2rem;border-radius:.375rem;border:none;background:transparent;font-size:.8125rem;color:var(--dtp-text-primary);cursor:pointer;transition:background 80ms ease,color 80ms ease;width:100%}.dtp-cal-day:hover:not(:disabled):not(.dtp-cal-day--selected){background:var(--dtp-accent-bg)}.dtp-cal-day--other{color:var(--dtp-text-muted);opacity:.45}.dtp-cal-day--selected{background:var(--dtp-accent)!important;color:#fff!important;font-weight:600}.dtp-cal-day--today:not(.dtp-cal-day--selected){font-weight:600;color:var(--dtp-accent);box-shadow:inset 0 0 0 1px var(--dtp-accent)}.dtp-cal-day--disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.dtp-panel-offset{padding:.375rem .75rem .5rem;border-top:1px solid var(--dtp-panel-border)}.dtp-quick-offset{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;padding:.25rem 0}.dtp-offset-input{width:3.25rem;padding:.25rem .4rem;border-radius:.375rem;border:1px solid var(--dtp-panel-border);background:transparent;color:var(--dtp-text-primary);font-size:.8125rem;text-align:center;outline:none;transition:border-color .1s ease}.dtp-offset-input:focus{border-color:var(--dtp-accent)}.dtp-offset-select{padding:.25rem .3rem;border-radius:.375rem;border:1px solid var(--dtp-panel-border);background:transparent;color:var(--dtp-text-primary);font-size:.8125rem;outline:none;cursor:pointer;transition:border-color .1s ease}.dtp-offset-select:focus{border-color:var(--dtp-accent)}.dtp-offset-apply{padding:.25rem .65rem;border-radius:.375rem;border:none;background:var(--dtp-accent);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:opacity .12s ease}.dtp-offset-apply:hover{opacity:.85}.dtp-panel-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.625rem .75rem;border-top:1px solid var(--dtp-panel-border)}.dtp-btn-cancel{padding:.4375rem 1rem;border-radius:.5rem;border:1px solid var(--dtp-panel-border);background:transparent;color:var(--dtp-text-muted);font-size:.875rem;cursor:pointer;transition:background .1s ease,color .1s ease}.dtp-btn-cancel:hover{background:var(--dtp-accent-bg);color:var(--dtp-text-primary)}.dtp-btn-confirm{padding:.4375rem 1.25rem;border-radius:.5rem;border:none;background:var(--dtp-accent);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .12s ease,transform .1s ease}.dtp-btn-confirm:hover{opacity:.9;transform:translateY(-1px)}.dtp-btn-confirm:active{transform:translateY(0)}
|
package/dist/Extras/index.d.cts
CHANGED
|
@@ -14,5 +14,10 @@ export { TimelineProps_alias_1 as TimelineProps } from '../_tsup-dts-rollup.cjs'
|
|
|
14
14
|
export { TimelineItem_alias_1 as TimelineItem } from '../_tsup-dts-rollup.cjs';
|
|
15
15
|
export { TimelineOrientation_alias_1 as TimelineOrientation } from '../_tsup-dts-rollup.cjs';
|
|
16
16
|
export { TimelineStatus_alias_1 as TimelineStatus } from '../_tsup-dts-rollup.cjs';
|
|
17
|
+
export { DateTimePicker_alias_1 as DateTimePicker } from '../_tsup-dts-rollup.cjs';
|
|
18
|
+
export { DateTimePickerProps_alias_1 as DateTimePickerProps } from '../_tsup-dts-rollup.cjs';
|
|
19
|
+
export { DateTimeMode_alias_1 as DateTimeMode } from '../_tsup-dts-rollup.cjs';
|
|
20
|
+
export { OffsetUnit_alias_1 as OffsetUnit } from '../_tsup-dts-rollup.cjs';
|
|
21
|
+
export { OffsetDirection_alias_1 as OffsetDirection } from '../_tsup-dts-rollup.cjs';
|
|
17
22
|
export { Extras_alias_1 as Extras } from '../_tsup-dts-rollup.cjs';
|
|
18
23
|
export { default_alias_4 as default } from '../_tsup-dts-rollup.cjs';
|
package/dist/Extras/index.d.ts
CHANGED
|
@@ -14,5 +14,10 @@ export { TimelineProps_alias_1 as TimelineProps } from '../_tsup-dts-rollup.js';
|
|
|
14
14
|
export { TimelineItem_alias_1 as TimelineItem } from '../_tsup-dts-rollup.js';
|
|
15
15
|
export { TimelineOrientation_alias_1 as TimelineOrientation } from '../_tsup-dts-rollup.js';
|
|
16
16
|
export { TimelineStatus_alias_1 as TimelineStatus } from '../_tsup-dts-rollup.js';
|
|
17
|
+
export { DateTimePicker_alias_1 as DateTimePicker } from '../_tsup-dts-rollup.js';
|
|
18
|
+
export { DateTimePickerProps_alias_1 as DateTimePickerProps } from '../_tsup-dts-rollup.js';
|
|
19
|
+
export { DateTimeMode_alias_1 as DateTimeMode } from '../_tsup-dts-rollup.js';
|
|
20
|
+
export { OffsetUnit_alias_1 as OffsetUnit } from '../_tsup-dts-rollup.js';
|
|
21
|
+
export { OffsetDirection_alias_1 as OffsetDirection } from '../_tsup-dts-rollup.js';
|
|
17
22
|
export { Extras_alias_1 as Extras } from '../_tsup-dts-rollup.js';
|
|
18
23
|
export { default_alias_4 as default } from '../_tsup-dts-rollup.js';
|