From 9c96f7bd01107a13c879bd5b88d6357668f3adfe Mon Sep 17 00:00:00 2001
From: Ryan Huffman <ryanhuffman@gmail.com>
Date: Thu, 3 Jan 2019 08:21:52 -0800
Subject: [PATCH] Add RalewayButton

---
 .../qml/hifi/avatarPackager/RalewayButton.qml | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 interface/resources/qml/hifi/avatarPackager/RalewayButton.qml

diff --git a/interface/resources/qml/hifi/avatarPackager/RalewayButton.qml b/interface/resources/qml/hifi/avatarPackager/RalewayButton.qml
new file mode 100644
index 0000000000..e7134b6934
--- /dev/null
+++ b/interface/resources/qml/hifi/avatarPackager/RalewayButton.qml
@@ -0,0 +1,68 @@
+import QtQuick 2.6
+
+import "../../controlsUit" 1.0 as HifiControls
+import "../../stylesUit" 1.0
+
+import TabletScriptingInterface 1.0
+
+RalewaySemiBold {
+    id: root
+
+    text: "no text"
+
+    signal clicked()
+
+    color: "white"
+
+    property var hoverColor: "#AFAFAF"
+    property var pressedColor: "#575757"
+
+    MouseArea {
+        id: mouseArea
+
+        anchors.fill: parent
+
+        hoverEnabled: true
+
+        onClicked: {
+            Tablet.playSound(TabletEnums.ButtonClick);
+            root.clicked()
+        }
+
+        property string lastState: ""
+
+        states: [
+            State {
+                name: ""
+                StateChangeScript {
+                    script: {
+                        mouseArea.lastState = mouseArea.state
+                    }
+                }
+            },
+            State {
+                name: "pressed"
+                when: mouseArea.containsMouse && mouseArea.pressed
+                PropertyChanges { target: root; color: pressedColor }
+                StateChangeScript {
+                    script: {
+                        mouseArea.lastState = mouseArea.state
+                    }
+                }
+            },
+            State {
+                name: "hovering"
+                when: mouseArea.containsMouse
+                PropertyChanges { target: root; color: hoverColor }
+                StateChangeScript {
+                    script: {
+                        if (mouseArea.lastState == "") {
+                            Tablet.playSound(TabletEnums.ButtonHover);
+                        }
+                        mouseArea.lastState = mouseArea.state
+                    }
+                }
+            }
+        ]
+    }
+}
\ No newline at end of file