globuswebcomponents 1.3.7 → 1.3.9

package/dist/esm/gb-breadcrumb-button-base.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-4b3f6d77.js';
+
+const gbBreadcrumbButtonBaseCss = "/* @import 'tailwind.css'; */\r\n\r\n:root {\r\n    /* --------------------------------------Primary Colors--------------------------------------------- */\r\n    /* base color palette */\r\n    --base-white: #fff;\r\n    --base-black: #000;\r\n\r\n\r\n    /* gray color palette  */\r\n    --gray-25: #fcfcfd;\r\n    --gray-50: #f6f8fa;\r\n    --gray-100: #eef2f6;\r\n    --gray-200: #e3e8ef;\r\n    --gray-300: #cdd5df;\r\n    --gray-400: #9aa4b2;\r\n    --gray-500: #697586;\r\n    --gray-600: #4b5565;\r\n    --gray-700: #364152;\r\n    --gray-800: #202939;\r\n    --gray-900: #121926;\r\n    --gray-950: #0D121C;\r\n\r\n    /* brand dark blue color palette */\r\n    --brandDarkBlue-25: #F9F9FB;\r\n    --brandDarkBlue-50: #edeef3;\r\n    --brandDarkBlue-100: #d3d5e0;\r\n    --brandDarkBlue-200: #b5b9cc;\r\n    --brandDarkBlue-300: #9095b2;\r\n    --brandDarkBlue-400: #464f7f;\r\n    --brandDarkBlue-500: #212c65;\r\n    --brandDarkBlue-600: #1e285c;\r\n    --brandDarkBlue-700: #1c2554;\r\n    --brandDarkBlue-800: #161d43;\r\n    --brandDarkBlue-900: #0b0f22;\r\n    --brandDarkBlue-950: #070914;\r\n\r\n    /* brand red color palette */\r\n    --brandRed-25: #fffbfa;\r\n    --brandRed-50: #fef1f2;\r\n    --brandRed-100: #fde3e5;\r\n    --brandRed-200: #f9b4ba;\r\n    --brandRed-300: #f68e98;\r\n    --brandRed-400: #f36976;\r\n    --brandRed-500: #e21b2e;\r\n    --brandRed-600: #cc1a2a;\r\n    --brandRed-700: #b51726;\r\n    --brandRed-800: #8c121d;\r\n    --brandRed-900: #680d16;\r\n    --brandRed-950: #3f080d;\r\n\r\n    /* warning color palette */\r\n    --warning-25: #fffcf5;\r\n    --warning-50: #fffaeb;\r\n    --warning-100: #fef0c7;\r\n    --warning-200: #fedf89;\r\n    --warning-300: #fec84b;\r\n    --warning-400: #fdb022;\r\n    --warning-500: #f79009;\r\n    --warning-600: #dc6803;\r\n    --warning-700: #b54708;\r\n    --warning-800: #93370d;\r\n    --warning-900: #7A2e0e;\r\n    --warning-950: #4e1d09;\r\n\r\n    /* success color palette  */\r\n    --success-25: #f6fef9;\r\n    --success-50: #ecfdf3;\r\n    --success-100: #dcfaeb;\r\n    --success-200: #a9efc5;\r\n    --success-300: #75e0a7;\r\n    --success-400: #47cd89;\r\n    --success-500: #17b26a;\r\n    --success-600: #079455;\r\n    --success-700: #067647;\r\n    --success-800: #085d3a;\r\n    --success-900: #074d31;\r\n    --success-950: #053321;\r\n\r\n    /* ------------------------------------------opacity color palette--------------------------------------  */\r\n    /* 20% opacity */\r\n    --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n    --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n    /* 30% opacity */\r\n    --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n    --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n    /* 40% opacity */\r\n    --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n    --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n    /* ------------------------------------------Secondary Color------------------------------------------- */\r\n    /* blueLight color palete */\r\n    --lightBlue-25: #F5FBFF;\r\n    --lightBlue-50: #F0F9FF;\r\n    --lightBlue-100: #E0F2FE;\r\n    --lightBlue-200: #B9E6FE;\r\n    --lightBlue-300: #7CD4FD;\r\n    --lightBlue-400: #7CD4FD;\r\n    --lightBlue-500: #0BA5EC;\r\n    --lightBlue-600: #0086C9;\r\n    --lightBlue-700: #026AA2;\r\n    --lightBlue-800: #065986;\r\n    --lightBlue-900: #0B4A6F;\r\n    --lightBlue-950: #062C41;\r\n   \r\n\r\n    /* blue color palette */\r\n    --blue-25: #ECF5FE;\r\n    --blue-50: #E4F0FC;\r\n    --blue-100: #C8E0F9;\r\n    --blue-200: #9AC7F4;\r\n    --blue-300: #6AA9E7;\r\n    --blue-400: #378FE6;\r\n    --blue-500: #075DB2;\r\n    --blue-600: #064E94;\r\n    --blue-700: #053E77;\r\n    --blue-800: #042F59;\r\n    --blue-900: #022445;\r\n    --blue-950: #021D37;\r\n\r\n    /* Purple color palete */\r\n    --purple-25: #FAFAFF;\r\n    --purple-50: #F4F3FF;\r\n    --purple-100: #EBE9FE;\r\n    --purple-200: #D9D6FE;\r\n    --purple-300: #BDB4FE;\r\n    --purple-400: #9B8AFB;\r\n    --purple-500: #7A5AF8;\r\n    --purple-600: #6938EF;\r\n    --purple-700: #5925DC;\r\n    --purple-800: #4A1FB8;\r\n    --purple-900: #3E1C96;\r\n    --purple-950: #27115F;\r\n\r\n\r\n    /* pink color palette */\r\n    --pink-25: #FEF6FB;\r\n    --pink-50: #FDF2FA;\r\n    --pink-100: #FCE7F6;\r\n    --pink-200: #FCCEEE;\r\n    --pink-300: #FAA7E0;\r\n    --pink-400: #F670C7;\r\n    --pink-500: #EE46BC;\r\n    --pink-600: #DD2590;\r\n    --pink-700: #C11574;\r\n    --pink-800: #9E165F;\r\n    --pink-900: #851651;\r\n    --pink-950: #4E0D30;\r\n\r\n\r\n\r\n    /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n    /* -----------Text Color----------- */\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text: var(--gray-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text: var(--gray-400);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-inverse: var(--base-black);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n     [data-theme=\"light\"] {\r\n        --color-text-danger-subtle: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-danger-subtle: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-warning: var(--warning-600);\r\n    }\r\n\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-warning: var(--warning-300);\r\n    }\r\n\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-warning-subtle: var(--warning-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-warning-subtle: var(--warning-400);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-success-subtle: var(--success-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-success-subtle: var(--success-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-discovery: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-discovery: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-discovery-subtle: var(--blueLight-400);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-discovery-subtle: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-information-subtle: var(--blue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-information-subtle: var(--blue-400);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-purple-subtle: var(--purple-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-purple-subtle: var(--purple-400);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-text-pink-subtle: var(--pink-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-text-pink-subtle: var(--pink-400);\r\n    }\r\n\r\n\r\n    /* --------------Link color--------------- */\r\n\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-link: var(--blue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-link: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-link-visited: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-link-visited: var(--blueLight-300);\r\n    }\r\n\r\n\r\n    /* --------------Icon color--------------- */\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-bold: var(--gray-100);\r\n    }\r\n    \r\n    [data-theme=\"light\"] {\r\n        --color-icon: var(--gray-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon: var(--gray-400);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-icon-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-icon-pink: var(--pink-300);\r\n    }\r\n\r\n    /* ----------------Border Color --------------- */\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border: var(--gray-400);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border: var(--gray-500);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-subtle: var(--gray-300);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-subtler: var(--gray-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-disabled: var(--gray-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-input: var(--gray-300);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-input: var(--gray-600);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-focus: var(--gray-400);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-focus: var(--blue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-success-subtler: var(--success-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-discovery-subtle: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-discovery-subtle: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-discovery-subtler: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-discovery-subtler: var(--blueLight-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-border-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-border-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n\r\n\r\n    /* Emmanuel Kadiri starts from background color */\r\n\r\n    /* ----------------Background Color --------------- */\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-card-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-card-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-card: var(--base-white);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-card: var(--gray-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-input: var(--gray-400);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-input: var(--gray-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-disabled: var(--gray-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-disabled: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-brandRed-hover: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-brandRed-hover: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-gray-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-gray-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-gray: var(--gray-300);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-gray: var(--gray-600);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-gray-subtle: var(--gray-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-gray-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-gray-subtler: var(--gray-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-gray-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-gray-subtlest: var(--gray-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-gray-subtlest: var(--gray-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-danger-subtlest: var(--brandRed-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-danger-subtlest: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-warning: var(--warning-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-warning-subtlest: var(--warning-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-warning-subtlest: var(--warning-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-success: var(--success-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-success-subtler: var(--success-100); \r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-success-subtlest: var(--success-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-success-subtlest: var(--success-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-discovery-bold: var(--lightBlue-800)\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-discovery-bold: var(--lightBlue-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-discovery: var(--lightBlue-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-discovery: var(--lightBlue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"]{\r\n        --color-background-discovery-subtle: var(--lightBlue-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-discovery-subtle: var(--lightBlue-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-discovery-subtler: var(--lightBlue-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-discovery-subtler: var(--lightBlue-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-discovery-subtlest: var(--lightBlue-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-discovery-subtlest: var(--lightBlue-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-information-bold: var(--blue-100)\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-information: var(--blue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-information-subtlest: var(--blue-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-information-subtlest: var(--blue-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-purple-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-purple: var(--blue-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-purple-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-purple-subtlest: var(--purple-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-pink: var(--pink-200);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-background-pink-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-background-pink-subtlest: var(--pink-950);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Blanket Color --------------- */\r\n    [data-theme=\"light\"] {\r\n        --color-blanket: var(--darkBlue500-opacity20);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-blanket: var(--darkBlue200-opacity20);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Skeleton Color --------------- */\r\n    [data-theme=\"light\"] {\r\n        --color-skeleton: var(--gray-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-skeleton: var(--gray-800);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Surface Color --------------- */\r\n    [data-theme=\"light\"] {\r\n        --color-surface-bold: var(--gray-25);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-surface-bold: var(--gray-950);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-surface: var(--base-white);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-surface: var(--gray-900);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-surface-hovered: var(--gray-100); \r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-surface-hovered: var(--gray-800);\r\n    }\r\n\r\n    [data-theme=\"light\"] {\r\n        --color-surface-pressed: var(--gray-200);\r\n    }\r\n\r\n    [data-theme=\"dark\"] {\r\n        --color-surface-pressed: var(--gray-700);\r\n    }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n    --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n    --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n    --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n    --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n    --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);   \r\n    --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n    --blur-sm: blur(4px);\r\n    --blur-md: blur(8px);\r\n    --blur-lg: blur(12px);\r\n    --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n    box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n    box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n    box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n    box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n    backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n    backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n    backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n    backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n    /* Gray Gradients */\r\n    /* --gray-gradient-600: linear-gradient(); */\r\n    --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n    --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n    --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n    --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n    /* Brand Dark Blue Gradients */\r\n    --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n    --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n    /* Brand Red Gradients */\r\n    --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n    --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n    --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n    --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n    --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n    --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n    /* Blue Gradients */\r\n    --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n    --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n    --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n    --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n    --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n    --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n    background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n    background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n    background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n    background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n    background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n    background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n    background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n    background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n    background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n    background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n    background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n    background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n    background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n    background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n    background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n    background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n    background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n    background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n    background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n    background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n    background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n    background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n    background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n    background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root{\r\n    /* Positive spacing */\r\n    --spacing-none: 0rem;\r\n    --spacing-half: 0.125rem;\r\n    --spacing-1: 0.25rem;\r\n    --spacing-2: 0.5rem;\r\n    --spacing-3: 0.75rem;\r\n    --spacing-4: 1rem;\r\n    --spacing-5: 1.25rem;\r\n    --spacing-6: 1.5rem;\r\n    --spacing-7: 2rem;\r\n    --spacing-8: 2.5rem;\r\n    --spacing-12: 3rem;\r\n    --spacing-16: 4rem;\r\n    --spacing-20: 5rem;\r\n    --spacing-24: 6rem;\r\n    --spacing-32: 8rem;\r\n    --spacing-40: 10rem;\r\n    --spacing-48: 12rem;\r\n    --spacing-56: 14rem;\r\n    --spacing-64: 16rem;\r\n\r\n    /* Negative spacing */\r\n\r\n    --spacing-negative-half: -0.125rem;\r\n    --spacing-negative-1: -0.25rem;\r\n    --spacing-negative-2: -0.5rem;\r\n    --spacing-negative-3: -0.75rem;\r\n    --spacing-negative-4: -1rem;\r\n    --spacing-negative-5: -1.25rem;\r\n    --spacing-negative-6: -1.5rem;\r\n    --spacing-negative-7: -2rem;\r\n\r\n    /* Radius  */\r\n    --rounded-none: 0rem;\r\n    --rounded-xs: 0.25rem;\r\n    --rounded-sm: 0.5rem;\r\n    --rounded-md: 0.75rem;\r\n    --rounded-lg: 1rem;\r\n    --rounded-xl: 1.5rem;\r\n    --rounded-2xl: 2rem;\r\n    --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n\r\n:root{\r\n    /* Font Sizes */\r\n    --font-size-d-2xl: 4.5rem;\r\n    --font-size-d-xl: 3.75rem;\r\n    --font-size-d-lg: 3rem;\r\n    --font-size-d-md: 2.25rem;\r\n    --font-size-d-sm: 1.875rem;\r\n    --font-size-d-xs: 1.5rem;\r\n    --font-size-t-xl: 1.25rem;\r\n    --font-size-t-lg: 1.125rem;\r\n    --font-size-t-md: 1rem;\r\n    --font-size-t-sm: 0.875rem;\r\n    --font-size-t-xs: 0.75rem;\r\n    --font-size-t-xxs: 0.625rem;\r\n\r\n    /* Font Weights */\r\n    --font-weight-bold: 700;\r\n    --font-weight-semi-bold: 600;\r\n    --font-weight-medium: 500;\r\n    --font-weight-regular: 400; \r\n\r\n    /* Line Heights */\r\n    --font-line-height-d-2xl: 5rem;\r\n    --font-line-height-d-xl: 4.25rem;\r\n    --font-line-height-d-lg: 3.75rem;\r\n    --font-line-height-d-md: 2.75rem;   \r\n    --font-line-height-d-sm: 2.375rem;   \r\n    --font-line-height-d-xs: 2rem;   \r\n    --font-line-height-t-xl: 1.875rem;\r\n    --font-line-height-t-lg: 1.688rem;\r\n    --font-line-height-t-md: 1.5rem;\r\n    --font-line-height-t-sm: 1.313rem;\r\n    --font-line-height-t-xs: 1.125rem;\r\n    --font-line-height-t-xxs: 0.938rem;\r\n\r\n    /* Letter Spacings */\r\n    --font-letter-spacing-d-2xl: -0.09rem;\r\n    --font-letter-spacing-d-xl: -0.075rem;\r\n    --font-letter-spacing-d-lg: -0.075rem;\r\n    --font-letter-spacing-d-md: -0.045rem;\r\n    --font-letter-spacing-d-sm: 0;\r\n    --font-letter-spacing-d-xs: 0;\r\n    --font-letter-spacing-d-xxs: 0;\r\n\r\n    /* Font Families */\r\n    --font-family-title: 'Sora';\r\n    --font-family-body: 'Sora';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n    :root{\r\n        /* Font Sizes */\r\n        --font-size-d-2xl: 3.75rem;\r\n        --font-size-d-xl: 3.5rem;\r\n        --font-size-d-lg: 2.75rem;\r\n        --font-size-d-md: 2.25rem;\r\n        --font-size-d-sm: 1.875rem;\r\n        --font-size-d-xs: 1.5rem;\r\n\r\n        /* Line Heights */\r\n        --font-line-height-d-2xl: 4.25rem;\r\n        --font-line-height-d-xl: 3.75rem;\r\n        --font-line-height-d-lg: 2.4375rem;\r\n        --font-line-height-d-md: 2.75rem;\r\n        --font-line-height-d-sm: 2.375rem;\r\n        --font-line-height-d-xs: 2rem;\r\n\r\n        /* Letter Spacings */\r\n        --font-letter-spacing-2xl: -0.075rem;\r\n        --font-letter-spacing-xl: -0.065rem;\r\n        --font-letter-spacing-lg: -0.045rem;\r\n        --font-letter-spacing-md: -0.045rem;\r\n        --font-letter-spacing-sm: 0rem;\r\n        --font-letter-spacing-xs: 0rem;\r\n    }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n    :root{\r\n        /* Font Sizes */\r\n        --font-size-d-2xl: 3rem;\r\n        --font-size-d-xl: 2.5rem;\r\n        --font-size-d-lg: 2rem;\r\n        --font-size-d-md: 1.75rem;\r\n        --font-size-d-sm: 1.5rem;\r\n        --font-size-d-xs: 1.25rem;\r\n\r\n        /* Line Heights */\r\n        --font-line-height-d-2xl: 3.375rem;\r\n        --font-line-height-d-xl: 2.875rem;\r\n        --font-line-height-d-lg: 2.5rem;\r\n        --font-line-height-d-md: 2.1375rem;\r\n        --font-line-height-d-sm: 2rem;\r\n        --font-line-height-d-xs: 1.75rem;\r\n\r\n        /* Letter Spacings */\r\n        --font-letter-spacing-2xl: -0.06rem;\r\n        --font-letter-spacing-xl: -0.05rem;\r\n        --font-letter-spacing-lg: -0.045rem;\r\n        --font-letter-spacing-md: 0rem;\r\n        --font-letter-spacing-sm: 0rem;\r\n        --font-letter-spacing-xs: 0rem;\r\n    }\r\n}\r\n\r\n.display-2xl-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-2xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-2xl);\r\n    letter-spacing: var(--font-letter-spacing-d-2xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n    margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n    margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-2xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-2xl);\r\n    letter-spacing: var(--font-letter-spacing-d-2xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n    margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n    margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-xl);\r\n    letter-spacing: var(--font-letter-spacing-d-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n    margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n    margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-xl);\r\n    letter-spacing: var(--font-letter-spacing-d-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n    margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n    margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-lg);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-lg);\r\n    letter-spacing: var(--font-letter-spacing-d-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n    margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n    margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-lg);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-lg);\r\n    letter-spacing: var(--font-letter-spacing-d-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n    margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n    margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-md);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-md);\r\n    letter-spacing: var(--font-letter-spacing-d-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-md);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-md);\r\n    letter-spacing: var(--font-letter-spacing-d-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-sm);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-sm);\r\n    letter-spacing: var(--font-letter-spacing-d-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-sm);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-sm);\r\n    letter-spacing: var(--font-letter-spacing-d-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-xs);\r\n    letter-spacing: var(--font-letter-spacing-d-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n    margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n    margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-xs);\r\n    letter-spacing: var(--font-letter-spacing-d-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n    margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n    margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n    margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n    margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n    margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n    margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n    margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n    margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n    margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n    margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n    margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n    margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n:host {\r\n  width: fit-content;\r\n}\r\n\r\n.breadcrumb_button_base_div {\r\n  cursor: pointer;\r\n}\r\n\r\n.breadcrumb_button_base_div.icon {\r\n  display: flex;\r\n  align-items: flex-start;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n  padding: 0.25rem;\r\n  border-radius: 0.375rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_gray {\r\n  display: flex;\r\n  width: fit-content;\r\n  padding: var(--spacing-2);\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: var(--rounded-xs);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:hover .icon path {\r\n  width: 1.25rem;\r\n  height: 1.25rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:hover .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:active .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:hover .icon path {\r\n  fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:active .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text {\r\n  width: fit-content;\r\n}\r\n\r\n.breadcrumb_text {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text:hover {\r\n  text-decoration: underline;\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.text:active {\r\n  text-decoration: none;\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text.current.text {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:hover {\r\n  text-decoration: underline;\r\n  color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:active {\r\n  text-decoration: none;\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/* Button Primary Styles */\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_primary.icon {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:hover,\r\n.breadcrumb_button_base_div.button_primary.icon:hover {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:active,\r\n.breadcrumb_button_base_div.button_primary.icon:active {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current,\r\n.breadcrumb_button_base_div.button_primary.current {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover,\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n  background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n  background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:active {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n  fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_primary.current {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary.current {\r\n  color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary.current {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/* Button Gray Styles */\r\n.breadcrumb_button_base_div.button_gray,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:hover,\r\n.breadcrumb_button_base_div.button_gray.icon:hover {\r\n  background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:active,\r\n.breadcrumb_button_base_div.button_gray.icon:active {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current,\r\n.breadcrumb_button_base_div.button_gray.current {\r\n  background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover,\r\n.breadcrumb_button_base_div.button_gray.current:hover {\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active,\r\n.breadcrumb_button_base_div.button_gray.current:active {\r\n  background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n  fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.button_gray {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_gray.current {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray.current {\r\n  color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray.current {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n";
+const GbBreadcrumbButtonBaseStyle0 = gbBreadcrumbButtonBaseCss;
+
+const GbBreadcrumbButtonBase = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.current = false;
+        this.type = undefined;
+        this.icon = false;
+    }
+    render() {
+        return (h("div", { key: 'c7b263572d58f6b68dc1fc9a281702f7be29d7e5', class: `breadcrumb_button_base_div ${this.type} ${this.icon ? 'icon' : ''} ${this.current ? 'current' : ''}` }, this.icon ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "icon" }, h("path", { d: "M9.25013 15C9.25013 15.4142 9.58592 15.75 10.0001 15.75C10.4143 15.75 10.7501 15.4142 10.7501 15H9.25013ZM10.7501 12.5C10.7501 12.0858 10.4143 11.75 10.0001 11.75C9.58592 11.75 9.25013 12.0858 9.25013 12.5H10.7501ZM5.85096 3.83335L5.41152 3.22558L5.85096 3.83335ZM14.1493 3.83335L14.5888 3.22558V3.22558L14.1493 3.83335ZM2.21049 12.6437L1.46919 12.7576L2.21049 12.6437ZM17.7898 12.6437L17.0485 12.5298V12.5298L17.7898 12.6437ZM18.0406 11.0112L18.7819 11.1251L18.0406 11.0112ZM15.3492 4.70091L14.9097 5.30868V5.30868L15.3492 4.70091ZM1.95963 11.0112L2.70093 10.8973L1.95963 11.0112ZM4.65108 4.70091L5.09053 5.30868L4.65108 4.70091ZM10.7501 15V12.5H9.25013V15H10.7501ZM17.2993 10.8973L17.0485 12.5298L18.5311 12.7576L18.7819 11.1251L17.2993 10.8973ZM10.9491 17.5834H9.05112V19.0834H10.9491V17.5834ZM2.95179 12.5298L2.70093 10.8973L1.21833 11.1251L1.46919 12.7576L2.95179 12.5298ZM5.09053 5.30868L6.2904 4.44113L5.41152 3.22558L4.21164 4.09313L5.09053 5.30868ZM13.7099 4.44113L14.9097 5.30868L15.7886 4.09313L14.5888 3.22558L13.7099 4.44113ZM6.2904 4.44113C7.30337 3.70872 8.01234 3.19753 8.60953 2.86241C9.18937 2.53703 9.5984 2.41669 10.0001 2.41669V0.916687C9.24932 0.916687 8.58264 1.15746 7.87547 1.5543C7.18565 1.9414 6.3963 2.51355 5.41152 3.22558L6.2904 4.44113ZM14.5888 3.22558C13.604 2.51355 12.8146 1.9414 12.1248 1.5543C11.4176 1.15746 10.7509 0.916687 10.0001 0.916687V2.41669C10.4019 2.41669 10.8109 2.53703 11.3907 2.86241C11.9879 3.19753 12.6969 3.70872 13.7099 4.44113L14.5888 3.22558ZM9.05112 17.5834C7.60947 17.5834 6.59586 17.5821 5.81847 17.4876C5.05984 17.3955 4.62131 17.2237 4.2889 16.9472L3.3297 18.1005C3.97055 18.6335 4.73007 18.8665 5.63761 18.9767C6.52639 19.0846 7.64706 19.0834 9.05112 19.0834V17.5834ZM1.46919 12.7576C1.67466 14.0946 1.83829 15.1692 2.08095 16.0066C2.33016 16.8666 2.68578 17.5649 3.3297 18.1005L4.2889 16.9472C3.95956 16.6733 3.7243 16.2884 3.52168 15.5891C3.3125 14.8673 3.16336 13.9065 2.95179 12.5298L1.46919 12.7576ZM17.0485 12.5298C16.8369 13.9065 16.6878 14.8673 16.4786 15.5891C16.276 16.2884 16.0407 16.6733 15.7114 16.9472L16.6706 18.1005C17.3145 17.5649 17.6701 16.8666 17.9193 16.0066C18.162 15.1692 18.3256 14.0946 18.5311 12.7576L17.0485 12.5298ZM10.9491 19.0834C12.3532 19.0834 13.4739 19.0846 14.3627 18.9767C15.2702 18.8665 16.0297 18.6335 16.6706 18.1005L15.7114 16.9472C15.379 17.2237 14.9404 17.3955 14.1818 17.4876C13.4044 17.5821 12.3908 17.5834 10.9491 17.5834V19.0834ZM18.7819 11.1251C18.9267 10.1833 19.0448 9.42055 19.0755 8.7878C19.107 8.1371 19.0507 7.56162 18.8099 6.99693L17.4301 7.58541C17.5512 7.86926 17.6023 8.19665 17.5772 8.71526C17.5513 9.25182 17.4488 9.9248 17.2993 10.8973L18.7819 11.1251ZM14.9097 5.30868C15.7248 5.898 16.2911 6.30854 16.7033 6.67427C17.1036 7.02939 17.3085 7.30014 17.4301 7.58541L18.8099 6.99693C18.5696 6.43364 18.1921 5.98984 17.6989 5.55225C17.2176 5.12527 16.5795 4.66495 15.7886 4.09313L14.9097 5.30868ZM2.70093 10.8973C2.55148 9.9248 2.44901 9.25182 2.42303 8.71526C2.39793 8.19665 2.44908 7.86926 2.57014 7.58541L1.1904 6.99693C0.949549 7.56162 0.893285 8.1371 0.924789 8.7878C0.955423 9.42055 1.0736 10.1833 1.21833 11.1251L2.70093 10.8973ZM4.21164 4.09313C3.42078 4.66495 2.78265 5.12527 2.30142 5.55225C1.80822 5.98984 1.43065 6.43364 1.1904 6.99693L2.57014 7.58541C2.69181 7.30014 2.89669 7.02939 3.29693 6.67427C3.70915 6.30854 4.27546 5.898 5.09053 5.30868L4.21164 4.09313Z", fill: "#697586" }))) : (h("p", { class: `breadcrumb_text text-sm-medium ${this.type} ${this.current ? 'current' : ''}` }, "Projects"))));
+    }
+};
+GbBreadcrumbButtonBase.style = GbBreadcrumbButtonBaseStyle0;
+
+export { GbBreadcrumbButtonBase as gb_breadcrumb_button_base };
+
+//# sourceMappingURL=gb-breadcrumb-button-base.entry.js.map

package/dist/esm/gb-breadcrumb-button-base.entry.js.map

@@ -0,0 +1 @@
+{"file":"gb-breadcrumb-button-base.entry.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,wz3EAAwz3E,CAAC;AAC313E,qCAAe,yBAAyB;;MCM3B,sBAAsB;;;uBACN,KAAK;;oBAER,KAAK;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,8BAA8B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,IAAI,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,IAC9G,IAAI,CAAC,IAAI,IACR,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,IACzG,YACE,CAAC,EAAC,k0GAAk0G,EACp0G,IAAI,EAAC,SAAS,GACd,CACE,KAEN,SAAG,KAAK,EAAE,kCAAkC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,eAAc,CACvG,CACG,EACN;KACH;;;;;;","names":[],"sources":["src/components/gb-breadcrumb-button-base/gb-breadcrumb-button-base.css?tag=gb-breadcrumb-button-base&encapsulation=shadow","src/components/gb-breadcrumb-button-base/gb-breadcrumb-button-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n  width: fit-content;\r\n}\r\n\r\n.breadcrumb_button_base_div {\r\n  cursor: pointer;\r\n}\r\n\r\n.breadcrumb_button_base_div.icon {\r\n  display: flex;\r\n  align-items: flex-start;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n  padding: 0.25rem;\r\n  border-radius: 0.375rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_gray {\r\n  display: flex;\r\n  width: fit-content;\r\n  padding: var(--spacing-2);\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: var(--rounded-xs);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:hover .icon path {\r\n  width: 1.25rem;\r\n  height: 1.25rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:hover .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:active .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:hover .icon path {\r\n  fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:active .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text {\r\n  width: fit-content;\r\n}\r\n\r\n.breadcrumb_text {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text:hover {\r\n  text-decoration: underline;\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.text:active {\r\n  text-decoration: none;\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text.current.text {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:hover {\r\n  text-decoration: underline;\r\n  color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:active {\r\n  text-decoration: none;\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/* Button Primary Styles */\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_primary.icon {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:hover,\r\n.breadcrumb_button_base_div.button_primary.icon:hover {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:active,\r\n.breadcrumb_button_base_div.button_primary.icon:active {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current,\r\n.breadcrumb_button_base_div.button_primary.current {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover,\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n  background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n  background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:active {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n  fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n  fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_primary.current {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary.current {\r\n  color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary.current {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/* Button Gray Styles */\r\n.breadcrumb_button_base_div.button_gray,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:hover,\r\n.breadcrumb_button_base_div.button_gray.icon:hover {\r\n  background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:active,\r\n.breadcrumb_button_base_div.button_gray.icon:active {\r\n  background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current,\r\n.breadcrumb_button_base_div.button_gray.current {\r\n  background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover,\r\n.breadcrumb_button_base_div.button_gray.current:hover {\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active,\r\n.breadcrumb_button_base_div.button_gray.current:active {\r\n  background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n  fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n  fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.button_gray {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_gray.current {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray.current {\r\n  color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray.current {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n","import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-breadcrumb-button-base',\r\n  styleUrl: 'gb-breadcrumb-button-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbBreadcrumbButtonBase {\r\n  @Prop() current: boolean = false;\r\n  @Prop() type: 'text' | 'buttton_primary' | 'button_gray';\r\n  @Prop() icon: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <div class={`breadcrumb_button_base_div ${this.type} ${this.icon ? 'icon' : ''} ${this.current ? 'current' : ''}`}>\r\n        {this.icon ? (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"icon\">\r\n            <path\r\n              d=\"M9.25013 15C9.25013 15.4142 9.58592 15.75 10.0001 15.75C10.4143 15.75 10.7501 15.4142 10.7501 15H9.25013ZM10.7501 12.5C10.7501 12.0858 10.4143 11.75 10.0001 11.75C9.58592 11.75 9.25013 12.0858 9.25013 12.5H10.7501ZM5.85096 3.83335L5.41152 3.22558L5.85096 3.83335ZM14.1493 3.83335L14.5888 3.22558V3.22558L14.1493 3.83335ZM2.21049 12.6437L1.46919 12.7576L2.21049 12.6437ZM17.7898 12.6437L17.0485 12.5298V12.5298L17.7898 12.6437ZM18.0406 11.0112L18.7819 11.1251L18.0406 11.0112ZM15.3492 4.70091L14.9097 5.30868V5.30868L15.3492 4.70091ZM1.95963 11.0112L2.70093 10.8973L1.95963 11.0112ZM4.65108 4.70091L5.09053 5.30868L4.65108 4.70091ZM10.7501 15V12.5H9.25013V15H10.7501ZM17.2993 10.8973L17.0485 12.5298L18.5311 12.7576L18.7819 11.1251L17.2993 10.8973ZM10.9491 17.5834H9.05112V19.0834H10.9491V17.5834ZM2.95179 12.5298L2.70093 10.8973L1.21833 11.1251L1.46919 12.7576L2.95179 12.5298ZM5.09053 5.30868L6.2904 4.44113L5.41152 3.22558L4.21164 4.09313L5.09053 5.30868ZM13.7099 4.44113L14.9097 5.30868L15.7886 4.09313L14.5888 3.22558L13.7099 4.44113ZM6.2904 4.44113C7.30337 3.70872 8.01234 3.19753 8.60953 2.86241C9.18937 2.53703 9.5984 2.41669 10.0001 2.41669V0.916687C9.24932 0.916687 8.58264 1.15746 7.87547 1.5543C7.18565 1.9414 6.3963 2.51355 5.41152 3.22558L6.2904 4.44113ZM14.5888 3.22558C13.604 2.51355 12.8146 1.9414 12.1248 1.5543C11.4176 1.15746 10.7509 0.916687 10.0001 0.916687V2.41669C10.4019 2.41669 10.8109 2.53703 11.3907 2.86241C11.9879 3.19753 12.6969 3.70872 13.7099 4.44113L14.5888 3.22558ZM9.05112 17.5834C7.60947 17.5834 6.59586 17.5821 5.81847 17.4876C5.05984 17.3955 4.62131 17.2237 4.2889 16.9472L3.3297 18.1005C3.97055 18.6335 4.73007 18.8665 5.63761 18.9767C6.52639 19.0846 7.64706 19.0834 9.05112 19.0834V17.5834ZM1.46919 12.7576C1.67466 14.0946 1.83829 15.1692 2.08095 16.0066C2.33016 16.8666 2.68578 17.5649 3.3297 18.1005L4.2889 16.9472C3.95956 16.6733 3.7243 16.2884 3.52168 15.5891C3.3125 14.8673 3.16336 13.9065 2.95179 12.5298L1.46919 12.7576ZM17.0485 12.5298C16.8369 13.9065 16.6878 14.8673 16.4786 15.5891C16.276 16.2884 16.0407 16.6733 15.7114 16.9472L16.6706 18.1005C17.3145 17.5649 17.6701 16.8666 17.9193 16.0066C18.162 15.1692 18.3256 14.0946 18.5311 12.7576L17.0485 12.5298ZM10.9491 19.0834C12.3532 19.0834 13.4739 19.0846 14.3627 18.9767C15.2702 18.8665 16.0297 18.6335 16.6706 18.1005L15.7114 16.9472C15.379 17.2237 14.9404 17.3955 14.1818 17.4876C13.4044 17.5821 12.3908 17.5834 10.9491 17.5834V19.0834ZM18.7819 11.1251C18.9267 10.1833 19.0448 9.42055 19.0755 8.7878C19.107 8.1371 19.0507 7.56162 18.8099 6.99693L17.4301 7.58541C17.5512 7.86926 17.6023 8.19665 17.5772 8.71526C17.5513 9.25182 17.4488 9.9248 17.2993 10.8973L18.7819 11.1251ZM14.9097 5.30868C15.7248 5.898 16.2911 6.30854 16.7033 6.67427C17.1036 7.02939 17.3085 7.30014 17.4301 7.58541L18.8099 6.99693C18.5696 6.43364 18.1921 5.98984 17.6989 5.55225C17.2176 5.12527 16.5795 4.66495 15.7886 4.09313L14.9097 5.30868ZM2.70093 10.8973C2.55148 9.9248 2.44901 9.25182 2.42303 8.71526C2.39793 8.19665 2.44908 7.86926 2.57014 7.58541L1.1904 6.99693C0.949549 7.56162 0.893285 8.1371 0.924789 8.7878C0.955423 9.42055 1.0736 10.1833 1.21833 11.1251L2.70093 10.8973ZM4.21164 4.09313C3.42078 4.66495 2.78265 5.12527 2.30142 5.55225C1.80822 5.98984 1.43065 6.43364 1.1904 6.99693L2.57014 7.58541C2.69181 7.30014 2.89669 7.02939 3.29693 6.67427C3.70915 6.30854 4.27546 5.898 5.09053 5.30868L4.21164 4.09313Z\"\r\n              fill=\"#697586\"\r\n            />\r\n          </svg>\r\n        ) : (\r\n          <p class={`breadcrumb_text text-sm-medium ${this.type} ${this.current ? 'current' : ''}`}>Projects</p>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/gb-button-close.entry.js

@@ -10,7 +10,7 @@ const GbButtonClose = class {
         this.color = undefined;
     }
     render() {
-        return (h("div", { key: 'e6b39746863d3af24ad7c691e6a3d4ef3873d500', class: `${this.size} ${this.color}` }, h("svg", { key: '57a85b9d14becea7a48dbb2f266535c2a42c2d81', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `${this.size}` }, h("path", { key: '1e1178c32d5f36f784795307284a52c2554477d6', d: "M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: '873f52990d07c0b7ce74e13b4cba016fe4379d58', class: `${this.size} ${this.color}` }, h("svg", { key: 'defc57708df0ee08279211db14a716fec5094d4d', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `${this.size}` }, h("path", { key: 'fd76832bd2121979ef148dfcc699a9124e445339', d: "M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
 };
 GbButtonClose.style = GbButtonCloseStyle0;

package/dist/esm/gb-carousel-arrow.entry.js

@@ -10,7 +10,7 @@ const GbCarouselArrow = class {
         this.chevron = undefined;
     }
     render() {
-        return (h("div", { key: '764ae396057eb7da1518f327d1290d72adef26e5', class: `carousel_arrow ${this.size}` }, this.chevron === 'left' && (h("svg", { key: 'd3abbd733e7761897c919fd518f6d41c8d5115ce', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'f22bbc9b7e7627b31b1fc1f79286d4a52feb66ee', d: "M15 5.99989C15 5.99989 9.00001 10.4188 9 11.9999C8.99999 13.5811 15 17.9999 15 17.9999", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.chevron === 'right' && (h("svg", { key: '8ccab795fe76c1acae7f24b234faffb392dc0531', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '5906a4cebcd8b57ec7ad04cb39d603e99b909bfc', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: '931c74e406b7b9682f6ef34f9d1b6c8cd586c5a3', class: `carousel_arrow ${this.size}` }, this.chevron === 'left' && (h("svg", { key: '5cb32fb53127980d031abf00d7bebe2183d2da3d', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'c330ceab86b48a0d95363fd0d7e16d46ac0dd0c6', d: "M15 5.99989C15 5.99989 9.00001 10.4188 9 11.9999C8.99999 13.5811 15 17.9999 15 17.9999", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.chevron === 'right' && (h("svg", { key: 'c76de3176e338fe3921786e88a71dc8717fc0002', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'c930652d52238f0864cef33701f494992ea576d2', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 GbCarouselArrow.style = GbCarouselArrowStyle0;

package/dist/esm/gb-checkbox-group-item.entry.js

@@ -91,7 +91,7 @@ const GbCheckboxGroupItem = class {
     }
     render() {
         return [
-            h("div", { key: '0ed25b975191b57f55f2a07846f38b1cb3660f28', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''} ${this.breakpoint}`, onClick: () => this.toggleSelection() }, h("div", { key: 'f21f47098ad1d7d95ecff065350b54513d080caa', class: "item-content" }, this.renderIcon(), h("div", { key: '2e9102c7fa4ae86a913e6f79071c3272e38f0aa1', class: "text-container" }, h("div", { key: '638c5bc4f8ec60edb5987a7b1c8d1165b13e37f4', class: `label-cost ${this.type}` }, h("slot", { key: 'e2b48104f252d04b50ef3443e00001fa31fb8dba', name: "label" }), this.showCost && h("slot", { key: '034aa803acdf7f7b3661374f99f17ac8e917d68b', name: "cost" })), this.type === 'payment_icon' ? (h("div", { class: "buttons" }, h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "Set as default")), h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, h("p", null, "Edit")))) : (h("slot", { name: "supporting_text" })))), this.type === 'icon_simple' || this.type === 'avatar' || this.type === 'payment_icon' ? (h("div", { class: `checkbox_container` }, h("gb-checkbox", { type: 'check_circle', size: this.size, state: this.state, checked: this.selected }))) : null),
+            h("div", { key: '79dd00d5987c033d0027335d18e20218f439367b', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''} ${this.breakpoint}`, onClick: () => this.toggleSelection() }, h("div", { key: '526755b1b6671edb44f72d3f0ef97a2ed5e58fd6', class: "item-content" }, this.renderIcon(), h("div", { key: '8659e1db901e2d2c3e1fe31f50b6b9b94522fa69', class: "text-container" }, h("div", { key: 'a9c8530b29b7f5be54bda7ef6a41b7fef8fffcc7', class: `label-cost ${this.type}` }, h("slot", { key: 'f77e0a8bb6beb6f6cb657d9f7f54e18f4cda5a5f', name: "label" }), this.showCost && h("slot", { key: 'abd3b136a6979a7e6440caa693edd86cf8d2209a', name: "cost" })), this.type === 'payment_icon' ? (h("div", { class: "buttons" }, h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "Set as default")), h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, h("p", null, "Edit")))) : (h("slot", { name: "supporting_text" })))), this.type === 'icon_simple' || this.type === 'avatar' || this.type === 'payment_icon' ? (h("div", { class: `checkbox_container` }, h("gb-checkbox", { type: 'check_circle', size: this.size, state: this.state, checked: this.selected }))) : null),
         ];
     }
     get el() { return getElement(this); }

package/dist/esm/gb-checkbox-group.entry.js

@@ -13,7 +13,7 @@ const GbCheckboxGroup = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '2e2db475841cf1d878029c06b49402715745b74b', class: `checkbox_group` }, h("gb-checkbox-group-item", { key: '889239d4feacd1b3a32dcb5ee931b29c1e30179f', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: '1a3666047c81225f44485b7e7c673891f0dfddf2', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: 'fba679730831d25f850397f58281f612ab2f9098', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: '44f216afb6f225d59a6a7c0a860ea9fba168897b', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: 'd02ff313de4eae9019b87f004ad773eba0ed4e76', size: this.size, type: this.type, breakpoint: this.breakpoint })));
+        return (h("div", { key: 'c6ed893d4384568c293280a6f54a21bb16b88393', class: `checkbox_group` }, h("gb-checkbox-group-item", { key: 'fa1a3dd56a2a1cd674cbe2535a8690b0c819d71e', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: 'f368370a5df642731198dfe7c0c292839b70fbd3', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: 'f61883874893c2d930617364be30338ab9c02a5b', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: '5f5e770e4dc4de80dddad677fb7431878a91ce13', size: this.size, type: this.type, breakpoint: this.breakpoint }), h("gb-checkbox-group-item", { key: 'e92991d187ff445005ce66d77e06278bf9d4b843', size: this.size, type: this.type, breakpoint: this.breakpoint })));
     }
 };
 GbCheckboxGroup.style = GbCheckboxGroupStyle0;

package/dist/esm/gb-detail-cell.entry.js

@@ -72,7 +72,7 @@ const GbDetailCell = class {
         }
     }
     render() {
-        return (h("div", { key: '853bfb839245cbf7721124b31c4342f3c626bddc', class: `detail_cell_div ${this.type} ${this.cellStyle}`, onMouseEnter: () => this.onShowCopyButton(), onMouseLeave: () => this.onHideCopyButton() }, this.type === 'information' && this.cellStyle === 'standard' && (h(Fragment, null, h("div", { key: 'db1641201e9c39a8bb31a8df11cec5d32926e6f6', class: "info_text_div" }, h("p", { key: '533d904c878420e6eccdc1e958a3ae17ef0173b8', class: "label text-sm-regular" }, this.label), h("p", { key: '2b39a97de5021990ff253d2747dea34c16d0c576', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '4efb79b35c914443d8d1f8aa2f2ed855e1c2d619', "show-arrow": false, class: "information_text_tooltip" }, h("p", { key: '2b86b6bc26f2d88eac7b68e4cb714cb8c711cca2', slot: "label" }, this.detail)))), this.showStandardCopyButton && (h("gb-button", { key: '925442d188fbed5b4864676ae346916b8579e990', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (h("gb-tooltip", { key: '22006d996be7df5153066c9736f0d3f3df1581c2', "show-arrow": false, class: "copied_tooltip" }, h("p", { key: '03f5e9620cf14d6d22f5b1ecdc430a19c8599522', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (h(Fragment, null, h("gb-file-type-icon", { key: '1bf23303ad75309b1e7ff258f1436840dd1a185a', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: '42c69289646a5e3da60e3680e08a682a194793a9', class: "document_text_div" }, h("p", { key: '0fd5cffcbc9d4e2b530a01d4a24706e68e5ac2e6', class: "label text-sm-regular" }, this.label), h("p", { key: '5249d3446d4a3a9e10eb0900ed19e5a472b8bca1', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '2baf793645cf55d74a6e509f02cddf4ecf49d38a', "show-arrow": false, class: "document_detail_tooltip" }, h("p", { key: '8d61cf057a5608f9bf32affce83cf169548d508f', slot: "label" }, this.detail)))), !this.isDownloaded ? (h(Fragment, null, this.showActionButtons && (h(Fragment, null, this.showViewButton && (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() })))))) : (h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, h("p", { slot: "label" }, "Downloaded!"))))), this.type === 'status' && this.cellStyle === 'standard' && (h("div", { key: '2dfde8a191eaab1960e7f675dcc113b4e48e33f6', class: "status_text_div" }, h("p", { key: '008d5c28044d93f97e15c0cb7aeee2820be2ffbb', class: "label text-sm-regular" }, this.label), h("gb-badge", { key: '28fe201aa52fb8392fbd64eb7d1b089ec8c3fac0', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: '70a5e30066ca9a135c112dd1e260e4a7b192b3b0' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (h("div", { key: '80aa382ff334012f2e700fb1e6d879fe179911a7', class: "compact_info_div" }, h("div", { key: '235dabfb338178519370e4218454706806df18f9', class: "compact_info_text_div" }, h("div", { key: '8beb5f8183b67a1a1b3917727f57df64037a64a5', class: "compact_label" }, h("p", { key: '57db5751efeb983a5b0eca4f0604d335939df22a', class: "label text-sm-regular" }, this.label)), h("div", { key: 'ea06295c63580d1d6f1332155fc36b634ea77974', class: "compact_detail" }, h("p", { key: '0468e39e95e3990a32d978e6ad8fe128b2fb6211', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (h("gb-tooltip", { key: 'd86340fe4dee970e54ae7dc468810836f33d1693', "show-arrow": false, class: "compact_copied_tooltip" }, h("p", { key: '8535adaa549a0b422271fffe69b7cc3cdd17c8e3', slot: "label" }, "Copied!")))), this.showCopyButton && (h("gb-button", { key: '3ef7731eff7f98cac4a0c64ba13103cd6f6b6d06', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (h("div", { key: '5fc6b2c7976a2f69a4719d1be9923b5ee0fc0074', class: "compact_doc_div" }, h("gb-file-type-icon", { key: '63a4b8076b704b1e637947dda2a8406ce6985e30', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: '8425e30c11a40605078bcc52f7f18c119357d04e', class: "compact_doc_text_div" }, h("p", { key: '1e497a2d7e153083896e25c6220f60c8059db920', class: "doc_label text-sm-regular" }, this.label), h("div", { key: '6e904a792d219941a14749fec980cba07bf1c420', class: "compact_doc_detail" }, h("p", { key: 'ae257e425f8f6dff1c89fdfc1b6b7f6936fe8dc5', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (h("gb-tooltip", { key: '008ccae97d65ddff293c9c484b3017f6e8944c76', "show-arrow": false, class: "compact_downloaded_tooltip" }, h("p", { key: '0d3ebef90e8b9e96259b06c2f081ef70f07c50b8', slot: "label" }, "Downloaded!"))), this.showActionButtons && (h("div", { key: '99c2aa79af058507444b00bbd8723de440b1c926', class: "button_container" }, this.showViewButton && (h("gb-button", { key: '042f2d4193d3fe9ac0421f59ac88de93f5ffa323', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (h("gb-button", { key: '46084f9d4eb1ad43b0bdcb6030115b4d651dc49e', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (h("div", { key: '6661f30b5861b83f68db163651a791ce35f74728', class: "compact_status_div" }, h("div", { key: '16b225fd4b2d6cebf38f6e453a50cc5439005461', class: "compact_status_text_div" }, h("div", { key: 'e8568e64c1caf5c2fd557c219f8248505093c271', class: "compact_label" }, h("p", { key: '0115ec60463fc23f63d2c31fedeb3a11ee0fe167', class: "label text-sm-regular" }, this.label)), h("gb-badge", { key: 'c3a8896d0c7c4fd1a767d0a8acc22ccc663f35a0', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: 'd45e0fc2a0e3ed2e9e069e7cbce2743b8b0661b9' }, this.badgeLabel)))))));
+        return (h("div", { key: '91b5929941f049b5013f8ac06f309c4baf2fdebd', class: `detail_cell_div ${this.type} ${this.cellStyle}`, onMouseEnter: () => this.onShowCopyButton(), onMouseLeave: () => this.onHideCopyButton() }, this.type === 'information' && this.cellStyle === 'standard' && (h(Fragment, null, h("div", { key: '83f01aff9c86d501fe4460d65b29b735150288e5', class: "info_text_div" }, h("p", { key: 'b9f9596454c6dd1c253d07ccba68a6d1a4189097', class: "label text-sm-regular" }, this.label), h("p", { key: 'd4a2d08169064afbb64c0ef152379825c99e0d2a', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '57f4107b4f515a723520e91a885f85c30d197228', "show-arrow": false, class: "information_text_tooltip" }, h("p", { key: '5b865d01440f68bf1dbd71dc66d9d375b16fd1e3', slot: "label" }, this.detail)))), this.showStandardCopyButton && (h("gb-button", { key: '75ec9738bc70e89e6b5e1ef693f4eadc9e2cedc6', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (h("gb-tooltip", { key: '94c321daf37344c251a2ef863cc73b257676e86a', "show-arrow": false, class: "copied_tooltip" }, h("p", { key: 'a013f4f63977edd1cb6bd622d32410f02b396787', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (h(Fragment, null, h("gb-file-type-icon", { key: '714c90eef5d54c29faadbe3ef93f24a4da2aeedb', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: 'e008eaa9648e58f406bab95085664b23d084a9d7', class: "document_text_div" }, h("p", { key: '22fc4dfde9d26c00ff8ecd6cb282e28590ba6433', class: "label text-sm-regular" }, this.label), h("p", { key: 'c27dd8e2ba45ec6e66406701e7f803f55ab1ba66', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '8c151b52a732a9dfc5005408cd95c9707f5929a8', "show-arrow": false, class: "document_detail_tooltip" }, h("p", { key: 'e48a2498ca35f04bbfffb5a9796e4cda1b88bb9d', slot: "label" }, this.detail)))), !this.isDownloaded ? (h(Fragment, null, this.showActionButtons && (h(Fragment, null, this.showViewButton && (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() })))))) : (h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, h("p", { slot: "label" }, "Downloaded!"))))), this.type === 'status' && this.cellStyle === 'standard' && (h("div", { key: '7ca313cf354edcaf30a51d3299b720478302d4b7', class: "status_text_div" }, h("p", { key: 'ec9c12ac08f5b6d7d9b5c5043616372214799a1d', class: "label text-sm-regular" }, this.label), h("gb-badge", { key: 'db50cf7250f6e6a27c42476c08facce35ffc2a32', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: 'e4af917f4e25e7126fb54315315f61ac513c7eb1' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (h("div", { key: '5c51e1317cf3d24f305071ccee4c4bad39c9e822', class: "compact_info_div" }, h("div", { key: 'a112b86332260465d8f3d7ba1feaefeb5f494304', class: "compact_info_text_div" }, h("div", { key: '8fd33d6992e1a4d105c359480c5b97d2104e5c13', class: "compact_label" }, h("p", { key: '4bf9b2b19180e15f26880afbd98c7cd7043c8104', class: "label text-sm-regular" }, this.label)), h("div", { key: 'a54131b040f9a9e302b0643ab5a1f955df0eb283', class: "compact_detail" }, h("p", { key: '6d87f3ad0b1b9aa6ba7814aa32a0856f8640303e', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (h("gb-tooltip", { key: '41fea7e8ebddbd9e4dff197a307aeafd7a19dc68', "show-arrow": false, class: "compact_copied_tooltip" }, h("p", { key: '04d1fcbafa51621f8ad9dbf044946d456d46416b', slot: "label" }, "Copied!")))), this.showCopyButton && (h("gb-button", { key: 'b09fedf6a997e1509688449506409fa89d673ee3', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (h("div", { key: 'cbb9aa7ed9bc79d205a025c43483c099c3f5cd80', class: "compact_doc_div" }, h("gb-file-type-icon", { key: 'aa6c57262c7a1dfd0477c449518bacf53cad9848', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: '3e3dcc9ed8869f46e9528c7cf1b6fdb47b416cab', class: "compact_doc_text_div" }, h("p", { key: 'b4c31584e3bd64574150943fa389bb2c1f115f39', class: "doc_label text-sm-regular" }, this.label), h("div", { key: '5082646f500929704b2fd88d1821b636cdc06c8e', class: "compact_doc_detail" }, h("p", { key: 'db4c88d6f57bffb94ebc3e8a9c4fe5f06e634484', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (h("gb-tooltip", { key: '5f919be252f3688926f08cd6e55f1cc718ca8f56', "show-arrow": false, class: "compact_downloaded_tooltip" }, h("p", { key: '825b35bfd7ddada4e0a440ce4fef662486cf1b7f', slot: "label" }, "Downloaded!"))), this.showActionButtons && (h("div", { key: '9eca410308c1588c1a60094ef388a58324c1d64b', class: "button_container" }, this.showViewButton && (h("gb-button", { key: 'ea680582b4db5fd906bbaca5884bf8ffdd70a7bc', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (h("gb-button", { key: '996d344b3142ce784fb13b7cf0905dd27f724ca6', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (h("div", { key: 'aa861ee3349eee0f9394a3356eaba63adf1ce37d', class: "compact_status_div" }, h("div", { key: '17ca83a6d28d8d8500ad32256c0786afe5ac916a', class: "compact_status_text_div" }, h("div", { key: '2963470cec9b63e2f1ec76aa3e3883ce3fd40d2c', class: "compact_label" }, h("p", { key: 'e1e19e59520d67b67489109a72ed52d63f73b998', class: "label text-sm-regular" }, this.label)), h("gb-badge", { key: 'b4e437262d43f7c0fb50754df662dda882e3d694', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: '96c51158325adacdcdd588f38b4af92f7b85e4dc' }, this.badgeLabel)))))));
     }
 };
 GbDetailCell.style = GbDetailCellStyle0;

package/dist/esm/gb-dropdown-items-with-shortcut.entry.js

@@ -27,7 +27,7 @@ const GbDropdownShortcut = class {
         this.loadIcon(this.iconSrc);
     }
     render() {
-        return (h("div", { key: '79b5520163bf8eb4174df367bf5e3fdb51767f17', class: "shortcut-container" }, h("div", { key: '3b186e89a4968bce9d2658d9062cbf33bdf1e28f', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: '7ba8b2f8e1522a7234d3254a54c2dff4e5966832', class: "icon_div" }, h("div", { key: '1a76ea1e68f3263363615a88c4e7b770393d6978', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: '18dccce5477a0d091affeac6b95fe9d9905b7e10', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: '4cc30f05f2b40efc39deef9aaff7210f5d07a5ef', class: "label_div" }, h("p", { key: '12dd250ecf48ee15d00093678cd996eb8c164404', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: '6429c80b18bdf031c9f2e5def852edb5fb0c3486', class: "shortcut-icon" }, h("slot", { key: '365d8f223f3b792c8d080f0bcdb32309235efc69' }, "\u2318", this.shortcutIcon))))));
+        return (h("div", { key: '7286e8b6ed8ff30bb9bf7440c65c66af66647287', class: "shortcut-container" }, h("div", { key: '11ae155358aa779d202392228f5f738bd46acee4', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: '3b282cb55053db171edab2befeefc2dd881ace9d', class: "icon_div" }, h("div", { key: 'b6c12c7c7aa07379ce3eecfb58aa7a35d0bc6deb', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: '07e8972f778e697e244617b3cf2008024d9070e1', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: '122f8e0d6ec6fbac39ffce602330ef70b6c8154e', class: "label_div" }, h("p", { key: 'd791232e0b757d82dc207b456470fd752c64e512', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: 'bc1c7b23766f9bbcc8d584e9988f78c921fd9642', class: "shortcut-icon" }, h("slot", { key: '1e1d3745befcc2582932735acfc6fc6dd84f4321' }, "\u2318", this.shortcutIcon))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-export-dropdown-item_2.entry.js

@@ -11,7 +11,7 @@ const GbExportDropdownItem = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'cfb1446ac460691e252a555179285c99a0e05cb9', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: 'a1dd2ba1549796ccf6b5429dbe392cade614e7cd', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: 'feba58a2903a601e4cf040a4cd809dd63033af9c', class: `wrapper` }, h("div", { key: '17d364cfcb38bec5d40bfe63750800ad71ba1147', class: `container` }, h("div", { key: 'ca21a45f5811788a279e8816ca8b56f9e702147e', class: `icon` }, this.type === 'pdf' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "#E21B2E" }), h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "#E21B2E", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "#079455" }), h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "#079455" })))), h("div", { key: '4bb0938b6c5dcce55e3583f0185dae1d36a344ff', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? h("p", { class: "text-sm-medium" }, "Export as PDF") : h("p", { class: "text-sm-medium" }, "Export as CSV"))), h("div", { key: 'f86247b40b929476470d69d79b4530db4e72b7ad', class: "arrow" }, h("svg", { key: 'd57175583b728db8ad34e72734cfc79cb589558e', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { key: 'cad80d7d23982afcdc0a7a160dbefa16f6855824', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: 'c13662504ebbea93c31b218ba879f269c2d2593a', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: 'd507e2d82734f7e8f999f945a9d6955e01a9eea6', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: '39c59f7534f4b9e5807dee6eacc2cf4c3f8e81c2', class: `wrapper` }, h("div", { key: 'b45f905784cc3285e637aefed5f4d2e9e6807649', class: `container` }, h("div", { key: '92fb4dc155552adf22ab2d3a0ccc1c9c94eb949c', class: `icon` }, this.type === 'pdf' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "#E21B2E" }), h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "#E21B2E", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "#079455" }), h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "#079455" })))), h("div", { key: '3e97c3cc4ce34e66eebb334ede38ce4bc1db9f50', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? h("p", { class: "text-sm-medium" }, "Export as PDF") : h("p", { class: "text-sm-medium" }, "Export as CSV"))), h("div", { key: 'a64c77a1cc88e532deaf1366e9da2b1985204a35', class: "arrow" }, h("svg", { key: '3130a33a5de615cd89ad20a84fa2d908648342b5', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { key: '18947490a99a5c4fccd07e29ebb5fa253405926a', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     get el() { return getElement(this); }
 };
@@ -35,7 +35,7 @@ const GbExportSubDropdown = class {
         }
     }
     render() {
-        return (h("div", { key: '9496be9ad307730d570efcc1ab07d9f43b97b4f7', class: `sub_dropdown_container` }, h("gb-export-sub-dropdown-item", { key: '467bd03b12eb94ce3d782f6ff802b973c5b17155', icon: "assets/database.svg" }, h("slot", { key: 'c5f1a7deece29782f1c4ef3e8b842bb8c8e3f347', name: "label_one", slot: "label" })), h("gb-export-sub-dropdown-item", { key: '847c69546bc26a7657f57f53fddf43d6189c2ac4', icon: "assets/laptop.svg" }, h("slot", { key: 'fd821f29ee00ca8345d64b45267508bf5bca03ab', name: "label_two", slot: "label" })), h("gb-export-sub-dropdown-item", { key: '1976404a0f342f2acc02eddf6b6c9c91cf8b175d', icon: "assets/filter-horizontal.svg" }, h("slot", { key: '720b05fe497bf834c1bbf5afefd831260682b991', name: "label_three", slot: "label" }))));
+        return (h("div", { key: '2d4af5ad4a589044084ceb79b8c7cd8dd0effb11', class: `sub_dropdown_container` }, h("gb-export-sub-dropdown-item", { key: '9432ba29702c6cd8e4f7ae2d73a98e324dfd2811', icon: "assets/database.svg" }, h("slot", { key: 'f47fb5432dd885fdda8441f14d145f6356b34e0b', name: "label_one", slot: "label" })), h("gb-export-sub-dropdown-item", { key: 'f21585b3b7e2c0ab23831cbd8654c16be091ae0b', icon: "assets/laptop.svg" }, h("slot", { key: 'a4b396b6d353bcb571405e38389e060d2431fa0c', name: "label_two", slot: "label" })), h("gb-export-sub-dropdown-item", { key: '11bfe66c87db1c7e51136700b7715460ae370b83', icon: "assets/filter-horizontal.svg" }, h("slot", { key: '337c6496056d6842aa69e9ac2555088107728a09', name: "label_three", slot: "label" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-export-dropdown.entry.js

@@ -17,7 +17,7 @@ const GbExportDropdown = class {
         // console.log({ exportType, dataType });
     }
     render() {
-        return (h(Fragment, null, h("div", { key: 'b482f67dc0e5e0cf1b8c5b8c1a8189a130312c70', class: `export_dropdown` }, h("gb-export-dropdown-item", { key: '1c100e3ab48987760caf2bdc0f76d8f3263b0258', type: "pdf", state: StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), h("gb-export-dropdown-item", { key: '2a7a18ec7bbb23d9e67059f9170a8c3f925417a6', type: "csv", state: StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (h("gb-export-sub-dropdown", { key: '3e4bde390f1dd5c929944a07e71a45b3ae639f6b', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, h("p", { key: 'dae041eb420bc77bdcca20d22913746ec377468f', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), h("p", { key: 'aa7855c308aa0335020a60ef9feb2485ef26e666', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), h("p", { key: 'ee83c2688adae011e6c0bcb5334854ed05dccf19', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (h("gb-export-sub-dropdown", { key: '07921faac5a05f11442791f96ad3f99851705a0c', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, h("p", { key: '6784e0eabf5c235a10539346795a1b59fd7cf636', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), h("p", { key: '4097c87e358ebebd55b1ad62dd0f072be76b9f55', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), h("p", { key: 'fc12e10c963c3a9c30326c600d720af20004dc24', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
+        return (h(Fragment, null, h("div", { key: 'd2dc6f033e94b1e88053cdf9fa225482d0528df2', class: `export_dropdown` }, h("gb-export-dropdown-item", { key: 'bd99718b3b4e0f306ba535bba85b71048ab563ea', type: "pdf", state: StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), h("gb-export-dropdown-item", { key: '3dda78f32477ef6060f6140d384ac648b0593af9', type: "csv", state: StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (h("gb-export-sub-dropdown", { key: '8562f0c647673d7058cec4389ad1f5757b79d7b3', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, h("p", { key: '6f17544dcd6a6cfb4dc09d925de285edfad44580', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), h("p", { key: '1c86bd2486371e3100f3484902bf50bf3858db89', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), h("p", { key: 'a1f96efe8928c0f06c0544afd7cfec136faafd2d', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (h("gb-export-sub-dropdown", { key: '2b9f1468b6be0a568dbb0646d675797cf3b8760f', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, h("p", { key: '7a4d722521a4e525577d87e0ec145b7034bd79ae', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), h("p", { key: '1d5e733d9081178e10002255171bfae725893f21', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), h("p", { key: '30b603f511e4a37909a97eadd5af9afb6212ac9b', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-export-sub-dropdown-item.entry.js

@@ -27,7 +27,7 @@ const GbExportSubDropdownItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '868371fe9e31fdc7e334107eb2bbe9b0da0d55ba', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: 'a4e764e734efdc741dae4e7d2f834a0a39a5a642', class: `content` }, h("div", { key: '3d06a980cdc64582170ed6c53e4da9cc483bdcdb', class: `text_and_suppporting_text` }, h("div", { key: '26a80becc65dcb681c3947259c26513e2f3a0a8c', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), h("div", { key: 'bf04fca5052897bceb8e54644f07b26c11ccdd29', class: `text` }, h("slot", { key: '053c757bcf5665428830deaf56e62013c881e4a0', name: "label" }))))));
+        return (h("div", { key: '36b802bfb824fc04523d56f58076d406c1112465', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: '25657ec2e5ae86878b99d4ccbc1b3a05f4c6db5a', class: `content` }, h("div", { key: 'af6b054696f338dbe326d1f32345762b6f1b0db8', class: `text_and_suppporting_text` }, h("div", { key: '524bc3013040d501a7ff1f24c978fb19eef972c1', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), h("div", { key: 'c2d44bea5b6d3c5acdb127f53d220c20e0b991e0', class: `text` }, h("slot", { key: '5a9459f064df1bc6c5ce8ad4c88eefd59016cb85', name: "label" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-featured-icon_2.entry.js

@@ -9,7 +9,7 @@ const GbFeaturedIcon = class {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'be7943d04628eb8d1120e4d9b13c11ce755b3825', class: `featured_icon_div ${this.size}` }, h("svg", { key: '79c2c064f68ab0d02d997c8fea4d27d8ba8e68a7', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_icon ${this.size}` }, h("path", { key: '4977d717f0e4f5c83f3ddbf82550e7ed5ca4e89a', d: "M4.38505 10.321C3.44187 10.8826 0.96891 12.0294 2.47511 13.4644C3.21087 14.1653 4.03033 14.6666 5.06058 14.6666H10.9394C11.9697 14.6666 12.7891 14.1653 13.5249 13.4644C15.0311 12.0294 12.5581 10.8826 11.6149 10.321C9.40321 9.00407 6.59679 9.00407 4.38505 10.321Z", stroke: "#697586", "stroke-width": "1.33333" }), h("path", { key: '5512d184f3b7b83b8e8a2e201aa621082884dad3', d: "M11 4.33331C11 5.99017 9.65685 7.33331 8 7.33331C6.34315 7.33331 5 5.99017 5 4.33331C5 2.67646 6.34315 1.33331 8 1.33331C9.65685 1.33331 11 2.67646 11 4.33331Z", stroke: "#697586", "stroke-width": "1.33333" }))));
+        return (h("div", { key: 'bc6b6c077ee2f9f6f09570ef5ca103fe2669848c', class: `featured_icon_div ${this.size}` }, h("svg", { key: '6a8b727525d95d359c72fc33ddf7a9d48a569597', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_icon ${this.size}` }, h("path", { key: '15dbeeed27c381006a18ce5646b5d6d3edc68a30', d: "M4.38505 10.321C3.44187 10.8826 0.96891 12.0294 2.47511 13.4644C3.21087 14.1653 4.03033 14.6666 5.06058 14.6666H10.9394C11.9697 14.6666 12.7891 14.1653 13.5249 13.4644C15.0311 12.0294 12.5581 10.8826 11.6149 10.321C9.40321 9.00407 6.59679 9.00407 4.38505 10.321Z", stroke: "#697586", "stroke-width": "1.33333" }), h("path", { key: 'e2bfb0337d257c626f830c81b65532241e030930', d: "M11 4.33331C11 5.99017 9.65685 7.33331 8 7.33331C6.34315 7.33331 5 5.99017 5 4.33331C5 2.67646 6.34315 1.33331 8 1.33331C9.65685 1.33331 11 2.67646 11 4.33331Z", stroke: "#697586", "stroke-width": "1.33333" }))));
     }
 };
 GbFeaturedIcon.style = GbFeaturedIconStyle0;
@@ -31,7 +31,7 @@ const GbStepBase = class {
         this.supportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'cabab5e9b9631d4b143efdead2ba3e0260ae4f52', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'a4337442ecb21dc9f552e924b5ea695b03ab4c19', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '53a5521edbfd91729a04c7dbdf8d509af9dcc2e2', class: `text_line_div_content` }, h("p", { key: '8dcdad4fbacbd6ceac4459a84ec4d49b501704f3', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '053c5f18ccf8fa9871505ddb8d8f5014a5109e7c', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'ca2da65a1a3c20c1a2b321ad0c5b915f75c67682', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'c0164e6b3749733008a1f8df956899a7d2ef2576', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '28e260667c4a546ffe34ec76e374152f5b66a864', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '0a10d18ee73462cb0f8b45800ab79d7e16e48f08', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'f94aeaba107f6c983ee68075e21f2d96f47eef65', class: `icon_left_div ${this.size}` }, h("div", { key: '0b47282de58301370dfe224840996008de4d8966', class: "connector_wrap" }, h("div", { key: 'ffec8038a0d39c41c6715853e6dda089bc8ae18a', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '7c4d8b4c3a9a2a21d5a0d995e04cb5a649df2b4d', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e6efa2aa6d6065359519bd44a7a53ae38e25741c', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'ed526cf7289b21e67b9475d0f613246781f66a61', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '964921cf6122fcfff34cdaf5ace4f0e90fadcbce', class: "connector_div" }, h("div", { key: '4dc6ac19442887f222d003c5cdff3dac04ea6844', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'd953587307c15f18a689418de74d0a094fbe9af4', class: "icon_left_text" }, h("p", { key: '5a1f8f367e69c346c01a5da8212b27509663fd3b', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'de84e418afe298a5e4eee011ce367b7f194576d2', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '25fd6cbca9a87714ab0ddd2f072656578ba23bf7', class: `icon_top_div ${this.size}` }, h("div", { key: 'd110927693e479f361cfff1404df0dd42629f1b9', class: "step_icon" }, h("div", { key: 'a64e6d635391cd803595d27f1a40107a09d1c2d9', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'a0a4d14ee33a1d677855a4715e01b5e02af2d761', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '03f3b9dac4a09d89b37caf7e46f439c0e911575d', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'b7116ccbda9f01b342d5277990958550e08420b0', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '8b29ede08ac673dd1bf551b91753d162b95ab69f', class: "connector_div" }, h("div", { key: '0b844927a63ac0346796955e4790aa54e335dd62', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '5dfcef0683e7950d244424b4e750a8eb2bc55585', class: "icon_top_content" }, h("p", { key: 'f58504c3440d78d0334c45f51a232c9a862d92a8', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '474348e8476517732c429c7579232abe8d56652e', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '978d9cb3c0d355041ace1527664c6eeda0c00786', class: "featured_icon_left_div" }, h("div", { key: '7f67eeed740114ea5eea351a22046b2773be12d5', class: "connector_wrap" }, h("gb-featured-icon", { key: 'd5cf3bdd0dbd34e15b224f644705a37816173ce6', size: "lg" }), h("div", { key: '51ac2d31cbc7ebd5dd80fcbf15b68e5cd072b445', class: "connector_div" }, h("div", { key: '643cb12ace0562ebfaeca9c3cba3be6b1946ec95', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'be7c13fb6ca6713e33a6b11083d34128ecb85ef9', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'a353fa98b9066e5d8f49f49f8166d4db977759c9', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'cc17d74e46013194d55db932cf98fa1dab6300bb', class: `text_line_div_content` }, h("p", { key: '2cde06a8d7e8f2ed616a741c45e3fee6c1f9cfb7', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'a1c80c9428e2b4bb3167033d85ec5afb33a97e5b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '3e1c59033d30ec37f2479520237002271d157150', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'aa0ac7a0e76188d8afbbd1d88c81c24b3faf91f7', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'c9e4c10e2789d34b2d924e5a108d7e04feeef12a', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '88030df47528fca8734540fd3baa385825bed8d2', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'cd82784398b3b119841da50c8898418081cc517a', class: `icon_left_div ${this.size}` }, h("div", { key: '53e3f6937caf90756d28dddd337c1424d5a63e67', class: "connector_wrap" }, h("div", { key: '97194e650c1ca1860cefbae40d2f04f7c06a2d2c', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '4e9aa9a9bd1d13ac8a0f61b4dd60115d2ec20809', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '73810b14dfb08a7f9e5e3b033b54dcd3e7bfae98', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'a4aecb00736ad08b483d8b469027cd55b644106d', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '3133262cc40c16f5f018e1240fa25282569fd9ab', class: "connector_div" }, h("div", { key: '6143b0d96eb30e2f510476ba8aeb5fa332628de4', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '560d5e1727b468884584456cdbee844399aec099', class: "icon_left_text" }, h("p", { key: '63a68ab4f38ba1f29cb23e53ff388317c6b8f4d6', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '0f3636f21e549382601a5275f423d7d278255373', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'd1f33af166b9f38ebfbc1d542e0d7e0dca378ad5', class: `icon_top_div ${this.size}` }, h("div", { key: '99e3c331d6513a75ad885b3037929af623f672a5', class: "step_icon" }, h("div", { key: '5a86c110daf3b781c1abde7fe213f65186d27a41', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '134f177923f0a59dc8be5183870535c6aefe04a4', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '0adf458853bf4c7b01fb00ed3107102f18edc4ab', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'ae2c45077fbc2e5f4c744ba1bb22b28994c1fc97', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'fb3de93c20487eaecb9c24994b08ee5e9c8772d6', class: "connector_div" }, h("div", { key: 'd7b4ad3e247d630ddb0ad524302f682179b47b74', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '4c39d1e658cd9378fb545599e149f358ec17ebd9', class: "icon_top_content" }, h("p", { key: '02cdf922176fd227825305c5920c9425133df49c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '21703bec5233c34959bd7a81723e069acc826109', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '91ad5058719a05ab0d0ce617b604201a837d6b9e', class: "featured_icon_left_div" }, h("div", { key: '9cb66cdbfc9f8194eb7442d8a86eff206e7d629b', class: "connector_wrap" }, h("gb-featured-icon", { key: '584c00c739d54031158f853fd3f794e3602fcb65', size: "lg" }), h("div", { key: '4a5e334c75373fc4aa62934ffd60043a4d628614', class: "connector_div" }, h("div", { key: 'ca322bb0d43a25ce4b7202c48c7f4bd751540126', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
     }
 };
 GbStepBase.style = GbStepBaseStyle0;