widget theme - update spinbox with more states

Change-Id: I398293c30e015eeb53b8403f1e6fc628227de9ac
Reviewed-on: https://gerrit.libreoffice.org/68863
Tested-by: Jenkins
Reviewed-by: Tomaž Vajngerl <quikee@gmail.com>

vcl/Package_theme_definitions.mk

@@ -24,7 +24,13 @@ $(eval $(call gb_Package_add_files,vcl_theme_definitions,$(LIBO_SHARE_FOLDER)/th
 	tick-on-pressed.svgx \
 	tick-on-disabled.svgx \
 	spinbox-left.svgx \
+	spinbox-left-pressed.svgx \
+	spinbox-left-rollover.svgx \
+	spinbox-left-disabled.svgx \
 	spinbox-right.svgx \
+	spinbox-right-pressed.svgx \
+	spinbox-right-rollover.svgx \
+	spinbox-right-disabled.svgx \
 	spinbox-entire.svgx \
 	pushbutton-default.svgx \
 	pushbutton-rollover.svgx \

vcl/uiconfig/theme_definitions/definition.xml

@@ -188,18 +188,39 @@
     <spinbox>
         <part value="Entire">
             <state>
-                <external source="spinbox-entire.svgx" />
             </state>
         </part>
-        <part value="ButtonDown" width="44" height="26">
+        <part value="SubEdit">
             <state>
+            </state>
+        </part>
+        <part value="ButtonDown" width="44" height="26">
+            <state enabled="true">
                 <external source="spinbox-left.svgx" />
             </state>
+            <state enabled="true" pressed="true">
+                <external source="spinbox-left-pressed.svgx" />
+            </state>
+            <state enabled="true" rollover="true">
+                <external source="spinbox-left-rollover.svgx" />
+            </state>
+            <state enabled="false">
+                <external source="spinbox-left-disabled.svgx" />
+            </state>
         </part>
         <part value="ButtonUp" width="44" height="26">
-            <state>
+            <state enabled="true">
                 <external source="spinbox-right.svgx" />
             </state>
+            <state enabled="true" pressed="true">
+                <external source="spinbox-right-pressed.svgx" />
+            </state>
+            <state enabled="true" rollover="true">
+                <external source="spinbox-right-rollover.svgx" />
+            </state>
+            <state enabled="false">
+                <external source="spinbox-right-disabled.svgx" />
+            </state>
         </part>
     </spinbox>
 

vcl/uiconfig/theme_definitions/spinbox-left-disabled.svgx

+<svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
+ <path d="m43.5 0.5007v25h-40.95c-1.239 6.1e-5 -2.048-0.9415-2.048-2.083v-20.83c0-1.212 0.8811-2.083 2.048-2.083 13.65 0.03813 40.95 0 40.95 0z" fill="#fff" stroke="#8e8e93"/>
+ <rect x="17" y="12" width="10" height="2" fill="#8e8e93"/>
+</svg>

vcl/uiconfig/theme_definitions/spinbox-left-pressed.svgx

+<svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
+ <path d="m43.5 0.5007v25h-40.95c-1.239 6.1e-5 -2.048-0.9415-2.048-2.083v-20.83c0-1.212 0.8811-2.083 2.048-2.083 13.65 0.03813 40.95 0 40.95 0z" fill="#49a0ff" stroke="#007aff"/>
+ <rect x="17" y="12" width="10" height="2" fill="#fff"/>
+</svg>

vcl/uiconfig/theme_definitions/spinbox-left-rollover.svgx

+<svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
+ <path d="m43.5 0.5007v25h-40.95c-1.239 6.1e-5 -2.048-0.9415-2.048-2.083v-20.83c0-1.212 0.8811-2.083 2.048-2.083 13.65 0.03813 40.95 0 40.95 0z" fill="#dbecff" stroke="#007aff"/>
+ <rect x="17" y="12" width="10" height="2" fill="#007aff"/>
+</svg>

vcl/uiconfig/theme_definitions/spinbox-left.svgx

 <svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
  <path d="m43.5 0.5007v25h-40.95c-1.239 6.1e-5 -2.048-0.9415-2.048-2.083v-20.83c0-1.212 0.8811-2.083 2.048-2.083 13.65 0.03813 40.95 0 40.95 0z" fill="#fff" stroke="#007aff"/>
- <rect x="17" y="12" width="10" height="2" color="#bebebe" fill="#007aff"/>
+ <rect x="17" y="12" width="10" height="2" fill="#007aff"/>
 </svg>

vcl/uiconfig/theme_definitions/spinbox-right-disabled.svgx

+<svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <path d="m41.29 25.49-40.79-0.002785v-24.99l40.79-0.002781c1.224-8.635e-5 2.208 0.9683 2.208 2.171v20.66c0 1.203-0.9846 2.175-2.208 2.171z" fill="#fff" stroke="#8e8e93"/>
+  <rect x="17" y="12" width="10" height="2" fill="#8e8e93"/>
+  <rect x="21" y="8" width="2" height="10" fill="#8e8e93"/>
+ </g>
+</svg>

vcl/uiconfig/theme_definitions/spinbox-right-pressed.svgx

+<svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
+  <path d="m41.29 25.49-40.79-0.002785v-24.99l40.79-0.002781c1.224-8.635e-5 2.208 0.9683 2.208 2.171v20.66c0 1.203-0.9846 2.175-2.208 2.171z" fill="#49a0ff" stroke="#007aff"/>
+  <rect x="17" y="12" width="10" height="2" fill="#fff"/>
+  <rect x="21" y="8" width="2" height="10" fill="#fff"/>
+</svg>

vcl/uiconfig/theme_definitions/spinbox-right-rollover.svgx

+<svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
+  <path d="m41.29 25.49-40.79-0.002785v-24.99l40.79-0.002781c1.224-8.635e-5 2.208 0.9683 2.208 2.171v20.66c0 1.203-0.9846 2.175-2.208 2.171z" fill="#dbecff" stroke="#007aff"/>
+  <rect x="17" y="12" width="10" height="2" fill="#007aff"/>
+  <rect x="21" y="8" width="2" height="10" fill="#007aff"/>
+</svg>

vcl/uiconfig/theme_definitions/spinbox-right.svgx

 <svg version="1.1" viewBox="0 0 44 26" xmlns="http://www.w3.org/2000/svg">
- <path d="m41.29 25.49-40.79-0.002785v-24.99l40.79-0.002781c1.224-8.635e-5 2.208 0.9683 2.208 2.171v20.66c0 1.203-0.9846 2.175-2.208 2.171z" fill="none" stroke="#007aff"/>
+ <path d="m41.29 25.49-40.79-0.002785v-24.99l40.79-0.002781c1.224-8.635e-5 2.208 0.9683 2.208 2.171v20.66c0 1.203-0.9846 2.175-2.208 2.171z" fill="#fff" stroke="#007aff"/>
  <rect x="17" y="12" width="10" height="2" fill="#007aff"/>
  <rect x="21" y="8" width="2" height="10" fill="#007aff"/>
 </svg>