@qxs-bns/components-wc 0.0.30 → 0.0.31

package/es/subject/shared-styles.mjs

@@ -0,0 +1,75 @@
+import{css as e}from"lit";const i=e`
+  *, ::before, ::after { box-sizing: border-box; }
+  input[type="radio"], input[type="checkbox"] { margin: 0; }
+`,t=e`
+  :host {
+    display: block;
+    font-family: inherit;
+    font-size: 12px;
+    color: #5a5a5a;
+  }
+`,o=e`
+  .preview { padding: 10px 0 4px; }
+  .preview-header { display: flex; flex-direction: column; gap: 12px; }
+  .preview-title-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; }
+  .preview .title { font-size: 16px; line-height: 1.75; font-weight: 600; color: #303133; }
+  .preview-type { font-size: 12px; line-height: 1.4; font-weight: 600; color: #8b95a7; letter-spacing: 0.02em; }
+  .preview .rich-text { font-size: 14px; line-height: 1.8; color: #4b5563; }
+  .preview .rich-text p { margin: 0; }
+  .preview .rich-text p + p { margin-top: 0.75em; }
+  .preview .rich-text img { max-width: 100%; }
+  .preview .rich-text img[data-align="left"] { display: block !important; margin: 0 auto 0 0 !important; }
+  .preview .rich-text img[data-align="center"] { display: block !important; margin: 0 auto !important; }
+  .preview .rich-text img[data-align="right"] { display: block !important; margin: 0 0 0 auto !important; }
+  .preview-section { margin-top: 18px; }
+  .preview-section-label { font-size: 12px; line-height: 1.4; font-weight: 600; color: #8b95a7; }
+  .preview-section-body { margin-top: 8px; }
+`,r=e`
+  .label { min-width: 72px; font-size: 12px; line-height: 1.4; font-weight: 600; color: #8b95a7; letter-spacing: 0.02em; }
+
+  .edit-form { display: flex; flex-direction: column; gap: 16px; }
+  .edit-row,
+  .section-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 16px;
+    margin-top: 0;
+  }
+  .edit-row > .label,
+  .section-row > .label {
+    padding-top: 8px;
+  }
+  .row-body {
+    flex: 1;
+    min-width: 0;
+  }
+`,p=e`
+  textarea {
+    border: 1px solid #dcdfe6;
+    border-radius: 6px;
+    padding: 7px 11px;
+    font-size: 13px;
+    font-family: inherit;
+    width: 100%;
+    resize: none;
+    transition: border-color .2s;
+    line-height: 1.5;
+    display: block;
+    box-sizing: border-box;
+  }
+  textarea:focus { border-color: #3D61E3; outline: none; }
+  textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
+
+  .el-input { position: relative; display: block; }
+  .el-input textarea { padding-bottom: 24px; }
+  .el-input .char-counter {
+    position: absolute;
+    right: 12px;
+    bottom: 8px;
+    font-size: 12px;
+    color: #909399;
+    line-height: 1;
+    pointer-events: none;
+  }
+`;export{i as subjectControlResetStyles,r as subjectFormBaseStyles,t as subjectHostStyles,o as subjectPreviewBaseStyles,p as subjectTextareaStyles};
+//# sourceMappingURL=shared-styles.mjs.map

package/es/subject/shared-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-styles.mjs","sources":["../../../../packages/components-wc/src/subject/shared-styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const subjectControlResetStyles = css`\n  *, ::before, ::after { box-sizing: border-box; }\n  input[type=\"radio\"], input[type=\"checkbox\"] { margin: 0; }\n`\n\nexport const subjectHostStyles = css`\n  :host {\n    display: block;\n    font-family: inherit;\n    font-size: 12px;\n    color: #5a5a5a;\n  }\n`\n\nexport const subjectPreviewBaseStyles = css`\n  .preview { padding: 10px 0 4px; }\n  .preview-header { display: flex; flex-direction: column; gap: 12px; }\n  .preview-title-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; }\n  .preview .title { font-size: 16px; line-height: 1.75; font-weight: 600; color: #303133; }\n  .preview-type { font-size: 12px; line-height: 1.4; font-weight: 600; color: #8b95a7; letter-spacing: 0.02em; }\n  .preview .rich-text { font-size: 14px; line-height: 1.8; color: #4b5563; }\n  .preview .rich-text p { margin: 0; }\n  .preview .rich-text p + p { margin-top: 0.75em; }\n  .preview .rich-text img { max-width: 100%; }\n  .preview .rich-text img[data-align=\"left\"] { display: block !important; margin: 0 auto 0 0 !important; }\n  .preview .rich-text img[data-align=\"center\"] { display: block !important; margin: 0 auto !important; }\n  .preview .rich-text img[data-align=\"right\"] { display: block !important; margin: 0 0 0 auto !important; }\n  .preview-section { margin-top: 18px; }\n  .preview-section-label { font-size: 12px; line-height: 1.4; font-weight: 600; color: #8b95a7; }\n  .preview-section-body { margin-top: 8px; }\n`\n\nexport const subjectFormBaseStyles = css`\n  .label { min-width: 72px; font-size: 12px; line-height: 1.4; font-weight: 600; color: #8b95a7; letter-spacing: 0.02em; }\n\n  .edit-form { display: flex; flex-direction: column; gap: 16px; }\n  .edit-row,\n  .section-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    margin-top: 0;\n  }\n  .edit-row > .label,\n  .section-row > .label {\n    padding-top: 8px;\n  }\n  .row-body {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nexport const subjectTextareaStyles = css`\n  textarea {\n    border: 1px solid #dcdfe6;\n    border-radius: 6px;\n    padding: 7px 11px;\n    font-size: 13px;\n    font-family: inherit;\n    width: 100%;\n    resize: none;\n    transition: border-color .2s;\n    line-height: 1.5;\n    display: block;\n    box-sizing: border-box;\n  }\n  textarea:focus { border-color: #3D61E3; outline: none; }\n  textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n\n  .el-input { position: relative; display: block; }\n  .el-input textarea { padding-bottom: 24px; }\n  .el-input .char-counter {\n    position: absolute;\n    right: 12px;\n    bottom: 8px;\n    font-size: 12px;\n    color: #909399;\n    line-height: 1;\n    pointer-events: none;\n  }\n`\n"],"names":["subjectControlResetStyles","css","subjectHostStyles","subjectPreviewBaseStyles","subjectFormBaseStyles","subjectTextareaStyles"],"mappings":"0BAEO,MAAMA,EAA4BC,CAAA;;;EAK5BC,EAAoBD,CAAA;;;;;;;EASpBE,EAA2BF,CAAA;;;;;;;;;;;;;;;;EAkB3BG,EAAwBH,CAAA;;;;;;;;;;;;;;;;;;;EAqBxBI,EAAwBJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}