@flourish/ui-styles 3.1.0 → 4.0.0

package/RELEASE_NOTES.md

@@ -1,3 +1,6 @@
+# 4.0.0
+* Move slider width setting from @flourish/ui-styles to @flourish/controls [BREAKING] For use with version 8.0.0+ of @flourish/controls
+
 # 3.1.0
 * Add support for right-to-left read direction to button border radius styles
 * Update @flourish/pocket-knife to v1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flourish/ui-styles",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "Flourish module for styling UI elements",
   "main": "ui-styles.js",
   "module": "src/index.js",

package/slider-style/settings.yml

@@ -19,12 +19,6 @@
   width: quarter
   optional: true
   show_if: play_button
-- property: width
-  name: Slider width
-  type: number
-  min: 0
-  max: 100
-  width: quarter
 - property: track_height
   name: Track height
   type: number

package/src/slider-style/index.js

@@ -2,7 +2,6 @@ import { remToPx } from "../lib/remToPx";
 import Stylesheet from "../lib/js2css";
 
 var DEFAULTS = Object.freeze({
-	width: 15,
 	play_color: null,
 	handle_color: null,
 	font_color: null,
@@ -43,7 +42,6 @@ SliderStyle.prototype.update = function() {
 	var handle_color = this._state.handle_color || this._layout.font_color || "currentColor";
 	var play_color = this._state.play_color || this._layout.font_color || "currentColor";
 
-	var slider_width = Math.round(remToPx(this._state.width));
 	var handle_radius = Math.round(remToPx(this._state.handle_height));
 	var track_height = remToPx(this._state.track_height);
 
@@ -62,7 +60,6 @@ SliderStyle.prototype.update = function() {
 
 	this._styles.select(this._selector + " input[type=range]")
 		.style("-webkit-appearance", "none")
-		.style("width", slider_width + "px")
 		.style("color", slider_color)
 		.style("background-color", "transparent");
 

package/ui-styles.js

@@ -1010,7 +1010,6 @@
 	}
 
 	var DEFAULTS$3 = Object.freeze({
-		width: 15,
 		play_color: null,
 		handle_color: null,
 		font_color: null,
@@ -1051,7 +1050,6 @@
 		var handle_color = this._state.handle_color || this._layout.font_color || "currentColor";
 		var play_color = this._state.play_color || this._layout.font_color || "currentColor";
 
-		var slider_width = Math.round(remToPx(this._state.width));
 		var handle_radius = Math.round(remToPx(this._state.handle_height));
 		var track_height = remToPx(this._state.track_height);
 
@@ -1070,7 +1068,6 @@
 
 		this._styles.select(this._selector + " input[type=range]")
 			.style("-webkit-appearance", "none")
-			.style("width", slider_width + "px")
 			.style("color", slider_color)
 			.style("background-color", "transparent");