@alxgrn/telefrag-ui 0.0.10 → 0.0.11
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--alxgrn-datepicker-bg: transparent;--alxgrn-datepicker-bg-day: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-menu: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-hover: var(--alxgrn-bg-active);--alxgrn-datepicker-bg-select: var(--alxgrn-bg-dark);--alxgrn-datepicker-color: var(--alxgrn-color-text);--alxgrn-datepicker-color-accent: var(--alxgrn-color-accent);--alxgrn-datepicker-color-select: white;--alxgrn-datepicker-border: transparent}.FormDatePicker{display:grid;gap:var(--alxgrn-unit-smallest);width:fit-content;overflow:hidden;border:1px solid var(--alxgrn-datepicker-border);border-radius:var(--alxgrn-unit-small);padding:var(--alxgrn-unit-small)}.FormDatePicker *{margin:0;padding:0;text-align:center;color:var(--alxgrn-datepicker-color);background-color:var(--alxgrn-datepicker-bg);line-height:var(--alxgrn-unit-double);-webkit-user-select:none;user-select:none}.FormDatePicker .FormDatePickerMenu{display:grid;grid-template-columns:repeat(7,var(--alxgrn-unit-double));text-transform:capitalize;background-color:var(--alxgrn-datepicker-bg-menu);gap:var(--alxgrn-unit-smallest);border-radius:var(--alxgrn-unit-small);overflow:hidden}.FormDatePicker .FormDatePickerMenu .FormDatePickerText{grid-column:span 5;font-size:
|
|
1
|
+
:root{--alxgrn-datepicker-bg: transparent;--alxgrn-datepicker-bg-day: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-menu: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-hover: var(--alxgrn-bg-active);--alxgrn-datepicker-bg-select: var(--alxgrn-bg-dark);--alxgrn-datepicker-color: var(--alxgrn-color-text);--alxgrn-datepicker-color-accent: var(--alxgrn-color-accent);--alxgrn-datepicker-color-select: white;--alxgrn-datepicker-border: transparent}.FormDatePicker{display:grid;gap:var(--alxgrn-unit-smallest);width:fit-content;overflow:hidden;border:1px solid var(--alxgrn-datepicker-border);border-radius:var(--alxgrn-unit-small);padding:var(--alxgrn-unit-small)}.FormDatePicker *{margin:0;padding:0;text-align:center;color:var(--alxgrn-datepicker-color);background-color:var(--alxgrn-datepicker-bg);line-height:var(--alxgrn-unit-double);-webkit-user-select:none;user-select:none}.FormDatePicker .FormDatePickerMenu{display:grid;grid-template-columns:repeat(7,var(--alxgrn-unit-double));text-transform:capitalize;background-color:var(--alxgrn-datepicker-bg-menu);gap:var(--alxgrn-unit-smallest);border-radius:var(--alxgrn-unit-small);overflow:hidden}.FormDatePicker .FormDatePickerMenu .FormDatePickerText{grid-column:span 5;font-size:var(--alxgrn-font-size-small)}.FormDatePicker .FormDatePickerMenu .FormDatePickerPrev,.FormDatePicker .FormDatePickerMenu .FormDatePickerNext{color:var(--alxgrn-datepicker-color-accent);cursor:pointer;display:flex;align-items:center;justify-content:center}.FormDatePicker .FormDatePickerMenu .FormDatePickerPrev:hover,.FormDatePicker .FormDatePickerMenu .FormDatePickerNext:hover{background-color:var(--alxgrn-datepicker-bg-hover)}.FormDatePicker .FormDatePickerDays{display:grid;grid-template-columns:repeat(7,var(--alxgrn-unit-double));gap:var(--alxgrn-unit-smallest);font-size:var(--alxgrn-font-size-small)}.FormDatePicker .FormDatePickerDays span{background-color:var(--alxgrn-datepicker-bg-day);overflow:hidden;cursor:pointer;border-radius:var(--alxgrn-unit-small)}.FormDatePicker .FormDatePickerDays span:hover{background-color:var(--alxgrn-datepicker-bg-hover)}.FormDatePicker .FormDatePickerDays span.Empty{cursor:default;background-color:var(--alxgrn-datepicker-bg)}.FormDatePicker .FormDatePickerDays span.Selected{color:var(--alxgrn-datepicker-color-select);background-color:var(--alxgrn-datepicker-bg-select)}.FormDatePicker .FormDatePickerDays span.Current{color:var(--alxgrn-datepicker-color-accent);font-weight:700}
|
package/dist/assets/Fieldset.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--alxgrn-fieldset-color: var(--alxgrn-color-accent);--alxgrn-fieldset-color-error: var(--alxgrn-color-error);--alxgrn-fieldset-color-top: var(--alxgrn-color-light);--alxgrn-fieldset-color-bottom: var(--alxgrn-color-light);--alxgrn-fieldset-color-disabled: var(--alxgrn-color-light);--alxgrn-fieldset-border: var(--alxgrn-border-accent);--alxgrn-fieldset-border-error: var(--alxgrn-border-error);--alxgrn-fieldset-border-disabled: var(--alxgrn-border-light)}.Form .Fieldset{display:block;margin:var(--alxgrn-unit) 0;overflow:hidden}.Form .Fieldset .FormItem{margin:0 0 var(--alxgrn-unit-half) 0}.Form .Fieldset .FormItem:last-child{margin-bottom:0}.Form .Fieldset .Label{display:flex;align-items:center;color:var(--alxgrn-fieldset-color);margin-bottom:var(--alxgrn-unit-small)}.Form .Fieldset .Inner{border:1px solid var(--alxgrn-fieldset-border);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small)}.Form .Fieldset .Top,.Form .Fieldset .Bottom{font-size:
|
|
1
|
+
:root{--alxgrn-fieldset-color: var(--alxgrn-color-accent);--alxgrn-fieldset-color-error: var(--alxgrn-color-error);--alxgrn-fieldset-color-top: var(--alxgrn-color-light);--alxgrn-fieldset-color-bottom: var(--alxgrn-color-light);--alxgrn-fieldset-color-disabled: var(--alxgrn-color-light);--alxgrn-fieldset-border: var(--alxgrn-border-accent);--alxgrn-fieldset-border-error: var(--alxgrn-border-error);--alxgrn-fieldset-border-disabled: var(--alxgrn-border-light)}.Form .Fieldset{display:block;margin:var(--alxgrn-unit) 0;overflow:hidden}.Form .Fieldset .FormItem{margin:0 0 var(--alxgrn-unit-half) 0}.Form .Fieldset .FormItem:last-child{margin-bottom:0}.Form .Fieldset .Label{display:flex;align-items:center;color:var(--alxgrn-fieldset-color);margin-bottom:var(--alxgrn-unit-small)}.Form .Fieldset .Inner{border:1px solid var(--alxgrn-fieldset-border);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small)}.Form .Fieldset .Top,.Form .Fieldset .Bottom{font-size:var(--alxgrn-font-size-small)}.Form .Fieldset .Top{color:var(--alxgrn-fieldset-color-top);margin-bottom:var(--alxgrn-unit-small)}.Form .Fieldset .Bottom{color:var(--alxgrn-fieldset-color-bottom);margin-top:var(--alxgrn-unit-small)}.Form .Fieldset.Disabled .Label,.Form .Fieldset.Disabled .Top,.Form .Fieldset.Disabled .Bottom{color:var(--alxgrn-fieldset-color-disabled)}.Form .Fieldset.Disabled .Inner{border-color:var(--alxgrn-fieldset-border-disabled)}.Form .Fieldset.Error .Label,.Form .Fieldset.Error .Top,.Form .Fieldset.Error .Bottom{color:var(--alxgrn-fieldset-color-error)}.Form .Fieldset.Error .Inner{border-color:var(--alxgrn-fieldset-border-error)}
|
package/dist/assets/Files.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--alxgrn-files-bg: var(--alxgrn-border-accent);--alxgrn-files-color: white;--alxgrn-files-bg-error: var(--alxgrn-border-error)}[data-theme=dark]{--alxgrn-files-color: #ccc}.Form ul.FileList{color:var(--alxgrn-color-text);margin:0 0 var(--alxgrn-unit-half) 0;padding:0 0 0 var(--alxgrn-unit)}.Form ul.FileList li{cursor:pointer}.Form ul.FileList li div{display:flex;align-items:baseline;flex-wrap:nowrap;gap:var(--alxgrn-unit);justify-content:space-between;padding-left:var(--alxgrn-unit-small);margin-bottom:var(--alxgrn-unit-small)}.Form ul.FileList li div span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Form ul.FileList li div span:last-child{white-space:nowrap;font-size:
|
|
1
|
+
:root{--alxgrn-files-bg: var(--alxgrn-border-accent);--alxgrn-files-color: white;--alxgrn-files-bg-error: var(--alxgrn-border-error)}[data-theme=dark]{--alxgrn-files-color: #ccc}.Form ul.FileList{color:var(--alxgrn-color-text);margin:0 0 var(--alxgrn-unit-half) 0;padding:0 0 0 var(--alxgrn-unit)}.Form ul.FileList li{cursor:pointer}.Form ul.FileList li div{display:flex;align-items:baseline;flex-wrap:nowrap;gap:var(--alxgrn-unit);justify-content:space-between;padding-left:var(--alxgrn-unit-small);margin-bottom:var(--alxgrn-unit-small)}.Form ul.FileList li div span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Form ul.FileList li div span:last-child{white-space:nowrap;font-size:var(--alxgrn-font-size-small);color:var(--alxgrn-color-light)}.Form ul.FileList.Disabled li{cursor:default}.Form ul.FileList.Disabled li div span{cursor:default;color:var(--alxgrn-color-light)}.Form ul.FileList li::marker{content:"■";color:var(--alxgrn-color-accent)}.Form ul.FileList li:hover::marker{content:"✖︎";color:var(--alxgrn-color-error)}.Form ul.FileList.Disabled li::marker{content:"■";color:var(--alxgrn-color-light)}.Form .FileLabel{display:flex;align-items:center;gap:var(--alxgrn-unit);flex-wrap:nowrap}.Form .FileLabel input[type=file]{display:none}.Form .FileLabel label{flex:0 0 auto;padding:var(--alxgrn-unit-half) var(--alxgrn-unit);border-radius:var(--alxgrn-unit-small);margin:0;cursor:pointer;color:var(--alxgrn-files-color);background-color:var(--alxgrn-files-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Form .FileLabel span{flex:1 1 auto;color:var(--alxgrn-color-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Form .FileLabel.Disabled label{cursor:default;opacity:.5}.Form .FileLabel.Disabled span{color:var(--alxgrn-color-light)}.Form .FileLabel.Error label{background-color:var(--alxgrn-files-bg-error)}
|
package/dist/assets/Label.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--alxgrn-label-color: var(--alxgrn-color-accent);--alxgrn-label-color-error: var(--alxgrn-color-error);--alxgrn-label-color-top: var(--alxgrn-color-light);--alxgrn-label-color-bottom: var(--alxgrn-color-light);--alxgrn-label-color-disabled: var(--alxgrn-color-light)}.FormItem label{color:var(--alxgrn-label-color);display:block;-webkit-user-select:none;user-select:none;padding:0}.FormItem label .Label{display:flex;align-items:center;margin-bottom:var(--alxgrn-unit-small)}.FormItem label .Top,.FormItem label .Bottom{font-size:
|
|
1
|
+
:root{--alxgrn-label-color: var(--alxgrn-color-accent);--alxgrn-label-color-error: var(--alxgrn-color-error);--alxgrn-label-color-top: var(--alxgrn-color-light);--alxgrn-label-color-bottom: var(--alxgrn-color-light);--alxgrn-label-color-disabled: var(--alxgrn-color-light)}.FormItem label{color:var(--alxgrn-label-color);display:block;-webkit-user-select:none;user-select:none;padding:0}.FormItem label .Label{display:flex;align-items:center;margin-bottom:var(--alxgrn-unit-small)}.FormItem label .Top,.FormItem label .Bottom{font-size:var(--alxgrn-font-size-small)}.FormItem label .Top{color:var(--alxgrn-label-color-top);margin-bottom:var(--alxgrn-unit-small)}.FormItem label .Bottom{color:var(--alxgrn-label-color-bottom);margin-top:var(--alxgrn-unit-small)}.FormItem label.Disabled,.FormItem label.Disabled .Top,.FormItem label.Disabled .Bottom{color:var(--alxgrn-label-color-disabled)}.FormItem label.Error,.FormItem label.Error .Top,.FormItem label.Error .Bottom{color:var(--alxgrn-label-color-error)}
|
package/dist/assets/Menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--alxgrn-menu-bg-hover: var(--alxgrn-bg-active);--alxgrn-menu-color-separator: var(--alxgrn-color-light)}.Popup .Menu{position:relative;overflow:auto;margin:var(--alxgrn-unit-small);margin-right:var(--alxgrn-unit-smallest);width:100%}.Popup .Menu ul{margin:0;padding:0 var(--alxgrn-unit-smallest) 0 0;list-style-type:none}.Popup .Menu ul li{display:flex;cursor:pointer;align-items:center;color:var(--alxgrn-color-text);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small);white-space:nowrap;gap:var(--alxgrn-unit-half)}.Popup .Menu ul li .Icon{flex:0 0 auto;font-size:
|
|
1
|
+
:root{--alxgrn-menu-bg-hover: var(--alxgrn-bg-active);--alxgrn-menu-color-separator: var(--alxgrn-color-light)}.Popup .Menu{position:relative;overflow:auto;margin:var(--alxgrn-unit-small);margin-right:var(--alxgrn-unit-smallest);width:100%}.Popup .Menu ul{margin:0;padding:0 var(--alxgrn-unit-smallest) 0 0;list-style-type:none}.Popup .Menu ul li{display:flex;cursor:pointer;align-items:center;color:var(--alxgrn-color-text);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small);white-space:nowrap;gap:var(--alxgrn-unit-half)}.Popup .Menu ul li .Icon{flex:0 0 auto;font-size:var(--alxgrn-font-size-large);display:flex}.Popup .Menu ul li .Text{flex:1 1 auto;font-size:var(--alxgrn-font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Popup .Menu ul li:hover{background-color:var(--alxgrn-menu-bg-hover)}.Popup .Menu ul li:hover .Icon{color:var(--alxgrn-color-accent)}.Popup .Menu ul li.Separator{cursor:auto;padding:0;margin:var(--alxgrn-unit-half) var(--alxgrn-unit-small);border-top:1px solid var(--alxgrn-menu-color-separator);border-radius:0;height:0;overflow:hidden}.Popup .Menu ul li.Separator:hover{background-color:transparent}.Popup .Menu ul li.Disabled{color:var(--alxgrn-color-disabled);cursor:default}
|
package/dist/assets/Page.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-small:
|
|
1
|
+
*{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-large: 18px;--alxgrn-font-size-small: 14px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--alxgrn-color-text: #555;--alxgrn-color-dark: var(--alxgrn-color-text);--alxgrn-color-light: lightslategrey;--alxgrn-color-error: firebrick;--alxgrn-color-accent: steelblue;--alxgrn-color-active: var(--alxgrn-color-text);--alxgrn-color-success: forestgreen;--alxgrn-color-scroll: #ccc;--alxgrn-bg-main: #eee;--alxgrn-bg-panel: #fff;--alxgrn-bg-modal: var(--alxgrn-bg-panel);--alxgrn-bg-popup: var(--alxgrn-bg-panel);--alxgrn-bg-dark: #888;--alxgrn-bg-light: rgba(119, 136, 153, .1);--alxgrn-bg-error: rgba(178, 34, 34, .1);--alxgrn-bg-accent: #ecf2f7;--alxgrn-bg-active: moccasin;--alxgrn-bg-success: rgba(34, 139, 34, .1);--alxgrn-border-dark: rgba(136, 136, 136, 1);--alxgrn-border-light: rgba(119, 136, 153, 1);--alxgrn-border-error: rgba(178, 34, 34, 1);--alxgrn-border-accent: rgba(70, 130, 180, 1);--alxgrn-border-active: moccasin;--alxgrn-border-success: rgba(34, 139, 34, 1)}[data-theme=dark]{--alxgrn-color-text: #999;--alxgrn-color-light: #666;--alxgrn-color-scroll: var(--alxgrn-bg-active);--alxgrn-bg-main: #111;--alxgrn-bg-panel: #222;--alxgrn-bg-modal: #222;--alxgrn-bg-popup: #333;--alxgrn-bg-accent: #333b3f;--alxgrn-bg-active: #444;--alxgrn-border-dark: rgba(136, 136, 136, .5);--alxgrn-border-light: rgba(119, 136, 153, .5);--alxgrn-border-error: rgba(178, 34, 34, .5);--alxgrn-border-accent: rgba(70, 130, 180, .5);--alxgrn-border-active: rgba(255, 228, 181, .5);--alxgrn-border-success: rgba(34, 139, 34, .5)}.Scrollbar::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-corner{background-color:transparent}:root{--alxgrn-form-width: 512px;--alxgrn-form-width-wide: 1024px}.Form{max-width:var(--alxgrn-form-width)}.Form.FormWide{max-width:var(--alxgrn-form-width-wide)}.Form *{font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Form .FormItem{display:block;margin:var(--alxgrn-unit) 0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width: 150px;--alxgrn-layout-header-height: calc(3 * var(--alxgrn-unit))}.LayoutSidebarShow{display:none}@media (max-width: 768px){.LayoutSidebarShow{display:initial}}.Page{display:flex;flex-direction:column;gap:var(--alxgrn-unit)}.Page .PageBody{display:flex;gap:var(--alxgrn-unit);align-items:stretch}.Page .PageBody .PageContent{flex:1 1 auto}.Page .PageBody .PageSidebar{flex:0 0 auto;width:33%;display:flex;align-items:flex-end}.Page .PageBody .PageSidebar .PageSidebarInner{width:100%;position:sticky;bottom:var(--alxgrn-unit);min-height:calc(100vh - var(--alxgrn-layout-header-height) - var(--alxgrn-unit))}@media (max-width: 768px){.Page .PageBody .PageSidebar{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Form label.Radio{color:var(--alxgrn-color-text);width:auto;display:block;-webkit-user-select:none;user-select:none;padding:0;cursor:pointer;margin-bottom:var(--alxgrn-unit-half)}.Form label.Radio:last-child{margin-bottom:0}.Form label.Radio .Label{display:flex;align-items:center}.Form label.Radio .Bottom{font-size:
|
|
1
|
+
.Form label.Radio{color:var(--alxgrn-color-text);width:auto;display:block;-webkit-user-select:none;user-select:none;padding:0;cursor:pointer;margin-bottom:var(--alxgrn-unit-half)}.Form label.Radio:last-child{margin-bottom:0}.Form label.Radio .Label{display:flex;align-items:center}.Form label.Radio .Bottom{font-size:var(--alxgrn-font-size-small);color:var(--alxgrn-color-light);cursor:default}.Form label.Radio.Disabled,.Form label.Radio.Disabled .Bottom{color:var(--alxgrn-color-light);cursor:default}.Form label.Radio.Error,.Form label.Radio.Error .Bottom{color:var(--alxgrn-color-error)}.Form label.Radio{display:flex;width:fit-content;align-items:flex-start}.Form label.Radio s,.Form label.Radio input{flex:0 0 auto}.Form label.Radio div{flex:1 1 auto}.Form label.Radio input{display:none}.Form label.Radio s{width:var(--alxgrn-unit);height:var(--alxgrn-unit);border:1px solid var(--alxgrn-color-accent);padding:2px;background-clip:content-box;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:var(--alxgrn-unit-smallest) var(--alxgrn-unit-half) 0 0;text-decoration:none}.Form label.Radio input[type=radio]+s{border-radius:50%}.Form label.Radio input[type=checkbox]+s{border-radius:var(--alxgrn-unit-small)}.Form label.Radio.Disabled s{opacity:.5;border:1px solid var(--alxgrn-color-light)}.Form label.Radio.Disabled.Checked s{background-color:var(--alxgrn-color-light)}.Form label.Radio.Checked s{background-color:var(--alxgrn-color-accent)}.Form label.Radio.Error s{border:1px solid var(--alxgrn-color-error)}.Form label.Radio.Error.Checked s{background-color:var(--alxgrn-color-error)}
|
package/package.json
CHANGED