Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a7e2a1887d | |||
| 70c55dffad | |||
| db44cab4ea | |||
| 3d2ce9e0a7 |
@@ -14,7 +14,9 @@ jobs:
|
|||||||
- uses: actions/setup-node@v4
|
- uses: actions/setup-node@v4
|
||||||
with:
|
with:
|
||||||
node-version: "20"
|
node-version: "20"
|
||||||
registry-url: "https://git.ollyhearn.ru/api/packages/olly/npm/"
|
|
||||||
|
- name: Set version from tag
|
||||||
|
run: npm version "${GITHUB_REF_NAME#v}" --no-git-tag-version
|
||||||
|
|
||||||
- name: Install dependencies
|
- name: Install dependencies
|
||||||
run: npm ci
|
run: npm ci
|
||||||
@@ -22,7 +24,11 @@ jobs:
|
|||||||
- name: Build
|
- name: Build
|
||||||
run: npm run build
|
run: npm run build
|
||||||
|
|
||||||
- name: Publish
|
- name: Configure Gitea npm auth
|
||||||
run: npm publish
|
run: |
|
||||||
|
echo "//git.ollyhearn.ru/api/packages/olly/npm/:_authToken=${NODE_AUTH_TOKEN}" >> ~/.npmrc
|
||||||
env:
|
env:
|
||||||
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
|
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
|
||||||
|
|
||||||
|
- name: Publish
|
||||||
|
run: npm publish
|
||||||
|
|||||||
@@ -12,23 +12,28 @@ Old-iOS skeuomorphism × macOS Sequoia neatness × Ubuntu warmth.
|
|||||||
|
|
||||||
## Install
|
## Install
|
||||||
|
|
||||||
Distributed via self-hosted git — install straight from the repo:
|
Add the registry to your project `.npmrc`:
|
||||||
|
|
||||||
|
```
|
||||||
|
@olly:registry=https://git.ollyhearn.ru/api/packages/olly/npm/
|
||||||
|
```
|
||||||
|
|
||||||
|
Then install:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm i git+https://git.ollyhearn.ru/olly/modern-sk.git
|
npm install @olly/@olly/modern-sk
|
||||||
```
|
```
|
||||||
|
|
||||||
`react` and `react-dom` (>=18) are peer dependencies — your app provides them.
|
`react` and `react-dom` (>=18) are peer dependencies — your app provides them.
|
||||||
The package builds itself on install via the `prepare` script.
|
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
Import the stylesheet once at your app root, then use components anywhere:
|
Import the stylesheet once at your app root, then use components anywhere:
|
||||||
|
|
||||||
```tsx
|
```tsx
|
||||||
import 'modern-sk/styles.css'; // required — tokens + components
|
import '@olly/modern-sk/styles.css'; // required — tokens + components
|
||||||
import 'modern-sk/fonts.css'; // optional — branded faces (see Fonts)
|
import '@olly/modern-sk/fonts.css'; // optional — branded faces (see Fonts)
|
||||||
import { ThemeProvider, TooltipProvider, Button, Card } from 'modern-sk';
|
import { ThemeProvider, TooltipProvider, Button, Card } from '@olly/modern-sk';
|
||||||
|
|
||||||
export function App() {
|
export function App() {
|
||||||
return (
|
return (
|
||||||
@@ -49,7 +54,7 @@ export function App() {
|
|||||||
|
|
||||||
## Fonts
|
## Fonts
|
||||||
|
|
||||||
`modern-sk/styles.css` ships **no fonts**. The type tokens default to a chain
|
`@olly/modern-sk/styles.css` ships **no fonts**. The type tokens default to a chain
|
||||||
that degrades to `system-ui`, so the library works with zero font loading.
|
that degrades to `system-ui`, so the library works with zero font loading.
|
||||||
|
|
||||||
To get the branded ModernSK faces (Anta display + Onest + Geist Mono), import
|
To get the branded ModernSK faces (Anta display + Onest + Geist Mono), import
|
||||||
@@ -57,7 +62,7 @@ the optional stylesheet — Anta is self-hosted and inlined, no asset hosting
|
|||||||
needed:
|
needed:
|
||||||
|
|
||||||
```tsx
|
```tsx
|
||||||
import 'modern-sk/fonts.css';
|
import '@olly/modern-sk/fonts.css';
|
||||||
```
|
```
|
||||||
|
|
||||||
To use your **own** fonts, skip `fonts.css` and override the tokens anywhere
|
To use your **own** fonts, skip `fonts.css` and override the tokens anywhere
|
||||||
|
|||||||
@@ -21,6 +21,6 @@ export const Window = ({
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{children}
|
<div className="modern-sk-window-body">{children}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1227,6 +1227,9 @@ textarea.modern-sk-field {
|
|||||||
background: var(--steel-800);
|
background: var(--steel-800);
|
||||||
box-shadow: var(--shadow-window);
|
box-shadow: var(--shadow-window);
|
||||||
}
|
}
|
||||||
|
.modern-sk-window-body {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
.modern-sk-titlebar {
|
.modern-sk-titlebar {
|
||||||
height: 42px;
|
height: 42px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user