@nyaruka/temba-components 0.49.1 → 0.49.3
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.
- package/CHANGELOG.md +13 -0
- package/demo/index.html +28 -4
- package/dist/{a2536ddc.js → 3646c2ea.js} +247 -102
- package/dist/index.js +247 -102
- package/dist/static/svg/index.svg +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/templates/components-body.html +1 -1
- package/dist/templates/components-head.html +1 -1
- package/out-tsc/src/colorpicker/ColorPicker.js +268 -0
- package/out-tsc/src/colorpicker/ColorPicker.js.map +1 -0
- package/out-tsc/src/list/ContentMenu.js +1 -1
- package/out-tsc/src/list/ContentMenu.js.map +1 -1
- package/out-tsc/src/list/TembaMenu.js +0 -4
- package/out-tsc/src/list/TembaMenu.js.map +1 -1
- package/out-tsc/src/utils/index.js +12 -0
- package/out-tsc/src/utils/index.js.map +1 -1
- package/out-tsc/src/vectoricon/index.js +9 -1
- package/out-tsc/src/vectoricon/index.js.map +1 -1
- package/out-tsc/temba-modules.js +2 -0
- package/out-tsc/temba-modules.js.map +1 -1
- package/out-tsc/test/temba-color-picker.test.js +49 -0
- package/out-tsc/test/temba-color-picker.test.js.map +1 -0
- package/package.json +2 -2
- package/screenshots/truth/colorpicker/default.png +0 -0
- package/screenshots/truth/colorpicker/focused.png +0 -0
- package/screenshots/truth/colorpicker/initialized.png +0 -0
- package/screenshots/truth/colorpicker/selected.png +0 -0
- package/src/colorpicker/ColorPicker.ts +267 -0
- package/src/list/ContentMenu.ts +1 -1
- package/src/list/TembaMenu.ts +0 -5
- package/src/untyped.d.ts +1 -0
- package/src/utils/index.ts +13 -0
- package/src/vectoricon/index.ts +10 -1
- package/static/svg/index.svg +1 -1
- package/static/svg/work/traced/browser.svg +1 -0
- package/static/svg/work/traced/calendar.svg +1 -0
- package/static/svg/work/traced/edit-05.svg +1 -0
- package/static/svg/work/traced/image-01.svg +1 -0
- package/static/svg/work/traced/list.svg +1 -0
- package/static/svg/work/traced/palette.svg +1 -0
- package/static/svg/work/traced/sliders-02.svg +1 -0
- package/static/svg/work/used/browser.svg +3 -0
- package/static/svg/work/used/calendar.svg +3 -0
- package/static/svg/work/used/edit-05.svg +3 -0
- package/static/svg/work/used/image-01.svg +3 -0
- package/static/svg/work/used/list.svg +3 -0
- package/static/svg/work/used/palette.svg +6 -0
- package/static/svg/work/used/sliders-02.svg +3 -0
- package/temba-modules.ts +2 -0
- package/test/temba-color-picker.test.ts +57 -0
- package/web-test-runner.config.mjs +9 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,8 +4,21 @@ 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.3](https://github.com/nyaruka/temba-components/compare/v0.49.2...v0.49.3)
|
|
8
|
+
|
|
9
|
+
- Fix some styling variables [`#325`](https://github.com/nyaruka/temba-components/pull/325)
|
|
10
|
+
|
|
11
|
+
#### [v0.49.2](https://github.com/nyaruka/temba-components/compare/v0.49.1...v0.49.2)
|
|
12
|
+
|
|
13
|
+
> 2 May 2023
|
|
14
|
+
|
|
15
|
+
- Remove select first from menu [`#324`](https://github.com/nyaruka/temba-components/pull/324)
|
|
16
|
+
- Add color picker component [`#321`](https://github.com/nyaruka/temba-components/pull/321)
|
|
17
|
+
|
|
7
18
|
#### [v0.49.1](https://github.com/nyaruka/temba-components/compare/v0.49.0...v0.49.1)
|
|
8
19
|
|
|
20
|
+
> 21 April 2023
|
|
21
|
+
|
|
9
22
|
- Add some channel icons [`#318`](https://github.com/nyaruka/temba-components/pull/318)
|
|
10
23
|
- Remove test icon [`88d4aa4`](https://github.com/nyaruka/temba-components/commit/88d4aa4c1c49c090160371e1a3f0883355cbc879)
|
|
11
24
|
- 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="
|
|
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="
|
|
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="
|
|
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="
|
|
231
|
+
<temba-tab name="select" icon="select">
|
|
208
232
|
|
|
209
233
|
<div class="example">
|
|
210
234
|
<temba-select
|