@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 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.0.2',
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
@@ -1,7 +1,6 @@
1
1
  import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
2
2
  import './idp-auth-card.js';
3
3
  import './idp-app-pair.js';
4
- import './idp-option-row.js';
5
4
  import './idp-badge.js';
6
5
  import './idp-button.js';
7
6
  import './idp-icon.js';
@@ -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: 10px;
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 to access your idp.global account" description="This will allow ${this.appName} to:">
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
- <idp-option-row
172
- interactive="false"
173
- tileTone="accent"
174
- tileSize="30"
175
- trailing="check"
176
- icon=${scopeArg.icon || 'check'}
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 slot="trailing" variant="ok">Previously allowed</idp-badge>`
182
- : html ``}
183
- </idp-option-row>
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWNvbnNlbnQtY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtY29uc2VudC1jYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUNuSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDL0MsT0FBTyxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sZUFBZSxDQUFDO0lBaUJWLGNBQWM7NEJBRDFCLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzhCQUFuQixTQUFRLFdBQVc7Ozs7bUNBZ0I1QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7a0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztzQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztnQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO2tDQUczQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFqQjFCLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQU07WUFHN0Is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
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWludml0ZS1jYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1pbnZpdGUtY2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8saUJBQWlCLENBQUM7QUFDekIsT0FBTyxrQkFBa0IsQ0FBQztBQWlCMUI7Ozs7O0dBS0c7SUFFVSxhQUFhOzRCQUR6QixhQUFhLENBQUMsaUJBQWlCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkFBbkIsU0FBUSxXQUFXOzs7O2lDQWEzQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztpQ0FJekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUkxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7aUNBSXpCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztvQ0FJekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO3lDQUkzQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBSTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQXZCNUIsb0tBQWdCLEtBQUssNkJBQUwsS0FBSyxx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
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLXNlY3VyZS1hY2NvdW50LWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLXNlY3VyZS1hY2NvdW50LWNhcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8saUJBQWlCLENBQUM7QUFXekI7Ozs7O0dBS0c7SUFFVSxvQkFBb0I7NEJBRGhDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQzs7OztzQkFDQyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O29DQUFuQixTQUFRLFdBQVc7Ozs7aUNBV2xELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO2dDQUl6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7cUNBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztzQ0FJMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOzBDQUkxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7dUNBSTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztzQ0FJekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBdEIzQixvS0FBZ0IsS0FBSyw2QkFBTCxLQUFLLHFGQUFvQztZQUl6RCxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUFTO1lBRzdCLGdMQUFnQixTQUFTLDZCQUFULFNBQVMsNkZBQU07WUFJL0IsbUxBQWdCLFVBQVUsNkJBQVYsVUFBVSwrRkFBTTtZQUloQywrTEFBZ0IsY0FBYyw2QkFBZCxjQUFjLHVHQUFNO1lBSXBDLHNMQUFnQixXQUFXLDZCQUFYLFdBQVcsaUdBQWdCO1lBSTNDLG1MQUFnQixVQUFVLDZCQUFWLFVBQVUsK0ZBQStCO1lBbkMzRCw2S0FrUEM7Ozs7UUFqUFEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7bUVBSWtDLENBQUMsV0FBVyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxXQUFXLENBQUM7OztHQUc5SSxDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFHbEQsdUVBQWdELFFBQVEsRUFBQztRQUF6RCxJQUFnQixLQUFLLDJDQUFvQztRQUF6RCxJQUFnQixLQUFLLGlEQUFvQztRQUl6RCx5SEFBdUIsS0FBSyxHQUFDO1FBRjdCLHlEQUF5RDtRQUV6RCxJQUFnQixJQUFJLDBDQUFTO1FBQTdCLElBQWdCLElBQUksZ0RBQVM7UUFHN0Isa0lBQTRCLEVBQUUsR0FBQztRQUEvQixJQUFnQixTQUFTLCtDQUFNO1FBQS9CLElBQWdCLFNBQVMscURBQU07UUFJL0IseUlBQTZCLEVBQUUsR0FBQztRQUZoQywyREFBMkQ7UUFFM0QsSUFBZ0IsVUFBVSxnREFBTTtRQUFoQyxJQUFnQixVQUFVLHNEQUFNO1FBSWhDLGtKQUFpQyxFQUFFLEdBQUM7UUFGcEMsMkVBQTJFO1FBRTNFLElBQWdCLGNBQWMsb0RBQU07UUFBcEMsSUFBZ0IsY0FBYywwREFBTTtRQUlwQyxnSkFBd0MsRUFBRSxHQUFDO1FBRjNDLHFFQUFxRTtRQUVyRSxJQUFnQixXQUFXLGlEQUFnQjtRQUEzQyxJQUFnQixXQUFXLHVEQUFnQjtRQUkzQywySUFBc0QsRUFBRSxHQUFDO1FBRnpELHNEQUFzRDtRQUV0RCxJQUFnQixVQUFVLGdEQUErQjtRQUF6RCxJQUFnQixVQUFVLHNEQUErQjtRQUVsRCxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLEdBQUcsZ0JBQWdCO1lBQ25CLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBZ0dGO1NBQ0YsQ0FBQztRQUVLLE1BQU07WUFDWCxNQUFNLFNBQVMsR0FBeUc7Z0JBQ3RILE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO29CQUNiLE9BQU8sRUFBRSxxQkFBcUI7b0JBQzlCLFdBQVcsRUFBRSx5RkFBeUY7b0JBQ3RHLElBQUksRUFBRSxJQUFJLENBQUE7Ozs7Ozs7Ozt1QkFTSyxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7d0JBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7Ozs7Ozs7O3VCQVMxRCxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7d0JBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7O1lBR2xFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSx3Q0FBd0MsSUFBSSxDQUFDLFNBQVMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEsRUFBRTs0Q0FDNUQsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztTQUNyRTtpQkFDRixDQUFDO2dCQUNGLElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO29CQUNYLE9BQU8sRUFBRSwyQkFBMkI7b0JBQ3BDLFdBQVcsRUFBRSxnRkFBZ0Y7b0JBQzdGLElBQUksRUFBRSxJQUFJLENBQUE7Ozs7d0NBSXNCLElBQUksQ0FBQyxVQUFVOztjQUV6QyxJQUFJLENBQUMsY0FBYzt3QkFDbkIsQ0FBQyxDQUFDLElBQUksQ0FBQTs7O3NEQUdrQyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxjQUFjOztpQkFFL0U7d0JBQ0gsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFOzs7b0NBR2MsQ0FBQyxRQUErQyxFQUFFLEVBQUU7d0JBQ3RFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsd0JBQXdCLEVBQUU7NEJBQzNELE1BQU0sRUFBRSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRTs0QkFDdkMsT0FBTyxFQUFFLElBQUk7NEJBQ2IsUUFBUSxFQUFFLElBQUk7eUJBQ2YsQ0FBQyxDQUFDLENBQUM7b0JBQ04sQ0FBQzs7OztZQUlMLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSx3Q0FBd0MsSUFBSSxDQUFDLFNBQVMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEsRUFBRTs0Q0FDNUQsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztTQUNyRTtpQkFDRixDQUFDO2dCQUNGLGNBQWMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO29CQUNyQixPQUFPLEVBQUUsd0JBQXdCO29CQUNqQyxXQUFXLEVBQUUsMkZBQTJGO29CQUN4RyxJQUFJLEVBQUUsSUFBSSxDQUFBOztjQUVKLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUEsNEJBQTRCLE9BQU8sUUFBUSxDQUFDOzs7cUVBRzNCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUM7O1NBRWxHO2lCQUNGLENBQUM7Z0JBQ0YsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7b0JBQ1gsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsZUFBZTtvQkFDN0UsV0FBVyxFQUFFLEVBQUU7b0JBQ2YsSUFBSSxFQUFFLElBQUksQ0FBQTs7OztnQkFJRixJQUFJLENBQUMsVUFBVSxLQUFLLE1BQU07d0JBQzFCLENBQUMsQ0FBQywwREFBMEQ7d0JBQzVELENBQUMsQ0FBQyw4REFBOEQ7Ozs7cUVBSVgsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQzs7U0FFbEc7aUJBQ0YsQ0FBQzthQUNILENBQUM7WUFDRixNQUFNLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDckMsT0FBTyxJQUFJLENBQUE7K0JBQ2dCLElBQUksQ0FBQyxPQUFPLGdCQUFnQixJQUFJLENBQUMsV0FBVztVQUNqRSxJQUFJLENBQUMsSUFBSTs7S0FFZCxDQUFDO1FBQ0osQ0FBQztRQUVPLElBQUksQ0FBQyxTQUFpQjtZQUM1QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLFNBQVMsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNwRixDQUFDOzs7Ozs7WUFqUFUsdURBQW9COzs7OztTQUFwQixvQkFBb0IifQ==
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.0.2",
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.2",
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"
@@ -3,6 +3,6 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@idp.global/catalog',
6
- version: '7.0.2',
6
+ version: '7.1.1',
7
7
  description: 'Web component catalog for idp.global, based on the v5 Apple-system design language.'
8
8
  }
@@ -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: 10px;
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 to access your idp.global account" description="This will allow ${this.appName} to:">
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
- <idp-option-row
109
- interactive="false"
110
- tileTone="accent"
111
- tileSize="30"
112
- trailing="check"
113
- icon=${scopeArg.icon || 'check'}
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 slot="trailing" variant="ok">Previously allowed</idp-badge>`
119
- : html``}
120
- </idp-option-row>
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
  `;