@blockquote-web-components/blockquote-tabs 1.1.1 → 1.1.3
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 +6 -7
- 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.3",
|
|
4
4
|
"description": "Webcomponent blockquote-tabs following open-wc recommendations",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lit",
|
|
@@ -159,26 +159,25 @@
|
|
|
159
159
|
"extends": "stylelint-config-standard-scss",
|
|
160
160
|
"rules": {
|
|
161
161
|
"custom-property-pattern": null,
|
|
162
|
-
"max-line-length": null,
|
|
163
162
|
"no-duplicate-selectors": null,
|
|
164
163
|
"color-function-notation": null,
|
|
165
164
|
"alpha-value-notation": null
|
|
166
165
|
}
|
|
167
166
|
},
|
|
168
167
|
"dependencies": {
|
|
169
|
-
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.
|
|
168
|
+
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.3",
|
|
170
169
|
"@juggle/resize-observer": "^3.4.0",
|
|
171
170
|
"@lit-labs/observers": "^2.0.0",
|
|
172
171
|
"lit": "^3.1.0"
|
|
173
172
|
},
|
|
174
173
|
"devDependencies": {
|
|
175
|
-
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.7.
|
|
176
|
-
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.
|
|
177
|
-
"@blockquote-web-components/blockquote-foundations-sass": "^1.1.
|
|
174
|
+
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.7.1",
|
|
175
|
+
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.3",
|
|
176
|
+
"@blockquote-web-components/blockquote-foundations-sass": "^1.1.2"
|
|
178
177
|
},
|
|
179
178
|
"publishConfig": {
|
|
180
179
|
"access": "public"
|
|
181
180
|
},
|
|
182
181
|
"customElements": "custom-elements.json",
|
|
183
|
-
"gitHead": "
|
|
182
|
+
"gitHead": "f9d24d35c34c6c767feaaf0a03a743b6199d7740"
|
|
184
183
|
}
|
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">
|