@hyvor/design 2.0.0-beta.1 → 2.0.1

package/package.json

@@ -1,5 +1,6 @@
 {
 	"name": "@hyvor/design",
+	"version": "2.0.1",
 	"license": "MIT",
 	"private": false,
 	"repository": {
@@ -16,7 +17,8 @@
 		"prepublishOnly": "npm run package",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"check:prettier": "prettier --check ."
+		"check:prettier": "prettier --check .",
+		"format": "prettier --write ."
 	},
 	"exports": {
 		"./components": {
@@ -43,32 +45,32 @@
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-static": "^3.0.0",
-		"@sveltejs/package": "^2.3.7",
-		"@sveltejs/vite-plugin-svelte": "^6.2.1",
-		"prettier": "3.4.2",
-		"prettier-plugin-svelte": "3.3.3",
-		"publint": "^0.1.9",
-		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
-		"tslib": "^2.4.1",
-		"typescript": "^5.5.0",
-		"vite": "^7.2"
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^6.2.4",
+		"prettier": "3.8.1",
+		"prettier-plugin-svelte": "3.4.1",
+		"publint": "^0.3.17",
+		"svelte": "^5.49.1",
+		"svelte-check": "^4.3.6",
+		"tslib": "^2.8.1",
+		"typescript": "^5.9.3",
+		"vite": "^7.3"
 	},
 	"dependencies": {
-		"@fontsource/readex-pro": "^5.0.8",
+		"@fontsource/readex-pro": "^5.2.11",
 		"@hyvor/icons": "^1.1.1",
-		"@openpanel/sdk": "^1.0.0",
-		"@openpanel/web": "^1.0.1",
-		"deepmerge-ts": "^5.1.0",
-		"emojibase-data": "^16.0.3",
-		"intl-messageformat": "^10.5.11",
-		"svelte-awesome-color-picker": "^3.0.4",
-		"tocbot": "^4.25.0"
+		"@openpanel/sdk": "^1.0.4",
+		"@openpanel/web": "^1.0.7",
+		"deepmerge-ts": "^7.1.5",
+		"emojibase-data": "^17.0.0",
+		"intl-messageformat": "^11.1.2",
+		"shiki": "^3.22.0",
+		"svelte-awesome-color-picker": "^4.1.1",
+		"tocbot": "^4.36.4"
 	},
 	"type": "module",
 	"publishConfig": {
 		"access": "public"
-	},
-	"version": "2.0.0-beta.1"
+	}
 }

package/dist/components/CodeBlock/hljs.scss

