@onetype/framework 2.0.41 → 2.0.43

package/lib/items/elements/form/slider/slider.css

@@ -1,244 +0,0 @@
-/* Base */
-.e-162fca34 > .holder
-{
-	position: relative;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	gap: var(--ot-spacing-m);
-}
-
-.e-162fca34 > .holder > .track
-{
-	position: absolute;
-	left: 0;
-	right: 0;
-	height: 6px;
-	background: var(--ot-bg-3);
-	border-radius: var(--ot-radius-s);
-	pointer-events: none;
-}
-
-.e-162fca34 > .holder > .track > .fill
-{
-	height: 100%;
-	background: var(--ot-brand);
-	border-radius: var(--ot-radius-s);
-	transition: width 0.2s ease-out;
-}
-
-.e-162fca34 > .holder > .input
-{
-	position: relative;
-	width: 100%;
-	height: 20px;
-	-webkit-appearance: none;
-	appearance: none;
-	background: transparent;
-	cursor: pointer;
-	z-index: 1;
-}
-
-.e-162fca34 > .holder > .input::-webkit-slider-thumb
-{
-	-webkit-appearance: none;
-	appearance: none;
-	width: 18px;
-	height: 18px;
-	background: var(--ot-brand);
-	border: 2px solid var(--ot-bg-1);
-	border-radius: 50%;
-	cursor: pointer;
-	transition: transform 0.2s ease;
-}
-
-.e-162fca34 > .holder > .input::-webkit-slider-thumb:hover
-{
-	transform: scale(1.1);
-}
-
-.e-162fca34 > .holder > .input::-moz-range-thumb
-{
-	width: 18px;
-	height: 18px;
-	background: var(--ot-brand);
-	border: 2px solid var(--ot-bg-1);
-	border-radius: 50%;
-	cursor: pointer;
-	transition: transform 0.2s ease;
-}
-
-.e-162fca34 > .holder > .input::-moz-range-thumb:hover
-{
-	transform: scale(1.1);
-}
-
-.e-162fca34 > .holder > .value
-{
-	min-width: 40px;
-	text-align: center;
-	font-size: var(--ot-size-s);
-	font-weight: 600;
-	color: var(--ot-text-1);
-}
-
-/* Variants - Colors */
-.e-162fca34 > .holder[variant*="brand"] > .track > .fill
-{
-	background: var(--ot-brand);
-}
-
-.e-162fca34 > .holder[variant*="brand"] > .input::-webkit-slider-thumb
-{
-	background: var(--ot-brand);
-}
-
-.e-162fca34 > .holder[variant*="brand"] > .input::-moz-range-thumb
-{
-	background: var(--ot-brand);
-}
-
-.e-162fca34 > .holder[variant*="blue"] > .track > .fill
-{
-	background: var(--ot-blue);
-}
-
-.e-162fca34 > .holder[variant*="blue"] > .input::-webkit-slider-thumb
-{
-	background: var(--ot-blue);
-}
-
-.e-162fca34 > .holder[variant*="blue"] > .input::-moz-range-thumb
-{
-	background: var(--ot-blue);
-}
-
-.e-162fca34 > .holder[variant*="red"] > .track > .fill
-{
-	background: var(--ot-red);
-}
-
-.e-162fca34 > .holder[variant*="red"] > .input::-webkit-slider-thumb
-{
-	background: var(--ot-red);
-}
-
-.e-162fca34 > .holder[variant*="red"] > .input::-moz-range-thumb
-{
-	background: var(--ot-red);
-}
-
-.e-162fca34 > .holder[variant*="orange"] > .track > .fill
-{
-	background: var(--ot-orange);
-}
-
-.e-162fca34 > .holder[variant*="orange"] > .input::-webkit-slider-thumb
-{
-	background: var(--ot-orange);
-}
-
-.e-162fca34 > .holder[variant*="orange"] > .input::-moz-range-thumb
-{
-	background: var(--ot-orange);
-}
-
-.e-162fca34 > .holder[variant*="green"] > .track > .fill
-{
-	background: var(--ot-green);
-}
-
-.e-162fca34 > .holder[variant*="green"] > .input::-webkit-slider-thumb
-{
-	background: var(--ot-green);
-}
-
-.e-162fca34 > .holder[variant*="green"] > .input::-moz-range-thumb
-{
-	background: var(--ot-green);
-}
-
-/* Variants - Sizes */
-.e-162fca34 > .holder[variant*="size-s"] > .track
-{
-	height: 4px;
-}
-
-.e-162fca34 > .holder[variant*="size-s"] > .input
-{
-	height: 16px;
-}
-
-.e-162fca34 > .holder[variant*="size-s"] > .input::-webkit-slider-thumb
-{
-	width: 14px;
-	height: 14px;
-}
-
-.e-162fca34 > .holder[variant*="size-s"] > .input::-moz-range-thumb
-{
-	width: 14px;
-	height: 14px;
-}
-
-.e-162fca34 > .holder[variant*="size-s"] > .value
-{
-	font-size: 11px;
-	min-width: 35px;
-}
-
-.e-162fca34 > .holder[variant*="size-m"] > .track
-{
-	height: 6px;
-}
-
-.e-162fca34 > .holder[variant*="size-m"] > .input
-{
-	height: 20px;
-}
-
-.e-162fca34 > .holder[variant*="size-m"] > .input::-webkit-slider-thumb
-{
-	width: 18px;
-	height: 18px;
-}
-
-.e-162fca34 > .holder[variant*="size-m"] > .input::-moz-range-thumb
-{
-	width: 18px;
-	height: 18px;
-}
-
-.e-162fca34 > .holder[variant*="size-m"] > .value
-{
-	font-size: var(--ot-size-s);
-	min-width: 40px;
-}
-
-.e-162fca34 > .holder[variant*="size-l"] > .track
-{
-	height: 8px;
-}
-
-.e-162fca34 > .holder[variant*="size-l"] > .input
-{
-	height: 24px;
-}
-
-.e-162fca34 > .holder[variant*="size-l"] > .input::-webkit-slider-thumb
-{
-	width: 22px;
-	height: 22px;
-}
-
-.e-162fca34 > .holder[variant*="size-l"] > .input::-moz-range-thumb
-{
-	width: 22px;
-	height: 22px;
-}
-
-.e-162fca34 > .holder[variant*="size-l"] > .value
-{
-	font-size: var(--ot-size-m);
-	min-width: 45px;
-}

