@dropi/ui 0.1.52 → 0.1.54

package/dist/dropi-ui/dropi-alert-legacy.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CPacpXAJ.js';
+import { r as registerInstance, h } from './index-BKkSRXlb.js';
 
-const dropiAlertLegacyCss = () => `:host{display:block;margin:10px 0}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}`;
+const dropiAlertLegacyCss = () => `:host{display:block;margin:10px 0;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}`;
 
 const DropiAlertLegacy = class {
     constructor(hostRef) {

package/dist/dropi-ui/dropi-alert-legacy.entry.js.map

@@ -1 +1 @@
-{"file":"dropi-alert-legacy.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,s1BAAs1B,CAAC;;MCW72B,gBAAgB,GAAA,MAAA;;;;;IAEF,OAAO,GAAY,KAAK;;IAEzC,OAAO,GAAW,EAAE;;IAEpB,IAAI,GAA6C,SAAS;;IAE1D,SAAS,GAAY,KAAK;AAE1B,IAAA,KAAK;IAEb,gBAAgB,GAAA;QACd,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAClC,IAAI,CAAC,UAAU,EAAE;;;IAIb,UAAU,GAAA;AAChB,QAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,MAAK;AAC3B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;SACrB,EAAE,IAAI,CAAC;;IAGV,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AAE9B,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAA,cAAA,EAAiB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EACxE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAC/B,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,uBAAuB,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,CACtD,EACN,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,KAAK,EAAA,EAAA,QAAA,CAE9D,CACL;;;;;;;","names":[],"sources":["src/components/dropi-alert-legacy/dropi-alert-legacy.css?tag=dropi-alert-legacy&encapsulation=shadow","src/components/dropi-alert-legacy/dropi-alert-legacy.tsx"],"sourcesContent":[":host {\n  display: block;\n  margin: 10px 0;\n}\n\n.alert-legacy {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-radius: var(--Border-2);\n  font-size: var(--font-size-s);\n}\n\n.alert-legacy--success { background: var(--Success-Success-50); color: var(--Success-Success-700); border: 1px solid var(--Success-Success-200); }\n.alert-legacy--error   { background: var(--Error-Error-50); color: var(--Error-Error-700); border: 1px solid var(--Error-Error-200); }\n.alert-legacy--warning { background: var(--Warning-Warning-50); color: var(--Warning-Warning-700); border: 1px solid var(--Warning-Warning-200); }\n.alert-legacy--info    { background: var(--Info-Info-50); color: var(--Info-Info-700); border: 1px solid var(--Info-Info-200); }\n\n.alert-legacy__close {\n  background: transparent;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: currentColor;\n  opacity: 0.6;\n}\n\n.alert-legacy__close:hover {\n  opacity: 1;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-alert-legacy\n * Legacy alert component for backward compatibility with Angular core.\n */\n@Component({\n  tag: 'dropi-alert-legacy',\n  styleUrl: 'dropi-alert-legacy.css',\n  shadow: true,\n})\nexport class DropiAlertLegacy {\n  /** Visibility toggle */\n  @Prop({ mutable: true }) visible: boolean = false;\n  /** Alert message */\n  @Prop() message: string = '';\n  /** Semantic type: success | error | warning | info */\n  @Prop() type: 'success' | 'error' | 'warning' | 'info' = 'success';\n  /** Automatically close after timeout */\n  @Prop() autoClose: boolean = false;\n\n  private timer: any;\n\n  componentDidLoad() {\n    if (this.autoClose && this.visible) {\n      this.startTimer();\n    }\n  }\n\n  private startTimer() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.visible = false;\n    }, 7000);\n  }\n\n  render() {\n    if (!this.visible) return null;\n\n    return (\n      <div class={{ 'alert-legacy': true, [`alert-legacy--${this.type}`]: true }}>\n        <div class=\"alert-legacy__content\">\n           <span class=\"alert-legacy__message\">{this.message}</span>\n        </div>\n        <button class=\"alert-legacy__close\" onClick={() => this.visible = false}>\n           &times;\n        </button>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-alert-legacy.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,26BAA26B,CAAC;;MCWl8B,gBAAgB,GAAA,MAAA;;;;;IAEF,OAAO,GAAY,KAAK;;IAEzC,OAAO,GAAW,EAAE;;IAEpB,IAAI,GAA6C,SAAS;;IAE1D,SAAS,GAAY,KAAK;AAE1B,IAAA,KAAK;IAEb,gBAAgB,GAAA;QACd,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAClC,IAAI,CAAC,UAAU,EAAE;;;IAIb,UAAU,GAAA;AAChB,QAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,MAAK;AAC3B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;SACrB,EAAE,IAAI,CAAC;;IAGV,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AAE9B,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAA,cAAA,EAAiB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EACxE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAC/B,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,uBAAuB,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,CACtD,EACN,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,KAAK,EAAA,EAAA,QAAA,CAE9D,CACL;;;;;;;","names":[],"sources":["src/components/dropi-alert-legacy/dropi-alert-legacy.css?tag=dropi-alert-legacy&encapsulation=shadow","src/components/dropi-alert-legacy/dropi-alert-legacy.tsx"],"sourcesContent":[":host {\nbutton, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }\n  display: block;\n  margin: 10px 0;\n}\n\n.alert-legacy {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-radius: var(--Border-2);\n  font-size: var(--font-size-s);\n}\n\n.alert-legacy--success { background: var(--Success-Success-50); color: var(--Success-Success-700); border: 1px solid var(--Success-Success-200); }\n.alert-legacy--error   { background: var(--Error-Error-50); color: var(--Error-Error-700); border: 1px solid var(--Error-Error-200); }\n.alert-legacy--warning { background: var(--Warning-Warning-50); color: var(--Warning-Warning-700); border: 1px solid var(--Warning-Warning-200); }\n.alert-legacy--info    { background: var(--Info-Info-50); color: var(--Info-Info-700); border: 1px solid var(--Info-Info-200); }\n\n.alert-legacy__close {\n  background: transparent;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: currentColor;\n  opacity: 0.6;\n}\n\n.alert-legacy__close:hover {\n  opacity: 1;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-alert-legacy\n * Legacy alert component for backward compatibility with Angular core.\n */\n@Component({\n  tag: 'dropi-alert-legacy',\n  styleUrl: 'dropi-alert-legacy.css',\n  shadow: true,\n})\nexport class DropiAlertLegacy {\n  /** Visibility toggle */\n  @Prop({ mutable: true }) visible: boolean = false;\n  /** Alert message */\n  @Prop() message: string = '';\n  /** Semantic type: success | error | warning | info */\n  @Prop() type: 'success' | 'error' | 'warning' | 'info' = 'success';\n  /** Automatically close after timeout */\n  @Prop() autoClose: boolean = false;\n\n  private timer: any;\n\n  componentDidLoad() {\n    if (this.autoClose && this.visible) {\n      this.startTimer();\n    }\n  }\n\n  private startTimer() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.visible = false;\n    }, 7000);\n  }\n\n  render() {\n    if (!this.visible) return null;\n\n    return (\n      <div class={{ 'alert-legacy': true, [`alert-legacy--${this.type}`]: true }}>\n        <div class=\"alert-legacy__content\">\n           <span class=\"alert-legacy__message\">{this.message}</span>\n        </div>\n        <button class=\"alert-legacy__close\" onClick={() => this.visible = false}>\n           &times;\n        </button>\n      </div>\n    );\n  }\n}\n"],"version":3}