@prokodo/ui 0.1.10 → 0.1.12
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 +3 -0
- package/dist/_virtual/_commonjsHelpers.js +2 -0
- package/dist/_virtual/quill.js +34 -0
- package/dist/_virtual/quill2.js +4 -0
- package/dist/components/RTE/RTE.client.js +367 -0
- package/dist/components/RTE/RTE.css +473 -0
- package/dist/components/RTE/RTE.js +12 -0
- package/dist/components/RTE/RTE.lazy.js +12 -0
- package/dist/components/RTE/RTE.module.css +473 -0
- package/dist/components/RTE/RTE.module.scss.js +22 -0
- package/dist/components/RTE/RTE.server.js +19 -0
- package/dist/components/RTE/RTE.styles.js +21 -0
- package/dist/components/RTE/RTE.theme.js +4 -0
- package/dist/components/RTE/RTE.utils.js +73 -0
- package/dist/components/RTE/RTE.view.js +107 -0
- package/dist/components/RTE/index.js +4 -0
- package/dist/components/avatar/Avatar.css +1 -3
- package/dist/components/avatar/Avatar.module.css +1 -3
- package/dist/components/avatar/Avatar.view.js +30 -17
- package/dist/components/base-link/BaseLink.client.js +11 -1
- package/dist/components/button/Button.css +1 -0
- package/dist/components/button/Button.module.css +1 -0
- package/dist/components/button/Button.view.js +1 -0
- package/dist/components/card/Card.css +10 -1
- package/dist/components/card/Card.module.css +10 -1
- package/dist/components/card/Card.module.scss.js +1 -0
- package/dist/components/chip/Chip.css +2 -2
- package/dist/components/chip/Chip.module.css +2 -2
- package/dist/components/chip/Chip.view.js +1 -1
- package/dist/components/input/Input.css +21 -2
- package/dist/components/input/Input.module.css +21 -2
- package/dist/components/input/Input.view.js +21 -13
- package/dist/components/pagination/Pagination.client.js +14 -0
- package/dist/components/pagination/Pagination.css +191 -0
- package/dist/components/pagination/Pagination.js +12 -0
- package/dist/components/pagination/Pagination.lazy.js +12 -0
- package/dist/components/pagination/Pagination.module.css +191 -0
- package/dist/components/pagination/Pagination.module.scss.js +12 -0
- package/dist/components/pagination/Pagination.server.js +11 -0
- package/dist/components/pagination/Pagination.utils.js +55 -0
- package/dist/components/pagination/Pagination.view.js +98 -0
- package/dist/components/pagination/index.js +4 -0
- package/dist/components/rich-text/RichText.client.js +31 -0
- package/dist/components/rich-text/RichText.css +13 -1
- package/dist/components/rich-text/RichText.module.css +13 -1
- package/dist/components/rich-text/RichText.module.scss.js +2 -0
- package/dist/components/rich-text/RichText.server.js +1 -0
- package/dist/components/select/Select.client.js +230 -8
- package/dist/components/select/Select.css +47 -16
- package/dist/components/select/Select.module.css +47 -16
- package/dist/components/select/Select.module.scss.js +2 -0
- package/dist/components/select/Select.view.js +20 -57
- package/dist/components/switch/Switch.css +1 -1
- package/dist/components/switch/Switch.module.css +1 -1
- package/dist/components/switch/Switch.view.js +3 -1
- package/dist/components/tooltip/Tooltip.client.js +373 -0
- package/dist/components/tooltip/Tooltip.css +241 -0
- package/dist/components/tooltip/Tooltip.js +16 -0
- package/dist/components/tooltip/Tooltip.module.css +241 -0
- package/dist/components/tooltip/Tooltip.module.scss.js +15 -0
- package/dist/components/tooltip/Tooltip.server.js +12 -0
- package/dist/components/tooltip/Tooltip.view.js +127 -0
- package/dist/components/tooltip/index.js +4 -0
- package/dist/constants/project.js +1 -1
- package/dist/index.js +6 -0
- package/dist/node_modules/.pnpm/quill@2.0.3/node_modules/quill/dist/quill.js +6133 -0
- package/dist/node_modules/.pnpm/quill@2.0.3/node_modules/quill/dist/quill.snow.css.js +12 -0
- package/dist/theme.css +214 -26
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/RTE/RTE.client.d.ts +6 -0
- package/dist/types/components/RTE/RTE.d.ts +339 -0
- package/dist/types/components/RTE/RTE.lazy.d.ts +340 -0
- package/dist/types/components/RTE/RTE.model.d.ts +17 -0
- package/dist/types/components/RTE/RTE.server.d.ts +3 -0
- package/dist/types/components/RTE/RTE.styles.d.ts +1 -0
- package/dist/types/components/RTE/RTE.theme.d.ts +2 -0
- package/dist/types/components/RTE/RTE.utils.d.ts +5 -0
- package/dist/types/components/RTE/RTE.view.d.ts +11 -0
- package/dist/types/components/RTE/index.d.ts +2 -0
- package/dist/types/components/avatar/Avatar.model.d.ts +1 -1
- package/dist/types/components/card/Card.model.d.ts +1 -1
- package/dist/types/components/grid/Grid.model.d.ts +37 -7
- package/dist/types/components/input/Input.model.d.ts +13 -1
- package/dist/types/components/input/Input.view.d.ts +1 -1
- package/dist/types/components/pagination/Pagination.client.d.ts +5 -0
- package/dist/types/components/pagination/Pagination.d.ts +4 -0
- package/dist/types/components/pagination/Pagination.lazy.d.ts +5 -0
- package/dist/types/components/pagination/Pagination.model.d.ts +22 -0
- package/dist/types/components/pagination/Pagination.server.d.ts +3 -0
- package/dist/types/components/pagination/Pagination.utils.d.ts +13 -0
- package/dist/types/components/pagination/Pagination.view.d.ts +3 -0
- package/dist/types/components/pagination/index.d.ts +2 -0
- package/dist/types/components/rich-text/RichText.client.d.ts +1 -1
- package/dist/types/components/rich-text/RichText.d.ts +1 -0
- package/dist/types/components/rich-text/RichText.lazy.d.ts +1 -0
- package/dist/types/components/rich-text/RichText.model.d.ts +1 -0
- package/dist/types/components/select/Select.model.d.ts +16 -1
- package/dist/types/components/tooltip/Tooltip.client.d.ts +5 -0
- package/dist/types/components/tooltip/Tooltip.d.ts +4 -0
- package/dist/types/components/tooltip/Tooltip.lazy.d.ts +5 -0
- package/dist/types/components/tooltip/Tooltip.model.d.ts +47 -0
- package/dist/types/components/tooltip/Tooltip.server.d.ts +3 -0
- package/dist/types/components/tooltip/Tooltip.view.d.ts +3 -0
- package/dist/types/components/tooltip/index.d.ts +2 -0
- package/dist/types/helpers/validations.d.ts +2 -2
- package/dist/types/index.d.ts +3 -0
- package/package.json +19 -2
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
const cssText = `/*!
|
|
2
|
+
* Quill Editor v2.0.3
|
|
3
|
+
* https://quilljs.com
|
|
4
|
+
* Copyright (c) 2017-2024, Slab
|
|
5
|
+
* Copyright (c) 2014, Jason Chen
|
|
6
|
+
* Copyright (c) 2013, salesforce.com
|
|
7
|
+
*/
|
|
8
|
+
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
|
|
9
|
+
/*# sourceMappingURL=quill.snow.css?inline.map */`;
|
|
10
|
+
export {
|
|
11
|
+
cssText as default
|
|
12
|
+
};
|
package/dist/theme.css
CHANGED
|
@@ -138,6 +138,8 @@
|
|
|
138
138
|
--color-grey-700: #2F2F2F;
|
|
139
139
|
--color-grey-800: #242424;
|
|
140
140
|
--color-grey-900: #121212;
|
|
141
|
+
--color-primary-20: #FFFFFF;
|
|
142
|
+
--color-primary-40: #FFFFFF;
|
|
141
143
|
--color-primary-50: #E5EBFF;
|
|
142
144
|
--color-primary-100: #C9D8FF;
|
|
143
145
|
--color-primary-200: #ACC5FF;
|
|
@@ -478,7 +480,7 @@ html[data-theme=dark] .prokodo-Accordion__icon {
|
|
|
478
480
|
align-items: center;
|
|
479
481
|
border-radius: 200px;
|
|
480
482
|
overflow: hidden;
|
|
481
|
-
background-color:
|
|
483
|
+
background-color: transparent;
|
|
482
484
|
}
|
|
483
485
|
.prokodo-Avatar--primary {
|
|
484
486
|
background-color: var(--color-primary-500);
|
|
@@ -522,8 +524,6 @@ html[data-theme=dark] .prokodo-Accordion__icon {
|
|
|
522
524
|
height: 100px;
|
|
523
525
|
}
|
|
524
526
|
.prokodo-Avatar__image {
|
|
525
|
-
width: 100%;
|
|
526
|
-
height: 100%;
|
|
527
527
|
display: block;
|
|
528
528
|
-o-object-fit: cover;
|
|
529
529
|
object-fit: cover;
|
|
@@ -667,6 +667,7 @@ html[data-theme=dark] .prokodo-Button--has-variant-outlined {
|
|
|
667
667
|
background: none;
|
|
668
668
|
}
|
|
669
669
|
.prokodo-Button--has-image, .prokodo-Button--has-icon {
|
|
670
|
+
display: flex;
|
|
670
671
|
align-items: center;
|
|
671
672
|
}
|
|
672
673
|
.prokodo-Button--icon-only {
|
|
@@ -763,6 +764,15 @@ html[data-theme=dark] .prokodo-Button--has-variant-outlined {
|
|
|
763
764
|
html[data-theme=dark] .prokodo-Card--white {
|
|
764
765
|
background-color: transparent;
|
|
765
766
|
}
|
|
767
|
+
.prokodo-Card--panel {
|
|
768
|
+
background: rgba(255, 255, 255, 0.03);
|
|
769
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
770
|
+
/* in light mode trotzdem lesbar */
|
|
771
|
+
}
|
|
772
|
+
html:not([data-theme=dark]) .prokodo-Card--panel {
|
|
773
|
+
background: var(--color-white);
|
|
774
|
+
border: 1px solid rgba(0, 0, 0, 0.08);
|
|
775
|
+
}
|
|
766
776
|
.prokodo-Card__skeleton {
|
|
767
777
|
position: absolute;
|
|
768
778
|
z-index: 3;
|
|
@@ -789,7 +799,7 @@ html[data-theme=dark] .prokodo-Card__background {
|
|
|
789
799
|
align-items: center;
|
|
790
800
|
}
|
|
791
801
|
.prokodo-Card__link:hover {
|
|
792
|
-
text-decoration: none;
|
|
802
|
+
text-decoration: none !important;
|
|
793
803
|
}
|
|
794
804
|
.prokodo-Card__content {
|
|
795
805
|
position: relative;
|
|
@@ -989,6 +999,7 @@ html[data-theme=dark] .prokodo-Card__background {
|
|
|
989
999
|
-webkit-user-select: none;
|
|
990
1000
|
-moz-user-select: none;
|
|
991
1001
|
user-select: none;
|
|
1002
|
+
gap: 0.5rem;
|
|
992
1003
|
transition: background-color 0.3s ease, color 0.3s ease;
|
|
993
1004
|
border-color: var(--color-grey-500);
|
|
994
1005
|
color: var(--color-black);
|
|
@@ -1034,7 +1045,7 @@ html[data-theme=dark] .prokodo-Card__background {
|
|
|
1034
1045
|
}
|
|
1035
1046
|
.prokodo-Chip--filled--info {
|
|
1036
1047
|
background-color: var(--color-grey-300);
|
|
1037
|
-
color: var(--color-
|
|
1048
|
+
color: var(--color-grey-700);
|
|
1038
1049
|
}
|
|
1039
1050
|
.prokodo-Chip--filled--success {
|
|
1040
1051
|
background-color: var(--color-success);
|
|
@@ -1097,7 +1108,6 @@ html[data-theme=dark] .prokodo-Card__background {
|
|
|
1097
1108
|
cursor: pointer;
|
|
1098
1109
|
padding: 0;
|
|
1099
1110
|
line-height: 1;
|
|
1100
|
-
margin-left: 8px;
|
|
1101
1111
|
transition: color 0.3s ease;
|
|
1102
1112
|
background-color: var(--color-grey-50);
|
|
1103
1113
|
}
|
|
@@ -2144,7 +2154,6 @@ html[data-theme=dark] .prokodo-DynamicList__helperText {
|
|
|
2144
2154
|
position: relative;
|
|
2145
2155
|
display: flex;
|
|
2146
2156
|
flex-direction: column;
|
|
2147
|
-
justify-content: space-around;
|
|
2148
2157
|
height: 100%;
|
|
2149
2158
|
width: 100%;
|
|
2150
2159
|
}
|
|
@@ -2176,6 +2185,9 @@ html[data-theme=dark] .prokodo-DynamicList__helperText {
|
|
|
2176
2185
|
background-color: var(--color-white);
|
|
2177
2186
|
padding: 0 0.25rem;
|
|
2178
2187
|
}
|
|
2188
|
+
html[data-theme=dark] .prokodo-Input__label--is-focused {
|
|
2189
|
+
background-color: rgb(16, 19, 27);
|
|
2190
|
+
}
|
|
2179
2191
|
}
|
|
2180
2192
|
.prokodo-Input__inner {
|
|
2181
2193
|
position: relative;
|
|
@@ -2212,6 +2224,13 @@ html[data-theme=dark] .prokodo-DynamicList__helperText {
|
|
|
2212
2224
|
background-color: var(--color-white);
|
|
2213
2225
|
color: var(--color-grey-900);
|
|
2214
2226
|
}
|
|
2227
|
+
html[data-theme=dark] .prokodo-Input__input input:-webkit-autofill, html[data-theme=dark] .prokodo-Input__input textarea:-webkit-autofill {
|
|
2228
|
+
background-color: rgb(16, 19, 27);
|
|
2229
|
+
}
|
|
2230
|
+
html[data-theme=dark] .prokodo-Input__input input:autofill,
|
|
2231
|
+
html[data-theme=dark] .prokodo-Input__input textarea:autofill {
|
|
2232
|
+
background-color: rgb(16, 19, 27);
|
|
2233
|
+
}
|
|
2215
2234
|
.prokodo-Input__input input:-webkit-autofill,
|
|
2216
2235
|
.prokodo-Input__input input:-webkit-autofill:hover,
|
|
2217
2236
|
.prokodo-Input__input input:-webkit-autofill:focus,
|
|
@@ -2232,6 +2251,10 @@ html[data-theme=dark] .prokodo-DynamicList__helperText {
|
|
|
2232
2251
|
background-color: var(--color-white);
|
|
2233
2252
|
color: var(--color-grey-900);
|
|
2234
2253
|
}
|
|
2254
|
+
html[data-theme=dark] .prokodo-Input__input input:-moz-autofill,
|
|
2255
|
+
html[data-theme=dark] .prokodo-Input__input textarea:-moz-autofill {
|
|
2256
|
+
background-color: rgb(16, 19, 27);
|
|
2257
|
+
}
|
|
2235
2258
|
.prokodo-Input__input input:is(:-webkit-autofill, :-webkit-autofill), .prokodo-Input__input textarea:is(:-webkit-autofill, :-webkit-autofill) {
|
|
2236
2259
|
border-color: none; /* adjust as needed */
|
|
2237
2260
|
}
|
|
@@ -2294,6 +2317,9 @@ html[data-theme=dark] .prokodo-DynamicList__helperText {
|
|
|
2294
2317
|
font-size: 1rem;
|
|
2295
2318
|
}
|
|
2296
2319
|
}
|
|
2320
|
+
html[data-theme=dark] .prokodo-Input__input__node {
|
|
2321
|
+
background-color: rgb(16, 19, 27);
|
|
2322
|
+
}
|
|
2297
2323
|
.prokodo-Input__input__node {
|
|
2298
2324
|
font-size: 1rem;
|
|
2299
2325
|
}
|
|
@@ -2322,9 +2348,12 @@ html[data-theme=dark] .prokodo-DynamicList__helperText {
|
|
|
2322
2348
|
pointer-events: none;
|
|
2323
2349
|
}
|
|
2324
2350
|
.prokodo-Input__input__node:disabled {
|
|
2325
|
-
color: var(--color-grey-
|
|
2351
|
+
color: var(--color-grey-700);
|
|
2326
2352
|
background: var(--color-white);
|
|
2327
2353
|
}
|
|
2354
|
+
html[data-theme=dark] .prokodo-Input__input__node:disabled {
|
|
2355
|
+
background-color: rgb(16, 19, 27);
|
|
2356
|
+
}
|
|
2328
2357
|
.prokodo-Input__input:focus {
|
|
2329
2358
|
border-color: var(--color-primary-500);
|
|
2330
2359
|
box-shadow: 0 0 5px var(--color-primary-500);
|
|
@@ -3612,7 +3641,6 @@ html[data-theme=dark] .prokodo-RichText__p {
|
|
|
3612
3641
|
text-align: inherit;
|
|
3613
3642
|
}
|
|
3614
3643
|
html[data-theme=dark] .prokodo-RichText__pre {
|
|
3615
|
-
color: var(--color-grey-300);
|
|
3616
3644
|
background-color: var(--color-grey-50);
|
|
3617
3645
|
}
|
|
3618
3646
|
.prokodo-RichText__blockquote {
|
|
@@ -3621,6 +3649,19 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3621
3649
|
padding: 1px 1rem;
|
|
3622
3650
|
margin: 0;
|
|
3623
3651
|
}
|
|
3652
|
+
.prokodo-RichText__image {
|
|
3653
|
+
-o-object-fit: cover;
|
|
3654
|
+
object-fit: cover;
|
|
3655
|
+
border-radius: 13px;
|
|
3656
|
+
}
|
|
3657
|
+
.prokodo-RichText__image__wrapper {
|
|
3658
|
+
position: relative;
|
|
3659
|
+
display: block;
|
|
3660
|
+
width: 100%;
|
|
3661
|
+
height: 300px;
|
|
3662
|
+
overflow: hidden;
|
|
3663
|
+
border-radius: 13px;
|
|
3664
|
+
}
|
|
3624
3665
|
.prokodo-RichText__ul, .prokodo-RichText__ol {
|
|
3625
3666
|
padding: 0;
|
|
3626
3667
|
list-style-type: none;
|
|
@@ -3712,22 +3753,19 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3712
3753
|
|
|
3713
3754
|
/* fade-in / out for the popup ------------------------------------------------ */
|
|
3714
3755
|
@keyframes fade-in {
|
|
3715
|
-
|
|
3756
|
+
from {
|
|
3716
3757
|
opacity: 0;
|
|
3717
|
-
transform: scale(0.95, 0.8);
|
|
3718
3758
|
}
|
|
3719
|
-
|
|
3759
|
+
to {
|
|
3720
3760
|
opacity: 1;
|
|
3721
3761
|
}
|
|
3722
3762
|
}
|
|
3723
3763
|
@keyframes fade-out {
|
|
3724
|
-
|
|
3764
|
+
from {
|
|
3725
3765
|
opacity: 1;
|
|
3726
|
-
transform: scale(1, 1);
|
|
3727
3766
|
}
|
|
3728
|
-
|
|
3767
|
+
to {
|
|
3729
3768
|
opacity: 0;
|
|
3730
|
-
transform: scale(0.95, 0.8);
|
|
3731
3769
|
}
|
|
3732
3770
|
}
|
|
3733
3771
|
.prokodo-Select {
|
|
@@ -3765,6 +3803,9 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3765
3803
|
-webkit-box-orient: vertical;
|
|
3766
3804
|
overflow: hidden;
|
|
3767
3805
|
}
|
|
3806
|
+
html[data-theme=dark] .prokodo-Select__label {
|
|
3807
|
+
background-color: rgb(16, 19, 27);
|
|
3808
|
+
}
|
|
3768
3809
|
}
|
|
3769
3810
|
.prokodo-Select__field {
|
|
3770
3811
|
position: relative;
|
|
@@ -3774,6 +3815,7 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3774
3815
|
}
|
|
3775
3816
|
.prokodo-Select__field--expanded {
|
|
3776
3817
|
box-shadow: none;
|
|
3818
|
+
z-index: 100;
|
|
3777
3819
|
}
|
|
3778
3820
|
.prokodo-Select__button {
|
|
3779
3821
|
box-sizing: border-box;
|
|
@@ -3804,7 +3846,7 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3804
3846
|
background: var(--gradient-border-4);
|
|
3805
3847
|
}
|
|
3806
3848
|
.prokodo-Select__button:disabled {
|
|
3807
|
-
color: var(--color-grey-
|
|
3849
|
+
color: var(--color-grey-700);
|
|
3808
3850
|
cursor: default;
|
|
3809
3851
|
background: var(--gradient-border-8);
|
|
3810
3852
|
}
|
|
@@ -3836,9 +3878,8 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3836
3878
|
align-items: center;
|
|
3837
3879
|
padding: 0.875rem 1rem;
|
|
3838
3880
|
margin: 2px;
|
|
3839
|
-
background: var(--color-white);
|
|
3840
|
-
border-radius: 1.5rem;
|
|
3841
3881
|
background-color: var(--color-white);
|
|
3882
|
+
border-radius: 1.5rem;
|
|
3842
3883
|
font-weight: 400;
|
|
3843
3884
|
font-size: 1.125rem;
|
|
3844
3885
|
font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
@@ -3859,6 +3900,9 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3859
3900
|
font-size: 1rem;
|
|
3860
3901
|
}
|
|
3861
3902
|
}
|
|
3903
|
+
html[data-theme=dark] .prokodo-Select__button__inner {
|
|
3904
|
+
background-color: rgb(16, 19, 27);
|
|
3905
|
+
}
|
|
3862
3906
|
.prokodo-Select__button__inner {
|
|
3863
3907
|
font-size: 1rem;
|
|
3864
3908
|
}
|
|
@@ -3872,10 +3916,9 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3872
3916
|
color: var(--color-grey-500);
|
|
3873
3917
|
}
|
|
3874
3918
|
.prokodo-Select__button__inner--is-placeholder--disabled {
|
|
3875
|
-
color: var(--color-grey-
|
|
3919
|
+
color: var(--color-grey-500);
|
|
3876
3920
|
}
|
|
3877
3921
|
.prokodo-Select__listbox {
|
|
3878
|
-
position: absolute;
|
|
3879
3922
|
box-sizing: border-box;
|
|
3880
3923
|
padding: 2px;
|
|
3881
3924
|
margin: -2px 0 0 0;
|
|
@@ -3889,7 +3932,7 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3889
3932
|
background: var(--gradient-border-4);
|
|
3890
3933
|
box-shadow: var(--elevation-3);
|
|
3891
3934
|
scrollbar-width: none;
|
|
3892
|
-
z-index:
|
|
3935
|
+
z-index: 2147483647;
|
|
3893
3936
|
/* animation – your JS toggles .is-open / .is-closed */
|
|
3894
3937
|
}
|
|
3895
3938
|
.prokodo-Select__listbox--is-open {
|
|
@@ -3920,6 +3963,8 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3920
3963
|
text-decoration: none;
|
|
3921
3964
|
/* hover / focus */
|
|
3922
3965
|
/* selected */
|
|
3966
|
+
/* keyboard "active" option (aria-activedescendant) */
|
|
3967
|
+
/* if both selected + active, keep it clearly active */
|
|
3923
3968
|
/* disabled (if you add aria-disabled) */
|
|
3924
3969
|
}
|
|
3925
3970
|
@media screen and (min-width: 480px) {
|
|
@@ -3932,6 +3977,9 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3932
3977
|
font-size: 1rem;
|
|
3933
3978
|
}
|
|
3934
3979
|
}
|
|
3980
|
+
html[data-theme=dark] .prokodo-Select__item {
|
|
3981
|
+
background: rgb(16, 19, 27);
|
|
3982
|
+
}
|
|
3935
3983
|
.prokodo-Select__item {
|
|
3936
3984
|
font-size: 1rem;
|
|
3937
3985
|
}
|
|
@@ -3940,14 +3988,35 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3940
3988
|
border-bottom-right-radius: 1.5625rem;
|
|
3941
3989
|
}
|
|
3942
3990
|
.prokodo-Select__item:hover {
|
|
3943
|
-
background
|
|
3991
|
+
background: var(--color-primary-50);
|
|
3992
|
+
}
|
|
3993
|
+
html[data-theme=dark] .prokodo-Select__item:hover {
|
|
3994
|
+
background: var(--color-primary-50);
|
|
3944
3995
|
}
|
|
3945
3996
|
.prokodo-Select__item:focus-visible {
|
|
3946
3997
|
outline: 0;
|
|
3947
|
-
background: var(--color-primary-
|
|
3998
|
+
background: var(--color-primary-50);
|
|
3999
|
+
}
|
|
4000
|
+
html[data-theme=dark] .prokodo-Select__item:focus-visible {
|
|
4001
|
+
background: var(--color-primary-50);
|
|
3948
4002
|
}
|
|
3949
4003
|
.prokodo-Select__item--selected {
|
|
3950
|
-
background
|
|
4004
|
+
background: var(--color-primary-100);
|
|
4005
|
+
}
|
|
4006
|
+
html[data-theme=dark] .prokodo-Select__item--selected {
|
|
4007
|
+
background: var(--color-primary-100);
|
|
4008
|
+
}
|
|
4009
|
+
.prokodo-Select__item--active {
|
|
4010
|
+
background: var(--color-primary-100);
|
|
4011
|
+
}
|
|
4012
|
+
html[data-theme=dark] .prokodo-Select__item--active {
|
|
4013
|
+
background: var(--color-primary-100);
|
|
4014
|
+
}
|
|
4015
|
+
.prokodo-Select__item--selected--active {
|
|
4016
|
+
background: var(--color-primary-100);
|
|
4017
|
+
}
|
|
4018
|
+
html[data-theme=dark] .prokodo-Select__item--selected--active {
|
|
4019
|
+
background: var(--color-primary-100);
|
|
3951
4020
|
}
|
|
3952
4021
|
.prokodo-Select__item[aria-disabled=true] {
|
|
3953
4022
|
color: var(--color-grey-400);
|
|
@@ -3977,6 +4046,9 @@ html[data-theme=dark] .prokodo-RichText__pre {
|
|
|
3977
4046
|
inset: 2px;
|
|
3978
4047
|
background: var(--color-white);
|
|
3979
4048
|
}
|
|
4049
|
+
html[data-theme=dark] .prokodo-Select__checkbox:before {
|
|
4050
|
+
background-color: rgb(16, 19, 27);
|
|
4051
|
+
}
|
|
3980
4052
|
.prokodo-Select__checkbox--checked { /* gradient + tick mark */
|
|
3981
4053
|
background: var(--gradient-border-4);
|
|
3982
4054
|
}
|
|
@@ -4840,7 +4912,7 @@ html[data-theme=dark] .prokodo-Skeleton::after {
|
|
|
4840
4912
|
left: 5px;
|
|
4841
4913
|
}
|
|
4842
4914
|
.prokodo-Switch__thumb--disabled {
|
|
4843
|
-
background-color: var(--color-grey-
|
|
4915
|
+
background-color: var(--color-grey-600);
|
|
4844
4916
|
}
|
|
4845
4917
|
.prokodo-Switch__thumb {
|
|
4846
4918
|
/* Center child icon */
|
|
@@ -5092,4 +5164,120 @@ html[data-theme=dark] .prokodo-Skeleton::after {
|
|
|
5092
5164
|
}
|
|
5093
5165
|
.prokodo-Teaser__link__icon {
|
|
5094
5166
|
margin-right: 0.25rem;
|
|
5167
|
+
}
|
|
5168
|
+
|
|
5169
|
+
.prokodo-Tooltip {
|
|
5170
|
+
position: relative;
|
|
5171
|
+
display: inline-flex;
|
|
5172
|
+
align-items: center;
|
|
5173
|
+
/* Visually hidden described-by node (portal a11y). */
|
|
5174
|
+
/* CSS-only fallback (only works for inline mode). */
|
|
5175
|
+
}
|
|
5176
|
+
.prokodo-Tooltip--disabled {
|
|
5177
|
+
pointer-events: none;
|
|
5178
|
+
}
|
|
5179
|
+
.prokodo-Tooltip__sr {
|
|
5180
|
+
position: absolute;
|
|
5181
|
+
width: 1px;
|
|
5182
|
+
height: 1px;
|
|
5183
|
+
padding: 0;
|
|
5184
|
+
margin: -1px;
|
|
5185
|
+
overflow: hidden;
|
|
5186
|
+
clip: rect(0, 0, 0, 0);
|
|
5187
|
+
border: 0;
|
|
5188
|
+
white-space: nowrap;
|
|
5189
|
+
}
|
|
5190
|
+
.prokodo-Tooltip__trigger {
|
|
5191
|
+
width: -moz-max-content !important;
|
|
5192
|
+
width: max-content !important;
|
|
5193
|
+
flex: 0 0 auto !important;
|
|
5194
|
+
}
|
|
5195
|
+
.prokodo-Tooltip__bubble {
|
|
5196
|
+
/* Make sizing measurable and stable. */
|
|
5197
|
+
display: block;
|
|
5198
|
+
position: fixed;
|
|
5199
|
+
left: 0;
|
|
5200
|
+
top: 0;
|
|
5201
|
+
/* Position via CSS vars, but NO animated transform/scale */
|
|
5202
|
+
transform: translate3d(var(--pk-tt-x, 0px), var(--pk-tt-y, 0px), 0);
|
|
5203
|
+
/* Only opacity changes for animation */
|
|
5204
|
+
will-change: opacity;
|
|
5205
|
+
z-index: var(--pk-tt-z, 2147483647);
|
|
5206
|
+
max-width: min(360px, 100vw - 16px);
|
|
5207
|
+
white-space: normal;
|
|
5208
|
+
overflow-wrap: anywhere;
|
|
5209
|
+
padding: 0.25rem 0.5rem;
|
|
5210
|
+
border-radius: 10px;
|
|
5211
|
+
box-shadow: var(--elevation-2);
|
|
5212
|
+
background: var(--color-grey-900);
|
|
5213
|
+
color: var(--color-white);
|
|
5214
|
+
opacity: 0;
|
|
5215
|
+
visibility: hidden;
|
|
5216
|
+
pointer-events: none;
|
|
5217
|
+
/* fade only */
|
|
5218
|
+
transition: opacity 120ms ease, visibility 120ms ease;
|
|
5219
|
+
font-weight: 400;
|
|
5220
|
+
font-size: 1rem;
|
|
5221
|
+
font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
5222
|
+
font-style: normal;
|
|
5223
|
+
line-height: 1.45;
|
|
5224
|
+
letter-spacing: 0.03em;
|
|
5225
|
+
text-transform: none;
|
|
5226
|
+
text-align: left;
|
|
5227
|
+
text-decoration: none;
|
|
5228
|
+
}
|
|
5229
|
+
@media screen and (min-width: 480px) {
|
|
5230
|
+
.prokodo-Tooltip__bubble {
|
|
5231
|
+
font-size: 0.875rem;
|
|
5232
|
+
line-height: 1.4;
|
|
5233
|
+
}
|
|
5234
|
+
}
|
|
5235
|
+
@media screen and (min-width: 960px) {
|
|
5236
|
+
.prokodo-Tooltip__bubble {
|
|
5237
|
+
font-size: 0.875rem;
|
|
5238
|
+
line-height: 1.4;
|
|
5239
|
+
}
|
|
5240
|
+
}
|
|
5241
|
+
.prokodo-Tooltip__bubble--open {
|
|
5242
|
+
opacity: 1;
|
|
5243
|
+
visibility: visible;
|
|
5244
|
+
}
|
|
5245
|
+
.prokodo-Tooltip__bubble::after {
|
|
5246
|
+
content: "";
|
|
5247
|
+
position: absolute;
|
|
5248
|
+
width: 0;
|
|
5249
|
+
height: 0;
|
|
5250
|
+
border-style: solid;
|
|
5251
|
+
}
|
|
5252
|
+
.prokodo-Tooltip__bubble--top::after {
|
|
5253
|
+
left: var(--pk-tt-arrow-x, 50%);
|
|
5254
|
+
top: 100%;
|
|
5255
|
+
transform: translateX(-50%);
|
|
5256
|
+
border-width: 8px 8px 0 8px;
|
|
5257
|
+
border-color: var(--color-grey-900) transparent transparent transparent;
|
|
5258
|
+
}
|
|
5259
|
+
.prokodo-Tooltip__bubble--bottom::after {
|
|
5260
|
+
left: var(--pk-tt-arrow-x, 50%);
|
|
5261
|
+
bottom: 100%;
|
|
5262
|
+
transform: translateX(-50%);
|
|
5263
|
+
border-width: 0 8px 8px 8px;
|
|
5264
|
+
border-color: transparent transparent var(--color-grey-900) transparent;
|
|
5265
|
+
}
|
|
5266
|
+
.prokodo-Tooltip__bubble--left::after {
|
|
5267
|
+
top: var(--pk-tt-arrow-y, 50%);
|
|
5268
|
+
left: 100%;
|
|
5269
|
+
transform: translateY(-50%);
|
|
5270
|
+
border-width: 8px 0 8px 8px;
|
|
5271
|
+
border-color: transparent transparent transparent var(--color-grey-900);
|
|
5272
|
+
}
|
|
5273
|
+
.prokodo-Tooltip__bubble--right::after {
|
|
5274
|
+
top: var(--pk-tt-arrow-y, 50%);
|
|
5275
|
+
right: 100%;
|
|
5276
|
+
transform: translateY(-50%);
|
|
5277
|
+
border-width: 8px 8px 8px 0;
|
|
5278
|
+
border-color: transparent var(--color-grey-900) transparent transparent;
|
|
5279
|
+
}
|
|
5280
|
+
.prokodo-Tooltip:hover .prokodo-Tooltip__bubble, .prokodo-Tooltip:focus-within .prokodo-Tooltip__bubble {
|
|
5281
|
+
opacity: 1;
|
|
5282
|
+
visibility: visible;
|
|
5095
5283
|
}
|