@beterdichtbij/component-library 0.62.1 → 0.63.1

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 (10) hide show
  1. package/dist/bd-component-lib.cjs.js +47 -47
  2. package/dist/bd-component-lib.es.js +6190 -6108
  3. package/dist/bd-component-lib.umd.js +47 -47
  4. package/dist/components/atoms/BDPlaceholderList/BDPlaceholderList.vue.d.ts +2 -2
  5. package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts +2 -2
  6. package/dist/scss/_content-library-card-message-template.scss +18 -17
  7. package/dist/scss/_content-library-modal.scss +0 -8
  8. package/dist/scss/_markdown-editor.scss +22 -22
  9. package/dist/scss/templates/_content-library-template.scss +27 -0
  10. package/package.json +39 -39
package/dist/components/atoms/BDPlaceholderList/BDPlaceholderList.vue.d.ts CHANGED
@@ -2,11 +2,11 @@ declare const _default: import('vue').DefineComponent<{}, {
2
2
  onKeyDown: ({ event }: {
3
3
  event: any;
4
4
  }) => boolean;
5
- items?: unknown[] | undefined;
6
5
  command?: Function | undefined;
6
+ items?: unknown[] | undefined;
7
7
  $props: {
8
- readonly items?: unknown[] | undefined;
9
8
  readonly command?: Function | undefined;
9
+ readonly items?: unknown[] | undefined;
10
10
  };
11
11
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
12
12
  export default _default;
package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts CHANGED
@@ -68,7 +68,7 @@ declare function __VLS_template(): {
68
68
  disabled: boolean;
69
69
  }> & Omit<Readonly<import('../../../interfaces/BDButtonProps').BDButtonProps> & Readonly<{
70
70
  onClick?: ((...args: any[]) => any) | undefined;
71
- }>, "size" | "variant" | "blockElement" | "disabled"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
71
+ }>, "size" | "variant" | "blockElement" | "disabled"> & {} & import('vue').ComponentCustomProperties & {} & {
72
72
  $slots: {
73
73
  default?(_: {}): any;
74
74
  };
@@ -158,7 +158,7 @@ declare const __VLS_component: import('vue').DefineComponent<BDMarkdownEditorPro
158
158
  disabled: boolean;
159
159
  }> & Omit<Readonly<import('../../../interfaces/BDButtonProps').BDButtonProps> & Readonly<{
160
160
  onClick?: ((...args: any[]) => any) | undefined;
161
- }>, "size" | "variant" | "blockElement" | "disabled"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
161
+ }>, "size" | "variant" | "blockElement" | "disabled"> & {} & import('vue').ComponentCustomProperties & {} & {
162
162
  $slots: {
163
163
  default?(_: {}): any;
164
164
  };
package/dist/scss/_content-library-card-message-template.scss CHANGED
@@ -91,28 +91,29 @@
91
91
  }
92
92
 
