@saasquatch/mint-components 2.1.10-53 → 2.1.10-54

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.
@@ -7877,20 +7877,18 @@ const TimelineReward = class {
7877
7877
  }
7878
7878
  };
7879
7879
 
7880
- function getStyle(props) {
7881
- return `
7882
- p {
7880
+ function UserAttributeView(props) {
7881
+ const vanillaStyle = `
7882
+ p {
7883
7883
  margin: 0;
7884
7884
  padding: 0;
7885
7885
  ${props.fontsize && `font-size: ${props.fontsize};`}
7886
7886
  ${props.fontweight && `font-weight: ${props.fontweight};`}
7887
7887
  color: ${props.color ? props.color : "var(--sqm-text)"};
7888
7888
  }`;
7889
- }
7890
- function UserAttributeView(props) {
7891
7889
  const loadingSkeleton = (index.h("sqm-skeleton", { width: "200px", height: "20px" }));
7892
7890
  return (props.value && (index.h(index.Host, null,
7893
- index.h("style", null, getStyle(props)),
7891
+ index.h("style", null, vanillaStyle),
7894
7892
  index.h("p", { part: "sqm-base" }, props.loading ? loadingSkeleton : props.value))));
7895
7893
  }
7896
7894
 
@@ -1,17 +1,15 @@
1
1
  import { h, Host } from "@stencil/core";
2
- function getStyle(props) {
3
- return `
4
- p {
2
+ export function UserAttributeView(props) {
3
+ const vanillaStyle = `
4
+ p {
5
5
  margin: 0;
6
6
  padding: 0;
7
7
  ${props.fontsize && `font-size: ${props.fontsize};`}
8
8
  ${props.fontweight && `font-weight: ${props.fontweight};`}
9
9
  color: ${props.color ? props.color : "var(--sqm-text)"};
10
10
  }`;
11
- }
12
- export function UserAttributeView(props) {
13
11
  const loadingSkeleton = (h("sqm-skeleton", { width: "200px", height: "20px" }));
14
12
  return (props.value && (h(Host, null,
15
- h("style", null, getStyle(props)),
13
+ h("style", null, vanillaStyle),
16
14
  h("p", { part: "sqm-base" }, props.loading ? loadingSkeleton : props.value))));
17
15
  }
@@ -6,7 +6,7 @@ import { UserAttributeView, } from "./sqm-user-attribute-view";
6
6
  import { useUserAttribute } from "./useUserAttribute";
7
7
  /**
8
8
  * @uiName User Attribute
9
- * @exampleGroup Advanced Components
9
+ * @exampleGroup Advanced
10
10
  * @example User Attribute - <sqm-user-attribute value="firstName" loading-text="..."></sqm-user-attribute>
11
11
  */
12
12
  export class UserAttribute {
@@ -7873,20 +7873,18 @@ const TimelineReward = class {
7873
7873
  }
7874
7874
  };
7875
7875
 
7876
- function getStyle(props) {
7877
- return `
7878
- p {
7876
+ function UserAttributeView(props) {
7877
+ const vanillaStyle = `
7878
+ p {
7879
7879
  margin: 0;
7880
7880
  padding: 0;
7881
7881
  ${props.fontsize && `font-size: ${props.fontsize};`}
7882
7882
  ${props.fontweight && `font-weight: ${props.fontweight};`}
7883
7883
  color: ${props.color ? props.color : "var(--sqm-text)"};
7884
7884
  }`;
7885
- }
7886
- function UserAttributeView(props) {
7887
7885
  const loadingSkeleton = (h$1("sqm-skeleton", { width: "200px", height: "20px" }));
7888
7886
  return (props.value && (h$1(Host, null,
7889
- h$1("style", null, getStyle(props)),
7887
+ h$1("style", null, vanillaStyle),
7890
7888
  h$1("p", { part: "sqm-base" }, props.loading ? loadingSkeleton : props.value))));
7891
7889
  }
7892
7890