@beterdichtbij/component-library 0.67.0 → 0.67.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 (68) hide show
  1. package/README.md +12 -12
  2. package/dist/bd-component-lib.cjs.js +55 -55
  3. package/dist/bd-component-lib.css +1 -1
  4. package/dist/bd-component-lib.es.js +11 -11
  5. package/dist/bd-component-lib.umd.js +56 -56
  6. package/dist/locales/en.json +10 -10
  7. package/dist/locales/nl.json +137 -137
  8. package/dist/scss/_active-filters.scss +65 -65
  9. package/dist/scss/_alert.scss +11 -11
  10. package/dist/scss/_article.scss +23 -23
  11. package/dist/scss/_assign-conversation-modal.scss +13 -13
  12. package/dist/scss/_attachments.scss +107 -107
  13. package/dist/scss/_badge.scss +18 -18
  14. package/dist/scss/_base.scss +1 -1
  15. package/dist/scss/_button.scss +74 -74
  16. package/dist/scss/_card.scss +56 -56
  17. package/dist/scss/_chatcloud.scss +98 -98
  18. package/dist/scss/_collapsable-card.scss +107 -107
  19. package/dist/scss/_content-library-card-message-template.scss +136 -136
  20. package/dist/scss/_content-library-card.scss +158 -158
  21. package/dist/scss/_content-library-modal.scss +8 -8
  22. package/dist/scss/_content-library-overview.scss +4 -4
  23. package/dist/scss/_content-library-split-button.scss +19 -19
  24. package/dist/scss/_conversation-to-text-modal.scss +36 -32
  25. package/dist/scss/_dropdown.scss +113 -113
  26. package/dist/scss/_extern.scss +1 -1
  27. package/dist/scss/_file-upload-preview.scss +53 -53
  28. package/dist/scss/_file-upload.scss +26 -26
  29. package/dist/scss/_filter-card.scss +64 -64
  30. package/dist/scss/_form-field.scss +12 -12
  31. package/dist/scss/_form-multiple-checkbox.scss +51 -51
  32. package/dist/scss/_forms.scss +2 -2
  33. package/dist/scss/_header.scss +170 -170
  34. package/dist/scss/_icon-luscii-logo.scss +31 -31
  35. package/dist/scss/_icons.scss +38 -38
  36. package/dist/scss/_image-attachment-modal.scss +91 -91
  37. package/dist/scss/_input-group.scss +2 -2
  38. package/dist/scss/_loader.scss +59 -59
  39. package/dist/scss/_markdown-editor.scss +114 -104
  40. package/dist/scss/_message-template-form-modal.scss +47 -47
  41. package/dist/scss/_mobile-menu.scss +91 -91
  42. package/dist/scss/_modal.scss +176 -176
  43. package/dist/scss/_notification-button.scss +29 -29
  44. package/dist/scss/_pagination.scss +40 -40
  45. package/dist/scss/_phone-number-edit-modal.scss +35 -35
  46. package/dist/scss/_pill.scss +89 -89
  47. package/dist/scss/_profile-image.scss +34 -34
  48. package/dist/scss/_table-sort-header.scss +13 -13
  49. package/dist/scss/_table.scss +16 -16
  50. package/dist/scss/_templates.scss +323 -323
  51. package/dist/scss/_toast.scss +69 -69
  52. package/dist/scss/_user-information.scss +34 -34
  53. package/dist/scss/_user.scss +13 -13
  54. package/dist/scss/_video-call-toast.scss +100 -100
  55. package/dist/scss/_zoomslider.scss +77 -77
  56. package/dist/scss/base/typography.scss +15 -15
  57. package/dist/scss/base/variables.scss +210 -210
  58. package/dist/scss/component-library-styling.scss +50 -50
  59. package/dist/scss/extern/_bootstrap.scss +14 -14
  60. package/dist/scss/extern/_prime-vue.scss +551 -551
  61. package/dist/scss/forms/_form-check.scss +16 -16
  62. package/dist/scss/forms/_form-input.scss +9 -9
  63. package/dist/scss/mixins.scss +78 -78
  64. package/dist/scss/templates/_change-password-template.scss +8 -8
  65. package/dist/scss/templates/_content-library-template.scss +135 -135
  66. package/dist/scss/templates/_not-found-template.scss +5 -5
  67. package/dist/stores/SessionTimeOutStore.ts +46 -46
  68. package/package.json +133 -133
