@lovince/ui-core 1.0.3 → 1.0.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/my-button.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MyButtonProps } from '@lovince/ui-shared';\n\n@customElement(\"my-button\")\nexport class MyButton extends LitElement {\n static styles = css`\n :host {\n display: inline-block;\n }\n \n button {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n transition: all 0.2s ease;\n }\n \n button:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n \n .primary {\n background-color: #007bff;\n color: white;\n }\n \n .primary:hover:not(:disabled) {\n background-color: #0056b3;\n }\n \n .secondary {\n background-color: #6c757d;\n color: white;\n }\n \n .secondary:hover:not(:disabled) {\n background-color: #545b62;\n }\n \n .danger {\n background-color: #dc3545;\n color: white;\n }\n \n .danger:hover:not(:disabled) {\n background-color: #c82333;\n }\n \n .success {\n background-color: #28a745;\n color: white;\n }\n \n .success:hover:not(:disabled) {\n background-color: #218838;\n }\n \n .outline {\n background-color: transparent;\n color: #007bff;\n border: 2px solid #007bff;\n }\n \n .outline:hover:not(:disabled) {\n background-color: #007bff;\n color: white;\n }\n \n .sm {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n }\n \n .lg {\n padding: 0.75rem 1.5rem;\n font-size: 1.125rem;\n }\n `;\n\n @property({ type: String })
|
|
1
|
+
{"version":3,"sources":["../../src/components/my-button.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MyButtonProps } from '@lovince/ui-shared';\n\n@customElement(\"my-button\")\nexport class MyButton extends LitElement {\n static styles = css`\n :host {\n display: inline-block;\n }\n \n button {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n transition: all 0.2s ease;\n }\n \n button:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n \n .primary {\n background-color: #007bff;\n color: white;\n }\n \n .primary:hover:not(:disabled) {\n background-color: #0056b3;\n }\n \n .secondary {\n background-color: #6c757d;\n color: white;\n }\n \n .secondary:hover:not(:disabled) {\n background-color: #545b62;\n }\n \n .danger {\n background-color: #dc3545;\n color: white;\n }\n \n .danger:hover:not(:disabled) {\n background-color: #c82333;\n }\n \n .success {\n background-color: #28a745;\n color: white;\n }\n \n .success:hover:not(:disabled) {\n background-color: #218838;\n }\n \n .outline {\n background-color: transparent;\n color: #007bff;\n border: 2px solid #007bff;\n }\n \n .outline:hover:not(:disabled) {\n background-color: #007bff;\n color: white;\n }\n \n .sm {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n }\n \n .lg {\n padding: 0.75rem 1.5rem;\n font-size: 1.125rem;\n }\n `;\n\n @property({ type: String })\n variant: \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"outline\" = \"primary\";\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ type: String })\n size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n private handleClick() {\n if (this.disabled) return;\n \n this.dispatchEvent(\n new CustomEvent(\"button-click\", {\n detail: { variant: this.variant },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n render() {\n return html`\n <button \n class=\"${this.variant} ${this.size}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleClick}\"\n >\n <slot></slot>\n </button>\n `;\n }\n}\n\n// SSR-safe element registration\nif (!customElements.get(\"my-button\")) {\n customElements.define(\"my-button\", MyButton);\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,MAAM,WAAW;AACtC,SAAS,eAAe,gBAAgB;AAIjC,IAAM,WAAN,cAAuB,WAAW;AAAA,EAgFvC,UAAsE;AAAA,EAGtE,WAAW;AAAA,EAGX,OAA2B;AAAA,EAEnB,cAAc;AACpB,QAAI,KAAK,SAAU;AAEnB,SAAK;AAAA,MACH,IAAI,YAAY,gBAAgB;AAAA,QAC9B,QAAQ,EAAE,SAAS,KAAK,QAAQ;AAAA,QAChC,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA,iBAEM,KAAK,OAAO,IAAI,KAAK,IAAI;AAAA,qBACrB,KAAK,QAAQ;AAAA,kBAChB,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhC;AACF;AA9GE,cADW,UACJ,UAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+EhB;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA/Ef,SAgFX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAlFhB,SAmFX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GArFf,SAsFX;AAtFW,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;AAkHb,IAAI,CAAC,eAAe,IAAI,WAAW,GAAG;AACpC,iBAAe,OAAO,aAAa,QAAQ;AAC7C;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/my-input.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MyInputProps } from '@lovince/ui-shared';\n\n@customElement(\"my-input\")\nexport class MyInput extends LitElement {\n static styles = css`\n :host {\n display: block;\n }\n \n input {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-family: inherit;\n font-size: inherit;\n transition: border-color 0.2s ease;\n }\n \n input:focus {\n outline: none;\n border-color: #007bff;\n }\n \n input:disabled {\n background-color: #f8f9fa;\n opacity: 0.6;\n cursor: not-allowed;\n }\n `;\n\n @property({ type: String })
|
|
1
|
+
{"version":3,"sources":["../../src/components/my-input.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MyInputProps } from '@lovince/ui-shared';\n\n@customElement(\"my-input\")\nexport class MyInput extends LitElement {\n static styles = css`\n :host {\n display: block;\n }\n \n input {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-family: inherit;\n font-size: inherit;\n transition: border-color 0.2s ease;\n }\n \n input:focus {\n outline: none;\n border-color: #007bff;\n }\n \n input:disabled {\n background-color: #f8f9fa;\n opacity: 0.6;\n cursor: not-allowed;\n }\n `;\n\n @property({ type: String })\n value = \"\";\n\n @property({ type: String })\n placeholder = \"\";\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ type: String })\n type: \"text\" | \"email\" | \"password\" = \"text\";\n\n private handleInput(event: Event) {\n const target = event.target as HTMLInputElement;\n this.value = target.value;\n \n this.dispatchEvent(\n new CustomEvent(\"input-change\", {\n detail: { value: this.value },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n render() {\n return html`\n <input\n .value=\"${this.value}\"\n placeholder=\"${this.placeholder}\"\n ?disabled=\"${this.disabled}\"\n type=\"${this.type}\"\n @input=\"${this.handleInput}\"\n />\n `;\n }\n}\n\n// SSR-safe element registration\nif (!customElements.get(\"my-input\")) {\n customElements.define(\"my-input\", MyInput);\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,MAAM,WAAW;AACtC,SAAS,eAAe,gBAAgB;AAIjC,IAAM,UAAN,cAAsB,WAAW;AAAA,EA6BtC,QAAQ;AAAA,EAGR,cAAc;AAAA,EAGd,WAAW;AAAA,EAGX,OAAsC;AAAA,EAE9B,YAAY,OAAc;AAChC,UAAM,SAAS,MAAM;AACrB,SAAK,QAAQ,OAAO;AAEpB,SAAK;AAAA,MACH,IAAI,YAAY,gBAAgB;AAAA,QAC9B,QAAQ,EAAE,OAAO,KAAK,MAAM;AAAA,QAC5B,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA,kBAEO,KAAK,KAAK;AAAA,uBACL,KAAK,WAAW;AAAA,qBAClB,KAAK,QAAQ;AAAA,gBAClB,KAAK,IAAI;AAAA,kBACP,KAAK,WAAW;AAAA;AAAA;AAAA,EAGhC;AACF;AA/DE,cADW,SACJ,UAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BhB;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA5Bf,QA6BX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA/Bf,QAgCX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAlChB,QAmCX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GArCf,QAsCX;AAtCW,UAAN;AAAA,EADN,cAAc,UAAU;AAAA,GACZ;AAmEb,IAAI,CAAC,eAAe,IAAI,UAAU,GAAG;AACnC,iBAAe,OAAO,YAAY,OAAO;AAC3C;","names":[]}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/my-button.ts","../src/components/my-input.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MyButtonProps } from '@lovince/ui-shared';\n\n@customElement(\"my-button\")\nexport class MyButton extends LitElement {\n static styles = css`\n :host {\n display: inline-block;\n }\n \n button {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n transition: all 0.2s ease;\n }\n \n button:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n \n .primary {\n background-color: #007bff;\n color: white;\n }\n \n .primary:hover:not(:disabled) {\n background-color: #0056b3;\n }\n \n .secondary {\n background-color: #6c757d;\n color: white;\n }\n \n .secondary:hover:not(:disabled) {\n background-color: #545b62;\n }\n \n .danger {\n background-color: #dc3545;\n color: white;\n }\n \n .danger:hover:not(:disabled) {\n background-color: #c82333;\n }\n \n .success {\n background-color: #28a745;\n color: white;\n }\n \n .success:hover:not(:disabled) {\n background-color: #218838;\n }\n \n .outline {\n background-color: transparent;\n color: #007bff;\n border: 2px solid #007bff;\n }\n \n .outline:hover:not(:disabled) {\n background-color: #007bff;\n color: white;\n }\n \n .sm {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n }\n \n .lg {\n padding: 0.75rem 1.5rem;\n font-size: 1.125rem;\n }\n `;\n\n @property({ type: String })
|
|
1
|
+
{"version":3,"sources":["../src/components/my-button.ts","../src/components/my-input.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MyButtonProps } from '@lovince/ui-shared';\n\n@customElement(\"my-button\")\nexport class MyButton extends LitElement {\n static styles = css`\n :host {\n display: inline-block;\n }\n \n button {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n transition: all 0.2s ease;\n }\n \n button:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n \n .primary {\n background-color: #007bff;\n color: white;\n }\n \n .primary:hover:not(:disabled) {\n background-color: #0056b3;\n }\n \n .secondary {\n background-color: #6c757d;\n color: white;\n }\n \n .secondary:hover:not(:disabled) {\n background-color: #545b62;\n }\n \n .danger {\n background-color: #dc3545;\n color: white;\n }\n \n .danger:hover:not(:disabled) {\n background-color: #c82333;\n }\n \n .success {\n background-color: #28a745;\n color: white;\n }\n \n .success:hover:not(:disabled) {\n background-color: #218838;\n }\n \n .outline {\n background-color: transparent;\n color: #007bff;\n border: 2px solid #007bff;\n }\n \n .outline:hover:not(:disabled) {\n background-color: #007bff;\n color: white;\n }\n \n .sm {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n }\n \n .lg {\n padding: 0.75rem 1.5rem;\n font-size: 1.125rem;\n }\n `;\n\n @property({ type: String })\n variant: \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"outline\" = \"primary\";\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ type: String })\n size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n private handleClick() {\n if (this.disabled) return;\n \n this.dispatchEvent(\n new CustomEvent(\"button-click\", {\n detail: { variant: this.variant },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n render() {\n return html`\n <button \n class=\"${this.variant} ${this.size}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleClick}\"\n >\n <slot></slot>\n </button>\n `;\n }\n}\n\n// SSR-safe element registration\nif (!customElements.get(\"my-button\")) {\n customElements.define(\"my-button\", MyButton);\n}\n","import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MyInputProps } from '@lovince/ui-shared';\n\n@customElement(\"my-input\")\nexport class MyInput extends LitElement {\n static styles = css`\n :host {\n display: block;\n }\n \n input {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-family: inherit;\n font-size: inherit;\n transition: border-color 0.2s ease;\n }\n \n input:focus {\n outline: none;\n border-color: #007bff;\n }\n \n input:disabled {\n background-color: #f8f9fa;\n opacity: 0.6;\n cursor: not-allowed;\n }\n `;\n\n @property({ type: String })\n value = \"\";\n\n @property({ type: String })\n placeholder = \"\";\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ type: String })\n type: \"text\" | \"email\" | \"password\" = \"text\";\n\n private handleInput(event: Event) {\n const target = event.target as HTMLInputElement;\n this.value = target.value;\n \n this.dispatchEvent(\n new CustomEvent(\"input-change\", {\n detail: { value: this.value },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n render() {\n return html`\n <input\n .value=\"${this.value}\"\n placeholder=\"${this.placeholder}\"\n ?disabled=\"${this.disabled}\"\n type=\"${this.type}\"\n @input=\"${this.handleInput}\"\n />\n `;\n }\n}\n\n// SSR-safe element registration\nif (!customElements.get(\"my-input\")) {\n customElements.define(\"my-input\", MyInput);\n}\n"],"mappings":"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","names":["LitElement","html","css","customElement","property","LitElement","html","css","property","customElement"]}
|