@flourish/ui-styles 0.0.5 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +9 -4
  2. package/RELEASE_NOTES.md +5 -0
  3. package/package.json +1 -1
  4. package/src/general-controls-style/index.js +5 -0
  5. package/ui-styles.js +5 -0
package/README.md CHANGED
@@ -18,9 +18,14 @@ export var state = {
18
18
 
19
19
  Import settings for controls styling in your `template.yml` settings.
20
20
 
21
- - For generic controls styling: `@flourish/ui-styles/controls-style`
22
- - For button styling: `@flourish/ui-styles/button-style`
23
- - For dropdown styling: `@flourish/ui-styles/dropdown-style`
21
+ ```yaml
22
+ - property: controls_style
23
+ import: "@flourish/ui-styles/controls-style"
24
+ - property: dropdown_style
25
+ import: "@flourish/ui-styles/dropdown-style"
26
+ - property: button_style
27
+ import: "@flourish/ui-styles/button-style"
28
+ ```
24
29
 
25
30
  ## Basics
26
31
 
@@ -50,4 +55,4 @@ There is an optional feature that allows you to inherit text and background colo
50
55
  ``` js
51
56
  import { createButtonStyle } from "@flourish/ui-styles";
52
57
  var buttonStyle = createButtonStyle(state.button_style, ".fl-control-buttons", state.layout);
53
- ```
58
+ ```
package/RELEASE_NOTES.md CHANGED
@@ -0,0 +1,5 @@
1
+ # 1.1.0
2
+ * Apply font size and weight to control title
3
+
4
+ # 1.0.0
5
+ * First release
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flourish/ui-styles",
3
- "version": "0.0.5",
3
+ "version": "1.1.0",
4
4
  "description": "Flourish module for styling UI elements",
5
5
  "main": "ui-styles.js",
6
6
  "module": "src/index.js",
package/src/general-controls-style/index.js CHANGED
@@ -37,6 +37,11 @@ GeneralControlsStyle.prototype.update = function() {
37
37
  .style("font-size", this._state.font_size + "rem")
38
38
  .style("font-weight", this._state.font_weight);
39
39
 
40
+ this._styles.select(".fl-controls-title")
41
+ .style("font-size", this._state.font_size + "rem")
42
+ .style("font-weight", this._state.font_weight)
43
+ .style("vertical-align", "middle");
44
+
40
45
  this._styles.select(this._selector + ".fl-control .button")
41
46
  .style("padding", this._state.padding + "rem " + (this._state.padding * 2) + "rem");
42
47
 
package/ui-styles.js CHANGED
@@ -93,6 +93,11 @@
93
93
  .style("font-size", this._state.font_size + "rem")
94
94
  .style("font-weight", this._state.font_weight);
95
95
 
96
+ this._styles.select(".fl-controls-title")
97
+ .style("font-size", this._state.font_size + "rem")
98
+ .style("font-weight", this._state.font_weight)
99
+ .style("vertical-align", "middle");
100
+
96
101
  this._styles.select(this._selector + ".fl-control .button")
97
102
  .style("padding", this._state.padding + "rem " + (this._state.padding * 2) + "rem");
98
103