@limetech/lime-elements 37.17.0 → 37.17.2

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 (17) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/limel-markdown.cjs.entry.js +1 -1
  3. package/dist/cjs/limel-markdown.cjs.entry.js.map +1 -1
  4. package/dist/cjs/limel-text-editor.cjs.entry.js +1 -1
  5. package/dist/cjs/limel-text-editor.cjs.entry.js.map +1 -1
  6. package/dist/collection/components/markdown/markdown.css +61 -31
  7. package/dist/collection/components/text-editor/text-editor.css +62 -32
  8. package/dist/esm/limel-markdown.entry.js +1 -1
  9. package/dist/esm/limel-markdown.entry.js.map +1 -1
  10. package/dist/esm/limel-text-editor.entry.js +1 -1
  11. package/dist/esm/limel-text-editor.entry.js.map +1 -1
  12. package/dist/lime-elements/lime-elements.esm.js +1 -1
  13. package/dist/lime-elements/{p-c0e400b5.entry.js → p-6a0eac83.entry.js} +2 -2
  14. package/dist/lime-elements/{p-c0e400b5.entry.js.map → p-6a0eac83.entry.js.map} +1 -1
  15. package/dist/lime-elements/{p-bc582bc6.entry.js → p-6f03ee09.entry.js} +2 -2
  16. package/dist/lime-elements/{p-bc582bc6.entry.js.map → p-6f03ee09.entry.js.map} +1 -1
  17. package/package.json +3 -3
package/dist/collection/components/markdown/markdown.css CHANGED
@@ -88,53 +88,77 @@ pre > code {
88
88
  white-space: pre-wrap;
89
89
  }
90
90
 
91
- /*
92
- * This file is imported into every component!
93
- *
94
- * Nothing in this file may output any CSS
95
- * without being explicitly called by outside code.
96
- */
97
91
  h1 {
98
- font-size: 1.875rem;
99
- line-height: 1.875rem;
100
- margin-top: 1.5rem;
101
- margin-bottom: 0.75rem;
102
- letter-spacing: -0.0625rem;
92
+ font-size: 1.5rem;
103
93
  }
104
94
 
105
95
  h2 {
106
- font-size: 1.625rem;
107
- line-height: 1.625rem;
108
- margin-top: 1.25rem;
109
- margin-bottom: 0.75rem;
96
+ font-size: 1.25rem;
110
97
  }
111
98
 
112
99
  h3 {
113
- font-size: 1.375rem;
114
- line-height: 1.375rem;
115
- margin-top: 1rem;
116
- margin-bottom: 0.75rem;
100
+ font-size: 1.125rem;
117
101
  }
118
102
 
119
103
  h4 {
120
- font-size: 1.25rem;
121
- line-height: 1.25rem;
122
- margin-top: 0.75rem;
123
- margin-bottom: 0.5rem;
104
+ font-size: 1rem;
124
105
  }
125
106
 
126
107
  h5 {
127
- font-size: 1.125rem;
128
- line-height: 1.125rem;
129
- margin-top: 0.75rem;
130
- margin-bottom: 0.5rem;
108
+ font-size: 0.875rem;
131
109
  }
132
110
 
133
111
  h6 {
134
- font-size: 1rem;
135
- line-height: 1rem;
136
- margin-top: 0.75rem;
112
+ font-size: 0.75rem;
113
+ }
114
+
115
+ h1,
116
+ h2 {
117
+ margin-top: 0.5rem;
137
118
  margin-bottom: 0.5rem;
119
+ letter-spacing: -0.03125rem;
120
+ font-weight: 500;
121
+ }
122
+
123
+ h3,
124
+ h4 {
125
+ margin-top: 0.75rem;
126
+ margin-bottom: 0.25rem;
127
+ font-weight: 600;
128
+ }
129
+
130
+ h5,
131
+ h6 {
132
+ margin-top: 0.5rem;
133
+ margin-bottom: 0.125rem;
134
+ font-weight: 600;
135
+ }
136
+
137
+ h1,
138
+ h2,
139
+ h3,
140
+ h4,
141
+ h5,
142
+ h6 {
143
+ word-break: break-word;
144
+ hyphens: auto;
145
+ -webkit-hyphens: auto;
146
+ }
147
+ :not([contenteditable=true]) h1,
148
+ :not([contenteditable=true]) h2,
149
+ :not([contenteditable=true]) h3,
150
+ :not([contenteditable=true]) h4,
151
+ :not([contenteditable=true]) h5,
152
+ :not([contenteditable=true]) h6 {
153
+ text-wrap: balance;
154
+ }
155
+ [contenteditable=true] h1,
156
+ [contenteditable=true] h2,
157
+ [contenteditable=true] h3,
158
+ [contenteditable=true] h4,
159
+ [contenteditable=true] h5,
160
+ [contenteditable=true] h6 {
161
+ text-wrap: initial;
138
162
  }
139
163
 
