@fluid-topics/ft-popover 1.3.45 → 1.3.46

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 (7) hide show
  1. package/build/ft-popover.light.js +181 -163
  2. package/build/ft-popover.min.js +199 -181
  3. package/build/ftds-popover-section.js +7 -7
  4. package/build/ftds-popover-section.styles.js +2 -2
  5. package/build/ftds-popover.js +8 -8
  6. package/build/ftds-popover.styles.js +1 -1
  7. package/package.json +7 -7
package/build/ftds-popover-section.js CHANGED
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  import { html, nothing } from "lit";
8
8
  import { property, query } from "lit/decorators.js";
9
9
  import { FtLitElement, unslotText } from "@fluid-topics/ft-wc-utils";
10
- import { FtTypography } from "@fluid-topics/ft-typography";
10
+ import { FtdsTypography, FtdsTypographyVariants } from "@fluid-topics/ft-typography";
11
11
  import { sectionStyles } from "./ftds-popover-section.styles";
12
12
  class FtdsPopoverSection extends FtLitElement {
13
13
  constructor() {
@@ -21,23 +21,23 @@ class FtdsPopoverSection extends FtLitElement {
21
21
  ${this.renderHeading()}
22
22
  </slot>
23
23
  <div class="ftds-popover-section--content" part="content" id="ftds-popover-section-content">
24
- <ft-typography variant="body-2-medium">
24
+ <ftds-typography variant="${FtdsTypographyVariants.body2medium}">
25
25
  <slot></slot>
26
- </ft-typography>
26
+ </ftds-typography>
27
27
  </div>
28
- <ft-typography variant="body-2-medium" part="popover-section-link-typography" class="ftds-popover-section--link">
28
+ <ftds-typography variant="${FtdsTypographyVariants.body2medium}" part="popover-section-link-typography" class="ftds-popover-section--link">
29
29
  <slot name="link"
30
30
  part="popover-section-link"
31
31
  @slotchange=${() => this.requestUpdate()}
32
32
  ></slot>
33
- </ft-typography>
33
+ </ftds-typography>
34
34
  </div>
35
35
  `;
36
36
  }
37
37
  renderHeading() {
38
38
  return this.heading ? html `
39
39
  <div class="ftds-popover-section--heading" part="heading" id="ftds-popover-section-heading">
40
- <ft-typography element="span" variant="body-2-semibold">${this.heading}</ft-typography>
40
+ <ftds-typography element="span" variant="${FtdsTypographyVariants.body2semibold}">${this.heading}</ftds-typography>
41
41
  </div>
42
42
  ` : nothing;
43
43
  }
@@ -47,7 +47,7 @@ class FtdsPopoverSection extends FtLitElement {
47
47
  }
48
48
  }
49
49
  FtdsPopoverSection.elementDefinitions = {
50
- "ft-typography": FtTypography,
50
+ "ftds-typography": FtdsTypography,
51
51
  };
52
52
  FtdsPopoverSection.styles = sectionStyles;
53
53
  __decorate([
package/build/ftds-popover-section.styles.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { css } from "lit";
2
2
  import { popover } from "@fluid-topics/design-system-variables";
3
- //language=css
3
+ // language=css
4
4
  export const sectionStyles = css `
5
- .ftds-popover-section--heading ft-typography {
5
+ .ftds-popover-section--heading ftds-typography {
6
6
  flex-grow: 1;
7
7
  flex-shrink: 1;
8
8
  text-overflow: ellipsis;
package/build/ftds-popover.js CHANGED
@@ -8,7 +8,7 @@ import { html, nothing } from "lit";
8
8
  import { property, query } from "lit/decorators.js";
9
9
  import { ifDefined } from "lit/directives/if-defined.js";
10
10
  import { computeOffsetAutoPosition, FtLitElement, unslotText } from "@fluid-topics/ft-wc-utils";
11
- import { FtTypography, FtTypographyVariants } from "@fluid-topics/ft-typography";
11
+ import { FtdsTypography, FtdsTypographyVariants } from "@fluid-topics/ft-typography";
12
12
  import { FtdsButton } from "@fluid-topics/ft-button";
13
13
  import { styles } from "./ftds-popover.styles";
14
14
  import { classMap } from "lit/directives/class-map.js";
@@ -75,23 +75,23 @@ class FtdsPopover extends FtLitElement {
75
75
  <slot name="heading">
76
76
  ${this.heading ? html `
77
77
  <div id="ftds-popover-heading" part="heading">
78
- <ft-typography element="span" variant="${FtTypographyVariants.body2semibold}">
78
+ <ftds-typography element="span" variant="${FtdsTypographyVariants.body2semibold}">
79
79
  ${this.heading}
80
- </ft-typography>
80
+ </ftds-typography>
81
81
  </div>
82
82
  ` : nothing}
83
83
  </slot>
84
84
  <div id="ftds-popover-content" part="content">
85
- <ft-typography variant="${FtTypographyVariants.body2medium}">
85
+ <ftds-typography variant="${FtdsTypographyVariants.body2medium}">
86
86
  <slot part="popover-content-slot"></slot>
87
- </ft-typography>
87
+ </ftds-typography>
88
88
  </div>
89
- <ft-typography variant="${FtTypographyVariants.body2medium}" part="popover-link-typography">
89
+ <ftds-typography variant="${FtdsTypographyVariants.body2medium}" part="popover-link-typography">
90
90
  <slot name="link"
91
91
  part="popover-link"
92
92
  @slotchange=${() => this.requestUpdate()}
93
93
  ></slot>
94
- </ft-typography>
94
+ </ftds-typography>
95
95
  <div part="popover-sections">
96
96
  <slot name="sections" part="popover-sections-slot"></slot>
97
97
  </div>
@@ -162,7 +162,7 @@ class FtdsPopover extends FtLitElement {
162
162
  }
163
163
  }
164
164
  FtdsPopover.elementDefinitions = {
165
- "ft-typography": FtTypography,
165
+ "ftds-typography": FtdsTypography,
166
166
  "ftds-button": FtdsButton,
167
167
  };
168
168
  FtdsPopover.styles = styles;
package/build/ftds-popover.styles.js CHANGED
@@ -69,7 +69,7 @@ export const styles = css `
69
69
  color: ${popover.titleColor};
70
70
  }
71
71
 
72
- [part="heading"] ft-typography {
72
+ [part="heading"] ftds-typography {
73
73
  flex-grow: 1;
74
74
  flex-shrink: 1;
75
75
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-popover",
3
- "version": "1.3.45",
3
+ "version": "1.3.46",
4
4
  "description": "A simple popover component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -20,12 +20,12 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@fluid-topics/design-system-variables": "2.53.1",
23
- "@fluid-topics/ft-button": "1.3.45",
24
- "@fluid-topics/ft-icon": "1.3.45",
25
- "@fluid-topics/ft-link": "1.3.45",
26
- "@fluid-topics/ft-typography": "1.3.45",
27
- "@fluid-topics/ft-wc-utils": "1.3.45",
23
+ "@fluid-topics/ft-button": "1.3.46",
24
+ "@fluid-topics/ft-icon": "1.3.46",
25
+ "@fluid-topics/ft-link": "1.3.46",
26
+ "@fluid-topics/ft-typography": "1.3.46",
27
+ "@fluid-topics/ft-wc-utils": "1.3.46",
28
28
  "lit": "3.1.0"
29
29
  },
30
- "gitHead": "3fd3d1375535575f012653afcbcb81dc3c25b7c7"
30
+ "gitHead": "d6cf25d6ed0dead8c7aff4f94a493c35d12f1392"
31
31
  }