@decidables/decidables-elements 0.2.0 → 0.3.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 (12) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/decidablesElements.esm.js +4 -2
  3. package/lib/decidablesElements.esm.js.map +1 -1
  4. package/lib/decidablesElements.esm.min.js +4 -2
  5. package/lib/decidablesElements.esm.min.js.map +1 -1
  6. package/lib/decidablesElements.umd.js +4 -2
  7. package/lib/decidablesElements.umd.js.map +1 -1
  8. package/lib/decidablesElements.umd.min.js +4 -2
  9. package/lib/decidablesElements.umd.min.js.map +1 -1
  10. package/package.json +2 -2
  11. package/src/button.js +1 -1
  12. package/src/decidables-element.js +4 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@decidables/decidables-elements",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "decidables-elements: Basic UI Web Components for the decidables project",
5
5
  "keywords": [
6
6
  "web component",
@@ -51,5 +51,5 @@
51
51
  "d3": "^7.3.0",
52
52
  "lit": "^2.2.1"
53
53
  },
54
- "gitHead": "07fdb2ad62b19a19a284992cb74119bd0963b2a3"
54
+ "gitHead": "6cb4f73701fe96a9344ae979a1a8d6782e7bc94d"
55
55
  }
package/src/button.js CHANGED
@@ -40,7 +40,7 @@ export default class DecidablesButton extends DecidablesElement {
40
40
  color: var(---color-text-inverse);
41
41
 
42
42
  border: 0;
43
- border-radius: 0.25rem;
43
+ border-radius: var(---border-radius);
44
44
  outline: none;
45
45
  }
46
46
 
package/src/decidables-element.js CHANGED
@@ -194,14 +194,16 @@ export default class DecidablesElement extends LitElement {
194
194
  ---color-link: var(--color-link, ${unsafeCSS(this.greys.dark25)});
195
195
  ---color-element-background: var(--color-element-background, ${unsafeCSS(this.greys.light75)});
196
196
  ---color-element-disabled: var(--color-element-disabled, ${unsafeCSS(this.greys.light50)});
197
- ---color-element-enabled: var(--color-element-enabled, ${unsafeCSS(this.greys.grey)});
198
- ---color-element-selected: var(--color-element-selected, ${unsafeCSS(this.greys.dark25)});
197
+ ---color-element-enabled: var(--color-element-enabled, ${unsafeCSS(this.greys.dark25)});
198
+ ---color-element-selected: var(--color-element-selected, ${unsafeCSS(this.greys.grey)});
199
199
  ---color-element-border: var(--color-element-border, ${unsafeCSS(this.greys.dark50)});
200
200
  ---color-element-emphasis: var(--color-element-emphasis, ${unsafeCSS(this.greys.dark75)});
201
201
 
202
202
  ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
203
203
  ---font-family-math: var(--font-family-math, "Source Serif", serif);
204
204
 
205
+ ---border: var(--border, 1px solid var(---color-border));
206
+ ---border-radius: var(--border-radius, 0.25rem);
205
207
  ---transition-duration: var(--transition-duration, 500ms);
206
208
 
207
209
  font-family: var(---font-family-base);