@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.
Files changed (107) hide show
  1. package/README.md +3 -0
  2. package/dist/_virtual/_commonjsHelpers.js +2 -0
  3. package/dist/_virtual/quill.js +34 -0
  4. package/dist/_virtual/quill2.js +4 -0
  5. package/dist/components/RTE/RTE.client.js +367 -0
  6. package/dist/components/RTE/RTE.css +473 -0
  7. package/dist/components/RTE/RTE.js +12 -0
  8. package/dist/components/RTE/RTE.lazy.js +12 -0
  9. package/dist/components/RTE/RTE.module.css +473 -0
  10. package/dist/components/RTE/RTE.module.scss.js +22 -0
  11. package/dist/components/RTE/RTE.server.js +19 -0
  12. package/dist/components/RTE/RTE.styles.js +21 -0
  13. package/dist/components/RTE/RTE.theme.js +4 -0
  14. package/dist/components/RTE/RTE.utils.js +73 -0
  15. package/dist/components/RTE/RTE.view.js +107 -0
  16. package/dist/components/RTE/index.js +4 -0
  17. package/dist/components/avatar/Avatar.css +1 -3
  18. package/dist/components/avatar/Avatar.module.css +1 -3
  19. package/dist/components/avatar/Avatar.view.js +30 -17
  20. package/dist/components/base-link/BaseLink.client.js +11 -1
  21. package/dist/components/button/Button.css +1 -0
  22. package/dist/components/button/Button.module.css +1 -0
  23. package/dist/components/button/Button.view.js +1 -0
  24. package/dist/components/card/Card.css +10 -1
  25. package/dist/components/card/Card.module.css +10 -1
  26. package/dist/components/card/Card.module.scss.js +1 -0
  27. package/dist/components/chip/Chip.css +2 -2
  28. package/dist/components/chip/Chip.module.css +2 -2
  29. package/dist/components/chip/Chip.view.js +1 -1
  30. package/dist/components/input/Input.css +21 -2
  31. package/dist/components/input/Input.module.css +21 -2
  32. package/dist/components/input/Input.view.js +21 -13
  33. package/dist/components/pagination/Pagination.client.js +14 -0
  34. package/dist/components/pagination/Pagination.css +191 -0
  35. package/dist/components/pagination/Pagination.js +12 -0
  36. package/dist/components/pagination/Pagination.lazy.js +12 -0
  37. package/dist/components/pagination/Pagination.module.css +191 -0
  38. package/dist/components/pagination/Pagination.module.scss.js +12 -0
  39. package/dist/components/pagination/Pagination.server.js +11 -0
  40. package/dist/components/pagination/Pagination.utils.js +55 -0
  41. package/dist/components/pagination/Pagination.view.js +98 -0
  42. package/dist/components/pagination/index.js +4 -0
  43. package/dist/components/rich-text/RichText.client.js +31 -0
  44. package/dist/components/rich-text/RichText.css +13 -1
  45. package/dist/components/rich-text/RichText.module.css +13 -1
  46. package/dist/components/rich-text/RichText.module.scss.js +2 -0
  47. package/dist/components/rich-text/RichText.server.js +1 -0
  48. package/dist/components/select/Select.client.js +230 -8
  49. package/dist/components/select/Select.css +47 -16
  50. package/dist/components/select/Select.module.css +47 -16
  51. package/dist/components/select/Select.module.scss.js +2 -0
  52. package/dist/components/select/Select.view.js +20 -57
  53. package/dist/components/switch/Switch.css +1 -1
  54. package/dist/components/switch/Switch.module.css +1 -1
  55. package/dist/components/switch/Switch.view.js +3 -1
  56. package/dist/components/tooltip/Tooltip.client.js +373 -0
  57. package/dist/components/tooltip/Tooltip.css +241 -0
  58. package/dist/components/tooltip/Tooltip.js +16 -0
  59. package/dist/components/tooltip/Tooltip.module.css +241 -0
  60. package/dist/components/tooltip/Tooltip.module.scss.js +15 -0
  61. package/dist/components/tooltip/Tooltip.server.js +12 -0
  62. package/dist/components/tooltip/Tooltip.view.js +127 -0
  63. package/dist/components/tooltip/index.js +4 -0
  64. package/dist/constants/project.js +1 -1
  65. package/dist/index.js +6 -0
  66. package/dist/node_modules/.pnpm/quill@2.0.3/node_modules/quill/dist/quill.js +6133 -0
  67. package/dist/node_modules/.pnpm/quill@2.0.3/node_modules/quill/dist/quill.snow.css.js +12 -0
  68. package/dist/theme.css +214 -26
  69. package/dist/tsconfig.build.tsbuildinfo +1 -1
  70. package/dist/types/components/RTE/RTE.client.d.ts +6 -0
  71. package/dist/types/components/RTE/RTE.d.ts +339 -0
  72. package/dist/types/components/RTE/RTE.lazy.d.ts +340 -0
  73. package/dist/types/components/RTE/RTE.model.d.ts +17 -0
  74. package/dist/types/components/RTE/RTE.server.d.ts +3 -0
  75. package/dist/types/components/RTE/RTE.styles.d.ts +1 -0
  76. package/dist/types/components/RTE/RTE.theme.d.ts +2 -0
  77. package/dist/types/components/RTE/RTE.utils.d.ts +5 -0
  78. package/dist/types/components/RTE/RTE.view.d.ts +11 -0
  79. package/dist/types/components/RTE/index.d.ts +2 -0
  80. package/dist/types/components/avatar/Avatar.model.d.ts +1 -1
  81. package/dist/types/components/card/Card.model.d.ts +1 -1
  82. package/dist/types/components/grid/Grid.model.d.ts +37 -7
  83. package/dist/types/components/input/Input.model.d.ts +13 -1
  84. package/dist/types/components/input/Input.view.d.ts +1 -1
  85. package/dist/types/components/pagination/Pagination.client.d.ts +5 -0
  86. package/dist/types/components/pagination/Pagination.d.ts +4 -0
  87. package/dist/types/components/pagination/Pagination.lazy.d.ts +5 -0
  88. package/dist/types/components/pagination/Pagination.model.d.ts +22 -0
  89. package/dist/types/components/pagination/Pagination.server.d.ts +3 -0
  90. package/dist/types/components/pagination/Pagination.utils.d.ts +13 -0
  91. package/dist/types/components/pagination/Pagination.view.d.ts +3 -0
  92. package/dist/types/components/pagination/index.d.ts +2 -0
  93. package/dist/types/components/rich-text/RichText.client.d.ts +1 -1
  94. package/dist/types/components/rich-text/RichText.d.ts +1 -0
  95. package/dist/types/components/rich-text/RichText.lazy.d.ts +1 -0
  96. package/dist/types/components/rich-text/RichText.model.d.ts +1 -0
  97. package/dist/types/components/select/Select.model.d.ts +16 -1
  98. package/dist/types/components/tooltip/Tooltip.client.d.ts +5 -0
  99. package/dist/types/components/tooltip/Tooltip.d.ts +4 -0
  100. package/dist/types/components/tooltip/Tooltip.lazy.d.ts +5 -0
  101. package/dist/types/components/tooltip/Tooltip.model.d.ts +47 -0
  102. package/dist/types/components/tooltip/Tooltip.server.d.ts +3 -0
  103. package/dist/types/components/tooltip/Tooltip.view.d.ts +3 -0
  104. package/dist/types/components/tooltip/index.d.ts +2 -0
  105. package/dist/types/helpers/validations.d.ts +2 -2
  106. package/dist/types/index.d.ts +3 -0
  107. 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: var(--color-grey-100);
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-white);
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-300);
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
- 0% {
3756
+ from {
3716
3757
  opacity: 0;
3717
- transform: scale(0.95, 0.8);
3718
3758
  }
3719
- 100% {
3759
+ to {
3720
3760
  opacity: 1;
3721
3761
  }
3722
3762
  }
3723
3763
  @keyframes fade-out {
3724
- 0% {
3764
+ from {
3725
3765
  opacity: 1;
3726
- transform: scale(1, 1);
3727
3766
  }
3728
- 100% {
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-300);
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-300);
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: 10;
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-color: var(--color-grey-50);
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-100);
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-color: var(--color-primary-50);
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-200);
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
  }