@adyen/bento-vue2 1.27.0 → 1.28.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.27.0",
+  "version": "1.28.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -377,6 +377,45 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "avatar",
+          "description": "",
+          "attributes": [
+            {
+              "name": "iconOnly",
+              "required": false,
+              "description": "Displays the user profile without the label.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "src",
+              "required": false,
+              "description": "Image src to load the profile picture.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "username",
+              "required": true,
+              "description": "Name of the user that will be used both in the label and to extract initials to display default value.\nJohn => J\nJohn Smith => JS\nJohn Smith Doe => JD\nJohn Smith Doe Holly => JH",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/avatar/avatar.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "avatar-image",
           "description": "",
@@ -688,43 +727,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-avatar",
-          "description": "Displays an user profile including an avatar and optionally a label.",
-          "attributes": [
-            {
-              "name": "iconOnly",
-              "description": "Displays the user profile without the label.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "username",
-              "required": true,
-              "description": "Name of the user that will be used both in the label and to extract initials to display default value.\nJohn => J\nJohn Smith => JS\nJohn Smith Doe => JD\nJohn Smith Doe Holly => JH",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "src",
-              "description": "Image src to load the profile picture.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            }
-          ],
-          "source": {
-            "module": "./src/components/internal/avatar/avatar.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-base-filter",
           "description": "",
@@ -2874,139 +2876,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-segmented-control",
-          "description": "",
-          "attributes": [
-            {
-              "name": "items",
-              "required": true,
-              "description": "Items that will populate the segmented control.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoSegmentedControlItem[]"
-              }
-            },
-            {
-              "name": "modelValue",
-              "required": true,
-              "description": "Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.",
-              "value": {
-                "kind": "expression",
-                "type": "number|string|null"
-              }
-            },
-            {
-              "name": "ariaLabel",
-              "description": "Accessible name describing the segmented control.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "fullWidth",
-              "description": "If set to true, renders the component full width.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "wrap",
-              "description": "If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "source": {
-            "module": "./src/components/segmented-control/segmented-control.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "bento-segmented-control-button",
-          "description": "Internal component to be used within the BentoSegmentedControl component only",
-          "attributes": [
-            {
-              "name": "label",
-              "required": true,
-              "description": "The string the button will showcase",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "value",
-              "required": true,
-              "description": "Indicates the value of the input that will be returned when it's selected",
-              "value": {
-                "kind": "expression",
-                "type": "string|number"
-              }
-            },
-            {
-              "name": "modelValue",
-              "description": "This property should not be used directly.\nIt will be used by v-model directive on the segmented control component",
-              "value": {
-                "kind": "expression",
-                "type": "string|number"
-              },
-              "default": "null"
-            },
-            {
-              "name": "disabled",
-              "description": "Disable the radio button (optional)",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "fullWidth",
-              "description": "Renders the button with a 100% width",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "truncate",
-              "description": "Renders the button with a truncated text if the space is not enough to render the whole content",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "wrap",
-              "description": "Renders the button with centered text in case the text has to wrap multiple lines",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "events": [
-            {
-              "name": "update:model-value"
-            }
-          ],
-          "source": {
-            "module": "./src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-select-avatar-filter",
           "description": "The Select Avatar filter displays a listbox of avatar items\npassed in the \"options.listboxItems\" property.",
@@ -3127,29 +2996,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-status",
-          "description": "A Status component is used to indicate a\npassage of time or a particular step of a process.",
-          "attributes": [
-            {
-              "name": "variant",
-              "required": true,
-              "value": {
-                "kind": "expression",
-                "type": "BentoStatusVariant | `${BentoStatusVariant}`"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/status/status.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-summary-grid",
           "description": "A summary grid component that displays a collection items.",
@@ -4898,6 +4744,64 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "dashed-underline",
+          "description": "",
+          "attributes": [
+            {
+              "name": "popoverText",
+              "required": false,
+              "description": "Text showed in the popover on hover",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "popoverPosition",
+              "required": false,
+              "description": "Position the popover should take if space is available",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "'top'"
+            },
+            {
+              "name": "tooltipText",
+              "required": false,
+              "description": "Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "tooltipPosition",
+              "required": false,
+              "description": "Position the tooltip should take if space is available.",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "'top'"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "popover-content"
+            }
+          ],
+          "source": {
+            "module": "./src/components/dashed-underline/dashed-underline.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid",
           "description": "",
@@ -5601,6 +5505,45 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-static-icon",
+          "description": "",
+          "attributes": [
+            {
+              "name": "colored",
+              "required": false,
+              "description": "Renderes the icon with color.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "tooltipText",
+              "required": true,
+              "description": "The text displaying in the tooltip.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "The variant of the icon.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDataGridStaticIconVariant"
+              },
+              "default": "'no-value'"
+            }
+          ],
+          "source": {
+            "module": "./src/components/data-grid/components/data-grid-static-icon/data-grid-static-icon.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid.test",
           "description": "",
@@ -10078,6 +10021,154 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "segmented-control",
+          "description": "",
+          "attributes": [
+            {
+              "name": "ariaLabel",
+              "required": false,
+              "description": "Accessible name describing the segmented control.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "fullWidth",
+              "required": false,
+              "description": "If set to true, renders the component full width.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "items",
+              "required": true,
+              "description": "Items that will populate the segmented control.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              }
+            },
+            {
+              "name": "modelValue",
+              "required": true,
+              "description": "Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              }
+            },
+            {
+              "name": "wrap",
+              "required": false,
+              "description": "If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:model-value",
+              "description": "Emitted every time the segmented control internal value is changed"
+            }
+          ],
+          "source": {
+            "module": "./src/components/segmented-control/segmented-control.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "segmented-control-button",
+          "description": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disable the radio button (optional)",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "fullWidth",
+              "required": false,
+              "description": "Renders the button with a 100% width",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "The string the button will showcase",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "modelValue",
+              "required": false,
+              "description": "This property should not be used directly.\nIt will be used by v-model directive on the segmented control component",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "null"
+            },
+            {
+              "name": "truncate",
+              "required": false,
+              "description": "Renders the button with a truncated text if the space is not enough to render the whole content",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "value",
+              "required": true,
+              "description": "Indicates the value of the input that will be returned when it's selected",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              }
+            },
+            {
+              "name": "wrap",
+              "required": false,
+              "description": "Renders the button with centered text in case the text has to wrap multiple lines",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:model-value",
+              "description": "Emitted every time the segmented control internal value is changed"
+            }
+          ],
+          "source": {
+            "module": "./src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "select-filter",
           "description": "",
@@ -10715,6 +10806,29 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "status",
+          "description": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/status/status.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "step",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "1.27.0",
+    "version": "1.28.0",
     "description": "Adyen Bento Vue2 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -62,7 +62,7 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "1.27.0",
+        "@adyen/bento-design-tokens": "1.28.0",
         "@adyen/ui-assets-icons-16": "4.1.0",
         "@adyen/ui-assets-payment-method-icons": "6.1.0",
         "@codemirror/commands": "6.3.3",
@@ -94,7 +94,7 @@
         "react": "16.14.0"
     },
     "devDependencies": {
-        "@adyen/bento-cli": "0.1.0",
+        "@adyen/bento-cli": "0.1.1",
         "@adyen/lume": "1.11.1",
         "@storybook/addon-a11y": "7.6.17",
         "@storybook/addon-essentials": "7.6.17",
@@ -105,7 +105,7 @@
         "@testing-library/jest-dom": "5.16.5",
         "@testing-library/user-event": "14.4.3",
         "@testing-library/vue": "5.8.2",
-        "@vitejs/plugin-vue2": "2.2.0",
+        "@vitejs/plugin-vue2": "2.3.1",
         "axe-core": "4.4.2",
         "clean-webpack-plugin": "3.0.0",
         "css-loader": "5.2.7",
@@ -113,11 +113,9 @@
         "html-webpack-plugin": "4.5.2",
         "sass": "1.54.6",
         "sass-loader": "12.6.0",
-        "svg-url-loader": "2.3.2",
-        "vite": "4.2.1",
+        "svg-url-loader": "6.0.0",
         "vite-plugin-dynamic-import": "1.5.0",
         "vue-docgen-web-types": "0.1.8",
-        "vue-loader": "15.10.0",
         "vue-style-loader": "4.1.3",
         "vue-tsc": "1.0.24"
     }

package/dist/assets/index15.css

@@ -1 +0,0 @@
-.b-status[data-v-4eb7001b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-4eb7001b],.b-status[data-v-4eb7001b]:before,.b-status[data-v-4eb7001b]:after{box-sizing:border-box}.b-status *[data-v-4eb7001b],.b-status *[data-v-4eb7001b]:before,.b-status *[data-v-4eb7001b]:after{box-sizing:border-box}.b-status[data-v-4eb7001b] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-4eb7001b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-status__indicator[data-v-4eb7001b]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-4eb7001b]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-4eb7001b]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-4eb7001b]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-4eb7001b]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-4eb7001b]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-4eb7001b]{background:var(--b-status-indicator-yellow-background-color)}

package/dist/assets/index32.css

@@ -1 +0,0 @@
-button[data-v-c9ee4993]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c9ee4993]:focus-visible{outline:none}.b-filter-bar-button[data-v-c9ee4993]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;text-decoration:none;user-select:none}.b-filter-bar-button[data-v-c9ee4993],.b-filter-bar-button[data-v-c9ee4993]:before,.b-filter-bar-button[data-v-c9ee4993]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-c9ee4993],.b-filter-bar-button *[data-v-c9ee4993]:before,.b-filter-bar-button *[data-v-c9ee4993]:after{box-sizing:border-box}.b-filter-bar-button[data-v-c9ee4993] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-c9ee4993] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-filter-bar-button[data-v-c9ee4993]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-c9ee4993]{background-color:var(--b-filter-bar-button-counter-hover-background-color)}}.b-legacy-theme .b-filter-bar-button__counter[data-v-c9ee4993],.b-legacy-theme .b-filter-bar-button__secondary-label[data-v-c9ee4993]{font-weight:400;line-height:18px}.b-legacy-theme .b-filter-bar-button__label[data-v-c9ee4993]{font-weight:400}.b-legacy-theme .b-filter-bar-button--active[data-v-c9ee4993]{background-color:var(--b-filter-bar-button-with-counter-background-color);border:var(--b-filter-bar-button-with-counter-border);color:var(--b-filter-bar-button-with-counter-color)}.b-legacy-theme .b-filter-bar-button--active[data-v-c9ee4993]:active:not(:disabled){background-color:var(--b-filter-bar-button-with-counter-active-background-color);border-color:var(--b-filter-bar-button-with-counter-active-border-color);color:var(--b-filter-bar-button-with-counter-active-color)}.b-legacy-theme .b-filter-bar-button--active:active:not(:disabled) .b-filter-bar-button__counter[data-v-c9ee4993]{color:var(--b-filter-bar-button-with-counter-active-counter-color)}.b-filter-bar-button[data-v-c9ee4993]:active:not(:disabled){border:var(--b-filter-bar-button-active-border)}.b-filter-bar-button[data-v-c9ee4993]:disabled,.b-filter-bar-button[data-v-c9ee4993]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-c9ee4993],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-c9ee4993]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-c9ee4993]:focus-visible{animation:outer-ring-default-c9ee4993 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-c9ee4993{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--filter-open[data-v-c9ee4993]:not(:hover){border:var(--b-filter-bar-button-filter-open-border)}.b-filter-bar-button--with-chevron .b-filter-bar-button__container[data-v-c9ee4993]{padding-right:var(--b-filter-bar-button-with-chevron-container-padding-right)}.b-filter-bar-button--with-secondary-label .b-filter-bar-button__container[data-v-c9ee4993]{padding-right:var(--b-filter-bar-button-with-secondary-label-container-padding-right)}.b-filter-bar-button__chevron[data-v-c9ee4993]{display:flex;justify-content:center;padding-right:var(--b-filter-bar-button-chevron-padding-right)}.b-filter-bar-button__container[data-v-c9ee4993]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;padding:var(--b-filter-bar-button-container-padding);vertical-align:bottom}.b-filter-bar-button__counter[data-v-c9ee4993]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);margin-right:var(--b-filter-bar-button-counter-margin-right);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-c9ee4993]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-c9ee4993],.b-filter-bar-button__secondary-label[data-v-c9ee4993]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__secondary-label[data-v-c9ee4993]{background-color:var(--b-filter-bar-button-secondary-label-background-color);border-radius:var(--b-filter-bar-button-secondary-label-border-radius);color:var(--b-filter-bar-button-secondary-label-color);padding:var(--b-filter-bar-button-secondary-label-padding)}.b-filter-bar-button__icon-left[data-v-c9ee4993],.b-filter-bar-button__icon-right[data-v-c9ee4993]{display:inline-flex}.b-base-filter[data-v-28a58201]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-28a58201],.b-base-filter[data-v-28a58201]:before,.b-base-filter[data-v-28a58201]:after{box-sizing:border-box}.b-base-filter *[data-v-28a58201],.b-base-filter *[data-v-28a58201]:before,.b-base-filter *[data-v-28a58201]:after{box-sizing:border-box}.b-base-filter[data-v-28a58201] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-28a58201] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-base-filter__popover[data-v-28a58201] .b-button-actions__container-wrapper{flex-direction:row;justify-content:space-between}.b-input-filter[data-v-9845c982]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-9845c982],.b-input-filter[data-v-9845c982]:before,.b-input-filter[data-v-9845c982]:after{box-sizing:border-box}.b-input-filter *[data-v-9845c982],.b-input-filter *[data-v-9845c982]:before,.b-input-filter *[data-v-9845c982]:after{box-sizing:border-box}.b-input-filter[data-v-9845c982] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-9845c982] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-9845c982]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-date-filter[data-v-3a27d7af]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-3a27d7af],.b-date-filter[data-v-3a27d7af]:before,.b-date-filter[data-v-3a27d7af]:after{box-sizing:border-box}.b-date-filter *[data-v-3a27d7af],.b-date-filter *[data-v-3a27d7af]:before,.b-date-filter *[data-v-3a27d7af]:after{box-sizing:border-box}.b-date-filter[data-v-3a27d7af] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-3a27d7af] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-filter__divider[data-v-3a27d7af]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-ac4735f4] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-ac4735f4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-ac4735f4],.b-date-range-filter[data-v-ac4735f4]:before,.b-date-range-filter[data-v-ac4735f4]:after{box-sizing:border-box}.b-date-range-filter *[data-v-ac4735f4],.b-date-range-filter *[data-v-ac4735f4]:before,.b-date-range-filter *[data-v-ac4735f4]:after{box-sizing:border-box}.b-date-range-filter[data-v-ac4735f4] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-ac4735f4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-range-filter__actions[data-v-ac4735f4]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-legacy-theme .b-date-range-filter__actions[data-v-ac4735f4] .b-button-actions__container-wrapper{flex-direction:initial;justify-content:space-between}.b-date-range-filter__divider[data-v-ac4735f4]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter-button[data-v-6c03a9a8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-6c03a9a8],.b-select-filter-button[data-v-6c03a9a8]:before,.b-select-filter-button[data-v-6c03a9a8]:after{box-sizing:border-box}.b-select-filter-button *[data-v-6c03a9a8],.b-select-filter-button *[data-v-6c03a9a8]:before,.b-select-filter-button *[data-v-6c03a9a8]:after{box-sizing:border-box}.b-select-filter-button[data-v-6c03a9a8] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-6c03a9a8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-6c03a9a8]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-6c03a9a8]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__wrapper[data-v-6c03a9a8]{max-height:270px}.b-boolean-filter[data-v-e6adae8e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-e6adae8e],.b-boolean-filter[data-v-e6adae8e]:before,.b-boolean-filter[data-v-e6adae8e]:after{box-sizing:border-box}.b-boolean-filter *[data-v-e6adae8e],.b-boolean-filter *[data-v-e6adae8e]:before,.b-boolean-filter *[data-v-e6adae8e]:after{box-sizing:border-box}.b-boolean-filter[data-v-e6adae8e] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-e6adae8e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-e6adae8e]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-d9161521]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-d9161521],.b-range-filter[data-v-d9161521]:before,.b-range-filter[data-v-d9161521]:after{box-sizing:border-box}.b-range-filter *[data-v-d9161521],.b-range-filter *[data-v-d9161521]:before,.b-range-filter *[data-v-d9161521]:after{box-sizing:border-box}.b-range-filter[data-v-d9161521] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-d9161521] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-d9161521]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-d9161521]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button *[data-v-66b170d4],.b-base-filter-button *[data-v-66b170d4]:before,.b-base-filter-button *[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-base-filter-button[data-v-66b170d4]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}.b-base-filter-button:hover .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-hover-background-color)}}.b-legacy-theme .b-base-filter-button__counter[data-v-66b170d4]{font-weight:400;line-height:19px}.b-legacy-theme .b-base-filter-button__label[data-v-66b170d4]{font-weight:400}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button:active:not(:disabled) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-active-background-color)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button:focus-visible .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-modal-counter-focus-background-color)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button--filter-open .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-open-background-color)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-4c415ac7],.b-all-filters-modal-button *[data-v-4c415ac7]:before,.b-all-filters-modal-button *[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]{border-radius:var(--b-filter-button-modal-border-radius)}@media (hover: hover){.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-filter-button-modal-hover-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:hover:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled,.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled:not(:focus){background-color:var(--b-filter-button-modal-disabled-background-color);color:var(--b-filter-button-modal-disabled-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled .b-base-filter-button__counter,.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled:not(:focus) .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-disabled-counter-background-color);color:var(--b-filter-button-modal-disabled-counter-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:focus-visible{box-shadow:var(--b-filter-button-modal-focus-box-shadow)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:focus-visible:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7] .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-counter-background-color);color:var(--b-filter-button-modal-counter-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-all-filters-modal[data-v-a6a7d960]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-a6a7d960],.b-all-filters-modal[data-v-a6a7d960]:before,.b-all-filters-modal[data-v-a6a7d960]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-a6a7d960],.b-all-filters-modal *[data-v-a6a7d960]:before,.b-all-filters-modal *[data-v-a6a7d960]:after{box-sizing:border-box}.b-all-filters-modal[data-v-a6a7d960] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-a6a7d960] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-a6a7d960] .b-modal-page{height:calc(100vh - 128px);max-height:800px;overflow:hidden;position:relative}.b-all-filters-modal[data-v-a6a7d960] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-a6a7d960] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-a6a7d960] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-a6a7d960] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-a6a7d960] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-a6a7d960] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-a6a7d960] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-a6a7d960] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-a6a7d960] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-a6a7d960]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-a6a7d960]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-a6a7d960]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-a6a7d960]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-a6a7d960]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-a6a7d960]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-a6a7d960]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-a6a7d960]{flex:1}.b-all-filters-modal__clear-button[data-v-a6a7d960]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-a6a7d960]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-f8c09e65]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-f8c09e65],.b-filter-bar[data-v-f8c09e65]:before,.b-filter-bar[data-v-f8c09e65]:after{box-sizing:border-box}.b-filter-bar *[data-v-f8c09e65],.b-filter-bar *[data-v-f8c09e65]:before,.b-filter-bar *[data-v-f8c09e65]:after{box-sizing:border-box}.b-filter-bar[data-v-f8c09e65] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-f8c09e65] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__actions[data-v-f8c09e65]{display:flex;gap:var(--b-filter-bar-actions-gap)}.b-filter-bar__before-filters[data-v-f8c09e65]{gap:var(--b-filter-bar-before-filters-gap)}.b-filter-bar__before-filters[data-v-f8c09e65]:not(:has(.b-filter-bar__search-bar)){display:none}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-f8c09e65],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-f8c09e65],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-f8c09e65]{display:none}.b-filter-bar__before-filters .b-filter-bar__search-bar[data-v-f8c09e65]{flex:1;width:unset}.b-filter-bar__container[data-v-f8c09e65]{display:flex;flex-direction:column;gap:var(--b-filter-bar-container-gap)}.b-filter-bar__filters-container[data-v-f8c09e65]{display:flex;flex-direction:column;gap:var(--b-filter-bar-filters-container-gap)}.b-filter-bar__fixed-scroller[data-v-f8c09e65] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-f8c09e65] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__scroller-content[data-v-f8c09e65]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-f8c09e65]{display:none}@container (min-width: 375px) and (max-width: 499px){.b-filter-bar__actions[data-v-f8c09e65]{display:none}.b-filter-bar__before-filters[data-v-f8c09e65]{display:flex}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-f8c09e65],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-f8c09e65],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-f8c09e65]{display:inherit}}@container (min-width: 500px) and (max-width: 767px){.b-filter-bar__actions[data-v-f8c09e65]{display:none}.b-filter-bar__before-filters[data-v-f8c09e65]{display:flex}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-f8c09e65],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-f8c09e65],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-f8c09e65]{display:inherit}.b-filter-bar__before-filters .b-filter-bar__search-bar[data-v-f8c09e65]{flex:0;min-width:200px}}@container (min-width: 768px){.b-filter-bar__actions[data-v-f8c09e65]{flex-shrink:0}.b-filter-bar__before-filters[data-v-f8c09e65]{display:none}.b-filter-bar__filters-container[data-v-f8c09e65]{display:flex;flex-direction:row}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-f8c09e65]{display:inherit;max-width:200px;min-width:200px;width:200px}}