@prokodo/ui 0.1.5 → 0.1.6

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 (46) hide show
  1. package/dist/components/accordion/Accordion.css +1 -3
  2. package/dist/components/accordion/Accordion.module.css +1 -3
  3. package/dist/components/button/Button.css +1 -0
  4. package/dist/components/button/Button.module.css +1 -0
  5. package/dist/components/card/Card.css +1 -4
  6. package/dist/components/card/Card.module.css +1 -4
  7. package/dist/components/chip/Chip.css +1 -2
  8. package/dist/components/chip/Chip.module.css +1 -2
  9. package/dist/components/image-text/ImageText.css +1 -3
  10. package/dist/components/image-text/ImageText.module.css +1 -3
  11. package/dist/components/input/Input.css +49 -6
  12. package/dist/components/input/Input.module.css +49 -6
  13. package/dist/components/input/Input.view.js +1 -1
  14. package/dist/components/list/List.css +2 -6
  15. package/dist/components/list/List.module.css +2 -6
  16. package/dist/components/lottie/Lottie.js +0 -1
  17. package/dist/components/post-item/PostItem.css +3 -9
  18. package/dist/components/post-item/PostItem.module.css +3 -9
  19. package/dist/components/post-teaser/PostTeaser.css +1 -3
  20. package/dist/components/post-teaser/PostTeaser.module.css +1 -3
  21. package/dist/components/quote/Quote.css +1 -3
  22. package/dist/components/quote/Quote.module.css +1 -3
  23. package/dist/components/rich-text/RichText.client.js +4 -4
  24. package/dist/components/rich-text/RichText.css +1 -3
  25. package/dist/components/rich-text/RichText.module.css +1 -3
  26. package/dist/components/select/Select.css +3 -9
  27. package/dist/components/select/Select.module.css +3 -9
  28. package/dist/components/sidenav/SideNav.css +1 -3
  29. package/dist/components/sidenav/SideNav.module.css +1 -3
  30. package/dist/components/slider/Slider.css +1 -3
  31. package/dist/components/slider/Slider.module.css +1 -3
  32. package/dist/components/table/Table.css +1 -3
  33. package/dist/components/table/Table.module.css +1 -3
  34. package/dist/components/teaser/Teaser.css +1 -3
  35. package/dist/components/teaser/Teaser.module.css +1 -3
  36. package/dist/constants/project.js +1 -1
  37. package/dist/hooks/useGoogleMaps.js +15 -12
  38. package/dist/node_modules/.pnpm/marked@17.0.1/node_modules/marked/lib/marked.esm.js +1150 -0
  39. package/dist/theme.css +70 -64
  40. package/dist/tsconfig.build.tsbuildinfo +1 -1
  41. package/dist/types/components/image/Image.d.ts +1 -0
  42. package/dist/types/components/image/Image.lazy.d.ts +1 -0
  43. package/dist/types/components/lottie/Lottie.model.d.ts +2 -2
  44. package/package.json +10 -10
  45. package/dist/node_modules/.pnpm/marked@15.0.12/node_modules/marked/lib/marked.esm.js +0 -2169
  46. /package/dist/node_modules/.pnpm/{marked-highlight@2.2.2_marked@15.0.12 → marked-highlight@2.2.3_marked@17.0.1}/node_modules/marked-highlight/src/index.js +0 -0
package/dist/components/quote/Quote.module.css CHANGED
@@ -184,7 +184,7 @@
184
184
  font-size: 1.125rem;
185
185
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
186
186
  font-style: normal;
187
- line-height: 1.5;
187
+ line-height: 1.55;
188
188
  letter-spacing: 0.03em;
189
189
  text-transform: none;
190
190
  text-align: left;
@@ -193,12 +193,10 @@
193
193
  @media screen and (min-width: 480px) {
194
194
  .prokodo-Quote__caption__author__position {
195
195
  font-size: 1rem;
196
- line-height: 1.45;
197
196
  }
198
197
  }
199
198
  @media screen and (min-width: 960px) {
200
199
  .prokodo-Quote__caption__author__position {
201
200
  font-size: 1rem;
202
- line-height: 1.45;
203
201
  }
204
202
  }
package/dist/components/rich-text/RichText.client.js CHANGED
@@ -2,7 +2,7 @@
2
2
  var __defProp = Object.defineProperty;
