@idp.global/catalog 7.1.0 → 7.1.2

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.
Files changed (9) hide show
  1. package/changelog.md +15 -0
  2. package/dist_ts_web/00_commitinfo_data.js +1 -1
  3. package/dist_ts_web/elements/idp-badge.js +2 -2
  4. package/dist_ts_web/elements/idp-consent-card.d.ts +0 -1
  5. package/dist_ts_web/elements/idp-consent-card.js +54 -15
  6. package/package.json +1 -1
  7. package/ts_web/00_commitinfo_data.ts +1 -1
  8. package/ts_web/elements/idp-badge.ts +2 -2
  9. package/ts_web/elements/idp-consent-card.ts +53 -14
package/changelog.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # Changelog
2
2
 
3
+ ## 2026-07-22 - 7.1.2
4
+
5
+ ### Fixes
6
+
7
+ - refine badge typography (idp-badge)
8
+ - Adjust badge font size to 11.5px and font weight to 600 for improved visual consistency.
9
+
10
+ ## 2026-07-22 - 7.1.1
11
+
12
+ ### Fixes
13
+
14
+ - render consent scopes with dedicated inline layout (idp-consent-card)
15
+ - Replace idp-option-row usage with explicit scope row markup for consent permissions.
16
+ - Adjust scope spacing, icons, and granted/check indicators for clearer consent display.
17
+
3
18
  ## 2026-07-22 - 7.1.0
4
19
 
5
20
  ### Features
package/dist_ts_web/00_commitinfo_data.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@idp.global/catalog',
6
- version: '7.1.0',
6
+ version: '7.1.2',
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
package/dist_ts_web/elements/idp-badge.js CHANGED
@@ -89,8 +89,8 @@ let IdpBadge = (() => {
89
89
  border: 1px solid transparent;
90
90
  border-radius: var(--idp-radius-pill);
91
91
  font-family: var(--idp-font);
92
- font-size: 12px;
93
- font-weight: 590;
92
+ font-size: 11.5px;
93
+ font-weight: 600;
94
94
  letter-spacing: -0.01em;
95
95
  line-height: 15px;
96
96
  }
package/dist_ts_web/elements/idp-consent-card.d.ts CHANGED
@@ -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';
package/dist_ts_web/elements/idp-consent-card.js CHANGED
@@ -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;
@@ -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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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idp.global/catalog",
3
- "version": "7.1.0",
3
+ "version": "7.1.2",
4
4
  "private": false,
5
5
  "description": "Web component catalog for idp.global, based on the v5 Apple-system design language.",
6
6
  "exports": {
package/ts_web/00_commitinfo_data.ts CHANGED
@@ -3,6 +3,6 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@idp.global/catalog',
6
- version: '7.1.0',
6
+ version: '7.1.2',
7
7
  description: 'Web component catalog for idp.global, based on the v5 Apple-system design language.'
8
8
  }
package/ts_web/elements/idp-badge.ts CHANGED
@@ -43,8 +43,8 @@ export class IdpBadge extends DeesElement {
43
43
  border: 1px solid transparent;
44
44
  border-radius: var(--idp-radius-pill);
45
45
  font-family: var(--idp-font);
46
- font-size: 12px;
47
- font-weight: 590;
46
+ font-size: 11.5px;
47
+ font-weight: 600;
48
48
  letter-spacing: -0.01em;
49
49
  line-height: 15px;
50
50
  }
package/ts_web/elements/idp-consent-card.ts CHANGED
@@ -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;
@@ -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>