whelk-ui 0.0.7 → 0.0.9
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/index.d.ts +680 -0
- package/dist/whelk-ui.css +1 -1
- package/dist/whelk-ui.js +710 -27
- package/dist/whelk-ui.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/whelk-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
button[data-v-3de7a432]{padding:.5rem 1rem;border:var(--border);border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);color:var(--text)}button.compact[data-v-3de7a432]{padding:.25rem .125rem;font-size:.75rem;line-height:1rem}button.tiny[data-v-3de7a432]{padding:.125rem 0rem;font-size:.75rem;line-height:.75rem}button.primary[data-v-3de7a432]{background-color:var(--primary);border-color:var(--primary)}button.primary:hover[data-v-3de7a432]:enabled{background-color:var(--primary-hover)}button.secondary[data-v-3de7a432]{background-color:var(--secondary);border-color:var(--secondary)}button.secondary:hover[data-v-3de7a432]:enabled{background-color:var(--secondary-hover)}button.danger[data-v-3de7a432]{background-color:var(--danger);border-color:var(--danger)}button.danger:hover[data-v-3de7a432]:enabled{background-color:var(--danger-hover)}button.warning[data-v-3de7a432]{background-color:var(--warning);border-color:var(--warning)}button.warning:hover[data-v-3de7a432]:enabled{background-color:var(--warning-hover)}button.success[data-v-3de7a432]{background-color:var(--success);border-color:var(--success)}button.success:hover[data-v-3de7a432]:enabled{background-color:var(--success-hover)}button.info[data-v-3de7a432]{background-color:var(--info);border-color:var(--info)}button.info:hover[data-v-3de7a432]:enabled{background-color:var(--info-hover)}button.loading[data-v-3de7a432]{animation:loading-animation-3de7a432 1s infinite linear}@keyframes loading-animation-3de7a432{0%{color:var(--text)}50%{color:var(--text-muted)}to{color:var(--text)}}:root{--border-radius: 5px;--border-style: solid;--border-width: 1px;--bg-dark: hsl(26 53% 89%);--bg: hsl(26 100% 94%);--bg-light: hsl(26 100% 100%);--text: hsl(16 100% 4%);--text-red: hsl(8, 93%, 43%);--text-muted: hsl(26 35% 27%);--highlight: hsl(26 100% 99%);--border: hsl(26 21% 49%);--border-muted: hsl(26 27% 61%);--primary: hsl(27 65% 66%);--primary-hover: hsl(27 65% 76%);--secondary: hsl(204 74% 68%);--secondary-hover: hsl(204 74% 78%);--danger: hsl(9 26% 64%);--danger-hover: hsl(9 26% 74%);--warning: hsl(52 19% 57%);--warning-hover: hsl(52 19% 67%);--success: hsl(146 17% 59%);--success-hover: hsl(146 17% 69%);--info: hsl(217 28% 65%);--info-hover: hsl(217 28% 75%);--document-links: hsl(203.53, 40.8%, 24.51%);--document-links-hover: hsl(203.53, 40.8%, 75.51%);--customer-background: hsl(203.53, 40.8%, 75.49%);--customer-text: hsl(203.53, 40.8%, 24.51%);--kanban-board-background: hsl(78.26, 88.46%, 89.8%);--kanban-board-text: hsl(78.26, 88.46%, 10.2%);--kanban-card-background: hsl(74.12, 35.56%, 53.14%);--kanban-card-text: hsl(74.12, 35.56%, 10.86%);--organisation-background: hsl(52.05, 85.57%, 61.96%);--organisation-text: hsl(52.05, 85.57%, 8.04%);--request-for-change-background: hsl(67.61, 100%, 72.16%);--request-for-change-text: hsl(67.61, 100%, 7.84%);--requirement-background: hsl(200.31, 94.2%, 86.47%);--requirement-text: hsl(200.31, 94.2%, 10.53%);--requirement-item-background: hsl(322.8, 29.76%, 67.06%);--requirement-item-text: hsl(322.8, 29.76%, 8.94%);--project-background: hsl(333.62, 49.57%, 45.88%);--project-text: hsl(333.62, 49.57%, 8.12%);--task-background: hsl(224, 10.2%, 71.82%);--task-text: hsl(224, 10.2%, 7.18%)}.dark{--bg-dark: hsl(16 100% 2%);--bg: hsl(22 76% 4%);--bg-light: hsl(26 50% 8%);--text: hsl(26 100% 94%);--text-red: hsl(8, 93%, 23%);--text-muted: hsl(26 34% 68%);--highlight: hsl(26 26% 38%);--border: hsl(26 35% 27%);--border-muted: hsl(27 56% 16%);--primary: hsl(32 100% 20%);--primary-hover: hsl(32 100% 10%);--secondary: hsl(198 100% 20%);--secondary-hover: hsl(198 100% 10%);--danger: hsl(9 21% 41%);--danger-hover: hsl(9 21% 31%);--warning: hsl(52 23% 34%);--warning-hover: hsl(52 23% 24%);--success: hsl(147 19% 36%);--success-hover: hsl(147 19% 26%);--info: hsl(217 22% 41%);--info-hover: hsl(217 22% 31%)}
|
|
1
|
+
button[data-v-3de7a432]{padding:.5rem 1rem;border:var(--border);border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);color:var(--text)}button.compact[data-v-3de7a432]{padding:.25rem .125rem;font-size:.75rem;line-height:1rem}button.tiny[data-v-3de7a432]{padding:.125rem 0rem;font-size:.75rem;line-height:.75rem}button.primary[data-v-3de7a432]{background-color:var(--primary);border-color:var(--primary)}button.primary:hover[data-v-3de7a432]:enabled{background-color:var(--primary-hover)}button.secondary[data-v-3de7a432]{background-color:var(--secondary);border-color:var(--secondary)}button.secondary:hover[data-v-3de7a432]:enabled{background-color:var(--secondary-hover)}button.danger[data-v-3de7a432]{background-color:var(--danger);border-color:var(--danger)}button.danger:hover[data-v-3de7a432]:enabled{background-color:var(--danger-hover)}button.warning[data-v-3de7a432]{background-color:var(--warning);border-color:var(--warning)}button.warning:hover[data-v-3de7a432]:enabled{background-color:var(--warning-hover)}button.success[data-v-3de7a432]{background-color:var(--success);border-color:var(--success)}button.success:hover[data-v-3de7a432]:enabled{background-color:var(--success-hover)}button.info[data-v-3de7a432]{background-color:var(--info);border-color:var(--info)}button.info:hover[data-v-3de7a432]:enabled{background-color:var(--info-hover)}button.loading[data-v-3de7a432]{animation:loading-animation-3de7a432 1s infinite linear}@keyframes loading-animation-3de7a432{0%{color:var(--text)}50%{color:var(--text-muted)}to{color:var(--text)}}.card[data-v-025f3983]{border-radius:var(--border-radius);background-color:var(--bg-light)}.card-footer[data-v-86222ad6]{padding:0 0 .75rem}@media(--large-screen){.card-footer[data-v-86222ad6]{margin:1rem -2rem -1rem;padding:1rem 2rem;border-radius:0 0 var(--border-radius) var(--border-radius)}}.card-header[data-v-9e7cf920]{border-radius:0}@media(--large-screen){.card-header[data-v-9e7cf920]{border-radius:var(--border-radius) var(--border-radius) 0 0}}.checkbox-component label[data-v-39385668],.checkbox-component input[data-v-39385668]{padding:.5rem}.form-group[data-v-142c8936]{display:flex;flex-direction:column;margin-bottom:1.75rem}.form-group.compact[data-v-142c8936]{margin-bottom:.5rem}.render-error-message[data-v-e384ff35]{color:var(--text-red);font-weight:lighter;font-size:1rem;line-height:1.125rem;padding:0;margin:0}.render-error-message>svg[data-v-e384ff35]{transform:translateY(.125rem)}@media(--large-screen){.render-error-message[data-v-e384ff35]{font-size:.75rem}}p[data-v-e384ff35]:before{content:" ";white-space:pre}.tooltip[data-v-5121adbc]{display:none;position:absolute;z-index:10;padding:.75rem .25rem;background-color:var(--bg-dark);border-color:var(--border-muted);border-width:var(--border-width);border-style:var(--border-style);border-radius:var(--border-radius);transform:translateY(-100%) translateY(-.5rem);max-width:75vw}.tooltip.show[data-v-5121adbc]{display:inline-block}.tooltip>.tooltip-title[data-v-5121adbc]{margin:0 0 .125rem;color:var(--text-red)}.tooltip>.tooltip-message[data-v-5121adbc]{font-weight:lighter;margin:0;color:var(--text-muted)}@media(--large-screen){.tooltip[data-v-5121adbc]{max-width:50vw}}svg[data-v-5121adbc]{width:1rem;height:1rem;color:var(--text-muted)}.datetime-component label[data-v-905d8a98]{margin-bottom:6px}.datetime-component span[data-v-905d8a98]{color:var(--text-red)}.datetime-component input[data-v-905d8a98]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.datetime-component input[data-v-905d8a98]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.datetime-component.compact>label[data-v-905d8a98]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.datetime-component.compact>label[data-v-905d8a98]{font-size:.75rem;line-height:1rem}}.datetime-component.compact>input[data-v-905d8a98]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}@media(--large-screen){.datetime-component.compact>input[data-v-905d8a98]{font-size:1rem;line-height:1.25rem}}.drop-down-items[data-v-7a71b3ac]{position:absolute;background-color:var(--bg-light);border:solid;border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border-muted);z-index:20}.drop-down-items>.drop-down-item[data-v-7a71b3ac]{padding:.25rem .5rem}.drop-down-items>.drop-down-item[data-v-7a71b3ac]:hover{background-color:var(--bg-dark)}.drop-down-items>.drop-down-item>svg[data-v-7a71b3ac]{width:.75rem;height:.75rem}.drop-down>button[data-v-539fd54a]{border:solid;border-width:1px;border-radius:var(--border-radius);border-color:var(--border-muted);background:var(--bg-light);box-shadow:none;font-size:1rem;line-height:1.25rem;height:2rem;padding:0 1rem;position:relative;z-index:10}.drop-down>button>svg[data-v-539fd54a]{width:1rem;height:1rem;transform:translateY(2px)}.drop-down .drop-down-backdrop[data-v-539fd54a]{width:100vw;height:100dvh;z-index:5;background-color:#000000b3;position:fixed;top:0;left:0}.v-enter-active[data-v-539fd54a],.v-leave-active[data-v-539fd54a]{transition:opacity .5s ease}.v-enter-from[data-v-539fd54a],.v-leave-to[data-v-539fd54a]{opacity:0}.number-input>label[data-v-06558243]{margin-bottom:6px}.number-input>.number-input-row[data-v-06558243]{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem}.number-input>.number-input-row>.negative[data-v-06558243]{border-radius:var(--border-radius) 0 0 var(--border-radius);border-width:var(--border-width) 0 var(--border-width) var(--border-width)}.number-input>.number-input-row>input[data-v-06558243]{border-style:var(--border-style);border-width:var(--border-width);border-radius:0;border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.number-input>.number-input-row>input[data-v-06558243]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.number-input>.number-input-row>.positive[data-v-06558243]{border-radius:0 var(--border-radius) var(--border-radius) 0;border-width:var(--border-width) var(--border-width) var(--border-width) 0}.number-input.compact>label[data-v-06558243]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.number-input.compact>label[data-v-06558243]{font-size:.75rem;line-height:1rem}}.number-input.compact>.number-input-row[data-v-06558243]{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem}.number-input.compact>.number-input-row>input[data-v-06558243]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}@media(--large-screen){.number-input.compact>.number-input-row>input[data-v-06558243]{font-size:1rem;line-height:1.25rem}}input[data-v-06558243]::-webkit-outer-spin-button,input[data-v-06558243]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-06558243]{-moz-appearance:textfield}.text-input>label[data-v-d179e9e2]{margin-bottom:6px}.text-input>span[data-v-d179e9e2]{color:var(--text-red)}.text-input>input[data-v-d179e9e2]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.text-input>input[data-v-d179e9e2]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.text-input.compact>label[data-v-d179e9e2]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.text-input.compact>label[data-v-d179e9e2]{font-size:.75rem;line-height:1rem}}.text-input.compact>input[data-v-d179e9e2]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}.text-input.compact>input[data-v-d179e9e2]:focus{padding:calc(.25rem - 1px)}@media(--large-screen){.text-input.compact>input[data-v-d179e9e2]{font-size:1rem;line-height:1.25rem}}.switch-component[data-v-f28e5f26]{width:100%}.switch-component>.switch[data-v-f28e5f26]{display:grid;grid-template-columns:[on] 2rem [text] minmax(0,1fr) [off] 2rem;border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.switch-component>.switch>.switch-block[data-v-f28e5f26]{width:2rem;height:2rem;background-color:#ff69b4}.switch-component>.switch>.switch-text[data-v-f28e5f26]{display:grid;grid-area:text;text-align:center;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.switch-component>.switch.on>.switch-block[data-v-f28e5f26]{grid-area:on;background-color:var(--success)}.switch-component>.switch.off>.switch-block[data-v-f28e5f26]{grid-area:off;background-color:var(--info)}.switch-component.compact>label[data-v-f28e5f26]{font-size:1rem;line-height:1.25rem}.switch-component.compact>.switch[data-v-f28e5f26]{grid-template-columns:[on] 1rem [text] minmax(0,1fr) [off] 1rem}.switch-component.compact>.switch>.switch-block[data-v-f28e5f26]{width:1rem;height:1rem}.switch-component.compact>.switch>.switch-text[data-v-f28e5f26]{font-size:.75rem;line-height:1rem}label[data-v-88c9adeb]{margin-bottom:6px}span[data-v-88c9adeb]{color:var(--text-red)}textarea[data-v-88c9adeb]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}textarea[data-v-88c9adeb]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.text-input>label[data-v-354652ea]{margin-bottom:6px}.text-input>span[data-v-354652ea]{color:var(--text-red)}.text-input>input[data-v-354652ea]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.text-input>input[data-v-354652ea]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.text-input.compact>label[data-v-354652ea]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.text-input.compact>label[data-v-354652ea]{font-size:.75rem;line-height:1rem}}.text-input.compact>input[data-v-354652ea]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}.text-input.compact>input[data-v-354652ea]:focus{padding:calc(.25rem - 1px)}@media(--large-screen){.text-input.compact>input[data-v-354652ea]{font-size:1rem;line-height:1.25rem}}:root{--border-radius: 5px;--border-style: solid;--border-width: 1px;--bg-dark: hsl(26 53% 89%);--bg: hsl(26 100% 94%);--bg-light: hsl(26 100% 100%);--text: hsl(16 100% 4%);--text-red: hsl(8, 93%, 43%);--text-muted: hsl(26 35% 27%);--highlight: hsl(26 100% 99%);--border: hsl(26 21% 49%);--border-muted: hsl(26 27% 61%);--primary: hsl(27 65% 66%);--primary-hover: hsl(27 65% 76%);--secondary: hsl(204 74% 68%);--secondary-hover: hsl(204 74% 78%);--danger: hsl(9 26% 64%);--danger-hover: hsl(9 26% 74%);--warning: hsl(52 19% 57%);--warning-hover: hsl(52 19% 67%);--success: hsl(146 17% 59%);--success-hover: hsl(146 17% 69%);--info: hsl(217 28% 65%);--info-hover: hsl(217 28% 75%);--document-links: hsl(203.53, 40.8%, 24.51%);--document-links-hover: hsl(203.53, 40.8%, 75.51%);--customer-background: hsl(203.53, 40.8%, 75.49%);--customer-text: hsl(203.53, 40.8%, 24.51%);--kanban-board-background: hsl(78.26, 88.46%, 89.8%);--kanban-board-text: hsl(78.26, 88.46%, 10.2%);--kanban-card-background: hsl(74.12, 35.56%, 53.14%);--kanban-card-text: hsl(74.12, 35.56%, 10.86%);--organisation-background: hsl(52.05, 85.57%, 61.96%);--organisation-text: hsl(52.05, 85.57%, 8.04%);--request-for-change-background: hsl(67.61, 100%, 72.16%);--request-for-change-text: hsl(67.61, 100%, 7.84%);--requirement-background: hsl(200.31, 94.2%, 86.47%);--requirement-text: hsl(200.31, 94.2%, 10.53%);--requirement-item-background: hsl(322.8, 29.76%, 67.06%);--requirement-item-text: hsl(322.8, 29.76%, 8.94%);--project-background: hsl(333.62, 49.57%, 45.88%);--project-text: hsl(333.62, 49.57%, 8.12%);--task-background: hsl(224, 10.2%, 71.82%);--task-text: hsl(224, 10.2%, 7.18%)}.dark{--bg-dark: hsl(16 100% 2%);--bg: hsl(22 76% 4%);--bg-light: hsl(26 50% 8%);--text: hsl(26 100% 94%);--text-red: hsl(8, 93%, 23%);--text-muted: hsl(26 34% 68%);--highlight: hsl(26 26% 38%);--border: hsl(26 35% 27%);--border-muted: hsl(27 56% 16%);--primary: hsl(32 100% 20%);--primary-hover: hsl(32 100% 10%);--secondary: hsl(198 100% 20%);--secondary-hover: hsl(198 100% 10%);--danger: hsl(9 21% 41%);--danger-hover: hsl(9 21% 31%);--warning: hsl(52 23% 34%);--warning-hover: hsl(52 23% 24%);--success: hsl(147 19% 36%);--success-hover: hsl(147 19% 26%);--info: hsl(217 22% 41%);--info-hover: hsl(217 22% 31%)}
|