@digital-realty/ix-tabs 1.1.4 → 1.1.5

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.
@@ -21,8 +21,12 @@ export class IxPrimaryTab extends LitElement {
21
21
  IxPrimaryTab.styles = css `
22
22
  :host {
23
23
  display: flex;
24
- letter-spacing: var(--ix-primary-tab-letter-spacing, 1.25px);
25
- text-transform: var(--ix-primary-tab-text-transform, uppercase);
24
+ font-family: var(--text-heading-font, sans-serif);
25
+ line-height: var(--text-heading-line-height, 1.2em);
26
+ text-decoration: var(--text-heading-decoration, none);
27
+ font-weight: var(--ix-button-font-weight, bold);
28
+ text-transform: var(--ix-button-text-transform, uppercase);
29
+ letter-spacing: var(--ix-button-letter-spacing, 1.25px);
26
30
  --md-icon-size: var(--ix-tab-icon-size, 20px);
27
31
  }
28
32
  [inline-icon] ::slotted([slot='icon']) {
@@ -1 +1 @@
1
- {"version":3,"file":"IxPrimaryTab.js","sourceRoot":"","sources":["../src/IxPrimaryTab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QAoB8C,WAAM,GAAG,KAAK,CAAC;QAEJ,eAAU,GAAG,KAAK,CAAC;IAW5E,CAAC;IATC,MAAM;QACJ,OAAO,IAAI,CAAA;gBACC,IAAI,CAAC,MAAM;qBACN,IAAI,CAAC,UAAU;;;;wBAIZ,CAAC;IACvB,CAAC;;AA/BM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBlB,CAAC;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAEJ;IAAtD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;gDAAoB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport './mdtabs/primary-tab.js';\n\nexport class IxPrimaryTab extends LitElement {\n static styles = css`\n :host {\n display: flex;\n letter-spacing: var(--ix-primary-tab-letter-spacing, 1.25px);\n text-transform: var(--ix-primary-tab-text-transform, uppercase);\n --md-icon-size: var(--ix-tab-icon-size, 20px);\n }\n [inline-icon] ::slotted([slot='icon']) {\n display: flex;\n align-content: center;\n flex-wrap: wrap;\n justify-content: center;\n margin: var(--ix-tab-icon-margin, 0 -6px 0 0);\n }\n md-primary-tab {\n flex: 1 1 0%;\n }\n `;\n\n @property({ type: Boolean, reflect: true }) active = false;\n\n @property({ type: Boolean, attribute: 'inline-icon' }) inlineIcon = false;\n\n render() {\n return html`<md-primary-tab\n ?active=${this.active}\n ?inline-icon=${this.inlineIcon}\n >\n <slot slot=\"icon\" name=\"icon\"></slot>\n <slot></slot\n ></md-primary-tab> `;\n }\n}\n"]}
1
+ {"version":3,"file":"IxPrimaryTab.js","sourceRoot":"","sources":["../src/IxPrimaryTab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QAwB8C,WAAM,GAAG,KAAK,CAAC;QAEJ,eAAU,GAAG,KAAK,CAAC;IAW5E,CAAC;IATC,MAAM;QACJ,OAAO,IAAI,CAAA;gBACC,IAAI,CAAC,MAAM;qBACN,IAAI,CAAC,UAAU;;;;wBAIZ,CAAC;IACvB,CAAC;;AAnCM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBlB,CAAC;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAEJ;IAAtD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;gDAAoB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport './mdtabs/primary-tab.js';\n\nexport class IxPrimaryTab extends LitElement {\n static styles = css`\n :host {\n display: flex;\n font-family: var(--text-heading-font, sans-serif);\n line-height: var(--text-heading-line-height, 1.2em);\n text-decoration: var(--text-heading-decoration, none);\n font-weight: var(--ix-button-font-weight, bold);\n text-transform: var(--ix-button-text-transform, uppercase);\n letter-spacing: var(--ix-button-letter-spacing, 1.25px);\n --md-icon-size: var(--ix-tab-icon-size, 20px);\n }\n [inline-icon] ::slotted([slot='icon']) {\n display: flex;\n align-content: center;\n flex-wrap: wrap;\n justify-content: center;\n margin: var(--ix-tab-icon-margin, 0 -6px 0 0);\n }\n md-primary-tab {\n flex: 1 1 0%;\n }\n `;\n\n @property({ type: Boolean, reflect: true }) active = false;\n\n @property({ type: Boolean, attribute: 'inline-icon' }) inlineIcon = false;\n\n render() {\n return html`<md-primary-tab\n ?active=${this.active}\n ?inline-icon=${this.inlineIcon}\n >\n <slot slot=\"icon\" name=\"icon\"></slot>\n <slot></slot\n ></md-primary-tab> `;\n }\n}\n"]}
@@ -17,8 +17,12 @@ export class IxSecondaryTab extends LitElement {
17
17
  IxSecondaryTab.styles = css `
18
18
  :host {
19
19
  display: flex;
20
- letter-spacing: var(--ix-secondary-tab-letter-spacing, 1.25px);
21
- text-transform: var(--ix-secondary-tab-text-transform, uppercase);
20
+ font-family: var(--text-heading-font, sans-serif);
21
+ line-height: var(--text-heading-line-height, 1.2em);
22
+ text-decoration: var(--text-heading-decoration, none);
23
+ font-weight: var(--ix-button-font-weight, bold);
24
+ text-transform: var(--ix-button-text-transform, uppercase);
25
+ letter-spacing: var(--ix-button-letter-spacing, 1.25px);
22
26
  --md-icon-size: var(--ix-tab-icon-size, 20px);
23
27
  }
24
28
  ::slotted([slot='icon']) {
@@ -1 +1 @@
1
- {"version":3,"file":"IxSecondaryTab.js","sourceRoot":"","sources":["../src/IxSecondaryTab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QAoB8C,WAAM,GAAG,KAAK,CAAC;IAQ7D,CAAC;IANC,MAAM;QACJ,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,MAAM;;;yBAG9B,CAAC;IACxB,CAAC;;AA1BM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBlB,CAAC;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAgB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport './mdtabs/secondary-tab.js';\n\nexport class IxSecondaryTab extends LitElement {\n static styles = css`\n :host {\n display: flex;\n letter-spacing: var(--ix-secondary-tab-letter-spacing, 1.25px);\n text-transform: var(--ix-secondary-tab-text-transform, uppercase);\n --md-icon-size: var(--ix-tab-icon-size, 20px);\n }\n ::slotted([slot='icon']) {\n display: flex;\n align-content: center;\n flex-wrap: wrap;\n justify-content: center;\n margin: var(--ix-tab-icon-margin, 0 -6px 0 0);\n }\n md-secondary-tab {\n flex: 1 1 0%;\n }\n `;\n\n @property({ type: Boolean, reflect: true }) active = false;\n\n render() {\n return html`<md-secondary-tab ?active=${this.active}>\n <slot slot=\"icon\" name=\"icon\"></slot>\n <slot></slot\n ></md-secondary-tab>`;\n }\n}\n"]}
1
+ {"version":3,"file":"IxSecondaryTab.js","sourceRoot":"","sources":["../src/IxSecondaryTab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QAwB8C,WAAM,GAAG,KAAK,CAAC;IAQ7D,CAAC;IANC,MAAM;QACJ,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,MAAM;;;yBAG9B,CAAC;IACxB,CAAC;;AA9BM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBlB,CAAC;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAgB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport './mdtabs/secondary-tab.js';\n\nexport class IxSecondaryTab extends LitElement {\n static styles = css`\n :host {\n display: flex;\n font-family: var(--text-heading-font, sans-serif);\n line-height: var(--text-heading-line-height, 1.2em);\n text-decoration: var(--text-heading-decoration, none);\n font-weight: var(--ix-button-font-weight, bold);\n text-transform: var(--ix-button-text-transform, uppercase);\n letter-spacing: var(--ix-button-letter-spacing, 1.25px);\n --md-icon-size: var(--ix-tab-icon-size, 20px);\n }\n ::slotted([slot='icon']) {\n display: flex;\n align-content: center;\n flex-wrap: wrap;\n justify-content: center;\n margin: var(--ix-tab-icon-margin, 0 -6px 0 0);\n }\n md-secondary-tab {\n flex: 1 1 0%;\n }\n `;\n\n @property({ type: Boolean, reflect: true }) active = false;\n\n render() {\n return html`<md-secondary-tab ?active=${this.active}>\n <slot slot=\"icon\" name=\"icon\"></slot>\n <slot></slot\n ></md-secondary-tab>`;\n }\n}\n"]}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent ix-tabs following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "Digital Realty",
6
- "version": "1.1.4",
6
+ "version": "1.1.5",
7
7
  "type": "module",
8
8
  "main": "dist/index.js",
9
9
  "module": "dist/index.js",
@@ -31,7 +31,7 @@
31
31
  "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
32
32
  },
33
33
  "dependencies": {
34
- "@digital-realty/ix-icon-button": "^1.1.4",
34
+ "@digital-realty/ix-icon-button": "^1.1.5",
35
35
  "@digital-realty/theme": "^1.0.30",
36
36
  "@lit/react": "^1.0.2",
37
37
  "@material/web": "1.2.0",
@@ -52,6 +52,7 @@
52
52
  "husky": "^4.3.8",
53
53
  "lint-staged": "^10.5.4",
54
54
  "prettier": "^2.4.1",
55
+ "rollup": "^4.29.1",
55
56
  "rollup-plugin-minify-html-literals": "^1.2.6",
56
57
  "rollup-plugin-summary": "^2.0.0",
57
58
  "rollup-plugin-uglify": "^6.0.4",
@@ -105,5 +106,5 @@
105
106
  "README.md",
106
107
  "LICENSE"
107
108
  ],
108
- "gitHead": "cb4798e2a22a7e6b2eed58b8fc2d9fdddc875911"
109
+ "gitHead": "3590ef8890b3526a1395c48f0e94c72757c33c35"
109
110
  }