@onetype/framework 2.0.41 → 2.0.43

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

@@ -1,52 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-	elements.ItemAdd({
-		id: 'global-heading',
-		icon: 'title',
-		name: 'Heading',
-		description: 'Page heading with title and description.',
-		category: 'Global',
-		author: 'OneType',
-		config: {
-			icon: {
-				type: 'string',
-				value: ''
-			},
-			title: {
-				type: 'string',
-				value: 'Title'
-			},
-			description: {
-				type: 'string',
-				value: ''
-			},
-			align: {
-				type: 'string',
-				value: 'left',
-				options: ['left', 'center', 'right']
-			},
-			size: {
-				type: 'string',
-				value: '',
-				options: ['', 's', 'm', 'l']
-			},
-			variant: {
-				type: 'string',
-				value: ''
-			}
-		},
-		render: function()
-		{
-			this.classes = 'holder ' + this.align + (this.variant ? ' ' + this.variant : '') + (this.size ? ' size-' + this.size : '');
-
-			return `
-				<div :class="classes">
-					<i ot-if="icon" class="icon">{{ icon }}</i>
-					<h2 ot-if="variant !== 'page'" class="title">{{ title }}</h2>
-					<h1 ot-if="variant === 'page'" class="title">{{ title }}</h1>
-					<p ot-if="description" class="description">{{ description }}</p>
-				</div>
-			`;
-		}
-	});
-});

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

@@ -1,91 +0,0 @@
-.e-2e3de5ec
-{
-	display: flex;
-}
-
-.e-2e3de5ec > .holder
-{
-	display: flex;
-	align-items: center;
-	gap: var(--ot-spacing-s);
-	width: 100%;
-	padding: 10px var(--ot-spacing-m);
-	border-radius: var(--ot-radius-m);
-	font-size: var(--ot-size-s);
-}
-
-.e-2e3de5ec > .holder > .icon
-{
-	font-size: 16px;
-	flex-shrink: 0;
-}
-
-.e-2e3de5ec > .holder > .text
-{
-	line-height: 1.4;
-}
-
-/* Colors */
-
-.e-2e3de5ec > .holder[variant="red"]
-{
-	background: var(--ot-red-opacity);
-	border: 1px solid rgba(244, 63, 94, 0.25);
-	color: var(--ot-red);
-}
-
-.e-2e3de5ec > .holder[variant="green"]
-{
-	background: var(--ot-green-opacity);
-	border: 1px solid rgba(52, 211, 153, 0.25);
-	color: var(--ot-green);
-}
-
-.e-2e3de5ec > .holder[variant="blue"]
-{
-	background: var(--ot-blue-opacity);
-	border: 1px solid rgba(56, 189, 248, 0.25);
-	color: var(--ot-blue);
-}
-
-.e-2e3de5ec > .holder[variant="orange"]
-{
-	background: var(--ot-orange-opacity);
-	border: 1px solid rgba(251, 146, 60, 0.25);
-	color: var(--ot-orange);
-}
-
-.e-2e3de5ec > .holder[variant="brand"]
-{
-	background: var(--ot-brand-opacity);
-	border: 1px solid rgba(99, 102, 241, 0.25);
-	color: var(--ot-brand);
-}
-
-.e-2e3de5ec > .holder[variant="bg-1"]
-{
-	background: var(--ot-bg-1);
-	border: 1px solid var(--ot-bg-1-border);
-	color: var(--ot-text-2);
-}
-
-.e-2e3de5ec > .holder[variant="bg-2"]
-{
-	background: var(--ot-bg-2);
-	border: 1px solid var(--ot-bg-2-border);
-	color: var(--ot-text-2);
-}
-
-.e-2e3de5ec > .holder[variant="bg-3"]
-{
-	background: var(--ot-bg-3);
-	border: 1px solid var(--ot-bg-3-border);
-	color: var(--ot-text-2);
-}
-
-.e-2e3de5ec > .holder[variant="bg-4"]
-{
-	background: var(--ot-bg-4);
-	border: 1px solid var(--ot-bg-4-border);
-	color: var(--ot-text-2);
-}

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

