@omegagrid/markdown 0.10.1 → 0.10.2

package/dist/components/styles/image-block.js

@@ -1,395 +0,0 @@
-import{css}from"lit";export const style=css`
-	/* inline image */
-
-	.milkdown .milkdown-image-inline {
-		outline: none;
-		display: inline-flex;
-		vertical-align: text-bottom;
-	}
-
-	.milkdown .milkdown-image-inline input {
-		background: transparent;
-		outline: none;
-		border: 0;
-		caret-color: var(--markdown-color-outline);
-	}
-
-	.milkdown .milkdown-image-inline > .empty-image-inline {
-		display: inline-flex;
-	}
-
-	.milkdown .milkdown-image-inline > .empty-image-inline .confirm {
-		cursor: pointer;
-	}
-
-	.milkdown .milkdown-image-inline > .empty-image-inline .link-importer {
-		position: relative;
-		flex: 1;
-	}
-
-	.milkdown .milkdown-image-inline > .empty-image-inline .link-importer > .link-input-area {
-		width: 208px;
-		color: var(--markdown-color-on-background);
-		display: flex;
-	}
-
-	.milkdown .milkdown-image-inline > .empty-image-inline .link-importer .placeholder {
-		position: absolute;
-		top: 0;
-		left: 0;
-		bottom: 0;
-		display: flex;
-		align-items: center;
-		cursor: text;
-	}
-
-	.milkdown .milkdown-image-inline > .empty-image-inline .link-importer .placeholder .uploader {
-		cursor: pointer;
-		display: flex;
-	}
-
-	.milkdown .milkdown-image-inline .hidden {
-		display: none !important;
-	}
-
-	.milkdown .milkdown-image-inline.empty.selected {
-		background: none;
-		outline: none;
-	}
-
-	.milkdown .milkdown-image-inline.empty.selected .empty-image-inline {
-		box-shadow: var(--markdown-shadow-1);
-	}
-
-	.milkdown .milkdown-image-inline.selected {
-		background: none;
-		outline: 1px solid var(--markdown-color-primary);
-	}
-
-	.milkdown .milkdown-image-inline.selected :not(input)::selection {
-		background: transparent;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline {
-		align-items: center;
-		padding: 4px 10px;
-		gap: 10px;
-		background: var(--markdown-color-surface);
-		font-family: var(--markdown-font-default);
-		border-radius: 8px;
-		font-size: 16px;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .image-icon {
-		padding: 3px;
-		width: 24px;
-		height: 24px;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .image-icon svg {
-		width: 18px;
-		height: 18px;
-		fill: var(--markdown-color-outline);
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer {
-		height: 24px;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder {
-		color: color-mix(in srgb, var(--markdown-color-on-background), transparent 60%);
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder :not(input)::selection {
-		background: transparent;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer .link-input-area {
-		line-height: 24px;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader {
-		gap: 8px;
-		color: var(--og-accent-color);
-		justify-content: center;
-		transition: color 0.2s;
-		font-family: var(--markdown-font-default);
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer.focus .placeholder .uploader {
-		color: unset;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader:hover {
-		color: var(--og-accent-color);
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .text {
-		margin-left: 8px;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .confirm {
-		display: flex;
-		width: 24px;
-		height: 24px;
-		padding: 3px;
-		border-radius: 8px;
-		color: var(--og-accent-color);
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .confirm svg {
-		width: 18px;
-		height: 18px;
-	}
-
-	.milkdown .milkdown-image-inline .empty-image-inline .confirm:hover {
-		background: var(--markdown-color-hover);
-	}
-
-	/* image block */
-
-	.milkdown .milkdown-image-block {
-		outline: none;
-		margin: 4px 0;
-		display: block;
-	}
-
-	.milkdown .milkdown-image-block > .image-wrapper {
-		position: relative;
-		width: fit-content;
-		margin: 0 auto;
-		min-width: 100px;
-	}
-
-	.milkdown .milkdown-image-block > .image-wrapper .operation {
-		position: absolute;
-		display: flex;
-	}
-
-	.milkdown .milkdown-image-block > .image-wrapper .operation > .operation-item {
-		cursor: pointer;
-	}
-
-	.milkdown .milkdown-image-block > .image-wrapper img {
-		max-width: 100%;
-		min-height: 100px;
-		display: block;
-		object-fit: cover;
-	}
-
-	.milkdown .milkdown-image-block > .image-wrapper > .image-resize-handle {
-		position: absolute;
-		left: 50%;
-		transform: translateX(-50%);
-	}
-
-	.milkdown .milkdown-image-block > .image-wrapper > .image-resize-handle:hover {
-		cursor: row-resize;
-	}
-
-	.milkdown .milkdown-image-block input {
-		background: transparent;
-		outline: none;
-		border: 0;
-		caret-color: var(--markdown-color-outline);
-	}
-
-	.milkdown .milkdown-image-block > .caption-input {
-		display: block;
-		width: 100%;
-		text-align: center;
-		color: var(--markdown-color-on-background);
-	}
-
-	.milkdown .milkdown-image-block > .image-edit {
-		display: flex;
-	}
-
-	.milkdown .milkdown-image-block > .image-edit .confirm {
-		cursor: pointer;
-	}
-
-	.milkdown .milkdown-image-block > .image-edit .link-importer {
-		position: relative;
-		flex: 1;
-	}
-
-	.milkdown .milkdown-image-block > .image-edit .link-importer > .link-input-area {
-		width: 100%;
-	}
-
-	.milkdown .milkdown-image-block > .image-edit .link-importer .placeholder {
-		position: absolute;
-		top: 0;
-		left: 0;
-		bottom: 0;
-		display: flex;
-		align-items: center;
-		cursor: text;
-	}
-
-	.milkdown .milkdown-image-block > .image-edit .link-importer .placeholder .uploader {
-		cursor: pointer;
-		display: flex;
-	}
-
-	.milkdown .milkdown-image-block .hidden {
-		display: none !important;
-	}
-
-	.milkdown .milkdown-image-block.selected > .image-edit:not(:has(input:focus)) {
-		position: relative;
-	}
-
-	.milkdown .milkdown-image-block.selected > .image-edit:not(:has(input:focus))::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: color-mix(in srgb, var(--markdown-color-selected), transparent 60%);
-		pointer-events: none;
-	}
-
-	.milkdown .milkdown-image-block.selected > .image-wrapper {
-		position: relative;
-	}
-
-	.milkdown .milkdown-image-block.selected > .image-wrapper::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: color-mix(in srgb, var(--markdown-color-selected), transparent 60%);
-	}
-
-	.milkdown .milkdown-image-block.selected :not(input)::selection {
-		background: transparent;
-	}
-
-	.milkdown .milkdown-image-block .image-wrapper {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.milkdown .milkdown-image-block .image-wrapper .operation {
-		gap: 12px;
-		right: 12px;
-		top: 12px;
-		opacity: 0;
-		transition: all 0.2s;
-	}
-
-	.milkdown .milkdown-image-block:hover > .image-wrapper .operation {
-		opacity: 1;
-	}
-
-	.milkdown .milkdown-image-block .image-wrapper .operation > .operation-item {
-		color: var(--og-text-color);
-		padding: 4px;
-		background: var(--og-accent-color);
-		opacity: 0.6;
-		border-radius: 50%;
-		width: 32px;
-		height: 32px;
-	}
-
-	.milkdown .milkdown-image-block .image-wrapper .operation > .operation-item svg {
-		width: 24px;
-		height: 24px;
-	}
-
-	.milkdown .milkdown-image-block .image-wrapper .image-resize-handle {
-		height: 4px;
-		bottom: -2px;
-		max-width: 160px;
-		width: 100%;
-		background: var(--markdown-color-outline);
-		opacity: 0;
-		transition: all 0.2s;
-		border-radius: 4px;
-	}
-
-	.milkdown .milkdown-image-block:hover > .image-wrapper .image-resize-handle {
-		opacity: 1;
-	}
-
-	.milkdown .milkdown-image-block .caption-input {
-		margin: 4px auto;
-		font-family: var(--markdown-font-default);
-	}
-
-	.milkdown .milkdown-image-block .image-edit {
-		align-items: center;
-		padding: 16px 24px;
-		gap: 16px;
-		background: var(--markdown-color-surface);
-		height: 56px;
-	}
-
-	.milkdown .milkdown-image-block .image-edit .image-icon {
-		color: var(--markdown-color-outline);
-	}
-
-	.milkdown .milkdown-image-block .image-edit .image-icon svg {
-		width: 24px;
-		height: 24px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		fill: var(--markdown-color-outline);
-	}
-
-	.milkdown .milkdown-image-block .image-edit .link-importer .placeholder {
-		color: color-mix(in srgb, var(--markdown-color-on-background), transparent 60%);
-	}
-
-	.milkdown .milkdown-image-block .image-edit .link-importer .placeholder :not(input)::selection {
-		background: transparent;
-	}
-
-	.milkdown .milkdown-image-block .image-edit .link-importer .link-input-area {
-		line-height: 24px;
-		color: var(--markdown-color-on-background);
-	}
-
-	.milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader {
-		gap: 8px;
-		color: var(--og-accent-color);
-		justify-content: center;
-		transition: color 0.2s;
-		font-weight: 600;
-	}
-
-	.milkdown .milkdown-image-block .image-edit .link-importer.focus .placeholder .uploader {
-		color: unset;
-	}
-
-	.milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader:hover {
-		color: var(--og-text-color);
-	}
-
-	.milkdown .milkdown-image-block .image-edit .link-importer .placeholder .text {
-		margin-left: 8px;
-	}
-
-	.milkdown .milkdown-image-block .image-edit .confirm {
-		background: var(--markdown-color-secondary);
-		color: var(--markdown-color-on-secondary);
-		line-height: 40px;
-		padding: 0 24px;
-		border-radius: 100px;
-		font-size: 14px;
-		font-weight: 600;
-	}
-
-	.milkdown .milkdown-image-block .image-edit .confirm:hover {
-		background:
-			linear-gradient(0deg, rgba(29, 25, 43, 0.08) 0%, rgba(29, 25, 43, 0.08) 100%),
-			var(--markdown-color-secondary);
-	}
-`;

