@jonsoc/ui 1.1.34 → 1.1.46

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@jonsoc/ui",
-  "version": "1.1.34",
+  "version": "1.1.46",
   "type": "module",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Noisemaker111/Jonsoc"
+  },
   "exports": {
     "./*": "./src/components/*.tsx",
     "./i18n/*": "./src/i18n/*.ts",

package/script/colors.txt

@@ -1,234 +1,234 @@
---background-base: #F8F7F7;
---background-weak: var(--smoke-light-3);
---background-strong: var(--smoke-light-1);
---background-stronger: #FCFCFC;
---surface-base: var(--smoke-light-alpha-2);
---base: var(--smoke-light-alpha-2);
---surface-base-hover: #0500000F;
---surface-base-active: var(--smoke-light-alpha-3);
---surface-base-interactive-active: var(--cobalt-light-alpha-3);
---base2: var(--smoke-light-alpha-2);
---base3: var(--smoke-light-alpha-2);
---surface-inset-base: var(--smoke-light-alpha-2);
---surface-inset-base-hover: var(--smoke-light-alpha-3);
---surface-inset-strong: #1F000017;
---surface-inset-strong-hover: #1F000017;
---surface-raised-base: var(--smoke-light-alpha-1);
---surface-float-base: var(--smoke-dark-1);
---surface-float-base-hover: var(--smoke-dark-2);
---surface-raised-base-hover: var(--smoke-light-alpha-2);
---surface-raised-base-active: var(--smoke-light-alpha-3);
---surface-raised-strong: var(--smoke-light-1);
---surface-raised-strong-hover: var(--white);
---surface-raised-stronger: var(--white);
---surface-raised-stronger-hover: var(--white);
---surface-weak: var(--smoke-light-alpha-3);
---surface-weaker: var(--smoke-light-alpha-4);
---surface-strong: #FFFFFF;
---surface-raised-stronger-non-alpha: var(--white);
---surface-brand-base: var(--yuzu-light-9);
---surface-brand-hover: var(--yuzu-light-10);
---surface-interactive-base: var(--cobalt-light-3);
---surface-interactive-hover: var(--cobalt-light-4);
---surface-interactive-weak: var(--cobalt-light-2);
---surface-interactive-weak-hover: var(--cobalt-light-3);
---surface-success-base: var(--apple-light-3);
---surface-success-weak: var(--apple-light-2);
---surface-success-strong: var(--apple-light-9);
---surface-warning-base: var(--solaris-light-3);
---surface-warning-weak: var(--solaris-light-2);
---surface-warning-strong: var(--solaris-light-9);
---surface-critical-base: var(--ember-light-3);
---surface-critical-weak: var(--ember-light-2);
---surface-critical-strong: var(--ember-light-9);
---surface-info-base: var(--lilac-light-3);
---surface-info-weak: var(--lilac-light-2);
---surface-info-strong: var(--lilac-light-9);
---surface-diff-unchanged-base: #FFFFFF00;
---surface-diff-skip-base: var(--smoke-light-2);
---surface-diff-hidden-base: var(--blue-light-3);
---surface-diff-hidden-weak: var(--blue-light-2);
---surface-diff-hidden-weaker: var(--blue-light-1);
---surface-diff-hidden-strong: var(--blue-light-5);
---surface-diff-hidden-stronger: var(--blue-light-9);
---surface-diff-add-base: var(--mint-light-3);
---surface-diff-add-weak: var(--mint-light-2);
---surface-diff-add-weaker: var(--mint-light-1);
---surface-diff-add-strong: var(--mint-light-5);
---surface-diff-add-stronger: var(--mint-light-9);
---surface-diff-delete-base: var(--ember-light-3);
---surface-diff-delete-weak: var(--ember-light-2);
---surface-diff-delete-weaker: var(--ember-light-1);
---surface-diff-delete-strong: var(--ember-light-6);
---surface-diff-delete-stronger: var(--ember-light-9);
---text-base: var(--smoke-light-11);
---input-base: var(--smoke-light-1);
---input-hover: var(--smoke-light-2);
---input-active: var(--cobalt-light-1);
---input-selected: var(--cobalt-light-4);
---input-focus: var(--cobalt-light-1);
---input-disabled: var(--smoke-light-4);
---text-weak: var(--smoke-light-9);
---text-weaker: var(--smoke-light-8);
---text-strong: var(--smoke-light-12);
---text-interactive-base: var(--cobalt-light-9);
---text-on-brand-base: var(--smoke-light-alpha-11);
---text-on-interactive-base: var(--smoke-light-1);
---text-on-interactive-weak: var(--smoke-dark-alpha-11);
---text-on-success-base: var(--apple-light-10);
---text-on-critical-base: var(--ember-light-10);
---text-on-critical-weak: var(--ember-light-8);
---text-on-critical-strong: var(--ember-light-12);
---text-on-warning-base: var(--smoke-dark-alpha-11);
---text-on-info-base: var(--smoke-dark-alpha-11);
---text-diff-add-base: var(--mint-light-11);
---text-diff-delete-base: var(--ember-light-10);
---text-diff-delete-strong: var(--ember-light-12);
---text-diff-add-strong: var(--mint-light-12);
---text-on-info-weak: var(--smoke-dark-alpha-9);
---text-on-info-strong: var(--smoke-dark-alpha-12);
---text-on-warning-weak: var(--smoke-dark-alpha-9);
---text-on-warning-strong: var(--smoke-dark-alpha-12);
---text-on-success-weak: var(--apple-light-6);
---text-on-success-strong: var(--apple-light-12);
---text-on-brand-weak: var(--smoke-light-alpha-9);
---text-on-brand-weaker: var(--smoke-light-alpha-8);
---text-on-brand-strong: var(--smoke-light-alpha-12);
---button-secondary-base: #FDFCFC;
---button-secondary-hover: #FAF9F9;
---border-base: var(--smoke-light-alpha-7);
---border-hover: var(--smoke-light-alpha-8);
---border-active: var(--smoke-light-alpha-9);
---border-selected: var(--cobalt-light-alpha-9);
---border-disabled: var(--smoke-light-alpha-8);
---border-focus: var(--smoke-light-alpha-9);
---border-weak-base: var(--smoke-light-alpha-5);
---border-strong-base: var(--smoke-light-alpha-7);
---border-strong-hover: var(--smoke-light-alpha-8);
---border-strong-active: var(--smoke-light-alpha-7);
---border-strong-selected: var(--cobalt-light-alpha-6);
---border-strong-disabled: var(--smoke-light-alpha-6);
---border-strong-focus: var(--smoke-light-alpha-7);
---border-weak-hover: var(--smoke-light-alpha-6);
---border-weak-active: var(--smoke-light-alpha-7);
---border-weak-selected: var(--cobalt-light-alpha-5);
---border-weak-disabled: var(--smoke-light-alpha-6);
---border-weak-focus: var(--smoke-light-alpha-7);
---border-interactive-base: var(--cobalt-light-7);
---border-interactive-hover: var(--cobalt-light-8);
---border-interactive-active: var(--cobalt-light-9);
---border-interactive-selected: var(--cobalt-light-9);
---border-interactive-disabled: var(--smoke-light-8);
---border-interactive-focus: var(--cobalt-light-9);
---border-success-base: var(--apple-light-6);
---border-success-hover: var(--apple-light-7);
---border-success-selected: var(--apple-light-9);
---border-warning-base: var(--solaris-light-6);
---border-warning-hover: var(--solaris-light-7);
---border-warning-selected: var(--solaris-light-9);
---border-critical-base: var(--ember-light-6);
---border-critical-hover: var(--ember-light-7);
---border-critical-selected: var(--ember-light-9);
---border-info-base: var(--lilac-light-6);
---border-info-hover: var(--lilac-light-7);
---border-info-selected: var(--lilac-light-9);
---icon-base: var(--smoke-light-9);
---icon-hover: var(--smoke-light-11);
---icon-active: var(--smoke-light-12);
---icon-selected: var(--smoke-light-12);
---icon-disabled: var(--smoke-light-8);
---icon-focus: var(--smoke-light-12);
---icon-invert-base: #FFFFFF;
---icon-weak-base: var(--smoke-light-7);
---icon-weak-hover: var(--smoke-light-8);
---icon-weak-active: var(--smoke-light-9);
---icon-weak-selected: var(--smoke-light-10);
---icon-weak-disabled: var(--smoke-light-6);
---icon-weak-focus: var(--smoke-light-9);
---icon-strong-base: var(--smoke-light-12);
---icon-strong-hover: #151313;
---icon-strong-active: #020202;
---icon-strong-selected: #020202;
---icon-strong-disabled: var(--smoke-light-8);
---icon-strong-focus: #020202;
---icon-brand-base: var(--smoke-light-12);
---icon-interactive-base: var(--cobalt-light-9);
---icon-success-base: var(--apple-light-7);
---icon-success-hover: var(--apple-light-8);
---icon-success-active: var(--apple-light-11);
---icon-warning-base: var(--amber-light-7);
---icon-warning-hover: var(--amber-light-8);
---icon-warning-active: var(--amber-light-11);
---icon-critical-base: var(--ember-light-10);
---icon-critical-hover: var(--ember-light-11);
---icon-critical-active: var(--ember-light-12);
---icon-info-base: var(--lilac-light-7);
---icon-info-hover: var(--lilac-light-8);
---icon-info-active: var(--lilac-light-11);
---icon-on-brand-base: var(--smoke-light-alpha-11);
---icon-on-brand-hover: var(--smoke-light-alpha-12);
---icon-on-brand-selected: var(--smoke-light-alpha-12);
---icon-on-interactive-base: var(--smoke-light-1);
---icon-agent-plan-base: var(--purple-light-9);
---icon-agent-docs-base: var(--amber-light-9);
---icon-agent-ask-base: var(--cyan-light-9);
---icon-agent-build-base: var(--cobalt-light-9);
---icon-on-success-base: var(--apple-light-alpha-9);
---icon-on-success-hover: var(--apple-light-alpha-10);
---icon-on-success-selected: var(--apple-light-alpha-11);
---icon-on-warning-base: var(--amber-lightalpha-9);
---icon-on-warning-hover: var(--amber-lightalpha-10);
---icon-on-warning-selected: var(--amber-lightalpha-11);
---icon-on-critical-base: var(--ember-light-alpha-9);
---icon-on-critical-hover: var(--ember-light-alpha-10);
---icon-on-critical-selected: var(--ember-light-alpha-11);
---icon-on-info-base: var(--lilac-light-9);
---icon-on-info-hover: var(--lilac-light-alpha-10);
---icon-on-info-selected: var(--lilac-light-alpha-11);
---icon-diff-add-base: var(--mint-light-11);
---icon-diff-add-hover: var(--mint-light-12);
---icon-diff-add-active: var(--mint-light-12);
---icon-diff-delete-base: var(--ember-light-10);
---icon-diff-delete-hover: var(--ember-light-11);
---syntax-comment: var(--text-weaker);
---syntax-regexp: var(--text-base);
---syntax-string: #007663;
---syntax-keyword: var(--text-weak);
---syntax-primitive: #FB7F51;
---syntax-operator: var(--text-weak);
---syntax-variable: var(--text-strong);
---syntax-property: #EC6CC8;
---syntax-type: #738400;
---syntax-constant: #00B2B9;
---syntax-punctuation: var(--text-weaker);
---syntax-object: var(--text-strong);
---syntax-success: var(--apple-light-10);
---syntax-warning: var(--amber-light-10);
---syntax-critical: var(--ember-light-9);
---syntax-info: #0091A7;
---syntax-diff-add: var(--mint-light-11);
---syntax-diff-delete: var(--ember-light-11);
---syntax-diff-unknown: #FF0000;
---markdown-heading: #D68C27;
---markdown-text: #1A1A1A;
---markdown-link: #3B7DD8;
---markdown-link-text: #318795;
---markdown-code: #3D9A57;
---markdown-block-quote: #B0851F;
---markdown-emph: #B0851F;
---markdown-strong: #D68C27;
---markdown-horizontal-rule: #8A8A8A;
---markdown-list-item: #3B7DD8;
---markdown-list-enumeration: #318795;
---markdown-image: #3B7DD8;
---markdown-image-text: #318795;
---markdown-code-block: #1A1A1A;
---border-color: #FFFFFF;
---border-weaker-base: var(--smoke-light-alpha-3);
---border-weaker-hover: var(--smoke-light-alpha-4);
---border-weaker-active: var(--smoke-light-alpha-6);
---border-weaker-selected: var(--cobalt-light-alpha-4);
---border-weaker-disabled: var(--smoke-light-alpha-2);
---border-weaker-focus: var(--smoke-light-alpha-6);
---button-ghost-hover: var(--smoke-light-alpha-2);
---button-ghost-hover2: var(--smoke-light-alpha-3);
+--background-base: #F8F7F7;
+--background-weak: var(--smoke-light-3);
+--background-strong: var(--smoke-light-1);
+--background-stronger: #FCFCFC;
+--surface-base: var(--smoke-light-alpha-2);
+--base: var(--smoke-light-alpha-2);
+--surface-base-hover: #0500000F;
+--surface-base-active: var(--smoke-light-alpha-3);
+--surface-base-interactive-active: var(--cobalt-light-alpha-3);
+--base2: var(--smoke-light-alpha-2);
+--base3: var(--smoke-light-alpha-2);
+--surface-inset-base: var(--smoke-light-alpha-2);
+--surface-inset-base-hover: var(--smoke-light-alpha-3);
+--surface-inset-strong: #1F000017;
+--surface-inset-strong-hover: #1F000017;
+--surface-raised-base: var(--smoke-light-alpha-1);
+--surface-float-base: var(--smoke-dark-1);
+--surface-float-base-hover: var(--smoke-dark-2);
+--surface-raised-base-hover: var(--smoke-light-alpha-2);
+--surface-raised-base-active: var(--smoke-light-alpha-3);
+--surface-raised-strong: var(--smoke-light-1);
+--surface-raised-strong-hover: var(--white);
+--surface-raised-stronger: var(--white);
+--surface-raised-stronger-hover: var(--white);
+--surface-weak: var(--smoke-light-alpha-3);
+--surface-weaker: var(--smoke-light-alpha-4);
+--surface-strong: #FFFFFF;
+--surface-raised-stronger-non-alpha: var(--white);
+--surface-brand-base: var(--yuzu-light-9);
+--surface-brand-hover: var(--yuzu-light-10);
+--surface-interactive-base: var(--cobalt-light-3);
+--surface-interactive-hover: var(--cobalt-light-4);
+--surface-interactive-weak: var(--cobalt-light-2);
+--surface-interactive-weak-hover: var(--cobalt-light-3);
+--surface-success-base: var(--apple-light-3);
+--surface-success-weak: var(--apple-light-2);
+--surface-success-strong: var(--apple-light-9);
+--surface-warning-base: var(--solaris-light-3);
+--surface-warning-weak: var(--solaris-light-2);
+--surface-warning-strong: var(--solaris-light-9);
+--surface-critical-base: var(--ember-light-3);
+--surface-critical-weak: var(--ember-light-2);
+--surface-critical-strong: var(--ember-light-9);
+--surface-info-base: var(--lilac-light-3);
+--surface-info-weak: var(--lilac-light-2);
+--surface-info-strong: var(--lilac-light-9);
+--surface-diff-unchanged-base: #FFFFFF00;
+--surface-diff-skip-base: var(--smoke-light-2);
+--surface-diff-hidden-base: var(--blue-light-3);
+--surface-diff-hidden-weak: var(--blue-light-2);
+--surface-diff-hidden-weaker: var(--blue-light-1);
+--surface-diff-hidden-strong: var(--blue-light-5);
+--surface-diff-hidden-stronger: var(--blue-light-9);
+--surface-diff-add-base: var(--mint-light-3);
+--surface-diff-add-weak: var(--mint-light-2);
+--surface-diff-add-weaker: var(--mint-light-1);
+--surface-diff-add-strong: var(--mint-light-5);
+--surface-diff-add-stronger: var(--mint-light-9);
+--surface-diff-delete-base: var(--ember-light-3);
+--surface-diff-delete-weak: var(--ember-light-2);
+--surface-diff-delete-weaker: var(--ember-light-1);
+--surface-diff-delete-strong: var(--ember-light-6);
+--surface-diff-delete-stronger: var(--ember-light-9);
+--text-base: var(--smoke-light-11);
+--input-base: var(--smoke-light-1);
+--input-hover: var(--smoke-light-2);
+--input-active: var(--cobalt-light-1);
+--input-selected: var(--cobalt-light-4);
+--input-focus: var(--cobalt-light-1);
+--input-disabled: var(--smoke-light-4);
+--text-weak: var(--smoke-light-9);
+--text-weaker: var(--smoke-light-8);
+--text-strong: var(--smoke-light-12);
+--text-interactive-base: var(--cobalt-light-9);
+--text-on-brand-base: var(--smoke-light-alpha-11);
+--text-on-interactive-base: var(--smoke-light-1);
+--text-on-interactive-weak: var(--smoke-dark-alpha-11);
+--text-on-success-base: var(--apple-light-10);
+--text-on-critical-base: var(--ember-light-10);
+--text-on-critical-weak: var(--ember-light-8);
+--text-on-critical-strong: var(--ember-light-12);
+--text-on-warning-base: var(--smoke-dark-alpha-11);
+--text-on-info-base: var(--smoke-dark-alpha-11);
+--text-diff-add-base: var(--mint-light-11);
+--text-diff-delete-base: var(--ember-light-10);
+--text-diff-delete-strong: var(--ember-light-12);
+--text-diff-add-strong: var(--mint-light-12);
+--text-on-info-weak: var(--smoke-dark-alpha-9);
+--text-on-info-strong: var(--smoke-dark-alpha-12);
+--text-on-warning-weak: var(--smoke-dark-alpha-9);
+--text-on-warning-strong: var(--smoke-dark-alpha-12);
+--text-on-success-weak: var(--apple-light-6);
+--text-on-success-strong: var(--apple-light-12);
+--text-on-brand-weak: var(--smoke-light-alpha-9);
+--text-on-brand-weaker: var(--smoke-light-alpha-8);
+--text-on-brand-strong: var(--smoke-light-alpha-12);
+--button-secondary-base: #FDFCFC;
+--button-secondary-hover: #FAF9F9;
+--border-base: var(--smoke-light-alpha-7);
+--border-hover: var(--smoke-light-alpha-8);
+--border-active: var(--smoke-light-alpha-9);
+--border-selected: var(--cobalt-light-alpha-9);
+--border-disabled: var(--smoke-light-alpha-8);
+--border-focus: var(--smoke-light-alpha-9);
+--border-weak-base: var(--smoke-light-alpha-5);
+--border-strong-base: var(--smoke-light-alpha-7);
+--border-strong-hover: var(--smoke-light-alpha-8);
+--border-strong-active: var(--smoke-light-alpha-7);
+--border-strong-selected: var(--cobalt-light-alpha-6);
+--border-strong-disabled: var(--smoke-light-alpha-6);
+--border-strong-focus: var(--smoke-light-alpha-7);
+--border-weak-hover: var(--smoke-light-alpha-6);
+--border-weak-active: var(--smoke-light-alpha-7);
+--border-weak-selected: var(--cobalt-light-alpha-5);
+--border-weak-disabled: var(--smoke-light-alpha-6);
+--border-weak-focus: var(--smoke-light-alpha-7);
+--border-interactive-base: var(--cobalt-light-7);
+--border-interactive-hover: var(--cobalt-light-8);
+--border-interactive-active: var(--cobalt-light-9);
+--border-interactive-selected: var(--cobalt-light-9);
+--border-interactive-disabled: var(--smoke-light-8);
+--border-interactive-focus: var(--cobalt-light-9);
+--border-success-base: var(--apple-light-6);
+--border-success-hover: var(--apple-light-7);
+--border-success-selected: var(--apple-light-9);
+--border-warning-base: var(--solaris-light-6);
+--border-warning-hover: var(--solaris-light-7);
+--border-warning-selected: var(--solaris-light-9);
+--border-critical-base: var(--ember-light-6);
+--border-critical-hover: var(--ember-light-7);
+--border-critical-selected: var(--ember-light-9);
+--border-info-base: var(--lilac-light-6);
+--border-info-hover: var(--lilac-light-7);
+--border-info-selected: var(--lilac-light-9);
+--icon-base: var(--smoke-light-9);
+--icon-hover: var(--smoke-light-11);
+--icon-active: var(--smoke-light-12);
+--icon-selected: var(--smoke-light-12);
+--icon-disabled: var(--smoke-light-8);
+--icon-focus: var(--smoke-light-12);
+--icon-invert-base: #FFFFFF;
+--icon-weak-base: var(--smoke-light-7);
+--icon-weak-hover: var(--smoke-light-8);
+--icon-weak-active: var(--smoke-light-9);
+--icon-weak-selected: var(--smoke-light-10);
+--icon-weak-disabled: var(--smoke-light-6);
+--icon-weak-focus: var(--smoke-light-9);
+--icon-strong-base: var(--smoke-light-12);
+--icon-strong-hover: #151313;
+--icon-strong-active: #020202;
+--icon-strong-selected: #020202;
+--icon-strong-disabled: var(--smoke-light-8);
+--icon-strong-focus: #020202;
+--icon-brand-base: var(--smoke-light-12);
+--icon-interactive-base: var(--cobalt-light-9);
+--icon-success-base: var(--apple-light-7);
+--icon-success-hover: var(--apple-light-8);
+--icon-success-active: var(--apple-light-11);
+--icon-warning-base: var(--amber-light-7);
+--icon-warning-hover: var(--amber-light-8);
+--icon-warning-active: var(--amber-light-11);
+--icon-critical-base: var(--ember-light-10);
+--icon-critical-hover: var(--ember-light-11);
+--icon-critical-active: var(--ember-light-12);
+--icon-info-base: var(--lilac-light-7);
+--icon-info-hover: var(--lilac-light-8);
+--icon-info-active: var(--lilac-light-11);
+--icon-on-brand-base: var(--smoke-light-alpha-11);
+--icon-on-brand-hover: var(--smoke-light-alpha-12);
+--icon-on-brand-selected: var(--smoke-light-alpha-12);
+--icon-on-interactive-base: var(--smoke-light-1);
+--icon-agent-plan-base: var(--purple-light-9);
+--icon-agent-docs-base: var(--amber-light-9);
+--icon-agent-ask-base: var(--cyan-light-9);
+--icon-agent-build-base: var(--cobalt-light-9);
+--icon-on-success-base: var(--apple-light-alpha-9);
+--icon-on-success-hover: var(--apple-light-alpha-10);
+--icon-on-success-selected: var(--apple-light-alpha-11);
+--icon-on-warning-base: var(--amber-lightalpha-9);
+--icon-on-warning-hover: var(--amber-lightalpha-10);
+--icon-on-warning-selected: var(--amber-lightalpha-11);
+--icon-on-critical-base: var(--ember-light-alpha-9);
+--icon-on-critical-hover: var(--ember-light-alpha-10);
+--icon-on-critical-selected: var(--ember-light-alpha-11);
+--icon-on-info-base: var(--lilac-light-9);
+--icon-on-info-hover: var(--lilac-light-alpha-10);
+--icon-on-info-selected: var(--lilac-light-alpha-11);
+--icon-diff-add-base: var(--mint-light-11);
+--icon-diff-add-hover: var(--mint-light-12);
+--icon-diff-add-active: var(--mint-light-12);
+--icon-diff-delete-base: var(--ember-light-10);
+--icon-diff-delete-hover: var(--ember-light-11);
+--syntax-comment: var(--text-weaker);
+--syntax-regexp: var(--text-base);
+--syntax-string: #007663;
+--syntax-keyword: var(--text-weak);
+--syntax-primitive: #FB7F51;
+--syntax-operator: var(--text-weak);
+--syntax-variable: var(--text-strong);
+--syntax-property: #EC6CC8;
+--syntax-type: #738400;
+--syntax-constant: #00B2B9;
+--syntax-punctuation: var(--text-weaker);
+--syntax-object: var(--text-strong);
+--syntax-success: var(--apple-light-10);
+--syntax-warning: var(--amber-light-10);
+--syntax-critical: var(--ember-light-9);
+--syntax-info: #0091A7;
+--syntax-diff-add: var(--mint-light-11);
+--syntax-diff-delete: var(--ember-light-11);
+--syntax-diff-unknown: #FF0000;
+--markdown-heading: #D68C27;
+--markdown-text: #1A1A1A;
+--markdown-link: #3B7DD8;
+--markdown-link-text: #318795;
+--markdown-code: #3D9A57;
+--markdown-block-quote: #B0851F;
+--markdown-emph: #B0851F;
+--markdown-strong: #D68C27;
+--markdown-horizontal-rule: #8A8A8A;
+--markdown-list-item: #3B7DD8;
+--markdown-list-enumeration: #318795;
+--markdown-image: #3B7DD8;
+--markdown-image-text: #318795;
+--markdown-code-block: #1A1A1A;
+--border-color: #FFFFFF;
+--border-weaker-base: var(--smoke-light-alpha-3);
+--border-weaker-hover: var(--smoke-light-alpha-4);
+--border-weaker-active: var(--smoke-light-alpha-6);
+--border-weaker-selected: var(--cobalt-light-alpha-4);
+--border-weaker-disabled: var(--smoke-light-alpha-2);
+--border-weaker-focus: var(--smoke-light-alpha-6);
+--button-ghost-hover: var(--smoke-light-alpha-2);
+--button-ghost-hover2: var(--smoke-light-alpha-3);

package/src/assets/favicon/favicon-v3.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="512" height="512" fill="#131010"></rect>
-<path d="M320 224V352H192V224H320Z" fill="#5A5858"></path>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M384 416H128V96H384V416ZM320 160H192V352H320V160Z" fill="white"></path>
-</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
-@media (prefers-color-scheme: dark) { :root { filter: none; } }
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" fill="#131010"></rect>
+<path d="M320 224V352H192V224H320Z" fill="#5A5858"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M384 416H128V96H384V416ZM320 160H192V352H320V160Z" fill="white"></path>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
 </style></svg>

package/src/assets/favicon/favicon.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="512" height="512" fill="#131010"></rect>
-<path d="M320 224V352H192V224H320Z" fill="#5A5858"></path>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M384 416H128V96H384V416ZM320 160H192V352H320V160Z" fill="white"></path>
-</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
-@media (prefers-color-scheme: dark) { :root { filter: none; } }
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" fill="#131010"></rect>
+<path d="M320 224V352H192V224H320Z" fill="#5A5858"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M384 416H128V96H384V416ZM320 160H192V352H320V160Z" fill="white"></path>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
 </style></svg>

package/src/assets/favicon/site.webmanifest

@@ -1,21 +1,21 @@
-{
-  "name": "OpenCode",
-  "short_name": "OpenCode",
-  "icons": [
-    {
-      "src": "/web-app-manifest-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "maskable"
-    },
-    {
-      "src": "/web-app-manifest-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "maskable"
-    }
-  ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
-  "display": "standalone"
-}
+{
+  "name": "OpenCode",
+  "short_name": "OpenCode",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

package/src/assets/icons/file-types/auto_light.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill="#ffc400"
-    d="M8.48 4.17c.334.574 1.047.798 1.696.636A7.5 7.5 0 0 1 12 4.583c.62 0 1.223.075 1.799.217.647.159 1.357-.065 1.691-.64.39-.668.116-1.532-.63-1.751A10.1 10.1 0 0 0 12 2c-1.006 0-1.977.146-2.894.419-.743.22-1.015 1.083-.627 1.75Z" />
-  <path fill="#ad1457"
-    d="M5.039 4.772c.564-.535 1.458-.34 1.848.331.333.572.176 1.292-.284 1.769a7.4 7.4 0 0 0-1.456 2.17c-.242.552-.762.958-1.367.958-.854 0-1.496-.781-1.191-1.572a10 10 0 0 1 2.45-3.656" />
-  <path fill="currentColor"
-    d="M3.197 12c.718 0 1.32.583 1.444 1.286.613 3.483 3.675 6.13 7.359 6.13s6.746-2.647 7.359-6.13c.124-.703.726-1.286 1.444-1.286.719 0 1.279.581 1.187 1.289C21.353 18.203 17.123 22 12 22s-9.353-3.797-9.99-8.711C1.918 12.58 2.478 12 3.197 12" />
-  <path fill="#ff5252"
-    d="M20.203 9.958c.857 0 1.5-.786 1.19-1.578a10 10 0 0 0-2.458-3.632c-.564-.533-1.455-.336-1.845.333-.333.573-.174 1.295.289 1.772a7.4 7.4 0 0 1 1.459 2.155c.243.548.762.95 1.365.95" />
-  <path fill="currentColor"
-    d="M7.133 9.32c-.442-.488.053-1.262.657-1.027l4.912 1.91c1.114.434 1.538 1.84.862 2.855a1.785 1.785 0 0 1-2.83.222l-3.6-3.96Z" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="#ffc400"
+    d="M8.48 4.17c.334.574 1.047.798 1.696.636A7.5 7.5 0 0 1 12 4.583c.62 0 1.223.075 1.799.217.647.159 1.357-.065 1.691-.64.39-.668.116-1.532-.63-1.751A10.1 10.1 0 0 0 12 2c-1.006 0-1.977.146-2.894.419-.743.22-1.015 1.083-.627 1.75Z" />
+  <path fill="#ad1457"
+    d="M5.039 4.772c.564-.535 1.458-.34 1.848.331.333.572.176 1.292-.284 1.769a7.4 7.4 0 0 0-1.456 2.17c-.242.552-.762.958-1.367.958-.854 0-1.496-.781-1.191-1.572a10 10 0 0 1 2.45-3.656" />
+  <path fill="currentColor"
+    d="M3.197 12c.718 0 1.32.583 1.444 1.286.613 3.483 3.675 6.13 7.359 6.13s6.746-2.647 7.359-6.13c.124-.703.726-1.286 1.444-1.286.719 0 1.279.581 1.187 1.289C21.353 18.203 17.123 22 12 22s-9.353-3.797-9.99-8.711C1.918 12.58 2.478 12 3.197 12" />
+  <path fill="#ff5252"
+    d="M20.203 9.958c.857 0 1.5-.786 1.19-1.578a10 10 0 0 0-2.458-3.632c-.564-.533-1.455-.336-1.845.333-.333.573-.174 1.295.289 1.772a7.4 7.4 0 0 1 1.459 2.155c.243.548.762.95 1.365.95" />
+  <path fill="currentColor"
+    d="M7.133 9.32c-.442-.488.053-1.262.657-1.027l4.912 1.91c1.114.434 1.538 1.84.862 2.855a1.785 1.785 0 0 1-2.83.222l-3.6-3.96Z" />
+</svg>

package/src/assets/icons/file-types/cursor.svg

@@ -1 +1 @@
-<svg version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g fill="#e0e0e0" fill-rule="evenodd"><path d="m16 30 12-20v14z"/><path d="m4 10 12-8 12 8z"/><path d="m4 10 12 6v14l-12-6z"/></g></svg>
+<svg version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g fill="#e0e0e0" fill-rule="evenodd"><path d="m16 30 12-20v14z"/><path d="m4 10 12-8 12 8z"/><path d="m4 10 12 6v14l-12-6z"/></g></svg>

package/src/assets/icons/file-types/cursor_light.svg

@@ -1 +1 @@
-<svg version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g fill="#424242" fill-rule="evenodd"><path d="m16 30 12-20v14z"/><path d="m4 10 12-8 12 8z"/><path d="m4 10 12 6v14l-12-6z"/></g></svg>
+<svg version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g fill="#424242" fill-rule="evenodd"><path d="m16 30 12-20v14z"/><path d="m4 10 12-8 12 8z"/><path d="m4 10 12 6v14l-12-6z"/></g></svg>

package/src/assets/icons/file-types/drone_light.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 230 230">
-  <path fill="currentColor"
-    d="m57.011 36.707-.834.834 34.036 34.035c-4.813 7.514-7.584 16.742-7.584 27.239 0 29.18 21.422 48.557 48.557 48.557 10.14 0 19.48-2.706 27.205-7.618l34.21 34.21c-17.726 23.411-45.89 38.151-77.601 38.151-53.627 0-97.114-42.154-97.114-97.114 0-32.685 15.38-60.84 39.125-78.293zm16.19-9.611c12.66-5.927 26.835-9.21 41.798-9.21 53.626 0 97.114 42.155 97.114 97.114 0 15.117-3.29 29.265-9.176 41.833l-30.78-30.78c4.813-7.514 7.584-16.742 7.584-27.239 0-29.18-21.422-48.557-48.557-48.557-10.14 0-19.48 2.706-27.205 7.617zm57.984 100.853c-16.281 0-29.134-11.626-29.134-29.135s12.853-29.134 29.134-29.134 29.134 11.626 29.134 29.134-12.853 29.135-29.134 29.135" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 230 230">
+  <path fill="currentColor"
+    d="m57.011 36.707-.834.834 34.036 34.035c-4.813 7.514-7.584 16.742-7.584 27.239 0 29.18 21.422 48.557 48.557 48.557 10.14 0 19.48-2.706 27.205-7.618l34.21 34.21c-17.726 23.411-45.89 38.151-77.601 38.151-53.627 0-97.114-42.154-97.114-97.114 0-32.685 15.38-60.84 39.125-78.293zm16.19-9.611c12.66-5.927 26.835-9.21 41.798-9.21 53.626 0 97.114 42.155 97.114 97.114 0 15.117-3.29 29.265-9.176 41.833l-30.78-30.78c4.813-7.514 7.584-16.742 7.584-27.239 0-29.18-21.422-48.557-48.557-48.557-10.14 0-19.48 2.706-27.205 7.617zm57.984 100.853c-16.281 0-29.134-11.626-29.134-29.135s12.853-29.134 29.134-29.134 29.134 11.626 29.134 29.134-12.853 29.135-29.134 29.135" />
+</svg>

package/src/assets/icons/file-types/folder-admin-open.svg

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <path fill="currentColor"
-    d="M28.967 12H9.442a2 2 0 0 0-1.898 1.368L4 24V10h24a2 2 0 0 0-2-2H15.124a2 2 0 0 1-1.28-.464l-1.288-1.072A2 2 0 0 0 11.276 6H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h22l4.805-11.212A2 2 0 0 0 28.967 12" />
-  <path fill="#cfd8dc"
-    d="m25 10-7 3.273v4.908c0 4.542 2.986 8.788 7 9.819 4.014-1.031 7-5.277 7-9.82v-4.907zm0 3.273a2.457 2.457 0 1 1-2.333 2.454A2.396 2.396 0 0 1 25 13.273m3.99 9.817A7.6 7.6 0 0 1 25 26.298a7.6 7.6 0 0 1-3.99-3.208 8.4 8.4 0 0 1-.677-1.25c0-1.352 2.108-2.456 4.667-2.456s4.666 1.08 4.666 2.455a8.3 8.3 0 0 1-.676 1.251" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill="currentColor"
+    d="M28.967 12H9.442a2 2 0 0 0-1.898 1.368L4 24V10h24a2 2 0 0 0-2-2H15.124a2 2 0 0 1-1.28-.464l-1.288-1.072A2 2 0 0 0 11.276 6H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h22l4.805-11.212A2 2 0 0 0 28.967 12" />
+  <path fill="#cfd8dc"
+    d="m25 10-7 3.273v4.908c0 4.542 2.986 8.788 7 9.819 4.014-1.031 7-5.277 7-9.82v-4.907zm0 3.273a2.457 2.457 0 1 1-2.333 2.454A2.396 2.396 0 0 1 25 13.273m3.99 9.817A7.6 7.6 0 0 1 25 26.298a7.6 7.6 0 0 1-3.99-3.208 8.4 8.4 0 0 1-.677-1.25c0-1.352 2.108-2.456 4.667-2.456s4.666 1.08 4.666 2.455a8.3 8.3 0 0 1-.676 1.251" />
+</svg>

package/src/assets/icons/file-types/folder-admin.svg

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <path fill="currentColor"
-    d="m13.844 7.536-1.288-1.072A2 2 0 0 0 11.276 6H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H15.124a2 2 0 0 1-1.28-.464" />
-  <path fill="#cfd8dc"
-    d="m25 10-7 3.273v4.908c0 4.542 2.986 8.788 7 9.819 4.014-1.031 7-5.277 7-9.82v-4.907zm0 3.273a2.457 2.457 0 1 1-2.333 2.454A2.396 2.396 0 0 1 25 13.273m3.99 9.817A7.6 7.6 0 0 1 25 26.298a7.6 7.6 0 0 1-3.99-3.208 8.4 8.4 0 0 1-.677-1.25c0-1.352 2.108-2.456 4.667-2.456s4.666 1.08 4.666 2.455a8.3 8.3 0 0 1-.676 1.251" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill="currentColor"
+    d="m13.844 7.536-1.288-1.072A2 2 0 0 0 11.276 6H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H15.124a2 2 0 0 1-1.28-.464" />
+  <path fill="#cfd8dc"
+    d="m25 10-7 3.273v4.908c0 4.542 2.986 8.788 7 9.819 4.014-1.031 7-5.277 7-9.82v-4.907zm0 3.273a2.457 2.457 0 1 1-2.333 2.454A2.396 2.396 0 0 1 25 13.273m3.99 9.817A7.6 7.6 0 0 1 25 26.298a7.6 7.6 0 0 1-3.99-3.208 8.4 8.4 0 0 1-.677-1.25c0-1.352 2.108-2.456 4.667-2.456s4.666 1.08 4.666 2.455a8.3 8.3 0 0 1-.676 1.251" />
+</svg>