Skip to content

Commit

Permalink
Merge branch 'main' into update-icons-for-release-1-4
Browse files Browse the repository at this point in the history
  • Loading branch information
TorstenDittmann authored Jul 21, 2023
2 parents 9566bd3 + ff804a8 commit 3a268f9
Show file tree
Hide file tree
Showing 22 changed files with 2,511 additions and 247 deletions.
8 changes: 8 additions & 0 deletions .changeset/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
# Changesets

Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
with multi-package repos, or single-package repos to help you version and publish your code. You can
find the full documentation for it [in our repository](https://github.com/changesets/changesets)

We have a quick list of common questions to get you started engaging with this project in
[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
15 changes: 15 additions & 0 deletions .changeset/config.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
"changelog": "@changesets/cli/changelog",
"commit": false,
"fixed": [],
"linked": [["@appwrite.io/pink", "@appwrite.io/pink-icons"]],
"access": "public",
"baseBranch": "main",
"updateInternalDependencies": "patch",
"ignore": [
"@appwrite.io/kitchensink",
"@appwrite.io/fonts",
"@appwrite.io/pink-design"
]
}
25 changes: 0 additions & 25 deletions .github/workflows/publish.yml

This file was deleted.

33 changes: 33 additions & 0 deletions .github/workflows/release.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
name: Release

on:
push:
branches:
- main

concurrency: ${{ github.workflow }}-${{ github.ref }}

jobs:
release:
name: Release
runs-on: ubuntu-latest
steps:
- name: Checkout Repo
uses: actions/checkout@v3

- name: Setup Node.js 16.x
uses: actions/setup-node@v3
with:
node-version: 16.x

- name: Install Dependencies
run: npm ci

- name: Create Release Pull Request or Publish to npm
id: changesets
uses: changesets/action@v1
with:
publish: npm run release
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
2 changes: 1 addition & 1 deletion CONTRIBUTING.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ Avoid using specific icons, uppercase in every word and long sentences.
After installing [Node.js](https://nodejs.org/), run the following commands to setup Pink Design:

```sh
git clone https://github.com/appwrite/ui.git
git clone https://github.com/appwrite/pink.git
cd pink
npm install
```
Expand Down
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,11 +41,11 @@ Copy the following code into the `<head>` section of your HTML file.

### Accessibility

Our library is designed to be inclusive, making it easy for everyone to interact with and navigate, regardless of any unique needs they may have. This enhances the user experience for all and aligns with the ethical standards of web development. At Appwrite, we are dedicated to fostering accessibility in all that we do.
Our design library is designed to be inclusive, making it easy for everyone to interact with and navigate, regardless of any unique needs they may have. This enhances the user experience for all and aligns with the ethical standards of web development. At Appwrite, we are dedicated to fostering accessibility in all that we do.

We are constantly striving to improve. If you notice any areas where we can enhance accessibility, please do not hesitate to share your feedback and suggestions.

Pink Design has been built with [Astro](https://astro.build/)
The [documentation website](https://pink.appwrite.io/) for Pink Design has been built with [Astro](https://astro.build/) web framework .

## Supported Browsers

Expand All @@ -61,7 +61,7 @@ Pink Design has been built with [Astro](https://astro.build/)

## Contributing

All code contributions - including those from people with commit access - must go through a pull request and be approved by a core developer before being merged. This is to ensure a proper review of all the code.
All code contributions - including those from people with commit access - must go through a pull request and be approved by a core team member before being merged. This is to ensure a proper review of all the code.

We truly ❤️ pull requests! If you wish to help, you can learn more about how you can contribute to this project in the [contribution guide](CONTRIBUTING.md).

Expand Down
65 changes: 65 additions & 0 deletions apps/pink/src/components/BrandIcons.astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
---
import IconsGrid from "./IconsGrid.astro";
type Icons = {
default: string;
}[];
const listGrayscaleLight = (await Astro.glob(
"../../public/icons/grayscale/light/*.svg"
)) as Icons;
const listGrayscaleDark = (await Astro.glob(
"../../public/icons/grayscale/dark/*.svg"
)) as Icons;
const listColorLight = (await Astro.glob(
"../../public/icons/color/light/*.svg"
)) as Icons;
const listColorDark = (await Astro.glob(
"../../public/icons/color/dark/*.svg"
)) as Icons;
---

<section
class="common-section u-margin-block-start-36"
x-data="{ show: 'gray'}"
>
<div class="tabs">
<ul class="secondary-tabs is-large">
<li class="secondary-tabs-item">
<button
class="secondary-tabs-button"
x-on:click="show = 'gray'"
:disabled="show === 'gray'"
>
<span class="text">Grayscale</span>
</button>
</li>
<li class="secondary-tabs-item">
<button
class="secondary-tabs-button"
x-on:click="show = 'color'"
:disabled="show === 'color'"
>
<span class="text">Color</span>
</button>
</li>
</ul>
</div>

<div x-bind:class="show !== 'gray' ? 'u-hide' : ''">
<div class="u-only-light">
<IconsGrid icons={listGrayscaleLight} />
</div>
<div class="u-only-dark">
<IconsGrid icons={listGrayscaleDark} />
</div>
</div>
<div x-bind:class="show === 'gray' ? 'u-hide' : ''">
<div class="u-only-light">
<IconsGrid icons={listColorLight} />
</div>
<div class="u-only-dark">
<IconsGrid icons={listColorDark} />
</div>
</div>
</section>
20 changes: 20 additions & 0 deletions apps/pink/src/components/GeneralIcons.astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
import iconsJson from "@appwrite.io/pink-icons/dist/info.json";
import IconsGrid from "./IconsGrid.astro";
const brandIcons = await Astro.glob("../../public/icons/grayscale/light/*.svg");
const brandIconsPaths = brandIcons.map((icon) => {
return icon.default;
});
const nonBrandIcons = Object.keys(iconsJson).filter((icon) => {
return !brandIconsPaths.some((brandIcon) => {
return brandIcon.includes(icon);
});
});
---

<section class="common-section u-margin-block-start-36">
<IconsGrid icons={nonBrandIcons} />
</section>
121 changes: 0 additions & 121 deletions apps/pink/src/components/Icons.astro

This file was deleted.

Loading

0 comments on commit 3a268f9

Please sign in to comment.