@idp.global/catalog 7.0.2 → 7.1.1
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/changelog.md +17 -0
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/idp-consent-card.d.ts +0 -1
- package/dist_ts_web/elements/idp-consent-card.js +55 -16
- package/dist_ts_web/elements/idp-invite-card.js +2 -1
- package/dist_ts_web/elements/idp-secure-account-card.js +2 -1
- package/package.json +2 -2
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/idp-consent-card.ts +54 -15
- package/ts_web/elements/idp-invite-card.ts +1 -0
- package/ts_web/elements/idp-secure-account-card.ts +1 -0
package/changelog.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2026-07-22 - 7.1.1
|
|
4
|
+
|
|
5
|
+
### Fixes
|
|
6
|
+
|
|
7
|
+
- render consent scopes with dedicated inline layout (idp-consent-card)
|
|
8
|
+
- Replace idp-option-row usage with explicit scope row markup for consent permissions.
|
|
9
|
+
- Adjust scope spacing, icons, and granted/check indicators for clearer consent display.
|
|
10
|
+
|
|
11
|
+
## 2026-07-22 - 7.1.0
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
- support top slot content in invite and secure account cards (auth-cards)
|
|
16
|
+
- Forward the named top slot through invite and secure account cards to idp-auth-card
|
|
17
|
+
- Simplify consent card heading copy
|
|
18
|
+
- Bump @git.zone/tsbundle from ^2.11.2 to ^2.11.3
|
|
19
|
+
|
|
3
20
|
## 2026-07-18 - 7.0.2
|
|
4
21
|
|
|
5
22
|
### Fixes
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@idp.global/catalog',
|
|
6
|
-
version: '7.
|
|
6
|
+
version: '7.1.1',
|
|
7
7
|
description: 'Web component catalog for idp.global, based on the v5 Apple-system design language.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUscUJBQXFCO0lBQzNCLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxxRkFBcUY7Q0FDbkcsQ0FBQSJ9
|
|
@@ -36,7 +36,6 @@ import { DeesElement, html, property, customElement, css } from '@design.estate/
|
|
|
36
36
|
import { idpElementStyles } from './tokens.js';
|
|
37
37
|
import './idp-auth-card.js';
|
|
38
38
|
import './idp-app-pair.js';
|
|
39
|
-
import './idp-option-row.js';
|
|
40
39
|
import './idp-badge.js';
|
|
41
40
|
import './idp-button.js';
|
|
42
41
|
import './idp-icon.js';
|
|
@@ -134,9 +133,52 @@ let IdpConsentCard = (() => {
|
|
|
134
133
|
.scopes {
|
|
135
134
|
display: flex;
|
|
136
135
|
flex-direction: column;
|
|
137
|
-
gap:
|
|
136
|
+
gap: 13px;
|
|
138
137
|
margin-top: 16px;
|
|
139
138
|
}
|
|
139
|
+
.scope {
|
|
140
|
+
display: flex;
|
|
141
|
+
align-items: flex-start;
|
|
142
|
+
gap: 12px;
|
|
143
|
+
text-align: left;
|
|
144
|
+
}
|
|
145
|
+
.scope-tile {
|
|
146
|
+
display: flex;
|
|
147
|
+
align-items: center;
|
|
148
|
+
justify-content: center;
|
|
149
|
+
flex-shrink: 0;
|
|
150
|
+
width: 30px;
|
|
151
|
+
height: 30px;
|
|
152
|
+
margin-top: 1px;
|
|
153
|
+
border-radius: 8px;
|
|
154
|
+
background: var(--sh-accent-soft);
|
|
155
|
+
color: var(--sh-accent-soft-fg);
|
|
156
|
+
}
|
|
157
|
+
.scope-body {
|
|
158
|
+
flex: 1;
|
|
159
|
+
min-width: 0;
|
|
160
|
+
}
|
|
161
|
+
.scope-title {
|
|
162
|
+
font-size: 13px;
|
|
163
|
+
font-weight: 600;
|
|
164
|
+
color: var(--idp-fg);
|
|
165
|
+
}
|
|
166
|
+
.scope-desc {
|
|
167
|
+
margin-top: 1px;
|
|
168
|
+
font-size: 12px;
|
|
169
|
+
line-height: 1.4;
|
|
170
|
+
color: var(--idp-fg-3);
|
|
171
|
+
}
|
|
172
|
+
.scope-check {
|
|
173
|
+
flex-shrink: 0;
|
|
174
|
+
margin-top: 4px;
|
|
175
|
+
color: var(--sh-ok);
|
|
176
|
+
display: flex;
|
|
177
|
+
}
|
|
178
|
+
.scope-badge {
|
|
179
|
+
flex-shrink: 0;
|
|
180
|
+
margin-top: 2px;
|
|
181
|
+
}
|
|
140
182
|
.lock-note {
|
|
141
183
|
display: flex;
|
|
142
184
|
align-items: center;
|
|
@@ -159,7 +201,7 @@ let IdpConsentCard = (() => {
|
|
|
159
201
|
];
|
|
160
202
|
render() {
|
|
161
203
|
return html `
|
|
162
|
-
<idp-auth-card heading="${this.appName} wants
|
|
204
|
+
<idp-auth-card heading="${this.appName} wants access" description="This will allow ${this.appName} to:">
|
|
163
205
|
<idp-app-pair
|
|
164
206
|
slot="top"
|
|
165
207
|
appName=${this.appName}
|
|
@@ -168,19 +210,16 @@ let IdpConsentCard = (() => {
|
|
|
168
210
|
></idp-app-pair>
|
|
169
211
|
<div class="scopes">
|
|
170
212
|
${this.scopes.map((scopeArg) => html `
|
|
171
|
-
<
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
label=${scopeArg.title}
|
|
178
|
-
description=${scopeArg.description}
|
|
179
|
-
>
|
|
213
|
+
<div class="scope">
|
|
214
|
+
<span class="scope-tile"><idp-icon name=${scopeArg.icon || 'check'} size="16"></idp-icon></span>
|
|
215
|
+
<div class="scope-body">
|
|
216
|
+
<div class="scope-title">${scopeArg.title}</div>
|
|
217
|
+
<div class="scope-desc">${scopeArg.description}</div>
|
|
218
|
+
</div>
|
|
180
219
|
${scopeArg.granted
|
|
181
|
-
? html `<idp-badge
|
|
182
|
-
: html
|
|
183
|
-
</
|
|
220
|
+
? html `<idp-badge class="scope-badge" variant="ok">Previously allowed</idp-badge>`
|
|
221
|
+
: html `<span class="scope-check"><idp-icon name="check" size="15"></idp-icon></span>`}
|
|
222
|
+
</div>
|
|
184
223
|
`)}
|
|
185
224
|
</div>
|
|
186
225
|
<div class="lock-note">
|
|
@@ -214,4 +253,4 @@ let IdpConsentCard = (() => {
|
|
|
214
253
|
return IdpConsentCard = _classThis;
|
|
215
254
|
})();
|
|
216
255
|
export { IdpConsentCard };
|
|
217
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
256
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWNvbnNlbnQtY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtY29uc2VudC1jYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUNuSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDL0MsT0FBTyxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLGVBQWUsQ0FBQztJQWlCVixjQUFjOzRCQUQxQixhQUFhLENBQUMsa0JBQWtCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs4QkFBbkIsU0FBUSxXQUFXOzs7O21DQWdCNUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2tDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7c0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztvQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztrQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO1lBakIxQiwwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUFNO1lBRzdCLHVLQUFnQixNQUFNLDZCQUFOLE1BQU0s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
|
|
@@ -279,6 +279,7 @@ let IdpInviteCard = (() => {
|
|
|
279
279
|
const view = renderers[this.state]();
|
|
280
280
|
return html `
|
|
281
281
|
<idp-auth-card heading=${view.heading} description=${view.description}>
|
|
282
|
+
<slot name="top" slot="top"></slot>
|
|
282
283
|
${view.body}
|
|
283
284
|
${this.signedIn && this.signedInEmail && this.state === 'valid'
|
|
284
285
|
? html `<span slot="footer">Signed in as ${this.signedInEmail}</span>`
|
|
@@ -300,4 +301,4 @@ let IdpInviteCard = (() => {
|
|
|
300
301
|
return IdpInviteCard = _classThis;
|
|
301
302
|
})();
|
|
302
303
|
export { IdpInviteCard };
|
|
303
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
304
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWludml0ZS1jYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1pbnZpdGUtY2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8saUJBQWlCLENBQUM7QUFDekIsT0FBTyxrQkFBa0IsQ0FBQztBQWlCMUI7Ozs7O0dBS0c7SUFFVSxhQUFhOzRCQUR6QixhQUFhLENBQUMsaUJBQWlCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkFBbkIsU0FBUSxXQUFXOzs7O2lDQWEzQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztpQ0FJekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUkxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7aUNBSXpCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztvQ0FJekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO3lDQUkzQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBSTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQXZCNUIsb0tBQWdCLEtBQUssNkJBQUwsS0FBSyxx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
|
|
@@ -327,6 +327,7 @@ let IdpSecureAccountCard = (() => {
|
|
|
327
327
|
const view = renderers[this.stage]();
|
|
328
328
|
return html `
|
|
329
329
|
<idp-auth-card heading=${view.heading} description=${view.description}>
|
|
330
|
+
<slot name="top" slot="top"></slot>
|
|
330
331
|
${view.body}
|
|
331
332
|
</idp-auth-card>
|
|
332
333
|
`;
|
|
@@ -345,4 +346,4 @@ let IdpSecureAccountCard = (() => {
|
|
|
345
346
|
return IdpSecureAccountCard = _classThis;
|
|
346
347
|
})();
|
|
347
348
|
export { IdpSecureAccountCard };
|
|
348
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
349
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLXNlY3VyZS1hY2NvdW50LWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLXNlY3VyZS1hY2NvdW50LWNhcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8saUJBQWlCLENBQUM7QUFXekI7Ozs7O0dBS0c7SUFFVSxvQkFBb0I7NEJBRGhDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQzs7OztzQkFDQyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O29DQUFuQixTQUFRLFdBQVc7Ozs7aUNBV2xELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO2dDQUl6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7cUNBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztzQ0FJMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOzBDQUkxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7dUNBSTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztzQ0FJekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBdEIzQixvS0FBZ0Is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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@idp.global/catalog",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.1.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Web component catalog for idp.global, based on the v5 Apple-system design language.",
|
|
6
6
|
"exports": {
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@git.zone/tsbuild": "^4.4.2",
|
|
24
|
-
"@git.zone/tsbundle": "^2.11.
|
|
24
|
+
"@git.zone/tsbundle": "^2.11.3",
|
|
25
25
|
"@git.zone/tswatch": "^3.3.5",
|
|
26
26
|
"@push.rocks/projectinfo": "^5.1.0",
|
|
27
27
|
"@types/node": "^26.1.1"
|
|
@@ -2,7 +2,6 @@ import { DeesElement, html, property, customElement, css, type TemplateResult }
|
|
|
2
2
|
import { idpElementStyles } from './tokens.js';
|
|
3
3
|
import './idp-auth-card.js';
|
|
4
4
|
import './idp-app-pair.js';
|
|
5
|
-
import './idp-option-row.js';
|
|
6
5
|
import './idp-badge.js';
|
|
7
6
|
import './idp-button.js';
|
|
8
7
|
import './idp-icon.js';
|
|
@@ -69,9 +68,52 @@ export class IdpConsentCard extends DeesElement {
|
|
|
69
68
|
.scopes {
|
|
70
69
|
display: flex;
|
|
71
70
|
flex-direction: column;
|
|
72
|
-
gap:
|
|
71
|
+
gap: 13px;
|
|
73
72
|
margin-top: 16px;
|
|
74
73
|
}
|
|
74
|
+
.scope {
|
|
75
|
+
display: flex;
|
|
76
|
+
align-items: flex-start;
|
|
77
|
+
gap: 12px;
|
|
78
|
+
text-align: left;
|
|
79
|
+
}
|
|
80
|
+
.scope-tile {
|
|
81
|
+
display: flex;
|
|
82
|
+
align-items: center;
|
|
83
|
+
justify-content: center;
|
|
84
|
+
flex-shrink: 0;
|
|
85
|
+
width: 30px;
|
|
86
|
+
height: 30px;
|
|
87
|
+
margin-top: 1px;
|
|
88
|
+
border-radius: 8px;
|
|
89
|
+
background: var(--sh-accent-soft);
|
|
90
|
+
color: var(--sh-accent-soft-fg);
|
|
91
|
+
}
|
|
92
|
+
.scope-body {
|
|
93
|
+
flex: 1;
|
|
94
|
+
min-width: 0;
|
|
95
|
+
}
|
|
96
|
+
.scope-title {
|
|
97
|
+
font-size: 13px;
|
|
98
|
+
font-weight: 600;
|
|
99
|
+
color: var(--idp-fg);
|
|
100
|
+
}
|
|
101
|
+
.scope-desc {
|
|
102
|
+
margin-top: 1px;
|
|
103
|
+
font-size: 12px;
|
|
104
|
+
line-height: 1.4;
|
|
105
|
+
color: var(--idp-fg-3);
|
|
106
|
+
}
|
|
107
|
+
.scope-check {
|
|
108
|
+
flex-shrink: 0;
|
|
109
|
+
margin-top: 4px;
|
|
110
|
+
color: var(--sh-ok);
|
|
111
|
+
display: flex;
|
|
112
|
+
}
|
|
113
|
+
.scope-badge {
|
|
114
|
+
flex-shrink: 0;
|
|
115
|
+
margin-top: 2px;
|
|
116
|
+
}
|
|
75
117
|
.lock-note {
|
|
76
118
|
display: flex;
|
|
77
119
|
align-items: center;
|
|
@@ -95,7 +137,7 @@ export class IdpConsentCard extends DeesElement {
|
|
|
95
137
|
|
|
96
138
|
public render(): TemplateResult {
|
|
97
139
|
return html`
|
|
98
|
-
<idp-auth-card heading="${this.appName} wants
|
|
140
|
+
<idp-auth-card heading="${this.appName} wants access" description="This will allow ${this.appName} to:">
|
|
99
141
|
<idp-app-pair
|
|
100
142
|
slot="top"
|
|
101
143
|
appName=${this.appName}
|
|
@@ -105,19 +147,16 @@ export class IdpConsentCard extends DeesElement {
|
|
|
105
147
|
<div class="scopes">
|
|
106
148
|
${this.scopes.map(
|
|
107
149
|
(scopeArg) => html`
|
|
108
|
-
<
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
label=${scopeArg.title}
|
|
115
|
-
description=${scopeArg.description}
|
|
116
|
-
>
|
|
150
|
+
<div class="scope">
|
|
151
|
+
<span class="scope-tile"><idp-icon name=${scopeArg.icon || 'check'} size="16"></idp-icon></span>
|
|
152
|
+
<div class="scope-body">
|
|
153
|
+
<div class="scope-title">${scopeArg.title}</div>
|
|
154
|
+
<div class="scope-desc">${scopeArg.description}</div>
|
|
155
|
+
</div>
|
|
117
156
|
${scopeArg.granted
|
|
118
|
-
? html`<idp-badge
|
|
119
|
-
: html
|
|
120
|
-
</
|
|
157
|
+
? html`<idp-badge class="scope-badge" variant="ok">Previously allowed</idp-badge>`
|
|
158
|
+
: html`<span class="scope-check"><idp-icon name="check" size="15"></idp-icon></span>`}
|
|
159
|
+
</div>
|
|
121
160
|
`
|
|
122
161
|
)}
|
|
123
162
|
</div>
|
|
@@ -215,6 +215,7 @@ export class IdpInviteCard extends DeesElement {
|
|
|
215
215
|
const view = renderers[this.state]();
|
|
216
216
|
return html`
|
|
217
217
|
<idp-auth-card heading=${view.heading} description=${view.description}>
|
|
218
|
+
<slot name="top" slot="top"></slot>
|
|
218
219
|
${view.body}
|
|
219
220
|
${this.signedIn && this.signedInEmail && this.state === 'valid'
|
|
220
221
|
? html`<span slot="footer">Signed in as ${this.signedInEmail}</span>`
|
|
@@ -256,6 +256,7 @@ export class IdpSecureAccountCard extends DeesElement {
|
|
|
256
256
|
const view = renderers[this.stage]();
|
|
257
257
|
return html`
|
|
258
258
|
<idp-auth-card heading=${view.heading} description=${view.description}>
|
|
259
|
+
<slot name="top" slot="top"></slot>
|
|
259
260
|
${view.body}
|
|
260
261
|
</idp-auth-card>
|
|
261
262
|
`;
|