package/dist/components/styles/image-block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-block.js","sourceRoot":"","sources":["../../../src/components/styles/image-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0YvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t/* inline image */\n\n\t.milkdown .milkdown-image-inline {\n\t\toutline: none;\n\t\tdisplay: inline-flex;\n\t\tvertical-align: text-bottom;\n\t}\n\n\t.milkdown .milkdown-image-inline input {\n\t\tbackground: transparent;\n\t\toutline: none;\n\t\tborder: 0;\n\t\tcaret-color: var(--markdown-color-outline);\n\t}\n\n\t.milkdown .milkdown-image-inline > .empty-image-inline {\n\t\tdisplay: inline-flex;\n\t}\n\n\t.milkdown .milkdown-image-inline > .empty-image-inline .confirm {\n\t\tcursor: pointer;\n\t}\n\n\t.milkdown .milkdown-image-inline > .empty-image-inline .link-importer {\n\t\tposition: relative;\n\t\tflex: 1;\n\t}\n\n\t.milkdown .milkdown-image-inline > .empty-image-inline .link-importer > .link-input-area {\n\t\twidth: 208px;\n\t\tcolor: var(--markdown-color-on-background);\n\t\tdisplay: flex;\n\t}\n\n\t.milkdown .milkdown-image-inline > .empty-image-inline .link-importer .placeholder {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: text;\n\t}\n\n\t.milkdown .milkdown-image-inline > .empty-image-inline .link-importer .placeholder .uploader {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t}\n\n\t.milkdown .milkdown-image-inline .hidden {\n\t\tdisplay: none !important;\n\t}\n\n\t.milkdown .milkdown-image-inline.empty.selected {\n\t\tbackground: none;\n\t\toutline: none;\n\t}\n\n\t.milkdown .milkdown-image-inline.empty.selected .empty-image-inline {\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t}\n\n\t.milkdown .milkdown-image-inline.selected {\n\t\tbackground: none;\n\t\toutline: 1px solid var(--markdown-color-primary);\n\t}\n\n\t.milkdown .milkdown-image-inline.selected :not(input)::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline {\n\t\talign-items: center;\n\t\tpadding: 4px 10px;\n\t\tgap: 10px;\n\t\tbackground: var(--markdown-color-surface);\n\t\tfont-family: var(--markdown-font-default);\n\t\tborder-radius: 8px;\n\t\tfont-size: 16px;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .image-icon {\n\t\tpadding: 3px;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .image-icon svg {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tfill: var(--markdown-color-outline);\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer {\n\t\theight: 24px;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder {\n\t\tcolor: color-mix(in srgb, var(--markdown-color-on-background), transparent 60%);\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder :not(input)::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer .link-input-area {\n\t\tline-height: 24px;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader {\n\t\tgap: 8px;\n\t\tcolor: var(--og-accent-color);\n\t\tjustify-content: center;\n\t\ttransition: color 0.2s;\n\t\tfont-family: var(--markdown-font-default);\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer.focus .placeholder .uploader {\n\t\tcolor: unset;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader:hover {\n\t\tcolor: var(--og-accent-color);\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .text {\n\t\tmargin-left: 8px;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .confirm {\n\t\tdisplay: flex;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tpadding: 3px;\n\t\tborder-radius: 8px;\n\t\tcolor: var(--og-accent-color);\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .confirm svg {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t}\n\n\t.milkdown .milkdown-image-inline .empty-image-inline .confirm:hover {\n\t\tbackground: var(--markdown-color-hover);\n\t}\n\n\t/* image block */\n\n\t.milkdown .milkdown-image-block {\n\t\toutline: none;\n\t\tmargin: 4px 0;\n\t\tdisplay: block;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-wrapper {\n\t\tposition: relative;\n\t\twidth: fit-content;\n\t\tmargin: 0 auto;\n\t\tmin-width: 100px;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-wrapper .operation {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-wrapper .operation > .operation-item {\n\t\tcursor: pointer;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-wrapper img {\n\t\tmax-width: 100%;\n\t\tmin-height: 100px;\n\t\tdisplay: block;\n\t\tobject-fit: cover;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-wrapper > .image-resize-handle {\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t}\n\n\t.milkdown .milkdown-image-block > .image-wrapper > .image-resize-handle:hover {\n\t\tcursor: row-resize;\n\t}\n\n\t.milkdown .milkdown-image-block input {\n\t\tbackground: transparent;\n\t\toutline: none;\n\t\tborder: 0;\n\t\tcaret-color: var(--markdown-color-outline);\n\t}\n\n\t.milkdown .milkdown-image-block > .caption-input {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tcolor: var(--markdown-color-on-background);\n\t}\n\n\t.milkdown .milkdown-image-block > .image-edit {\n\t\tdisplay: flex;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-edit .confirm {\n\t\tcursor: pointer;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-edit .link-importer {\n\t\tposition: relative;\n\t\tflex: 1;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-edit .link-importer > .link-input-area {\n\t\twidth: 100%;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-edit .link-importer .placeholder {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: text;\n\t}\n\n\t.milkdown .milkdown-image-block > .image-edit .link-importer .placeholder .uploader {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t}\n\n\t.milkdown .milkdown-image-block .hidden {\n\t\tdisplay: none !important;\n\t}\n\n\t.milkdown .milkdown-image-block.selected > .image-edit:not(:has(input:focus)) {\n\t\tposition: relative;\n\t}\n\n\t.milkdown .milkdown-image-block.selected > .image-edit:not(:has(input:focus))::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tbackground: color-mix(in srgb, var(--markdown-color-selected), transparent 60%);\n\t\tpointer-events: none;\n\t}\n\n\t.milkdown .milkdown-image-block.selected > .image-wrapper {\n\t\tposition: relative;\n\t}\n\n\t.milkdown .milkdown-image-block.selected > .image-wrapper::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tbackground: color-mix(in srgb, var(--markdown-color-selected), transparent 60%);\n\t}\n\n\t.milkdown .milkdown-image-block.selected :not(input)::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.milkdown .milkdown-image-block .image-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.milkdown .milkdown-image-block .image-wrapper .operation {\n\t\tgap: 12px;\n\t\tright: 12px;\n\t\ttop: 12px;\n\t\topacity: 0;\n\t\ttransition: all 0.2s;\n\t}\n\n\t.milkdown .milkdown-image-block:hover > .image-wrapper .operation {\n\t\topacity: 1;\n\t}\n\n\t.milkdown .milkdown-image-block .image-wrapper .operation > .operation-item {\n\t\tcolor: var(--og-text-color);\n\t\tpadding: 4px;\n\t\tbackground: var(--og-accent-color);\n\t\topacity: 0.6;\n\t\tborder-radius: 50%;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t}\n\n\t.milkdown .milkdown-image-block .image-wrapper .operation > .operation-item svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t}\n\n\t.milkdown .milkdown-image-block .image-wrapper .image-resize-handle {\n\t\theight: 4px;\n\t\tbottom: -2px;\n\t\tmax-width: 160px;\n\t\twidth: 100%;\n\t\tbackground: var(--markdown-color-outline);\n\t\topacity: 0;\n\t\ttransition: all 0.2s;\n\t\tborder-radius: 4px;\n\t}\n\n\t.milkdown .milkdown-image-block:hover > .image-wrapper .image-resize-handle {\n\t\topacity: 1;\n\t}\n\n\t.milkdown .milkdown-image-block .caption-input {\n\t\tmargin: 4px auto;\n\t\tfont-family: var(--markdown-font-default);\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit {\n\t\talign-items: center;\n\t\tpadding: 16px 24px;\n\t\tgap: 16px;\n\t\tbackground: var(--markdown-color-surface);\n\t\theight: 56px;\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .image-icon {\n\t\tcolor: var(--markdown-color-outline);\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .image-icon svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tfill: var(--markdown-color-outline);\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .link-importer .placeholder {\n\t\tcolor: color-mix(in srgb, var(--markdown-color-on-background), transparent 60%);\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .link-importer .placeholder :not(input)::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .link-importer .link-input-area {\n\t\tline-height: 24px;\n\t\tcolor: var(--markdown-color-on-background);\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader {\n\t\tgap: 8px;\n\t\tcolor: var(--og-accent-color);\n\t\tjustify-content: center;\n\t\ttransition: color 0.2s;\n\t\tfont-weight: 600;\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .link-importer.focus .placeholder .uploader {\n\t\tcolor: unset;\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader:hover {\n\t\tcolor: var(--og-text-color);\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .link-importer .placeholder .text {\n\t\tmargin-left: 8px;\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .confirm {\n\t\tbackground: var(--markdown-color-secondary);\n\t\tcolor: var(--markdown-color-on-secondary);\n\t\tline-height: 40px;\n\t\tpadding: 0 24px;\n\t\tborder-radius: 100px;\n\t\tfont-size: 14px;\n\t\tfont-weight: 600;\n\t}\n\n\t.milkdown .milkdown-image-block .image-edit .confirm:hover {\n\t\tbackground:\n\t\t\tlinear-gradient(0deg, rgba(29, 25, 43, 0.08) 0%, rgba(29, 25, 43, 0.08) 100%),\n\t\t\tvar(--markdown-color-secondary);\n\t}\n`;\n"]}

package/dist/components/styles/index.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult[];
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/styles/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/styles/index.ts"],"names":[],"mappings":";AAUA,wBAUE"}

package/dist/components/styles/index.js

@@ -1 +0,0 @@
-import{style as blockEditStyle}from"./block-edit";import{style as cursorStyle}from"./cursor";import{style as imageStyle}from"./image-block";import{style as linkTooltipStyle}from"./link-tooltip";import{style as listItemStyle}from"./list-item";import{style as placeholderStyle}from"./placeholder";import{style as prosemirrorStyle}from"./prosemirror";import{style as tableStyle}from"./table";import{style as emojiStyle}from"./emoji";export default[blockEditStyle,cursorStyle,imageStyle,linkTooltipStyle,listItemStyle,placeholderStyle,prosemirrorStyle,tableStyle,emojiStyle];

package/dist/components/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAe;IACd,cAAc;IACd,WAAW;IACX,UAAU;IACV,gBAAgB;IAChB,aAAa;IACb,gBAAgB;IAChB,gBAAgB;IAChB,UAAU;IACV,UAAU;CACV,CAAC","sourcesContent":["import { style as blockEditStyle } from './block-edit';\nimport { style as cursorStyle } from './cursor';\nimport { style as imageStyle } from './image-block';\nimport { style as linkTooltipStyle } from './link-tooltip';\nimport { style as listItemStyle } from './list-item';\nimport { style as placeholderStyle } from './placeholder';\nimport { style as prosemirrorStyle } from './prosemirror';\nimport { style as tableStyle } from './table';\nimport { style as emojiStyle } from './emoji';\n\nexport default [\n\tblockEditStyle,\n\tcursorStyle,\n\timageStyle,\n\tlinkTooltipStyle,\n\tlistItemStyle,\n\tplaceholderStyle,\n\tprosemirrorStyle,\n\ttableStyle,\n\temojiStyle\n];\n"]}

package/dist/components/styles/link-tooltip.d.ts

@@ -1,2 +0,0 @@
-export declare const style: import("lit").CSSResult;
-//# sourceMappingURL=link-tooltip.d.ts.map

package/dist/components/styles/link-tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/styles/link-tooltip.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA6GjB,CAAC"}

package/dist/components/styles/link-tooltip.js

@@ -1,110 +0,0 @@
-import{css}from"lit";export const style=css`
-	milkdown-link-preview {
-		position: absolute;
-		height: 32px;
-		z-index: 10;
-		box-shadow: var(--markdown-shadow-1);
-		border: 1px solid var(--og-accent-color);
-		background: var(--markdown-color-surface);
-		border-radius: 8px;
-		overflow: hidden;
-		padding: 0 4px;
-		
-	}
-
-	milkdown-link-preview[data-show='false'] {
-		display: none;
-	}
-
-	milkdown-link-preview > .link-preview {
-		height: 100%;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		gap: 10px;
-		cursor: pointer;
-	}
-
-	milkdown-link-preview > .link-preview > .link-display {
-		text-decoration: none;
-		color: unset;
-	}
-	milkdown-link-preview > .link-preview > .link-display:hover:before {
-		display: block;
-	}
-
-	milkdown-link-preview > .link-preview > .link-icon {
-		border-radius: 8px;
-	}
-
-	milkdown-link-preview > .link-preview > .link-icon:hover {
-		background: var(--markdown-color-hover);
-	}
-
-	milkdown-link-preview > .link-preview > .link-display {
-		width: 240px;
-		line-height: 24px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		font-size: 14px;
-		white-space: nowrap;
-	}
-
-	milkdown-link-preview > .link-preview > .link-display:hover {
-		text-decoration: underline;
-	}
-
-	milkdown-link-preview > .link-preview > .button {
-		padding: 3px;
-		border-radius: 8px;
-		line-height: 24px;
-	}
-
-	milkdown-link-preview > .link-preview > .button svg {
-		width: 18px;
-		height: 18px;
-		color: var(--markdown-color-outline);
-		fill: var(--markdown-color-outline);
-	}
-
-	milkdown-link-preview > .link-preview > .button:hover {
-		background: var(--markdown-color-hover);
-	}
-
-	milkdown-link-edit {
-		position: absolute;
-		z-index: 10;
-	}
-
-	milkdown-link-edit[data-show='false'] {
-		display: none;
-	}
-
-	milkdown-link-edit > .link-edit {
-		display: flex;
-		justify-content: center;
-		background: var(--markdown-color-surface);
-		gap: 8px;
-		border-radius: 8px;
-		box-shadow: var(--markdown-shadow-1);
-	}
-
-	milkdown-link-edit > .link-edit > .input-area {
-		outline: none;
-		background: transparent;
-		width: 200px;
-		color: var(--markdown-color-on-background);
-	}
-
-	milkdown-link-edit > .link-edit > .button {
-		cursor: pointer;
-	}
-
-	milkdown-link-edit > .link-edit > .button:hover {
-		background: var(--markdown-color-hover);
-	}
-
-	milkdown-link-edit > .link-edit > .button.hidden {
-		visibility: hidden;
-	}
-`;

package/dist/components/styles/link-tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-tooltip.js","sourceRoot":"","sources":["../../../src/components/styles/link-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\tmilkdown-link-preview {\n\t\tposition: absolute;\n\t\theight: 32px;\n\t\tz-index: 10;\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tbackground: var(--markdown-color-surface);\n\t\tborder-radius: 8px;\n\t\toverflow: hidden;\n\t\tpadding: 0 4px;\n\t\t\n\t}\n\n\tmilkdown-link-preview[data-show='false'] {\n\t\tdisplay: none;\n\t}\n\n\tmilkdown-link-preview > .link-preview {\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tcursor: pointer;\n\t}\n\n\tmilkdown-link-preview > .link-preview > .link-display {\n\t\ttext-decoration: none;\n\t\tcolor: unset;\n\t}\n\tmilkdown-link-preview > .link-preview > .link-display:hover:before {\n\t\tdisplay: block;\n\t}\n\n\tmilkdown-link-preview > .link-preview > .link-icon {\n\t\tborder-radius: 8px;\n\t}\n\n\tmilkdown-link-preview > .link-preview > .link-icon:hover {\n\t\tbackground: var(--markdown-color-hover);\n\t}\n\n\tmilkdown-link-preview > .link-preview > .link-display {\n\t\twidth: 240px;\n\t\tline-height: 24px;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\tmilkdown-link-preview > .link-preview > .link-display:hover {\n\t\ttext-decoration: underline;\n\t}\n\n\tmilkdown-link-preview > .link-preview > .button {\n\t\tpadding: 3px;\n\t\tborder-radius: 8px;\n\t\tline-height: 24px;\n\t}\n\n\tmilkdown-link-preview > .link-preview > .button svg {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tcolor: var(--markdown-color-outline);\n\t\tfill: var(--markdown-color-outline);\n\t}\n\n\tmilkdown-link-preview > .link-preview > .button:hover {\n\t\tbackground: var(--markdown-color-hover);\n\t}\n\n\tmilkdown-link-edit {\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t}\n\n\tmilkdown-link-edit[data-show='false'] {\n\t\tdisplay: none;\n\t}\n\n\tmilkdown-link-edit > .link-edit {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tbackground: var(--markdown-color-surface);\n\t\tgap: 8px;\n\t\tborder-radius: 8px;\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t}\n\n\tmilkdown-link-edit > .link-edit > .input-area {\n\t\toutline: none;\n\t\tbackground: transparent;\n\t\twidth: 200px;\n\t\tcolor: var(--markdown-color-on-background);\n\t}\n\n\tmilkdown-link-edit > .link-edit > .button {\n\t\tcursor: pointer;\n\t}\n\n\tmilkdown-link-edit > .link-edit > .button:hover {\n\t\tbackground: var(--markdown-color-hover);\n\t}\n\n\tmilkdown-link-edit > .link-edit > .button.hidden {\n\t\tvisibility: hidden;\n\t}\n`;\n"]}

package/dist/components/styles/list-item.d.ts

@@ -1,2 +0,0 @@
-export declare const style: import("lit").CSSResult;
-//# sourceMappingURL=list-item.d.ts.map

package/dist/components/styles/list-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/styles/list-item.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAuCjB,CAAC"}

package/dist/components/styles/list-item.js

@@ -1,40 +0,0 @@
-import{css}from"lit";export const style=css`
-	milkdown-list-item-block {
-		display: block;
-		padding: 0;
-	}
-	milkdown-list-item-block > .list-item {
-		display: flex;
-		align-items: flex-start;
-	}
-	milkdown-list-item-block > .list-item > .children {
-		min-width: 0;
-		flex: 1;
-	}
-	milkdown-list-item-block li {
-		gap: 10px;
-	}
-	milkdown-list-item-block li .label-wrapper {
-		color: var(--crepe-color-outline);
-		height: 32px;
-		width: 24px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-	milkdown-list-item-block li .label-wrapper svg {
-		fill: var(--crepe-color-outline);
-	}
-	milkdown-list-item-block li .label-wrapper .label {
-		height: 32px;
-		padding: 4px 0;
-		width: 24px;
-		text-align: right;
-	}
-	milkdown-list-item-block li .label-wrapper .checkbox {
-		cursor: pointer;
-	}
-	milkdown-list-item-block li .label-wrapper .readonly {
-		cursor: not-allowed;
-	}
-`;

package/dist/components/styles/list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/components/styles/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\tmilkdown-list-item-block {\n\t\tdisplay: block;\n\t\tpadding: 0;\n\t}\n\tmilkdown-list-item-block > .list-item {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t}\n\tmilkdown-list-item-block > .list-item > .children {\n\t\tmin-width: 0;\n\t\tflex: 1;\n\t}\n\tmilkdown-list-item-block li {\n\t\tgap: 10px;\n\t}\n\tmilkdown-list-item-block li .label-wrapper {\n\t\tcolor: var(--crepe-color-outline);\n\t\theight: 32px;\n\t\twidth: 24px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\tmilkdown-list-item-block li .label-wrapper svg {\n\t\tfill: var(--crepe-color-outline);\n\t}\n\tmilkdown-list-item-block li .label-wrapper .label {\n\t\theight: 32px;\n\t\tpadding: 4px 0;\n\t\twidth: 24px;\n\t\ttext-align: right;\n\t}\n\tmilkdown-list-item-block li .label-wrapper .checkbox {\n\t\tcursor: pointer;\n\t}\n\tmilkdown-list-item-block li .label-wrapper .readonly {\n\t\tcursor: not-allowed;\n\t}\n`;\n"]}

package/dist/components/styles/placeholder.d.ts

@@ -1,2 +0,0 @@
-export declare const style: import("lit").CSSResult;
-//# sourceMappingURL=placeholder.d.ts.map

package/dist/components/styles/placeholder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/styles/placeholder.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAQjB,CAAC"}

package/dist/components/styles/placeholder.js

@@ -1,9 +0,0 @@
-import{css}from"lit";export const style=css`
-	.crepe-placeholder::before {
-		position: absolute;
-		color: var(--og-accent-color-alpha-70);
-		pointer-events: none;
-		height: 0;
-		content: attr(data-placeholder);
-	}
-`;

package/dist/components/styles/placeholder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../../src/components/styles/placeholder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;CAQvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t.crepe-placeholder::before {\n\t\tposition: absolute;\n\t\tcolor: var(--og-accent-color-alpha-70);\n\t\tpointer-events: none;\n\t\theight: 0;\n\t\tcontent: attr(data-placeholder);\n\t}\n`;\n"]}

package/dist/components/styles/prosemirror.d.ts

@@ -1,2 +0,0 @@
-export declare const style: import("lit").CSSResult;
-//# sourceMappingURL=prosemirror.d.ts.map

package/dist/components/styles/prosemirror.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["../../../src/components/styles/prosemirror.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAuDjB,CAAC"}