commit 1cde3ac20de8b0fd244575736ce876bc492e0cb7 Author: ci Date: Thu Apr 16 07:51:57 2026 +0000 release: add demo site diff --git a/assets/limelight_logo.png b/assets/limelight_logo.png new file mode 100644 index 0000000..459b883 Binary files /dev/null and b/assets/limelight_logo.png differ diff --git a/dist/App.vue.d.ts b/dist/App.vue.d.ts new file mode 100644 index 0000000..8a4f88f --- /dev/null +++ b/dist/App.vue.d.ts @@ -0,0 +1,2 @@ +declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>; +export default _default; diff --git a/dist/assets/limelight_logo.png b/dist/assets/limelight_logo.png new file mode 100644 index 0000000..459b883 Binary files /dev/null and b/dist/assets/limelight_logo.png differ diff --git a/dist/components/LimelightButton.vue.d.ts b/dist/components/LimelightButton.vue.d.ts new file mode 100644 index 0000000..1d030d5 --- /dev/null +++ b/dist/components/LimelightButton.vue.d.ts @@ -0,0 +1,21 @@ +type __VLS_Props = { + variant?: 'primary' | 'outline' | 'ghost' | 'danger'; + disabled?: boolean; +}; +declare function __VLS_template(): { + attrs: Partial<{}>; + slots: { + default?(_: {}): any; + }; + refs: {}; + rootEl: HTMLButtonElement; +}; +type __VLS_TemplateResult = ReturnType; +declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>; +declare const _default: __VLS_WithTemplateSlots; +export default _default; +type __VLS_WithTemplateSlots = T & { + new (): { + $slots: S; + }; +}; diff --git a/dist/env.d.ts b/dist/env.d.ts new file mode 100644 index 0000000..ac336a3 --- /dev/null +++ b/dist/env.d.ts @@ -0,0 +1,2 @@ +/// +/// diff --git a/dist/index.css b/dist/index.css new file mode 100644 index 0000000..1031c4a --- /dev/null +++ b/dist/index.css @@ -0,0 +1 @@ +/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */.btn[data-v-e0bc8f43]{height:calc(var(--spacing,.25rem) * 10);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));letter-spacing:.06em;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);-webkit-user-select:none;user-select:none;border:none;padding:0 1.5rem;font-family:Barlow,sans-serif;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .1s}.btn--primary[data-v-e0bc8f43]{background:var(--color-primary);color:var(--color-black)}.btn--primary[data-v-e0bc8f43]:hover{background:var(--color-primary-light);transform:scaleX(1.03)}.btn--outline[data-v-e0bc8f43]{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn--outline[data-v-e0bc8f43]:hover{background:var(--color-primary-dark);transform:scaleX(1.03)}.btn--ghost[data-v-e0bc8f43]{color:var(--color-secondary-light);border:1px solid var(--color-secondary-light);background:0 0}.btn--ghost[data-v-e0bc8f43]:hover{color:var(--color-primary);border-color:var(--color-primary);transform:scaleX(1.03)}.btn--danger[data-v-e0bc8f43]{background:var(--color-red);color:#fff}.btn--danger[data-v-e0bc8f43]:hover{filter:brightness(1.2);transform:scaleX(1.03)}.btn[data-v-e0bc8f43]:active{transform:scale(.97)}.btn--disabled[data-v-e0bc8f43]{opacity:.5;cursor:not-allowed}.btn--disabled[data-v-e0bc8f43]:hover{transform:scale(1)!important} diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 0000000..0233170 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,2 @@ +export { default as LimelightButton } from './components/LimelightButton.vue'; +export * from './utils/webviewer'; diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 0000000..1e422e2 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,63 @@ +import { defineComponent as s, openBlock as c, createElementBlock as d, normalizeClass as f, renderSlot as u } from "vue"; +const p = ["disabled"], k = /* @__PURE__ */ s({ + __name: "LimelightButton", + props: { + variant: {}, + disabled: { type: Boolean } + }, + setup(e) { + return (t, n) => (c(), d("button", { + type: "button", + class: f(["btn", [e.variant && `btn--${e.variant}`, { "btn--disabled": e.disabled }]]), + disabled: e.disabled + }, [ + u(t.$slots, "default", {}, void 0, !0) + ], 10, p)); + } +}), m = (e, t) => { + const n = e.__vccOpts || e; + for (const [i, a] of t) + n[i] = a; + return n; +}, g = /* @__PURE__ */ m(k, [["__scopeId", "data-v-e0bc8f43"]]); +function y(e, t) { + return typeof FileMaker > "u" ? !1 : (FileMaker.PerformScript(e, t), !0); +} +function _(e, t, n) { + return typeof FileMaker > "u" ? !1 : (FileMaker.PerformScriptWithOption(e, t, n), !0); +} +const r = /* @__PURE__ */ new Map(); +let b = 1; +function S(e, t = "", n) { + return new Promise((i, a) => { + if (typeof FileMaker > "u") { + a({ callbackId: -1, message: "FileMaker runtime not available" }); + return; + } + const l = b++; + r.set(l, { resolve: i, reject: a }); + const o = { callbackId: l, parameter: t }; + FileMaker.PerformScript(e, JSON.stringify(o)), n !== void 0 && setTimeout(() => { + r.has(l) && (r.delete(l), a({ callbackId: l, message: `Timed out after ${n}ms` })); + }, n); + }); +} +function h(e, t = "", n) { + const i = parseInt(e), a = r.get(i); + a && (r.delete(i), n ? a.reject({ callbackId: i, message: t }) : a.resolve(t)); +} +function F(e, t, n = 10, i = 0) { + M() ? e() : i >= n ? t == null || t() : setTimeout(() => F(e, t, n, i + 1), 100); +} +function M() { + return typeof FileMaker < "u"; +} +export { + g as LimelightButton, + S as callFileMakerScript, + M as isFileMakerEnvironment, + y as performScript, + _ as performScriptWithOption, + h as resolveFileMakerCallback, + F as waitForFileMaker +}; diff --git a/dist/index.umd.cjs b/dist/index.umd.cjs new file mode 100644 index 0000000..4a624d9 --- /dev/null +++ b/dist/index.umd.cjs @@ -0,0 +1 @@ +(function(n,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],l):(n=typeof globalThis<"u"?globalThis:n||self,l(n.LimelightCommonWebComponents={},n.Vue))})(this,(function(n,l){"use strict";const d=["disabled"],u=((e,t)=>{const i=e.__vccOpts||e;for(const[a,r]of t)i[a]=r;return i})(l.defineComponent({__name:"LimelightButton",props:{variant:{},disabled:{type:Boolean}},setup(e){return(t,i)=>(l.openBlock(),l.createElementBlock("button",{type:"button",class:l.normalizeClass(["btn",[e.variant&&`btn--${e.variant}`,{"btn--disabled":e.disabled}]]),disabled:e.disabled},[l.renderSlot(t.$slots,"default",{},void 0,!0)],10,d))}}),[["__scopeId","data-v-e0bc8f43"]]);function m(e,t){return typeof FileMaker>"u"?!1:(FileMaker.PerformScript(e,t),!0)}function p(e,t,i){return typeof FileMaker>"u"?!1:(FileMaker.PerformScriptWithOption(e,t,i),!0)}const o=new Map;let k=1;function b(e,t="",i){return new Promise((a,r)=>{if(typeof FileMaker>"u"){r({callbackId:-1,message:"FileMaker runtime not available"});return}const c=k++;o.set(c,{resolve:a,reject:r});const M={callbackId:c,parameter:t};FileMaker.PerformScript(e,JSON.stringify(M)),i!==void 0&&setTimeout(()=>{o.has(c)&&(o.delete(c),r({callbackId:c,message:`Timed out after ${i}ms`}))},i)})}function F(e,t="",i){const a=parseInt(e),r=o.get(a);r&&(o.delete(a),i?r.reject({callbackId:a,message:t}):r.resolve(t))}function f(e,t,i=10,a=0){s()?e():a>=i?t==null||t():setTimeout(()=>f(e,t,i,a+1),100)}function s(){return typeof FileMaker<"u"}n.LimelightButton=u,n.callFileMakerScript=b,n.isFileMakerEnvironment=s,n.performScript=m,n.performScriptWithOption=p,n.resolveFileMakerCallback=F,n.waitForFileMaker=f,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})})); diff --git a/dist/main.d.ts b/dist/main.d.ts new file mode 100644 index 0000000..e69de29 diff --git a/dist/utils/webviewer.d.ts b/dist/utils/webviewer.d.ts new file mode 100644 index 0000000..6dec0cf --- /dev/null +++ b/dist/utils/webviewer.d.ts @@ -0,0 +1,106 @@ +/** The FileMaker object injected by the runtime into web viewers. */ +export interface FileMakerAPI { + PerformScript(script: string, parameter?: string): void; + PerformScriptWithOption(script: string, parameter?: string, option?: ScriptOption): void; +} +declare global { + /** Available only inside a FileMaker web viewer. Always guard with `typeof FileMaker !== 'undefined'`. */ + const FileMaker: FileMakerAPI | undefined; + interface Window { + resolveFileMakerCallback: typeof resolveFileMakerCallback; + } +} +/** + * Controls how a currently running FileMaker script is handled when a new + * script is started via `FileMaker.PerformScriptWithOption`. + * + * | Value | Behaviour | + * |-------|------------------------------------------------------------------| + * | "0" | Pause the current script, run the new one, then resume | + * | "1" | Abort the current script and run the new one | + * | "2" | Exit the current script and run the new one | + * | "3" | Run the new script concurrently (default async behaviour) | + * | "4" | Trigger script (same as 3 but fires as a script trigger would) | + * | "5" | Suspend the current script; resume it after the new one exits | + */ +export type ScriptOption = '0' | '1' | '2' | '3' | '4' | '5'; +/** + * Type-safe wrapper that calls `FileMaker.PerformScript` only when the + * runtime is available (i.e. the page is running inside a web viewer). + * + * @returns `true` if the script was dispatched, `false` otherwise. + * + * @example + * performScript("Delete Record", String(recordId)); + */ +export declare function performScript(script: string, parameter?: string): boolean; +/** + * Type-safe wrapper around `FileMaker.PerformScriptWithOption`. + * + * @returns `true` if the script was dispatched, `false` otherwise. + */ +export declare function performScriptWithOption(script: string, parameter?: string, option?: ScriptOption): boolean; +/** Error thrown when a FileMaker script signals failure. */ +export interface FileMakerScriptError { + /** The callback ID that was active when the error occurred. */ + callbackId: number; + /** Optional error message forwarded from the FileMaker script. */ + message?: string; +} +/** + * Invokes a FileMaker script and returns a `Promise` that resolves when + * FileMaker calls back into JavaScript via {@link resolveFileMakerCallback}. + * + * **FileMaker side:** the script must eventually call + * *Perform JavaScript in Web Viewer* targeting `resolveFileMakerCallback` + * and pass back the same `callbackId` together with the result data. + * + * ``` + * // FileMaker script (pseudocode) + * Set Variable [$payload ; Value: Get(ScriptParameter)] + * Set Variable [$id ; Value: JSONGetElement($payload; "callbackId")] + * Set Variable [$result ; Value: \* … your work … *\] + * Perform JavaScript in Web Viewer [ + * Object Name: "MyWebViewer" + * Function: "resolveFileMakerCallback" + * Parameters: $id, $result + * ] + * ``` + * + * @param script - FileMaker script name. + * @param parameter - Arbitrary string payload for the script. + * @param timeout - Optional ms before the promise is rejected automatically + * (defaults to no timeout). + * + * @example + * const json = await callFileMakerScript("Get Customer", String(customerId)); + * const customer = JSON.parse(json); + */ +export declare function callFileMakerScript(script: string, parameter?: string, timeout?: number): Promise; +/** + * Must be exposed as a global function so that FileMaker's + * *Perform JavaScript in Web Viewer* script step can invoke it. + * + * Call this from your FileMaker script to resolve a promise created by + * {@link callFileMakerScript}. + * + * @param callbackId - The numeric ID forwarded from the script parameter. + * @param result - The string result to hand back to JavaScript. + * @param isError - When truthy, the promise is rejected instead. + * + * @example + * // Expose globally so FileMaker can reach it + * (window as any).resolveFileMakerCallback = resolveFileMakerCallback; + */ +export declare function resolveFileMakerCallback(callbackId: string, result?: string, isError?: boolean): void; +export declare function waitForFileMaker(callback: () => void, onError?: () => void, maxAttempts?: number, // 1 Sekunde bei 100ms Intervall +attempt?: number): void; +/** + * Returns `true` when the page is running inside a FileMaker web viewer. + * + * @example + * if (isFileMakerEnvironment()) { + * FileMaker!.PerformScript("On Load"); + * } + */ +export declare function isFileMakerEnvironment(): boolean; diff --git a/font.css b/font.css new file mode 100644 index 0000000..d32bb80 --- /dev/null +++ b/font.css @@ -0,0 +1,79 @@ +/* Light */ +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-LightItalic.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + font-display: swap; +} + +/* Regular */ +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + font-display: swap; +} + +/* SemiBold */ +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-SemiBold.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf') format('truetype'); + font-weight: 600; + font-style: italic; + font-display: swap; +} + +/* Bold */ +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype'); + font-weight: 700; + font-style: italic; + font-display: swap; +} + +/* ExtraBold */ +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype'); + font-weight: 800; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Open Sans'; + src: url('./fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); + font-weight: 800; + font-style: italic; + font-display: swap; +} diff --git a/fonts/Open_Sans/.DS_Store b/fonts/Open_Sans/.DS_Store new file mode 100644 index 0000000..7bc7caa Binary files /dev/null and b/fonts/Open_Sans/.DS_Store differ diff --git a/fonts/Open_Sans/LICENSE.txt b/fonts/Open_Sans/LICENSE.txt new file mode 100644 index 0000000..d645695 --- /dev/null +++ b/fonts/Open_Sans/LICENSE.txt @@ -0,0 +1,202 @@ + + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright [yyyy] [name of copyright owner] + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/fonts/Open_Sans/OpenSans-Bold.ttf b/fonts/Open_Sans/OpenSans-Bold.ttf new file mode 100644 index 0000000..fd79d43 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-Bold.ttf differ diff --git a/fonts/Open_Sans/OpenSans-BoldItalic.ttf b/fonts/Open_Sans/OpenSans-BoldItalic.ttf new file mode 100644 index 0000000..9bc8009 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-BoldItalic.ttf differ diff --git a/fonts/Open_Sans/OpenSans-ExtraBold.ttf b/fonts/Open_Sans/OpenSans-ExtraBold.ttf new file mode 100644 index 0000000..21f6f84 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-ExtraBold.ttf differ diff --git a/fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf b/fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf new file mode 100644 index 0000000..31cb688 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf differ diff --git a/fonts/Open_Sans/OpenSans-Italic.ttf b/fonts/Open_Sans/OpenSans-Italic.ttf new file mode 100644 index 0000000..c90da48 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-Italic.ttf differ diff --git a/fonts/Open_Sans/OpenSans-Light.ttf b/fonts/Open_Sans/OpenSans-Light.ttf new file mode 100644 index 0000000..0d38189 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-Light.ttf differ diff --git a/fonts/Open_Sans/OpenSans-LightItalic.ttf b/fonts/Open_Sans/OpenSans-LightItalic.ttf new file mode 100644 index 0000000..68299c4 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-LightItalic.ttf differ diff --git a/fonts/Open_Sans/OpenSans-Regular.ttf b/fonts/Open_Sans/OpenSans-Regular.ttf new file mode 100644 index 0000000..db43334 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-Regular.ttf differ diff --git a/fonts/Open_Sans/OpenSans-Semibold.ttf b/fonts/Open_Sans/OpenSans-Semibold.ttf new file mode 100644 index 0000000..1a7679e Binary files /dev/null and b/fonts/Open_Sans/OpenSans-Semibold.ttf differ diff --git a/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf b/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf new file mode 100644 index 0000000..59b6d16 Binary files /dev/null and b/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf differ diff --git a/package.json b/package.json new file mode 100644 index 0000000..8d9e83b --- /dev/null +++ b/package.json @@ -0,0 +1,49 @@ +{ + "name": "limelight-common-web-components", + "version": "0.1.0", + "license": "MIT", + "type": "module", + "files": [ + "dist", + "font.css", + "theme.css", + "fonts", + "assets" + ], + "main": "./dist/index.cjs", + "module": "./dist/index.js", + "types": "./dist/index.d.ts", + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./dist/index.js", + "require": "./dist/index.cjs" + }, + "./style.css": "./dist/index.css", + "./theme.css": "./theme.css", + "./assets/*": "./dist/assets/*" + }, + "peerDependencies": { + "vue": "^3.0.0" + }, + "devDependencies": { + "@tailwindcss/vite": "^4.0.0", + "@vitejs/plugin-vue": "^5.0.0", + "@vue/test-utils": "^2.4.6", + "jsdom": "^27.0.1", + "tailwindcss": "^4.0.0", + "typescript": "^5.0.0", + "vite": "^6.0.0", + "vite-plugin-dts": "^4.5.4", + "vite-plugin-static-copy": "^3.4.0", + "vitest": "^3.2.4", + "vue": "^3.5.0" + }, + "scripts": { + "serve": "vite", + "build": "vite build", + "dev": "vite build --watch", + "test": "vitest run", + "test:watch": "vitest" + } +} diff --git a/theme.css b/theme.css new file mode 100644 index 0000000..13731c1 --- /dev/null +++ b/theme.css @@ -0,0 +1,29 @@ +@import './font.css'; + +@theme { + --color-black: #000; + --color-white: #fff; + + --color-primary: #ffff00; + --color-primary-dark: #504e18; + --color-primary-light: #ffff7b; + + --color-secondary: #404040; + --color-secondary-light: #6b6b6b; + --color-secondary-dark: #2a2800; + + --color-alive: oklch(69.6% 0.17 162.48); /* Tailwind emerald-500*/ + + --color-green: oklch(62.7% 0.194 149.214); /* Tailwind green-600 */ + --color-yellow: oklch(68.1% 0.162 75.834); /* Tailwind yellow-600 */ + --color-red: oklch(57.7% 0.245 27.325); /* Tailwind red-600 */ + + --color-on-primary: var(--color-secondary); + --color-on-secondary: var(--color-white); + --color-hover: var(--color-primary-dark); + + --font-limelight: 'Open Sans'; + --default-font-family: var(--font-limelight); + --breakpoint-3xl: 112rem; + --breakpoint-4xl: 128rem; +}