@beterdichtbij/component-library 0.71.0 → 0.72.0-alpha.0

package/dist/scss/forms/_form-check.scss

@@ -1,17 +1,17 @@
-.form-check.bd-form-checkbox{
-  padding: 0;
-  min-height: 1.6rem;
-
-  input {
-    background-size: 16px 11px;
-    background-repeat: no-repeat;
-    background-position: 50%;
-    float: unset;
-    margin: 0 .5em 0 0;
-
-    &.form-check-input.is-invalid{
-      border-color: $gray-500;
-      background-color: revert;
-    }
-  }
+.form-check.bd-form-checkbox{
+  padding: 0;
+  min-height: 1.6rem;
+
+  input {
+    background-size: 16px 11px;
+    background-repeat: no-repeat;
+    background-position: 50%;
+    float: unset;
+    margin: 0 .5em 0 0;
+
+    &.form-check-input.is-invalid{
+      border-color: $gray-500;
+      background-color: revert;
+    }
+  }
 }

package/dist/scss/forms/_form-input.scss

@@ -1,10 +1,10 @@
-.form-label {
-    line-height: 1.5rem;
-    padding: 0;
-    font-weight: $font-bold;
-    margin-bottom: 0.25rem;
-}
-
-.bd-invalid-feedback.is-invalid{
-    display:block
+.form-label {
+    line-height: 1.5rem;
+    padding: 0;
+    font-weight: $font-bold;
+    margin-bottom: 0.25rem;
+}
+
+.bd-invalid-feedback.is-invalid{
+    display:block
 }

package/dist/scss/forms/_form-select.scss

@@ -0,0 +1,6 @@
+.bd-form-select {
+    &:focus,
+    &:focus-visible {
+        border-color: $blue-dark;
+    }
+}

package/dist/scss/main.scss

@@ -1,53 +1,53 @@
-// Imports below need to be first!
-@import "base";
-@import "bootstrap/scss/bootstrap";
-@import "mixins";
-
-@import "active-filters";
-@import "alert";
-@import "article";
-@import "assign-conversation-modal";
-@import "attachments";
-@import "badge";
-@import "button";
-@import "card";
-@import "chatcloud";
-@import "collapsable-card";
-@import "content-library-card";
-@import "content-library-card-message-template";
-@import "content-library-modal";
-@import "content-library-overview";
-@import "content-library-split-button";
-@import "conversation-to-text-modal";
-@import "dropdown";
-@import "extern";
-@import "file-upload";
-@import "file-upload-preview";
-@import "filter-card";
-@import "form-field";
-@import "form-multiple-checkbox";
-@import "forms";
-@import "header";
-@import "icon-luscii-logo";
-@import "icons";
-@import "image-attachment-modal";
-@import "input-group";
-@import "loader";
-@import "markdown-editor";
-@import "message-template-form-modal";
-@import "mobile-menu";
-@import "modal";
-@import "notification-button";
-@import "pagination";
-@import "phone-number-edit-modal";
-@import "pill";
-@import "pill-container";
-@import "profile-image";
-@import "table";
-@import "table-sort-header";
-@import "templates";
-@import "toast";
-@import "user";
-@import "user-information";
-@import "video-call-toast";
+// Imports below need to be first!
+@import "base";
+@import "bootstrap/scss/bootstrap";
+@import "mixins";
+
+@import "active-filters";
+@import "alert";
+@import "article";
+@import "assign-conversation-modal";
+@import "attachments";
+@import "badge";
+@import "button";
+@import "card";
+@import "chatcloud";
+@import "collapsable-card";
+@import "content-library-card";
+@import "content-library-card-message-template";
+@import "content-library-modal";
+@import "content-library-overview";
+@import "content-library-split-button";
+@import "conversation-to-text-modal";
+@import "dropdown";
+@import "extern";
+@import "file-upload";
+@import "file-upload-preview";
+@import "filter-card";
+@import "form-field";
+@import "form-multiple-checkbox";
+@import "forms";
+@import "header";
+@import "icon-luscii-logo";
+@import "icons";
+@import "image-attachment-modal";
+@import "input-group";
+@import "loader";
+@import "markdown-editor";
+@import "message-template-form-modal";
+@import "mobile-menu";
+@import "modal";
+@import "notification-button";
+@import "pagination";
+@import "phone-number-edit-modal";
+@import "pill";
+@import "pill-container";
+@import "profile-image";
+@import "table";
+@import "table-sort-header";
+@import "templates";
+@import "toast";
+@import "user";
+@import "user-information";
+@import "video-call-toast";
 @import "zoomslider";

package/dist/scss/templates/_change-password-template.scss

@@ -1,9 +1,9 @@
-.change-password-template {
-    .alert-danger {
-        ul {
-            list-style: none;
-            margin: 0;
-            padding: 0;
-        }
-    }
+.change-password-template {
+    .alert-danger {
+        ul {
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+    }
 }

package/dist/scss/templates/_content-library-template.scss

@@ -1,136 +1,136 @@
-.content-library-template {
-    .content-library-header {
-        margin-bottom: 15px;
-
-        .controls-row {
-            gap: 16px 0;
-        }
-    }
-
-    .add-button {
-        width: 100%;
-        font-size: 15px;
-
-        .icon-plus {
-            width: 12px;
-            height: 13px;
-        }
-    }
-
-    .select-button-block {
-        margin: 0;
-        padding: 0;
-
-        .v-select {
-            &.vs--open {
-                .vs__selected-options {
-                    span {
-                        top: 10%;
-                    }
-                }
-            }
-
-            .vs__dropdown-toggle {
-                height: 40px;
-                background-color: white;
-                border: 1px solid $color-border;
-            }
-
-            &.is-invalid {
-                .vs__dropdown-toggle {
-                    border: 1px solid $color-red;
-                }
-            }
-
-            .vs__selected-options {
-                span {
-                    position: unset;
-                    color: $color-darkblue;
-                }
-            }
-
-            .vs__dropdown-menu {
-                margin-top: 0px;
-                padding-left: 10px;
-            }
-
-            input::placeholder {
-                color: #ABB0BE;
-            }
-
-            input {
-                padding: 0px;
-            }
-
-            &.vs--single.vs--open .vs__selected {
-                position: inherit;
-                top: 0%;
-            }
-
-            .vs__selected-options {
-                flex-wrap: unset;
-                padding: 0px;
-
-                span {
-                    line-height: 40px;
-                    font-size: 16px;
-                    white-space: nowrap;
-
-                    img {
-                        height: 18px;
-                        margin-right: 5px;
-                    }
-
-                    svg {
-                        margin-right: 5px;
-                    }
-                }
-            }
-
-            .vs__dropdown-menu {
-                padding: 0px;
-
-                .vs__dropdown-option {
-                    padding: 0px 0px 0px 10px;
-                    line-height: 40px;
-                    font-size: 16px;
-
-                    img {
-                        height: 18px;
-                        margin-right: 5px;
-                    }
-
-                    svg {
-                        margin-right: 5px;
-                    }
-                }
-            }
-        }
-    }
-
-    .content-library-header__messages {
-        display: flex;
-        align-items: center;
-        justify-content: left;
-        text-align: center;
-        font-weight: bold;
-        color: $gray-primary;
-    }
-
-    @media (max-width: 850px) {
-        .content-library-header__messages {
-            margin-bottom: 16px;
-        }
-
-        .controls-row > div {
-            padding: 4px;
-        }
-    }
-
-    .controls-row {
-        > *:first-child {
-        padding-left: 2px;
-        }
-    }
- 
+.content-library-template {
+    .content-library-header {
+        margin-bottom: 15px;
+
+        .controls-row {
+            gap: 16px 0;
+        }
+    }
+
+    .add-button {
+        width: 100%;
+        font-size: 15px;
+
+        .icon-plus {
+            width: 12px;
+            height: 13px;
+        }
+    }
+
+    .select-button-block {
+        margin: 0;
+        padding: 0;
+
+        .v-select {
+            &.vs--open {
+                .vs__selected-options {
+                    span {
+                        top: 10%;
+                    }
+                }
+            }
+
+            .vs__dropdown-toggle {
+                height: 40px;
+                background-color: white;
+                border: 1px solid $color-border;
+            }
+
+            &.is-invalid {
+                .vs__dropdown-toggle {
+                    border: 1px solid $color-red;
+                }
+            }
+
+            .vs__selected-options {
+                span {
+                    position: unset;
+                    color: $color-darkblue;
+                }
+            }
+
+            .vs__dropdown-menu {
+                margin-top: 0px;
+                padding-left: 10px;
+            }
+
+            input::placeholder {
+                color: #ABB0BE;
+            }
+
+            input {
+                padding: 0px;
+            }
+
+            &.vs--single.vs--open .vs__selected {
+                position: inherit;
+                top: 0%;
+            }
+
+            .vs__selected-options {
+                flex-wrap: unset;
+                padding: 0px;
+
+                span {
+                    line-height: 40px;
+                    font-size: 16px;
+                    white-space: nowrap;
+
+                    img {
+                        height: 18px;
+                        margin-right: 5px;
+                    }
+
+                    svg {
+                        margin-right: 5px;
+                    }
+                }
+            }
+
+            .vs__dropdown-menu {
+                padding: 0px;
+
+                .vs__dropdown-option {
+                    padding: 0px 0px 0px 10px;
+                    line-height: 40px;
+                    font-size: 16px;
+
+                    img {
+                        height: 18px;
+                        margin-right: 5px;
+                    }
+
+                    svg {
+                        margin-right: 5px;
+                    }
+                }
+            }
+        }
+    }
+
+    .content-library-header__messages {
+        display: flex;
+        align-items: center;
+        justify-content: left;
+        text-align: center;
+        font-weight: bold;
+        color: $gray-primary;
+    }
+
+    @media (max-width: 850px) {
+        .content-library-header__messages {
+            margin-bottom: 16px;
+        }
+
+        .controls-row > div {
+            padding: 4px;
+        }
+    }
+
+    .controls-row {
+        > *:first-child {
+        padding-left: 2px;
+        }
+    }
+ 
 }

package/dist/scss/templates/_not-found-template.scss

@@ -1,10 +1,10 @@
-.not-found-template {
-    h1 {
-        margin: 0;
-    }
-
-    p {
-        text-align: left;
-        margin: 0;
-    }
+.not-found-template {
+    h1 {
+        margin: 0;
+    }
+
+    p {
+        text-align: left;
+        margin: 0;
+    }
 }