package/lib/items/elements/form/textarea/textarea.css

@@ -1,117 +0,0 @@
-/* Base */
-.e-5973ffcd > .holder
-{
-    position: relative;
-    width: 100%;
-    padding: var(--ot-spacing-s) var(--ot-spacing-m);
-    border-radius: var(--ot-radius-m);
-    border: none;
-    background: transparent;
-    transition: all 0.2s;
-}
-
-.e-5973ffcd > .holder > textarea
-{
-    width: 100%;
-    background: transparent;
-    border: none;
-    outline: none;
-    min-height: 100px;
-    resize: none;
-    color: var(--ot-text-1);
-    padding: 0;
-}
-
-.e-5973ffcd > .holder > textarea::placeholder
-{
-    color: var(--ot-text-2);
-}
-
-.e-5973ffcd > .holder > textarea:disabled
-{
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Variants - Background */
-.e-5973ffcd > .holder[variant*="transparent"]
-{
-    background: transparent;
-    padding: 0;
-}
-
-.e-5973ffcd > .holder[variant*="border"]
-{
-    background: transparent;
-}
-
-.e-5973ffcd > .holder[variant*="bg-1"]
-{
-    background: var(--ot-bg-1);
-}
-
-.e-5973ffcd > .holder[variant*="bg-1"]:hover
-{
-    background: var(--ot-bg-1-hover);
-}
-
-.e-5973ffcd > .holder[variant*="bg-2"]
-{
-    background: var(--ot-bg-2);
-}
-
-.e-5973ffcd > .holder[variant*="bg-2"]:hover
-{
-    background: var(--ot-bg-2-hover);
-}
-
-.e-5973ffcd > .holder[variant*="bg-3"]
-{
-    background: var(--ot-bg-3);
-}
-
-.e-5973ffcd > .holder[variant*="bg-3"]:hover
-{
-    background: var(--ot-bg-3-hover);
-}
-
-.e-5973ffcd > .holder[variant*="bg-4"]
-{
-    background: var(--ot-bg-4);
-}
-
-.e-5973ffcd > .holder[variant*="bg-4"]:hover
-{
-    background: var(--ot-bg-4-hover);
-}
-
-/* Variants - Border */
-.e-5973ffcd > .holder[variant*="border"]
-{
-    border: 1px solid var(--ot-bg-2-border);
-}
-
-.e-5973ffcd > .holder[variant*="bg-1"][variant*="border"]
-{
-    border: 1px solid var(--ot-bg-1-border);
-}
-
-.e-5973ffcd > .holder[variant*="bg-2"][variant*="border"]
-{
-    border: 1px solid var(--ot-bg-2-border);
-}
-
-.e-5973ffcd > .holder[variant*="bg-3"][variant*="border"]
-{
-    border: 1px solid var(--ot-bg-3-border);
-}
-
-.e-5973ffcd > .holder[variant*="bg-4"][variant*="border"]
-{
-    border: 1px solid var(--ot-bg-4-border);
-}
-
-.e-5973ffcd > .holder[variant*="border"]:focus-within
-{
-    border-color: var(--ot-brand);
-}

package/lib/items/elements/form/textarea/textarea.js

@@ -1,70 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-    elements.ItemAdd({
-        id: 'form-textarea',
-        icon: 'notes',
-        name: 'Textarea',
-        description: 'Multi-line text input with auto-resize option, character counting, and variant support for different UI contexts.',
-        category: 'Form',
-        author: 'OneType',
-        config: {
-            value: {
-                type: 'string'
-            },
-            name: {
-                type: 'string'
-            },
-            placeholder: {
-                type: 'string'
-            },
-            rows: {
-                type: 'number',
-                value: 4
-            },
-            maxLength: {
-                type: 'number'
-            },
-            disabled: {
-                type: 'boolean'
-            },
-            readonly: {
-                type: 'boolean'
-            },
-            variant: {
-                type: 'array',
-                value: ['bg-2'],
-                options: ['transparent', 'border', 'bg-1', 'bg-2', 'bg-3', 'bg-4']
-            },
-            size: {
-                type: 'string',
-                value: 'm',
-                options: ['s', 'm', 'l']
-            },
-            onInput: {
-                type: 'function'
-            },
-            onChange: {
-                type: 'function'
-            }
-        },
-        render: function()
-        {
-            return `
-                <div class="holder" :variant="variant.join(' ')" :size="size">
-                    <textarea
-                        :value="value"
-                        :placeholder="placeholder"
-                        :name="name"
-                        :rows="rows"
-                        :maxlength="maxLength"
-                        :disabled="disabled"
-                        :readonly="readonly"
-                        autocomplete="off"
-                        ot-input="onInput"
-                        ot-change="onChange"
-                    ></textarea>
-                </div>
-            `;
-        }
-	});
-});

