@edvak99/voice-receptionist-widget 1.1.26 → 1.1.29

package/src/assets/css/_date_picker.scss

@@ -1,119 +1,119 @@
-.md-drppicker {
-    top: 51px !important;
-    background-color: #FFFFFF !important;
-    color: #171717 !important;
-    font-size: 12px !important;
-    background-color: #f8fafc;
-
-
-    th {
-        color: #171717 !important;
-        font-weight: normal !important;
-        font-size: 13px !important;
-
-    }
-
-
-    .ranges ul li button.active,
-    td.active,
-    td.active:hover {
-        background-color: #005CF3 !important;
-        border-radius: 4px !important;
-        // padding: 4px 12px;
-    }
-
-    .btn {
-        background-color: #005CF3 !important;
-        padding-left: 16px !important;
-        padding-right: 16px !important;
-        font-size: 13px;
-        border-radius: 6px;
-        box-shadow: none !important;
-        margin-left: 10px;
-        line-height: 28px !important;
-
-        &:hover {
-            background-color: #005CF3 !important;
-            color: #FFFFFF;
-        }
-    }
-
-
-    .btn.btn-default {
-        background-color: transparent !important;
-        border: none;
-        color: #171717;
-
-        &:hover {
-            background-color: #f1f5f9 !important;
-        }
-    }
-
-    .buttons_input {
-        display: inline-flex;
-    }
-
-    .clear {
-        background-color: #FFFFFF !important;
-        border: none;
-        color: #171717;
-        vertical-align: middle;
-
-        &:hover {
-            background-color: #c1c1c2 !important;
-        }
-
-        svg {
-            height: 16px;
-            width: 16px;
-            margin-top: -5px;
-        }
-    }
-}
-// .md-drppicker td, .md-drppicker th 
-// {
-//     width: 34px !important;
-//     height: 34px !important;
-// }
-
-.md-drppicker .ranges ul li:hover {
-    background-color: #f2f5f7 !important;
-    color: #005CF3 !important;
-    border-radius: 4px !important;
-}
-
-.md-drppicker td.active,
-.md-drppicker td.active:hover {
-    background-color: #005CF3 !important;
-    color: #FFFFFF;
-}
-
-.md-drppicker .buttons_input {
-    margin-top: 20px !important;
-}
-
-.md-drppicker th.month>div {
-    width: 60px !important;
-    text-align: left !important;
-    margin-right: 10px !important;
-    padding-left: 2px !important;
-    padding-right: 2px !important;
-}
-// .md-drppicker .ranges 
-// {
-//     background-color: #f2f5f7;
-// }
-
-.md-drppicker .ranges ul li 
-{
-    margin-bottom: 6px !important;
-}
-.md-drppicker .ranges ul li button 
-{
-    padding: 4px 10px !important;
-
-}
-.md-drppicker td.available:hover, .md-drppicker th.available:hover 
-{
-    border-radius: 4px !important;
+.md-drppicker {
+    top: 51px !important;
+    background-color: #FFFFFF !important;
+    color: #171717 !important;
+    font-size: 12px !important;
+    background-color: #f8fafc;
+
+
+    th {
+        color: #171717 !important;
+        font-weight: normal !important;
+        font-size: 13px !important;
+
+    }
+
+
+    .ranges ul li button.active,
+    td.active,
+    td.active:hover {
+        background-color: #005CF3 !important;
+        border-radius: 4px !important;
+        // padding: 4px 12px;
+    }
+
+    .btn {
+        background-color: #005CF3 !important;
+        padding-left: 16px !important;
+        padding-right: 16px !important;
+        font-size: 13px;
+        border-radius: 6px;
+        box-shadow: none !important;
+        margin-left: 10px;
+        line-height: 28px !important;
+
+        &:hover {
+            background-color: #005CF3 !important;
+            color: #FFFFFF;
+        }
+    }
+
+
+    .btn.btn-default {
+        background-color: transparent !important;
+        border: none;
+        color: #171717;
+
+        &:hover {
+            background-color: #f1f5f9 !important;
+        }
+    }
+
+    .buttons_input {
+        display: inline-flex;
+    }
+
+    .clear {
+        background-color: #FFFFFF !important;
+        border: none;
+        color: #171717;
+        vertical-align: middle;
+
+        &:hover {
+            background-color: #c1c1c2 !important;
+        }
+
+        svg {
+            height: 16px;
+            width: 16px;
+            margin-top: -5px;
+        }
+    }
+}
+// .md-drppicker td, .md-drppicker th 
+// {
+//     width: 34px !important;
+//     height: 34px !important;
+// }
+
+.md-drppicker .ranges ul li:hover {
+    background-color: #f2f5f7 !important;
+    color: #005CF3 !important;
+    border-radius: 4px !important;
+}
+
+.md-drppicker td.active,
+.md-drppicker td.active:hover {
+    background-color: #005CF3 !important;
+    color: #FFFFFF;
+}
+
+.md-drppicker .buttons_input {
+    margin-top: 20px !important;
+}
+
+.md-drppicker th.month>div {
+    width: 60px !important;
+    text-align: left !important;
+    margin-right: 10px !important;
+    padding-left: 2px !important;
+    padding-right: 2px !important;
+}
+// .md-drppicker .ranges 
+// {
+//     background-color: #f2f5f7;
+// }
+
+.md-drppicker .ranges ul li 
+{
+    margin-bottom: 6px !important;
+}
+.md-drppicker .ranges ul li button 
+{
+    padding: 4px 10px !important;
+
+}
+.md-drppicker td.available:hover, .md-drppicker th.available:hover 
+{
+    border-radius: 4px !important;
 }

package/src/assets/css/_focus.scss

@@ -1,56 +1,56 @@
-/* 1. Target only keyboard focus */
-// .main-focus:focus-visible,
-// button:focus-visible,
-// a:focus-visible,
-// .icon-btn:focus-visible,
-// tr:focus-visible,
-// input:focus-visible,
-// textarea:focus-visible,
-// select:focus-visible,
-// ed-search-dropdown:focus-visible,
-// app-chat-inbox-item:focus-visible,
-// ed-icon-button:focus-visible,
-// ed-icon:focus-visible,
-// sl-button::part(base):focus-visible,
-// sl-badge::part(base):focus-visible,
-// app-tab-title:focus-visible,
-// sl-icon-button::part(base):focus-visible,
-// .db-task:focus-visible{
-//     outline: var(--sl-color-primary-600) solid var(--focus-ring-width);
-//     outline-offset: var(--outline-offset);
-// }
-:focus-visible 
-{
-  outline: var(--sl-color-primary-600) solid var(--focus-ring-width);
-    outline-offset: var(--outline-offset);
-}
-
-/* 2. Suppress outline for mouse or programmatic focus */
-:focus:not(:focus-visible) 
-{
-  outline: none;
-}
-// .main-focus:focus:not(:focus-visible),
-// button:focus:not(:focus-visible),
-// a:focus:not(:focus-visible),
-// .icon-btn:focus:not(:focus-visible),
-// tr:focus:not(:focus-visible),
-// input:focus:not(:focus-visible),
-// textarea:focus:not(:focus-visible),
-// select:focus:not(:focus-visible),
-// ed-search-dropdown:focus:not(:focus-visible),
-// app-chat-inbox-item:focus:not(:focus-visible),
-// app-tab-title:focus:not(:focus-visible),
-// sl-button::part(base):focus:not(:focus-visible),
-// sl-badge::part(base):focus:not(:focus-visible),
-// sl-icon-button::part(base):focus:not(:focus-visible),
-// .db-task:focus:not(:focus-visible) {
-//   outline: none;
-// }
-
-.ed-focus {
-    @apply focus-visible:ring-offset-2 focus-visible:ring-1 focus-visible:ring-primary-600;
-}
-
-
-
+/* 1. Target only keyboard focus */
+// .main-focus:focus-visible,
+// button:focus-visible,
+// a:focus-visible,
+// .icon-btn:focus-visible,
+// tr:focus-visible,
+// input:focus-visible,
+// textarea:focus-visible,
+// select:focus-visible,
+// ed-search-dropdown:focus-visible,
+// app-chat-inbox-item:focus-visible,
+// ed-icon-button:focus-visible,
+// ed-icon:focus-visible,
+// sl-button::part(base):focus-visible,
+// sl-badge::part(base):focus-visible,
+// app-tab-title:focus-visible,
+// sl-icon-button::part(base):focus-visible,
+// .db-task:focus-visible{
+//     outline: var(--sl-color-primary-600) solid var(--focus-ring-width);
+//     outline-offset: var(--outline-offset);
+// }
+:focus-visible 
+{
+  outline: var(--sl-color-primary-600) solid var(--focus-ring-width);
+    outline-offset: var(--outline-offset);
+}
+
+/* 2. Suppress outline for mouse or programmatic focus */
+:focus:not(:focus-visible) 
+{
+  outline: none;
+}
+// .main-focus:focus:not(:focus-visible),
+// button:focus:not(:focus-visible),
+// a:focus:not(:focus-visible),
+// .icon-btn:focus:not(:focus-visible),
+// tr:focus:not(:focus-visible),
+// input:focus:not(:focus-visible),
+// textarea:focus:not(:focus-visible),
+// select:focus:not(:focus-visible),
+// ed-search-dropdown:focus:not(:focus-visible),
+// app-chat-inbox-item:focus:not(:focus-visible),
+// app-tab-title:focus:not(:focus-visible),
+// sl-button::part(base):focus:not(:focus-visible),
+// sl-badge::part(base):focus:not(:focus-visible),
+// sl-icon-button::part(base):focus:not(:focus-visible),
+// .db-task:focus:not(:focus-visible) {
+//   outline: none;
+// }
+
+.ed-focus {
+    @apply focus-visible:ring-offset-2 focus-visible:ring-1 focus-visible:ring-primary-600;
+}
+
+
+

package/src/assets/css/_headings.scss

@@ -1,87 +1,87 @@
-h1,
-h2 {
-  // EQUALS TO .font-bold
-  font-weight: 700;
-}
-
-h3,
-h4,
-h5,
-h6 {
-  // EQUALS TO .font-semibold
-  font-weight: 600;
-}
-
-strong {
-  // EQUALS TO .font-medium
-  font-weight: 500;
-}
-
-// FOR CK EDITOR BOLD
-.editor-container {
-  strong {
-    font-weight: bolder;
-  }
-}
-
-h1::first-letter,
-h2::first-letter,
-h3::first-letter,
-h4::first-letter,
-h5::first-letter,
-h6::first-letter {
-  text-transform: uppercase;
-}
-
-h1.cap-ignore::first-letter,
-h2.cap-ignore::first-letter,
-h3.cap-ignore::first-letter,
-h4.cap-ignore::first-letter,
-h5.cap-ignore::first-letter,
-h6.cap-ignore::first-letter {
-  text-transform: none;
-}
-
-h1,
-.h1 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-h2,
-.h2 {
-  font-size: 1.375rem;
-  line-height: 2.063rem;
-}
-
-h3,
-.h3 {
-  font-size: 1.25rem;
-  line-height: 1.875rem;
-}
-
-h4,
-.h4 {
-  font-size: 1.125rem;
-  line-height: 1.688rem;
-}
-
-h5,
-.h5 {
-  // font-size: 1rem;  // 16px  
-  font-size: 0.9375rem;  // 15px
-  line-height: 1.5rem;
-}
-
-h6,
-.h6 {
-  // font-size: 0.875rem;  // 14px
-  font-size: 0.8125rem;  //13px
-  line-height: 1.125rem;
-}
-
-.h7 {
-  font-size: 0.75rem;  //12px
-  line-height: 1.125rem;
-  font-weight: 500;
-}
+h1,
+h2 {
+  // EQUALS TO .font-bold
+  font-weight: 700;
+}
+
+h3,
+h4,
+h5,
+h6 {
+  // EQUALS TO .font-semibold
+  font-weight: 600;
+}
+
+strong {
+  // EQUALS TO .font-medium
+  font-weight: 500;
+}
+
+// FOR CK EDITOR BOLD
+.editor-container {
+  strong {
+    font-weight: bolder;
+  }
+}
+
+h1::first-letter,
+h2::first-letter,
+h3::first-letter,
+h4::first-letter,
+h5::first-letter,
+h6::first-letter {
+  text-transform: uppercase;
+}
+
+h1.cap-ignore::first-letter,
+h2.cap-ignore::first-letter,
+h3.cap-ignore::first-letter,
+h4.cap-ignore::first-letter,
+h5.cap-ignore::first-letter,
+h6.cap-ignore::first-letter {
+  text-transform: none;
+}
+
+h1,
+.h1 {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+h2,
+.h2 {
+  font-size: 1.375rem;
+  line-height: 2.063rem;
+}
+
+h3,
+.h3 {
+  font-size: 1.25rem;
+  line-height: 1.875rem;
+}
+
+h4,
+.h4 {
+  font-size: 1.125rem;
+  line-height: 1.688rem;
+}
+
+h5,
+.h5 {
+  // font-size: 1rem;  // 16px  
+  font-size: 0.9375rem;  // 15px
+  line-height: 1.5rem;
+}
+
+h6,
+.h6 {
+  // font-size: 0.875rem;  // 14px
+  font-size: 0.8125rem;  //13px
+  line-height: 1.125rem;
+}
+
+.h7 {
+  font-size: 0.75rem;  //12px
+  line-height: 1.125rem;
+  font-weight: 500;
+}