@@ -1,77 +0,0 @@
-.e-29179902
-{
-	display: flex;
-	width: 100%;
-}
-
-.e-29179902 > .holder
-{
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
-
-.e-29179902 > .holder[variant="bg-2"]
-{
-	background: var(--ot-bg-2);
-	border: 1px solid var(--ot-bg-2-border);
-	border-radius: var(--ot-radius-m);
-	padding: var(--ot-spacing-m);
-}
-
-.e-29179902 > .holder > .param
-{
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: var(--ot-spacing-m);
-	padding: var(--ot-spacing-s) 0;
-	border-bottom: 1px solid var(--ot-bg-2-border);
-}
-
-.e-29179902 > .holder > .param:last-child
-{
-	border-bottom: none;
-}
-
-.e-29179902 > .holder > .param > .left
-{
-	display: flex;
-	align-items: center;
-	gap: var(--ot-spacing-s);
-}
-
-.e-29179902 > .holder > .param > .left > .name
-{
-	font-size: var(--ot-size-m);
-	font-weight: 600;
-	font-family: monospace;
-	color: var(--ot-text-1);
-}
-
-.e-29179902 > .holder > .param > .left > .type
-{
-	font-size: 10px;
-	font-weight: 500;
-	padding: 2px 6px;
-	border-radius: 4px;
-	background: var(--ot-blue-opacity);
-	color: var(--ot-blue);
-}
-
-.e-29179902 > .holder > .param > .left > .required
-{
-	font-size: 10px;
-	font-weight: 500;
-	padding: 2px 6px;
-	border-radius: 4px;
-	background: var(--ot-orange-opacity);
-	color: var(--ot-orange);
-}
-
-.e-29179902 > .holder > .param > .desc
-{
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-	text-align: right;
-}

package/lib/items/elements/navigation/tabs/tabs.css

@@ -1,47 +0,0 @@
-.e-1a8b6ac1
-{
-	display: flex;
-}
-
-.e-1a8b6ac1 > .holder
-{
-	display: flex;
-	align-items: center;
-	gap: 0;
-	background: var(--ot-bg-2);
-	border: 1px solid var(--ot-bg-2-border);
-	border-radius: 8px;
-	padding: 4px;
-}
-
-.e-1a8b6ac1 > .holder > .tab
-{
-	display: flex;
-	align-items: center;
-	gap: 6px;
-	padding: 8px 20px;
-	border-radius: 6px;
-	font-size: var(--ot-size-m);
-	font-weight: 500;
-	color: var(--ot-text-2);
-	text-decoration: none;
-	white-space: nowrap;
-	cursor: pointer;
-	transition: all 0.2s ease;
-}
-
-.e-1a8b6ac1 > .holder > .tab > i
-{
-	font-size: 16px;
-}
-
-.e-1a8b6ac1 > .holder > .tab.active
-{
-	background: var(--ot-bg-3);
-	color: var(--ot-text-1);
-}
-
-.e-1a8b6ac1 > .holder > .tab:hover:not(.active)
-{
-	color: var(--ot-text-1);
-}

package/lib/items/elements/sections/footer/footer.css

@@ -1,205 +0,0 @@
-.e-71d10544
-{
-	display: flex;
-	width: 100%;
-}
-
-.e-71d10544 > .holder
-{
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	border-top: 1px solid var(--ot-bg-2-border);
-}
-
-/* Inner */
-
-.e-71d10544 > .holder > .inner
-{
-	display: flex;
-	justify-content: space-between;
-	gap: var(--ot-spacing-l);
-	max-width: 1200px;
-	width: 100%;
-	margin: 0 auto;
-	padding: 60px 32px 40px;
-}
-
-/* Brand */
-
-.e-71d10544 > .holder > .inner > .brand
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--ot-spacing-s);
-	max-width: 320px;
-}
-
-.e-71d10544 > .holder > .inner > .brand > .logo
-{
-	display: flex;
-	align-items: center;
-	text-decoration: none;
-}
-
-.e-71d10544 > .holder > .inner > .brand > .logo > .logo-icon
-{
-	height: 20px;
-}
-
-.e-71d10544 > .holder > .inner > .brand > .tagline
-{
-	font-size: var(--ot-size-m);
-	color: var(--ot-text-2);
-	line-height: 1.6;
-	margin: var(--ot-spacing-x) 0 0;
-}
-
-/* Columns */
-
-.e-71d10544 > .holder > .inner > .columns
-{
-	display: flex;
-	gap: 80px;
-}
-
-.e-71d10544 > .holder > .inner > .columns > .column
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--ot-spacing-s);
-}
-
-.e-71d10544 > .holder > .inner > .columns > .column > .column-title
-{
-	font-size: var(--ot-size-s);
-	font-weight: 600;
-	color: var(--ot-text-1);
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-	margin: 0 0 var(--ot-spacing-x) 0;
-}
-
-.e-71d10544 > .holder > .inner > .columns > .column > .link
-{
-	font-size: var(--ot-size-m);
-	color: var(--ot-text-2);
-	text-decoration: none;
-	transition: color 0.15s ease;
-}
-
-.e-71d10544 > .holder > .inner > .columns > .column > .link:hover
-{
-	color: var(--ot-text-1);
-}
-
-/* Integrations */
-
-.e-71d10544 > .holder > .inner > .brand > .integrations
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--ot-spacing-s);
-	margin-top: var(--ot-spacing-s);
-}
-
-.e-71d10544 > .holder > .inner > .brand > .integrations > .integrations-label
-{
-	font-size: var(--ot-size-s);
-	font-weight: 600;
-	color: var(--ot-text-2);
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-}
-
-.e-71d10544 > .holder > .inner > .brand > .integrations > .integrations-list
-{
-	display: flex;
-	align-items: center;
-	flex-wrap: wrap;
-	gap: 6px;
-}
-
-.e-71d10544 > .holder > .inner > .brand > .integrations > .integrations-list > .integration
-{
-	display: flex;
-	align-items: center;
-	gap: 6px;
-	padding: 4px 10px;
-	border-radius: 6px;
-	background: var(--ot-bg-2);
-	border: 1px solid var(--ot-bg-2-border);
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-	text-decoration: none;
-	transition: color 0.15s ease, border-color 0.15s ease;
-}
-
-.e-71d10544 > .holder > .inner > .brand > .integrations > .integrations-list > .integration > i
-{
-	font-size: 14px;
-	color: var(--ot-text-2);
-}
-
-.e-71d10544 > .holder > .inner > .brand > .integrations > .integrations-list > .integration.more
-{
-	color: var(--ot-brand);
-	cursor: pointer;
-}
-
-.e-71d10544 > .holder > .inner > .brand > .integrations > .integrations-list > .integration.more > i
-{
-	color: var(--ot-brand);
-}
-
-.e-71d10544 > .holder > .inner > .brand > .integrations > .integrations-list > .integration.more:hover
-{
-	border-color: var(--ot-brand);
-}
-
-/* Badges */
-
-.e-71d10544 > .holder > .badges
-{
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-wrap: wrap;
-	gap: var(--ot-spacing-m);
-	width: 100%;
-	padding: var(--ot-spacing-m) 32px;
-	border-top: 1px solid var(--ot-bg-2-border);
-}
-
-.e-71d10544 > .holder > .badges > .badge
-{
-	display: flex;
-	align-items: center;
-	gap: 6px;
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-}
-
-.e-71d10544 > .holder > .badges > .badge > i
-{
-	font-size: 16px;
-	color: var(--ot-brand);
-}
-
-/* Bottom */
-
-.e-71d10544 > .holder > .bottom
-{
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 100%;
-	padding: var(--ot-spacing-m) 32px;
-	border-top: 1px solid var(--ot-bg-2-border);
-}
-
-.e-71d10544 > .holder > .bottom > .copyright
-{
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-}

