@topvisor/ui 1.0.42-dev.2 → 1.0.42-dev.4

package/src/icomoon.d.ts

@@ -1,98 +0,0 @@
-export interface RootObject {
-	IcoMoonType: string;
-	icons: Icon2[];
-	height: number;
-	metadata: Metadata;
-	preferences: Preferences;
-}
-
-export interface Preferences {
-	showGlyphs: boolean;
-	showCodes: boolean;
-	showQuickUse: boolean;
-	showQuickUse2: boolean;
-	showSVGs: boolean;
-	fontPref: FontPref;
-	imagePref: ImagePref;
-	historySize: number;
-	gridSize: number;
-	showGrid: boolean;
-	showLiga: boolean;
-}
-
-export interface ImagePref {
-	prefix: string;
-	png: boolean;
-	useClassSelector: boolean;
-	color: number;
-	bgColor: number;
-	name: string;
-	classSelector: string;
-	height: number;
-	columns: number;
-	margin: number;
-}
-
-export interface FontPref {
-	prefix: string;
-	metadata: Metadata2;
-	metrics: Metrics;
-	embed: boolean;
-	showMetrics: boolean;
-	noie8: boolean;
-	ie7: boolean;
-	showSelector: boolean;
-	includeMetadata: boolean;
-	cssVars: boolean;
-	cssVarsFormat: string;
-	flutter: boolean;
-	showMetadata: boolean;
-}
-
-export interface Metrics {
-	emSize: number;
-	baseline: number;
-	whitespace: number;
-}
-
-export interface Metadata2 {
-	fontFamily: string;
-	majorVersion: number;
-	minorVersion: number;
-}
-
-export interface Metadata {
-	name: string;
-}
-
-export interface Icon2 {
-	icon: Icon;
-	attrs: Attr[];
-	properties: Properties;
-	setIdx: number;
-	setId: number;
-	iconIdx: number;
-}
-
-export interface Properties {
-	order: number;
-	id: number;
-	name: string;
-	prevSize: number;
-	code: number;
-	ligatures?: string;
-}
-
-export interface Icon {
-	paths: string[];
-	attrs: Attr[];
-	isMulticolor: boolean;
-	isMulticolor2: boolean;
-	grid: number;
-	tags: string[];
-	defaultCode?: number;
-	colorPermutations?: Attr;
-}
-
-export interface Attr {
-}

package/src/resources/styles/core/components/bage.css

@@ -1,16 +0,0 @@
-[data-top-badge] {
-	position: relative;
-	width: 0;
-	margin: -3px 16px 0 -16px;
-	display: flex;
-	align-self: flex-start;
-}
-
-[data-top-badge]:after {
-	content: attr(data-top-badge);
-	border-radius: 4px;
-	padding: 2px 3px;
-	background: var(--color-bg-negative-1);
-	color: var(--color-text-white);
-	font-size: 12px;
-}

package/src/resources/styles/core/components/components.css

