gallery-2010.11.12-20-45 rgrove gallery-node-tokeninput

src/gallery-node-tokeninput/assets/gallery-node-tokeninput-core.css

@@ -0,0 +1,39 @@
+.yui3-tokeninput,
+.yui3-tokeninput-content,
+.yui3-tokeninput-item,
+.yui3-tokeninput-list {
+    display: inline-block;
+    padding: 0;
+    vertical-align: bottom;
+    zoom: 1;
+    *display: inline;
+}
+
+.yui3-tokeninput { width: 200px; }
+
+.yui3-tokeninput-content,
+.yui3-tokeninput-list { width: 100%; }
+
+.yui3-tokeninput-input {
+    border: 0;
+    outline: none;
+    padding: 0;
+    width: 5ex;
+    *vertical-align: top;
+    -webkit-appearance: none; /* prevents inner shadow on iOS */
+}
+
+.yui3-tokeninput-item { margin: 1px 2px; }
+
+.yui3-tokeninput-list {
+    cursor: text;
+    list-style: none;
+    margin: 0;
+    overflow: hidden;
+    padding: 1px 0;
+}
+
+.yui3-tokeninput-token { cursor: pointer; }
+
+.yui3-tokeninput-hidden,
+.yui3-tokeninput-host { display: none; }

src/gallery-node-tokeninput/assets/skins/sam/gallery-node-tokeninput-skin.css

@@ -0,0 +1,56 @@
+.yui3-tokeninput { outline: none; }
+.yui3-tokeninput-list { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.yui3-tokeninput-content {
+    background: #fff;
+    border: 1px solid #b4b4b4;
+    color: #000;
+    font: 11px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
+    padding: 0;
+}
+
+.yui3-tokeninput-fauxinput {
+    -moz-box-shadow: inset 0 1px 2px -1px #717171;
+    -webkit-box-shadow: inset 0 1px 2px -1px #717171;
+    border-bottom-color: #dadada;
+    border-top-color: #717171;
+    box-shadow: inset 0 1px 2px -1px #717171;
+}
+
+.yui3-tokeninput-token {
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    background: #d6e0f7;
+    border: 1px solid #93ace9;
+    border-radius: 8px;
+    padding: 0 10px 1px;
+    position: relative;
+}
+
+.yui3-tokeninput-hasremove { padding-right: 16px; }
+
+.yui3-tokeninput-hover {
+    background: #adc1ef;
+    border-color: #597edb;
+}
+
+.yui3-tokeninput-focus {
+    background: #4671ea;
+    border-color: #4671ea;
+    color: #fff;
+    outline: none;
+}
+
+.yui3-tokeninput-remove {
+    color: #97a2c1;
+    font-weight: bold;
+    line-height: 1;
+    margin-top: 1px;
+    position: absolute;
+    right: 4px;
+    text-decoration: none;
+}
+
+.yui3-tokeninput-windows .yui3-tokeninput-remove { margin-top: 2px; }
+.yui3-tokeninput-remove:hover { color: #333; }
+.yui3-tokeninput-focus .yui3-tokeninput-remove { color: #fff; }

src/gallery-node-tokeninput/build.properties

@@ -0,0 +1,6 @@
+builddir=../../../builder/componentbuild
+
+component=gallery-node-tokeninput
+component.jsfiles=node-tokeninput.js
+component.requires=array-extras, classnamemanager, event-focus, event-valuechange, node-event-delegate, node-pluginhost, node-style, plugin
+component.skinnable=true

src/gallery-node-tokeninput/build.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- YUI 3 Gallery Component Build File -->
+<project name="node-tokeninput" default="local">
+    <description>node-tokeninput Build File</description>
+    <property file="build.properties" />
+    <import file="${builddir}/3.x/bootstrap.xml" description="Default Build Properties and Targets" />
+</project>