package/lib/items/elements/global/card/card.css

@@ -1,57 +0,0 @@
-.e-4a157f24
-{
-	display: flex;
-}
-
-.e-4a157f24 > .holder
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--ot-spacing-s);
-	padding: var(--ot-spacing-m);
-	border-radius: 8px;
-	background: var(--ot-bg-2);
-	border: 1px solid var(--ot-bg-2-border);
-	width: 100%;
-}
-
-.e-4a157f24 > .holder.link
-{
-	text-decoration: none;
-	transition: border-color 0.15s ease, background 0.15s ease;
-	cursor: pointer;
-}
-
-.e-4a157f24 > .holder.link:hover
-{
-	border-color: var(--ot-brand);
-	background: var(--ot-bg-3);
-}
-
-/* Icon */
-
-.e-4a157f24 > .holder > .icon
-{
-	font-size: 24px;
-	color: var(--ot-brand);
-}
-
-/* Title */
-
-.e-4a157f24 > .holder > .title
-{
-	font-size: var(--ot-size-m);
-	font-weight: 600;
-	color: var(--ot-text-1);
-	margin: 0;
-}
-
-/* Description */
-
-.e-4a157f24 > .holder > .description
-{
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-	line-height: 1.5;
-	margin: 0;
-}

package/lib/items/elements/global/card/card.js