@@ -1,94 +0,0 @@
-:root {
-	--color-tag-1: #bdc3c7;
-	--color-tag-2: #FD6052;
-	--color-tag-3: #F48D09;
-	--color-tag-4: #F4D30C;
-	--color-tag-5: #5AACFD;
-	--color-tag-6: #C98AE4;
-	--color-tag-7: #A7DE59;
-	--color-tag-8: #e44097;
-	--color-tag-9: #0354a5;
-	--color-tag-10: #33b8a5;
-
-	--color-tag-all: var(--color-text-3);
-}
-
-.top-comment {
-	color: var(--color-text-3);
-	font-size: 12px;
-}
-
-img.top-flag {
-	box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
-	width: 24px;
-	height: 15px;
-	margin: 0 6px 0 0;
-	flex-grow: 0 !important;
-	flex-shrink: 0 !important;
-}
-
-/* formsCaption */
-:root {
-	--top-formsCaption-offset: 16px;
-}
-
-.top-formsCaptionWrapper {
-	padding-top: 20px;
-}
-
-.top-formsCaption {
-	pointer-events: none;
-	width: calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-selector-arrow-width));
-	padding: 0 var(--top-forms-padding);
-	color: var(--top-forms-placeholder-color);
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	transform: translate(var(--top-icon-both-width), 0);
-	position: absolute;
-	overflow: hidden;
-	transition: 0.1s;
-}
-
-.top-error ~ .top-formsCaption {
-	transition: 0.1s 0.1s;
-}
-
-/* перефокусировка на поле не должна влиять на отображении заголовка */
-.top-formsCaption * {
-	pointer-events: auto;
-}
-
-.top-formsCaptionWrapper > input:not([readonly]):focus ~ .top-formsCaption,
-.top-formsCaptionWrapper > input:not(:placeholder-shown) ~ .top-formsCaption,
-.top-formsCaptionWrapper > textarea:not(:placeholder-shown) ~ .top-formsCaption,
-.top-formsCaptionWrapper.top-select > .top-formsCaption,
-.top-formsCaptionWrapper.top-inputRange > .top-formsCaption,
-.top-formsCaptionWrapper-always > .top-formsCaption {
-	width: 100%;
-	padding: 0;
-	color: var(--top-forms-placeholder-color-active);
-	font-size: 11px;
-	transform: translate(0, calc(-1em - var(--top-formsCaption-offset)));
-	transition: 0.1s;
-}
-
-/* jQuery */
-.ui-tooltip {
-	pointer-events: none;
-	box-shadow: 0 6px 18px 0 rgba(14, 21, 47, .13), 0 -2px 6px rgba(14, 21, 47, .03);
-	border-radius: 8px;
-	border: none;
-	background: var(--color-layout-front-1);
-	width: max-content;
-	padding: 16px;
-	margin: 0 18px;
-	font-size: 13px;
-}
-
-.ui-tooltip img {
-	margin: 12px 0 0 0;
-}
-
-.ui-tooltip ul {
-	margin-left: 24px;
-}

package/src/resources/styles/core/components/formsCaption.css

@@ -1,43 +0,0 @@
-:root {
-	--top-formsCaption-offset: 16px;
-}
-
-.top-formsCaptionWrapper {
-	padding-top: 20px;
-}
-
-.top-formsCaption {
-	pointer-events: none;
-	width: calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-selector-arrow-width));
-	padding: 0 var(--top-forms-padding);
-	color: var(--top-forms-placeholder-color);
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	transform: translate(var(--top-icon-both-width), 0);
-	position: absolute;
-	overflow: hidden;
-	transition: 0.1s;
-}
-
-.top-error ~ .top-formsCaption {
-	transition: 0.1s 0.1s;
-}
-
-/* перефокусировка на поле не должна влиять на отображении заголовка */
-.top-formsCaption * {
-	pointer-events: auto;
-}
-
-.top-formsCaptionWrapper > input:not([readonly]):focus ~ .top-formsCaption,
-.top-formsCaptionWrapper > input:not(:placeholder-shown) ~ .top-formsCaption,
-.top-formsCaptionWrapper > textarea:not(:placeholder-shown) ~ .top-formsCaption,
-.top-formsCaptionWrapper.top-select > .top-formsCaption,
-.top-formsCaptionWrapper.top-inputRange > .top-formsCaption,
-.top-formsCaptionWrapper-always > .top-formsCaption {
-	width: 100%;
-	padding: 0;
-	color: var(--top-forms-placeholder-color-active);
-	font-size: 11px;
-	transform: translate(0, calc(-1em - var(--top-formsCaption-offset)));
-	transition: 0.1s;
-}

package/src/resources/styles/core/components/jquery.css

@@ -1,19 +0,0 @@
-.ui-tooltip {
-	pointer-events: none;
-	box-shadow: 0 6px 18px 0 rgba(14, 21, 47, .13), 0 -2px 6px rgba(14, 21, 47, .03);
-	border-radius: 8px;
-	border: none;
-	background: var(--color-layout-front-1);
-	width: max-content;
-	padding: 16px;
-	margin: 0 18px;
-	font-size: 13px;
-}
-
-.ui-tooltip img {
-	margin: 12px 0 0 0;
-}
-
-.ui-tooltip ul {
-	margin-left: 24px;
-}

package/src/resources/styles/core/core.ts

@@ -1,14 +0,0 @@
-import './forms/forms.css';
-import './modifiers/as.css';
-import './modifiers/ellipsis.css';
-import './modifiers/modifiers.css';
-import './modifiers/only.css';
-import './modifiers/scrollShadow.css';
-import './modifiers/scrollBar.css';
-import './components/bage.css';
-import './components/components.css';
-import './components/formsCaption.css';
-import './components/jquery.css';
-import './icon.css';
-import './layout.css';
-import './jquery.css';