package/lib/items/elements/sections/footer/footer.js

@@ -1,109 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-	elements.ItemAdd({
-		id: 'sections-footer',
-		icon: 'dock_to_bottom',
-		name: 'Footer',
-		description: 'Site footer with logo, link columns, integrations, trust badges, and copyright.',
-		category: 'Section',
-		author: 'OneType',
-		config: {
-			columns: {
-				type: 'array',
-				value: [
-					{
-						title: 'Product',
-						links: [
-							{ label: 'Transforms', href: '/#transforms' },
-							{ label: 'Features', href: '/#features' },
-							{ label: 'Pricing', href: '/pricing' },
-							{ label: 'Changelog', href: '/changelog' }
-						]
-					},
-					{
-						title: 'Resources',
-						links: [
-							{ label: 'Documentation', href: 'https://docs.onetype.ai/transforms' },
-							{ label: 'GitHub', href: 'https://github.com/nicely-gg/transforms' },
-							{ label: 'npm', href: 'https://www.npmjs.com/package/@nicely-gg/transforms' },
-							{ label: 'Contact', href: 'https://onetype.ai/contact' }
-						]
-					},
-					{
-						title: 'Legal',
-						links: [
-							{ label: 'Terms of Service', href: 'https://onetype.ai/legal/terms' },
-							{ label: 'Privacy Policy', href: 'https://onetype.ai/legal/privacy' },
-							{ label: 'Cookie Policy', href: 'https://onetype.ai/legal/cookies' },
-							{ label: 'Developer Agreement', href: 'https://onetype.ai/legal/developer' },
-							{ label: 'Data Processing', href: 'https://onetype.ai/legal/dpa' },
-							{ label: 'Acceptable Use', href: 'https://onetype.ai/legal/aup' },
-							{ label: 'Subprocessors', href: 'https://onetype.ai/legal/subprocessors' }
-						]
-					}
-				]
-			},
-			platforms: {
-				type: 'array',
-				value: [
-					{ icon: 'language', label: 'Any HTML' },
-					{ icon: 'web', label: 'Webflow' },
-					{ icon: 'design_services', label: 'Framer' },
-					{ icon: 'article', label: 'WordPress' },
-					{ icon: 'shopping_cart', label: 'Shopify' },
-					{ icon: 'storefront', label: 'Squarespace' }
-				]
-			},
-			badges: {
-				type: 'array',
-				value: [
-					{ icon: 'code_off', label: 'Zero Dependencies' },
-					{ icon: 'speed', label: 'Lazy Loaded' },
-					{ icon: 'devices', label: 'All Platforms' },
-					{ icon: 'open_in_new', label: 'Open Source Core' },
-					{ icon: 'verified', label: 'Web Components' }
-				]
-			}
-		},
-		render: function()
-		{
-			this.year = new Date().getFullYear();
-
-			return `
-				<footer class="holder">
-					<div class="inner">
-						<div class="brand">
-							<a class="logo" href="/">
-								<img class="logo-icon" src="https://global.divhunt.com/bd8ffd2fc9cf3a7e81b3326ac63a7cfe_4406.svg" alt="OneType" />
-							</a>
-							<p class="tagline">Custom HTML tags that become interactive components. One script, one tag — works on any platform.</p>
-							<div class="integrations">
-								<div class="integrations-list">
-									<div ot-for="item in platforms" class="integration">
-										<i>{{ item.icon }}</i>
-										<span>{{ item.label }}</span>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="columns">
-							<div ot-for="col in columns" class="column">
-								<h4 class="column-title">{{ col.title }}</h4>
-								<a ot-for="link in col.links" class="link" :href="link.href">{{ link.label }}</a>
-							</div>
-						</div>
-					</div>
-					<div class="badges">
-						<div ot-for="badge in badges" class="badge">
-							<i>{{ badge.icon }}</i>
-							<span>{{ badge.label }}</span>
-						</div>
-					</div>
-					<div class="bottom">
-						<span class="copyright">&copy; {{ year }} OneType. All rights reserved.</span>
-					</div>
-				</footer>
-			`;
-		}
-	});
-});

