@platformscode/core 0.0.4 → 0.0.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.
- package/dist/cjs/dga-accordion.cjs.entry.js +2 -2
- package/dist/cjs/dga-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/dga-avatar.cjs.entry.js +1 -1
- package/dist/cjs/dga-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/index-ef15ef00.js.map +1 -1
- package/dist/collection/components/dga-accordion/dga-accordion.js +2 -2
- package/dist/collection/components/dga-accordion/dga-accordion.js.map +1 -1
- package/dist/collection/components/dga-avatar/dga-avatar.js +1 -1
- package/dist/collection/components/dga-avatar/dga-avatar.js.map +1 -1
- package/dist/collection/utils/index.js.map +1 -1
- package/dist/components/dga-accordion-usage.js +1 -1
- package/dist/components/dga-accordion.js +1 -1
- package/dist/components/dga-avatar-usage.js +1 -1
- package/dist/components/dga-avatar.js +1 -1
- package/dist/components/dga-quote-usage.js +2 -2
- package/dist/components/dga-quote.js +1 -1
- package/dist/components/{p-37b7ef20.js → p-0f2bfcea.js} +2 -2
- package/dist/components/{p-37b7ef20.js.map → p-0f2bfcea.js.map} +1 -1
- package/dist/components/p-97e3e910.js.map +1 -1
- package/dist/components/{p-457d4b2d.js → p-9d83601a.js} +2 -2
- package/dist/components/{p-457d4b2d.js.map → p-9d83601a.js.map} +1 -1
- package/dist/components/{p-4631cddd.js → p-c31de0f8.js} +3 -3
- package/dist/components/{p-4631cddd.js.map → p-c31de0f8.js.map} +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/p-97e3e910.js.map +1 -1
- package/dist/core/{p-efa69ea6.entry.js → p-b84e006d.entry.js} +2 -2
- package/dist/core/p-b84e006d.entry.js.map +1 -0
- package/dist/core/{p-d4e815ff.entry.js → p-cb83470c.entry.js} +2 -2
- package/dist/core/{p-d4e815ff.entry.js.map → p-cb83470c.entry.js.map} +1 -1
- package/dist/dist/types/components/dga-accordion/dga-accordion.d.ts +12 -1
- package/dist/dist/types/components/dga-avatar/dga-avatar.d.ts +12 -1
- package/dist/dist/types/utils/index.d.ts +2 -0
- package/dist/esm/dga-accordion.entry.js +2 -2
- package/dist/esm/dga-accordion.entry.js.map +1 -1
- package/dist/esm/dga-avatar.entry.js +1 -1
- package/dist/esm/dga-avatar.entry.js.map +1 -1
- package/dist/esm/index-3023b346.js.map +1 -1
- package/dist/types/components/dga-accordion/dga-accordion.d.ts +12 -1
- package/dist/types/components/dga-avatar/dga-avatar.d.ts +12 -1
- package/dist/types/utils/index.d.ts +2 -0
- package/package.json +1 -1
- package/dist/core/p-efa69ea6.entry.js.map +0 -1
|
@@ -24,7 +24,7 @@ const DgaAvatar = class {
|
|
|
24
24
|
return (h("div", { class: "dga-avatar__icon" }, h("dga-icon", { icon: ((_a = this.icon) === null || _a === void 0 ? void 0 : _a.name) || "", variant: (_b = this.icon) === null || _b === void 0 ? void 0 : _b.variant, type: (_c = this.icon) === null || _c === void 0 ? void 0 : _c.type, color: (_d = this.icon) === null || _d === void 0 ? void 0 : _d.color })));
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h("div", { key: '
|
|
27
|
+
return (h("div", { key: '26147409db8cf5c058aa5d8aa9bf5eeefb0c44b1', class: {
|
|
28
28
|
'dga-avatar': true,
|
|
29
29
|
[`dga-avatar--${this.type}`]: true,
|
|
30
30
|
[`dga-avatar--${this.size}`]: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dga-avatar.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kylFAAkylF,CAAC;AACxzlF,wBAAe,YAAY;;
|
|
1
|
+
{"file":"dga-avatar.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kylFAAkylF,CAAC;AACxzlF,wBAAe,YAAY;;MCsCd,SAAS;IANtB;;QAOU,SAAI,GAAgB,MAAM,CAAC;QAC3B,SAAI,GAAgB,EAAE,CAAC;QACQ,WAAM,GAAa,KAAK,CAAC;QACzB,WAAM,GAAa,KAAK,CAAC;QACxD,SAAI,GAAY,IAAI,CAAC;QACrB,WAAM,GAAY,wBAAwB,CAAC;QAC3C,QAAG,GAAY,EAAE,CAAC;KA8B3B;IA3BS,oBAAoB;;QAC1B,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU;YAAE,OAAO,YAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,IAAI,CAAQ,CAAC;QACvF,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;YAAE,OAAO,WAAK,KAAK,EAAC,iBAAiB,EAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC;QACnG,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YACtB,QACE,WAAK,KAAK,EAAC,kBAAkB,IAC3B,gBAAU,IAAI,EAAE,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,KAAI,EAAE,EAAE,OAAO,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,GAAI,CAClH,EACN;KACL;IAED,MAAM;QAEJ,QACE,4DACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAClC,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAClC,oBAAoB,EAAE,IAAI,CAAC,MAAM;gBACjC,oBAAoB,EAAE,IAAI,CAAC,MAAM;aAClC,IAEA,IAAI,CAAC,oBAAoB,EAAE,CACxB,EACN;KACH;;;;;;","names":[],"sources":["src/components/dga-avatar/dga-avatar.scss?tag=dga-avatar","src/components/dga-avatar/dga-avatar.tsx"],"sourcesContent":["$avatar_sizes: (\n 120: (\n 'display-md-regular',\n 80,\n ),\n 80: (\n 'display-sm-regular',\n 56,\n ),\n 68: (\n 'text-xl-medium',\n 40,\n ),\n 48: (\n 'text-md-medium',\n 32,\n ),\n 40: (\n 'text-sm-semibold',\n 32,\n ),\n 32: (\n 'text-xs-semibold',\n 24,\n ),\n 24: (\n 'text-2xs-bold',\n 16,\n ),\n);\n\n.dga-avatar {\n border-radius: var(--radius-full);\n border: 2px solid var(--border-white);\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--button-background-neutral-default);\n overflow: hidden;\n\n &--initials {\n // border: 4px solid var(--colors-border-white, #FFF);\n }\n\n &--image {\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &--square {\n border-radius: var(--radius-8);\n }\n\n // &--border {\n // border: 2px solid var(--alpha-black-20, rgba(22, 22, 22, 0.20));\n // }\n\n @each $size, $properties in $avatar_sizes {\n $text: nth($properties, 1);\n $icon_size: nth($properties, 2);\n\n &--#{$size} {\n width: #{$size}px;\n height: #{$size}px;\n\n @if ($size == 120) {\n border-width: 4px;\n }\n\n & .dga-avatar__text {\n @extend .#{$text};\n text-transform: uppercase;\n }\n & .dga-avatar__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: #{$icon_size}px;\n height: #{$icon_size}px;\n font-size: #{$icon_size}px;\n & > * {\n width: 100%;\n height: 100%;\n font-size: #{$icon_size}px;\n }\n }\n }\n }\n}\n","// import { UserIcon } from '@hugeicons/react-pro';\nimport { Component, Prop, h } from '@stencil/core';\nimport { StripHTML } from '../../utils';\n\nexport type AvatarType = 'initials' | 'image' | 'icon';\nexport type AvatarSize = 120 | 80 | 68 | 48 | 40 | 32 | 24;\n\nexport interface Icon {\n name: string; \n size?: number;\n color?: string;\n variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';\n type?: 'rounded' | 'sharp' | 'standard';\n}\n\nexport interface CustomAttribute {\n key: string;\n value: string;\n}\n\n\nexport interface IDgaAvatar {\n type?: AvatarType;\n size?: AvatarSize;\n square?: boolean;\n border?: boolean ;\n text?: string ;\n imgUrl?: string;\n alt?: string;\n icon?: Icon;\n}\n\n\n@Component({\n tag: 'dga-avatar',\n styleUrl: 'dga-avatar.scss',\n // shadow: true,\n // scoped: true,\n})\nexport class DgaAvatar implements StripHTML<IDgaAvatar> {\n @Prop() type?: AvatarType = 'icon';\n @Prop() size?: AvatarSize = 32;\n @Prop({mutable: true , reflect: true}) square?: boolean = false;\n @Prop({mutable: true , reflect: true}) border?: boolean = false;\n @Prop() text?: string = 'AB';\n @Prop() imgUrl?: string = '/assets/avatar-img.png';\n @Prop() alt?: string = '';\n @Prop() icon?: Icon;\n\n private renderChildComponent() {\n if (this.type === 'initials') return <span class=\"dga-avatar__text\">{this.text}</span>;\n if (this.type === 'image') return <img class=\"dga-avatar__img\" src={this.imgUrl} alt={this.alt} />;\n if (this.type === 'icon')\n return (\n <div class=\"dga-avatar__icon\">\n <dga-icon icon={this.icon?.name || \"\"} variant={this.icon?.variant} type={this.icon?.type} color={this.icon?.color} />\n </div>\n );\n }\n\n render() {\n\n return (\n <div\n class={{\n 'dga-avatar': true,\n [`dga-avatar--${this.type}`]: true,\n [`dga-avatar--${this.size}`]: true,\n 'dga-avatar--square': this.square,\n 'dga-avatar--border': this.border,\n }}\n >\n {this.renderChildComponent()}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"index-3023b346.js","mappings":"
|
|
1
|
+
{"file":"index-3023b346.js","mappings":"MAEa,IAAI,GAAG;IAClB,MAAM,IAAI,GAAW,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,IAAI,GAAW,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7D,OAAO,IAAI,GAAG,IAAI,CAAC;AACrB;;;;","names":[],"sources":["src/utils/index.ts"],"sourcesContent":["import { JSX } from '@stencil/core';\n\nexport const guid = (): string => {\n const head: string = Date.now().toString(36);\n const tail: string = Math.random().toString(36).substring(2);\n return head + tail;\n};\n\n\n\nexport type StripHTML<T> = Omit<T, keyof JSX.Element>;"],"version":3}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { StripHTML } from '../../utils';
|
|
1
2
|
export interface AccordionItem {
|
|
2
3
|
title: string;
|
|
3
4
|
content: string;
|
|
@@ -7,7 +8,17 @@ export interface AccordionItem {
|
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
extraClass?: string;
|
|
9
10
|
}
|
|
10
|
-
export
|
|
11
|
+
export interface IDgaAccordion {
|
|
12
|
+
title: string;
|
|
13
|
+
content: string;
|
|
14
|
+
size: 'lg' | 'md' | 'sm';
|
|
15
|
+
iconAlignment: 'Leading' | 'Trailing';
|
|
16
|
+
flush: boolean;
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
defaultExpanded: boolean;
|
|
19
|
+
extraClass: string;
|
|
20
|
+
}
|
|
21
|
+
export declare class DgaAccordion implements StripHTML<IDgaAccordion> {
|
|
11
22
|
el: HTMLElement;
|
|
12
23
|
title: string;
|
|
13
24
|
content: string;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { StripHTML } from '../../utils';
|
|
1
2
|
export type AvatarType = 'initials' | 'image' | 'icon';
|
|
2
3
|
export type AvatarSize = 120 | 80 | 68 | 48 | 40 | 32 | 24;
|
|
3
4
|
export interface Icon {
|
|
@@ -11,7 +12,17 @@ export interface CustomAttribute {
|
|
|
11
12
|
key: string;
|
|
12
13
|
value: string;
|
|
13
14
|
}
|
|
14
|
-
export
|
|
15
|
+
export interface IDgaAvatar {
|
|
16
|
+
type?: AvatarType;
|
|
17
|
+
size?: AvatarSize;
|
|
18
|
+
square?: boolean;
|
|
19
|
+
border?: boolean;
|
|
20
|
+
text?: string;
|
|
21
|
+
imgUrl?: string;
|
|
22
|
+
alt?: string;
|
|
23
|
+
icon?: Icon;
|
|
24
|
+
}
|
|
25
|
+
export declare class DgaAvatar implements StripHTML<IDgaAvatar> {
|
|
15
26
|
type?: AvatarType;
|
|
16
27
|
size?: AvatarSize;
|
|
17
28
|
square?: boolean;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["dgaAvatarCss","DgaAvatarStyle0","DgaAvatar","constructor","hostRef","this","type","size","square","border","text","imgUrl","alt","renderChildComponent","h","class","src","icon","_a","name","variant","_b","_c","color","_d","render","key"],"sources":["src/components/dga-avatar/dga-avatar.scss?tag=dga-avatar","src/components/dga-avatar/dga-avatar.tsx"],"sourcesContent":["$avatar_sizes: (\n 120: (\n 'display-md-regular',\n 80,\n ),\n 80: (\n 'display-sm-regular',\n 56,\n ),\n 68: (\n 'text-xl-medium',\n 40,\n ),\n 48: (\n 'text-md-medium',\n 32,\n ),\n 40: (\n 'text-sm-semibold',\n 32,\n ),\n 32: (\n 'text-xs-semibold',\n 24,\n ),\n 24: (\n 'text-2xs-bold',\n 16,\n ),\n);\n\n.dga-avatar {\n border-radius: var(--radius-full);\n border: 2px solid var(--border-white);\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--button-background-neutral-default);\n overflow: hidden;\n\n &--initials {\n // border: 4px solid var(--colors-border-white, #FFF);\n }\n\n &--image {\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &--square {\n border-radius: var(--radius-8);\n }\n\n // &--border {\n // border: 2px solid var(--alpha-black-20, rgba(22, 22, 22, 0.20));\n // }\n\n @each $size, $properties in $avatar_sizes {\n $text: nth($properties, 1);\n $icon_size: nth($properties, 2);\n\n &--#{$size} {\n width: #{$size}px;\n height: #{$size}px;\n\n @if ($size == 120) {\n border-width: 4px;\n }\n\n & .dga-avatar__text {\n @extend .#{$text};\n text-transform: uppercase;\n }\n & .dga-avatar__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: #{$icon_size}px;\n height: #{$icon_size}px;\n font-size: #{$icon_size}px;\n & > * {\n width: 100%;\n height: 100%;\n font-size: #{$icon_size}px;\n }\n }\n }\n }\n}\n","// import { UserIcon } from '@hugeicons/react-pro';\nimport { Component, Prop, h } from '@stencil/core';\n\nexport type AvatarType = 'initials' | 'image' | 'icon';\nexport type AvatarSize = 120 | 80 | 68 | 48 | 40 | 32 | 24;\n\nexport interface Icon {\n name: string; \n size?: number;\n color?: string;\n variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';\n type?: 'rounded' | 'sharp' | 'standard';\n}\n\nexport interface CustomAttribute {\n key: string;\n value: string;\n}\n@Component({\n tag: 'dga-avatar',\n styleUrl: 'dga-avatar.scss',\n // shadow: true,\n // scoped: true,\n})\nexport class DgaAvatar {\n @Prop() type?: AvatarType = 'icon';\n @Prop() size?: AvatarSize = 32;\n @Prop({mutable: true , reflect: true}) square?: boolean = false;\n @Prop({mutable: true , reflect: true}) border?: boolean = false;\n @Prop() text?: string = 'AB';\n @Prop() imgUrl?: string = '/assets/avatar-img.png';\n @Prop() alt?: string = '';\n @Prop() icon?: Icon;\n\n private renderChildComponent() {\n if (this.type === 'initials') return <span class=\"dga-avatar__text\">{this.text}</span>;\n if (this.type === 'image') return <img class=\"dga-avatar__img\" src={this.imgUrl} alt={this.alt} />;\n if (this.type === 'icon')\n return (\n <div class=\"dga-avatar__icon\">\n <dga-icon icon={this.icon?.name || \"\"} variant={this.icon?.variant} type={this.icon?.type} color={this.icon?.color} />\n </div>\n );\n }\n\n render() {\n\n return (\n <div\n class={{\n 'dga-avatar': true,\n [`dga-avatar--${this.type}`]: true,\n [`dga-avatar--${this.size}`]: true,\n 'dga-avatar--square': this.square,\n 'dga-avatar--border': this.border,\n }}\n >\n {this.renderChildComponent()}\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,mplFACrB,MAAAC,EAAeD,E,MCuBFE,EAAS,MANtB,WAAAC,CAAAC,G,UAOUC,KAAAC,KAAoB,OACpBD,KAAAE,KAAoB,GACWF,KAAAG,OAAmB,MACnBH,KAAAI,OAAmB,MAClDJ,KAAAK,KAAgB,KAChBL,KAAAM,OAAkB,yBAClBN,KAAAO,IAAe,E,CAGf,oBAAAC,G,YACN,GAAIR,KAAKC,OAAS,WAAY,OAAOQ,EAAA,QAAMC,MAAM,oBAAoBV,KAAKK,MAC1E,GAAIL,KAAKC,OAAS,QAAS,OAAOQ,EAAA,OAAKC,MAAM,kBAAkBC,IAAKX,KAAKM,OAAQC,IAAKP,KAAKO,MAC3F,GAAIP,KAAKC,OAAS,OAChB,OACEQ,EAAA,OAAKC,MAAM,oBACTD,EAAA,YAAUG,OAAMC,EAAAb,KAAKY,QAAI,MAAAC,SAAA,SAAAA,EAAEC,OAAQ,GAAIC,SAASC,EAAAhB,KAAKY,QAAI,MAAAI,SAAA,SAAAA,EAAED,QAASd,MAAMgB,EAAAjB,KAAKY,QAAI,MAAAK,SAAA,SAAAA,EAAEhB,KAAMiB,OAAOC,EAAAnB,KAAKY,QAAI,MAAAO,SAAA,SAAAA,EAAED,Q,CAKrH,MAAAE,GAEE,OACEX,EAAA,OAAAY,IAAA,2CACEX,MAAO,CACL,aAAc,KACd,CAAC,eAAeV,KAAKC,QAAS,KAC9B,CAAC,eAAeD,KAAKE,QAAS,KAC9B,qBAAsBF,KAAKG,OAC3B,qBAAsBH,KAAKI,SAG5BJ,KAAKQ,uB","ignoreList":[]}
|