@progressive-development/pd-page 1.0.0 → 1.0.2

package/dist/pd-login/PdLogin.js

@@ -5,7 +5,7 @@ import '@progressive-development/pd-forms/pd-form-container';
 import '@progressive-development/pd-forms/pd-form-row';
 import '@progressive-development/pd-forms/pd-input';
 import '@progressive-development/pd-forms/pd-panel-button';
-import '../pd-content/dist/pd-notice-box/pd-notice-box.js';
+import '@progressive-development/pd-content/pd-notice-box';
 import { pdIcons } from '@progressive-development/pd-icon';
 
 var __defProp = Object.defineProperty;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-page",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Progressive development page helper, teaser, menu, footer.",
   "author": "PD Progressive Development",
   "license": "MIT",
@@ -34,11 +34,11 @@
     "@lit/localize": "^0.12.2",
     "pwa-helpers": "^0.9.1",
     "tslib": "^2.8.1",
-    "@progressive-development/pd-icon": "1.0.0",
-    "@progressive-development/pd-shared-styles": "0.3.1",
-    "@progressive-development/pd-dialog": "1.0.0",
-    "@progressive-development/pd-contact": "1.0.0",
-    "@progressive-development/pd-forms": "1.0.0"
+    "@progressive-development/pd-icon": "1.0.1",
+    "@progressive-development/pd-shared-styles": "0.3.2",
+    "@progressive-development/pd-contact": "1.0.1",
+    "@progressive-development/pd-dialog": "1.0.1",
+    "@progressive-development/pd-forms": "1.0.1"
   },
   "customElements": "custom-elements.json",
   "keywords": [

package/dist/pd-content/dist/pd-notice-box/PdNoticeBox.js

@@ -1,224 +0,0 @@
-import { LitElement, css, nothing, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { pdIcons } from '@progressive-development/pd-icon';
-import '@progressive-development/pd-icon/pd-icon';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const DEFAULT_ICONS = {
-  info: pdIcons.ICON_INFO_FLD,
-  note: pdIcons.ICON_INFO_FLD,
-  success: pdIcons.ICON_CHECKBOX,
-  warning: pdIcons.ICON_WARNING_FLD,
-  error: pdIcons.ICON_ERROR_FLD
-};
-class PdNoticeBox extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.type = "info";
-    this.variant = "box";
-    this.title = "";
-    this.icon = "";
-    this.hideIcon = false;
-  }
-  static {
-    this.styles = [
-      css`
-      :host {
-        /* Layout */
-        --_width: var(--pd-notice-box-width, 100%);
-        --_radius: var(--pd-notice-box-border-radius, var(--pd-radius-md, 8px));
-        --_padding: var(--pd-notice-box-padding, var(--pd-spacing-sm, 12px));
-        --_gap: var(--pd-notice-box-gap, var(--pd-spacing-sm, 12px));
-
-        /* Typography */
-        --_font-size: var(
-          --pd-notice-box-font-size,
-          var(--pd-default-font-content-size, 1rem)
-        );
-        --_title-font-size: var(
-          --pd-notice-box-title-font-size,
-          var(--pd-default-font-input-size, 1.05rem)
-        );
-        --_title-font-weight: var(--pd-notice-box-title-font-weight, 600);
-
-        /* Icon */
-        --_icon-size: var(--pd-notice-box-icon-size, 24px);
-
-        /* Sidebar */
-        --_sidebar-width: var(--pd-notice-box-sidebar-width, 4px);
-
-        /* Type colors - will be overridden per type */
-        --_type-col: var(--pd-default-info-col, #6b86ff);
-        --_type-bg-col: #e8f0ff;
-        --_type-text-col: var(
-          --pd-notice-box-text-col,
-          var(--pd-default-font-content-col, #353738)
-        );
-
-        display: block;
-        width: var(--_width);
-      }
-
-      /* Type-specific color overrides */
-      :host([type="info"]) {
-        --_type-col: var(
-          --pd-notice-box-info-col,
-          var(--pd-default-info-col, #6b86ff)
-        );
-        --_type-bg-col: var(--pd-notice-box-info-bg-col, #e8f0ff);
-      }
-
-      :host([type="note"]) {
-        --_type-col: var(
-          --pd-notice-box-note-col,
-          var(--pd-default-col, #067394)
-        );
-        --_type-bg-col: var(
-          --pd-notice-box-note-bg-col,
-          var(--pd-default-lightest-col, #cde2eb)
-        );
-      }
-
-      :host([type="success"]) {
-        --_type-col: var(
-          --pd-notice-box-success-col,
-          var(--pd-default-success-col, #348b11)
-        );
-        --_type-bg-col: var(
-          --pd-notice-box-success-bg-col,
-          var(--pd-default-success-light-col, #f5ffe8)
-        );
-      }
-
-      :host([type="warning"]) {
-        --_type-col: var(
-          --pd-notice-box-warning-col,
-          var(--pd-default-warning-col, #ffbf00)
-        );
-        --_type-bg-col: var(--pd-notice-box-warning-bg-col, #fff8e0);
-      }
-
-      :host([type="error"]) {
-        --_type-col: var(
-          --pd-notice-box-error-col,
-          var(--pd-default-error-col, #a1141b)
-        );
-        --_type-bg-col: var(
-          --pd-notice-box-error-bg-col,
-          var(--pd-default-error-light-col, #ffe8e8)
-        );
-      }
-
-      /* Box variant */
-      .notice-box {
-        display: flex;
-        align-items: flex-start;
-        gap: var(--_gap);
-        padding: var(--_padding);
-        border-radius: var(--_radius);
-        background-color: var(--_type-bg-col);
-        border: 1px solid var(--_type-col);
-        font-size: var(--_font-size);
-        color: var(--_type-text-col);
-      }
-
-      /* Sidebar variant */
-      :host([variant="sidebar"]) .notice-box {
-        background-color: transparent;
-        border: none;
-        border-left: var(--_sidebar-width) solid var(--_type-col);
-        border-radius: 0;
-        padding-left: var(--_padding);
-      }
-
-      /* Icon wrapper */
-      .icon-wrapper {
-        flex-shrink: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: var(--_icon-size);
-        height: var(--_icon-size);
-      }
-
-      .icon-wrapper pd-icon {
-        --pd-icon-primary-col: var(--_type-col);
-        --pd-icon-col-primary-active: var(--_type-col);
-        width: var(--_icon-size);
-        height: var(--_icon-size);
-      }
-
-      /* Content area */
-      .content {
-        flex: 1;
-        min-width: 0;
-      }
-
-      .title {
-        margin: 0 0 0.25em 0;
-        font-size: var(--_title-font-size);
-        font-weight: var(--_title-font-weight);
-        font-family: var(--pd-default-font-title-family, inherit);
-        color: var(--_type-col);
-        line-height: 1.3;
-      }
-
-      .body {
-        line-height: 1.5;
-      }
-
-      .body ::slotted(*) {
-        margin: 0;
-      }
-
-      .body ::slotted(*:not(:last-child)) {
-        margin-bottom: 0.5em;
-      }
-    `
-    ];
-  }
-  render() {
-    const showIcon = this.variant === "box" && !this.hideIcon;
-    const iconName = this.icon || DEFAULT_ICONS[this.type];
-    return html`
-      <div class="notice-box" role="note" aria-label="${this.type} notice">
-        ${showIcon ? html`
-              <div class="icon-wrapper" aria-hidden="true">
-                <pd-icon icon="${iconName}" class="primary"></pd-icon>
-              </div>
-            ` : nothing}
-        <div class="content">
-          ${this.title ? html`<h4 class="title">${this.title}</h4>` : nothing}
-          <div class="body">
-            <slot></slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}
-__decorateClass([
-  property({ type: String, reflect: true })
-], PdNoticeBox.prototype, "type");
-__decorateClass([
-  property({ type: String, reflect: true })
-], PdNoticeBox.prototype, "variant");
-__decorateClass([
-  property({ type: String })
-], PdNoticeBox.prototype, "title");
-__decorateClass([
-  property({ type: String })
-], PdNoticeBox.prototype, "icon");
-__decorateClass([
-  property({ type: Boolean })
-], PdNoticeBox.prototype, "hideIcon");
-
-export { PdNoticeBox };

package/dist/pd-content/dist/pd-notice-box/pd-notice-box.js

@@ -1,8 +0,0 @@
-import { PdNoticeBox } from './PdNoticeBox.js';
-
-const tag = "pd-notice-box";
-if (!customElements.get(tag)) {
-  customElements.define(tag, PdNoticeBox);
-}
-
-export { PdNoticeBox };