package/dist/scss/_pill.scss CHANGED
@@ -1,89 +1,89 @@
1
- .pills-list {
2
- &__wrapper {
3
- margin-bottom: 20px;
4
-
5
- .bd-chat-cloud-card__footer &{
6
- margin-bottom: 0px;
7
- }
8
-
9
- }
10
-
11
- &__ul {
12
- display: flex;
13
- justify-content: flex-start;
14
- flex-flow: wrap;
15
- list-style: none;
16
- gap: 8px;
17
- padding: 5px 0px;
18
-
19
- .bd-chat-cloud-card__footer &{
20
- padding: 0px;
21
- }
22
- }
23
-
24
- &__li {
25
- max-width: 300px;
26
- overflow: auto;
27
- margin: 5px 5px 0px 0px;
28
- }
29
- }
30
-
31
- .bd-pill {
32
- display: flex;
33
- height: 72px;
34
- width: auto;
35
- background: #f0f7ff;
36
- border-radius: 8px;
37
- border: 1px solid #d9ecff;
38
- overflow: hidden;
39
- position: relative;
40
-
41
- &__logo {
42
- height: inherit;
43
- padding: 16px;
44
- margin: 0px;
45
- border-right: 1px solid #d9ecff;
46
- }
47
-
48
- &__description {
49
- padding: 8px 16px;
50
- display: flex;
51
- flex-direction: column;
52
- overflow: hidden;
53
- }
54
-
55
- &__link {
56
- font-size: 12px;
57
- line-height: 14px;
58
- text-decoration: none;
59
- svg.icon {
60
- fill: $blue;
61
- display: inline-block;
62
- position: relative;
63
- }
64
- &:hover {
65
- text-decoration: underline;
66
- }
67
-
68
- }
69
-
70
- &__title {
71
- font-size: 18px;
72
- line-height: 23px;
73
- font-weight: 700;
74
- overflow: hidden;
75
- white-space: nowrap;
76
- text-overflow: ellipsis;
77
- }
78
-
79
- &__subtitle {
80
- font-size: 13px;
81
- line-height: 15px;
82
- font-weight: 400;
83
-
84
- color: hsla(221, 13%, 48%, 1);
85
- overflow: hidden;
86
- white-space: nowrap;
87
- text-overflow: ellipsis;
88
- }
89
- }
1
+ .pills-list {
2
+ &__wrapper {
3
+ margin-bottom: 20px;
4
+
5
+ .bd-chat-cloud-card__footer &{
6
+ margin-bottom: 0px;
7
+ }
8
+
9
+ }
10
+
11
+ &__ul {
12
+ display: flex;
13
+ justify-content: flex-start;
14
+ flex-flow: wrap;
15
+ list-style: none;
16
+ gap: 8px;
17
+ padding: 5px 0px;
18
+
19
+ .bd-chat-cloud-card__footer &{
20
+ padding: 0px;
21
+ }
22
+ }
23
+
24
+ &__li {
25
+ max-width: 300px;
26
+ overflow: auto;
27
+ margin: 5px 5px 0px 0px;
28
+ }
29
+ }
30
+
31
+ .bd-pill {
32
+ display: flex;
33
+ height: 72px;
34
+ width: auto;
35
+ background: #f0f7ff;
36
+ border-radius: 8px;
37
+ border: 1px solid #d9ecff;
38
+ overflow: hidden;
39
+ position: relative;
40
+
41
+ &__logo {
42
+ height: inherit;
43
+ padding: 16px;
44
+ margin: 0px;
45
+ border-right: 1px solid #d9ecff;
46
+ }
47
+
48
+ &__description {
49
+ padding: 8px 16px;
50
+ display: flex;
51
+ flex-direction: column;
52
+ overflow: hidden;
53
+ }
54
+
55
+ &__link {
56
+ font-size: 12px;
57
+ line-height: 14px;
58
+ text-decoration: none;
59
+ svg.icon {
60
+ fill: $blue;
61
+ display: inline-block;
62
+ position: relative;
63
+ }
64
+ &:hover {
65
+ text-decoration: underline;
66
+ }
67
+
68
+ }
69
+
70
+ &__title {
71
+ font-size: 18px;
72
+ line-height: 23px;
73
+ font-weight: 700;
74
+ overflow: hidden;
75
+ white-space: nowrap;
76
+ text-overflow: ellipsis;
77
+ }
78
+
79
+ &__subtitle {
80
+ font-size: 13px;
81
+ line-height: 15px;
82
+ font-weight: 400;
83
+
84
+ color: hsla(221, 13%, 48%, 1);
85
+ overflow: hidden;
86
+ white-space: nowrap;
87
+ text-overflow: ellipsis;
88
+ }
89
+ }
package/dist/scss/_profile-image.scss CHANGED
@@ -1,35 +1,35 @@
1
- $image-sizes:
2
- "xs" 27px,
3
- "sm" 48px,
4
- "md" 60px,
5
- "lg" 130px;
6
-
7
-
8
- .bd-profile-picture {
9
- display: flex;
10
- align-items: center;
11
- gap: 16px;
12
-
13
- .rounded-circle {
14
- @each $variant, $size in $image-sizes {
15
- &.#{$variant} {
16
- width: $size;
17
- height: $size;
18
- }
19
- }
20
-
21
- border-radius: 50%;
22
- overflow: hidden;
23
- background-color: $color-bg;
24
-
25
- img {
26
- width: 100%;
27
- height: 100%;
28
- object-fit: contain;
29
- object-position: center;
30
- background-color: $color-bg;
31
- display: block;
32
- }
33
- }
34
-
1
+ $image-sizes:
2
+ "xs" 27px,
3
+ "sm" 48px,
4
+ "md" 60px,
5
+ "lg" 130px;
6
+
7
+
8
+ .bd-profile-picture {
9
+ display: flex;
10
+ align-items: center;
11
+ gap: 16px;
12
+
13
+ .rounded-circle {
14
+ @each $variant, $size in $image-sizes {
15
+ &.#{$variant} {
16
+ width: $size;
17
+ height: $size;
18
+ }
19
+ }
20
+
21
+ border-radius: 50%;
22
+ overflow: hidden;
23
+ background-color: $color-bg;
24
+
25
+ img {
26
+ width: 100%;
27
+ height: 100%;
28
+ object-fit: contain;
29
+ object-position: center;
30
+ background-color: $color-bg;
31
+ display: block;
32
+ }
33
+ }
34
+
35
35
  }