140
164
  :host(limel-markdown.truncate-paragraphs) p {
@@ -144,9 +168,15 @@ h6 {
144
168
  }
145
169
 
146
170
  p,
147
- a,
148
171
  li {
149
172
  font-size: 0.875rem;
173
+ word-break: break-word;
174
+ hyphens: auto;
175
+ -webkit-hyphens: auto;
176
+ }
177
+
178
+ a {
179
+ word-break: break-all;
150
180
  }
151
181
 
152
182
  p {
package/dist/collection/components/text-editor/text-editor.css CHANGED
@@ -236,7 +236,7 @@ div#editor .ProseMirror-menubar[style*="position: fixed"] {
236
236
  justify-content: center;
237
237
  white-space: nowrap;
238
238
  line-height: 1;
239
- min-height: 1.5rem;
239
+ height: 1.5rem;
240
240
  min-width: 1.5rem;
241
241
  border-radius: 0.25rem;
242
242
  color: rgb(var(--contrast-1100));
@@ -400,9 +400,15 @@ blockquote:after {
400
400
  }
401
401
 
402
402
  p,
403
- a,
404
403
  li {
405
404
  font-size: 0.875rem;
405
+ word-break: break-word;
406
+ hyphens: auto;
407
+ -webkit-hyphens: auto;
408
+ }
409
+
410
+ a {
411
+ word-break: break-all;
406
412
  }
407
413
 
408
414
  p {
@@ -460,53 +466,77 @@ dl dd:last-child {
460
466
  border-bottom-right-radius: 0.375rem;
461
467
  }
462
468
 
463
- /*
464
- * This file is imported into every component!
465
- *
466
- * Nothing in this file may output any CSS
467
- * without being explicitly called by outside code.
468
- */
469
469
  h1 {
470
- font-size: 1.875rem;
471
- line-height: 1.875rem;
472
- margin-top: 1.5rem;
473
- margin-bottom: 0.75rem;
474
- letter-spacing: -0.0625rem;
470
+ font-size: 1.5rem;
475
471
  }
476
472
 
477
473
  h2 {
478
- font-size: 1.625rem;
479
- line-height: 1.625rem;
480
- margin-top: 1.25rem;
481
- margin-bottom: 0.75rem;
474
+ font-size: 1.25rem;
482
475
  }
483
476
 
484
477
  h3 {
485
- font-size: 1.375rem;
486
- line-height: 1.375rem;
487
- margin-top: 1rem;
488
- margin-bottom: 0.75rem;
478
+ font-size: 1.125rem;
489
479
  }
490
480
 
491
481
  h4 {
492
- font-size: 1.25rem;
493
- line-height: 1.25rem;
494
- margin-top: 0.75rem;
495
- margin-bottom: 0.5rem;
482
+ font-size: 1rem;
496
483
  }
497
484
 
498
485
  h5 {
499
- font-size: 1.125rem;
500
- line-height: 1.125rem;
501
- margin-top: 0.75rem;
502
- margin-bottom: 0.5rem;
486
+ font-size: 0.875rem;
503
487
  }
504
488
 
505
489
  h6 {
506
- font-size: 1rem;
507
- line-height: 1rem;
508
- margin-top: 0.75rem;
490
+ font-size: 0.75rem;
491
+ }
492
+
493
+ h1,
494
+ h2 {
495
+ margin-top: 0.5rem;
509
496
  margin-bottom: 0.5rem;
497
+ letter-spacing: -0.03125rem;
498
+ font-weight: 500;
499
+ }
500
+
501
+ h3,
502
+ h4 {
503
+ margin-top: 0.75rem;
504
+ margin-bottom: 0.25rem;
505
+ font-weight: 600;
506
+ }
507
+
508
+ h5,
509
+ h6 {
510
+ margin-top: 0.5rem;
511
+ margin-bottom: 0.125rem;
512
+ font-weight: 600;
513
+ }
514
+
515
+ h1,
516
+ h2,
517
+ h3,
518
+ h4,
519
+ h5,
520
+ h6 {
521
+ word-break: break-word;
522
+ hyphens: auto;
523
+ -webkit-hyphens: auto;
524
+ }
525
+ :not([contenteditable=true]) h1,
526
+ :not([contenteditable=true]) h2,
527
+ :not([contenteditable=true]) h3,
528
+ :not([contenteditable=true]) h4,
529
+ :not([contenteditable=true]) h5,
530
+ :not([contenteditable=true]) h6 {
531
+ text-wrap: balance;
532
+ }
533
+ [contenteditable=true] h1,
534
+ [contenteditable=true] h2,
535
+ [contenteditable=true] h3,
536
+ [contenteditable=true] h4,
537
+ [contenteditable=true] h5,
538
+ [contenteditable=true] h6 {
539
+ text-wrap: initial;
510
540
  }
511
541
 
512
542
  ul {
package/dist/esm/limel-markdown.entry.js CHANGED
@@ -43712,7 +43712,7 @@ async function markdownToHTML(text, options) {
43712
43712
  return file.toString();
43713
43713
  }
43714
43714
 
43715
- const markdownCss = "@charset \"UTF-8\";code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}h1{font-size:1.875rem;line-height:1.875rem;margin-top:1.5rem;margin-bottom:0.75rem;letter-spacing:-0.0625rem}h2{font-size:1.625rem;line-height:1.625rem;margin-top:1.25rem;margin-bottom:0.75rem}h3{font-size:1.375rem;line-height:1.375rem;margin-top:1rem;margin-bottom:0.75rem}h4{font-size:1.25rem;line-height:1.25rem;margin-top:0.75rem;margin-bottom:0.5rem}h5{font-size:1.125rem;line-height:1.125rem;margin-top:0.75rem;margin-bottom:0.5rem}h6{font-size:1rem;line-height:1rem;margin-top:0.75rem;margin-bottom:0.5rem}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,a,li{font-size:0.875rem}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0;border:1px solid rgb(var(--contrast-400))}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}hr{border-top:1px solid rgb(var(--contrast-700))}img{max-width:100%}";
43715
+ const markdownCss = "@charset \"UTF-8\";code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0;border:1px solid rgb(var(--contrast-400))}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}hr{border-top:1px solid rgb(var(--contrast-700))}img{max-width:100%}";
43716
43716
 
43717
43717
  const Markdown = class {
43718
43718
  constructor(hostRef) {