@limetech/lime-elements 37.26.4 → 37.27.0

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/menu/menu-items.js

@@ -1,52 +1,65 @@
+const getCommandSymbols = () => {
+  const macUserAgent = /Macintosh|MacIntel|MacPPC|Mac68K/;
+  if (navigator.userAgent.match(macUserAgent)) {
+    return { mod: '⌘', option: '⌥', shift: '⇧' };
+  }
+  return { mod: 'Ctrl', option: 'Alt', shift: 'Shift' };
+};
+const { mod, shift } = getCommandSymbols();
 export const textEditorMenuItems = [
   {
+    value: 'strong',
     text: 'Bold',
-    commandText: '⌘ B',
-    icon: 'bold',
+    commandText: `${mod} B`,
+    icon: '-lime-text-bold',
     iconOnly: true,
   },
   {
+    value: 'em',
     text: 'Italic',
-    commandText: '⌘ I',
-    icon: 'italic',
-    iconOnly: true,
-  },
-  {
-    text: 'Add or remove link',
-    commandText: '⌘ shift U',
-    icon: 'link',
+    commandText: `${mod} I`,
+    icon: '-lime-text-italic',
     iconOnly: true,
   },
   { separator: true },
   {
+    value: 'headerlevel1',
     text: 'Header Level 1',
-    icon: 'header_1',
+    commandText: `${mod} ${shift} 1`,
+    icon: '-lime-text-h-heading-1',
     iconOnly: true,
   },
   {
+    value: 'headerlevel2',
     text: 'Header Level 2',
-    icon: 'header_2',
+    commandText: `${mod} ${shift} 2`,
+    icon: '-lime-text-h-heading-2',
     iconOnly: true,
   },
   {
+    value: 'headerlevel3',
     text: 'Header Level 3',
-    icon: 'header_3',
+    commandText: `${mod} ${shift} 3`,
+    icon: '-lime-text-h-heading-3',
     iconOnly: true,
   },
   { separator: true },
   {
-    text: 'List',
-    icon: 'list',
+    value: 'bullet_list',
+    text: 'Bullet list',
+    icon: '-lime-text-bulleted-list',
     iconOnly: true,
   },
   {
+    value: 'ordered_list',
     text: 'Numbered list',
-    icon: 'numbered_list',
+    icon: '-lime-text-ordered-list',
     iconOnly: true,
   },
   {
+    value: 'blockquote',
     text: 'Blockquote',
-    icon: 'quote_right',
+    icon: '-lime-text-blockquote',
     iconOnly: true,
   },
 ];