@blockquote-web-components/blockquote-tabs 1.1.0 → 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.
Files changed (3) hide show
  1. package/README.md +21 -17
  2. package/package.json +5 -6
  3. 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
- ## Usage
7
+ ### Demo
8
+
9
+ [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](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
  ![Lit](https://img.shields.io/badge/lit-3.0.0-blue.svg)
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
  ![Lit](https://img.shields.io/badge/lit-3.0.0-blue.svg)
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.0",
3
+ "version": "1.1.2",
4
4
  "description": "Webcomponent blockquote-tabs following open-wc recommendations",
5
5
  "keywords": [
6
6
  "lit",
@@ -58,7 +58,6 @@
58
58
  ],
59
59
  "scripts": {
60
60
  "analyze": "cem analyze --litelement --globs \"{src,define}/**/*.{js,ts}\" \"index.js\"",
61
- "analyze:doc": "npm run analyze && npx web-component-analyzer \"{src,define}/**/*.{js,ts}\" \"index.js\" \"README.js\" --outFile README.md",
62
61
  "build": "echo \"This is not a TypeScript project, so no need to build.\"",
63
62
  "dev:vite": "vite build",
64
63
  "format": "npm run format:eslint && npm run format:prettier && npm run format:stylelint",
@@ -167,19 +166,19 @@
167
166
  }
168
167
  },
169
168
  "dependencies": {
170
- "@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.0",
169
+ "@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.2",
171
170
  "@juggle/resize-observer": "^3.4.0",
172
171
  "@lit-labs/observers": "^2.0.0",
173
172
  "lit": "^3.1.0"
174
173
  },
175
174
  "devDependencies": {
176
- "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.6.0",
177
- "@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.0",
175
+ "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.7.0",
176
+ "@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.2",
178
177
  "@blockquote-web-components/blockquote-foundations-sass": "^1.1.1"
179
178
  },
180
179
  "publishConfig": {
181
180
  "access": "public"
182
181
  },
183
182
  "customElements": "custom-elements.json",
184
- "gitHead": "c65690b8e735c0607858f3a14a381088721dc807"
183
+ "gitHead": "1e72d38b0abdb0fddc1ccc9412f83485e9f6b5b0"
185
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
- * ## Usage
22
+ * ### Demo
23
+ *
24
+ * [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](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">