package/src/resources/styles/core/forms/clear.css

@@ -1,20 +0,0 @@
-/* clear css */
-button,
-input,
-textarea,
-select {
-	border: 1px solid var(--top-forms-border-color);
-	background: var(--top-forms-background-color);
-	color: var(--color-text-1);
-	font-size: var(--top-font-size);
-	font-family: inherit;
-}
-
-::placeholder {
-	color: var(--top-forms-placeholder-color);
-}
-
-[contenteditable][placeholder]:empty:before {
-	content: attr(placeholder);
-	color: var(--color-text-2);
-}

package/src/resources/styles/core/forms/controls.css

@@ -1,20 +0,0 @@
-/* checkbox, radio, switcher */
-.top-forms-optionWrapper {
-	cursor: pointer;
-	padding: 8px 0;
-	color: var(--color-text-1);
-	line-height: 1.3;
-	display: inline-flex;
-	align-items: flex-start;
-	gap: 4px;
-}
-
-.top-forms-option {
-	cursor: pointer;
-	padding: 0;
-	margin: 3px;
-	display: inline-flex;
-	flex-shrink: 0;
-	appearance: none;
-	-webkit-appearance: none;
-}

package/src/resources/styles/core/forms/focusable.css

@@ -1,27 +0,0 @@
-/* focusable */
-.top-forms-focusable:focus-visible,
-.top-focus {
-	outline: 2px solid var(--color-line-primary-1);
-	outline-offset: 2px;
-	position: relative;
-	z-index: 1;
-	transition: border-color 150ms;
-}
-
-/* focusable hover */
-.top-forms-focusable:hover,
-.top-forms-focusable:focus,
-.top-forms-focusable:focus-within,
-.top-focus:hover,
-.top-focus:focus,
-.top-input:hover > .top-input_input,
-.top-select:hover > .top-select_select {
-	--top-forms-border-color: var(--top-forms-border-color-hover);
-	--top-forms-background-color: var(--top-forms-background-color-hover);
-}
-
-/* focusable contenteditable */
-[contenteditable]:focus-visible,
-.top-selector-multiselect:focus-within {
-	outline: 2px solid var(--color-line-primary-1);
-}

package/src/resources/styles/core/forms/forms.css

