@amedia/brick-mcp 1.0.6 → 1.0.7
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/data/components/brick-byline.md +11 -11
- package/data/components/brick-toggle.md +29 -29
- package/data/components-metadata.json +36 -36
- package/data/tokens.json +2 -2
- package/dist/data/components/brick-byline.md +11 -11
- package/dist/data/components/brick-toggle.md +29 -29
- package/dist/data/components-metadata.json +36 -36
- package/dist/data/tokens.json +2 -2
- package/package.json +29 -29
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: brick-byline
|
|
3
3
|
version: 1.0.22
|
|
4
|
-
selector: brick-byline-
|
|
4
|
+
selector: brick-byline-v2
|
|
5
5
|
category: Data Display
|
|
6
6
|
tags: [byline, author, journalist, profile, avatar, article-metadata]
|
|
7
7
|
use_cases:
|
|
@@ -44,51 +44,51 @@ A component for displaying article bylines with author name, avatar, work title,
|
|
|
44
44
|
### Basic Byline
|
|
45
45
|
|
|
46
46
|
```html
|
|
47
|
-
<brick-byline-
|
|
47
|
+
<brick-byline-v2 data-name="Ola Nordmann"> </brick-byline-v2>
|
|
48
48
|
```
|
|
49
49
|
|
|
50
50
|
### Byline with Profile Link
|
|
51
51
|
|
|
52
52
|
```html
|
|
53
|
-
<brick-byline-
|
|
53
|
+
<brick-byline-v2
|
|
54
54
|
data-name="Kari Nordmann"
|
|
55
55
|
data-profile-url="https://www.example.com/journalist/kari"
|
|
56
56
|
>
|
|
57
|
-
</brick-byline-
|
|
57
|
+
</brick-byline-v2>
|
|
58
58
|
```
|
|
59
59
|
|
|
60
60
|
### Byline with Avatar and Work Title
|
|
61
61
|
|
|
62
62
|
```html
|
|
63
|
-
<brick-byline-
|
|
63
|
+
<brick-byline-v2
|
|
64
64
|
data-name="Hege Breen Bakken"
|
|
65
65
|
data-work-title="Politisk redaktør"
|
|
66
66
|
data-image-url="https://example.com/images/hege.jpg"
|
|
67
67
|
data-profile-url="https://www.dt.no/journalist/hege"
|
|
68
68
|
>
|
|
69
|
-
</brick-byline-
|
|
69
|
+
</brick-byline-v2>
|
|
70
70
|
```
|
|
71
71
|
|
|
72
72
|
### Byline with Email
|
|
73
73
|
|
|
74
74
|
```html
|
|
75
|
-
<brick-byline-
|
|
75
|
+
<brick-byline-v2
|
|
76
76
|
data-name="Per Hansen"
|
|
77
77
|
data-email="per.hansen@example.com"
|
|
78
78
|
data-work-title="Journalist"
|
|
79
79
|
>
|
|
80
|
-
</brick-byline-
|
|
80
|
+
</brick-byline-v2>
|
|
81
81
|
```
|
|
82
82
|
|
|
83
83
|
### Byline with Initials (No Image)
|
|
84
84
|
|
|
85
85
|
```html
|
|
86
|
-
<brick-byline-
|
|
86
|
+
<brick-byline-v2
|
|
87
87
|
data-name="Lars Olsen"
|
|
88
88
|
data-initials="LO"
|
|
89
89
|
data-profile-url="https://www.example.com/journalist/lars"
|
|
90
90
|
>
|
|
91
|
-
</brick-byline-
|
|
91
|
+
</brick-byline-v2>
|
|
92
92
|
```
|
|
93
93
|
|
|
94
94
|
## Server-Side Rendering
|
|
@@ -114,7 +114,7 @@ const bylineHTML = renderBrickByline({
|
|
|
114
114
|
|
|
115
115
|
## Technical Details
|
|
116
116
|
|
|
117
|
-
- **Custom Element**: `brick-byline-
|
|
117
|
+
- **Custom Element**: `brick-byline-v2`
|
|
118
118
|
- **Base Class**: BrickElement (from @amedia/brick-template)
|
|
119
119
|
- **Dependencies**:
|
|
120
120
|
- @amedia/brick-avatar (profile images)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: brick-toggle
|
|
3
3
|
version: 3.1.14
|
|
4
|
-
selector: brick-toggle-
|
|
4
|
+
selector: brick-toggle-v4
|
|
5
5
|
category: Forms
|
|
6
6
|
tags: [toggle, switch, checkbox, button, form-control, binary, state]
|
|
7
7
|
use_cases: [settings, preferences, feature-toggles, binary-options, form-inputs]
|
|
@@ -44,84 +44,84 @@ A customizable toggle switch component with two visual variants (toggle and butt
|
|
|
44
44
|
### Basic Toggle Switch
|
|
45
45
|
|
|
46
46
|
```html
|
|
47
|
-
<brick-toggle-
|
|
47
|
+
<brick-toggle-v4
|
|
48
48
|
data-key="notifications"
|
|
49
49
|
data-label="Enable Notifications"
|
|
50
50
|
>
|
|
51
|
-
</brick-toggle-
|
|
51
|
+
</brick-toggle-v4>
|
|
52
52
|
```
|
|
53
53
|
|
|
54
54
|
### Pre-checked Toggle
|
|
55
55
|
|
|
56
56
|
```html
|
|
57
|
-
<brick-toggle-
|
|
57
|
+
<brick-toggle-v4
|
|
58
58
|
data-key="dark-mode"
|
|
59
59
|
data-label="Dark Mode"
|
|
60
60
|
checked
|
|
61
61
|
>
|
|
62
|
-
</brick-toggle-
|
|
62
|
+
</brick-toggle-v4>
|
|
63
63
|
```
|
|
64
64
|
|
|
65
65
|
### Button Variant
|
|
66
66
|
|
|
67
67
|
```html
|
|
68
|
-
<brick-toggle-
|
|
68
|
+
<brick-toggle-v4
|
|
69
69
|
data-key="subscribe"
|
|
70
70
|
data-label="Subscribe to Newsletter"
|
|
71
71
|
data-version="button"
|
|
72
72
|
>
|
|
73
|
-
</brick-toggle-
|
|
73
|
+
</brick-toggle-v4>
|
|
74
74
|
```
|
|
75
75
|
|
|
76
76
|
### With Custom On/Off Text
|
|
77
77
|
|
|
78
78
|
```html
|
|
79
|
-
<brick-toggle-
|
|
79
|
+
<brick-toggle-v4
|
|
80
80
|
data-key="autoplay"
|
|
81
81
|
data-label="Autoplay Videos"
|
|
82
82
|
data-on-text="On"
|
|
83
83
|
data-off-text="Off"
|
|
84
84
|
>
|
|
85
|
-
</brick-toggle-
|
|
85
|
+
</brick-toggle-v4>
|
|
86
86
|
```
|
|
87
87
|
|
|
88
88
|
### With Icons
|
|
89
89
|
|
|
90
90
|
```html
|
|
91
|
-
<brick-toggle-
|
|
91
|
+
<brick-toggle-v4
|
|
92
92
|
data-key="sound"
|
|
93
93
|
data-label="Sound"
|
|
94
94
|
data-on-icon-id="volume-on"
|
|
95
95
|
data-off-icon-id="volume-off"
|
|
96
96
|
>
|
|
97
|
-
</brick-toggle-
|
|
97
|
+
</brick-toggle-v4>
|
|
98
98
|
```
|
|
99
99
|
|
|
100
100
|
### With Analytics
|
|
101
101
|
|
|
102
102
|
```html
|
|
103
|
-
<brick-toggle-
|
|
103
|
+
<brick-toggle-v4
|
|
104
104
|
data-key="marketing"
|
|
105
105
|
data-label="Marketing Emails"
|
|
106
106
|
data-adp-clicklabel="marketing-consent-toggle"
|
|
107
107
|
>
|
|
108
|
-
</brick-toggle-
|
|
108
|
+
</brick-toggle-v4>
|
|
109
109
|
```
|
|
110
110
|
|
|
111
111
|
### ARIA Label (No Visible Label)
|
|
112
112
|
|
|
113
113
|
```html
|
|
114
|
-
<brick-toggle-
|
|
114
|
+
<brick-toggle-v4
|
|
115
115
|
data-key="compact-view"
|
|
116
116
|
data-aria-label="Toggle compact view"
|
|
117
117
|
>
|
|
118
|
-
</brick-toggle-
|
|
118
|
+
</brick-toggle-v4>
|
|
119
119
|
```
|
|
120
120
|
|
|
121
121
|
## Programmatic Usage
|
|
122
122
|
|
|
123
123
|
```javascript
|
|
124
|
-
const toggle = document.querySelector('brick-toggle-
|
|
124
|
+
const toggle = document.querySelector('brick-toggle-v4');
|
|
125
125
|
|
|
126
126
|
// Get checked state
|
|
127
127
|
const isChecked = toggle.checked;
|
|
@@ -165,44 +165,44 @@ const html = renderBrickToggle({
|
|
|
165
165
|
|
|
166
166
|
```html
|
|
167
167
|
<div class="settings">
|
|
168
|
-
<brick-toggle-
|
|
168
|
+
<brick-toggle-v4
|
|
169
169
|
data-key="dark-mode"
|
|
170
170
|
data-label="Dark Mode"
|
|
171
171
|
checked
|
|
172
|
-
></brick-toggle-
|
|
172
|
+
></brick-toggle-v4>
|
|
173
173
|
|
|
174
|
-
<brick-toggle-
|
|
174
|
+
<brick-toggle-v4
|
|
175
175
|
data-key="notifications"
|
|
176
176
|
data-label="Push Notifications"
|
|
177
|
-
></brick-toggle-
|
|
177
|
+
></brick-toggle-v4>
|
|
178
178
|
|
|
179
|
-
<brick-toggle-
|
|
179
|
+
<brick-toggle-v4
|
|
180
180
|
data-key="autoplay"
|
|
181
181
|
data-label="Autoplay Videos"
|
|
182
|
-
></brick-toggle-
|
|
182
|
+
></brick-toggle-v4>
|
|
183
183
|
</div>
|
|
184
184
|
```
|
|
185
185
|
|
|
186
186
|
### Feature Toggles
|
|
187
187
|
|
|
188
188
|
```html
|
|
189
|
-
<brick-toggle-
|
|
189
|
+
<brick-toggle-v4
|
|
190
190
|
data-key="experimental-feature"
|
|
191
191
|
data-label="Enable Experimental Features"
|
|
192
192
|
data-version="button"
|
|
193
|
-
></brick-toggle-
|
|
193
|
+
></brick-toggle-v4>
|
|
194
194
|
```
|
|
195
195
|
|
|
196
196
|
### Volume Control
|
|
197
197
|
|
|
198
198
|
```html
|
|
199
|
-
<brick-toggle-
|
|
199
|
+
<brick-toggle-v4
|
|
200
200
|
data-key="mute"
|
|
201
201
|
data-aria-label="Mute audio"
|
|
202
202
|
data-on-icon-id="volume-on"
|
|
203
203
|
data-off-icon-id="volume-off"
|
|
204
204
|
data-version="button"
|
|
205
|
-
></brick-toggle-
|
|
205
|
+
></brick-toggle-v4>
|
|
206
206
|
```
|
|
207
207
|
|
|
208
208
|
## Framework Integration
|
|
@@ -218,7 +218,7 @@ const html = renderBrickToggle({
|
|
|
218
218
|
}
|
|
219
219
|
</script>
|
|
220
220
|
|
|
221
|
-
<brick-toggle-
|
|
221
|
+
<brick-toggle-v4
|
|
222
222
|
data-key="dark-mode"
|
|
223
223
|
data-label="Dark Mode"
|
|
224
224
|
checked={darkMode}
|
|
@@ -233,7 +233,7 @@ function Settings() {
|
|
|
233
233
|
const [enabled, setEnabled] = useState(false);
|
|
234
234
|
|
|
235
235
|
return (
|
|
236
|
-
<brick-toggle-
|
|
236
|
+
<brick-toggle-v4
|
|
237
237
|
data-key="feature"
|
|
238
238
|
data-label="Enable Feature"
|
|
239
239
|
checked={enabled}
|
|
@@ -245,7 +245,7 @@ function Settings() {
|
|
|
245
245
|
|
|
246
246
|
## Technical Details
|
|
247
247
|
|
|
248
|
-
- **Custom Element**: `brick-toggle-
|
|
248
|
+
- **Custom Element**: `brick-toggle-v4`
|
|
249
249
|
- **Base Class**: BrickElement
|
|
250
250
|
- **Dependencies**:
|
|
251
251
|
- @amedia/brick-icon (for icon support)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
[
|
|
2
2
|
{
|
|
3
3
|
"name": "brick-alt-teaser",
|
|
4
|
-
"version": "8.1.
|
|
4
|
+
"version": "8.1.35",
|
|
5
5
|
"selector": "brick-alt-teaser-v8",
|
|
6
6
|
"category": "Display",
|
|
7
7
|
"tags": [
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
"name": "brick-avatar",
|
|
14
|
-
"version": "0.2.
|
|
14
|
+
"version": "0.2.70",
|
|
15
15
|
"selector": "brick-avatar-v0",
|
|
16
16
|
"description": "brick-avatar component",
|
|
17
17
|
"category": "Display",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
"name": "brick-button",
|
|
26
|
-
"version": "9.4.
|
|
26
|
+
"version": "9.4.29",
|
|
27
27
|
"selector": "brick-button-v9",
|
|
28
28
|
"category": "Forms",
|
|
29
29
|
"tags": [
|
|
@@ -35,15 +35,15 @@
|
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
37
|
"name": "brick-byline",
|
|
38
|
-
"version": "
|
|
39
|
-
"selector": "brick-byline-
|
|
38
|
+
"version": "3.0.0",
|
|
39
|
+
"selector": "brick-byline-v3",
|
|
40
40
|
"description": "brick-byline component",
|
|
41
41
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-byline",
|
|
42
42
|
"mainJsFile": "brick-byline.js"
|
|
43
43
|
},
|
|
44
44
|
{
|
|
45
45
|
"name": "brick-card",
|
|
46
|
-
"version": "7.3.
|
|
46
|
+
"version": "7.3.43",
|
|
47
47
|
"selector": "brick-card-v7",
|
|
48
48
|
"category": "Layout",
|
|
49
49
|
"tags": [
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
"name": "brick-carousel",
|
|
57
|
-
"version": "2.3.
|
|
57
|
+
"version": "2.3.16",
|
|
58
58
|
"selector": "brick-carousel-v2",
|
|
59
59
|
"description": "Simple carousel for any content passed to it.",
|
|
60
60
|
"category": "Display",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
},
|
|
79
79
|
{
|
|
80
80
|
"name": "brick-countdown",
|
|
81
|
-
"version": "3.0.
|
|
81
|
+
"version": "3.0.17",
|
|
82
82
|
"selector": "brick-countdown-v3",
|
|
83
83
|
"description": "brick-countdown component",
|
|
84
84
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-countdown",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
},
|
|
87
87
|
{
|
|
88
88
|
"name": "brick-dialog",
|
|
89
|
-
"version": "2.1.
|
|
89
|
+
"version": "2.1.26",
|
|
90
90
|
"selector": "brick-dialog-v2",
|
|
91
91
|
"description": "brick-dialog component",
|
|
92
92
|
"category": "Feedback",
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
100
|
"name": "brick-expand",
|
|
101
|
-
"version": "0.0.
|
|
101
|
+
"version": "0.0.38",
|
|
102
102
|
"selector": "brick-expand-v0",
|
|
103
103
|
"description": "brick-expand component",
|
|
104
104
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-expand",
|
|
@@ -117,15 +117,15 @@
|
|
|
117
117
|
},
|
|
118
118
|
{
|
|
119
119
|
"name": "brick-helloworld",
|
|
120
|
-
"version": "
|
|
121
|
-
"selector": "brick-helloworld-
|
|
120
|
+
"version": "3.0.0",
|
|
121
|
+
"selector": "brick-helloworld-v3",
|
|
122
122
|
"description": "Brick Hello World component",
|
|
123
123
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-helloworld",
|
|
124
124
|
"mainJsFile": "brick-helloworld.js"
|
|
125
125
|
},
|
|
126
126
|
{
|
|
127
127
|
"name": "brick-icon",
|
|
128
|
-
"version": "2.4.
|
|
128
|
+
"version": "2.4.10",
|
|
129
129
|
"selector": "brick-icon-v2",
|
|
130
130
|
"category": "Display",
|
|
131
131
|
"tags": [
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
},
|
|
144
144
|
{
|
|
145
145
|
"name": "brick-image",
|
|
146
|
-
"version": "6.0.
|
|
146
|
+
"version": "6.0.37",
|
|
147
147
|
"selector": "brick-image-v6",
|
|
148
148
|
"category": "Display",
|
|
149
149
|
"tags": [
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
156
|
"name": "brick-input",
|
|
157
|
-
"version": "4.0.
|
|
157
|
+
"version": "4.0.17",
|
|
158
158
|
"selector": "brick-input-v4",
|
|
159
159
|
"description": "brick-input component",
|
|
160
160
|
"category": "Forms",
|
|
@@ -167,14 +167,14 @@
|
|
|
167
167
|
},
|
|
168
168
|
{
|
|
169
169
|
"name": "brick-pill",
|
|
170
|
-
"version": "10.1.
|
|
170
|
+
"version": "10.1.17",
|
|
171
171
|
"selector": "brick-pill-v10",
|
|
172
172
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-pill",
|
|
173
173
|
"mainJsFile": "brick-pill.js"
|
|
174
174
|
},
|
|
175
175
|
{
|
|
176
176
|
"name": "brick-player",
|
|
177
|
-
"version": "2.5.
|
|
177
|
+
"version": "2.5.7",
|
|
178
178
|
"selector": "brick-player-v2",
|
|
179
179
|
"description": "Component for playing video and audio files",
|
|
180
180
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-player",
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
},
|
|
183
183
|
{
|
|
184
184
|
"name": "brick-published",
|
|
185
|
-
"version": "4.0.
|
|
185
|
+
"version": "4.0.33",
|
|
186
186
|
"selector": "brick-published-v4",
|
|
187
187
|
"description": "brick-published",
|
|
188
188
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-published",
|
|
@@ -190,15 +190,15 @@
|
|
|
190
190
|
},
|
|
191
191
|
{
|
|
192
192
|
"name": "brick-share",
|
|
193
|
-
"version": "0.
|
|
194
|
-
"selector": "brick-share-
|
|
193
|
+
"version": "1.0.0",
|
|
194
|
+
"selector": "brick-share-v1",
|
|
195
195
|
"description": "brick-share component",
|
|
196
196
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-share",
|
|
197
197
|
"mainJsFile": "brick-share.js"
|
|
198
198
|
},
|
|
199
199
|
{
|
|
200
200
|
"name": "brick-skip-link",
|
|
201
|
-
"version": "0.0.
|
|
201
|
+
"version": "0.0.12",
|
|
202
202
|
"selector": "brick-skip-link-v0",
|
|
203
203
|
"description": "brick-skip-link component",
|
|
204
204
|
"category": "Navigation",
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
212
|
"name": "brick-stepper",
|
|
213
|
-
"version": "1.1.
|
|
213
|
+
"version": "1.1.20",
|
|
214
214
|
"selector": "brick-stepper-v1",
|
|
215
215
|
"description": "brick-stepper component",
|
|
216
216
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-stepper",
|
|
@@ -218,16 +218,16 @@
|
|
|
218
218
|
},
|
|
219
219
|
{
|
|
220
220
|
"name": "brick-tab",
|
|
221
|
-
"version": "0.
|
|
222
|
-
"selector": "brick-tab-
|
|
221
|
+
"version": "1.0.0",
|
|
222
|
+
"selector": "brick-tab-v1",
|
|
223
223
|
"description": "brick-tab component",
|
|
224
224
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tab",
|
|
225
225
|
"mainJsFile": "brick-tab.js"
|
|
226
226
|
},
|
|
227
227
|
{
|
|
228
228
|
"name": "brick-tabs",
|
|
229
|
-
"version": "0.
|
|
230
|
-
"selector": "brick-tabs-
|
|
229
|
+
"version": "1.0.0",
|
|
230
|
+
"selector": "brick-tabs-v1",
|
|
231
231
|
"description": "brick-tabs component handling tablist, tabs and tabpanel",
|
|
232
232
|
"category": "Navigation",
|
|
233
233
|
"tags": [
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
},
|
|
239
239
|
{
|
|
240
240
|
"name": "brick-tag",
|
|
241
|
-
"version": "0.0.
|
|
241
|
+
"version": "0.0.40",
|
|
242
242
|
"selector": "brick-tag-v0",
|
|
243
243
|
"description": "brick-tag component",
|
|
244
244
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tag",
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
},
|
|
247
247
|
{
|
|
248
248
|
"name": "brick-teaser",
|
|
249
|
-
"version": "22.4.
|
|
249
|
+
"version": "22.4.1",
|
|
250
250
|
"selector": "brick-teaser-v22",
|
|
251
251
|
"description": "Teaser component.",
|
|
252
252
|
"category": "Display",
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
},
|
|
259
259
|
{
|
|
260
260
|
"name": "brick-teaser-player",
|
|
261
|
-
"version": "1.1.
|
|
261
|
+
"version": "1.1.32",
|
|
262
262
|
"selector": "brick-teaser-player-v1",
|
|
263
263
|
"description": "brick-video-teaser component",
|
|
264
264
|
"category": "Display",
|
|
@@ -270,8 +270,8 @@
|
|
|
270
270
|
},
|
|
271
271
|
{
|
|
272
272
|
"name": "brick-teaser-reels",
|
|
273
|
-
"version": "0.
|
|
274
|
-
"selector": "brick-teaser-reels-
|
|
273
|
+
"version": "1.0.0",
|
|
274
|
+
"selector": "brick-teaser-reels-v1",
|
|
275
275
|
"description": "brick-teaser-reels component",
|
|
276
276
|
"category": "Display",
|
|
277
277
|
"tags": [
|
|
@@ -282,7 +282,7 @@
|
|
|
282
282
|
},
|
|
283
283
|
{
|
|
284
284
|
"name": "brick-textarea",
|
|
285
|
-
"version": "2.0.
|
|
285
|
+
"version": "2.0.36",
|
|
286
286
|
"selector": "brick-textarea-v2",
|
|
287
287
|
"description": "brick-textarea component",
|
|
288
288
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-textarea",
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
},
|
|
299
299
|
{
|
|
300
300
|
"name": "brick-toast",
|
|
301
|
-
"version": "0.1.
|
|
301
|
+
"version": "0.1.55",
|
|
302
302
|
"selector": "brick-toast-v0",
|
|
303
303
|
"description": "brick-toast component",
|
|
304
304
|
"category": "Feedback",
|
|
@@ -310,8 +310,8 @@
|
|
|
310
310
|
},
|
|
311
311
|
{
|
|
312
312
|
"name": "brick-toggle",
|
|
313
|
-
"version": "
|
|
314
|
-
"selector": "brick-toggle-
|
|
313
|
+
"version": "5.0.0",
|
|
314
|
+
"selector": "brick-toggle-v5",
|
|
315
315
|
"description": "brick-toggle component",
|
|
316
316
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-toggle",
|
|
317
317
|
"mainJsFile": "brick-toggle.js"
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
},
|
|
331
331
|
{
|
|
332
332
|
"name": "brick-tooltip",
|
|
333
|
-
"version": "1.0.
|
|
333
|
+
"version": "1.0.43",
|
|
334
334
|
"selector": "brick-tooltip-v1",
|
|
335
335
|
"description": "brick-tooltip component",
|
|
336
336
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tooltip",
|
package/data/tokens.json
CHANGED
|
@@ -3914,7 +3914,7 @@
|
|
|
3914
3914
|
"name": "baseBodyS",
|
|
3915
3915
|
"type": "typography",
|
|
3916
3916
|
"value": "400 16px/1.4 'National 2'",
|
|
3917
|
-
"description": "Mengdetekst/brødtekst i
|
|
3917
|
+
"description": "Mengdetekst/brødtekst andre steder enn i artikler. Artikler har eget body-token.",
|
|
3918
3918
|
"cssVariable": "font-family: var(--brick-fonts-baseBodyS);\nfont-size: var(--brick-fontSizes-baseBodyS);\nfont-weight: var(--brick-fontWeights-baseBodyS);\nletter-spacing: var(--brick-letterSpacings-baseBodyS);\nline-height: var(--brick-lineHeights-baseBodyS);"
|
|
3919
3919
|
},
|
|
3920
3920
|
{
|
|
@@ -3922,7 +3922,7 @@
|
|
|
3922
3922
|
"name": "baseBodyM",
|
|
3923
3923
|
"type": "typography",
|
|
3924
3924
|
"value": "400 18px/1.4 'National 2'",
|
|
3925
|
-
"description": "Mengdetekst/brødtekst i
|
|
3925
|
+
"description": "Mengdetekst/brødtekst andre steder enn i artikler. Artikler har eget body-token.",
|
|
3926
3926
|
"cssVariable": "font-family: var(--brick-fonts-baseBodyM);\nfont-size: var(--brick-fontSizes-baseBodyM);\nfont-weight: var(--brick-fontWeights-baseBodyM);\nletter-spacing: var(--brick-letterSpacings-baseBodyM);\nline-height: var(--brick-lineHeights-baseBodyM);"
|
|
3927
3927
|
},
|
|
3928
3928
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: brick-byline
|
|
3
3
|
version: 1.0.22
|
|
4
|
-
selector: brick-byline-
|
|
4
|
+
selector: brick-byline-v2
|
|
5
5
|
category: Data Display
|
|
6
6
|
tags: [byline, author, journalist, profile, avatar, article-metadata]
|
|
7
7
|
use_cases:
|
|
@@ -44,51 +44,51 @@ A component for displaying article bylines with author name, avatar, work title,
|
|
|
44
44
|
### Basic Byline
|
|
45
45
|
|
|
46
46
|
```html
|
|
47
|
-
<brick-byline-
|
|
47
|
+
<brick-byline-v2 data-name="Ola Nordmann"> </brick-byline-v2>
|
|
48
48
|
```
|
|
49
49
|
|
|
50
50
|
### Byline with Profile Link
|
|
51
51
|
|
|
52
52
|
```html
|
|
53
|
-
<brick-byline-
|
|
53
|
+
<brick-byline-v2
|
|
54
54
|
data-name="Kari Nordmann"
|
|
55
55
|
data-profile-url="https://www.example.com/journalist/kari"
|
|
56
56
|
>
|
|
57
|
-
</brick-byline-
|
|
57
|
+
</brick-byline-v2>
|
|
58
58
|
```
|
|
59
59
|
|
|
60
60
|
### Byline with Avatar and Work Title
|
|
61
61
|
|
|
62
62
|
```html
|
|
63
|
-
<brick-byline-
|
|
63
|
+
<brick-byline-v2
|
|
64
64
|
data-name="Hege Breen Bakken"
|
|
65
65
|
data-work-title="Politisk redaktør"
|
|
66
66
|
data-image-url="https://example.com/images/hege.jpg"
|
|
67
67
|
data-profile-url="https://www.dt.no/journalist/hege"
|
|
68
68
|
>
|
|
69
|
-
</brick-byline-
|
|
69
|
+
</brick-byline-v2>
|
|
70
70
|
```
|
|
71
71
|
|
|
72
72
|
### Byline with Email
|
|
73
73
|
|
|
74
74
|
```html
|
|
75
|
-
<brick-byline-
|
|
75
|
+
<brick-byline-v2
|
|
76
76
|
data-name="Per Hansen"
|
|
77
77
|
data-email="per.hansen@example.com"
|
|
78
78
|
data-work-title="Journalist"
|
|
79
79
|
>
|
|
80
|
-
</brick-byline-
|
|
80
|
+
</brick-byline-v2>
|
|
81
81
|
```
|
|
82
82
|
|
|
83
83
|
### Byline with Initials (No Image)
|
|
84
84
|
|
|
85
85
|
```html
|
|
86
|
-
<brick-byline-
|
|
86
|
+
<brick-byline-v2
|
|
87
87
|
data-name="Lars Olsen"
|
|
88
88
|
data-initials="LO"
|
|
89
89
|
data-profile-url="https://www.example.com/journalist/lars"
|
|
90
90
|
>
|
|
91
|
-
</brick-byline-
|
|
91
|
+
</brick-byline-v2>
|
|
92
92
|
```
|
|
93
93
|
|
|
94
94
|
## Server-Side Rendering
|
|
@@ -114,7 +114,7 @@ const bylineHTML = renderBrickByline({
|
|
|
114
114
|
|
|
115
115
|
## Technical Details
|
|
116
116
|
|
|
117
|
-
- **Custom Element**: `brick-byline-
|
|
117
|
+
- **Custom Element**: `brick-byline-v2`
|
|
118
118
|
- **Base Class**: BrickElement (from @amedia/brick-template)
|
|
119
119
|
- **Dependencies**:
|
|
120
120
|
- @amedia/brick-avatar (profile images)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: brick-toggle
|
|
3
3
|
version: 3.1.14
|
|
4
|
-
selector: brick-toggle-
|
|
4
|
+
selector: brick-toggle-v4
|
|
5
5
|
category: Forms
|
|
6
6
|
tags: [toggle, switch, checkbox, button, form-control, binary, state]
|
|
7
7
|
use_cases: [settings, preferences, feature-toggles, binary-options, form-inputs]
|
|
@@ -44,84 +44,84 @@ A customizable toggle switch component with two visual variants (toggle and butt
|
|
|
44
44
|
### Basic Toggle Switch
|
|
45
45
|
|
|
46
46
|
```html
|
|
47
|
-
<brick-toggle-
|
|
47
|
+
<brick-toggle-v4
|
|
48
48
|
data-key="notifications"
|
|
49
49
|
data-label="Enable Notifications"
|
|
50
50
|
>
|
|
51
|
-
</brick-toggle-
|
|
51
|
+
</brick-toggle-v4>
|
|
52
52
|
```
|
|
53
53
|
|
|
54
54
|
### Pre-checked Toggle
|
|
55
55
|
|
|
56
56
|
```html
|
|
57
|
-
<brick-toggle-
|
|
57
|
+
<brick-toggle-v4
|
|
58
58
|
data-key="dark-mode"
|
|
59
59
|
data-label="Dark Mode"
|
|
60
60
|
checked
|
|
61
61
|
>
|
|
62
|
-
</brick-toggle-
|
|
62
|
+
</brick-toggle-v4>
|
|
63
63
|
```
|
|
64
64
|
|
|
65
65
|
### Button Variant
|
|
66
66
|
|
|
67
67
|
```html
|
|
68
|
-
<brick-toggle-
|
|
68
|
+
<brick-toggle-v4
|
|
69
69
|
data-key="subscribe"
|
|
70
70
|
data-label="Subscribe to Newsletter"
|
|
71
71
|
data-version="button"
|
|
72
72
|
>
|
|
73
|
-
</brick-toggle-
|
|
73
|
+
</brick-toggle-v4>
|
|
74
74
|
```
|
|
75
75
|
|
|
76
76
|
### With Custom On/Off Text
|
|
77
77
|
|
|
78
78
|
```html
|
|
79
|
-
<brick-toggle-
|
|
79
|
+
<brick-toggle-v4
|
|
80
80
|
data-key="autoplay"
|
|
81
81
|
data-label="Autoplay Videos"
|
|
82
82
|
data-on-text="On"
|
|
83
83
|
data-off-text="Off"
|
|
84
84
|
>
|
|
85
|
-
</brick-toggle-
|
|
85
|
+
</brick-toggle-v4>
|
|
86
86
|
```
|
|
87
87
|
|
|
88
88
|
### With Icons
|
|
89
89
|
|
|
90
90
|
```html
|
|
91
|
-
<brick-toggle-
|
|
91
|
+
<brick-toggle-v4
|
|
92
92
|
data-key="sound"
|
|
93
93
|
data-label="Sound"
|
|
94
94
|
data-on-icon-id="volume-on"
|
|
95
95
|
data-off-icon-id="volume-off"
|
|
96
96
|
>
|
|
97
|
-
</brick-toggle-
|
|
97
|
+
</brick-toggle-v4>
|
|
98
98
|
```
|
|
99
99
|
|
|
100
100
|
### With Analytics
|
|
101
101
|
|
|
102
102
|
```html
|
|
103
|
-
<brick-toggle-
|
|
103
|
+
<brick-toggle-v4
|
|
104
104
|
data-key="marketing"
|
|
105
105
|
data-label="Marketing Emails"
|
|
106
106
|
data-adp-clicklabel="marketing-consent-toggle"
|
|
107
107
|
>
|
|
108
|
-
</brick-toggle-
|
|
108
|
+
</brick-toggle-v4>
|
|
109
109
|
```
|
|
110
110
|
|
|
111
111
|
### ARIA Label (No Visible Label)
|
|
112
112
|
|
|
113
113
|
```html
|
|
114
|
-
<brick-toggle-
|
|
114
|
+
<brick-toggle-v4
|
|
115
115
|
data-key="compact-view"
|
|
116
116
|
data-aria-label="Toggle compact view"
|
|
117
117
|
>
|
|
118
|
-
</brick-toggle-
|
|
118
|
+
</brick-toggle-v4>
|
|
119
119
|
```
|
|
120
120
|
|
|
121
121
|
## Programmatic Usage
|
|
122
122
|
|
|
123
123
|
```javascript
|
|
124
|
-
const toggle = document.querySelector('brick-toggle-
|
|
124
|
+
const toggle = document.querySelector('brick-toggle-v4');
|
|
125
125
|
|
|
126
126
|
// Get checked state
|
|
127
127
|
const isChecked = toggle.checked;
|
|
@@ -165,44 +165,44 @@ const html = renderBrickToggle({
|
|
|
165
165
|
|
|
166
166
|
```html
|
|
167
167
|
<div class="settings">
|
|
168
|
-
<brick-toggle-
|
|
168
|
+
<brick-toggle-v4
|
|
169
169
|
data-key="dark-mode"
|
|
170
170
|
data-label="Dark Mode"
|
|
171
171
|
checked
|
|
172
|
-
></brick-toggle-
|
|
172
|
+
></brick-toggle-v4>
|
|
173
173
|
|
|
174
|
-
<brick-toggle-
|
|
174
|
+
<brick-toggle-v4
|
|
175
175
|
data-key="notifications"
|
|
176
176
|
data-label="Push Notifications"
|
|
177
|
-
></brick-toggle-
|
|
177
|
+
></brick-toggle-v4>
|
|
178
178
|
|
|
179
|
-
<brick-toggle-
|
|
179
|
+
<brick-toggle-v4
|
|
180
180
|
data-key="autoplay"
|
|
181
181
|
data-label="Autoplay Videos"
|
|
182
|
-
></brick-toggle-
|
|
182
|
+
></brick-toggle-v4>
|
|
183
183
|
</div>
|
|
184
184
|
```
|
|
185
185
|
|
|
186
186
|
### Feature Toggles
|
|
187
187
|
|
|
188
188
|
```html
|
|
189
|
-
<brick-toggle-
|
|
189
|
+
<brick-toggle-v4
|
|
190
190
|
data-key="experimental-feature"
|
|
191
191
|
data-label="Enable Experimental Features"
|
|
192
192
|
data-version="button"
|
|
193
|
-
></brick-toggle-
|
|
193
|
+
></brick-toggle-v4>
|
|
194
194
|
```
|
|
195
195
|
|
|
196
196
|
### Volume Control
|
|
197
197
|
|
|
198
198
|
```html
|
|
199
|
-
<brick-toggle-
|
|
199
|
+
<brick-toggle-v4
|
|
200
200
|
data-key="mute"
|
|
201
201
|
data-aria-label="Mute audio"
|
|
202
202
|
data-on-icon-id="volume-on"
|
|
203
203
|
data-off-icon-id="volume-off"
|
|
204
204
|
data-version="button"
|
|
205
|
-
></brick-toggle-
|
|
205
|
+
></brick-toggle-v4>
|
|
206
206
|
```
|
|
207
207
|
|
|
208
208
|
## Framework Integration
|
|
@@ -218,7 +218,7 @@ const html = renderBrickToggle({
|
|
|
218
218
|
}
|
|
219
219
|
</script>
|
|
220
220
|
|
|
221
|
-
<brick-toggle-
|
|
221
|
+
<brick-toggle-v4
|
|
222
222
|
data-key="dark-mode"
|
|
223
223
|
data-label="Dark Mode"
|
|
224
224
|
checked={darkMode}
|
|
@@ -233,7 +233,7 @@ function Settings() {
|
|
|
233
233
|
const [enabled, setEnabled] = useState(false);
|
|
234
234
|
|
|
235
235
|
return (
|
|
236
|
-
<brick-toggle-
|
|
236
|
+
<brick-toggle-v4
|
|
237
237
|
data-key="feature"
|
|
238
238
|
data-label="Enable Feature"
|
|
239
239
|
checked={enabled}
|
|
@@ -245,7 +245,7 @@ function Settings() {
|
|
|
245
245
|
|
|
246
246
|
## Technical Details
|
|
247
247
|
|
|
248
|
-
- **Custom Element**: `brick-toggle-
|
|
248
|
+
- **Custom Element**: `brick-toggle-v4`
|
|
249
249
|
- **Base Class**: BrickElement
|
|
250
250
|
- **Dependencies**:
|
|
251
251
|
- @amedia/brick-icon (for icon support)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
[
|
|
2
2
|
{
|
|
3
3
|
"name": "brick-alt-teaser",
|
|
4
|
-
"version": "8.1.
|
|
4
|
+
"version": "8.1.35",
|
|
5
5
|
"selector": "brick-alt-teaser-v8",
|
|
6
6
|
"category": "Display",
|
|
7
7
|
"tags": [
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
"name": "brick-avatar",
|
|
14
|
-
"version": "0.2.
|
|
14
|
+
"version": "0.2.70",
|
|
15
15
|
"selector": "brick-avatar-v0",
|
|
16
16
|
"description": "brick-avatar component",
|
|
17
17
|
"category": "Display",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
"name": "brick-button",
|
|
26
|
-
"version": "9.4.
|
|
26
|
+
"version": "9.4.29",
|
|
27
27
|
"selector": "brick-button-v9",
|
|
28
28
|
"category": "Forms",
|
|
29
29
|
"tags": [
|
|
@@ -35,15 +35,15 @@
|
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
37
|
"name": "brick-byline",
|
|
38
|
-
"version": "
|
|
39
|
-
"selector": "brick-byline-
|
|
38
|
+
"version": "3.0.0",
|
|
39
|
+
"selector": "brick-byline-v3",
|
|
40
40
|
"description": "brick-byline component",
|
|
41
41
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-byline",
|
|
42
42
|
"mainJsFile": "brick-byline.js"
|
|
43
43
|
},
|
|
44
44
|
{
|
|
45
45
|
"name": "brick-card",
|
|
46
|
-
"version": "7.3.
|
|
46
|
+
"version": "7.3.43",
|
|
47
47
|
"selector": "brick-card-v7",
|
|
48
48
|
"category": "Layout",
|
|
49
49
|
"tags": [
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
"name": "brick-carousel",
|
|
57
|
-
"version": "2.3.
|
|
57
|
+
"version": "2.3.16",
|
|
58
58
|
"selector": "brick-carousel-v2",
|
|
59
59
|
"description": "Simple carousel for any content passed to it.",
|
|
60
60
|
"category": "Display",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
},
|
|
79
79
|
{
|
|
80
80
|
"name": "brick-countdown",
|
|
81
|
-
"version": "3.0.
|
|
81
|
+
"version": "3.0.17",
|
|
82
82
|
"selector": "brick-countdown-v3",
|
|
83
83
|
"description": "brick-countdown component",
|
|
84
84
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-countdown",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
},
|
|
87
87
|
{
|
|
88
88
|
"name": "brick-dialog",
|
|
89
|
-
"version": "2.1.
|
|
89
|
+
"version": "2.1.26",
|
|
90
90
|
"selector": "brick-dialog-v2",
|
|
91
91
|
"description": "brick-dialog component",
|
|
92
92
|
"category": "Feedback",
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
100
|
"name": "brick-expand",
|
|
101
|
-
"version": "0.0.
|
|
101
|
+
"version": "0.0.38",
|
|
102
102
|
"selector": "brick-expand-v0",
|
|
103
103
|
"description": "brick-expand component",
|
|
104
104
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-expand",
|
|
@@ -117,15 +117,15 @@
|
|
|
117
117
|
},
|
|
118
118
|
{
|
|
119
119
|
"name": "brick-helloworld",
|
|
120
|
-
"version": "
|
|
121
|
-
"selector": "brick-helloworld-
|
|
120
|
+
"version": "3.0.0",
|
|
121
|
+
"selector": "brick-helloworld-v3",
|
|
122
122
|
"description": "Brick Hello World component",
|
|
123
123
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-helloworld",
|
|
124
124
|
"mainJsFile": "brick-helloworld.js"
|
|
125
125
|
},
|
|
126
126
|
{
|
|
127
127
|
"name": "brick-icon",
|
|
128
|
-
"version": "2.4.
|
|
128
|
+
"version": "2.4.10",
|
|
129
129
|
"selector": "brick-icon-v2",
|
|
130
130
|
"category": "Display",
|
|
131
131
|
"tags": [
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
},
|
|
144
144
|
{
|
|
145
145
|
"name": "brick-image",
|
|
146
|
-
"version": "6.0.
|
|
146
|
+
"version": "6.0.37",
|
|
147
147
|
"selector": "brick-image-v6",
|
|
148
148
|
"category": "Display",
|
|
149
149
|
"tags": [
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
156
|
"name": "brick-input",
|
|
157
|
-
"version": "4.0.
|
|
157
|
+
"version": "4.0.17",
|
|
158
158
|
"selector": "brick-input-v4",
|
|
159
159
|
"description": "brick-input component",
|
|
160
160
|
"category": "Forms",
|
|
@@ -167,14 +167,14 @@
|
|
|
167
167
|
},
|
|
168
168
|
{
|
|
169
169
|
"name": "brick-pill",
|
|
170
|
-
"version": "10.1.
|
|
170
|
+
"version": "10.1.17",
|
|
171
171
|
"selector": "brick-pill-v10",
|
|
172
172
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-pill",
|
|
173
173
|
"mainJsFile": "brick-pill.js"
|
|
174
174
|
},
|
|
175
175
|
{
|
|
176
176
|
"name": "brick-player",
|
|
177
|
-
"version": "2.5.
|
|
177
|
+
"version": "2.5.7",
|
|
178
178
|
"selector": "brick-player-v2",
|
|
179
179
|
"description": "Component for playing video and audio files",
|
|
180
180
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-player",
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
},
|
|
183
183
|
{
|
|
184
184
|
"name": "brick-published",
|
|
185
|
-
"version": "4.0.
|
|
185
|
+
"version": "4.0.33",
|
|
186
186
|
"selector": "brick-published-v4",
|
|
187
187
|
"description": "brick-published",
|
|
188
188
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-published",
|
|
@@ -190,15 +190,15 @@
|
|
|
190
190
|
},
|
|
191
191
|
{
|
|
192
192
|
"name": "brick-share",
|
|
193
|
-
"version": "0.
|
|
194
|
-
"selector": "brick-share-
|
|
193
|
+
"version": "1.0.0",
|
|
194
|
+
"selector": "brick-share-v1",
|
|
195
195
|
"description": "brick-share component",
|
|
196
196
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-share",
|
|
197
197
|
"mainJsFile": "brick-share.js"
|
|
198
198
|
},
|
|
199
199
|
{
|
|
200
200
|
"name": "brick-skip-link",
|
|
201
|
-
"version": "0.0.
|
|
201
|
+
"version": "0.0.12",
|
|
202
202
|
"selector": "brick-skip-link-v0",
|
|
203
203
|
"description": "brick-skip-link component",
|
|
204
204
|
"category": "Navigation",
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
212
|
"name": "brick-stepper",
|
|
213
|
-
"version": "1.1.
|
|
213
|
+
"version": "1.1.20",
|
|
214
214
|
"selector": "brick-stepper-v1",
|
|
215
215
|
"description": "brick-stepper component",
|
|
216
216
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-stepper",
|
|
@@ -218,16 +218,16 @@
|
|
|
218
218
|
},
|
|
219
219
|
{
|
|
220
220
|
"name": "brick-tab",
|
|
221
|
-
"version": "0.
|
|
222
|
-
"selector": "brick-tab-
|
|
221
|
+
"version": "1.0.0",
|
|
222
|
+
"selector": "brick-tab-v1",
|
|
223
223
|
"description": "brick-tab component",
|
|
224
224
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tab",
|
|
225
225
|
"mainJsFile": "brick-tab.js"
|
|
226
226
|
},
|
|
227
227
|
{
|
|
228
228
|
"name": "brick-tabs",
|
|
229
|
-
"version": "0.
|
|
230
|
-
"selector": "brick-tabs-
|
|
229
|
+
"version": "1.0.0",
|
|
230
|
+
"selector": "brick-tabs-v1",
|
|
231
231
|
"description": "brick-tabs component handling tablist, tabs and tabpanel",
|
|
232
232
|
"category": "Navigation",
|
|
233
233
|
"tags": [
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
},
|
|
239
239
|
{
|
|
240
240
|
"name": "brick-tag",
|
|
241
|
-
"version": "0.0.
|
|
241
|
+
"version": "0.0.40",
|
|
242
242
|
"selector": "brick-tag-v0",
|
|
243
243
|
"description": "brick-tag component",
|
|
244
244
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tag",
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
},
|
|
247
247
|
{
|
|
248
248
|
"name": "brick-teaser",
|
|
249
|
-
"version": "22.4.
|
|
249
|
+
"version": "22.4.1",
|
|
250
250
|
"selector": "brick-teaser-v22",
|
|
251
251
|
"description": "Teaser component.",
|
|
252
252
|
"category": "Display",
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
},
|
|
259
259
|
{
|
|
260
260
|
"name": "brick-teaser-player",
|
|
261
|
-
"version": "1.1.
|
|
261
|
+
"version": "1.1.32",
|
|
262
262
|
"selector": "brick-teaser-player-v1",
|
|
263
263
|
"description": "brick-video-teaser component",
|
|
264
264
|
"category": "Display",
|
|
@@ -270,8 +270,8 @@
|
|
|
270
270
|
},
|
|
271
271
|
{
|
|
272
272
|
"name": "brick-teaser-reels",
|
|
273
|
-
"version": "0.
|
|
274
|
-
"selector": "brick-teaser-reels-
|
|
273
|
+
"version": "1.0.0",
|
|
274
|
+
"selector": "brick-teaser-reels-v1",
|
|
275
275
|
"description": "brick-teaser-reels component",
|
|
276
276
|
"category": "Display",
|
|
277
277
|
"tags": [
|
|
@@ -282,7 +282,7 @@
|
|
|
282
282
|
},
|
|
283
283
|
{
|
|
284
284
|
"name": "brick-textarea",
|
|
285
|
-
"version": "2.0.
|
|
285
|
+
"version": "2.0.36",
|
|
286
286
|
"selector": "brick-textarea-v2",
|
|
287
287
|
"description": "brick-textarea component",
|
|
288
288
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-textarea",
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
},
|
|
299
299
|
{
|
|
300
300
|
"name": "brick-toast",
|
|
301
|
-
"version": "0.1.
|
|
301
|
+
"version": "0.1.55",
|
|
302
302
|
"selector": "brick-toast-v0",
|
|
303
303
|
"description": "brick-toast component",
|
|
304
304
|
"category": "Feedback",
|
|
@@ -310,8 +310,8 @@
|
|
|
310
310
|
},
|
|
311
311
|
{
|
|
312
312
|
"name": "brick-toggle",
|
|
313
|
-
"version": "
|
|
314
|
-
"selector": "brick-toggle-
|
|
313
|
+
"version": "5.0.0",
|
|
314
|
+
"selector": "brick-toggle-v5",
|
|
315
315
|
"description": "brick-toggle component",
|
|
316
316
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-toggle",
|
|
317
317
|
"mainJsFile": "brick-toggle.js"
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
},
|
|
331
331
|
{
|
|
332
332
|
"name": "brick-tooltip",
|
|
333
|
-
"version": "1.0.
|
|
333
|
+
"version": "1.0.43",
|
|
334
334
|
"selector": "brick-tooltip-v1",
|
|
335
335
|
"description": "brick-tooltip component",
|
|
336
336
|
"assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tooltip",
|
package/dist/data/tokens.json
CHANGED
|
@@ -3914,7 +3914,7 @@
|
|
|
3914
3914
|
"name": "baseBodyS",
|
|
3915
3915
|
"type": "typography",
|
|
3916
3916
|
"value": "400 16px/1.4 'National 2'",
|
|
3917
|
-
"description": "Mengdetekst/brødtekst i
|
|
3917
|
+
"description": "Mengdetekst/brødtekst andre steder enn i artikler. Artikler har eget body-token.",
|
|
3918
3918
|
"cssVariable": "font-family: var(--brick-fonts-baseBodyS);\nfont-size: var(--brick-fontSizes-baseBodyS);\nfont-weight: var(--brick-fontWeights-baseBodyS);\nletter-spacing: var(--brick-letterSpacings-baseBodyS);\nline-height: var(--brick-lineHeights-baseBodyS);"
|
|
3919
3919
|
},
|
|
3920
3920
|
{
|
|
@@ -3922,7 +3922,7 @@
|
|
|
3922
3922
|
"name": "baseBodyM",
|
|
3923
3923
|
"type": "typography",
|
|
3924
3924
|
"value": "400 18px/1.4 'National 2'",
|
|
3925
|
-
"description": "Mengdetekst/brødtekst i
|
|
3925
|
+
"description": "Mengdetekst/brødtekst andre steder enn i artikler. Artikler har eget body-token.",
|
|
3926
3926
|
"cssVariable": "font-family: var(--brick-fonts-baseBodyM);\nfont-size: var(--brick-fontSizes-baseBodyM);\nfont-weight: var(--brick-fontWeights-baseBodyM);\nletter-spacing: var(--brick-letterSpacings-baseBodyM);\nline-height: var(--brick-lineHeights-baseBodyM);"
|
|
3927
3927
|
},
|
|
3928
3928
|
{
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@amedia/brick-mcp",
|
|
3
3
|
"homepage": "https://github.com/amedia/brick.git",
|
|
4
4
|
"author": "Amedia",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.7",
|
|
6
6
|
"description": "This is a MCP server for Brick",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"type": "module",
|
|
@@ -40,41 +40,41 @@
|
|
|
40
40
|
"zod-to-json-schema": "3.24.6"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@amedia/brick-alt-teaser": "8.1.
|
|
44
|
-
"@amedia/brick-avatar": "0.2.
|
|
45
|
-
"@amedia/brick-button": "9.4.
|
|
46
|
-
"@amedia/brick-byline": "
|
|
47
|
-
"@amedia/brick-card": "7.3.
|
|
48
|
-
"@amedia/brick-carousel": "2.3.
|
|
43
|
+
"@amedia/brick-alt-teaser": "8.1.35",
|
|
44
|
+
"@amedia/brick-avatar": "0.2.70",
|
|
45
|
+
"@amedia/brick-button": "9.4.29",
|
|
46
|
+
"@amedia/brick-byline": "3.0.0",
|
|
47
|
+
"@amedia/brick-card": "7.3.43",
|
|
48
|
+
"@amedia/brick-carousel": "2.3.16",
|
|
49
49
|
"@amedia/brick-classnames": "3.0.3",
|
|
50
|
-
"@amedia/brick-countdown": "3.0.
|
|
51
|
-
"@amedia/brick-dialog": "2.1.
|
|
52
|
-
"@amedia/brick-expand": "0.0.
|
|
50
|
+
"@amedia/brick-countdown": "3.0.17",
|
|
51
|
+
"@amedia/brick-dialog": "2.1.26",
|
|
52
|
+
"@amedia/brick-expand": "0.0.38",
|
|
53
53
|
"@amedia/brick-fonts": "2.0.3",
|
|
54
|
-
"@amedia/brick-helloworld": "
|
|
55
|
-
"@amedia/brick-icon": "2.4.
|
|
54
|
+
"@amedia/brick-helloworld": "3.0.0",
|
|
55
|
+
"@amedia/brick-icon": "2.4.10",
|
|
56
56
|
"@amedia/brick-icons": "2.2.7",
|
|
57
57
|
"@amedia/brick-illustrations": "1.3.1",
|
|
58
|
-
"@amedia/brick-image": "6.0.
|
|
59
|
-
"@amedia/brick-input": "4.0.
|
|
60
|
-
"@amedia/brick-pill": "10.1.
|
|
61
|
-
"@amedia/brick-player": "2.5.
|
|
62
|
-
"@amedia/brick-published": "4.0.
|
|
63
|
-
"@amedia/brick-share": "0.
|
|
64
|
-
"@amedia/brick-stepper": "1.1.
|
|
65
|
-
"@amedia/brick-tab": "0.
|
|
66
|
-
"@amedia/brick-tabs": "0.
|
|
67
|
-
"@amedia/brick-tag": "0.0.
|
|
68
|
-
"@amedia/brick-teaser": "22.4.
|
|
69
|
-
"@amedia/brick-teaser-player": "1.1.
|
|
70
|
-
"@amedia/brick-teaser-reels": "0.
|
|
58
|
+
"@amedia/brick-image": "6.0.37",
|
|
59
|
+
"@amedia/brick-input": "4.0.17",
|
|
60
|
+
"@amedia/brick-pill": "10.1.17",
|
|
61
|
+
"@amedia/brick-player": "2.5.7",
|
|
62
|
+
"@amedia/brick-published": "4.0.33",
|
|
63
|
+
"@amedia/brick-share": "1.0.0",
|
|
64
|
+
"@amedia/brick-stepper": "1.1.20",
|
|
65
|
+
"@amedia/brick-tab": "1.0.0",
|
|
66
|
+
"@amedia/brick-tabs": "1.0.0",
|
|
67
|
+
"@amedia/brick-tag": "0.0.40",
|
|
68
|
+
"@amedia/brick-teaser": "22.4.1",
|
|
69
|
+
"@amedia/brick-teaser-player": "1.1.32",
|
|
70
|
+
"@amedia/brick-teaser-reels": "1.0.0",
|
|
71
71
|
"@amedia/brick-template": "2.1.0",
|
|
72
|
-
"@amedia/brick-textarea": "2.0.
|
|
72
|
+
"@amedia/brick-textarea": "2.0.36",
|
|
73
73
|
"@amedia/brick-themes": "1.0.3",
|
|
74
|
-
"@amedia/brick-toast": "0.1.
|
|
75
|
-
"@amedia/brick-toggle": "
|
|
74
|
+
"@amedia/brick-toast": "0.1.55",
|
|
75
|
+
"@amedia/brick-toggle": "5.0.0",
|
|
76
76
|
"@amedia/brick-tokens": "6.4.0",
|
|
77
|
-
"@amedia/brick-tooltip": "1.0.
|
|
77
|
+
"@amedia/brick-tooltip": "1.0.43"
|
|
78
78
|
},
|
|
79
79
|
"eik": {
|
|
80
80
|
"server": "https://assets.acdn.no",
|