@quikturn/logos-react 1.3.0 → 1.5.0

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 (5) hide show
  1. package/dist/index.cjs +14 -5
  2. package/dist/index.d.cts +6 -3
  3. package/dist/index.d.ts +6 -3
  4. package/dist/index.mjs +14 -5
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -31,9 +31,10 @@ function useLogoUrl(domain, options) {
31
31
  size: options?.size,
32
32
  format: options?.format,
33
33
  greyscale: options?.greyscale,
34
- theme: options?.theme
34
+ theme: options?.theme,
35
+ variant: options?.variant
35
36
  }),
36
- [domain, token, baseUrl, options?.size, options?.format, options?.greyscale, options?.theme]
37
+ [domain, token, baseUrl, options?.size, options?.format, options?.greyscale, options?.theme, options?.variant]
37
38
  );
38
39
  }
39
40
  var fired = /* @__PURE__ */ new Set();
@@ -63,6 +64,7 @@ function QuikturnLogo({
63
64
  format,
64
65
  greyscale,
65
66
  theme,
67
+ variant,
66
68
  alt,
67
69
  href,
68
70
  className,
@@ -81,9 +83,10 @@ function QuikturnLogo({
81
83
  format,
82
84
  greyscale,
83
85
  theme,
86
+ variant,
84
87
  baseUrl: effectiveBaseUrl
85
88
  }),
86
- [domain, effectiveToken, effectiveBaseUrl, size, format, greyscale, theme]
89
+ [domain, effectiveToken, effectiveBaseUrl, size, format, greyscale, theme, variant]
87
90
  );
88
91
  React.useEffect(() => {
89
92
  if (effectiveToken) fireBeacon(effectiveToken);
@@ -373,6 +376,7 @@ var QuikturnLogoCarousel = React__default.default.memo(
373
376
  logoFormat,
374
377
  logoGreyscale,
375
378
  logoTheme,
379
+ logoVariant,
376
380
  renderItem,
377
381
  className,
378
382
  style,
@@ -401,6 +405,7 @@ var QuikturnLogoCarousel = React__default.default.memo(
401
405
  format: item.format ?? logoFormat,
402
406
  greyscale: item.greyscale ?? logoGreyscale,
403
407
  theme: item.theme ?? logoTheme,
408
+ variant: item.variant ?? logoVariant,
404
409
  baseUrl: effectiveBaseUrl
405
410
  })
406
411
  }));
@@ -412,7 +417,8 @@ var QuikturnLogoCarousel = React__default.default.memo(
412
417
  logoSize,
413
418
  logoFormat,
414
419
  logoGreyscale,
415
- logoTheme
420
+ logoTheme,
421
+ logoVariant
416
422
  ]);