@@ -1,178 +0,0 @@
-@import "clear.css";
-
-/* composes классы */
-@import "controls.css";
-@import "focusable.css";
-
-:root {
-	--top-font-size: 14px;
-	--top-font-size-s: 12px;
-	--top-font-size-xs: 10px;
-
-	--top-forms-radius: 8px;
-	--top-forms-border-width: 1px;
-	--top-style_outline-color: transparent;
-
-	--top-forms-base-height_xs: 24px;
-	--top-forms-base-height_s: 32px;
-	--top-forms-base-height_m: 36px;
-	--top-forms-base-height_l: 40px;
-
-	--top-forms-background-color-regular: var(--color-layout-front-1);
-	--top-forms-background-color-regular-hover: var(--color-layout-front-1);
-
-	--top-forms-background-color-light: var(--top-forms-background-color-regular);
-	--top-forms-background-color-light-hover: var(--top-forms-background-color-regular);
-
-	--top-forms-background-color-soft: var(--color-theme-75);
-	--top-forms-background-color-soft-hover: var(--color-bg-shading-2);
-
-	--top-forms-background-color-transparent: transparent;
-	--top-forms-background-color-transparent-hover: var(--color-layout-front-3);
-
-	/* высота поля, должна быть одинаковой у всех форм в одном контексте */
-	--top-forms-base-height: var(--top-forms-base-height_s);
-
-	--top-forms-padding_xs: 6px;
-	--top-forms-padding_s: 8px;
-	--top-forms-padding_m: 10px;
-	--top-forms-padding_l: 12px;
-
-	--top-forms-padding: var(--top-forms-padding_s);
-
-	/* forms control */
-	--top-forms-option-height: 24px;
-
-	--top-selector-arrow-width: 0px;
-	--top-forms_clear-width: 0px;
-
-	/* border color */
-	--top-forms-border-color: var(--color-line-1);
-	--top-forms-border-color-hover: var(--color-line-primary-1);
-
-	/* placeholder color */
-	--top-forms-placeholder-color: var(--color-text-3);
-	--top-forms-placeholder-color-active: var(--color-text-2);
-
-	/* background color */
-	--top-forms-background-color: var(--color-layout-front-1);
-	--top-forms-background-color-hover: var(--color-layout-front-1);
-}
-
-/* style */
-.top-style_light {
-	--top-forms-radius: 0;
-	border-top-width: 0 !important;
-	border-left-width: 0 !important;
-	border-right-width: 0 !important;
-}
-
-.top-style_soft,
-.top-style_transparent {
-	--top-forms-border-color: transparent;
-	--top-forms-border-color-hover: transparent;
-}
-
-.top-style_soft {
-	--top-forms-background-color: var(--top-forms-background-color-soft);
-	--top-forms-background-color-hover: var(--top-forms-background-color-soft-hover);
-}
-
-.top-style_transparent {
-	--top-forms-background-color: var(--top-forms-background-color-transparent);
-	--top-forms-background-color-hover: var(--top-forms-background-color-transparent-hover);
-}
-
-/* size */
-.top-size_xs {
-	--top-forms-base-height: var(--top-forms-base-height_xs);
-}
-
-.top-size_s {
-	--top-forms-base-height: var(--top-forms-base-height_s);
-}
-
-.top-size_m {
-	--top-forms-base-height: var(--top-forms-base-height_m);
-}
-
-.top-size_l {
-	--top-forms-base-height: var(--top-forms-base-height_l);
-}
-
-/* input, textarea, select */
-.top-input_input,
-.top-textarea_textarea,
-.top-editArea_form,
-.top-select_select,
-.top-as-input {
-	box-sizing: border-box;
-	border-radius: var(--top-forms-radius);
-	border: var(--top-forms-border-width) solid var(--top-forms-border-color);
-	background-color: var(--top-forms-background-color);
-	color: var(--color-text-2);
-	min-height: var(--top-forms-base-height);
-	display: inline-flex;
-	appearance: none;
-	-webkit-appearance: none;
-}
-
-.top-input_input:hover,
-.top-textarea_textarea:hover,
-.top-editArea_form:hover,
-.top-select_select:hover,
-.top-as-input:hover {
-	background-color: var(--top-forms-background-color-hover);
-}
-
-.top-input_input:focus,
-.top-textarea_textarea:focus,
-.top-editArea_form:focus,
-.top-select_select:focus,
-.top-as-input:focus,
-.top-as-input:focus-within {
-	background-color: var(--top-forms-background-color-hover);
-	color: var(--color-text-1);
-}
-
-.top-select_select {
-	padding-right: calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-selector-arrow-width));
-}
-
-/* значки select */
-.top-select {
-	position: relative;
-}
-
-.top-select[data-top-icon]:before,
-.top-select[data-top-icon2]:after {
-	position: absolute;
-	z-index: 3;
-}
-
-.top-select[data-top-icon][data-top-icon2]:after {
-	left: calc(var(--top-icon-width));
-}
-
-/* text cleaner */
-.top-cleaner[data-top-icon] {
-	--top-icon-size: 20px;
-	--top-icon-width: 20px;
-	--top-icon-color: var(--color-text-secondary);
-
-	cursor: pointer;
-	border-radius: 50%;
-	width: 30px;
-	height: 24px;
-	margin-left: calc(-30px - 4px);
-	transform: translateX(calc(0px - var(--top-forms-border-width) - var(--top-selector-arrow-width)));
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	z-index: 1;
-}
-
-.top-cleaner[data-top-icon]:hover {
-	--top-icon-color: var(--color-text-secondary-2);
-}

package/src/resources/styles/core/icon.css

