Skip to content

Commit 6cf70cd

Browse files
gordonbrandergordonbrander
authored
Register Shoelace components for use in Charms (#228)
https://shoelace.style
1 parent 1eee65a commit 6cf70cd

File tree

14 files changed

+1382
-208
lines changed

14 files changed

+1382
-208
lines changed

‎typescript/package-lock.json‎

Lines changed: 67 additions & 80 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎typescript/packages/common-ui/index.html‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,21 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1, shrink-to-fit=no"
8+
/>
69

7-
<title>common ui</title>
8-
<style>
9-
body {
10+
<title>common ui</title>
11+
<style>
12+
body {
1013
margin: 0;
1114
padding: 0;
1215
min-height: 100vh;
13-
}
14-
</style>
15-
<script src="src/example.ts" type="module"></script>
16-
</head>
17-
<body>
18-
</body>
16+
}
17+
</style>
18+
<script src="src/example.ts" type="module"></script>
19+
</head>
20+
<body class="sl-theme-dark"></body>
1921
</html>

‎typescript/packages/common-ui/package.json‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,9 +49,10 @@
4949
},
5050
"dependencies": {
5151
"@cfworker/json-schema": "^1.12.8",
52-
"@shoelace-style/shoelace": "^2.15.1",
52+
"@shoelace-style/shoelace": "^2.18.0",
5353
"@types/node": "^20.14.2",
54-
"lit": "^3.1.4"
54+
"lit": "^3.1.4",
55+
"vite-plugin-static-copy": "^2.0.0"
5556
},
5657
"devDependencies": {
5758
"@web/test-runner": "^0.18.2",

‎typescript/packages/common-ui/src/components/button.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { view } from "../hyperscript/render.js";
2-
import { eventProps } from '../hyperscript/schema-helpers.js';
2+
import { eventProps } from "../hyperscript/schema-helpers.js";
33

44
export const button = view("button", {
55
...eventProps(),
66
id: { type: "string" },
7-
});
7+
});

‎typescript/packages/common-ui/src/components/index.ts‎

Lines changed: 27 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,27 @@
1-
export * as CommonButton from './common-button.js';
2-
export * as CommonDatatable from './common-datatable.js';
3-
export * as CommonDict from './common-dict.js';
4-
export * as CommonHstack from './common-hstack.js';
5-
export * as CommonImg from './common-img.js';
6-
export * as CommonInput from './common-input.js';
7-
export * as CommonInputFile from './common-input-file.js';
8-
export * as CommonMedia from './common-media.js';
9-
export * as CommonNavPanel from './common-navpanel.js';
10-
export * as CommonRecord from './common-record.js';
11-
export * as CommonScreen from './common-screen.js';
12-
export * as CommonVstack from './common-vstack.js';
13-
export * as CommonUnibox from './common-unibox.js';
14-
export * as CommonSuggestion from './common-suggestion.js';
15-
export * as CommonSuggestions from './common-suggestions.js';
16-
export * as CommonSpacer from './common-spacer.js';
17-
export * as CommonHeroLayout from './common-hero-layout.js';
18-
export * as CommonSystemLayout from './common-system-layout.js';
19-
export * as CommonNavstack from './common-navstack.js';
20-
export * as CommonTodo from './common-todo.js';
21-
export * as CommonPill from './common-pill.js';
22-
export * as CommonHscroll from './common-hscroll.js';
23-
export * as CommonCard from './common-card.js';
24-
export * as CommonHgroup from './common-hgroup.js';
25-
export * as CommonGrid from './common-grid.js';
26-
export * as style from './style.js';
1+
export * as CommonButton from "./common-button.js";
2+
export * as CommonDatatable from "./common-datatable.js";
3+
export * as CommonDict from "./common-dict.js";
4+
export * as CommonHstack from "./common-hstack.js";
5+
export * as CommonImg from "./common-img.js";
6+
export * as CommonInput from "./common-input.js";
7+
export * as CommonInputFile from "./common-input-file.js";
8+
export * as CommonMedia from "./common-media.js";
9+
export * as CommonNavPanel from "./common-navpanel.js";
10+
export * as CommonRecord from "./common-record.js";
11+
export * as CommonScreen from "./common-screen.js";
12+
export * as CommonVstack from "./common-vstack.js";
13+
export * as CommonUnibox from "./common-unibox.js";
14+
export * as CommonSuggestion from "./common-suggestion.js";
15+
export * as CommonSuggestions from "./common-suggestions.js";
16+
export * as CommonSpacer from "./common-spacer.js";
17+
export * as CommonHeroLayout from "./common-hero-layout.js";
18+
export * as CommonSystemLayout from "./common-system-layout.js";
19+
export * as CommonNavstack from "./common-navstack.js";
20+
export * as CommonTodo from "./common-todo.js";
21+
export * as CommonPill from "./common-pill.js";
22+
export * as CommonHscroll from "./common-hscroll.js";
23+
export * as CommonCard from "./common-card.js";
24+
export * as CommonHgroup from "./common-hgroup.js";
25+
export * as CommonGrid from "./common-grid.js";
26+
export * as shoelace from "./shoelace/index.js";
27+
export * as style from "./style.js";

0 commit comments

Comments
 (0)