npm - globuswebcomponents - Versions diffs - 0.5.5 → 0.5.6 - Mend

globuswebcomponents 0.5.5 → 0.5.6

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 (370) hide show

package/dist/collection/components/gb-avatar-group/gb-avatar-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-avatar-group.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-group/gb-avatar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAgB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOrF,MAAM,OAAO,aAAa;;;;;oBAIA,IAAI;qBACD,SAAS,CAAC,OAAO;;;IAI5C,aAAa;QACX,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,SAAS;QACP,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,OAAO,CAAC;YAC/B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAEjD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,~~OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC~~;~~QACzB~~,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,WAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK;gBAC3C,iBAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBAClD,WAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CACR,CACP,CAAC;YACD,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE;gBAC/B,kEAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBACnE,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACR,CACP;YACA,IAAI,CAAC,aAAa,IAAI,6EAAsB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAyB,CACpG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-avatar-group',\r\n styleUrl: 'gb-avatar-group.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarGroup {\r\n @Prop() size: GeneralSizes;\r\n @Prop() moreUsers: boolean;\r\n @Prop() addMoreButton: boolean;\r\n @Prop() text: boolean = true;\r\n @Prop() state: StateEnum = StateEnum.Default;\r\n @Prop() images: string[];\r\n @Element() el: HTMLElement;\r\n\r\n getNumberSize() {\r\n switch (this.size) {\r\n case 'xs':\r\n return 'text-xs-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n setWeight() {\r\n switch (this.size) {\r\n case 'md':\r\n return BorderWeights.Regular;\r\n case 'sm':\r\n return BorderWeights.Light;\r\n case 'xs':\r\n return BorderWeights.Light;\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedNumber = this.el.querySelector('p');\r\n\r\n if (slottedNumber) {\r\n slottedNumber.classList.add(this.getNumberSize());\r\n }\r\n }\r\n\r\n render() {\r\n console.log(this.images);\r\n return (\r\n <div class={`avatar_group ${this.size}`}>\r\n {this.images.map((image, index) => (\r\n <div class={`avatar ${this.size}`} key={index}>\r\n <gb-avatar size={this.size} weight={this.setWeight()}>\r\n <img src={image} alt=\"\" slot=\"image\" />\r\n </gb-avatar>\r\n </div>\r\n ))}\r\n {this.moreUsers && (\r\n <div class={`avatar ${this.size}`}>\r\n <gb-avatar text={this.text} size={this.size} weight={this.setWeight()}>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n </gb-avatar>\r\n </div>\r\n )}\r\n {this.addMoreButton && <gb-avatar-add-button state={this.state} size={this.size}></gb-avatar-add-button>}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-avatar-group.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-group/gb-avatar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAgB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOrF,MAAM,OAAO,aAAa;;;;;oBAIA,IAAI;qBACD,SAAS,CAAC,OAAO;;;IAI5C,aAAa;QACX,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,SAAS;QACP,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,OAAO,CAAC;YAC/B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAEjD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,4BAA4B;QAC5B,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,WAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK;gBAC3C,iBAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBAClD,WAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CACR,CACP,CAAC;YACD,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE;gBAC/B,kEAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBACnE,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACR,CACP;YACA,IAAI,CAAC,aAAa,IAAI,6EAAsB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAyB,CACpG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-avatar-group',\r\n styleUrl: 'gb-avatar-group.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarGroup {\r\n @Prop() size: GeneralSizes;\r\n @Prop() moreUsers: boolean;\r\n @Prop() addMoreButton: boolean;\r\n @Prop() text: boolean = true;\r\n @Prop() state: StateEnum = StateEnum.Default;\r\n @Prop() images: string[];\r\n @Element() el: HTMLElement;\r\n\r\n getNumberSize() {\r\n switch (this.size) {\r\n case 'xs':\r\n return 'text-xs-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n setWeight() {\r\n switch (this.size) {\r\n case 'md':\r\n return BorderWeights.Regular;\r\n case 'sm':\r\n return BorderWeights.Light;\r\n case 'xs':\r\n return BorderWeights.Light;\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedNumber = this.el.querySelector('p');\r\n\r\n if (slottedNumber) {\r\n slottedNumber.classList.add(this.getNumberSize());\r\n }\r\n }\r\n\r\n render() {\r\n // console.log(this.images);\r\n return (\r\n <div class={`avatar_group ${this.size}`}>\r\n {this.images.map((image, index) => (\r\n <div class={`avatar ${this.size}`} key={index}>\r\n <gb-avatar size={this.size} weight={this.setWeight()}>\r\n <img src={image} alt=\"\" slot=\"image\" />\r\n </gb-avatar>\r\n </div>\r\n ))}\r\n {this.moreUsers && (\r\n <div class={`avatar ${this.size}`}>\r\n <gb-avatar text={this.text} size={this.size} weight={this.setWeight()}>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n </gb-avatar>\r\n </div>\r\n )}\r\n {this.addMoreButton && <gb-avatar-add-button state={this.state} size={this.size}></gb-avatar-add-button>}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-avatar-profile-photo/gb-avatar-profile-photo.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-badge-close/gb-badge-close.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-badges/gb-badges.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-btn/gb-btn.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-button/gb-button.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-button/readme.md CHANGED Viewed

@@ -26,7 +26,6 @@
  - [gb-checkbox-group-item](../gb-checkbox-group-item)
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
- - [gb-input-field](../gb-input-field)
  - [gb-notification-pane](../gb-notification-pane)
  - [gb-pagination](../gb-pagination)
  - [gb-password-button](../gb-password-button)
@@ -37,7 +36,6 @@
 graph TD;
   gb-checkbox-group-item --> gb-button
   gb-file-upload-item-base --> gb-button
-  gb-input-field --> gb-button
   gb-notification-pane --> gb-button
   gb-pagination --> gb-button
   gb-password-button --> gb-button

package/dist/collection/components/gb-button-close/gb-button-close.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-carousel-arrow/gb-carousel-arrow.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }

package/dist/collection/components/gb-collapse-button/gb-collapse-button.css CHANGED Viewed

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }