Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
2026-09-30 23:13:03 +02:00 · 2026-09-30 23:13:03 +02:00 · b38dea0597
commit b38dea0597
parent 93e3a48004
25901 changed files with 9982925 additions and 369 deletions
--- a/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/.bower.json
+++ b/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/.bower.json
@ -0,0 +1,33 @@
+{
+  "name": "gaia-text-input",
+  "authors": [
+    "Wilson Page <wilsonpage@me.com>"
+  ],
+  "main": "script.js",
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "README.md"
+  ],
+  "dependencies": {
+    "gaia-icons": "gaia-components/gaia-icons"
+  },
+  "devDependencies": {
+    "gaia-fonts": "gaia-components/gaia-fonts#~0.2.1"
+  },
+  "homepage": "https://github.com/gaia-components/gaia-text-input",
+  "_release": "9074942ea8",
+  "_resolution": {
+    "type": "branch",
+    "branch": "master",
+    "commit": "9074942ea876aaf0706b2dc6d8e7d21f5b880f41"
+  },
+  "_source": "git://github.com/gaia-components/gaia-text-input.git",
+  "_target": "*",
+  "_originalSource": "gaia-components/gaia-text-input",
+  "_direct": true
+}
--- a/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/bower.json
+++ b/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/bower.json
@ -0,0 +1,23 @@
+{
+  "name": "gaia-text-input",
+  "version": "0.1.0",
+  "authors": [
+    "Wilson Page <wilsonpage@me.com>"
+  ],
+  "main": "script.js",
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "README.md"
+  ],
+  "dependencies": {
+    "gaia-icons": "gaia-components/gaia-icons"
+  },
+  "devDependencies": {
+    "gaia-fonts": "gaia-components/gaia-fonts#~0.2.1"
+  }
+}
--- a/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/gaia-base.css
+++ b/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/gaia-base.css
@ -0,0 +1,190 @@
+
+/** Variables
+ ---------------------------------------------------------*/
+
+:root {
+  --color-alpha: #333333;
+  --color-beta: #ffffff;
+  --color-gamma: #4d4d4d;
+  --color-delta: #5f5f5f;
+  --color-epsilon: #858585;
+  --color-zeta: #a6a6a6;
+  --color-eta: #c7c7c7;
+  --color-theta: #e7e7e7;
+  --color-iota: #f4f4f4;
+  --button-transition: all 0s;
+  --button-transition-delay: 300ms;
+
+  --dim-micro: 6px;
+  --dim-small: 14px;
+  --dim-mega: 60px;
+}
+
+/**
+ * 1. Apply a natural box layout
+ *    model to all elements
+ */
+
+*,
+*:after,
+*:before {
+  box-sizing: border-box; /* 1 */
+}
+
+* {
+  font-family: "FiraSans";
+  font-weight: 300;
+  margin: 0;
+}
+
+/** Document
+ ---------------------------------------------------------*/
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  color: var(--color-epsilon);
+  font-weight: normal;
+  line-height: 21px;
+  font-size: 17px;
+}
+
+/** Tags
+ ---------------------------------------------------------*/
+
+a {
+  color: var(--highlight-color, var(--color-brand-blue));
+  text-decoration: none;
+  font-style: italic;
+}
+
+hr {
+  border: none;
+  background: var(--color-theta);
+  height: 1px;
+  margin: var(--dim-small) 0 var(--dim-small) 0;
+}
+
+em {
+  font-weight: 500;
+}
+
+.alpha {
+  font-size: 23px;
+  font-weight: 200;
+  font-style: italic;
+  line-height: 26px;
+  margin: 6px 0 24px 0;
+}
+
+.beta {
+  font-size: 17px;
+  font-weight: 400;
+  margin: 32px 0 16px 0;
+}
+
+.gamma {
+  font-size: 14px;
+  font-style: bold;
+  text-transform: uppercase;
+  font-weight: normal;
+  color: var(--color-gamma);
+  margin: 32px 0 16px 0;
+}
+
+.milli {
+  font-size: 14px;
+  font-weight: 300;
+}
+
+.large {
+  font-size: 23px;
+  line-height: 26px;
+}
+
+.mega {
+  font-size: 60px;
+  line-height: 60px;
+  font-style: normal;
+}
+
+.giga {}
+.kilo {}
+
+/* alignment */
+.l-align-right { float: right; }
+.l-align-left { float: left; }
+.l-align-center { text-align: center; }
+.l-text-align-left { text-align: left; }
+.l-text-align-right { text-align: right; }
+.l-text-valign-top {
+  vertical-align: top;
+}
+
+.l-width-full {
+  width: 100%;
+}
+
+/** Flexbox
+ ---------------------------------------------------------*/
+
+/* flex-item */
+.l-flex-grow { flex-grow: 1; }
+
+/** Margin
+ ---------------------------------------------------------*/
+
+/* margin-top */
+.l-mt-small { margin-top: var(--dim-small); }
+.l-mt-med { margin-top: var(--dim-medium); }
+/* margin-bottom */
+.l-mb-small { margin-bottom: var(--dim-small); }
+.l-mb-med { margin-bottom: var(--dim-medium); }
+.l-mb-large {}
+.l-mb-mega { margin-bottom: var(--dim-mega); }
+/* margin-left */
+.l-ml-small { margin-left: var(--dim-small); }
+/* margin-right */
+.l-mr-small { margin-right: var(--dim-small); }
+/* margin-auto */
+.l-mlr-auto { margin-left: auto; margin-right: auto; }
+.l-m-auto { margin: auto; }
+/* margin */
+.l-m-small { margin: var(--dim-small); }
+.l-m-med { margin: var(--dim-medium); }
+.l-m-0 { margin: 0 ;}
+
+/** Padding
+ ---------------------------------------------------------*/
+
+.l-p-small { padding: var(--dim-small); }
+.l-pl-small { padding-left: var(--dim-small); }
+.l-pr-small { padding-right: var(--dim-small); }
+.l-pb-small { padding-bottom: var(--dim-small); }
+.l-pt-small { padding-top: var(--dim-small); }
+.l-pt-micro { padding-top: var(--dim-micro); }
+.l-pb-micro { padding-bottom: var(--dim-micro); }
+.l-p-0 { padding: 0 ;}
+
+/** Helpers
+ ---------------------------------------------------------*/
+
+.l-clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.l-inline-block {
+  display: inline-block;
+}
+
+.is-hidden {
+  display: none !important;
+}
+
+.is-invisible {
+  visibility: hidden !important;
+}
--- a/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/gaia-text-input.js
+++ b/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/gaia-text-input.js
@ -0,0 +1,273 @@
+(function(define){define(function(require,exports,module){
+/*jshint esnext:true*/
+'use strict';
+
+/**
+ * Locals
+ */
+
+var baseComponents = window.COMPONENTS_BASE_URL || 'bower_components/';
+var base = window.GAIA_TEXT_INPUT_BASE_URL || baseComponents + 'gaia-text-input/';
+
+// Load gaia-icons
+//require('gaia-icons')(baseComponents);
+
+/**
+ * Extend from the `HTMLElement` prototype
+ *
+ * @type {Object}
+ */
+var proto = Object.create(HTMLElement.prototype);
+
+proto.createdCallback = function() {
+  var shadow = this.createShadowRoot();
+  var tmpl = template.content.cloneNode(true);
+
+  this.els = {
+    inner: tmpl.querySelector('.inner'),
+    input: tmpl.querySelector('.input'),
+    clear: tmpl.querySelector('.clear')
+  };
+
+  this.placeholder = this.getAttribute('placeholder');
+  this.required = this.getAttribute('required');
+  this.value = this.getAttribute('value');
+  this.type = this.getAttribute('type');
+
+  // Don't take focus from the input field
+  this.els.clear.addEventListener('mousedown', function(e) { e.preventDefault(); });
+  this.els.clear.addEventListener('click', this.clear.bind(this));
+
+  shadow.appendChild(tmpl);
+  this.styleHack();
+};
+
+proto.styleHack = function() {
+  var style = this.shadowRoot.querySelector('style');
+  style.setAttribute('scoped', '');
+  this.appendChild(style.cloneNode(true));
+};
+
+
+Object.defineProperties(proto, {
+  type: {
+    get: function() { return this.els.input.type; },
+    set: function(value) {
+      if (!value) { return; }
+      this.els.inner.setAttribute('type', value);
+      this.els.input.type = value;
+    }
+  },
+  placeholder: {
+    get: function() { return this.els.input.placeholder; },
+    set: function(value) {
+      if (!value) { return; }
+      this.els.input.placeholder = value;
+    }
+  },
+  value: {
+    get: function() { return this.els.input.value; },
+    set: function(value) { this.els.input.value = value; }
+  },
+  required: {
+    get: function() { return this.els.input.required; },
+    set: function(value) { this.els.input.required = value; }
+  }
+});
+
+proto.clear = function(e) {
+  this.els.input.value = '';
+};
+
+// HACK: Create a <template> in memory at runtime.
+// When the custom-element is created we clone
+// this template and inject into the shadow-root.
+// Prior to this we would have had to copy/paste
+// the template into the <head> of every app that
+// wanted to use <gaia-textinput>, this would make
+// markup changes complicated, and could lead to
+// things getting out of sync. This is a short-term
+// hack until we can import entire custom-elements
+// using HTML Imports (bug 877072).
+var template = document.createElement('template');
+
+template.innerHTML = `
+<style>
+
+/** Reset
+ ---------------------------------------------------------*/
+
+input, button {
+  box-sizing: border-box;
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
+gaia-text-input {
+  display: block;
+}
+
+:host() {
+  display: block;
+}
+
+/** Label
+ ---------------------------------------------------------*/
+
+label {
+  font-size: 14px;
+  display: block;
+  margin: 0 0 4px 16px;
+}
+
+/** Inner
+ ---------------------------------------------------------*/
+
+.input-container {
+  --gi-border-color:
+    var(--input-border-color,
+    var(--border-color,
+    var(--background-plus,
+    #e7e7e7)));
+
+  position: relative;
+  border-color: --gi-border-color;
+  border:
+    var(--input-border,
+    var(--border,
+    1px solid var(--gi-border-color)));
+}
+
+/**
+ * [type="search"]
+ */
+
+[type='search'] .input-container {
+  border-radius: 30px;
+  overflow: hidden;
+}
+
+/** Input Field
+ ---------------------------------------------------------*/
+
+.input {
+  display: block;
+  width: 100%;
+  height: 40px;
+  font-size: inherit;
+  width: 100%;
+  border: none;
+  padding: 0 16px;
+  margin: 0;
+  font: inherit;
+  color: var(--input-color, #000);
+  background:
+    var(--input-background,
+    var(--background-minus,
+    #fff));
+}
+
+/** Placeholder Text
+ ---------------------------------------------------------*/
+
+.input::-moz-placeholder {
+  font-style: italic;
+  color: var(--input-placeholder-color, #909ca7);
+}
+
+/** Clear Button
+ ---------------------------------------------------------*/
+
+.clear {
+  position: absolute;
+  top: 12px;
+  right: 10px;
+  background: var(--input-clear-background, #999);
+  width: 17px;
+  height: 17px;
+  padding: 0;
+  margin: 0;
+  border-radius: 50%;
+  opacity: 0;
+  color: #fff;
+}
+
+/**
+ * input:focus
+ */
+
+.input:focus ~ .clear {
+  opacity: 1;
+}
+
+/** Clear Icon
+ ---------------------------------------------------------*/
+
+.clear:before {
+  font-family: 'gaia-icons';
+  content: 'close';
+  display: block;
+  font-style: normal;
+  font-weight: 500;
+  text-rendering: optimizeLegibility;
+  font-size: 19px;
+  line-height: 1;
+  margin-top: -2px;
+}
+
+/** Focus Bar
+ ---------------------------------------------------------*/
+
+.focus {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  height: 3px;
+  transition: all 200ms;
+  transform: scaleX(0);
+  visibility: hidden;
+  background: var(--highlight-color, #000);
+}
+
+/**
+ * input:focus
+ */
+
+.input:focus ~ .focus {
+  transform: scaleX(1);
+  transition-delay: var(--button-transition-delay, 200ms);
+  visibility: visible;
+}
+
+/* search */
+// .input-search-container {
+//   border-radius: 30px;
+//   overflow: hidden;
+// }
+
+// .input-search {
+//   border-radius: 20px;
+// }
+
+// .input-passcode {
+//   width: 40px;
+// }
+
+</style>
+
+<div class="inner">
+  <content select="label"></content>
+  <div class="input-container">
+    <input class="input" type="text"/>
+    <button class="clear"></button>
+    <div class="focus"></div>
+  </div>
+</div>`;
+
+// Register and return the constructor
+module.exports = document.registerElement('gaia-text-input', { prototype: proto });
+
+});})((function(n,w){return typeof define=='function'&&define.amd?
+define:typeof module=='object'?function(c){c(require,exports,module);}:function(c){
+var m={exports:{}},r=function(n){return w[n];};w[n]=c(r,m.exports,m)||m.exports;};})('gaia-text-input',this));
--- a/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/index.html
+++ b/gaia/distros/spark/apps/studio/bower_components/gaia-text-input/index.html
@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>&lt;gaia-text-input&gt;</title>
+  <meta name="description" content="gaia-text-input demo" />
+  <link rel="stylesheet" type="text/css" href="gaia-base.css">
+  <link rel="stylesheet" type="text/css" href="bower_components/gaia-theme/gaia-theme.css">
+  <link rel="stylesheet" type="text/css" href="bower_components/gaia-fonts/style.css">
+  <script src="bower_components/gaia-theme/lib/gaia-theme-selector.js"></script>
+  <script src="bower_components/gaia-icons/script.js"></script>
+  <script src="script.js"></script>
+  <style type="text/css">
+
+    html {
+      height: 100%;
+      font-family: 'FiraSans';
+      font-weight: lighter;
+    }
+
+    body {
+      padding: 16px;
+      padding-top: 48px;
+      background-color: var(--background);
+    }
+
+    body > * {
+      margin-bottom: 16px;
+    }
+
+  </style>
+</head>
+<body role="application">
+  <gaia-theme-selector></gaia-theme-selector>
+
+  <h1 class="large l-align-center">&lt;gaia-text-input&gt;</h1>
+
+  <gaia-text-input placeholder="Default"><label>Input Label</label></gaia-text-input>
+  <gaia-text-input type="password" placeholder="Password"><label>Password</label></gaia-text-input>
+  <gaia-text-input type="search" placeholder="Search..."><label>Search</label></gaia-text-input>
+</body>
+</html>