@@ -1,58 +0,0 @@
-:root {
-	--top-icon-size: 24px;
-	--top-icon-width: 0px;
-
-	--top-icon2-size: 24px;
-	--top-icon2-width: 0px;
-
-	--top-icon-both-width: 0px;
-}
-
-/* data-top-icon */
-[data-top-icon] {
-	--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));
-	--top-icon-color: inherit;
-}
-[data-top-icon2] {
-	--top-icon2-width: calc(var(--top-icon2-size) + 8px);
-	--top-icon2-color: inherit;
-}
-[data-top-icon=""] {
-	--top-icon-width: 0px;
-}
-[data-top-icon2=""] {
-	--top-icon2-width: 0px;
-}
-
-[data-top-icon]:before,
-[data-top-icon2]:after {
-	pointer-events: none;
-	content: attr(data-top-icon);
-	border-radius: var(--top-forms-radius);
-	width: var(--top-icon-width);
-	color: var(--top-icon-color);
-	font-family: Topvisor-2;
-	font-size: var(--top-icon-size);
-	font-weight: 400;
-	line-height: 1;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	flex-shrink: 0;
-}
-[data-top-icon2]:after {
-	content: attr(data-top-icon2);
-	width: var(--top-icon2-width);
-	color: var(--top-icon2-color);
-	font-size: var(--top-icon2-size);
-}
-
-/* ширина добавляемых элементов */
-[data-top-icon],
-[data-top-icon2] {
-	--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width));
-}
-
-[data-top-icon=""]:before {
-	font-family: Topvisor;
-}

package/src/resources/styles/core/jquery.css

@@ -1 +0,0 @@
-.ui-widget-content { background: var(--color-layout-front-1); color: var(--color-text-1); }

package/src/resources/styles/core/layout.css

@@ -1,59 +0,0 @@
-:root {
-	/* line-height: 1.36 нужен для вертикального выравнивания */
-	--top-line-heihgt: 1.36;
-
-	--top-page-width: 1180px;
-	--100vh: 100dvh;
-
-	--transition: 0.2s ease-in-out;
-	--transition-fast: 0.1s;
-	--transition-normal: 0.3s;
-	--transition-slow: 0.5s;
-
-	--top-padding-1: 4px;
-	--top-padding-2: 8px;
-	--top-padding-3: 12px;
-	--top-padding-4: 16px;
-	--top-padding-5: 20px;
-	--top-padding-6: 24px;
-	--top-padding-7: 28px;
-	--top-padding-8: 32px;
-	--top-padding-9: 36px;
-	--top-padding-10: 40px;
-	--top-padding-11: 44px;
-	--top-padding-12: 48px;
-
-	--top-gap-1: 4px;
-	--top-gap-2: 8px;
-	--top-gap-3: 12px;
-	--top-gap-4: 16px;
-	--top-gap-5: 20px;
-	--top-gap-6: 24px;
-	--top-gap-7: 28px;
-	--top-gap-8: 32px;
-	--top-gap-9: 36px;
-	--top-gap-10: 40px;
-	--top-gap-11: 44px;
-	--top-gap-12: 48px;
-
-	--top-radius-1: 4px;
-	--top-radius-2: 8px;
-	--top-radius-3: 12px;
-	--top-radius-4: 16px;
-	--top-radius-5: 20px;
-	--top-radius-6: 24px;
-	--top-radius-7: 28px;
-	--top-radius-8: 32px;
-	--top-radius-9: 36px;
-	--top-radius-10: 40px;
-	--top-radius-11: 44px;
-	--top-radius-12: 48px;
-
-	--padding-default: var(--top-padding-4);
-}
-
-@media only screen and (max-width: 900px) {
-	:root {
-		--padding-default: var(--top-padding-3);
-	}
-}

package/src/resources/styles/core/modifiers/as.css

@@ -1,33 +0,0 @@
-/* элемент в виде стандартного элемента ввода */
-.top-as-input {
-
-}
-
-/* элемент в виде селектора, добавляет стрелочку */
-.top-as-selector {
-	--top-selector-arrow-size: 12px;
-	--top-selector-arrow-width: 24px;
-
-	background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");
-	background-size: 14px;
-	background-position: calc(100% - var(--top-forms-padding)) 50%;
-	background-repeat: no-repeat;
-	padding-right: calc(var(--top-selector-arrow-width) + var(--top-padding-2));
-}
-.top-as-selector.top-button {
-	padding-right: calc(var(--top-selector-arrow-width) + var(--top-padding-2));
-}
-
-.top-as-selector ~ .top-cleaner {
-	--top-selector-arrow-width: 24px;
-}
-
-/* элемент в виде ссылки */
-.top-as-a {
-	cursor: pointer;
-	color: var(--color-text-primary);
-}
-
-.top-as-a:hover {
-	text-decoration: underline;
-}