@limetech/lime-elements 37.26.3 → 37.26.5

package/dist/collection/components/circular-progress/circular-progress.css

@@ -215,33 +215,612 @@
   padding-top: 4%;
 }
 
-.displays-percentage-colors[style^="--percentage:1"] {
-  --circular-progress-fill-color: var(--color-percent--10to20);
+.displays-percentage-colors[style*="--percentage: 0%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 1%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 2%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 3%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 4%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 5%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 6%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 7%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 8%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 9%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--0to10
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 10%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 11%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 12%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 13%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 14%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 15%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 16%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 17%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 18%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 19%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--10to20
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 20%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 21%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 22%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 23%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 24%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 25%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 26%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 27%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 28%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 29%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--20to30
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 30%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 31%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 32%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 33%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 34%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 35%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 36%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 37%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 38%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 39%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--30to40
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 40%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 41%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 42%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 43%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 44%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 45%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 46%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 47%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 48%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 49%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--40to50
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 50%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 51%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 52%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 53%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 54%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 55%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 56%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 57%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 58%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 59%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--50to60
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 60%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 61%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:2"] {
-  --circular-progress-fill-color: var(--color-percent--20to30);
+
+.displays-percentage-colors[style*="--percentage: 62%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:3"] {
-  --circular-progress-fill-color: var(--color-percent--30to40);
+
+.displays-percentage-colors[style*="--percentage: 63%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:4"] {
-  --circular-progress-fill-color: var(--color-percent--40to50);
+
+.displays-percentage-colors[style*="--percentage: 64%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:5"] {
-  --circular-progress-fill-color: var(--color-percent--50to60);
+
+.displays-percentage-colors[style*="--percentage: 65%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:6"] {
-  --circular-progress-fill-color: var(--color-percent--60to70);
+
+.displays-percentage-colors[style*="--percentage: 66%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:7"] {
-  --circular-progress-fill-color: var(--color-percent--70to80);
+
+.displays-percentage-colors[style*="--percentage: 67%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:8"] {
-  --circular-progress-fill-color: var(--color-percent--80to90);
+
+.displays-percentage-colors[style*="--percentage: 68%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
 }
-.displays-percentage-colors[style^="--percentage:9"], .displays-percentage-colors[style="--percentage:100%;"] {
-  --circular-progress-fill-color: var(--color-percent--90to100);
+
+.displays-percentage-colors[style*="--percentage: 69%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--60to70
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 70%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 71%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 72%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 73%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 74%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 75%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 76%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
 }
-.displays-percentage-colors[style="--percentage:1%;"], .displays-percentage-colors[style="--percentage:2%;"], .displays-percentage-colors[style="--percentage:3%;"], .displays-percentage-colors[style="--percentage:4%;"], .displays-percentage-colors[style="--percentage:5%;"], .displays-percentage-colors[style="--percentage:6%;"], .displays-percentage-colors[style="--percentage:7%;"], .displays-percentage-colors[style="--percentage:8%;"], .displays-percentage-colors[style="--percentage:9%;"] {
-  --circular-progress-fill-color: var(--color-percent--0to10);
+
+.displays-percentage-colors[style*="--percentage: 77%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 78%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 79%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--70to80
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 80%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 81%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 82%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 83%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 84%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 85%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 86%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 87%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 88%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 89%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--80to90
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 90%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 91%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 92%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 93%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 94%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 95%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 96%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 97%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 98%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 99%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--90to100
+  );
+}
+
+.displays-percentage-colors[style*="--percentage: 100%"] {
+  --circular-progress-fill-color: var(
+      --color-percent--100to110
+  );
+}
+
+.displays-percentage-colors[style="--percentage: 100%;"] {
+  --circular-progress-fill-color: var(--color-percent--100);
 }

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.css

@@ -92,18 +92,14 @@ limel-action-bar {
   --action-bar-border-radius: 0.25rem;
   position: sticky;
   z-index: 1;
-  top: 0;
+  top: 1px;
   background-color: rgba(var(--contrast-200), 0.5);
   backdrop-filter: blur(0.5rem);
   -webkit-backdrop-filter: blur(0.5rem);
-  margin: 1px;
+  margin: 0 1px;
   width: calc(100% - 2px);
 }
 
-div#editor {
-  padding: 0 0.75rem;
-}
-
 .ProseMirror {
   position: relative;
   word-wrap: break-word;
@@ -112,7 +108,7 @@ div#editor {
   -webkit-font-variant-ligatures: none;
   font-variant-ligatures: none;
   font-feature-settings: "liga" 0;
-  padding-top: 0.75rem;
+  padding: var(--limel-text-editor-padding);
 }
 .ProseMirror [draggable][contenteditable=false] {
   user-select: text;