ada-ui 5.1.0 → 5.1.2-test-cb47a56a5a40a62af75b85c3557b3cf7d578816f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.changeset/config.json +6 -2
- package/.github/workflows/release-snapshot.yml +153 -0
- package/.github/workflows/release.yml +1 -1
- package/CHANGELOG.md +12 -0
- package/README.md +12 -0
- package/css/ada.css +1 -1
- package/package.json +2 -3
- package/scss/_panel.scss +8 -0
- package/scss/ada.green.scss +1 -0
package/.changeset/config.json
CHANGED
|
@@ -5,7 +5,11 @@
|
|
|
5
5
|
"fixed": [],
|
|
6
6
|
"linked": [],
|
|
7
7
|
"access": "public",
|
|
8
|
-
"baseBranch": "master",
|
|
8
|
+
"baseBranch": "origin/master",
|
|
9
9
|
"updateInternalDependencies": "patch",
|
|
10
|
-
"ignore": []
|
|
10
|
+
"ignore": [],
|
|
11
|
+
"snapshot": {
|
|
12
|
+
"useCalculatedVersion": true,
|
|
13
|
+
"prereleaseTemplate": "{tag}-{commit}"
|
|
14
|
+
}
|
|
11
15
|
}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
name: Release Snapshot
|
|
2
|
+
|
|
3
|
+
on:
|
|
4
|
+
issue_comment:
|
|
5
|
+
types: ["created"]
|
|
6
|
+
|
|
7
|
+
concurrency: ${{ github.workflow }}-${{ github.ref }}
|
|
8
|
+
|
|
9
|
+
jobs:
|
|
10
|
+
release:
|
|
11
|
+
name: Release
|
|
12
|
+
if:
|
|
13
|
+
${{ github.event.issue.pull_request && github.event.comment.body ==
|
|
14
|
+
'/snapshot' }}
|
|
15
|
+
runs-on: ubuntu-latest
|
|
16
|
+
steps:
|
|
17
|
+
- name: Add initial reaction
|
|
18
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
19
|
+
with:
|
|
20
|
+
comment-id: ${{ github.event.comment.id }}
|
|
21
|
+
reactions: eyes
|
|
22
|
+
|
|
23
|
+
- name: Create initial comment
|
|
24
|
+
id: initial-comment
|
|
25
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
26
|
+
with:
|
|
27
|
+
issue-number: ${{ github.event.issue.number }}
|
|
28
|
+
body: |
|
|
29
|
+
**Snapshot release** triggered by ${{ github.event.comment.html_url }}
|
|
30
|
+
|
|
31
|
+
⏳ Running ([view action log](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}))
|
|
32
|
+
|
|
33
|
+
- name: Enforce write permission
|
|
34
|
+
uses: prince-chrismc/check-actor-permissions-action@v3
|
|
35
|
+
with:
|
|
36
|
+
permission: write
|
|
37
|
+
|
|
38
|
+
- name: Get branch ref from PR comment
|
|
39
|
+
uses: xt0rted/pull-request-comment-branch@v2
|
|
40
|
+
id: comment-branch
|
|
41
|
+
|
|
42
|
+
- uses: actions/checkout@v4
|
|
43
|
+
with:
|
|
44
|
+
ref: ${{ steps.comment-branch.outputs.head_ref }}
|
|
45
|
+
fetch-depth: 0
|
|
46
|
+
|
|
47
|
+
- name: Use Node.js from .tool-versions
|
|
48
|
+
uses: actions/setup-node@v4
|
|
49
|
+
with:
|
|
50
|
+
node-version-file: .tool-versions
|
|
51
|
+
|
|
52
|
+
- name: Install dependencies
|
|
53
|
+
run: npm install
|
|
54
|
+
|
|
55
|
+
- name: Changeset status
|
|
56
|
+
id: changeset-status
|
|
57
|
+
run: npx changeset status
|
|
58
|
+
|
|
59
|
+
- name: Version packages
|
|
60
|
+
run:
|
|
61
|
+
npx changeset version --snapshot ${{
|
|
62
|
+
steps.comment-branch.outputs.head_ref }}
|
|
63
|
+
|
|
64
|
+
- name: Build packages
|
|
65
|
+
run: npm run build
|
|
66
|
+
|
|
67
|
+
- name: Create .npmrc
|
|
68
|
+
run:
|
|
69
|
+
echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >
|
|
70
|
+
~/.npmrc
|
|
71
|
+
|
|
72
|
+
- name: Publish packages
|
|
73
|
+
id: publish
|
|
74
|
+
run: |
|
|
75
|
+
set +e
|
|
76
|
+
CHANGESET_OUTPUT=$(npx changeset publish --no-git-tag --tag ${{ steps.comment-branch.outputs.head_ref }} 2>&1)
|
|
77
|
+
CHANGESET_EXITCODE="$?"
|
|
78
|
+
set -e
|
|
79
|
+
echo "console<<__EOF__" >> $GITHUB_OUTPUT
|
|
80
|
+
echo "$CHANGESET_OUTPUT" &>> $GITHUB_OUTPUT
|
|
81
|
+
echo "__EOF__" >> $GITHUB_OUTPUT
|
|
82
|
+
echo "$CHANGESET_OUTPUT"
|
|
83
|
+
exit "$CHANGESET_EXITCODE"
|
|
84
|
+
|
|
85
|
+
- name: Add success reaction
|
|
86
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
87
|
+
with:
|
|
88
|
+
comment-id: ${{ github.event.comment.id }}
|
|
89
|
+
reactions: rocket
|
|
90
|
+
|
|
91
|
+
- name: Add success comment
|
|
92
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
93
|
+
with:
|
|
94
|
+
comment-id: ${{ steps.initial-comment.outputs.comment-id }}
|
|
95
|
+
edit-mode: replace
|
|
96
|
+
body: |
|
|
97
|
+
**Snapshot release** triggered by ${{ github.event.comment.html_url }}
|
|
98
|
+
|
|
99
|
+
✅ Success ([view action log](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}))
|
|
100
|
+
|
|
101
|
+
<details>
|
|
102
|
+
<summary>Output</summary>
|
|
103
|
+
|
|
104
|
+
```console
|
|
105
|
+
${{ steps.publish.outputs.console }}
|
|
106
|
+
```
|
|
107
|
+
</details>
|
|
108
|
+
|
|
109
|
+
- name: Add failure reaction
|
|
110
|
+
if: ${{ failure() || cancelled() }}
|
|
111
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
112
|
+
with:
|
|
113
|
+
comment-id: ${{ github.event.comment.id }}
|
|
114
|
+
reactions: confused
|
|
115
|
+
|
|
116
|
+
- name: Add missing changeset comment
|
|
117
|
+
if: ${{ failure() && steps.changeset-status.outcome == 'failure' }}
|
|
118
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
119
|
+
with:
|
|
120
|
+
comment-id: ${{ steps.initial-comment.outputs.comment-id }}
|
|
121
|
+
edit-mode: replace
|
|
122
|
+
body: |
|
|
123
|
+
**Snapshot release** triggered by ${{ github.event.comment.html_url }}
|
|
124
|
+
|
|
125
|
+
❌ Failure ([view action log](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}))
|
|
126
|
+
|
|
127
|
+
#### Missing changeset(s)
|
|
128
|
+
|
|
129
|
+
No changesets were found. Run `npm run changeset` to resolve this error.
|
|
130
|
+
|
|
131
|
+
[Click here to learn what changesets are, and how to add one](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md).
|
|
132
|
+
|
|
133
|
+
- name: Add generic failure comment
|
|
134
|
+
if: ${{ failure() && steps.changeset-status.outcome != 'failure' }}
|
|
135
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
136
|
+
with:
|
|
137
|
+
comment-id: ${{ steps.initial-comment.outputs.comment-id }}
|
|
138
|
+
edit-mode: replace
|
|
139
|
+
body: |
|
|
140
|
+
**Snapshot release** triggered by ${{ github.event.comment.html_url }}
|
|
141
|
+
|
|
142
|
+
❌ Failure ([view action log](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}))
|
|
143
|
+
|
|
144
|
+
- name: Add canceled comment
|
|
145
|
+
if: cancelled()
|
|
146
|
+
uses: peter-evans/create-or-update-comment@v4
|
|
147
|
+
with:
|
|
148
|
+
comment-id: ${{ steps.initial-comment.outputs.comment-id }}
|
|
149
|
+
edit-mode: replace
|
|
150
|
+
body: |
|
|
151
|
+
**Snapshot release** triggered by ${{ github.event.comment.html_url }}
|
|
152
|
+
|
|
153
|
+
⭕️ Canceled ([view action log](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}))
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# ada-ui
|
|
2
2
|
|
|
3
|
+
## 5.1.2-test-cb47a56a5a40a62af75b85c3557b3cf7d578816f
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- cb47a56: test
|
|
8
|
+
|
|
9
|
+
## 5.1.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 332e233: Remove padding in case of empty footer or header
|
|
14
|
+
|
|
3
15
|
## 5.1.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -29,3 +29,15 @@ using the CSS, ensure to include the correct theme file before the main one,
|
|
|
29
29
|
e.g.:
|
|
30
30
|
|
|
31
31
|
https://cdn.jsdelivr.net/gh/tklepzig/Ada@5.0.0/css/ada.blue.css
|
|
32
|
+
|
|
33
|
+
## Versioning and Publishing
|
|
34
|
+
|
|
35
|
+
- Releases are created via GitHub Actions using
|
|
36
|
+
[Changesets](https://github.com/changesets/changesets)
|
|
37
|
+
- When adding changes which needs a version update, add a changeset by running
|
|
38
|
+
`npm run changeset`
|
|
39
|
+
- When the changes are done, commit/merge your branch which will create/update a
|
|
40
|
+
Release PR (opened by a bot) that incorporates the changesets to update the
|
|
41
|
+
changelog and version number
|
|
42
|
+
- When ready for release, merge the Release PR
|
|
43
|
+
- For creating prereleases (snapshots), run `npm run snapshot <prerelease-tag>`
|
package/css/ada.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}h1,h2,h3,h4,h5,h6,p,pre{font-size:inherit;font-weight:inherit;margin:0}a{color:inherit;text-decoration:inherit}button,input,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}:disabled{cursor:default}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}ol,ul,menu{list-style:none;margin:0;padding:0}:root{--font-family: "Open Sans", sans-serif;--font-size: 16px;--scale-sm: 0.85rem;--scale-base: 1rem;--scale-lg: 1.2rem;--scale-xl: 1.4rem;--scale-2xl: 1.6rem;--scale-3xl: 1.8rem;--box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);--spacing-xs: 2px;--spacing-sm: 6px;--spacing: 10px;--border-width: 0.15rem;--focus-border-width: 0.15rem;--border-radius: 0.3rem}@media screen and (min-width: 768px){:root{--font-size: 14px}}:root.light-theme{--box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4)}.panel>article::-webkit-scrollbar,body::-webkit-scrollbar{width:var(--spacing-sm);background:transparent}.panel>article::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{min-width:1rem;border-style:solid;border-color:transparent;border-width:var(--spacing-sm);background:var(--color700);box-sizing:border-box;background-clip:border-box}html{font-family:var(--font-family);font-weight:400;font-size:var(--font-size)}body{font-size:1rem;padding:var(--spacing);background:var(--bg-body);color:var(--fg-body);transition:background-color .15s ease-in-out}h1,h2,h3,h4,.panel>header{font-weight:300;text-shadow:0 0 4px oklch(var(--400)/0.5);color:var(--fg-body)}h1{font-size:var(--scale-3xl)}h2{font-size:var(--scale-2xl)}h3{font-size:var(--scale-xl)}h4{font-size:var(--scale-lg)}.command{background-color:var(--color800);box-shadow:var(--box-shadow);display:grid;align-items:end;justify-items:end;text-align:end;border-style:solid;border-color:transparent;border-width:0 0 0 var(--focus-border-width);padding:var(--spacing-xs) var(--spacing-sm);min-height:3rem;min-width:3rem;border-radius:var(--border-radius);overflow:hidden;outline:none;color:var(--color100);font-family:inherit;font-size:var(--scale-base);cursor:pointer;user-select:none;vertical-align:middle;transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.command.flash{animation:flash-background 1s ease-in-out infinite}.command:disabled{opacity:.7;cursor:default;pointer-events:none;background:#6d6d6d;color:#ededed}.command.outline{background-color:transparent;border-color:var(--color700);border-width:var(--border-width);color:var(--fg-body)}.command.outline.flash{animation-name:flash-border}.command.outline:disabled{background:transparent;border-color:#6d6d6d;color:#6d6d6d}.command.outline:focus{border-color:var(--color500)}.command.outline:active{color:var(--color100)}.command:focus{border-left-color:var(--color500)}.command:active{border-color:var(--color500);background-color:var(--color500);animation-play-state:paused}.compound-commands{display:inline-flex;gap:var(--spacing-sm)}.compound-commands>.spacer{background-color:var(--color800);box-shadow:var(--box-shadow);min-width:1rem;min-height:1rem}.compound-commands>.spacer.outline{background-color:transparent;border:var(--border-width) solid var(--color700)}.compound-commands>.text{font-size:var(--scale-3xl);line-height:var(--scale-3xl);align-self:center;padding:var(--spacing-xs)}.compound-commands>.command:first-child,.compound-commands .spacer:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.compound-commands>.command:not(:first-child):not(:last-child),.compound-commands .spacer:not(:first-child):not(:last-child){border-radius:0}.compound-commands>.command:last-child,.compound-commands .spacer:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.compound-commands.vertical{flex-direction:column}.compound-commands.vertical>.text{justify-self:center}.compound-commands.vertical>.command:first-child,.compound-commands.vertical .spacer:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.compound-commands.vertical>.command:last-child,.compound-commands.vertical .spacer:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}@keyframes flash-background{50%{background-color:var(--color600)}}@keyframes flash-border{50%{border-color:var(--color500)}}.input{border-radius:var(--border-radius);box-shadow:var(--box-shadow);outline:none;border:var(--border-width) solid var(--color600);color:var(--fg-body);font-family:inherit;background-color:transparent;transition:border-color .15s ease-in-out;padding:var(--spacing-sm);font-size:var(--scale-base)}.input:focus{border:var(--border-width) solid var(--color500)}.input:disabled{opacity:.4;filter:saturate(0.6);cursor:default;pointer-events:none}.panel>footer::after,.panel>footer::before,.panel>header::after,.panel>header::before{content:"";border-style:solid;border-color:var(--color700);position:absolute;height:1rem;width:1rem;z-index:2}.panel{background:var(--panel-background);box-shadow:var(--box-shadow);border-radius:var(--border-radius);display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.panel>header{position:relative;font-size:var(--scale-xl);padding:var(--spacing-sm) var(--spacing)}.panel>header::before{border-width:var(--border-width) 0 0 var(--border-width);border-radius:var(--border-radius) 0 0 0;left:0;top:0}.panel>header::after{border-width:var(--border-width) var(--border-width) 0 0;border-radius:0 var(--border-radius) 0 0;right:0;top:0}.panel>article{z-index:1;padding:var(--spacing);overflow:auto}.panel>footer{position:relative;padding:var(--spacing-sm) var(--spacing);font-size:var(--scale-sm);text-align:right}.panel>footer::before{border-width:0 0 var(--border-width) var(--border-width);border-radius:0 0 0 var(--border-radius);left:0;bottom:0}.panel>footer::after{border-width:0 var(--border-width) var(--border-width) 0;border-radius:0 0 var(--border-radius) 0;right:0;bottom:0}.spinner{display:inline-grid;justify-items:center;align-items:center;width:1em;height:1em;position:relative;box-sizing:border-box;animation:6s .5s rotate ease-in-out alternate infinite}.spinner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-style:solid;border-width:.05em;border-radius:50%;border-color:var(--color700) transparent;animation:4s .5s inset1 ease-in-out infinite;box-shadow:0px 12px 10px -12px rgba(0,0,0,.4),0px -12px 10px -12px rgba(0,0,0,.4)}.spinner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-style:solid;border-width:.05em;border-radius:50%;border-color:transparent var(--color500);animation:4s .5s inset2 ease-in-out infinite;box-shadow:12px 0px 10px -12px rgba(0,0,0,.4),-12px 0px 10px -12px rgba(0,0,0,.4)}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes inset1{0%{top:0;left:0;right:0;bottom:0;transform:rotate(0)}12.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(0)}37.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(180deg)}50%{top:0;left:0;right:0;bottom:0;transform:rotate(180deg)}100%{top:0;left:0;right:0;bottom:0;transform:rotate(180deg)}}@keyframes inset2{0%{top:0;left:0;right:0;bottom:0;transform:rotate(0)}50%{top:0;left:0;right:0;bottom:0;transform:rotate(0)}62.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(0)}87.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(180deg)}100%{top:0;left:0;right:0;bottom:0;transform:rotate(180deg)}}
|
|
1
|
+
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}h1,h2,h3,h4,h5,h6,p,pre{font-size:inherit;font-weight:inherit;margin:0}a{color:inherit;text-decoration:inherit}button,input,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}:disabled{cursor:default}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}ol,ul,menu{list-style:none;margin:0;padding:0}:root{--font-family: "Open Sans", sans-serif;--font-size: 16px;--scale-sm: 0.85rem;--scale-base: 1rem;--scale-lg: 1.2rem;--scale-xl: 1.4rem;--scale-2xl: 1.6rem;--scale-3xl: 1.8rem;--box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);--spacing-xs: 2px;--spacing-sm: 6px;--spacing: 10px;--border-width: 0.15rem;--focus-border-width: 0.15rem;--border-radius: 0.3rem}@media screen and (min-width: 768px){:root{--font-size: 14px}}:root.light-theme{--box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4)}.panel>article::-webkit-scrollbar,body::-webkit-scrollbar{width:var(--spacing-sm);background:transparent}.panel>article::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{min-width:1rem;border-style:solid;border-color:transparent;border-width:var(--spacing-sm);background:var(--color700);box-sizing:border-box;background-clip:border-box}html{font-family:var(--font-family);font-weight:400;font-size:var(--font-size)}body{font-size:1rem;padding:var(--spacing);background:var(--bg-body);color:var(--fg-body);transition:background-color .15s ease-in-out}h1,h2,h3,h4,.panel>header{font-weight:300;text-shadow:0 0 4px oklch(var(--400)/0.5);color:var(--fg-body)}h1{font-size:var(--scale-3xl)}h2{font-size:var(--scale-2xl)}h3{font-size:var(--scale-xl)}h4{font-size:var(--scale-lg)}.command{background-color:var(--color800);box-shadow:var(--box-shadow);display:grid;align-items:end;justify-items:end;text-align:end;border-style:solid;border-color:transparent;border-width:0 0 0 var(--focus-border-width);padding:var(--spacing-xs) var(--spacing-sm);min-height:3rem;min-width:3rem;border-radius:var(--border-radius);overflow:hidden;outline:none;color:var(--color100);font-family:inherit;font-size:var(--scale-base);cursor:pointer;user-select:none;vertical-align:middle;transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.command.flash{animation:flash-background 1s ease-in-out infinite}.command:disabled{opacity:.7;cursor:default;pointer-events:none;background:#6d6d6d;color:#ededed}.command.outline{background-color:transparent;border-color:var(--color700);border-width:var(--border-width);color:var(--fg-body)}.command.outline.flash{animation-name:flash-border}.command.outline:disabled{background:transparent;border-color:#6d6d6d;color:#6d6d6d}.command.outline:focus{border-color:var(--color500)}.command.outline:active{color:var(--color100)}.command:focus{border-left-color:var(--color500)}.command:active{border-color:var(--color500);background-color:var(--color500);animation-play-state:paused}.compound-commands{display:inline-flex;gap:var(--spacing-sm)}.compound-commands>.spacer{background-color:var(--color800);box-shadow:var(--box-shadow);min-width:1rem;min-height:1rem}.compound-commands>.spacer.outline{background-color:transparent;border:var(--border-width) solid var(--color700)}.compound-commands>.text{font-size:var(--scale-3xl);line-height:var(--scale-3xl);align-self:center;padding:var(--spacing-xs)}.compound-commands>.command:first-child,.compound-commands .spacer:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.compound-commands>.command:not(:first-child):not(:last-child),.compound-commands .spacer:not(:first-child):not(:last-child){border-radius:0}.compound-commands>.command:last-child,.compound-commands .spacer:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.compound-commands.vertical{flex-direction:column}.compound-commands.vertical>.text{justify-self:center}.compound-commands.vertical>.command:first-child,.compound-commands.vertical .spacer:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.compound-commands.vertical>.command:last-child,.compound-commands.vertical .spacer:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}@keyframes flash-background{50%{background-color:var(--color600)}}@keyframes flash-border{50%{border-color:var(--color500)}}.input{border-radius:var(--border-radius);box-shadow:var(--box-shadow);outline:none;border:var(--border-width) solid var(--color600);color:var(--fg-body);font-family:inherit;background-color:transparent;transition:border-color .15s ease-in-out;padding:var(--spacing-sm);font-size:var(--scale-base)}.input:focus{border:var(--border-width) solid var(--color500)}.input:disabled{opacity:.4;filter:saturate(0.6);cursor:default;pointer-events:none}.panel>footer::after,.panel>footer::before,.panel>header::after,.panel>header::before{content:"";border-style:solid;border-color:var(--color700);position:absolute;height:1rem;width:1rem;z-index:2}.panel{background:var(--panel-background);box-shadow:var(--box-shadow);border-radius:var(--border-radius);display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.panel>header{position:relative;font-size:var(--scale-xl);padding:var(--spacing-sm) var(--spacing)}.panel>header:empty{padding:0}.panel>header::before{border-width:var(--border-width) 0 0 var(--border-width);border-radius:var(--border-radius) 0 0 0;left:0;top:0}.panel>header::after{border-width:var(--border-width) var(--border-width) 0 0;border-radius:0 var(--border-radius) 0 0;right:0;top:0}.panel>article{z-index:1;padding:var(--spacing);overflow:auto}.panel>footer{position:relative;padding:var(--spacing-sm) var(--spacing);font-size:var(--scale-sm);text-align:right}.panel>footer:empty{padding:0}.panel>footer::before{border-width:0 0 var(--border-width) var(--border-width);border-radius:0 0 0 var(--border-radius);left:0;bottom:0}.panel>footer::after{border-width:0 var(--border-width) var(--border-width) 0;border-radius:0 0 var(--border-radius) 0;right:0;bottom:0}.spinner{display:inline-grid;justify-items:center;align-items:center;width:1em;height:1em;position:relative;box-sizing:border-box;animation:6s .5s rotate ease-in-out alternate infinite}.spinner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-style:solid;border-width:.05em;border-radius:50%;border-color:var(--color700) transparent;animation:4s .5s inset1 ease-in-out infinite;box-shadow:0px 12px 10px -12px rgba(0,0,0,.4),0px -12px 10px -12px rgba(0,0,0,.4)}.spinner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-style:solid;border-width:.05em;border-radius:50%;border-color:transparent var(--color500);animation:4s .5s inset2 ease-in-out infinite;box-shadow:12px 0px 10px -12px rgba(0,0,0,.4),-12px 0px 10px -12px rgba(0,0,0,.4)}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes inset1{0%{top:0;left:0;right:0;bottom:0;transform:rotate(0)}12.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(0)}37.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(180deg)}50%{top:0;left:0;right:0;bottom:0;transform:rotate(180deg)}100%{top:0;left:0;right:0;bottom:0;transform:rotate(180deg)}}@keyframes inset2{0%{top:0;left:0;right:0;bottom:0;transform:rotate(0)}50%{top:0;left:0;right:0;bottom:0;transform:rotate(0)}62.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(0)}87.5%{top:.2em;left:.2em;right:.2em;bottom:.2em;transform:rotate(180deg)}100%{top:0;left:0;right:0;bottom:0;transform:rotate(180deg)}}
|
package/package.json
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ada-ui",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.2-test-cb47a56a5a40a62af75b85c3557b3cf7d578816f",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "concurrently -n scss,serve 'sass scss:css --watch' 'alive-server .'",
|
|
6
6
|
"build": "rm -rf css && sass scss:css -s compressed --no-source-map",
|
|
7
7
|
"changeset": "changeset",
|
|
8
8
|
"snapshot": "f(){ if [ -z \"$1\" ]; then echo \"Error: No tag name specified, exiting.\"; exit 1; fi; npm run build && changeset version --snapshot $1 && changeset publish --no-git-tag --tag $1; }; f",
|
|
9
9
|
"remove-snapshot": "f(){ if [ -z \"$1\" ]; then echo \"Error: No tag name specified, exiting.\"; exit 1; fi; npm dist-tag rm ada-ui $1; }; f",
|
|
10
|
-
"version": "npm run build && changeset version"
|
|
11
|
-
"publish-package": "changeset publish"
|
|
10
|
+
"version": "npm run build && changeset version"
|
|
12
11
|
},
|
|
13
12
|
"license": "MIT",
|
|
14
13
|
"exports": {
|
package/scss/_panel.scss
CHANGED
|
@@ -23,6 +23,10 @@
|
|
|
23
23
|
|
|
24
24
|
padding: var(--spacing-sm) var(--spacing);
|
|
25
25
|
|
|
26
|
+
&:empty {
|
|
27
|
+
padding: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
26
30
|
&::before {
|
|
27
31
|
@extend %corner-base;
|
|
28
32
|
border-width: var(--border-width) 0 0 var(--border-width);
|
|
@@ -53,6 +57,10 @@
|
|
|
53
57
|
font-size: var(--scale-sm);
|
|
54
58
|
text-align: right;
|
|
55
59
|
|
|
60
|
+
&:empty {
|
|
61
|
+
padding: 0;
|
|
62
|
+
}
|
|
63
|
+
|
|
56
64
|
&::before {
|
|
57
65
|
@extend %corner-base;
|
|
58
66
|
border-width: 0 0 var(--border-width) var(--border-width);
|
package/scss/ada.green.scss
CHANGED