sprintify-ui 0.12.3 → 0.12.5

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 (9) hide show
  1. package/README.md +1 -1
  2. package/dist/sprintify-ui.es.js +1139 -1135
  3. package/package.json +1 -1
  4. package/src/components/BaseLayoutSidebar.vue +1 -1
  5. package/src/components/BaseLayoutSidebarConfigurable.stories.js +5 -5
  6. package/src/components/BaseLayoutSidebarConfigurable.vue +1 -1
  7. package/src/components/BaseLayoutStackedConfigurable.stories.js +5 -5
  8. package/src/components/BaseNavbar.stories.js +1 -1
  9. package/src/components/BaseTipTap.vue +17 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.12.3",
3
+ "version": "0.12.5",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "generate-llm-txt": "node scripts/generate-llm-txt.js",
package/src/components/BaseLayoutSidebar.vue CHANGED
@@ -216,7 +216,7 @@ const props = defineProps({
216
216
  type: String,
217
217
  },
218
218
  logoUrl: {
219
- default: 'https://demo.sprintify.app/img/logo/logo-side-dark.svg',
219
+ default: 'https://demo.sprintify.app/img/logo/logo.png',
220
220
  type: String,
221
221
  },
222
222
  logoTo: {
package/src/components/BaseLayoutSidebarConfigurable.stories.js CHANGED
@@ -186,32 +186,32 @@ const Template = (args) => ({
186
186
  export const Light = Template.bind({});
187
187
  Light.args = {
188
188
  dark: false,
189
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side.svg",
189
+ logoUrl: "https://demo.sprintify.app/img/logo/logo.png",
190
190
  };
191
191
 
192
192
  export const Dark = Template.bind({});
193
193
  Dark.args = {
194
194
  dark: true,
195
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
195
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
196
196
  };
197
197
 
198
198
  export const SizeXS = Template.bind({});
199
199
  SizeXS.args = {
200
200
  size: "xs",
201
201
  dark: true,
202
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
202
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
203
203
  };
204
204
 
205
205
  export const SizeSM = Template.bind({});
206
206
  SizeSM.args = {
207
207
  size: "sm",
208
208
  dark: true,
209
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
209
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
210
210
  };
211
211
 
212
212
  export const SizeMD = Template.bind({});
213
213
  SizeMD.args = {
214
214
  size: "md",
215
215
  dark: true,
216
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
216
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
217
217
  };
package/src/components/BaseLayoutSidebarConfigurable.vue CHANGED
@@ -140,7 +140,7 @@ const props = defineProps({
140
140
  type: String,
141
141
  },
142
142
  logoUrl: {
143
- default: 'https://demo.sprintify.app/img/logo/logo-side-dark.svg',
143
+ default: 'https://demo.sprintify.app/img/logo/logo.png',
144
144
  type: String,
145
145
  },
146
146
  logoTo: {
package/src/components/BaseLayoutStackedConfigurable.stories.js CHANGED
@@ -150,32 +150,32 @@ const Template = (args) => ({
150
150
  export const Light = Template.bind({});
151
151
  Light.args = {
152
152
  dark: false,
153
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side.svg",
153
+ logoUrl: "https://demo.sprintify.app/img/logo/logo.png",
154
154
  };
155
155
 
156
156
  export const Dark = Template.bind({});
157
157
  Dark.args = {
158
158
  dark: true,
159
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
159
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
160
160
  };
161
161
 
162
162
  export const SizeXS = Template.bind({});
163
163
  SizeXS.args = {
164
164
  size: "xs",
165
165
  dark: true,
166
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
166
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
167
167
  };
168
168
 
169
169
  export const SizeSM = Template.bind({});
170
170
  SizeSM.args = {
171
171
  size: "sm",
172
172
  dark: true,
173
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
173
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
174
174
  };
175
175
 
176
176
  export const SizeMD = Template.bind({});
177
177
  SizeMD.args = {
178
178
  size: "md",
179
179
  dark: true,
180
- logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
180
+ logoUrl: "https://demo.sprintify.app/img/logo/logo-white.png",
181
181
  };
package/src/components/BaseNavbar.stories.js CHANGED
@@ -79,7 +79,7 @@ const Template = (args) => ({
79
79
  <RouterLink to="/" class="flex flex-shrink-0 items-center">
80
80
  <img
81
81
  class="block h-8 w-auto"
82
- src="https://demo.sprintify.app/img/logo/logo-side.svg"
82
+ src="https://demo.sprintify.app/img/logo/logo.png"
83
83
  alt="Sprintify"
84
84
  />
85
85
  </RouterLink>
package/src/components/BaseTipTap.vue CHANGED
@@ -6,7 +6,7 @@
6
6
  noMargin ? 'tip-tap-no-margin' : ''
7
7
  ]"
8
8
  >
9
- <div class="px-1 py-1 border-b flex items-center">
9
+ <div class="px-1 py-1 border-b flex flex-wrap items-center">
10
10
  <template
11
11
  v-for="action in filteredActions"
12
12
  :key="action.name"
@@ -126,7 +126,8 @@
126
126
 
127
127
  <div
128
128
  class="bg-white p-5"
129
- :class="[disabled ? 'cursor-not-allowed opacity-80' : '']"
129
+ :class="[disabled ? 'cursor-not-allowed opacity-80' : 'cursor-text']"
130
+ @click="focusEditor"
130
131
  >
131
132
  <editor-content
132
133
  v-if="editor"
@@ -271,6 +272,20 @@ function pickImage() {
271
272
  imageInput.value?.click();
272
273
  }
273
274
 
275
+ function focusEditor(event: MouseEvent) {
276
+ if (props.disabled || !editor) {
277
+ return;
278
+ }
279
+
280
+ const target = event.target as HTMLElement;
281
+
282
+ if (target.closest('.ProseMirror')) {
283
+ return;
284
+ }
285
+
286
+ editor.chain().focus('end').run();
287
+ }
288
+
274
289
  const highlightColors = [
275
290
  '#BBF7D0',
276
291
  '#BFDBFE',