@adyen/bento-vue2 0.8.2 → 0.9.0-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.
- package/dist/@types/components/checkbox/checkbox.vue.d.ts +2 -2
- package/dist/@types/components/currency/currency.vue.d.ts +0 -9
- package/dist/@types/components/filter-bar/components/all-filters-modal/components/all-filters-modal-button/all-filters-modal-button.vue.d.ts +46 -0
- package/dist/@types/components/filter-bar/components/base-filter/components/filter-bar-filter-button/filter-bar-filter-button.vue.d.ts +55 -0
- package/dist/@types/components/filter-bar/components/base-filter/components/index.d.ts +1 -1
- package/dist/@types/components/filter-bar/components/{base-filter/components/filter-button/filter-button.vue.d.ts → base-filter-button/base-filter-button.vue.d.ts} +2 -3
- package/dist/@types/components/input-field/input-field.types.d.ts +2 -1
- package/dist/@types/components/menu/menu.vue.d.ts +1 -1
- package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts +2 -3
- package/dist/@types/components/toggle/toggle.vue.d.ts +2 -3
- package/dist/@types/components/tooltip/tooltip.vue.d.ts +2 -2
- package/dist/@types/composables/index.d.ts +1 -1
- package/dist/@types/composables/use-default-slot-validator/use-default-slot-validator.d.ts +1 -0
- package/dist/@types/utils/ts/currency/currency.d.ts +1 -1
- package/dist/index.js +3164 -3123
- package/dist/index.js.map +1 -1
- package/dist/web-types.json +191 -89
- package/package.json +2 -2
- package/dist/@types/composables/use-default-slot-validator.d.ts +0 -1
- package/dist/@types/utils/ts/use-slot-text.d.ts +0 -2
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"framework": "vue",
|
|
3
3
|
"name": "@adyen/bento-vue2",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.9.0-2",
|
|
5
5
|
"contributions": {
|
|
6
6
|
"html": {
|
|
7
7
|
"description-markup": "markdown",
|
|
@@ -346,6 +346,57 @@
|
|
|
346
346
|
"symbol": "default"
|
|
347
347
|
}
|
|
348
348
|
},
|
|
349
|
+
{
|
|
350
|
+
"name": "all-filters-modal-button",
|
|
351
|
+
"description": "",
|
|
352
|
+
"attributes": [
|
|
353
|
+
{
|
|
354
|
+
"name": "label",
|
|
355
|
+
"required": true,
|
|
356
|
+
"description": "Button label to be displayed",
|
|
357
|
+
"value": {
|
|
358
|
+
"kind": "expression",
|
|
359
|
+
"type": "string"
|
|
360
|
+
}
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"name": "appliedFiltersCount",
|
|
364
|
+
"description": "Total count of applied filters",
|
|
365
|
+
"value": {
|
|
366
|
+
"kind": "expression",
|
|
367
|
+
"type": "number"
|
|
368
|
+
},
|
|
369
|
+
"default": "null"
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"name": "isFilterOpen",
|
|
373
|
+
"description": "Indicates whether the filter popover tied to this button is showing",
|
|
374
|
+
"value": {
|
|
375
|
+
"kind": "expression",
|
|
376
|
+
"type": "boolean"
|
|
377
|
+
},
|
|
378
|
+
"default": "false"
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"name": "disabled",
|
|
382
|
+
"description": "Disables button functionality.",
|
|
383
|
+
"value": {
|
|
384
|
+
"kind": "expression",
|
|
385
|
+
"type": "boolean"
|
|
386
|
+
},
|
|
387
|
+
"default": "false"
|
|
388
|
+
}
|
|
389
|
+
],
|
|
390
|
+
"events": [
|
|
391
|
+
{
|
|
392
|
+
"name": "click"
|
|
393
|
+
}
|
|
394
|
+
],
|
|
395
|
+
"source": {
|
|
396
|
+
"module": "./src/components/filter-bar/components/all-filters-modal/components/all-filters-modal-button/all-filters-modal-button.vue",
|
|
397
|
+
"symbol": "default"
|
|
398
|
+
}
|
|
399
|
+
},
|
|
349
400
|
{
|
|
350
401
|
"name": "avatar-image",
|
|
351
402
|
"description": "",
|
|
@@ -659,6 +710,57 @@
|
|
|
659
710
|
"symbol": "default"
|
|
660
711
|
}
|
|
661
712
|
},
|
|
713
|
+
{
|
|
714
|
+
"name": "base-filter-button",
|
|
715
|
+
"description": "A filter button used as a base to extend all sorts of filter buttons.\nUsed in the bento-filter-bar and all-filter-modals components.",
|
|
716
|
+
"attributes": [
|
|
717
|
+
{
|
|
718
|
+
"name": "amountAppliedValues",
|
|
719
|
+
"description": "The number of applies values within the filter.\ne.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.",
|
|
720
|
+
"value": {
|
|
721
|
+
"kind": "expression",
|
|
722
|
+
"type": "number"
|
|
723
|
+
},
|
|
724
|
+
"default": "null"
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"name": "disabled",
|
|
728
|
+
"description": "Disables button functionality.",
|
|
729
|
+
"value": {
|
|
730
|
+
"kind": "expression",
|
|
731
|
+
"type": "boolean"
|
|
732
|
+
},
|
|
733
|
+
"default": "false"
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"name": "isFilterOpen",
|
|
737
|
+
"description": "Signifies if the filter is open or closed.",
|
|
738
|
+
"value": {
|
|
739
|
+
"kind": "expression",
|
|
740
|
+
"type": "boolean"
|
|
741
|
+
},
|
|
742
|
+
"default": "false"
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"name": "hasChevron",
|
|
746
|
+
"description": "Toggles if a chevron icon should be displayed in the button.\nThe chevron will change depending on the open state of the filter.",
|
|
747
|
+
"value": {
|
|
748
|
+
"kind": "expression",
|
|
749
|
+
"type": "boolean"
|
|
750
|
+
},
|
|
751
|
+
"default": "false"
|
|
752
|
+
}
|
|
753
|
+
],
|
|
754
|
+
"slots": [
|
|
755
|
+
{
|
|
756
|
+
"name": "default"
|
|
757
|
+
}
|
|
758
|
+
],
|
|
759
|
+
"source": {
|
|
760
|
+
"module": "./src/components/filter-bar/components/base-filter-button/base-filter-button.vue",
|
|
761
|
+
"symbol": "default"
|
|
762
|
+
}
|
|
763
|
+
},
|
|
662
764
|
{
|
|
663
765
|
"name": "base-modal",
|
|
664
766
|
"description": "",
|
|
@@ -1371,15 +1473,6 @@
|
|
|
1371
1473
|
},
|
|
1372
1474
|
"default": "BentoCurrencyISOCode.EUR"
|
|
1373
1475
|
},
|
|
1374
|
-
{
|
|
1375
|
-
"name": "shorthand",
|
|
1376
|
-
"description": "Removes currency symbol before the number value",
|
|
1377
|
-
"value": {
|
|
1378
|
-
"kind": "expression",
|
|
1379
|
-
"type": "boolean"
|
|
1380
|
-
},
|
|
1381
|
-
"default": "false"
|
|
1382
|
-
},
|
|
1383
1476
|
{
|
|
1384
1477
|
"name": "majorUnits",
|
|
1385
1478
|
"description": "Accepts currency value in major units instead of minor ones",
|
|
@@ -1395,34 +1488,6 @@
|
|
|
1395
1488
|
"symbol": "default"
|
|
1396
1489
|
}
|
|
1397
1490
|
},
|
|
1398
|
-
{
|
|
1399
|
-
"name": "bento-data-grid",
|
|
1400
|
-
"description": "",
|
|
1401
|
-
"attributes": [
|
|
1402
|
-
{
|
|
1403
|
-
"name": "columns",
|
|
1404
|
-
"required": true,
|
|
1405
|
-
"description": "Column definitions",
|
|
1406
|
-
"value": {
|
|
1407
|
-
"kind": "expression",
|
|
1408
|
-
"type": "BentoColumn[]"
|
|
1409
|
-
}
|
|
1410
|
-
},
|
|
1411
|
-
{
|
|
1412
|
-
"name": "condensed",
|
|
1413
|
-
"description": "Sets the row cells to the condensed padding state.",
|
|
1414
|
-
"value": {
|
|
1415
|
-
"kind": "expression",
|
|
1416
|
-
"type": "boolean"
|
|
1417
|
-
},
|
|
1418
|
-
"default": "false"
|
|
1419
|
-
}
|
|
1420
|
-
],
|
|
1421
|
-
"source": {
|
|
1422
|
-
"module": "./src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue",
|
|
1423
|
-
"symbol": "default"
|
|
1424
|
-
}
|
|
1425
|
-
},
|
|
1426
1491
|
{
|
|
1427
1492
|
"name": "bento-data-grid",
|
|
1428
1493
|
"description": "",
|
|
@@ -1611,6 +1676,34 @@
|
|
|
1611
1676
|
"symbol": "default"
|
|
1612
1677
|
}
|
|
1613
1678
|
},
|
|
1679
|
+
{
|
|
1680
|
+
"name": "bento-data-grid",
|
|
1681
|
+
"description": "",
|
|
1682
|
+
"attributes": [
|
|
1683
|
+
{
|
|
1684
|
+
"name": "columns",
|
|
1685
|
+
"required": true,
|
|
1686
|
+
"description": "Column definitions",
|
|
1687
|
+
"value": {
|
|
1688
|
+
"kind": "expression",
|
|
1689
|
+
"type": "BentoColumn[]"
|
|
1690
|
+
}
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"name": "condensed",
|
|
1694
|
+
"description": "Sets the row cells to the condensed padding state.",
|
|
1695
|
+
"value": {
|
|
1696
|
+
"kind": "expression",
|
|
1697
|
+
"type": "boolean"
|
|
1698
|
+
},
|
|
1699
|
+
"default": "false"
|
|
1700
|
+
}
|
|
1701
|
+
],
|
|
1702
|
+
"source": {
|
|
1703
|
+
"module": "./src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue",
|
|
1704
|
+
"symbol": "default"
|
|
1705
|
+
}
|
|
1706
|
+
},
|
|
1614
1707
|
{
|
|
1615
1708
|
"name": "bento-data-grid",
|
|
1616
1709
|
"description": "",
|
|
@@ -2176,57 +2269,6 @@
|
|
|
2176
2269
|
"symbol": "default"
|
|
2177
2270
|
}
|
|
2178
2271
|
},
|
|
2179
|
-
{
|
|
2180
|
-
"name": "bento-filter-button",
|
|
2181
|
-
"description": "A filter button used to open a popover where a filter can be applied.\nUsed in the bento-filter-bar component.",
|
|
2182
|
-
"attributes": [
|
|
2183
|
-
{
|
|
2184
|
-
"name": "amountAppliedValues",
|
|
2185
|
-
"description": "The number of applies values within the filter.\ne.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.",
|
|
2186
|
-
"value": {
|
|
2187
|
-
"kind": "expression",
|
|
2188
|
-
"type": "number"
|
|
2189
|
-
},
|
|
2190
|
-
"default": "null"
|
|
2191
|
-
},
|
|
2192
|
-
{
|
|
2193
|
-
"name": "disabled",
|
|
2194
|
-
"description": "Disables button functionality.",
|
|
2195
|
-
"value": {
|
|
2196
|
-
"kind": "expression",
|
|
2197
|
-
"type": "boolean"
|
|
2198
|
-
},
|
|
2199
|
-
"default": "false"
|
|
2200
|
-
},
|
|
2201
|
-
{
|
|
2202
|
-
"name": "isFilterOpen",
|
|
2203
|
-
"description": "Signifies if the filter is open or closed.",
|
|
2204
|
-
"value": {
|
|
2205
|
-
"kind": "expression",
|
|
2206
|
-
"type": "boolean"
|
|
2207
|
-
},
|
|
2208
|
-
"default": "false"
|
|
2209
|
-
},
|
|
2210
|
-
{
|
|
2211
|
-
"name": "hasChevron",
|
|
2212
|
-
"description": "Toggles if a chevron icon should be displayed in the button.\nThe chevron will change depending on the open state of the filter.",
|
|
2213
|
-
"value": {
|
|
2214
|
-
"kind": "expression",
|
|
2215
|
-
"type": "boolean"
|
|
2216
|
-
},
|
|
2217
|
-
"default": "false"
|
|
2218
|
-
}
|
|
2219
|
-
],
|
|
2220
|
-
"slots": [
|
|
2221
|
-
{
|
|
2222
|
-
"name": "default"
|
|
2223
|
-
}
|
|
2224
|
-
],
|
|
2225
|
-
"source": {
|
|
2226
|
-
"module": "./src/components/filter-bar/components/base-filter/components/filter-button/filter-button.vue",
|
|
2227
|
-
"symbol": "default"
|
|
2228
|
-
}
|
|
2229
|
-
},
|
|
2230
2272
|
{
|
|
2231
2273
|
"name": "bento-focus-trap",
|
|
2232
2274
|
"description": "Locks the focus inside an element for a11y navigation.\nUseful for things like modals, popovers, etc...",
|
|
@@ -5734,6 +5776,66 @@
|
|
|
5734
5776
|
"symbol": "default"
|
|
5735
5777
|
}
|
|
5736
5778
|
},
|
|
5779
|
+
{
|
|
5780
|
+
"name": "filter-bar-filter-button",
|
|
5781
|
+
"description": "",
|
|
5782
|
+
"attributes": [
|
|
5783
|
+
{
|
|
5784
|
+
"name": "label",
|
|
5785
|
+
"required": true,
|
|
5786
|
+
"description": "Button label to be displayed",
|
|
5787
|
+
"value": {
|
|
5788
|
+
"kind": "expression",
|
|
5789
|
+
"type": "string"
|
|
5790
|
+
}
|
|
5791
|
+
},
|
|
5792
|
+
{
|
|
5793
|
+
"name": "appliedFiltersCount",
|
|
5794
|
+
"description": "Total count of applied filters",
|
|
5795
|
+
"value": {
|
|
5796
|
+
"kind": "expression",
|
|
5797
|
+
"type": "number"
|
|
5798
|
+
},
|
|
5799
|
+
"default": "null"
|
|
5800
|
+
},
|
|
5801
|
+
{
|
|
5802
|
+
"name": "hasChevron",
|
|
5803
|
+
"description": "Indicates whether the button has a chevron",
|
|
5804
|
+
"value": {
|
|
5805
|
+
"kind": "expression",
|
|
5806
|
+
"type": "boolean"
|
|
5807
|
+
},
|
|
5808
|
+
"default": "false"
|
|
5809
|
+
},
|
|
5810
|
+
{
|
|
5811
|
+
"name": "isFilterOpen",
|
|
5812
|
+
"description": "Indicates whether the filter popover tied to this button is showing",
|
|
5813
|
+
"value": {
|
|
5814
|
+
"kind": "expression",
|
|
5815
|
+
"type": "boolean"
|
|
5816
|
+
},
|
|
5817
|
+
"default": "false"
|
|
5818
|
+
},
|
|
5819
|
+
{
|
|
5820
|
+
"name": "disabled",
|
|
5821
|
+
"description": "Disables button functionality.",
|
|
5822
|
+
"value": {
|
|
5823
|
+
"kind": "expression",
|
|
5824
|
+
"type": "boolean"
|
|
5825
|
+
},
|
|
5826
|
+
"default": "false"
|
|
5827
|
+
}
|
|
5828
|
+
],
|
|
5829
|
+
"events": [
|
|
5830
|
+
{
|
|
5831
|
+
"name": "click"
|
|
5832
|
+
}
|
|
5833
|
+
],
|
|
5834
|
+
"source": {
|
|
5835
|
+
"module": "./src/components/filter-bar/components/base-filter/components/filter-bar-filter-button/filter-bar-filter-button.vue",
|
|
5836
|
+
"symbol": "default"
|
|
5837
|
+
}
|
|
5838
|
+
},
|
|
5737
5839
|
{
|
|
5738
5840
|
"name": "focus-trap-mock",
|
|
5739
5841
|
"description": "",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adyen/bento-vue2",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0-2",
|
|
4
4
|
"description": "Adyen Bento Vue2 components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"url": "git@github.com:Adyen/bento.git"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@adyen/bento-design-tokens": "0.
|
|
53
|
+
"@adyen/bento-design-tokens": "0.5.0",
|
|
54
54
|
"@adyen/ui-assets-flag-icons": "1.2.0",
|
|
55
55
|
"@adyen/ui-assets-icons-16": "3.1.0",
|
|
56
56
|
"@adyen/ui-assets-payment-method-icons": "5.2.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useDefaultSlotValidator: (componentName: string, defaultSlotValue: string, ...optionalSlotsValue: string[]) => void;
|