93
93
  header {
94
- display: flex;
94
+ h6, small {
95
+ text-overflow: ellipsis;
96
+ white-space: nowrap;
97
+ }
95
98
 
96
- .heading {
97
- flex: 1;
99
+ .top {
100
+ display: flex;
101
+ justify-content: space-between;
98
102
 
99
- .title {
100
- h6 {
101
- display: inline;
102
- margin: 0 4px 0 0;
103
- line-height: normal;
104
- }
103
+ .bd-badge {
104
+ max-height: fit-content;
105
105
  }
106
- }
107
106
 
108
- .edit-btn-group {
109
- button {
110
- width: 30px;
111
- height: 30px;
107
+ .edit-btn-group {
108
+ button {
109
+ width: 30px;
110
+ height: 30px;
111
+ padding: 0;
112
112
 
113
- svg {
114
- fill: hsla(224, 21%, 38%, 1);
115
- stroke: revert;
113
+ svg {
114
+ fill: hsla(224, 21%, 38%, 1);
115
+ stroke: revert;
116
+ }
116
117
  }
117
118
  }
118
119
  }
package/dist/scss/_content-library-modal.scss CHANGED
@@ -6,12 +6,4 @@
6
6
  .collapse-button-container {
7
7
  text-align: center;
8
8
  }
9
-
10
- .content-library-header__messages {
11
- display: flex;
12
- align-items: center;
13
- justify-content: center;
14
- text-align: center;
15
- font-weight: bold;
16
- }
17
9
  }
package/dist/scss/_markdown-editor.scss CHANGED
@@ -71,29 +71,29 @@
71
71
  --bs-btn-bg: #{$white};
72
72
  --bs-btn-hover-bg: #{$gray-200};
73
73
  }
74
- }
75
-
76
- .bd-link-input-popover.bd-link-input-bottom {
77
- position: absolute;
78
- left: 100px;
79
- margin: auto;
80
- z-index: 1050;
81
- min-width: 300px;
82
- max-width: 500px;
83
- }
84
-
85
- .bd-link-input-popover {
86
- .validation-text {
87
- font-size: 0.7em;
88
- font-weight: 500;
74
+
75
+ .bd-link-input-popover.bd-link-input-bottom {
76
+ position: absolute;
77
+ left: 100px;
78
+ margin: auto;
79
+ z-index: 1050;
80
+ min-width: 300px;
81
+ max-width: 500px;
82
+ }
83
+
84
+ .bd-link-input-popover {
85
+ .validation-text {
86
+ font-size: 0.7em;
87
+ font-weight: 500;
88
+ }
89
89
  }
90
- }
91
90
 
92
- .form-control {
93
- display:inline;
94
- margin:8px 0 16px 0;
95
- }
91
+ .form-control {
92
+ display:inline;
93
+ margin:8px 0 16px 0;
94
+ }
96
95
 
97
- .form-control::placeholder {
98
- opacity: 0.5;
96
+ .form-control::placeholder {
97
+ opacity: 0.5;
98
+ }
99
99
  }
package/dist/scss/templates/_content-library-template.scss CHANGED
@@ -1,6 +1,20 @@
1
1
  .content-library-template {
2
2
  .content-library-header {
3
3
  margin-bottom: 15px;
4
+
5
+ .controls-row {
6
+ gap: 16px 0;
7
+ }
8
+ }
9
+
10
+ .add-button {
11
+ width: 100%;
12
+ font-size: 15px;
13
+
14
+ .icon-plus {
15
+ width: 12px;
16
+ height: 13px;
17
+ }
4
18
  }
5
19
 
6
20
  .select-button-block {
@@ -91,6 +105,15 @@
91
105
  }
92
106
  }
93
107
 
108
+ .content-library-header__messages {
109
+ display: flex;
110
+ align-items: center;
111
+ justify-content: left;
112
+ text-align: center;
113
+ font-weight: bold;
114
+ color: $gray-primary;
115
+ }
116
+
94
117
  @media (max-width: 1199px) {
95
118
  .select-button-block {
96
119
  margin-bottom: 16px;
@@ -101,5 +124,9 @@
101
124
  .content-library-header__messages {
102
125
  margin-bottom: 16px;
103
126
  }
127
+
128
+ .controls-row > div {
129
+ padding: 4px;
130
+ }
104
131
  }
105
132
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@beterdichtbij/component-library",
3
3
  "description": "Component library voor BeterDichtbij design system",
4
4
  "private": false,
5
- "version": "0.62.1",
5
+ "version": "0.63.1",
6
6
  "engines": {
7
7
  "node": "24.x",
8
8
  "npm": "11.x"
@@ -54,67 +54,67 @@
54
54
  "BeterDichtbij"
55
55
  ],
56
56
  "peerDependencies": {
57
- "vue": "^3.5.31"
57
+ "vue": "^3.5.33"
58
58
  },
59
59
  "dependencies": {
60
60
  "@primeuix/themes": "^2.0.3",
61
- "@tiptap/extension-bold": "3.21.0",
62
- "@tiptap/extension-bullet-list": "3.21.0",
63
- "@tiptap/extension-document": "3.21.0",
64
- "@tiptap/extension-hard-break": "3.21.0",
65
- "@tiptap/extension-italic": "3.21.0",
66
- "@tiptap/extension-link": "3.21.0",
67
- "@tiptap/extension-list-item": "3.21.0",
68
- "@tiptap/extension-mention": "3.21.0",
69
- "@tiptap/extension-ordered-list": "3.21.0",
70
- "@tiptap/extension-paragraph": "3.21.0",
71
- "@tiptap/extension-placeholder": "3.21.0",
72
- "@tiptap/extension-text": "3.21.0",
73
- "@tiptap/extension-underline": "3.21.0",
74
- "@tiptap/pm": "3.21.0",
75
- "@tiptap/suggestion": "3.21.0",
76
- "@tiptap/vue-3": "3.21.0",
61
+ "@tiptap/extension-bold": "3.22.5",
62
+ "@tiptap/extension-bullet-list": "3.22.5",
63
+ "@tiptap/extension-document": "3.22.5",
64
+ "@tiptap/extension-hard-break": "3.22.5",
65
+ "@tiptap/extension-italic": "3.22.5",
66
+ "@tiptap/extension-link": "3.22.5",
67
+ "@tiptap/extension-list-item": "3.22.5",
68
+ "@tiptap/extension-mention": "3.22.5",
69
+ "@tiptap/extension-ordered-list": "3.22.5",
70
+ "@tiptap/extension-paragraph": "3.22.5",
71
+ "@tiptap/extension-placeholder": "3.22.5",
72
+ "@tiptap/extension-text": "3.22.5",
73
+ "@tiptap/extension-underline": "3.22.5",
74
+ "@tiptap/pm": "3.22.5",
75
+ "@tiptap/suggestion": "3.22.5",
76
+ "@tiptap/vue-3": "3.22.5",
77
77
  "@vueuse/core": "14.2.1",
78
78
  "dayjs": "^1.11.20",
79
79
  "maska": "3.2.0",
80
80
  "pinia": "3.0.4",
81
- "primevue": "^4.5.4",
81
+ "primevue": "^4.5.5",
82
82
  "uid": "2.0.2",
83
83
  "v-clipboard": "^3.0.0-next.1",
84
- "vue-i18n": "^11.3.0",
84
+ "vue-i18n": "^11.4.0",
85
85
  "vue-select": "^4.0.0-beta.6"
86
86
  },
87
87
  "devDependencies": {
88
88
  "@fontsource/quicksand": "^5.2.10",
89
89
  "@fontsource/work-sans": "^5.2.8",
90
- "@storybook/addon-a11y": "10.3.3",
91
- "@storybook/vue3": "^10.3.3",
92
- "@storybook/vue3-vite": "^10.3.3",
90
+ "@storybook/addon-a11y": "10.3.5",
91
+ "@storybook/vue3": "^10.3.5",
92
+ "@storybook/vue3-vite": "^10.3.5",
93
93
  "@types/bootstrap": "5.2.10",
94
- "@typescript-eslint/eslint-plugin": "^8.57.2",
95
- "@typescript-eslint/parser": "^8.57.2",
96
- "@vitejs/plugin-vue": "^6.0.5",
97
- "@vitest/coverage-v8": "4.1.2",
94
+ "@typescript-eslint/eslint-plugin": "^8.59.1",
95
+ "@typescript-eslint/parser": "^8.59.1",
96
+ "@vitejs/plugin-vue": "^6.0.6",
97
+ "@vitest/coverage-v8": "4.1.5",
98
98
  "@vue/eslint-config-typescript": "14.7.0",
99
- "@vue/test-utils": "^2.4.6",
99
+ "@vue/test-utils": "^2.4.9",
100
100
  "bootstrap": "5.3.8",
101
- "eslint": "10.1.0",
101
+ "eslint": "10.2.1",
102
102
  "eslint-config-prettier": "10.1.8",
103
103
  "eslint-plugin-prettier": "5.5.5",
104
- "eslint-plugin-vue": "10.8.0",
105
- "jsdom": "^29.0.1",
104
+ "eslint-plugin-vue": "10.9.0",
105
+ "jsdom": "^29.1.0",
106
106
  "path": "^0.12.7",
107
- "prettier": "3.8.1",
108
- "react": "^19.2.4",
109
- "react-dom": "^19.2.4",
107
+ "prettier": "3.8.3",
108
+ "react": "^19.2.5",
109
+ "react-dom": "^19.2.5",
110
110
  "rollup-plugin-copy": "3.5.0",
111
111
  "rollup-plugin-typescript2": "^0.37.0",
112
- "sass": "^1.98.0",
113
- "storybook": "^10.3.3",
114
- "typescript": "^5.9.3",
115
- "vite": "^8.0.3",
112
+ "sass": "^1.99.0",
113
+ "storybook": "^10.3.5",
114
+ "typescript": "^6.0.3",
115
+ "vite": "^8.0.10",
116
116
  "vite-plugin-dts": "^4.5.4",
117
- "vitest": "4.1.2"
117
+ "vitest": "4.1.5"
118
118
  },
119
119
  "repository": {
120
120
  "type": "git",