@nyaruka/temba-components 0.49.1 → 0.49.2

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 (49) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/demo/index.html +28 -4
  3. package/dist/{a2536ddc.js → ac47779f.js} +246 -101
  4. package/dist/index.js +246 -101
  5. package/dist/static/svg/index.svg +1 -1
  6. package/dist/sw.js +1 -1
  7. package/dist/sw.js.map +1 -1
  8. package/dist/templates/components-body.html +1 -1
  9. package/dist/templates/components-head.html +1 -1
  10. package/out-tsc/src/colorpicker/ColorPicker.js +264 -0
  11. package/out-tsc/src/colorpicker/ColorPicker.js.map +1 -0
  12. package/out-tsc/src/list/TembaMenu.js +0 -4
  13. package/out-tsc/src/list/TembaMenu.js.map +1 -1
  14. package/out-tsc/src/utils/index.js +12 -0
  15. package/out-tsc/src/utils/index.js.map +1 -1
  16. package/out-tsc/src/vectoricon/index.js +9 -1
  17. package/out-tsc/src/vectoricon/index.js.map +1 -1
  18. package/out-tsc/temba-modules.js +2 -0
  19. package/out-tsc/temba-modules.js.map +1 -1
  20. package/out-tsc/test/temba-color-picker.test.js +49 -0
  21. package/out-tsc/test/temba-color-picker.test.js.map +1 -0
  22. package/package.json +2 -2
  23. package/screenshots/truth/colorpicker/default.png +0 -0
  24. package/screenshots/truth/colorpicker/focused.png +0 -0
  25. package/screenshots/truth/colorpicker/initialized.png +0 -0
  26. package/screenshots/truth/colorpicker/selected.png +0 -0
  27. package/src/colorpicker/ColorPicker.ts +260 -0
  28. package/src/list/TembaMenu.ts +0 -5
  29. package/src/untyped.d.ts +1 -0
  30. package/src/utils/index.ts +13 -0
  31. package/src/vectoricon/index.ts +10 -1
  32. package/static/svg/index.svg +1 -1
  33. package/static/svg/work/traced/browser.svg +1 -0
  34. package/static/svg/work/traced/calendar.svg +1 -0
  35. package/static/svg/work/traced/edit-05.svg +1 -0
  36. package/static/svg/work/traced/image-01.svg +1 -0
  37. package/static/svg/work/traced/list.svg +1 -0
  38. package/static/svg/work/traced/palette.svg +1 -0
  39. package/static/svg/work/traced/sliders-02.svg +1 -0
  40. package/static/svg/work/used/browser.svg +3 -0
  41. package/static/svg/work/used/calendar.svg +3 -0
  42. package/static/svg/work/used/edit-05.svg +3 -0
  43. package/static/svg/work/used/image-01.svg +3 -0
  44. package/static/svg/work/used/list.svg +3 -0
  45. package/static/svg/work/used/palette.svg +6 -0
  46. package/static/svg/work/used/sliders-02.svg +3 -0
  47. package/temba-modules.ts +2 -0
  48. package/test/temba-color-picker.test.ts +57 -0
  49. package/web-test-runner.config.mjs +9 -0
package/CHANGELOG.md CHANGED
@@ -4,8 +4,15 @@ All notable changes to this project will be documented in this file. Dates are d
4
4
 
5
5
  Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
6
6
 
7
+ #### [v0.49.2](https://github.com/nyaruka/temba-components/compare/v0.49.1...v0.49.2)
8
+
9
+ - Remove select first from menu [`#324`](https://github.com/nyaruka/temba-components/pull/324)
10
+ - Add color picker component [`#321`](https://github.com/nyaruka/temba-components/pull/321)
11
+
7
12
  #### [v0.49.1](https://github.com/nyaruka/temba-components/compare/v0.49.0...v0.49.1)
8
13
 
14
+ > 21 April 2023
15
+
9
16
  - Add some channel icons [`#318`](https://github.com/nyaruka/temba-components/pull/318)
10
17
  - Remove test icon [`88d4aa4`](https://github.com/nyaruka/temba-components/commit/88d4aa4c1c49c090160371e1a3f0883355cbc879)
11
18
  - Test pre-commit hook [`578547d`](https://github.com/nyaruka/temba-components/commit/578547d7aa8c82beca9dcc31efe6d450dcfbf9e4)
package/demo/index.html CHANGED
@@ -150,7 +150,31 @@
150
150
 
151
151
  <temba-tabs collapses>
152
152
 
153
- <temba-tab name="Overview" icon="list">
153
+ <temba-tab name="Color Picker" icon="colors">
154
+ <div style="display:flex;flex-wrap: wrap;">
155
+ <div style="width:400px">
156
+ <temba-color-picker
157
+ style="margin-bottom:1em"
158
+ name="primary"
159
+ label="Primary Color"
160
+ help_text="Choose a color that looks good under white text"
161
+ value="#2387ca"
162
+ >
163
+ </temba-color-picker>
164
+
165
+ <temba-color-picker
166
+ name="secondary"
167
+ label="Secondary Color"
168
+ value="#8c338c"
169
+ >
170
+ </temba-color-picker>
171
+
172
+
173
+ </div>
174
+ </div>
175
+ </temba-tab>
176
+
177
+ <temba-tab name="Overview" icon="default">
154
178
  <div style="display:flex;flex-wrap: wrap;">
155
179
  <temba-checkbox label="Check this out" checked></temba-checkbox>
156
180
  <temba-select placeholder="Select a color" clearable>
@@ -169,7 +193,7 @@
169
193
  <temba-completion value="you complete me @cont"></temba-completion>
170
194
  </temba-tab>
171
195
 
172
- <temba-tab name="datepicker" icon="calendar">
196
+ <temba-tab name="datepicker" icon="datepicker">
173
197
  <div style="display:flex;flex-wrap: wrap;">
174
198
  <temba-datepicker time value="2020-01-20T14:00+00:00" timezone="UTC" onChange="handleDateChange(event)"></temba-datepicker>
175
199
  <temba-datepicker value="2022-10-09" onChange="handleDateChange(event)"></temba-datepicker>
@@ -189,7 +213,7 @@
189
213
 
190
214
  </temba-tab>
191
215
 
192
- <temba-tab name="slider" icon="sliders-02">
216
+ <temba-tab name="slider" icon="slider">
193
217
 
194
218
 
195
219
  <div class="example">
@@ -204,7 +228,7 @@
204
228
 
205
229
  </temba-tab>
206
230
 
207
- <temba-tab name="select" icon="browser">
231
+ <temba-tab name="select" icon="select">
208
232
 
209
233
  <div class="example">
210
234
  <temba-select