jbx 2.2.0 → 2.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 (4) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/index.js +1 -0
  3. package/package.json +1 -1
  4. package/style.css +21 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ # 2.3.0
2
+
3
+ - Add CodeTextarea.
4
+
1
5
  # 2.2.0
2
6
 
3
7
  - Restore `Dropzone`.
package/index.js CHANGED
@@ -166,6 +166,7 @@ export const Tab = Component(
166
166
  );
167
167
 
168
168
  export const CodeSnippet = Component(`jbx-code-snippet`, null, { element: 'pre' });
169
+ export const CodeTextarea = Component(`jbx-code-area`, null, { element: 'textarea' });
169
170
 
170
171
  export const CheckboxHidden = Component(`jbx-checkbox-hidden`, ({ checked }) => {
171
172
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jbx",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "hi@javier.xyz",
package/style.css CHANGED
@@ -60,16 +60,34 @@ body,
60
60
  font-family: monaco, monospace;
61
61
  border: none;
62
62
  width: 100%;
63
- font-size: calc(var(--size) - 2px);
64
- line-height: 1.5;
65
- padding: var(--size);
63
+ font-size: calc(var(--size) - 3px);
64
+ line-height: 1.33;
65
+ padding: var(--size) calc(var(--size) * 1.2);
66
66
  background: #ecf0f1;
67
67
  color: #34495e;
68
+ resize: none;
68
69
  }
69
70
  .jbx-code-snippet:focus {
70
71
  outline: none;
71
72
  }
72
73
 
74
+ .jbx-code-area {
75
+ border-radius: var(--size);
76
+ font-family: monaco, monospace;
77
+ border: none;
78
+ width: 100%;
79
+ font-size: calc(var(--size) - 3px);
80
+ line-height: 1.33;
81
+ padding: var(--size) calc(var(--size) * 1.2);
82
+ background: #ecf0f1;
83
+ color: #34495e;
84
+ resize: none;
85
+ min-height: 120px;
86
+ }
87
+ .jbx-code-area:focus {
88
+ outline: none;
89
+ }
90
+
73
91
  .jbx-button {
74
92
  appearance: none;
75
93
  user-select: none;