3
3
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
- import { Marked } from "../../node_modules/.pnpm/marked@15.0.12/node_modules/marked/lib/marked.esm.js";
5
+ import { Marked as B } from "../../node_modules/.pnpm/marked@17.0.1/node_modules/marked/lib/marked.esm.js";
6
6
  import { useRef, useMemo, useState, useEffect, Fragment, Children, isValidElement, createElement } from "react";
7
7
  import { l as libExports } from "../../_virtual/index.js";
8
8
  import { create } from "../../helpers/bem.js";
@@ -101,7 +101,7 @@ function RichTextClient({
101
101
  }, "renderAnimation");
102
102
  const src = String(children ?? "");
103
103
  const fastHtml = useMemo(() => {
104
- const parser2 = new Marked({ gfm: true, breaks: true });
104
+ const parser2 = new B({ gfm: true, breaks: true });
105
105
  return libExports.filterXSS(parser2.parse(src), xssOptions);
106
106
  }, [src]);
107
107
  const [html, setHtml] = useState("");
@@ -113,7 +113,7 @@ function RichTextClient({
113
113
  return;
114
114
  }
115
115
  const [mhMod, hljs] = await Promise.all([
116
- import("../../node_modules/.pnpm/marked-highlight@2.2.2_marked@15.0.12/node_modules/marked-highlight/src/index.js"),
116
+ import("../../node_modules/.pnpm/marked-highlight@2.2.3_marked@17.0.1/node_modules/marked-highlight/src/index.js"),
117
117
  prepareHljs(extractFenceLangs(src), codeTheme)
118
118
  ]);
119
119
  const markedHighlight = (
@@ -125,7 +125,7 @@ function RichTextClient({
125
125
  "[RichText] marked-highlight not resolved; no code styling will be applied."
126
126
  );
127
127
  }
128
- const parser2 = new Marked(
128
+ const parser2 = new B(
129
129
  markedHighlight({
130
130
  emptyLangClass: "hljs",
131
131
  langPrefix: "hljs language-",
package/dist/components/rich-text/RichText.css CHANGED
@@ -133,7 +133,7 @@
133
133
  font-size: 1.125rem;
134
134
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
135
135
  font-style: normal;
136
- line-height: 1.5;
136
+ line-height: 1.55;
137
137
  letter-spacing: 0.03em;
138
138
  text-transform: none;
139
139
  text-align: left;
@@ -142,13 +142,11 @@
142
142
  @media screen and (min-width: 480px) {
143
143
  .prokodo-RichText__p {
144
144
  font-size: 1rem;
145
- line-height: 1.45;
146
145
  }
147
146
  }
148
147
  @media screen and (min-width: 960px) {
149
148
  .prokodo-RichText__p {
150
149
  font-size: 1rem;
151
- line-height: 1.45;
152
150
  }
153
151
  }
154
152
  .prokodo-RichText__p {
package/dist/components/rich-text/RichText.module.css CHANGED
@@ -133,7 +133,7 @@
133
133
  font-size: 1.125rem;
134
134
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
135
135
  font-style: normal;
136
- line-height: 1.5;
136
+ line-height: 1.55;
137
137
  letter-spacing: 0.03em;
138
138
  text-transform: none;
139
139
  text-align: left;
@@ -142,13 +142,11 @@
142
142
  @media screen and (min-width: 480px) {
143
143
  .prokodo-RichText__p {
144
144
  font-size: 1rem;
145
- line-height: 1.45;
146
145
  }
147
146
  }
148
147
  @media screen and (min-width: 960px) {
149
148
  .prokodo-RichText__p {
150
149
  font-size: 1rem;
151
- line-height: 1.45;
152
150
  }
153
151
  }
154
152
  .prokodo-RichText__p {
package/dist/components/select/Select.css CHANGED
@@ -253,11 +253,12 @@
253
253
  margin: 2px;
254
254
  background: var(--color-white);
255
255
  border-radius: 1.5rem;
256
+ background-color: var(--color-white);
256
257
  font-weight: 400;
257
258
  font-size: 1.125rem;
258
259
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
259
260
  font-style: normal;
260
- line-height: 1.5;
261
+ line-height: 1.55;
261
262
  letter-spacing: 0.03em;
262
263
  text-transform: none;
263
264
  text-align: left;
@@ -266,21 +267,16 @@
266
267
  @media screen and (min-width: 480px) {
267
268
  .prokodo-Select__button__inner {
268
269
  font-size: 1rem;
269
- line-height: 1.45;
270
270
  }
271
271
  }
272
272
  @media screen and (min-width: 960px) {
273
273
  .prokodo-Select__button__inner {
274
274
  font-size: 1rem;
275
- line-height: 1.45;
276
275
  }
277
276
  }
278
277
  .prokodo-Select__button__inner {
279
278
  font-size: 1rem;
280
279
  }
281
- html[data-theme=dark] .prokodo-Select__button__inner {
282
- background: var(--color-grey-200);
283
- }
284
280
  .prokodo-Select__button__inner--expanded {
285
281
  border-top-left-radius: 1.5625rem;
286
282
  border-top-right-radius: 1.5625rem;
@@ -332,7 +328,7 @@ html[data-theme=dark] .prokodo-Select__button__inner {
332
328
  font-size: 1.125rem;
333
329
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
334
330
  font-style: normal;
335
- line-height: 1.5;
331
+ line-height: 1.55;
336
332
  letter-spacing: 0.03em;
337
333
  text-transform: none;
338
334
  text-align: left;
@@ -344,13 +340,11 @@ html[data-theme=dark] .prokodo-Select__button__inner {
344
340
  @media screen and (min-width: 480px) {
345
341
  .prokodo-Select__item {
346
342
  font-size: 1rem;
347
- line-height: 1.45;
348
343
  }
349
344
  }
350
345
  @media screen and (min-width: 960px) {
351
346
  .prokodo-Select__item {
352
347
  font-size: 1rem;
353
- line-height: 1.45;
354
348
  }
355
349
  }
356
350
  .prokodo-Select__item {
package/dist/components/select/Select.module.css CHANGED
@@ -253,11 +253,12 @@
253
253
  margin: 2px;
254
254
  background: var(--color-white);
255
255
  border-radius: 1.5rem;
256
+ background-color: var(--color-white);
256
257
  font-weight: 400;
257
258
  font-size: 1.125rem;
258
259
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
259
260
  font-style: normal;
260
- line-height: 1.5;
261
+ line-height: 1.55;
261
262
  letter-spacing: 0.03em;
262
263
  text-transform: none;
263
264
  text-align: left;
@@ -266,21 +267,16 @@
266
267
  @media screen and (min-width: 480px) {
267
268
  .prokodo-Select__button__inner {
268
269
  font-size: 1rem;
269
- line-height: 1.45;
270
270
  }
271
271
  }
272
272
  @media screen and (min-width: 960px) {
273
273
  .prokodo-Select__button__inner {
274
274
  font-size: 1rem;
275
- line-height: 1.45;
276
275
  }
277
276
  }
278
277
  .prokodo-Select__button__inner {
279
278
  font-size: 1rem;
280
279
  }
281
- html[data-theme=dark] .prokodo-Select__button__inner {
282
- background: var(--color-grey-200);
283
- }
284
280
  .prokodo-Select__button__inner--expanded {
285
281
  border-top-left-radius: 1.5625rem;
286
282
  border-top-right-radius: 1.5625rem;
@@ -332,7 +328,7 @@ html[data-theme=dark] .prokodo-Select__button__inner {
332
328
  font-size: 1.125rem;
333
329
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
334
330
  font-style: normal;
335
- line-height: 1.5;
331
+ line-height: 1.55;
336
332
  letter-spacing: 0.03em;
337
333
  text-transform: none;
338
334
  text-align: left;
@@ -344,13 +340,11 @@ html[data-theme=dark] .prokodo-Select__button__inner {
344
340
  @media screen and (min-width: 480px) {
345
341
  .prokodo-Select__item {
346
342
  font-size: 1rem;
347
- line-height: 1.45;
348
343
  }
349
344
  }
350
345
  @media screen and (min-width: 960px) {
351
346
  .prokodo-Select__item {
352
347
  font-size: 1rem;
353
- line-height: 1.45;
354
348
  }
355
349
  }
356
350
  .prokodo-Select__item {
package/dist/components/sidenav/SideNav.css CHANGED
@@ -269,7 +269,7 @@
269
269
  font-size: 1.125rem;
270
270
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
271
271
  font-style: normal;
272
- line-height: 1.5;
272
+ line-height: 1.55;
273
273
  letter-spacing: 0.03em;
274
274
  text-transform: none;
275
275
  text-align: left;
@@ -278,13 +278,11 @@
278
278
  @media screen and (min-width: 480px) {
279
279
  .prokodo-SideNav__label {
280
280
  font-size: 1rem;
281
- line-height: 1.45;
282
281
  }
283
282
  }
284
283
  @media screen and (min-width: 960px) {
285
284
  .prokodo-SideNav__label {
286
285
  font-size: 1rem;
287
- line-height: 1.45;
288
286
  }
289
287
  }
290
288
  .prokodo-SideNav__label--collapsed .prokodo-SideNav__label {
package/dist/components/sidenav/SideNav.module.css CHANGED
@@ -269,7 +269,7 @@
269
269
  font-size: 1.125rem;
270
270
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
271
271
  font-style: normal;
272
- line-height: 1.5;
272
+ line-height: 1.55;
273
273
  letter-spacing: 0.03em;
274
274
  text-transform: none;
275
275
  text-align: left;
@@ -278,13 +278,11 @@
278
278
  @media screen and (min-width: 480px) {
279
279
  .prokodo-SideNav__label {
280
280
  font-size: 1rem;
281
- line-height: 1.45;
282
281
  }
283
282
  }
284
283
  @media screen and (min-width: 960px) {
285
284
  .prokodo-SideNav__label {
286
285
  font-size: 1rem;
287
- line-height: 1.45;
288
286
  }
289
287
  }
290
288
  .prokodo-SideNav__label--collapsed .prokodo-SideNav__label {
package/dist/components/slider/Slider.css CHANGED
@@ -196,7 +196,7 @@
196
196
  font-size: 1.125rem;
197
197
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
198
198
  font-style: normal;
199
- line-height: 1.5;
199
+ line-height: 1.55;
200
200
  letter-spacing: 0.03em;
201
201
  text-transform: none;
202
202
  text-align: left;
@@ -205,13 +205,11 @@
205
205
  @media screen and (min-width: 480px) {
206
206
  .prokodo-Slider__mark__label {
207
207
  font-size: 1rem;
208
- line-height: 1.45;
209
208
  }
210
209
  }
211
210
  @media screen and (min-width: 960px) {
212
211
  .prokodo-Slider__mark__label {
213
212
  font-size: 1rem;
214
- line-height: 1.45;
215
213
  }
216
214
  }
217
215
  .prokodo-Slider__mark__label {
package/dist/components/slider/Slider.module.css CHANGED
@@ -196,7 +196,7 @@
196
196
  font-size: 1.125rem;
197
197
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
198
198
  font-style: normal;
199
- line-height: 1.5;
199
+ line-height: 1.55;
200
200
  letter-spacing: 0.03em;
201
201
  text-transform: none;
202
202
  text-align: left;
@@ -205,13 +205,11 @@
205
205
  @media screen and (min-width: 480px) {
206
206
  .prokodo-Slider__mark__label {
207
207
  font-size: 1rem;
208
- line-height: 1.45;
209
208
  }
210
209
  }
211
210
  @media screen and (min-width: 960px) {
212
211
  .prokodo-Slider__mark__label {
213
212
  font-size: 1rem;
214
- line-height: 1.45;
215
213
  }
216
214
  }
217
215
  .prokodo-Slider__mark__label {
package/dist/components/table/Table.css CHANGED
@@ -224,7 +224,7 @@
224
224
  font-size: 1.125rem;
225
225
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
226
226
  font-style: normal;
227
- line-height: 1.5;
227
+ line-height: 1.55;
228
228
  letter-spacing: 0.03em;
229
229
  text-transform: none;
230
230
  text-align: left;
@@ -233,13 +233,11 @@
233
233
  @media screen and (min-width: 480px) {
234
234
  .prokodo-TableCell__inner {
235
235
  font-size: 1rem;
236
- line-height: 1.45;
237
236
  }
238
237
  }
239
238
  @media screen and (min-width: 960px) {
240
239
  .prokodo-TableCell__inner {
241
240
  font-size: 1rem;
242
- line-height: 1.45;
243
241
  }
244
242
  }
245
243
  .prokodo-TableCell:first-child > span {
package/dist/components/table/Table.module.css CHANGED
@@ -224,7 +224,7 @@
224
224
  font-size: 1.125rem;
225
225
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
226
226
  font-style: normal;
227
- line-height: 1.5;
227
+ line-height: 1.55;
228
228
  letter-spacing: 0.03em;
229
229
  text-transform: none;
230
230
  text-align: left;
@@ -233,13 +233,11 @@
233
233
  @media screen and (min-width: 480px) {
234
234
  .prokodo-TableCell__inner {
235
235
  font-size: 1rem;
236
- line-height: 1.45;
237
236
  }
238
237
  }
239
238
  @media screen and (min-width: 960px) {
240
239
  .prokodo-TableCell__inner {
241
240
  font-size: 1rem;
242
- line-height: 1.45;
243
241
  }
244
242
  }
245
243
  .prokodo-TableCell:first-child > span {
package/dist/components/teaser/Teaser.css CHANGED
@@ -164,7 +164,7 @@
164
164
  font-size: 1.125rem;
165
165
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
166
166
  font-style: normal;
167
- line-height: 1.5;
167
+ line-height: 1.55;
168
168
  letter-spacing: 0.03em;
169
169
  text-transform: none;
170
170
  text-align: left;
@@ -173,13 +173,11 @@
173
173
  @media screen and (min-width: 480px) {
174
174
  .prokodo-Teaser__content {
175
175
  font-size: 1rem;
176
- line-height: 1.45;
177
176
  }
178
177
  }
179
178
  @media screen and (min-width: 960px) {
180
179
  .prokodo-Teaser__content {
181
180
  font-size: 1rem;
182
- line-height: 1.45;
183
181
  }
184
182
  }
185
183
  .prokodo-Teaser__content--has-lineClamp {
package/dist/components/teaser/Teaser.module.css CHANGED
@@ -164,7 +164,7 @@
164
164
  font-size: 1.125rem;
165
165
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
166
166
  font-style: normal;
167
- line-height: 1.5;
167
+ line-height: 1.55;
168
168
  letter-spacing: 0.03em;
169
169
  text-transform: none;
170
170
  text-align: left;
@@ -173,13 +173,11 @@
173
173
  @media screen and (min-width: 480px) {
174
174
  .prokodo-Teaser__content {
175
175
  font-size: 1rem;
176
- line-height: 1.45;
177
176
  }
178
177
  }
179
178
  @media screen and (min-width: 960px) {
180
179
  .prokodo-Teaser__content {
181
180
  font-size: 1rem;
182
- line-height: 1.45;
183
181
  }
184
182
  }
185
183
  .prokodo-Teaser__content--has-lineClamp {
package/dist/constants/project.js CHANGED
@@ -1,4 +1,4 @@
1
- const PROKODO_UI_VERSION = "0.1.5";
1
+ const PROKODO_UI_VERSION = "0.1.6";
2
2
  export {
3
3
  PROKODO_UI_VERSION
4
4
  };
package/dist/hooks/useGoogleMaps.js CHANGED
@@ -1,21 +1,24 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
- import { Loader } from "@googlemaps/js-api-loader";
3
+ import { setOptions, importLibrary } from "@googlemaps/js-api-loader";
4
4
  import { useState, useEffect } from "react";
5
5
  const useGoogleMaps = /* @__PURE__ */ __name((apiKey, reload) => {
6
6
  const [loaded, setLoaded] = useState(false);
7
7
  useEffect(() => {
8
- const loader = new Loader({
9
- apiKey,
10
- version: "weekly",
11
- libraries: ["maps"]
12
- });
13
- loader.importLibrary("marker").then(() => {
14
- setLoaded(true);
15
- }).catch((err) => {
16
- console.error("Error loading Google Maps", err);
17
- throw new Error("Error loading Google Map: ", err);
18
- });
8
+ const loader = /* @__PURE__ */ __name(async () => {
9
+ setOptions({
10
+ key: apiKey,
11
+ libraries: ["maps"]
12
+ });
13
+ await importLibrary("maps");
14
+ await importLibrary("marker").then(() => {
15
+ setLoaded(true);
16
+ }).catch((err) => {
17
+ console.error("Error loading Google Maps", err);
18
+ throw new Error("Error loading Google Map: ", err);
19
+ });
20
+ }, "loader");
21
+ void loader();
19
22
  }, [apiKey, reload]);
20
23
  return loaded;
21
24
  }, "useGoogleMaps");