@arkyc/widget 1.2.9 → 1.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/theme.d.mts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.mts","names":[],"sources":["../src/theme.ts"],"mappings":";;;;;;AAuBA;;;cAAa,KAAA;EAAA,SACF,YAAA;EAAA,SACA,YAAA;EAAA,SACA,IAAA;EAAA,SACA,OAAA;EAHA;EAAA,SAKA,IAAA;EAHA;EAAA,SAKA,YAAA;EAFA;EAAA,SAIA,UAAA;EAAA;EAAA,SAEA,UAAA;EAEA;EAAA,SAAA,KAAA;;WAEA,MAAA;cAEG,QAAA,GAAW,eAAA;EAmBvB;;;;;EAAA,SAAA;
|
|
1
|
+
{"version":3,"file":"theme.d.mts","names":[],"sources":["../src/theme.ts"],"mappings":";;;;;;AAuBA;;;cAAa,KAAA;EAAA,SACF,YAAA;EAAA,SACA,YAAA;EAAA,SACA,IAAA;EAAA,SACA,OAAA;EAHA;EAAA,SAKA,IAAA;EAHA;EAAA,SAKA,YAAA;EAFA;EAAA,SAIA,UAAA;EAAA;EAAA,SAEA,UAAA;EAEA;EAAA,SAAA,KAAA;;WAEA,MAAA;cAEG,QAAA,GAAW,eAAA;EAmBvB;;;;;EAAA,SAAA;EA+BA;;;;;EAfA,UAAA;EAAA,OAIO,GAAA,CAAI,CAAA;IAAK,YAAA;EAAA,IAAyB,OAAA;EAWzC,GAAA,CAAI,CAAA;IAAK,YAAA;EAAA,IAAyB,OAAA;AAAA"}
|
package/dist/theme.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.mjs","names":["themeCss"],"sources":["../src/theme.ts"],"sourcesContent":["import type { ProjectBranding } from '@arkyc/types'\nimport type { RgbData } from './types'\nimport themeCss from 'virtual:arkyc-theme-css'\n\nconst LIGHT = {\n background: '#ffffff',\n foreground: '#0f172a',\n muted: '#64748b',\n border: '#e2e8f0',\n}\n\nconst DARK = {\n background: '#0f172a',\n foreground: '#f8fafc',\n muted: '#94a3b8',\n border: '#1e293b',\n}\n\n/**\n * Resolves project branding into a concrete theme and renders its CSS. One class\n * owns the whole \"theme\" concern: defaulted colour/logo/radius values plus the\n * CSS-variable block and stylesheet derived from them.\n */\nexport class Theme {\n readonly primaryColor: string\n readonly borderRadius: number\n readonly mode: 'light' | 'dark'\n readonly logoUrl: string | null\n /** Project/company display name shown in the header (when branding is shown). */\n readonly name: string | null\n /** Whether to show the project name/logo in the header (white-label off → false). */\n readonly showBranding: boolean\n /** Surface (card) background. */\n readonly background: string\n /** Primary text colour. */\n readonly foreground: string\n /** Muted text colour. */\n readonly muted: string\n /** Subtle border colour. */\n readonly border: string\n\n constructor(branding?: ProjectBranding | null) {\n this.mode = branding?.theme === 'dark' ? 'dark' : 'light'\n const palette = this.mode === 'dark' ? DARK : LIGHT\n this.primaryColor = branding?.primary_color ?? '#b8860b'\n this.borderRadius = branding?.border_radius ?? 12\n this.logoUrl = branding?.logo_url ?? null\n this.name = branding?.name ?? null\n this.showBranding = branding?.show_branding !== false\n this.background = palette.background\n this.foreground = palette.foreground\n this.muted = palette.muted\n this.border = palette.border\n }\n\n /**\n * The CSS-variable declaration block for this theme.\n *\n * @returns\n */\n variables(): string {\n return [\n `--arkyc-primary:${this.primaryColor}`,\n `--arkyc-radius:${this.borderRadius}px`,\n `--arkyc-bg:${this.background}`,\n `--arkyc-fg:${this.foreground}`,\n `--arkyc-muted:${this.muted}`,\n `--arkyc-border:${this.border}`,\n ].join(';')\n }\n\n /**\n * The widget stylesheet, parameterised by this theme's variables.\n *\n * @returns\n */\n stylesheet(): string {\n return themeCss.replace('/* {variables} */', `${this.variables()};`).trim()\n }\n\n static rgb(p: { primaryColor: string }): RgbData {\n const obj: RgbData['obj'] = Object.fromEntries(
|
|
1
|
+
{"version":3,"file":"theme.mjs","names":["themeCss"],"sources":["../src/theme.ts"],"sourcesContent":["import type { ProjectBranding } from '@arkyc/types'\nimport type { RgbData } from './types'\nimport themeCss from 'virtual:arkyc-theme-css'\n\nconst LIGHT = {\n background: '#ffffff',\n foreground: '#0f172a',\n muted: '#64748b',\n border: '#e2e8f0',\n}\n\nconst DARK = {\n background: '#0f172a',\n foreground: '#f8fafc',\n muted: '#94a3b8',\n border: '#1e293b',\n}\n\n/**\n * Resolves project branding into a concrete theme and renders its CSS. One class\n * owns the whole \"theme\" concern: defaulted colour/logo/radius values plus the\n * CSS-variable block and stylesheet derived from them.\n */\nexport class Theme {\n readonly primaryColor: string\n readonly borderRadius: number\n readonly mode: 'light' | 'dark'\n readonly logoUrl: string | null\n /** Project/company display name shown in the header (when branding is shown). */\n readonly name: string | null\n /** Whether to show the project name/logo in the header (white-label off → false). */\n readonly showBranding: boolean\n /** Surface (card) background. */\n readonly background: string\n /** Primary text colour. */\n readonly foreground: string\n /** Muted text colour. */\n readonly muted: string\n /** Subtle border colour. */\n readonly border: string\n\n constructor(branding?: ProjectBranding | null) {\n this.mode = branding?.theme === 'dark' ? 'dark' : 'light'\n const palette = this.mode === 'dark' ? DARK : LIGHT\n this.primaryColor = branding?.primary_color ?? '#b8860b'\n this.borderRadius = branding?.border_radius ?? 12\n this.logoUrl = branding?.logo_url ?? null\n this.name = branding?.name ?? null\n this.showBranding = branding?.show_branding !== false\n this.background = palette.background\n this.foreground = palette.foreground\n this.muted = palette.muted\n this.border = palette.border\n }\n\n /**\n * The CSS-variable declaration block for this theme.\n *\n * @returns\n */\n variables(): string {\n return [\n `--arkyc-primary:${this.primaryColor}`,\n `--arkyc-radius:${this.borderRadius}px`,\n `--arkyc-bg:${this.background}`,\n `--arkyc-fg:${this.foreground}`,\n `--arkyc-muted:${this.muted}`,\n `--arkyc-border:${this.border}`,\n ].join(';')\n }\n\n /**\n * The widget stylesheet, parameterised by this theme's variables.\n *\n * @returns\n */\n stylesheet(): string {\n return themeCss.replace('/* {variables} */', `${this.variables()};`).trim()\n }\n\n static rgb(p: { primaryColor: string }): RgbData {\n const obj: RgbData['obj'] = Object.fromEntries(\n p.primaryColor.match(/\\d+/g)?.map((v, i) => [['r', 'g', 'b'][i], Number(v)]) ?? [],\n ) ?? { r: 50, g: 100, b: 150 }\n\n return {\n obj,\n str: `rgb(${[obj.r, obj.g, obj.b].join(',')})`,\n }\n }\n\n rgb(p: { primaryColor: string }): RgbData {\n return Theme.rgb(p)\n }\n}\n"],"mappings":";;AAIA,MAAM,QAAQ;CACZ,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;AACV;AAEA,MAAM,OAAO;CACX,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;AACV;;;;;;AAOA,IAAa,QAAb,MAAa,MAAM;CACjB;CACA;CACA;CACA;;CAEA;;CAEA;;CAEA;;CAEA;;CAEA;;CAEA;CAEA,YAAY,UAAmC;EAC7C,KAAK,OAAO,UAAU,UAAU,SAAS,SAAS;EAClD,MAAM,UAAU,KAAK,SAAS,SAAS,OAAO;EAC9C,KAAK,eAAe,UAAU,iBAAiB;EAC/C,KAAK,eAAe,UAAU,iBAAiB;EAC/C,KAAK,UAAU,UAAU,YAAY;EACrC,KAAK,OAAO,UAAU,QAAQ;EAC9B,KAAK,eAAe,UAAU,kBAAkB;EAChD,KAAK,aAAa,QAAQ;EAC1B,KAAK,aAAa,QAAQ;EAC1B,KAAK,QAAQ,QAAQ;EACrB,KAAK,SAAS,QAAQ;CACxB;;;;;;CAOA,YAAoB;EAClB,OAAO;GACL,mBAAmB,KAAK;GACxB,kBAAkB,KAAK,aAAa;GACpC,cAAc,KAAK;GACnB,cAAc,KAAK;GACnB,iBAAiB,KAAK;GACtB,kBAAkB,KAAK;EACzB,CAAC,CAAC,KAAK,GAAG;CACZ;;;;;;CAOA,aAAqB;EACnB,OAAOA,iCAAS,QAAQ,qBAAqB,GAAG,KAAK,UAAU,EAAE,EAAE,CAAC,CAAC,KAAK;CAC5E;CAEA,OAAO,IAAI,GAAsC;EAC/C,MAAM,MAAsB,OAAO,YACjC,EAAE,aAAa,MAAM,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;GAAC;GAAK;GAAK;EAAG,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CACnF,KAAK;GAAE,GAAG;GAAI,GAAG;GAAK,GAAG;EAAI;EAE7B,OAAO;GACL;GACA,KAAK,OAAO;IAAC,IAAI;IAAG,IAAI;IAAG,IAAI;GAAC,CAAC,CAAC,KAAK,GAAG,EAAE;EAC9C;CACF;CAEA,IAAI,GAAsC;EACxC,OAAO,MAAM,IAAI,CAAC;CACpB;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arkyc/widget",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.11",
|
|
4
4
|
"description": "Embeddable, framework-agnostic Arkyc identity-verification widget",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
],
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"qrcode-generator": "^1.4.4",
|
|
43
|
-
"@arkyc/types": "^1.2.
|
|
43
|
+
"@arkyc/types": "^1.2.11"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"firebase": "^11.0.0",
|