@treeseed/core 0.10.22 → 0.11.0

package/dist/styles/forms.css

@@ -1,274 +0,0 @@
-.ts-field {
-	display: grid;
-	gap: var(--ts-space-2);
-	min-width: 0;
-}
-
-.ts-field--full {
-	grid-column: 1 / -1;
-}
-
-.ts-field__label,
-.ts-radio-group__legend {
-	color: var(--ts-color-text);
-	font-size: 0.875rem;
-	font-weight: 700;
-	line-height: 1.35;
-}
-
-.ts-field__required {
-	color: var(--ts-color-danger-text);
-	margin-left: 0.25rem;
-}
-
-.ts-field__control {
-	min-width: 0;
-}
-
-.ts-field__help,
-.ts-field__error {
-	font-size: 0.8125rem;
-	line-height: 1.45;
-	margin: 0;
-}
-
-.ts-field__help {
-	color: var(--ts-color-text-muted);
-}
-
-.ts-field__error {
-	color: var(--ts-color-danger-text);
-	font-weight: 650;
-}
-
-.ts-control {
-	appearance: none;
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	background: var(--ts-control-background, var(--ts-color-surface));
-	border: 1px solid var(--ts-color-border);
-	border-radius: var(--ts-radius-md);
-	color: var(--ts-color-text);
-	font: inherit;
-	font-size: 0.95rem;
-	line-height: 1.4;
-	min-height: 2.25rem;
-	padding: 0.45rem 0.65rem;
-	transition:
-		background-color 140ms ease,
-		border-color 140ms ease,
-		box-shadow 140ms ease;
-	width: 100%;
-}
-
-.ts-control::placeholder {
-	color: var(--ts-color-text-subtle);
-}
-
-.ts-control:focus {
-	border-color: var(--ts-color-focus);
-	box-shadow: 0 0 0 3px var(--ts-color-accent-soft);
-	outline: none;
-}
-
-.ts-control:disabled,
-.ts-control:read-only {
-	background-color: var(--ts-color-surface-muted);
-	color: var(--ts-color-text-muted);
-}
-
-.ts-control--select,
-select.ts-control {
-	appearance: none;
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	background:
-		linear-gradient(var(--ts-color-border), var(--ts-color-border)),
-		linear-gradient(45deg, transparent 50%, currentColor 50%),
-		linear-gradient(135deg, currentColor 50%, transparent 50%),
-		var(--ts-control-background, var(--ts-color-surface));
-	background-position:
-		calc(100% - 2rem) 50%,
-		calc(100% - 1.17rem) calc(50% - 0.08rem),
-		calc(100% - 0.86rem) calc(50% - 0.08rem);
-	background-repeat: no-repeat;
-	background-size:
-		1px 1.2rem,
-		0.42rem 0.42rem,
-		0.42rem 0.42rem;
-	padding-right: 2.5rem;
-}
-
-.ts-control--select option,
-select.ts-control option {
-	background-color: var(--ts-control-background, var(--ts-color-surface));
-	color: var(--ts-color-text);
-}
-
-.ts-control--textarea {
-	min-height: 7rem;
-	resize: vertical;
-}
-
-.ts-radio-group {
-	border: 0;
-	display: grid;
-	gap: var(--ts-space-3);
-	margin: 0;
-	min-inline-size: 0;
-	padding: 0;
-}
-
-.ts-radio-group__options {
-	display: grid;
-	gap: var(--ts-space-2);
-}
-
-.ts-radio-option {
-	align-items: flex-start;
-	background: var(--ts-color-surface);
-	border: 1px solid var(--ts-color-border);
-	border-radius: var(--ts-radius-md);
-	color: var(--ts-color-text);
-	cursor: pointer;
-	display: flex;
-	gap: var(--ts-space-2);
-	padding: var(--ts-space-2);
-}
-
-.ts-radio-option:hover {
-	background: var(--ts-color-surface-raised);
-	border-color: var(--ts-color-border-strong);
-}
-
-.ts-radio-option input {
-	accent-color: var(--ts-color-accent);
-	margin-top: 0.15rem;
-}
-
-.ts-radio-option:has(input:checked) {
-	background: var(--ts-color-accent-soft);
-	border-color: var(--ts-color-accent);
-}
-
-.ts-radio-option:has(input:focus-visible) {
-	outline: 3px solid var(--ts-color-focus);
-	outline-offset: 2px;
-}
-
-.ts-radio-option[data-disabled='true'] {
-	cursor: not-allowed;
-	opacity: 0.58;
-}
-
-.ts-radio-option__body {
-	display: grid;
-	gap: 0.25rem;
-}
-
-.ts-radio-option__label {
-	font-weight: 700;
-}
-
-.ts-radio-option__help {
-	color: var(--ts-color-text-muted);
-	font-size: 0.8125rem;
-	line-height: 1.45;
-}
-
-.ts-form-actions {
-	display: flex;
-	flex-wrap: wrap;
-	gap: var(--ts-space-2);
-}
-
-.ts-form-actions--start {
-	justify-content: flex-start;
-}
-
-.ts-form-actions--end {
-	justify-content: flex-end;
-}
-
-.ts-form-actions--between {
-	justify-content: space-between;
-}
-
-.ts-password-meter {
-	display: grid;
-	gap: var(--ts-space-2);
-}
-
-.ts-password-meter__header {
-	align-items: center;
-	color: var(--ts-color-text-muted);
-	display: flex;
-	font-size: 0.8125rem;
-	font-weight: 650;
-	justify-content: space-between;
-}
-
-.ts-password-meter__track {
-	background: var(--ts-color-surface-muted);
-	border-radius: 999px;
-	height: 0.5rem;
-	overflow: hidden;
-}
-
-.ts-password-meter__bar {
-	background: var(--ts-color-danger);
-	border-radius: inherit;
-	display: block;
-	height: 100%;
-	transform-origin: left;
-	transition:
-		background-color 140ms ease,
-		width 140ms ease;
-	width: calc((var(--ts-password-strength, 0) / 4) * 100%);
-}
-
-.ts-password-meter[data-strength='2'] .ts-password-meter__bar {
-	background: var(--ts-color-warning);
-}
-
-.ts-password-meter[data-strength='3'] .ts-password-meter__bar {
-	background: var(--ts-color-info);
-}
-
-.ts-password-meter[data-strength='4'] .ts-password-meter__bar {
-	background: var(--ts-color-success);
-}
-
-.ts-password-meter__rules {
-	color: var(--ts-color-text-muted);
-	display: grid;
-	font-size: 0.8125rem;
-	gap: 0.25rem;
-	line-height: 1.45;
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.ts-password-meter__rules li {
-	align-items: center;
-	display: flex;
-	gap: 0.45rem;
-}
-
-.ts-password-meter__rules li::before {
-	border: 1px solid currentColor;
-	border-radius: 999px;
-	content: '';
-	display: inline-block;
-	height: 0.55rem;
-	width: 0.55rem;
-}
-
-.ts-password-meter__rules li[data-passed='true'] {
-	color: var(--ts-color-success-text);
-}
-
-.ts-password-meter__rules li[data-passed='true']::before {
-	background: currentColor;
-}

package/dist/styles/theme.css

@@ -1,198 +0,0 @@
-html {
-	font-family: var(--font-sans);
-	font-feature-settings: "ss01" 1, "cv05" 1;
-	text-rendering: optimizeLegibility;
-}
-
-body {
-	font-family: var(--font-sans);
-}
-
-.ts-theme-selector {
-	display: grid;
-	gap: var(--ts-space-2);
-	color: var(--ts-color-text);
-}
-
-.ts-theme-menu {
-	position: relative;
-}
-
-.ts-theme-menu__trigger {
-	align-items: center;
-	background: transparent;
-	border: 1px solid transparent;
-	border-radius: var(--ts-radius-md);
-	color: var(--ts-color-text-muted);
-	cursor: pointer;
-	display: inline-flex;
-	height: 2.25rem;
-	justify-content: center;
-	list-style: none;
-	padding: 0;
-	transition:
-		background-color 140ms ease,
-		border-color 140ms ease,
-		color 140ms ease;
-	width: 2.25rem;
-}
-
-.ts-theme-menu__trigger::-webkit-details-marker {
-	display: none;
-}
-
-.ts-theme-menu__trigger:hover,
-.ts-theme-menu[open] .ts-theme-menu__trigger {
-	background: var(--ts-color-surface-raised);
-	border-color: var(--ts-color-border);
-	color: var(--ts-color-text);
-}
-
-.ts-theme-menu__trigger:focus-visible {
-	outline: 3px solid var(--ts-color-focus);
-	outline-offset: 2px;
-}
-
-.ts-theme-menu__trigger svg {
-	display: block;
-	fill: currentColor;
-	height: 1.15rem;
-	width: 1.15rem;
-}
-
-.ts-theme-menu__panel {
-	background: var(--ts-color-surface);
-	border: 1px solid var(--ts-color-border);
-	border-radius: var(--ts-radius-lg);
-	box-shadow: var(--ts-color-shadow);
-	inline-size: min(21rem, calc(100vw - 2rem));
-	inset-block-start: calc(100% + var(--ts-space-2));
-	inset-inline-end: 0;
-	padding: var(--ts-space-3);
-	position: absolute;
-	z-index: 80;
-}
-
-.ts-theme-selector--compact {
-	align-items: center;
-	grid-template-columns: auto minmax(0, 1fr);
-}
-
-.ts-theme-selector__summary {
-	display: inline-flex;
-	align-items: center;
-	gap: var(--ts-space-2);
-	min-width: 0;
-}
-
-.ts-theme-selector__label {
-	color: var(--ts-color-text-muted);
-	display: grid;
-	font-size: 0.82rem;
-	font-weight: 700;
-	gap: 0.08rem;
-	line-height: 1.2;
-	white-space: nowrap;
-}
-
-.ts-theme-selector__label small {
-	color: var(--ts-color-text-subtle);
-	font-size: 0.72rem;
-	font-weight: 600;
-	text-transform: capitalize;
-}
-
-.ts-theme-selector__controls {
-	display: grid;
-	grid-template-columns: minmax(8.5rem, 1fr) minmax(6.5rem, 0.75fr);
-	gap: var(--ts-space-2);
-	min-width: min(100%, 17rem);
-}
-
-.ts-theme-selector__field {
-	display: grid;
-	gap: 0.25rem;
-	min-width: 0;
-	color: var(--ts-color-text-subtle);
-	font-size: 0.75rem;
-	font-weight: 700;
-}
-
-.ts-theme-selector__field select {
-	appearance: none;
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	background:
-		linear-gradient(var(--ts-color-border), var(--ts-color-border)),
-		linear-gradient(45deg, transparent 50%, currentColor 50%),
-		linear-gradient(135deg, currentColor 50%, transparent 50%),
-		var(--ts-control-background, var(--ts-color-surface));
-	background-position:
-		calc(100% - 1.7rem) 50%,
-		calc(100% - 1rem) calc(50% - 0.08rem),
-		calc(100% - 0.72rem) calc(50% - 0.08rem);
-	background-repeat: no-repeat;
-	background-size:
-		1px 1.05rem,
-		0.36rem 0.36rem,
-		0.36rem 0.36rem;
-	border: 1px solid var(--ts-color-border-strong);
-	border-radius: var(--ts-radius-sm);
-	color: var(--ts-color-text);
-	font: inherit;
-	font-size: 0.86rem;
-	font-weight: 700;
-	min-height: 2.25rem;
-	padding: 0.42rem 2.15rem 0.42rem 0.62rem;
-	width: 100%;
-}
-
-.ts-theme-selector__field select:focus-visible {
-	border-color: var(--ts-color-focus);
-	outline: 2px solid var(--ts-color-focus);
-	outline-offset: 2px;
-}
-
-.ts-theme-selector__field select option {
-	background-color: var(--ts-control-background, var(--ts-color-surface));
-	color: var(--ts-color-text);
-}
-
-.ts-theme-swatch {
-	display: inline-grid;
-	grid-template-columns: repeat(4, 0.85rem);
-	gap: 0.16rem;
-	align-items: center;
-	flex: 0 0 auto;
-}
-
-.ts-theme-swatch__dot {
-	display: block;
-	width: 0.85rem;
-	height: 0.85rem;
-	border: 1px solid var(--ts-color-border);
-	border-radius: 999px;
-	background: var(--ts-preview-swatch-1, var(--ts-color-accent));
-}
-
-.ts-theme-swatch__dot[data-swatch-index="2"] {
-	background: var(--ts-preview-swatch-2, var(--ts-color-accent-hover));
-}
-
-.ts-theme-swatch__dot[data-swatch-index="3"] {
-	background: var(--ts-preview-swatch-3, var(--ts-color-surface));
-}
-
-.ts-theme-swatch__dot[data-swatch-index="4"] {
-	background: var(--ts-preview-swatch-4, var(--ts-color-text));
-}
-
-@media (max-width: 640px) {
-	.ts-theme-selector--compact {
-		grid-template-columns: 1fr;
-	}
-
-	.ts-theme-selector__controls {
-		grid-template-columns: 1fr;
-	}
-}

package/dist/styles/tokens.css

@@ -1,65 +0,0 @@
-:root {
-	--font-sans: "Aptos", "SF Pro Text", "Segoe UI Variable", "Segoe UI", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
-	--font-serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", ui-serif, Georgia, serif;
-	--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", "IBM Plex Mono", ui-monospace, monospace;
-
-	--ts-color-canvas: #f3f7ef;
-	--ts-color-canvas-subtle: #e8efe1;
-	--ts-color-surface: #ffffff;
-	--ts-color-surface-muted: #e8efe1;
-	--ts-color-surface-raised: #fafcf7;
-	--ts-color-surface-overlay: rgba(255, 255, 255, 0.88);
-	--ts-control-background: var(--ts-color-surface);
-
-	--ts-color-text: #1f2a20;
-	--ts-color-text-muted: #51604d;
-	--ts-color-text-subtle: #51604d;
-	--ts-color-text-inverse: #ffffff;
-	--ts-color-link: #3a6f75;
-	--ts-color-link-hover: #3f6f3f;
-
-	--ts-color-border: #cdd8c6;
-	--ts-color-border-muted: #cdd8c6;
-	--ts-color-border-strong: #aebca6;
-	--ts-color-focus: #3a6f75;
-
-	--ts-color-accent: #4f7d4e;
-	--ts-color-accent-hover: #3f6f3f;
-	--ts-color-accent-strong: #2f5a35;
-	--ts-color-accent-soft: #dcebd6;
-	--ts-color-accent-text: #ffffff;
-
-	--ts-color-info: #3a6f75;
-	--ts-color-info-soft: color-mix(in srgb, #3a6f75 18%, #ffffff);
-	--ts-color-info-text: #3a6f75;
-	--ts-color-info-border: color-mix(in srgb, #3a6f75 42%, #cdd8c6);
-
-	--ts-color-success: #287243;
-	--ts-color-success-soft: color-mix(in srgb, #287243 18%, #ffffff);
-	--ts-color-success-text: #287243;
-	--ts-color-success-border: color-mix(in srgb, #287243 42%, #cdd8c6);
-
-	--ts-color-warning: #8a6a1f;
-	--ts-color-warning-soft: color-mix(in srgb, #8a6a1f 18%, #ffffff);
-	--ts-color-warning-text: #8a6a1f;
-	--ts-color-warning-border: color-mix(in srgb, #8a6a1f 42%, #cdd8c6);
-
-	--ts-color-danger: #a23e35;
-	--ts-color-danger-soft: color-mix(in srgb, #a23e35 16%, #ffffff);
-	--ts-color-danger-text: #a23e35;
-	--ts-color-danger-border: color-mix(in srgb, #a23e35 42%, #cdd8c6);
-
-	--ts-color-shadow: 0 1px 2px rgba(31, 35, 40, 0.08);
-	--ts-color-grid: rgba(80, 100, 74, 0.12);
-
-	--ts-radius-sm: 0.375rem;
-	--ts-radius-md: 0.5rem;
-	--ts-radius-lg: 0.75rem;
-	--ts-space-1: 0.25rem;
-	--ts-space-2: 0.5rem;
-	--ts-space-3: 0.75rem;
-	--ts-space-4: 1rem;
-	--ts-content-width: 76rem;
-	--ts-reading-width: 78ch;
-	--ts-shell-width: 1200px;
-}