@manamerge/mana-atomic-ui 0.0.153 → 0.0.155

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 (41) hide show
  1. package/dist/index.d.ts +15 -5
  2. package/dist/index.js +313 -274
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/Manamerge.ts +1 -1
  5. package/dist/themes/themes/manamerge/atoms/gradient.ts +2 -2
  6. package/dist/themes/themes/manamerge/molecules/breakerTape.ts +24 -22
  7. package/dist/themes/themes/manamerge/molecules/cardBanner.ts +22 -20
  8. package/dist/themes/themes/manamerge/molecules/cardSimpleRender.ts +30 -28
  9. package/dist/themes/themes/manamerge/molecules/cardTeaser.ts +71 -69
  10. package/dist/themes/themes/manamerge/molecules/footer.ts +21 -19
  11. package/dist/themes/themes/manamerge/molecules/header.ts +45 -43
  12. package/dist/themes/themes/manamerge/molecules/navigation.ts +34 -32
  13. package/dist/types/__mocks__/blurhash.worker.mock.d.ts +1 -1
  14. package/dist/types/components/Atoms/CDNImage/CDNImage.d.ts +8 -5
  15. package/dist/types/components/Atoms/CDNImage/CDNImage.stories.d.ts +9 -1
  16. package/dist/types/components/Atoms/Gradient/Gradient.css.d.ts +3 -2
  17. package/dist/types/components/Molecules/BreakerTape/BreakerTape.css.d.ts +12 -4
  18. package/dist/types/components/Molecules/BreakerTape/BreakerTape.d.ts +1 -0
  19. package/dist/types/components/Molecules/CardBanner/CardBanner.css.d.ts +16 -5
  20. package/dist/types/components/Molecules/CardBanner/CardBanner.d.ts +1 -0
  21. package/dist/types/components/Molecules/CardSimpleRender/CardSimpleRender.css.d.ts +10 -3
  22. package/dist/types/components/Molecules/CardSimpleRender/CardSimpleRender.d.ts +1 -0
  23. package/dist/types/components/Molecules/CardTeaser/CardTeaser.css.d.ts +39 -13
  24. package/dist/types/components/Molecules/CardTeaser/CardTeaser.d.ts +1 -0
  25. package/dist/types/components/Molecules/Footer/Footer.css.d.ts +15 -5
  26. package/dist/types/components/Molecules/Footer/Footer.d.ts +1 -0
  27. package/dist/types/components/Molecules/Header/Header.css.d.ts +36 -12
  28. package/dist/types/components/Molecules/Header/Header.d.ts +1 -0
  29. package/dist/types/components/Molecules/Navigation/Navigation.css.d.ts +10 -3
  30. package/dist/types/components/Molecules/Navigation/Navigation.d.ts +1 -0
  31. package/dist/types/custom_hooks/useBlurhashCanvas.d.ts +2 -1
  32. package/dist/types/themes/Manamerge.d.ts +231 -217
  33. package/dist/types/themes/manamerge/molecules/breakerTape.d.ts +24 -22
  34. package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +22 -20
  35. package/dist/types/themes/manamerge/molecules/cardSimpleRender.d.ts +29 -27
  36. package/dist/types/themes/manamerge/molecules/cardTeaser.d.ts +68 -66
  37. package/dist/types/themes/manamerge/molecules/footer.d.ts +15 -13
  38. package/dist/types/themes/manamerge/molecules/header.d.ts +41 -39
  39. package/dist/types/themes/manamerge/molecules/navigation.d.ts +31 -29
  40. package/dist/types/utils/getCDNImageUrls.d.ts +18 -0
  41. package/package.json +5 -3
package/dist/index.d.ts CHANGED
@@ -110,10 +110,12 @@ interface DividerTypes {
110
110
  }
111
111
  declare const Divider: React.FC<DividerTypes>;
112
112
 
113
- /**
114
- * Estamos a usar srcSet, mas sem sizes o browser assume que as imagens são sempre fullscreen
115
- * — e isso faz com que ele carregue imagens muito maiores do que o necessário.
116
- * Podemos resolver isto facilmente com uma convenção simples de layout que abstrai os sizes.”
113
+ /** WIP: CDNImage
114
+ * Estamos a usar srcSet, mas sem sizes o browser assume que as
115
+ * imagens são sempre fullscreen — e isso faz com que ele carregue
116
+ * imagens muito maiores do que o necessário. Podemos resolver
117
+ * isto facilmente com uma convenção simples de layout que abstrai
118
+ * os sizes. (ver o imagePresets.ts)
117
119
  */
118
120
  interface CDNImageTypes {
119
121
  src: string;
@@ -130,11 +132,13 @@ interface CDNImageTypes {
130
132
  blurCanvasResolution?: number;
131
133
  fetchPriority?: "high" | "low" | "auto";
132
134
  decoding?: "async" | "sync" | "auto";
133
- fit?: "cover" | "fill";
135
+ fit?: "cover" | "fill" | "contain";
136
+ resolutions?: number[];
134
137
  }
135
138
  declare const CDNImage: React.FC<CDNImageTypes>;
136
139
 
137
140
  interface HeaderTypes {
141
+ moleculeVariant?: string;
138
142
  iconTop?: FunctionComponent<SVGProps<SVGSVGElement>>;
139
143
  iconDot?: FunctionComponent<SVGProps<SVGSVGElement>>;
140
144
  iconLeft?: FunctionComponent<SVGProps<SVGSVGElement>>;
@@ -150,6 +154,7 @@ interface HeaderTypes {
150
154
  declare const Header: React.FC<HeaderTypes>;
151
155
 
152
156
  interface NavigationTypes {
157
+ moleculeVariant?: string;
153
158
  iconBurger: FunctionComponent<SVGProps<SVGSVGElement>>;
154
159
  tabs: {
155
160
  label: string;
@@ -168,6 +173,7 @@ interface RouteTypes {
168
173
  blank?: boolean;
169
174
  }
170
175
  interface FooterTypes {
176
+ moleculeVariant?: string;
171
177
  children?: string;
172
178
  svg?: FunctionComponent<SVGProps<SVGSVGElement>>;
173
179
  routes: RouteTypes[];
@@ -175,6 +181,7 @@ interface FooterTypes {
175
181
  declare const Footer: React.FC<FooterTypes>;
176
182
 
177
183
  interface CardTeaserTypes {
184
+ moleculeVariant?: string;
178
185
  company?: string;
179
186
  year?: string;
180
187
  title?: string;
@@ -188,12 +195,14 @@ interface CardTeaserTypes {
188
195
  declare const CardTeaser: React.FC<CardTeaserTypes>;
189
196
 
190
197
  interface BreakerTapeTypes {
198
+ moleculeVariant?: string;
191
199
  words: string[];
192
200
  svg?: FunctionComponent<SVGProps<SVGSVGElement>>;
193
201
  }
194
202
  declare const BreakerTape: React.FC<BreakerTapeTypes>;
195
203
 
196
204
  interface CardSimpleRenderTypes {
205
+ moleculeVariant?: string;
197
206
  icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
198
207
  title?: string;
199
208
  description?: string;
@@ -203,6 +212,7 @@ interface CardSimpleRenderTypes {
203
212
  declare const CardSimpleRender: React.FC<CardSimpleRenderTypes>;
204
213
 
205
214
  interface CardBannerTypes {
215
+ moleculeVariant?: string;
206
216
  icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
207
217
  title?: string;
208
218
  description?: string;