@blockquote-web-components/blockquote-tabs 1.1.1 → 1.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.
- package/README.md +21 -17
- package/package.json +4 -4
- package/src/BlockquoteTabs.js +5 -1
package/README.md
CHANGED
|
@@ -4,7 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time. Each tab panel has an associated tab element, that when activated, displays the panel. The list of tab elements is arranged along one edge of the currently displayed panel, most commonly the top edge.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
### Demo
|
|
8
|
+
|
|
9
|
+
[](https://stackblitz.com/github/oscarmarina/blockquote-web-components/tree/main/packages/components/blockquote-tabs)
|
|
10
|
+
|
|
11
|
+
### Usage
|
|
8
12
|
|
|
9
13
|
```html
|
|
10
14
|
<blockquote-tabs label="List of tabs">
|
|
@@ -113,22 +117,6 @@ Tabs are a set of layered sections of content, known as tab panels, that display
|
|
|
113
117
|
| ---- | ---------------- | -------------- | --------------------- | ------- |
|
|
114
118
|
| `js` | `BlockquoteTabs` | BlockquoteTabs | src/BlockquoteTabs.js | |
|
|
115
119
|
|
|
116
|
-
### `src/styles/blockquote-tabs-styles.css.js`:
|
|
117
|
-
|
|
118
|
-
#### Variables
|
|
119
|
-
|
|
120
|
-
| Name | Description | Type |
|
|
121
|
-
| -------- | ----------- | ---- |
|
|
122
|
-
| `styles` | | |
|
|
123
|
-
|
|
124
|
-
<hr/>
|
|
125
|
-
|
|
126
|
-
#### Exports
|
|
127
|
-
|
|
128
|
-
| Kind | Name | Declaration | Module | Package |
|
|
129
|
-
| ---- | -------- | ----------- | ---------------------------------------- | ------- |
|
|
130
|
-
| `js` | `styles` | styles | src/styles/blockquote-tabs-styles.css.js | |
|
|
131
|
-
|
|
132
120
|
|
|
133
121
|
|
|
134
122
|
`<blockquote-tab>`
|
|
@@ -173,6 +161,22 @@ A tab element that can be used inside a `blockquote-tabs` element.
|
|
|
173
161
|
| ---- | --------------- | ------------- | ------------------------ | ------- |
|
|
174
162
|
| `js` | `BlockquoteTab` | BlockquoteTab | src/tab/BlockquoteTab.js | |
|
|
175
163
|
|
|
164
|
+
### `src/styles/blockquote-tabs-styles.css.js`:
|
|
165
|
+
|
|
166
|
+
#### Variables
|
|
167
|
+
|
|
168
|
+
| Name | Description | Type |
|
|
169
|
+
| -------- | ----------- | ---- |
|
|
170
|
+
| `styles` | | |
|
|
171
|
+
|
|
172
|
+
<hr/>
|
|
173
|
+
|
|
174
|
+
#### Exports
|
|
175
|
+
|
|
176
|
+
| Kind | Name | Declaration | Module | Package |
|
|
177
|
+
| ---- | -------- | ----------- | ---------------------------------------- | ------- |
|
|
178
|
+
| `js` | `styles` | styles | src/styles/blockquote-tabs-styles.css.js | |
|
|
179
|
+
|
|
176
180
|
|
|
177
181
|
|
|
178
182
|
`<blockquote-tabpanel>`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blockquote-web-components/blockquote-tabs",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "Webcomponent blockquote-tabs following open-wc recommendations",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lit",
|
|
@@ -166,19 +166,19 @@
|
|
|
166
166
|
}
|
|
167
167
|
},
|
|
168
168
|
"dependencies": {
|
|
169
|
-
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.
|
|
169
|
+
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.2",
|
|
170
170
|
"@juggle/resize-observer": "^3.4.0",
|
|
171
171
|
"@lit-labs/observers": "^2.0.0",
|
|
172
172
|
"lit": "^3.1.0"
|
|
173
173
|
},
|
|
174
174
|
"devDependencies": {
|
|
175
175
|
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.7.0",
|
|
176
|
-
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.
|
|
176
|
+
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.2",
|
|
177
177
|
"@blockquote-web-components/blockquote-foundations-sass": "^1.1.1"
|
|
178
178
|
},
|
|
179
179
|
"publishConfig": {
|
|
180
180
|
"access": "public"
|
|
181
181
|
},
|
|
182
182
|
"customElements": "custom-elements.json",
|
|
183
|
-
"gitHead": "
|
|
183
|
+
"gitHead": "1e72d38b0abdb0fddc1ccc9412f83485e9f6b5b0"
|
|
184
184
|
}
|
package/src/BlockquoteTabs.js
CHANGED
|
@@ -19,7 +19,11 @@ window.ResizeObserver || /* c8 ignore next */ (window.ResizeObserver = ResizeObs
|
|
|
19
19
|
*
|
|
20
20
|
* Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time. Each tab panel has an associated tab element, that when activated, displays the panel. The list of tab elements is arranged along one edge of the currently displayed panel, most commonly the top edge.
|
|
21
21
|
*
|
|
22
|
-
*
|
|
22
|
+
* ### Demo
|
|
23
|
+
*
|
|
24
|
+
* [](https://stackblitz.com/github/oscarmarina/blockquote-web-components/tree/main/packages/components/blockquote-tabs)
|
|
25
|
+
*
|
|
26
|
+
* ### Usage
|
|
23
27
|
*
|
|
24
28
|
* ```html
|
|
25
29
|
* <blockquote-tabs label="List of tabs">
|