@dashboard-designer/ui 0.1.0 → 0.1.1

package/dist/styles.css

@@ -2034,7 +2034,8 @@ select.dd-input[multiple] {
 }
 
 .dd-share-panel,
-.dd-settings-panel {
+.dd-settings-panel,
+.dd-email-panel {
   max-width: 520px;
   width: min(520px, 94vw);
 }
@@ -2249,13 +2250,210 @@ select.dd-input[multiple] {
 }
 
 .dd-dialog-footer-end {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-inline-start: auto;
   justify-content: flex-end;
 }
 
 .dd-share-panel,
-.dd-settings-panel {
-  width: min(480px, 94vw);
-  max-width: 480px;
+.dd-settings-panel,
+.dd-email-panel {
+  width: min(560px, 94vw);
+  max-width: 560px;
+}
+
+.dd-email-body-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.dd-email-body-wrap > .dd-field {
+  margin-bottom: 0;
+  width: 100%;
+}
+
+.dd-email-body-wrap > .dd-hint,
+.dd-email-body-wrap > .dd-error,
+.dd-email-body-wrap > .dd-status-ok {
+  margin: 0;
+}
+
+.dd-email-message {
+  resize: vertical;
+  min-height: 110px;
+  width: 100%;
+  box-sizing: border-box;
+  font-family: inherit;
+  line-height: 1.45;
+}
+
+.dd-rte {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--dd-border);
+  border-radius: var(--dd-radius-sm);
+  background: #fff;
+  overflow: hidden;
+}
+
+.dd-rte.is-disabled {
+  opacity: 0.65;
+  pointer-events: none;
+}
+
+.dd-rte-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 2px;
+  padding: 6px 8px;
+  border-bottom: 1px solid var(--dd-border-subtle);
+  background: #f7faf8;
+}
+
+.dd-rte-sep {
+  width: 1px;
+  height: 18px;
+  margin: 0 4px;
+  background: var(--dd-border);
+}
+
+.dd-rte-editor {
+  min-height: 140px;
+  max-height: 260px;
+  overflow: auto;
+  padding: 10px 12px;
+  border: none !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  outline: none;
+  line-height: 1.5;
+  font-family: inherit;
+  font-size: 0.95rem;
+}
+
+.dd-rte-editor:empty::before,
+.dd-rte-editor[data-placeholder]:empty::before {
+  content: attr(data-placeholder);
+  color: var(--dd-muted);
+  pointer-events: none;
+}
+
+.dd-rte-editor p {
+  margin: 0 0 0.65em;
+}
+
+.dd-rte-editor p:last-child {
+  margin-bottom: 0;
+}
+
+.dd-rte-editor ul,
+.dd-rte-editor ol {
+  margin: 0 0 0.65em;
+  padding-inline-start: 1.4em;
+}
+
+.dd-rte-editor a {
+  color: var(--dd-accent);
+}
+
+.dd-email-attachment-field .dd-label {
+  margin-bottom: 0;
+}
+
+.dd-email-attach-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+.dd-email-attachment {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 10px 12px;
+  border: 1px solid var(--dd-border-subtle);
+  border-radius: var(--dd-radius-sm);
+  background: #f7faf8;
+  font-size: 0.9rem;
+}
+
+.dd-email-attachment code {
+  font-size: 0.85em;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: #e8eee9;
+  color: var(--dd-text, #1a2e24);
+  max-width: min(280px, 100%);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dd-email-attachment-note {
+  margin-inline-start: auto;
+  font-size: 0.8rem;
+}
+
+.dd-email-attachment .dd-btn-icon {
+  margin-inline-start: auto;
+}
+
+.dd-email-attach-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 4px;
+}
+
+.dd-email-options {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 4px 0 8px;
+  padding: 12px;
+  border: 1px solid var(--dd-border-subtle);
+  border-radius: var(--dd-radius-sm);
+  background: #f7faf8;
+}
+
+.dd-email-options-title {
+  margin: 0;
+  font-size: 0.85rem;
+  font-weight: 650;
+  color: var(--dd-muted);
+}
+
+.dd-email-options .dd-field {
+  margin-bottom: 0;
+}
+
+.dd-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.dd-status-ok {
+  margin: 8px 0 0;
+  color: var(--dd-accent, #0d6b54);
+  font-size: 0.9rem;
 }
 
 .dd-share-list {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dashboard-designer/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -25,7 +25,7 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@dashboard-designer/core": "workspace:*",
+    "@dashboard-designer/core": "^0.1.0",
     "html2canvas": "^1.4.1",
     "i18next": "^24.2.2",
     "jspdf": "^4.2.1",