417
423
  React.useEffect(() => {
418
424
  if (effectiveToken) fireBeacon(effectiveToken);
@@ -577,6 +583,7 @@ function QuikturnLogoGrid({
577
583
  logoFormat,
578
584
  logoGreyscale,
579
585
  logoTheme,
586
+ logoVariant,
580
587
  renderItem,
581
588
  className,
582
589
  style,
@@ -597,6 +604,7 @@ function QuikturnLogoGrid({
597
604
  format: item.format ?? logoFormat,
598
605
  greyscale: item.greyscale ?? logoGreyscale,
599
606
  theme: item.theme ?? logoTheme,
607
+ variant: item.variant ?? logoVariant,
600
608
  baseUrl: effectiveBaseUrl
601
609
  })
602
610
  }));
@@ -608,7 +616,8 @@ function QuikturnLogoGrid({
608
616
  logoSize,
609
617
  logoFormat,
610
618
  logoGreyscale,
611
- logoTheme
619
+ logoTheme,
620
+ logoVariant
612
621
  ]);
613
622
  React.useEffect(() => {
614
623
  if (effectiveToken) fireBeacon(effectiveToken);
package/dist/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { SupportedOutputFormat, FormatShorthand, ThemeOption } from '@quikturn/logos';
2
+ import { SupportedOutputFormat, FormatShorthand, ThemeOption, LogoVariant } from '@quikturn/logos';
3
3
  export { FormatShorthand, SupportedOutputFormat, ThemeOption } from '@quikturn/logos';
4
4
  import React$1 from 'react';
5
5
 
@@ -9,6 +9,7 @@ interface LogoOptions {
9
9
  format?: SupportedOutputFormat | FormatShorthand;
10
10
  greyscale?: boolean;
11
11
  theme?: ThemeOption;
12
+ variant?: LogoVariant;
12
13
  }
13
14
  /** Per-logo configuration in carousel/grid components. */
14
15
  interface LogoConfig extends LogoOptions {
@@ -56,6 +57,7 @@ interface QuikturnLogoCarouselProps {
56
57
  logoFormat?: SupportedOutputFormat | FormatShorthand;
57
58
  logoGreyscale?: boolean;
58
59
  logoTheme?: ThemeOption;
60
+ logoVariant?: LogoVariant;
59
61
  renderItem?: (logo: ResolvedLogo, index: number) => React.ReactNode;
60
62
  className?: string;
61
63
  style?: React.CSSProperties;
@@ -73,6 +75,7 @@ interface QuikturnLogoGridProps {
73
75
  logoFormat?: SupportedOutputFormat | FormatShorthand;
74
76
  logoGreyscale?: boolean;
75
77
  logoTheme?: ThemeOption;
78
+ logoVariant?: LogoVariant;
76
79
  renderItem?: (logo: ResolvedLogo, index: number) => React.ReactNode;
77
80
  className?: string;
78
81
  style?: React.CSSProperties;
@@ -97,10 +100,10 @@ declare function useLogoUrl(domain: string, options?: LogoOptions & {
97
100
  baseUrl?: string;
98
101
  }): string;
99
102
 
100
- declare function QuikturnLogo({ domain, token, baseUrl, size, format, greyscale, theme, alt, href, className, style, loading, onError, onLoad, }: QuikturnLogoProps): react_jsx_runtime.JSX.Element;
103
+ declare function QuikturnLogo({ domain, token, baseUrl, size, format, greyscale, theme, variant, alt, href, className, style, loading, onError, onLoad, }: QuikturnLogoProps): react_jsx_runtime.JSX.Element;
101
104
 
102
105
  declare const QuikturnLogoCarousel: React$1.NamedExoticComponent<QuikturnLogoCarouselProps>;
103
106
 
104
- declare function QuikturnLogoGrid({ domains, logos, token, baseUrl, columns, gap, logoSize, logoFormat, logoGreyscale, logoTheme, renderItem, className, style, ariaLabel, }: QuikturnLogoGridProps): react_jsx_runtime.JSX.Element;
107
+ declare function QuikturnLogoGrid({ domains, logos, token, baseUrl, columns, gap, logoSize, logoFormat, logoGreyscale, logoTheme, logoVariant, renderItem, className, style, ariaLabel, }: QuikturnLogoGridProps): react_jsx_runtime.JSX.Element;
105
108
 
106
109
  export { type LogoConfig, type LogoOptions, QuikturnLogo, QuikturnLogoCarousel, type QuikturnLogoCarouselProps, QuikturnLogoGrid, type QuikturnLogoGridProps, type QuikturnLogoProps, QuikturnProvider, type QuikturnProviderProps, type ResolvedLogo, useLogoUrl, useQuikturnContext };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { SupportedOutputFormat, FormatShorthand, ThemeOption } from '@quikturn/logos';
2
+ import { SupportedOutputFormat, FormatShorthand, ThemeOption, LogoVariant } from '@quikturn/logos';
3
3
  export { FormatShorthand, SupportedOutputFormat, ThemeOption } from '@quikturn/logos';
4
4
  import React$1 from 'react';
5
5
 
@@ -9,6 +9,7 @@ interface LogoOptions {
9
9
  format?: SupportedOutputFormat | FormatShorthand;
10
10
  greyscale?: boolean;
11
11
  theme?: ThemeOption;
12
+ variant?: LogoVariant;
12
13
  }
13
14
  /** Per-logo configuration in carousel/grid components. */
14
15
  interface LogoConfig extends LogoOptions {
@@ -56,6 +57,7 @@ interface QuikturnLogoCarouselProps {
56
57
  logoFormat?: SupportedOutputFormat | FormatShorthand;
57
58
  logoGreyscale?: boolean;
58
59
  logoTheme?: ThemeOption;
60
+ logoVariant?: LogoVariant;
59
61
  renderItem?: (logo: ResolvedLogo, index: number) => React.ReactNode;
60
62
  className?: string;
61
63
  style?: React.CSSProperties;
@@ -73,6 +75,7 @@ interface QuikturnLogoGridProps {
73
75
  logoFormat?: SupportedOutputFormat | FormatShorthand;
74
76
  logoGreyscale?: boolean;
75
77
  logoTheme?: ThemeOption;
78
+ logoVariant?: LogoVariant;
76
79
  renderItem?: (logo: ResolvedLogo, index: number) => React.ReactNode;
77
80
  className?: string;
78
81
  style?: React.CSSProperties;
@@ -97,10 +100,10 @@ declare function useLogoUrl(domain: string, options?: LogoOptions & {
97
100
  baseUrl?: string;
98
101
  }): string;
99
102
 
100
- declare function QuikturnLogo({ domain, token, baseUrl, size, format, greyscale, theme, alt, href, className, style, loading, onError, onLoad, }: QuikturnLogoProps): react_jsx_runtime.JSX.Element;
103
+ declare function QuikturnLogo({ domain, token, baseUrl, size, format, greyscale, theme, variant, alt, href, className, style, loading, onError, onLoad, }: QuikturnLogoProps): react_jsx_runtime.JSX.Element;
101
104
 
102
105
  declare const QuikturnLogoCarousel: React$1.NamedExoticComponent<QuikturnLogoCarouselProps>;
103
106
 
104
- declare function QuikturnLogoGrid({ domains, logos, token, baseUrl, columns, gap, logoSize, logoFormat, logoGreyscale, logoTheme, renderItem, className, style, ariaLabel, }: QuikturnLogoGridProps): react_jsx_runtime.JSX.Element;
107
+ declare function QuikturnLogoGrid({ domains, logos, token, baseUrl, columns, gap, logoSize, logoFormat, logoGreyscale, logoTheme, logoVariant, renderItem, className, style, ariaLabel, }: QuikturnLogoGridProps): react_jsx_runtime.JSX.Element;
105
108
 
106
109
  export { type LogoConfig, type LogoOptions, QuikturnLogo, QuikturnLogoCarousel, type QuikturnLogoCarouselProps, QuikturnLogoGrid, type QuikturnLogoGridProps, type QuikturnLogoProps, QuikturnProvider, type QuikturnProviderProps, type ResolvedLogo, useLogoUrl, useQuikturnContext };
package/dist/index.mjs CHANGED
@@ -25,9 +25,10 @@ function useLogoUrl(domain, options) {
25
25
  size: options?.size,
26
26
  format: options?.format,
27
27
  greyscale: options?.greyscale,
28
- theme: options?.theme
28
+ theme: options?.theme,
29
+ variant: options?.variant
29
30
  }),
30
- [domain, token, baseUrl, options?.size, options?.format, options?.greyscale, options?.theme]
31
+ [domain, token, baseUrl, options?.size, options?.format, options?.greyscale, options?.theme, options?.variant]
31
32
  );
32
33
  }
33
34
  var fired = /* @__PURE__ */ new Set();
@@ -57,6 +58,7 @@ function QuikturnLogo({
57
58
  format,
58
59
  greyscale,
59
60
  theme,
61
+ variant,
60
62
  alt,
61
63
  href,
62
64
  className,
@@ -75,9 +77,10 @@ function QuikturnLogo({
75
77
  format,
76
78
  greyscale,
77
79
  theme,
80
+ variant,
78
81
  baseUrl: effectiveBaseUrl
79
82
  }),
80
- [domain, effectiveToken, effectiveBaseUrl, size, format, greyscale, theme]
83
+ [domain, effectiveToken, effectiveBaseUrl, size, format, greyscale, theme, variant]
81
84
  );
82
85
  useEffect(() => {
83
86
  if (effectiveToken) fireBeacon(effectiveToken);
@@ -367,6 +370,7 @@ var QuikturnLogoCarousel = React.memo(
367
370
  logoFormat,
368
371
  logoGreyscale,
369
372
  logoTheme,
373
+ logoVariant,
370
374
  renderItem,
371
375
  className,
372
376
  style,
@@ -395,6 +399,7 @@ var QuikturnLogoCarousel = React.memo(
395
399
  format: item.format ?? logoFormat,
396
400
  greyscale: item.greyscale ?? logoGreyscale,
397
401
  theme: item.theme ?? logoTheme,
402
+ variant: item.variant ?? logoVariant,
398
403
  baseUrl: effectiveBaseUrl
399
404
  })
400
405
  }));
@@ -406,7 +411,8 @@ var QuikturnLogoCarousel = React.memo(
406
411
  logoSize,
407
412
  logoFormat,
408
413
  logoGreyscale,
409
- logoTheme
414
+ logoTheme,
415
+ logoVariant
410
416
  ]);
411
417
  useEffect(() => {
412
418
  if (effectiveToken) fireBeacon(effectiveToken);
@@ -571,6 +577,7 @@ function QuikturnLogoGrid({
571
577
  logoFormat,
572
578
  logoGreyscale,
573
579
  logoTheme,
580
+ logoVariant,
574
581
  renderItem,
575
582
  className,
576
583
  style,
@@ -591,6 +598,7 @@ function QuikturnLogoGrid({
591
598
  format: item.format ?? logoFormat,
592
599
  greyscale: item.greyscale ?? logoGreyscale,
593
600
  theme: item.theme ?? logoTheme,
601
+ variant: item.variant ?? logoVariant,
594
602
  baseUrl: effectiveBaseUrl
595
603
  })
596
604
  }));
@@ -602,7 +610,8 @@ function QuikturnLogoGrid({
602
610
  logoSize,
603
611
  logoFormat,
604
612
  logoGreyscale,
605
- logoTheme
613
+ logoTheme,
614
+ logoVariant
606
615
  ]);
607
616
  useEffect(() => {
608
617
  if (effectiveToken) fireBeacon(effectiveToken);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quikturn/logos-react",
3
- "version": "1.3.0",
3
+ "version": "1.5.0",
4
4
  "description": "React components for the Quikturn Logos API — QuikturnLogo, LogoCarousel, LogoGrid",
5
5
  "license": "MIT",
6
6
  "author": "Quikturn",