@@ -1,228 +0,0 @@
-.hljs code {
-	color: inherit !important;
-	background: inherit !important;
-}
-
-/*!
-  Theme: StackOverflow Light
-  Description: Light theme as used on stackoverflow.com
-  Author: stackoverflow.com
-  Maintainer: @Hirse
-  Website: https://github.com/StackExchange/Stacks
-  License: MIT
-  Updated: 2021-05-15
-
-  Updated for @stackoverflow/stacks v0.64.0
-  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
-  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
-*/
-
-.hljs {
-	/* var(--highlight-color) */
-	color: #2f3337;
-	/* var(--highlight-bg) */
-	background: #f4f2f0;
-}
-
-.hljs-subst {
-	/* var(--highlight-color) */
-	color: #2f3337;
-}
-
-.hljs-comment {
-	/* var(--highlight-comment) */
-	color: #656e77;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-meta .hljs-keyword,
-.hljs-doctag,
-.hljs-section {
-	/* var(--highlight-keyword) */
-	color: #015692;
-}
-
-.hljs-attr {
-	/* var(--highlight-attribute); */
-	color: #015692;
-}
-
-.hljs-attribute {
-	/* var(--highlight-symbol) */
-	color: #803378;
-}
-
-.hljs-name,
-.hljs-type,
-.hljs-number,
-.hljs-selector-id,
-.hljs-quote,
-.hljs-template-tag {
-	/* var(--highlight-namespace) */
-	color: #905;
-}
-
-.hljs-selector-class {
-	/* var(--highlight-keyword) */
-	color: #015692;
-}
-
-.hljs-string,
-.hljs-regexp,
-.hljs-symbol,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-selector-attr {
-	/* var(--highlight-variable) */
-	color: #54790d;
-}
-
-.hljs-meta,
-.hljs-selector-pseudo {
-	/* var(--highlight-keyword) */
-	color: #015692;
-}
-
-.hljs-built_in,
-.hljs-title,
-.hljs-literal {
-	/* var(--highlight-literal) */
-	color: #905;
-}
-
-.hljs-bullet,
-.hljs-code {
-	/* var(--highlight-punctuation) */
-	color: #535a60;
-}
-
-.hljs-meta .hljs-string {
-	/* var(--highlight-variable) */
-	color: #54790d;
-}
-
-.hljs-deletion {
-	/* var(--highlight-deletion) */
-	color: #c02d2e;
-}
-
-.hljs-addition {
-	/* var(--highlight-addition) */
-	color: #2f6f44;
-}
-
-.hljs-emphasis {
-	font-style: italic;
-}
-
-.hljs-strong {
-	font-weight: bold;
-}
-
-.hljs-formula,
-.hljs-operator,
-.hljs-params,
-.hljs-property,
-.hljs-punctuation,
-.hljs-tag {
-	/* purposely ignored */
-}
-
-:root.dark {
-	/*
-
-Atom One Dark by Daniel Gamage
-Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
-
-base:    #282c34
-mono-1:  #abb2bf
-mono-2:  #818896
-mono-3:  #5c6370
-hue-1:   #56b6c2
-hue-2:   #61aeee
-hue-3:   #c678dd
-hue-4:   #98c379
-hue-5:   #e06c75
-hue-5-2: #be5046
-hue-6:   #d19a66
-hue-6-2: #e6c07b
-
-*/
-
-	.hljs {
-		color: #abb2bf;
-		background: #282c34;
-	}
-
-	.hljs-comment,
-	.hljs-quote {
-		color: #5c6370;
-		font-style: italic;
-	}
-
-	.hljs-doctag,
-	.hljs-keyword,
-	.hljs-formula {
-		color: #c678dd;
-	}
-
-	.hljs-section,
-	.hljs-name,
-	.hljs-selector-tag,
-	.hljs-deletion,
-	.hljs-subst {
-		color: #e06c75;
-	}
-
-	.hljs-literal {
-		color: #56b6c2;
-	}
-
-	.hljs-string,
-	.hljs-regexp,
-	.hljs-addition,
-	.hljs-attribute,
-	.hljs-meta .hljs-string {
-		color: #98c379;
-	}
-
-	.hljs-attr,
-	.hljs-variable,
-	.hljs-template-variable,
-	.hljs-type,
-	.hljs-selector-class,
-	.hljs-selector-attr,
-	.hljs-selector-pseudo,
-	.hljs-number {
-		color: #d19a66;
-	}
-
-	.hljs-symbol,
-	.hljs-bullet,
-	.hljs-link,
-	.hljs-meta,
-	.hljs-selector-id,
-	.hljs-title {
-		color: #61aeee;
-	}
-
-	.hljs-built_in,
-	.hljs-title.class_,
-	.hljs-class .hljs-title {
-		color: #e6c07b;
-	}
-
-	.hljs-emphasis {
-		font-style: italic;
-	}
-
-	.hljs-strong {
-		font-weight: bold;
-	}
-
-	.hljs-link {
-		text-decoration: underline;
-	}
-}

package/dist/components/CodeBlock/prism.scss

@@ -1,375 +0,0 @@
-/* PrismJS 1.26.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+json+markup-templating+php+twig+yaml&plugins=line-highlight+line-numbers */
-code[class*='language-'],
-pre[class*='language-'] {
-	color: #000;
-	background: 0 0;
-	text-shadow: 0 1px #fff;
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	text-align: left;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	word-wrap: normal;
-	line-height: 1.5;
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
-}
-code[class*='language-'] ::-moz-selection,
-code[class*='language-']::-moz-selection,
-pre[class*='language-'] ::-moz-selection,
-pre[class*='language-']::-moz-selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-code[class*='language-'] ::selection,
-code[class*='language-']::selection,
-pre[class*='language-'] ::selection,
-pre[class*='language-']::selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-@media print {
-	code[class*='language-'],
-	pre[class*='language-'] {
-		text-shadow: none;
-	}
-}
-pre[class*='language-'] {
-	padding: 1em;
-	margin: 0.5em 0;
-	overflow: auto;
-}
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
-	background: #f5f2f0;
-}
-:not(pre) > code[class*='language-'] {
-	padding: 0.1em;
-	border-radius: 0.3em;
-	white-space: normal;
-}
-.token.cdata,
-.token.comment,
-.token.doctype,
-.token.prolog {
-	color: #708090;
-}
-.token.punctuation {
-	color: #999;
-}
-.token.namespace {
-	opacity: 0.7;
-}
-.token.boolean,
-.token.constant,
-.token.deleted,
-.token.number,
-.token.property,
-.token.symbol,
-.token.tag {
-	color: #905;
-}
-.token.attr-name,
-.token.builtin,
-.token.char,
-.token.inserted,
-.token.selector,
-.token.string {
-	color: #690;
-}
-.language-css .token.string,
-.style .token.string,
-.token.entity,
-.token.operator,
-.token.url {
-	color: #9a6e3a;
-	background: hsla(0, 0%, 100%, 0.5);
-}
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-	color: #07a;
-}
-.token.class-name,
-.token.function {
-	color: #dd4a68;
-}
-.token.important,
-.token.regex,
-.token.variable {
-	color: #e90;
-}
-.token.bold,
-.token.important {
-	font-weight: 700;
-}
-.token.italic {
-	font-style: italic;
-}
-.token.entity {
-	cursor: help;
-}
-pre[data-line] {
-	position: relative;
-	padding: 1em 0 1em 3em;
-}
-.line-highlight {
-	position: absolute;
-	left: 0;
-	right: 0;
-	padding: inherit 0;
-	margin-top: 1em;
-	background: hsla(24, 20%, 50%, 0.08);
-	background: linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));
-	pointer-events: none;
-	line-height: inherit;
-	white-space: pre;
-}
-@media print {
-	.line-highlight {
-		-webkit-print-color-adjust: exact;
-		color-adjust: exact;
-	}
-}
-.line-highlight:before,
-.line-highlight[data-end]:after {
-	content: attr(data-start);
-	position: absolute;
-	top: 0.4em;
-	left: 0.6em;
-	min-width: 1em;
-	padding: 0 0.5em;
-	background-color: hsla(24, 20%, 50%, 0.4);
-	color: #f4f1ef;
-	font: bold 65%/1.5 sans-serif;
-	text-align: center;
-	vertical-align: 0.3em;
-	border-radius: 999px;
-	text-shadow: none;
-	box-shadow: 0 1px #fff;
-}
-.line-highlight[data-end]:after {
-	content: attr(data-end);
-	top: auto;
-	bottom: 0.4em;
-}
-.line-numbers .line-highlight:after,
-.line-numbers .line-highlight:before {
-	content: none;
-}
-pre[id].linkable-line-numbers span.line-numbers-rows {
-	pointer-events: all;
-}
-pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
-	cursor: pointer;
-}
-pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
-	background-color: rgba(128, 128, 128, 0.2);
-}
-pre[class*='language-'].line-numbers {
-	position: relative;
-	padding-left: 3.8em;
-	counter-reset: linenumber;
-}
-pre[class*='language-'].line-numbers > code {
-	position: relative;
-	white-space: inherit;
-}
-.line-numbers .line-numbers-rows {
-	position: absolute;
-	pointer-events: none;
-	top: 0;
-	font-size: 100%;
-	left: -3.8em;
-	width: 3em;
-	letter-spacing: -1px;
-	border-right: 1px solid #999;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-}
-.line-numbers-rows > span {
-	display: block;
-	counter-increment: linenumber;
-}
-.line-numbers-rows > span:before {
-	content: counter(linenumber);
-	color: #999;
-	display: block;
-	padding-right: 0.8em;
-	text-align: right;
-}
-
-/* to make jsx look the same as HTML */
-pre[class='language-tsx'] .token.class-name {
-	color: #905;
-}
-
-:root.dark {
-	code[class*='language-'],
-	pre[class*='language-'] {
-		color: #d4d4d4;
-		text-shadow: none;
-		font-family: Menlo, Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono', 'Courier New', monospace;
-		direction: ltr;
-		text-align: left;
-		white-space: pre;
-		word-spacing: normal;
-		word-break: normal;
-		line-height: 1.5;
-		-moz-tab-size: 4;
-		-o-tab-size: 4;
-		tab-size: 4;
-		-webkit-hyphens: none;
-		-moz-hyphens: none;
-		-ms-hyphens: none;
-		hyphens: none;
-	}
-	code[class*='language-'] ::selection,
-	code[class*='language-']::selection,
-	pre[class*='language-'] ::selection,
-	pre[class*='language-']::selection {
-		text-shadow: none;
-		background: #264f78;
-	}
-	@media print {
-		code[class*='language-'],
-		pre[class*='language-'] {
-			text-shadow: none;
-		}
-	}
-	pre[class*='language-'] {
-		padding: 1em;
-		margin: 0.5em 0;
-		overflow: auto;
-		background: #262626;
-	}
-	:not(pre) > code[class*='language-'] {
-		padding: 0.1em 0.3em;
-		border-radius: 0.3em;
-		color: #db4c69;
-		background: #262626;
-	}
-	.namespace {
-		opacity: 0.7;
-	}
-	.token.boolean,
-	.token.doctype .token.doctype-tag,
-	.token.entity,
-	.token.important,
-	.token.keyword,
-	.token.operator.arrow,
-	.token.punctuation.interpolation-punctuation,
-	.token.tag {
-		color: #569cd6;
-	}
-	.token.atrule .token.url,
-	.token.attr-name,
-	.token.console,
-	.token.constant,
-	.token.doctype .token.name,
-	.token.exports .token.maybe-class-name,
-	.token.imports .token.maybe-class-name,
-	.token.interpolation,
-	.token.parameter,
-	.token.property,
-	.token.variable,
-	code[class*='language-javascript'],
-	code[class*='language-jsx'],
-	code[class*='language-tsx'],
-	code[class*='language-typescript'],
-	pre[class*='language-javascript'],
-	pre[class*='language-jsx'],
-	pre[class*='language-tsx'],
-	pre[class*='language-typescript'] {
-		color: #9cdcfe;
-	}
-	.token.comment,
-	.token.prolog {
-		color: #6a9955;
-	}
-	.language-html .language-css .token.punctuation,
-	.language-html .language-javascript .token.punctuation,
-	.token.atrule .token.url .token.punctuation,
-	.token.attr-value .token.punctuation.attr-equals,
-	.token.entity,
-	.token.operator,
-	.token.punctuation,
-	code[class*='language-html'],
-	pre[class*='language-html'] {
-		color: #d4d4d4;
-	}
-	.token.boolean,
-	.token.constant,
-	.token.inserted,
-	.token.number,
-	.token.property,
-	.token.symbol,
-	.token.tag,
-	.token.unit {
-		color: #b5cea8;
-	}
-	.token.atrule,
-	.token.attr-name,
-	.token.attr-value,
-	.token.attr-value .token.punctuation,
-	.token.builtin,
-	.token.char,
-	.token.deleted,
-	.token.selector,
-	.token.string,
-	code[class*='language-css'],
-	pre[class*='language-css'] {
-		color: #ce9178;
-	}
-	.language-css .token.string.url {
-		text-decoration: underline;
-	}
-	.token.atrule .token.rule,
-	.token.keyword.control-flow,
-	.token.keyword.module {
-		color: #c586c0;
-	}
-	.language-regex .token.anchor,
-	.token.atrule .token.url .token.function,
-	.token.function,
-	.token.function .token.maybe-class-name {
-		color: #dcdcaa;
-	}
-	.token.regex {
-		color: #d16969;
-	}
-	.token.italic {
-		font-style: italic;
-	}
-	.token.class-name,
-	.token.maybe-class-name,
-	.token.namespace {
-		color: #4ec9b0;
-	}
-	.token.escape,
-	.token.selector {
-		color: #d7ba7d;
-	}
-	.language-html .token.punctuation,
-	.token.cdata,
-	.token.tag .token.punctuation {
-		color: grey;
-	}
-	pre[class*='language-'] > code[class*='language-'] {
-		position: relative;
-		z-index: 1;
-	}
-	.line-highlight.line-highlight {
-		background: #f7ebc6;
-		box-shadow: inset 5px 0 0 #f7d87c;
-		z-index: 0;
-	}
-}