package/lib/items/elements/sections/hero/hero.css

@@ -1,100 +0,0 @@
-.e-59eb0a1d
-{
-	display: flex;
-}
-
-.e-59eb0a1d > .holder
-{
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	width: 100%;
-	padding: 80px var(--ot-spacing-m) 60px;
-	text-align: center;
-	gap: var(--ot-spacing-m);
-}
-
-/* Badge */
-
-.e-59eb0a1d > .holder > .badge
-{
-	display: inline-flex;
-	align-items: center;
-	gap: 6px;
-	padding: 6px 14px;
-	border-radius: 100px;
-	border: 1px solid var(--ot-bg-2-border);
-	background: var(--ot-bg-2);
-	font-size: var(--ot-size-s);
-	font-weight: 500;
-	color: var(--ot-text-2);
-}
-
-.e-59eb0a1d > .holder > .badge > i
-{
-	font-size: 14px;
-	color: var(--ot-brand);
-}
-
-/* Title */
-
-.e-59eb0a1d > .holder > .title
-{
-	font-size: 52px;
-	font-weight: 800;
-	line-height: 1.1;
-	color: var(--ot-text-1);
-	letter-spacing: -1px;
-	margin: 0;
-}
-
-.e-59eb0a1d > .holder > .title > .highlight
-{
-	color: var(--ot-brand);
-}
-
-/* Description */
-
-.e-59eb0a1d > .holder > .description
-{
-	max-width: 480px;
-	font-size: var(--ot-size-m);
-	line-height: 1.6;
-	color: var(--ot-text-2);
-	margin: 0;
-}
-
-/* Buttons */
-
-.e-59eb0a1d > .holder > .buttons
-{
-	display: flex;
-	align-items: center;
-	gap: var(--ot-spacing-s);
-	margin-top: var(--ot-spacing-s);
-}
-
-/* Trust */
-
-.e-59eb0a1d > .holder > .trust
-{
-	display: flex;
-	align-items: center;
-	gap: var(--ot-spacing-m);
-	margin-top: var(--ot-spacing-x);
-}
-
-.e-59eb0a1d > .holder > .trust > .trust-item
-{
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-}
-
-.e-59eb0a1d > .holder > .trust > .trust-item > i
-{
-	font-size: 14px;
-	color: var(--ot-green);
-}