chore: release v1.0.0-beta.0

CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.0](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.108...v1.0.0-beta.0) (2023-10-20)
+
+**Note:** Version bump only for package root
+
+# [1.0.0-alpha.108](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.107...v1.0.0-alpha.108) (2023-10-20)
+
+### Features
+
+- downloadable asset card ([c101af3](https://github.com/acid-info/logos-docusaurus-plugins/commit/c101af327f87cde154dab77b320b33bf77b31c9c)), closes [acid-info/logos-brand-guidelines#15](https://github.com/acid-info/logos-brand-guidelines/issues/15)
+- external resource card ([d4e49e2](https://github.com/acid-info/logos-docusaurus-plugins/commit/d4e49e2395ffe6a9c72da2633d8543a367c222e5)), closes [acid-info/logos-brand-guidelines#13](https://github.com/acid-info/logos-brand-guidelines/issues/13) [acid-info/logos-brand-guidelines#14](https://github.com/acid-info/logos-brand-guidelines/issues/14)
+
 # [1.0.0-alpha.107](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.106...v1.0.0-alpha.107) (2023-10-16)
 
 ### Features

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.107",
+  "version": "1.0.0-beta.0",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"

packages/docusaurus-fathom/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.0](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.108...v1.0.0-beta.0) (2023-10-20)
+
+**Note:** Version bump only for package @acid-info/docusaurus-fathom
+
 # [1.0.0-alpha.101](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.100...v1.0.0-alpha.101) (2023-09-22)
 
 ### Bug Fixes

packages/docusaurus-fathom/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acid-info/docusaurus-fathom",
-  "version": "1.0.0-alpha.101",
+  "version": "1.0.0-beta.0",
   "description": "Docusaurus fathom plugin",
   "main": "lib/index.js",
   "types": "src/plugin.d.ts",

packages/docusaurus-og/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.0](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.108...v1.0.0-beta.0) (2023-10-20)
+
+**Note:** Version bump only for package @acid-info/docusaurus-og
+
 # [1.0.0-alpha.76](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.75...v1.0.0-alpha.76) (2023-07-11)
 
 ### Bug Fixes

packages/docusaurus-og/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acid-info/docusaurus-og",
-  "version": "1.0.0-alpha.76",
+  "version": "1.0.0-beta.0",
   "description": "Docusaurus local search plugin",
   "main": "lib/index.js",
   "repository": {

packages/logos-docusaurus-preset/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.0](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.108...v1.0.0-beta.0) (2023-10-20)
+
+**Note:** Version bump only for package @acid-info/logos-docusaurus-preset
+
+# [1.0.0-alpha.108](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.107...v1.0.0-alpha.108) (2023-10-20)
+
+**Note:** Version bump only for package @acid-info/logos-docusaurus-preset
+
 # [1.0.0-alpha.107](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.106...v1.0.0-alpha.107) (2023-10-16)
 
 **Note:** Version bump only for package @acid-info/logos-docusaurus-preset

packages/logos-docusaurus-preset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acid-info/logos-docusaurus-preset",
-  "version": "1.0.0-alpha.107",
+  "version": "1.0.0-beta.0",
   "description": "Docusaurus preset for Logos documentation websites",
   "main": "lib/index.js",
   "types": "src/preset.d.ts",
@@ -16,9 +16,9 @@
     "prepublishOnly": "yarn build"
   },
   "dependencies": {
-    "@acid-info/docusaurus-og": "^1.0.0-alpha.76",
-    "@acid-info/logos-docusaurus-search-local": "^1.0.0-alpha.47",
-    "@acid-info/logos-docusaurus-theme": "^1.0.0-alpha.107",
+    "@acid-info/docusaurus-og": "^1.0.0-beta.0",
+    "@acid-info/logos-docusaurus-search-local": "^1.0.0-beta.0",
+    "@acid-info/logos-docusaurus-theme": "^1.0.0-beta.0",
     "@docusaurus/core": "^2.4.1",
     "@docusaurus/module-type-aliases": "^2.4.1",
     "@docusaurus/preset-classic": "^2.4.1",

packages/logos-docusaurus-search-local/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.0](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.108...v1.0.0-beta.0) (2023-10-20)
+
+**Note:** Version bump only for package @acid-info/logos-docusaurus-search-local
+
 # [1.0.0-alpha.47](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.46...v1.0.0-alpha.47) (2023-06-19)
 
 ### Features

packages/logos-docusaurus-search-local/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acid-info/logos-docusaurus-search-local",
-  "version": "1.0.0-alpha.47",
+  "version": "1.0.0-beta.0",
   "description": "Docusaurus local search plugin",
   "main": "lib/index.js",
   "types": "src/plugin.d.ts",

packages/logos-docusaurus-theme/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.0](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.108...v1.0.0-beta.0) (2023-10-20)
+
+**Note:** Version bump only for package @acid-info/logos-docusaurus-theme
+
+# [1.0.0-alpha.108](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.107...v1.0.0-alpha.108) (2023-10-20)
+
+### Features
+
+- downloadable asset card ([c101af3](https://github.com/acid-info/logos-docusaurus-plugins/commit/c101af327f87cde154dab77b320b33bf77b31c9c)), closes [acid-info/logos-brand-guidelines#15](https://github.com/acid-info/logos-brand-guidelines/issues/15)
+- external resource card ([d4e49e2](https://github.com/acid-info/logos-docusaurus-plugins/commit/d4e49e2395ffe6a9c72da2633d8543a367c222e5)), closes [acid-info/logos-brand-guidelines#13](https://github.com/acid-info/logos-brand-guidelines/issues/13) [acid-info/logos-brand-guidelines#14](https://github.com/acid-info/logos-brand-guidelines/issues/14)
+
 # [1.0.0-alpha.107](https://github.com/acid-info/logos-docusaurus-plugins/compare/v1.0.0-alpha.106...v1.0.0-alpha.107) (2023-10-16)
 
 ### Features

packages/logos-docusaurus-theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acid-info/logos-docusaurus-theme",
-  "version": "1.0.0-alpha.107",
+  "version": "1.0.0-beta.0",
   "description": "A Docusaurus theme for Logos documentation websites",
   "main": "lib/index.js",
   "types": "src/theme.d.ts",
@@ -20,7 +20,7 @@
     "prepublishOnly": "yarn clean && yarn build"
   },
   "dependencies": {
-    "@acid-info/docusaurus-og": "^1.0.0-alpha.76",
+    "@acid-info/docusaurus-og": "^1.0.0-beta.0",
     "@acid-info/lsd-react": "^0.1.0-alpha.17",
     "@docusaurus/core": "^2.4.1",
     "@docusaurus/mdx-loader": "^2.4.1",

packages/logos-docusaurus-theme/src/client/components/Icon/Icon.tsx

@@ -31,6 +31,7 @@ import DiscordWhiteSvg from '../../static/icons/discord-white.svg'
 import TelegramWhiteSvg from '../../static/icons/telegram-white.svg'
 import XSvg from '../../static/icons/x.svg'
 import Avatar from '../../static/icons/avatar.svg'
+import DownloadSvg from '../../static/icons/download.svg'
 
 type TIconProps = {
   size?: 's' | 'm' | 'l'
@@ -227,3 +228,9 @@ export const IconAvatar = (props: TIconProps): JSX.Element => (
     <Avatar />
   </Icon>
 )
+
+export const IconDownload = (props: TIconProps): JSX.Element => (
+  <Icon {...props}>
+    <DownloadSvg />
+  </Icon>
+)

packages/logos-docusaurus-theme/src/client/components/KeepRatio/KeepRatio.module.scss

@@ -0,0 +1,38 @@
+.root {
+  position: relative;
+  display: inline-block;
+  font-size: 0 !important;
+
+  &.fullWidth {
+    width: 100%;
+    height: auto;
+  }
+
+  &.fullHeight {
+    width: auto;
+    height: 100%;
+  }
+
+  .content {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+  }
+
+  &:not(.keep) {
+    .root {
+      height: auto;
+      width: auto;
+    }
+
+    .content {
+      position: relative;
+      top: unset;
+      left: unset;
+      width: 100%;
+      height: 100%;
+    }
+  }
+}

packages/logos-docusaurus-theme/src/client/components/KeepRatio/KeepRatio.tsx

@@ -0,0 +1,77 @@
+import clsx from 'clsx'
+import React from 'react'
+import styles from './KeepRatio.module.scss'
+
+export const KeepRatio: React.FC<
+  React.PropsWithChildren<{
+    width: number
+    height: number
+    fullWidth?: boolean
+    fullHeight?: boolean
+    rootProps?: React.DetailedHTMLProps<
+      React.HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >
+    contentProps?: React.DetailedHTMLProps<
+      React.HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >
+
+    keep?: boolean
+    containerWidth?: number | string
+    containerHeight?: number | string
+  }>
+> = ({
+  children,
+  width,
+  height,
+  fullHeight: _fullHeight = false,
+  fullWidth: _fullWidth = true,
+  rootProps,
+  contentProps,
+  containerWidth,
+  containerHeight,
+  keep = true,
+}) => {
+  const fullWidth = !_fullHeight && _fullWidth
+  const fullHeight = !fullWidth
+  const ratio = (fullHeight ? height / width : width / height) * 100
+
+  return (
+    <div
+      {...(rootProps ?? {})}
+      className={clsx(
+        styles.root,
+        fullWidth && styles.fullWidth,
+        fullHeight && styles.fullHeight,
+        keep && styles.keep,
+        rootProps?.className,
+      )}
+    >
+      <div
+        {...(contentProps ?? {})}
+        className={clsx(styles.content, contentProps?.className)}
+      >
+        {children}
+      </div>
+      {keep && (
+        <svg
+          style={{
+            pointerEvents: 'none',
+            height: fullHeight
+              ? '100%'
+              : containerHeight
+              ? `calc(${height} / ${width} * ${containerWidth})`
+              : 'auto',
+            width: fullWidth
+              ? '100%'
+              : containerHeight
+              ? `calc(${width} / ${height} * ${containerHeight})`
+              : 'auto',
+          }}
+          viewBox={`0 0 ${fullWidth ? ratio : 100} ${fullHeight ? ratio : 100}`}
+        ></svg>
+      )}
+    </div>
+  )
+}

packages/logos-docusaurus-theme/src/client/components/KeepRatio/index.ts

@@ -0,0 +1 @@
+export * from './KeepRatio'

packages/logos-docusaurus-theme/src/client/components/mdx/AssetCard/AssetCard.scss

@@ -0,0 +1,70 @@
+@use '../../../css/utils';
+@use '../../../css/lsd';
+
+.mdx-asset-card {
+  width: 216px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border: 1px solid rgb(var(--lsd-border-primary));
+  border-bottom: none;
+  text-decoration: none !important;
+  min-height: 144px;
+}
+
+.mdx-asset-card__inner {
+  width: 100%;
+  padding: 16px 16px 32px 16px;
+}
+
+.mdx-asset-card__title {
+  margin-bottom: 16px;
+}
+
+.mdx-asset-card__image {
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    object-position: center center;
+  }
+}
+
+.mdx-asset-card__downloadables {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: stretch;
+
+  & > * {
+    flex-grow: 1;
+    font-size: 12px;
+    text-decoration: none !important;
+    text-underline-offset: unset !important;
+
+    button {
+      width: 100%;
+      justify-content: space-between;
+      text-decoration: none;
+    }
+
+    &:first-child button {
+      border-left: none;
+    }
+
+    &:last-child button {
+      border-right: none;
+    }
+
+    &:not(:last-child) button {
+      border-right: none;
+    }
+  }
+}
+
+.mdx-asset-card:not(.mdx-asset-card--downloadable) {
+  .mdx-asset-card__inner {
+    border-bottom: 1px solid rgb(var(--lsd-border-primary));
+  }
+}