diff --git a/packages/web-react/src/components/UNSTABLE_PartnerLogo/index.html b/packages/web-react/src/components/UNSTABLE_PartnerLogo/index.html new file mode 100644 index 0000000000..8ddd1b2783 --- /dev/null +++ b/packages/web-react/src/components/UNSTABLE_PartnerLogo/index.html @@ -0,0 +1 @@ +{{> web-react/demo }} diff --git a/packages/web/src/scss/components/UNSTABLE_PartnerLogo/_UNSTABLE_PartnerLogo.scss b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/_UNSTABLE_PartnerLogo.scss new file mode 100644 index 0000000000..bb5d4853aa --- /dev/null +++ b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/_UNSTABLE_PartnerLogo.scss @@ -0,0 +1,13 @@ +@use 'theme' as theme; +@use '../../tools/dictionaries'; + +.UNSTABLE_PartnerLogo { + width: fit-content; + background: theme.$background-color; +} + +.UNSTABLE_PartnerLogo > svg { + height: 100%; +} + +@include dictionaries.generate-sizes('UNSTABLE_PartnerLogo', theme.$sizes); diff --git a/packages/web/src/scss/components/UNSTABLE_PartnerLogo/_theme.scss b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/_theme.scss new file mode 100644 index 0000000000..e29bf7bd0a --- /dev/null +++ b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/_theme.scss @@ -0,0 +1,20 @@ +@use '@tokens' as tokens; + +$background-color: tokens.$background-basic; +$sizes: ( + small: ( + height: 44px, + padding-x: 6px, + padding-y: 6px, + ), + medium: ( + height: tokens.$space-1100, + padding-x: tokens.$space-400, + padding-y: tokens.$space-400, + ), + large: ( + height: 84px, + padding-x: tokens.$space-500, + padding-y: tokens.$space-500, + ), +); diff --git a/packages/web/src/scss/components/UNSTABLE_PartnerLogo/index.html b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/index.html new file mode 100644 index 0000000000..edba8e1862 --- /dev/null +++ b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/index.html @@ -0,0 +1,188 @@ +{{#> web/layout/plain }} + +
+

Default

+
+ +
+ + + +
+ +
+
+ +{{/web/layout/plain }} diff --git a/packages/web/src/scss/components/UNSTABLE_PartnerLogo/index.scss b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/index.scss new file mode 100644 index 0000000000..354a770b55 --- /dev/null +++ b/packages/web/src/scss/components/UNSTABLE_PartnerLogo/index.scss @@ -0,0 +1 @@ +@forward 'UNSTABLE_PartnerLogo'; diff --git a/packages/web/src/scss/components/index.scss b/packages/web/src/scss/components/index.scss index 5d7c013a9b..053c03a9f0 100644 --- a/packages/web/src/scss/components/index.scss +++ b/packages/web/src/scss/components/index.scss @@ -28,5 +28,6 @@ @forward 'UNSTABLE_Avatar'; @forward 'UNSTABLE_Divider'; @forward 'UNSTABLE_EmptyState'; +@forward 'UNSTABLE_PartnerLogo'; @forward 'UNSTABLE_ProductLogo'; @forward 'UNSTABLE_Slider';