globuswebcomponents 0.3.9 → 0.4.0

package/dist/esm/gb-input-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-input-field.entry.js","mappings":"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","names":[],"sources":["src/components/gb-input-field/gb-input-field.css?tag=gb-input-field&encapsulation=shadow","src/components/gb-input-field/gb-input-field.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n@import './../../global/typo.css';\r\n\r\ndiv {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.input-wrapper {\r\n  display: flex;\r\n  width: 320px;\r\n  align-items: center;\r\n  border: 1px solid #ccc;\r\n  padding: 8px;\r\n  border-radius: 4px;\r\n}\r\n\r\ninput {\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  --line-clamp: 1;\r\n  flex: 1 0 0;\r\n}\r\n\r\n.input-wrapper input, .input-wrapper select {\r\n  flex-grow: 1;\r\n  border: none;\r\n  outline: none;\r\n}\r\n\r\n.tag {\r\n  display: flex;\r\n  align-items: center;\r\n  background-color: #f0f0f0;\r\n  border-radius: 12px;\r\n  padding: 4px 8px;\r\n  margin-right: 8px;\r\n}\r\n\r\n.help-text {\r\n  font-size: 12px;\r\n  color: #888;\r\n  margin-top: 4px;\r\n}\r\n\r\nbutton {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n","import { Component, Prop, getAssetPath, h } from '@stencil/core'\r\nimport { GeneralSizes } from '../../models/reusableModels'\r\n\r\n@Component({\r\n  tag: 'gb-input-field',\r\n  styleUrl: 'gb-input-field.css',\r\n  shadow: true\r\n})\r\n\r\nexport class GbInputField {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() inputType: 'default' | 'icon_leading' | 'leading_dropdown' | 'trailing_dropdown'|'leading_text'|'payment_input'| 'tags' | 'trailing_button' |'password' | 'password_icon_leading' | 'count';\r\n  @Prop() destructive?: boolean;\r\n  @Prop() helpIcon?: boolean = false;\r\n  @Prop() icon?: string;\r\n  @Prop() placeholder: string = ''; \r\n  @Prop() label?: string = '';\r\n\r\n  /*getIconPath(iconName: string) {\r\n    if (!iconName) return null;\r\n    return getAssetPath(`./assets/${iconName}`);\r\n  }\r\n\r\n  renderIcon(iconName: string) {\r\n    const iconPath = this.getIconPath(iconName);\r\n    return iconPath ? <span><img class=\"icon\" src={iconPath} alt=\"icon\" /></span> : null;\r\n  }*/\r\n\r\n  \r\n\r\n  render() {\r\n\r\n    const icon = this.icon ? getAssetPath(`assets/${this.icon}.svg`) : '';\r\n\r\n    const classes = {\r\n      [this.size]: true,\r\n    }\r\n\r\n    return (\r\n      <div class={classes}>\r\n        <label>{this.label}</label>\r\n        {this.inputType === 'default' && (\r\n          <div class=\"input-wrapper\">\r\n            <input placeholder={this.placeholder}>\r\n            </input>\r\n            {this.helpIcon && (\r\n              <div class=\"help-icon\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                  <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                </svg>\r\n              </div> \r\n            )}\r\n          </div>\r\n        )}\r\n        {this.inputType === 'icon_leading' && (\r\n          <div class=\"input-wrapper\">\r\n            {this.icon && (\r\n              <div class=\"icon\">\r\n                <img src={icon} alt=\"Icon\"></img>\r\n              </div>\r\n            )}\r\n            <input placeholder={this.placeholder} type='email'>\r\n            </input>\r\n            {this.helpIcon && (\r\n                <div class=\"help-icon\">\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                    <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                  </svg>\r\n                </div> \r\n              )}\r\n          </div>\r\n        )}\r\n        {this.inputType === 'leading_dropdown' && (\r\n          <div class=\"input-wrapper\">\r\n            {this.icon && (\r\n              <div class=\"icon\">\r\n                <img src={icon} alt=\"Icon\"></img>\r\n              </div>\r\n            )}\r\n            <select></select>\r\n            <input placeholder={this.placeholder}>\r\n              {this.helpIcon && (\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                  <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                </svg>\r\n              )}\r\n            </input>\r\n          </div>\r\n        )}\r\n        {this.inputType === 'payment_input' && (\r\n          <div class=\"input-wrapper\">\r\n            <span class='payment-icon'>$</span>\r\n            <input placeholder={this.placeholder}>\r\n              {this.helpIcon && (\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                  <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                </svg>\r\n              )}\r\n            </input>\r\n          </div>\r\n        )}\r\n        {this.inputType === 'tags' && (\r\n          <input placeholder={this.placeholder}>\r\n            <slot></slot>\r\n            {this.helpIcon && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n              </svg>\r\n            )}\r\n          </input>\r\n        )}\r\n        {this.inputType === 'password' && (\r\n          <input placeholder={this.placeholder}>\r\n            {this.helpIcon && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n              </svg>\r\n            )}\r\n          </input>\r\n        )}\r\n        {this.inputType === 'password_icon_leading' && (\r\n          <input placeholder={this.placeholder}>\r\n            {this.icon && (\r\n              <div class=\"icon\">\r\n                <img src={icon} alt=\"Icon\"></img>\r\n              </div>\r\n            )}\r\n            {this.helpIcon && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n              </svg>\r\n            )}\r\n          </input>\r\n        )}\r\n        {this.inputType === 'count' && (\r\n          <input placeholder={this.placeholder}>\r\n          {this.icon && (\r\n            <div class=\"icon\">\r\n              <img src={icon} alt=\"Icon\"></img>\r\n            </div>\r\n          )}\r\n          {this.helpIcon && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n              <path d=\"M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\" stroke=\"#697586\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n          )}\r\n          <span>\r\n            <button class=\"decrease-btn\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n              <path d=\"M16.6666 10L3.33329 10\" stroke=\"#4B5565\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n            </button>\r\n            <button class=\"increase-btn\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n              <path d=\"M10 3.33334L10 16.6667M16.6667 10L3.33337 10\" stroke=\"#4B5565\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>        \r\n            </button>\r\n          </span>\r\n        </input>\r\n        )}\r\n        <p class=\"help-text\">This is a hint to help the user</p>\r\n      </div>\r\n    )\r\n  }\r\n}"],"version":3}

package/dist/globuscomponents/p-21430c20.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbMegainputFieldCss","GbMegainputFieldStyle0","GbMegaInputField","render","h","key","class","this","size","type","placeholder"],"sources":["src/components/gb-megainput-field-base/gb-megainput-field.css?tag=gb-megainput-field&encapsulation=shadow","src/components/gb-megainput-field-base/gb-megainput-field.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n@import './../../global/typo.css';\r\n\r\ninput{\r\n    display: flex;   \r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-2);\r\n    border-radius: 8px;\r\n    border: 1px solid #CDD5DF;\r\n    color: #CDD5DF;\r\n    text-align: center;\r\n    /*font-family: Sora;*/\r\n    font-style: normal;\r\n    font-weight: 500;\r\n}\r\n\r\ninput.sm {\r\n    min-width: 44px;\r\n    min-height: 44px;\r\n    padding: var(--spacing-half) var(--spacing-2);\r\n    font-size: 24px;\r\n    line-height: 32px; /* 133.333% */\r\n}\r\n\r\ninput.md {\r\n    min-width: 48px;\r\n    min-height: 48px;\r\n    padding: 10px var(--spacing-2);\r\n    font-size: 30px;\r\n    line-height: 38px; /* 126.667% */\r\n}\r\n\r\ninput.lg {\r\n    min-width: 56px;\r\n    min-height: 56px;\r\n    padding: var(--spacing-3) var(--spacing-2);\r\n    font-size: 30px;\r\n    line-height: 38px; /* 126.667% */\r\n}\r\n\r\ninput:not(:placeholder-shown) {\r\n    color: #4B5565;\r\n}\r\n\r\ninput:focus:not(:placeholder-shown){\r\n    border: 1.3px solid #075DB2;\r\n    color: #4B5565;\r\n}\r\n\r\ninput:disabled {\r\n    background: #F6F8FA;\r\n    border: 1px solid #E3E8EF;\r\n    color: #CDD5DF;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-megainput-field',\r\n    styleUrl: 'gb-megainput-field.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbMegaInputField {\r\n    @Prop() size: GeneralSizes;\r\n \r\n    render() {\r\n        return (\r\n            <input class={this.size} type=\"number\" placeholder=\"0\"></input>\r\n        )\r\n    }\r\n}"],"mappings":"sCAAA,MAAMA,EAAsB,gv7DAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,M,6CAGzB,MAAAC,GACI,OACIC,EAAA,SAAAC,IAAA,2CAAOC,MAAOC,KAAKC,KAAMC,KAAK,SAASC,YAAY,K","ignoreList":[]}