@@ -1,48 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-	elements.ItemAdd({
-		id: 'global-card',
-		icon: 'crop_square',
-		name: 'Card',
-		description: 'Reusable card with icon, title, description, and optional link.',
-		category: 'Global',
-		author: 'OneType',
-		config: {
-			icon: {
-				type: 'string',
-				value: ''
-			},
-			title: {
-				type: 'string',
-				value: ''
-			},
-			description: {
-				type: 'string',
-				value: ''
-			},
-			href: {
-				type: 'string',
-				value: ''
-			},
-			target: {
-				type: 'string',
-				value: ''
-			}
-		},
-		render: function()
-		{
-			const content = `
-				<i ot-if="icon" class="icon">{{ icon }}</i>
-				<h3 class="title">{{ title }}</h3>
-				<p ot-if="description" class="description">{{ description }}</p>
-			`;
-
-			if(this.href)
-			{
-				return `<a class="holder link" :href="href" :target="target">${content}</a>`;
-			}
-
-			return `<div class="holder">${content}</div>`;
-		}
-	});
-});

package/lib/items/elements/global/code/code.css

@@ -1,66 +0,0 @@
-.e-4a15b201
-{
-	display: flex;
-	width: 100%;
-}
-
-.e-4a15b201 > .holder
-{
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	border: 1px solid var(--ot-bg-2-border);
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-.e-4a15b201 > .holder > .label
-{
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: var(--ot-spacing-s) var(--ot-spacing-m);
-	font-size: var(--ot-size-s);
-	font-weight: 600;
-	font-family: monospace;
-	color: var(--ot-text-2);
-	background: var(--ot-bg-3);
-	border-bottom: 1px solid var(--ot-bg-2-border);
-}
-
-.e-4a15b201 > .holder > .label > .copy
-{
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0;
-	background: none;
-	border: none;
-	color: var(--ot-text-2);
-	cursor: pointer;
-	transition: color 0.2s ease;
-}
-
-.e-4a15b201 > .holder > .label > .copy:hover
-{
-	color: var(--ot-text-1);
-}
-
-.e-4a15b201 > .holder > .label > .copy > i
-{
-	font-size: 16px;
-}
-
-.e-4a15b201 > .holder > .content
-{
-	padding: var(--ot-spacing-m);
-	margin: 0;
-	font-size: 12px;
-	font-family: monospace;
-	color: var(--ot-text-2);
-	line-height: 1.6;
-	background: var(--ot-bg-2);
-	overflow-x: auto;
-	white-space: break-spaces;
-	tab-size: 4;
-}

package/lib/items/elements/global/faq/faq.css

@@ -1,76 +0,0 @@
-.e-e204b7e
-{
-	display: flex;
-	width: 100%;
-}
-
-.e-e204b7e > .holder
-{
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	border: 1px solid var(--ot-bg-2-border);
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-/* Item */
-
-.e-e204b7e > .holder > .item
-{
-	display: flex;
-	flex-direction: column;
-	cursor: pointer;
-	border-bottom: 1px solid var(--ot-bg-2-border);
-	transition: background 0.15s ease;
-}
-
-.e-e204b7e > .holder > .item:last-child
-{
-	border-bottom: none;
-}
-
-.e-e204b7e > .holder > .item:hover
-{
-	background: var(--ot-bg-2);
-}
-
-.e-e204b7e > .holder > .item.active
-{
-	background: var(--ot-bg-2);
-}
-
-/* Question */
-
-.e-e204b7e > .holder > .item > .question
-{
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: var(--ot-spacing-s);
-	padding: var(--ot-spacing-s) var(--ot-spacing-m);
-}
-
-.e-e204b7e > .holder > .item > .question > .text
-{
-	font-size: var(--ot-size-m);
-	font-weight: 600;
-	color: var(--ot-text-1);
-}
-
-.e-e204b7e > .holder > .item > .question > .icon
-{
-	font-size: 20px;
-	color: var(--ot-text-2);
-	flex-shrink: 0;
-}
-
-/* Answer */
-
-.e-e204b7e > .holder > .item > .answer
-{
-	padding: 0 var(--ot-spacing-m) var(--ot-spacing-s);
-	font-size: var(--ot-size-m);
-	color: var(--ot-text-2);
-	line-height: 1.6;
-}