package/dist/scss/_table-sort-header.scss CHANGED
@@ -1,14 +1,14 @@
1
- .bd-table-sort {
2
- user-select: none;
3
- cursor: pointer;
4
- font-weight: 400;
5
- color: $color-blue;
6
-
7
- &.active {
8
- font-weight: 700;
9
- }
10
-
11
- span {
12
- margin-right: 4px;
13
- }
1
+ .bd-table-sort {
2
+ user-select: none;
3
+ cursor: pointer;
4
+ font-weight: 400;
5
+ color: $color-blue;
6
+
7
+ &.active {
8
+ font-weight: 700;
9
+ }
10
+
11
+ span {
12
+ margin-right: 4px;
13
+ }
14
14
  }
package/dist/scss/_table.scss CHANGED
@@ -1,17 +1,17 @@
1
- .bd-table {
2
- thead {
3
- user-select: none;
4
-
5
- tr {
6
- border-color: #000;
7
-
8
- th {
9
- white-space: nowrap;
10
- }
11
- }
12
- }
13
-
14
- .empty-text {
15
- text-align: center;
16
- }
1
+ .bd-table {
2
+ thead {
3
+ user-select: none;
4
+
5
+ tr {
6
+ border-color: #000;
7
+
8
+ th {
9
+ white-space: nowrap;
10
+ }
11
+ }
12
+ }
13
+
14
+ .empty-text {
15
+ text-align: center;
16
+ }
17
17
  }