diff --git a/CHANGELOG.md b/CHANGELOG.md index 5893fc8467..aea8cd323c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -477,3 +477,23 @@ * 903abb2 chore: adds CSS Utilities stories * dc1908e feat: adds metaList * 2d7b580 fix(PopperWrapper): fixes popover overflow #249 + +------------------- + **v1.1.0-5** (2020-08-25) + +* 3506171 v1.1.0-5 +* 3fa730f fix(InputMask): fixes defaultValue +* 7584eef feat(Button): adds type prop +* e526574 fix(Inputmask): fixes defaultValue prop -m #250 +* 3a7b0bd feat(slider): adds slider component +* 8afac37 feat(Grid): add patterns +* 38aedad fix(Grid): hides initial abrupt render +* 5881a57 feat:adds unit Testing +* 9598aac feat(Grid): adds separator prop +* 64f9097 chore(Grid): moves Pagination out of Grid to Table +* c73e71b fix(layering): fixes z-index in popperWrapper and modal +* 5b3d41c fix(storybook): fixes height of canvas +* f362227 feat(Grid): adds column width percent support +* 447d9b5 fix(Grid): fixes data mutation in translateData utility +* b13ba22 feat(Grid): adds headCellTooltip prop +* 6cb317a feat(PageHeader): adds separator prop for border-bottom diff --git a/css/dist/index.css b/css/dist/index.css index 0b1249354e..90ba081479 100644 --- a/css/dist/index.css +++ b/css/dist/index.css @@ -593,7 +593,7 @@ body { top: 0; display: none; align-items: center; - z-index: 999999; + z-index: 1000; overflow: auto; flex-direction: column; justify-content: center; @@ -1727,12 +1727,12 @@ body { } /** Grid **/ -.Grid-container { +/* .Grid-container { display: flex; flex-direction: column; height: 100%; overflow: hidden; -} +} */ .Grid-wrapper { display: flex; @@ -1746,6 +1746,7 @@ body { flex-direction: column; flex-grow: 1; overflow: auto; + background: var(--white); } .Grid--resource .Grid-body .Grid-row:hover, @@ -1764,6 +1765,7 @@ body { } .Grid::-webkit-scrollbar { + background: var(--white); height: var(--spacing-l); width: var(--spacing-l); } @@ -1915,7 +1917,7 @@ body { padding-left: var(--spacing); } -.Grid-cell--head.Grid-cell:first-child { +.Grid-cell--head.Grid-cell:first-of-type { border-left: none; } @@ -1992,14 +1994,6 @@ body { z-index: 10; } -.Grid-pagination { - display: flex; - justify-content: center; - background: var(--white); - padding: var(--spacing) 0; - border-top: var(--border); -} - .Grid-cellGroup { display: flex; box-sizing: border-box; @@ -2117,6 +2111,7 @@ body { /** Header **/ /** Table-header **/ .Header { + background: var(--white); padding: var(--spacing-l); border-bottom: var(--border); } @@ -2542,7 +2537,7 @@ body { flex-direction: row; justify-content: center; width: 100vw; - z-index: 99999999; + z-index: 1500; top: 0; } @@ -2762,9 +2757,11 @@ body { transform: rotate(180deg); } .PageHeader-wrapper { - border-bottom: var(--border); padding: var(--spacing) var(--spacing-2); } +.PageHeader-wrapper--separator{ + border-bottom: var(--border); +} .PageHeader-wrapper--withTabs { padding-bottom: 0; @@ -2774,12 +2771,6 @@ body { border-bottom: none; } -.PageHeader { - /* display: flex; - justify-content: space-between; - align-items: center; */ -} - .PageHeader .Row { width: 100%; } @@ -3080,7 +3071,7 @@ body { .Popover { border-radius: var(--spacing-m); position: absolute; - z-index: 999999; + z-index: 500; background: var(--white); box-shadow: var(--shadow-l); } @@ -3219,6 +3210,107 @@ body { background: var(--primary-lighter); } + +.Slider { + width: 100%; +} + +.Slider-wrapper { + position: relative; + outline: none; + cursor: pointer; +} + +.Slider-wrapper--disabled { + pointer-events: none; +} + +.Slider-track { + border-radius: var(--spacing-m); + height: var(--spacing-2); + display: flex; + align-items: center; + overflow: hidden; +} + +.Slider-progress { + background: var(--secondary-lighter); + height: var(--spacing-s); + box-sizing: border-box; +} + +.Slider-progress--inRange { + background: var(--primary); +} + +.Slider-progress--inRangeDisabled { + background: var(--secondary-light); + border: var(--border); +} + +.Slider-label { + margin-top: var(--spacing-m); + transform: translate(-50%,0px); + display: flex; + align-items: center; + flex-direction: column; + position: absolute; + -webkit-user-select: none; + user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} + +.Slider-ticks { + width: var(--spacing-s); + height: var(--spacing-m); + border-radius: var(--spacing-xs); + background-color: var(--secondary-dark); +} + +.Slider-tooltip--visible { + visibility: visible; +} + +.Slider-tooltip--hidden { + visibility: hidden; +} + +.Slider-tooltip { + height: 100%; + width: 100%; + outline: none; +} + +.Slider-handle { + height: var(--spacing-2); + width: var(--spacing-2); + position: absolute; + left: 0; + top: 0; + border-radius: 50%; + background-color: var(--white); + box-shadow: var(--shadow-s); + cursor: pointer; + box-sizing: border-box; + outline: none; + display: flex; +} + +.Slider-handle:hover { + background-color: var(--secondary-lightest); + border: var(--border); +} + +.Slider-handle:focus, .Slider-handle:active { + border: var(--spacing-s) solid var(--primary); +} + +.Slider-handle--disabled { + pointer-events: none; + background-color: var(--secondary-light); +} + @-webkit-keyframes rotate { 0% { transform: rotate(0deg); @@ -3465,6 +3557,14 @@ body { height: 100%; z-index: 1; } + +.Table-pagination { + display: flex; + justify-content: center; + background: var(--white); + padding: var(--spacing) 0; + border-top: var(--border); +} /* tabs */ .TabsWrapper { @@ -3759,7 +3859,7 @@ body { padding: var(--spacing) var(--spacing-2); border-radius: var(--spacing-m); position: absolute; - z-index: 999999; + z-index: 500; background: var(--inverse); overflow: hidden; box-sizing: border-box; diff --git a/css/dist/index.css.map b/css/dist/index.css.map index 4836347a91..c7c611b958 100644 --- a/css/dist/index.css.map +++ b/css/dist/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["index.css"],"names":[],"mappings":"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;EACT,iDAAiD;EACjD,gDAAgD;AAClD;;AAEA;EACE,SAAS;EACT,iDAAiD;EACjD,gDAAgD;AAClD;;AAEA,qDAAqD;;AAErD;EACE;IACE,aAAa;IACb,YAAY;IACZ,eAAe;EACjB;EACA;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,wDAAwD;;AAExD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,wDAAwD;;AAExD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,yDAAyD;;AAEzD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,kDAAkD;;AAElD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;AACA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2BAA2B;AAC7B;AACA;EACE,2BAA2B;AAC7B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,mCAAmC;EACnC,2BAA2B;AAC7B;AACA;EACE,qBAAqB;AACvB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,uB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","file":"index.css","sourcesContent":["/**** Colors ****/\n:root {\n\t--haldi: #ffc208;\n\t--haldi-dark: #b78707;\n\t--haldi-darker: #6b4a06;\n\t--haldi-light: #ffd462;\n\t--haldi-lighter: #ffe597;\n\t--haldi-lightest: #fff5c7;\n\t--jal: #0070dd;\n\t--jal-dark: #00509f;\n\t--jal-darker: #003365;\n\t--jal-light: #4f9de7;\n\t--jal-lighter: #97c5f0;\n\t--jal-lightest: #dcecf9;\n\t--jamun: #7a53b2;\n\t--jamun-dark: #644491;\n\t--jamun-darker: #4e3572;\n\t--jamun-light: #9d7ec6;\n\t--jamun-lighter: #bfaada;\n\t--jamun-lightest: #e0d8ee;\n\t--mirch: #d93737;\n\t--mirch-dark: #9c2828;\n\t--mirch-darker: #631919;\n\t--mirch-light: #eb776c;\n\t--mirch-lighter: #f7ada5;\n\t--mirch-lightest: #f9e2e2;\n\t--neel: #3d51d4;\n\t--neel-dark: #2c3a98;\n\t--neel-darker: #1c2561;\n\t--neel-light: #7583e1;\n\t--neel-lighter: #abb4ed;\n\t--neel-lightest: #e2e5f9;\n\t--neem: #2ea843;\n\t--neem-dark: #227934;\n\t--neem-darker: #154d26;\n\t--neem-light: #71c077;\n\t--neem-lighter: #a5d8aa;\n\t--neem-lightest: #d7efdf;\n\t--night: #2f2f2f;\n\t--night-light: #868686;\n\t--night-lightest: #a6a6a6;\n\t--nimbu: #82c91e;\n\t--nimbu-dark: #578715;\n\t--nimbu-darker: #304a0b;\n\t--nimbu-light: #a6d763;\n\t--nimbu-lighter: #c6e599;\n\t--nimbu-lightest: #e3f3ce;\n\t--shadow-0: #ffffff;\n\t--shadow-10: #ffffff;\n\t--shadow-20: #ffffff;\n\t--shadow-30: #ffffff;\n\t--stone: #d5d5d5;\n\t--stone-dark: #c5c5c5;\n\t--stone-light: #e5e5e5;\n\t--stone-lighter: #ececec;\n\t--stone-lightest: #f4f4f4;\n\t--tawak: #f07d00;\n\t--tawak-dark: #b35f13;\n\t--tawak-darker: #743208;\n\t--tawak-light: #feac5f;\n\t--tawak-lighter: #ffc998;\n\t--tawak-lightest: #fde6ce;\n\t--white: #ffffff;\n\n\t/**** Fonts ****/\n} /* close :root */\n\n:root {\n /* Colors */\n\n /* default */\n --primary: var(--jal);\n --secondary: var(--stone);\n --success: var(--neem);\n --alert: var(--mirch);\n --warning: var(--haldi);\n --accent1: var(--tawak);\n --accent2: var(--jamun);\n --accent3: var(--neel);\n --accent4: var(--nimbu);\n --inverse: var(--night);\n\n /* dark */\n --primary-dark: var(--jal-dark);\n --secondary-dark: var(--stone-dark);\n --success-dark: var(--neem-dark);\n --alert-dark: var(--mirch-dark);\n --warning-dark: var(--haldi-dark);\n --accent1-dark: var(--tawak-dark);\n --accent2-dark: var(--jamun-dark);\n --accent3-dark: var(--neel-dark);\n --accent4-dark: var(--nimbu-dark);\n\n /* darker */\n --primary-darker: var(--jal-darker);\n --secondary-darker: var(--stone-darker);\n --success-darker: var(--neem-darker);\n --alert-darker: var(--mirch-darker);\n --warning-darker: var(--haldi-darker);\n --accent1-darker: var(--tawak-darker);\n --accent2-darker: var(--jamun-darker);\n --accent3-darker: var(--neel-darker);\n --accent4-darker: var(--nimbu-darker);\n\n /* light */\n --primary-light: var(--jal-light);\n --secondary-light: var(--stone-light);\n --success-light: var(--neem-light);\n --alert-light: var(--mirch-light);\n --warning-light: var(--haldi-light);\n --accent1-light: var(--tawak-light);\n --accent2-light: var(--jamun-light);\n --accent3-light: var(--neel-light);\n --accent4-light: var(--nimbu-light);\n --inverse-light: var(--night-light);\n\n /* lighter */\n --primary-lighter: var(--jal-lighter);\n --secondary-lighter: var(--stone-lighter);\n --success-lighter: var(--neem-lighter);\n --alert-lighter: var(--mirch-lighter);\n --warning-lighter: var(--haldi-lighter);\n --accent1-lighter: var(--tawak-lighter);\n --accent2-lighter: var(--jamun-lighter);\n --accent3-lighter: var(--neel-lighter);\n --accent4-lighter: var(--nimbu-lighter);\n\n /* lightest */\n --primary-lightest: var(--jal-lightest);\n --secondary-lightest: var(--stone-lightest);\n --success-lightest: var(--neem-lightest);\n --alert-lightest: var(--mirch-lightest);\n --warning-lightest: var(--haldi-lightest);\n --accent1-lightest: var(--tawak-lightest);\n --accent2-lightest: var(--jamun-lightest);\n --accent3-lightest: var(--neel-lightest);\n --accent4-lightest: var(--nimbu-lightest);\n --inverse-lightest: var(--night-lightest);\n\n /* shadow */\n --primary-shadow: color-mod(var(--primary) a(0.16));\n --secondary-shadow: color-mod(var(--secondary) a(0.16));\n --success-shadow: color-mod(var(--success) a(0.16));\n --alert-shadow: color-mod(var(--alert) a(0.16));\n --warning-shadow: color-mod(var(--warning) a(0.16));\n --accent1-shadow: color-mod(var(--accent1) a(0.16));\n --accent2-shadow: color-mod(var(--accent2) a(0.16));\n --accent3-shadow: color-mod(var(--accent3) a(0.16));\n --accent4-shadow: color-mod(var(--accent4) a(0.16));\n --inverse-shadow: color-mod(var(--inverse) a(0.16));\n\n /* Text colors */\n --text: var(--night);\n --text-subtle: var(--night-light);\n --text-link: var(--primary);\n --text-disabled: var(--inverse-lightest);\n --text-destructive: var(--alert);\n --text-white: var(--white);\n\n /* spacing */\n --spacing-xs: 1px;\n --spacing-s: 2px;\n --spacing-m: 4px;\n --spacing: 8px;\n --spacing-l: 12px;\n /* 8 * 2 */\n --spacing-2: 16px;\n /* 8 * 3 */\n --spacing-xl: 24px;\n /* 8 * 4 */\n --spacing-3: 32px;\n /* 8 * 6 */\n --spacing-4: 48px;\n /* 8 * 8 */\n --spacing-5: 64px;\n /* 8 * 12 */\n --spacing-6: 96px;\n /* 8 * 16 */\n --spacing-7: 128px;\n /* 8 * 22 */\n --spacing-8: 176px;\n /* 8 * 32 */\n --spacing-9: 256px;\n\n /* Fonts */\n --font-family: 'Nunito Sans';\n\n /* Font size */\n --font-size-xxs: 4px;\n --font-size-xs: 8px;\n --font-size-s: 12px;\n --font-size: 14px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 28px;\n --font-size-xxl: 32px;\n --font-size-xxxl: 40px;\n\n /* Font weight */\n --font-weight-normal: 400;\n --font-weight-medium: 600;\n --font-weight-bold: 700;\n --font-weight-bolder: 800;\n\n /* Line height or Font height */\n --font-height-normal: normal;\n --font-height-s: 16px;\n --font-height: 20px;\n --font-height-m: 24px;\n --font-height-l: 32px;\n --font-height-xl: 40px;\n --font-height-xxl: 48px;\n\n /* Letter spacing */\n --letter-spacing: 0.5px;\n\n /* body settings */\n\n /* Link */\n --link-color: var(--primary);\n --link-decoration: none;\n --link-hover-color: var(--primary);\n --link-hover-decoration: none;\n --link-font-weight: var(--font-weight-medium);\n\n /* border */\n --border: var(--spacing-xs) solid var(--secondary);\n --border-s: var(--spacing-s) solid var(--secondary);\n\n /* padding */\n\n /* shadow */\n --shadow-s: 0 1px 4px 0 rgba(0, 0, 0, 0.16);\n --shadow-m: 0 2px 8px 0 rgba(0, 0, 0, 0.16);\n --shadow-l: 0 4px 16px 0 rgba(0, 0, 0, 0.16);\n --shadow-spread: 0 0 0 3px;\n\n /* \n Grid breakpoints\n Define the minimum dimensions at which your layout will change,\n adapting to different screen sizes, for use in media queries. \n */\n\n --grid-s-breakpoint: 576px;\n --grid-m-breakpoint: 768px;\n --grid-l-breakpoint: 992px;\n --grid-xl-breakpoint: 1200px;\n\n /* \n Grid columns\n Set the number of columns and specify the width of the gutters. \n */\n\n --grid-columns: 12;\n}\n\n@font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url(MaterialIcons-Regular.eot); /* For IE6-8 */\n src: local('Material Icons'),\n local('MaterialIcons-Regular'),\n url(MaterialIcons-Regular.woff2) format('woff2'),\n url(MaterialIcons-Regular.woff) format('woff'),\n url(MaterialIcons-Regular.ttf) format('truetype');\n}\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 16px; /* Preferred icon size */\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n\n /* Support for all WebKit browsers. */\n -webkit-font-smoothing: antialiased;\n /* Support for Safari and Chrome. */\n text-rendering: optimizeLegibility;\n\n /* Support for Firefox. */\n -moz-osx-font-smoothing: grayscale;\n\n /* Support for IE. */\n font-feature-settings: 'liga';\n}\n\n\nbody {\n font-family: var(--font-family);\n color: var(--text);\n line-height: var(--font-height);\n margin: 0;\n padding: 0;\n font-size: var(--font-size);\n}\n\n/* Link */\n\n.Link {\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n font-weight: var(--link-font-weight);\n}\n\n.Link:hover {\n color: var(--link-hover-color);\n text-decoration: var(--link-hover-decoration);\n}\n\n/* Text */\n.Text {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.Text--small {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.Text--default {\n color: var(--text);\n}\n\n.Text--subtle {\n color: var(--text-subtle);\n}\n\n.Text--disabled {\n color: var(--text-disabled);\n}\n\n.Text--destructive {\n color: var(--text-destructive);\n}\n\n.Text--medium {\n font-weight: var(--font-weight-medium);\n}\n\n.Text--strong {\n font-weight: var(--font-weight-bold);\n}\n\n.Text--white {\n color: var(--text-white);\n}\n\n/* Heading */\n.Heading {\n margin: 0;\n}\n\n.Heading--s {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.Heading--m {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-l);\n line-height: var(--font-height-l);\n}\n\n.Heading--l {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xl);\n line-height: var(--font-height-xl);\n}\n\n.Heading--xl {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-xxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--xxl {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xxxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--default {\n color: var(--text);\n}\n\n.Heading--subtle {\n color: var(--text-subtle);\n}\n\n.Heading--disabled {\n color: var(--text-disabled);\n}\n\n.Heading--white {\n color: var(--text-white);\n}\n\n/* Label */\n.Label {\n display: inline-flex;\n}\n\n.Label--withInput {\n margin-bottom: var(--spacing-m);\n}\n\n.Label-label {\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.Label--disabled {\n color: var(--text-disabled);\n}\n\n.Label-requiredIndicator {\n height: var(--spacing-m);\n width: var(--spacing-m);\n border-radius: 50%;\n background: var(--alert);\n margin-left: var(--spacing-m);\n}\n\n/* Caption */\n.Caption {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.Caption--withInput {\n margin-top: var(--spacing-m);\n}\n\n.Caption-icon {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-m);\n}\n\n.Caption--hidden {\n visibility: hidden;\n}\n\n/* Subheading */\n.Subheading {\n margin: 0;\n font-weight: var(--font-weight-bolder);\n font-size: var(--spacing-l);\n line-height: var(--font-height-m);\n letter-spacing: var(--letter-spacing);\n text-transform: uppercase;\n}\n\n.Subheading--default {\n color: var(--text);\n}\n\n.Subheading--subtle {\n color: var(--text-subtle);\n}\n\n.Subheading--disabled {\n color: var(--text-disabled);\n}\n\n.Subheading--white {\n color: var(--text-white);\n}\n.PopperWrapper-trigger {\n display: inline-flex;\n flex-grow: 1;\n}\n.Legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n}\n\n.Legend:hover {\n cursor: pointer;\n}\n\n.Legend-icon {\n border-radius: var(--spacing-s);\n margin-right: var(--spacing);\n}\n.ProgressBar {\n width: 100%;\n border-radius: var(--spacing-m);\n background: var(--secondary-lightest);\n}\n\n.ProgressBar-indicator {\n height: var(--spacing);\n background-color: var(--primary);\n border-radius: var(--spacing-m);\n transition: width 200ms;\n}\n/* badge */\n\n.Avatar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n overflow: hidden;\n text-transform: uppercase;\n border-radius: 50%;\n}\n\n.Avatar .Heading {\n font-weight: var(--font-weight-medium);\n}\n\n.Avatar--primary {\n background: var(--primary);\n}\n\n.Avatar--success {\n background: var(--success-light);\n}\n\n.Avatar--alert {\n background: var(--alert-light);\n}\n\n.Avatar--warning {\n background: var(--warning-light);\n}\n\n.Avatar--warning .Heading {\n color: var(--haldi-darkest);\n}\n\n.Avatar--accent1 {\n background: var(--accent1-light);\n}\n\n.Avatar--accent2 {\n background: var(--accent2-light);\n}\n\n.Avatar--accent3 {\n background: var(--accent3-light);\n}\n\n.Avatar--accent4 {\n background: var(--accent4-light);\n}\n@keyframes backdrop-open {\n from { opacity: 0; }\n to { opacity: 60; }\n}\n\n@keyframes backdrop-close {\n from { opacity: 60; }\n to { opacity: 0; }\n}\n\n.Backdrop {\n background-color: color-mod(var(--inverse) a(0.8));\n height: 100vh;\n width: 100vw;\n position: fixed;\n left: 0;\n top: 0;\n display: none;\n align-items: center;\n z-index: 999999;\n overflow: auto;\n flex-direction: column;\n justify-content: center;\n touch-action: none;\n visibility: hidden;\n}\n\n.Backdrop--open {\n display: flex;\n visibility: visible;\n}\n\n.Backdrop-animation--open {\n animation: backdrop-open 120ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.Backdrop-animation--close {\n animation: backdrop-close 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n\n\n/* badge */\n\n.Badge {\n\t/* 160px */\n\tmax-width: calc(var(--spacing-2) * 10);\n\t/* truncate */\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tfont-size: var(--font-size-s);\n\tline-height: var(--font-height-s);\n\ttext-transform: uppercase;\n\tpadding-right: var(--spacing-m);\n\tpadding-left: var(--spacing-m);\n\tpadding-top: var(--spacing-s);\n\tpadding-bottom: var(--spacing-s);\n\tborder-radius: var(--spacing-m);\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tfont-weight: var(--font-weight-bold);\n\tcursor: default;\n}\n\n.Badge--primary {\n\tbackground: var(--primary);\n\tcolor: var(--white);\n}\n\n.Badge--secondary {\n\tbackground: var(--secondary);\n}\n\n.Badge--success {\n\tbackground: var(--success);\n\tcolor: var(--white);\n}\n\n.Badge--alert {\n\tbackground: var(--alert);\n\tcolor: var(--white);\n}\n\n.Badge--warning {\n\tbackground: var(--warning);\n}\n\n.Badge--accent1 {\n\tbackground: var(--accent1);\n\tcolor: var(--white);\n}\n\n.Badge--accent2 {\n\tbackground: var(--accent2);\n\tcolor: var(--white);\n}\n\n.Badge--accent3 {\n\tbackground: var(--accent3);\n\tcolor: var(--white);\n}\n\n.Badge--accent4 {\n\tbackground: var(--accent4);\n}\n\n.Badge--subtle-primary {\n\tcolor: var(--primary-darker);\n\tbackground: var(--primary-lightest);\n}\n\n.Badge--subtle-secondary {\n\tcolor: var(--secondary-darker);\n\tbackground: var(--secondary-lightest);\n}\n\n.Badge--subtle-success {\n\tcolor: var(--success-darker);\n\tbackground: var(--success-lightest);\n}\n\n.Badge--subtle-alert {\n\tcolor: var(--alert-darker);\n\tbackground: var(--alert-lightest);\n}\n\n.Badge--subtle-warning {\n\tcolor: var(--warning-darker);\n\tbackground: var(--warning-lightest);\n}\n\n.Badge--subtle-accent1 {\n\tcolor: var(--accent1-darker);\n\tbackground: var(--accent1-lightest);\n}\n\n.Badge--subtle-accent2 {\n\tcolor: var(--accent2-darker);\n\tbackground: var(--accent2-lightest);\n}\n\n.Badge--subtle-accent3 {\n\tcolor: var(--accent3-darker);\n\tbackground: var(--accent3-lightest);\n}\n\n.Badge--subtle-accent4 {\n\tcolor: var(--accent4-darker);\n\tbackground: var(--accent4-lightest);\n}\n\n/* breadcrumbs */\n\n.Breadcrumbs {\n display: flex;\n align-items: center;\n}\n\n.Breadcrumbs-item {\n display: flex;\n align-items: center;\n}\n\n.Breadcrumbs-link {\n margin: var(--spacing-m);\n}\n\n.Breadcrumbs-item:first-child .Breadcrumbs-link {\n margin-left: 0;\n}\n\n.Breadcrumbs-itemSeparator {\n color: var(--inverse-light);\n}\n\n.Breadcrumbs-dropdown {\n display: flex;\n align-items: center;\n}\n\n.SubtleLink {\n text-decoration: none;\n cursor: pointer;\n font-size: var(--font-size-s);\n color: var(--inverse-light);\n font-weight: var(--font-weight-medium);\n}\n\n.SubtleLink:focus {\n background: white;\n outline: 0;\n}\n\n.SubtleLink:hover {\n border-bottom: var(--spacing-xs) solid var(--inverse-light);\n}\n\n.SubtleLink:active {\n color: var(--text);\n}\n\n/* button */\n\n.Button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n \n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n border: 0;\n border-radius: var(--spacing-m);\n\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\t\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.Button:focus {\n outline: 0;\n}\n\n.Button--iconAlign-right {\n flex-direction: row-reverse;\n}\n\n.Button--tiny {\n height: 24px;\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.Button--tiny.Button--square {\n padding-left: var(--spacing-m);\n padding-right: var(--spacing-m);\n}\n\n.Button--regular {\n height: 32px;\n padding-right: var(--spacing-l);\n\tpadding-left: var(--spacing-l);\n}\n\n.Button--regular.Button--square {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n}\n\n.Button--large {\n height: 40px;\n padding-right: var(--spacing-2);\n padding-left: var(--spacing-2);\n \n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.Button--large.Button--square {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n}\n\n.Button--tiny.Button--square .Button-icon,\n.Button--large.Button--square .Button-icon,\n.Button--tiny.Button--square .Spinner,\n.Button--large.Button--square .Spinner {\n padding-left: var(--spacing-s);\n padding-right: var(--spacing-s);\n}\n\n.Button--expanded {\n width: 100%;\n}\n\n.Button-icon {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.Button-icon--left,\n.Button-spinner--left {\n margin-right: var(--spacing);\n}\n\n.Button-icon--right,\n.Button-spinner--right {\n margin-left: var(--spacing);\n}\n\n.Button--tiny .Button-icon--left {\n margin-right: var(--spacing-m);\n}\n.Button--tiny .Button-icon--right {\n margin-left: var(--spacing-m);\n}\n\n.Button--basic {\n\tbackground: var(--secondary-light);\n\tcolor: var(--inverse);\n}\n\n.Button--basic:hover {\n\tbackground: var(--secondary);\n}\n\n.Button--basic:active {\n\tbackground: var(--secondary-dark);\n}\n\n.Button--basic:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.Button--basic:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.Button--primary {\n\tbackground: var(--primary);\n}\n\n.Button--primary:hover {\n\tbackground: var(--primary-dark);\n}\n\n.Button--primary:active {\n\tbackground: var(--primary-darker);\n}\n\n.Button--primary:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.Button--primary:disabled {\n background: var(--primary-lighter);\n}\n\n.Button--success {\n\tbackground: var(--success);\n}\n\n.Button--success:hover {\n\tbackground: var(--success-dark);\n}\n\n.Button--success:active {\n\tbackground: var(--success-darker);\n}\n\n.Button--success:focus {\n box-shadow: var(--shadow-spread) var(--success-shadow);\n}\n\n.Button--success:disabled {\n background: var(--success-lighter);\n}\n\n.Button--alert {\n\tbackground: var(--alert);\n}\n\n.Button--alert:hover {\n\tbackground: var(--alert-dark);\n}\n\n.Button--alert:active {\n\tbackground: var(--alert-darker);\n}\n\n.Button--alert:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Button--alert:disabled {\n background: var(--alert-lighter);\n}\n\n.Button--transparent {\n\tbackground: transparent;\n\tcolor: var(--inverse);\n}\n\n.Button--transparent:hover {\n\tbackground: var(--secondary-light);\n}\n\n.Button--transparent:active {\n\tbackground: var(--secondary);\n}\n\n.Button--transparent:focus {\n background: color-mod(var(--stone-light) a(0.2));\n /* box-shadow: var(--shadow-spread) var(--secondary-shadow); */\n}\n\n.Button--transparent:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.Button-spinner {\n display: flex;\n}\n\n.Button--square .Button-spinner {\n margin-right: 0 !important;\n}\n\n.Button--tiny .Button-spinner {\n margin-right: var(--spacing-m);\n}\n\n.Button--tiny .Spinner--small {\n height: var(--font-size-s);\n width: var(--font-size-s);\n}\n\n.Button--large .Spinner--small {\n height: var(--font-size-l);\n width: var(--font-size-l);\n}\n/* calendar */\n\n.Calendar-wrapper {\n display: flex;\n flex-wrap: wrap;\n}\n\n.Calendar {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n min-width: 330px;\n}\n\n.Calendar-header {\n display: flex;\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-2);\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing);\n}\n\n.Calendar-headerIcon {\n cursor: pointer;\n user-select: none;\n}\n\n.Calendar-headerIcon--disabled .Icon {\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.Calendar-headerContent {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 1;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n user-select: none;\n}\n\n.Calendar-headerContent--noIcon-left {\n margin-left: var(--spacing-3);\n}\n\n.Calendar-headerContent--noIcon-right {\n margin-right: var(--spacing-3);\n}\n\n.Calendar-body {\n display: flex;\n flex-direction: column;\n padding-left: var(--spacing-3);\n padding-right: var(--spacing-3);\n padding-bottom: var(--spacing-xl);\n}\n\n.Calendar-valueRow {\n display: flex;\n margin-top: var(--spacing);\n margin-bottom: var(--spacing);\n justify-content: center;\n}\n\n.Calendar-valueRow:first-child {\n margin-top: 0;\n}\n\n.Calendar-valueRow:last-child {\n margin-bottom: 0;\n}\n\n.Calendar-value {\n cursor: pointer;\n user-select: none;\n border-radius: var(--spacing-m);\n}\n\n.Calendar-value:first-child {\n margin-left: 0;\n}\n\n.Calendar-value:last-child {\n margin-right: 0;\n}\n\n.Calendar-value:hover {\n background: var(--secondary);\n}\n\n.Calendar-value--inRange,\n.Calendar-value--inRange:hover {\n background: var(--primary-lightest);\n border-radius: 0;\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n}\n\n.Calendar-value--inRange-error,\n.Calendar-value--inRange-error:hover {\n background: var(--alert-lightest);\n border-radius: 0;\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n}\n\n.Calendar-value--active,\n.Calendar-value--active:hover {\n background: var(--primary);\n}\n\n.Calendar--year .Calendar-value,\n.Calendar--month .Calendar-value {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n margin-left: var(--spacing-2);\n margin-right: var(--spacing-2);\n}\n\n.Calendar--date {\n --value-width: var(--spacing-4);\n}\n\n.Calendar--date .Calendar-valueRow {\n margin-top: var(--spacing-s);\n margin-bottom: var(--spacing-s);\n}\n\n.Calendar--date .Calendar-value {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n width: var(--value-width);\n text-align: center;\n}\n\n.Calendar-value--dummy {\n pointer-events: none;\n}\n\n.Calendar-value--disabled {\n pointer-events: none;\n}\n\n.Calendar-dayValues {\n display: flex;\n justify-content: center;\n}\n/* badge */\n\n.Card {\n border-radius: var(--spacing-m);\n border: var(--border);\n}\n\n.Card--shadow-light {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.Card--shadow-medium {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.Card--shadow-dark {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n/* badge */\n\n.Checkbox {\n display: flex;\n cursor: pointer;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n line-height: initial;\n box-sizing: border-box;\n}\n\n.Checkbox-input {\n position: absolute;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.Checkbox-label {\n padding-left: var(--spacing);\n cursor: pointer;\n}\n\n.Checkbox-label--regular {\n margin-top: var(--spacing-s);\n margin-bottom: var(--spacing-s);\n}\n\n.Checkbox-label--tiny {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n}\n\n.Checkbox-outerWrapper {\n position: relative;\n}\n\n/* Type: Unchecked */\n\n.Checkbox-wrapper {\n top: 0;\n left: 0;\n border: var(--border);\n border-radius: var(--spacing-s);\n display: flex;\n align-items: center;\n box-sizing: border-box; \n}\n\n.Checkbox-wrapper--regular {\n height: var(--spacing-2);\n min-width: var(--spacing-2);\n}\n\n.Checkbox-wrapper--tiny {\n height: var(--spacing);\n min-width: var(--spacing);\n}\n\n.Checkbox-input:focus {\n outline: 0;\n}\n\n.Checkbox-input:focus~.Checkbox-wrapper {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.Checkbox-input:hover~.Checkbox-wrapper {\n border: var(--spacing-xs) solid var(--inverse-lightest);\n background-color: var(--shadow-0);\n}\n\n.Checkbox-input:active~.Checkbox-wrapper {\n border: var(--spacing-xs) solid var(--inverse-lightest);\n background-color: var(--secondary-light);\n}\n\n.Checkbox--disabled {\n pointer-events: none;\n}\n\n.Checkbox--disabled .Checkbox-wrapper {\n border: var(--spacing-xs) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.Checkbox-input--checked~.Checkbox-wrapper,\n.Checkbox-input--indeterminate~.Checkbox-wrapper {\n background-color: var(--primary);\n border: 0;\n}\n\n.Checkbox-input--checked:focus~.Checkbox-wrapper,\n.Checkbox-input--indeterminate:focus~.Checkbox-wrapper {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n border: 0;\n}\n\n.Checkbox-input--checked:hover~.Checkbox-wrapper,\n.Checkbox-input--indeterminate:hover~.Checkbox-wrapper {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.Checkbox-input--checked:active~.Checkbox-wrapper,\n.Checkbox-input--indeterminate:active~.Checkbox-wrapper {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.Checkbox--disabled .Checkbox-input--checked~.Checkbox-wrapper,\n.Checkbox--disabled .Checkbox-input--indeterminate~.Checkbox-wrapper {\n background-color: var(--primary-lighter);\n border: 0;\n}\n.Chip {\n display: flex;\n box-sizing: border-box;\n border-radius: var( --spacing-l);\n padding-right: var( --spacing);\n padding-left: var( --spacing);\n padding-top: var( --spacing-s);\n padding-bottom: var( --spacing-s);\n width: fit-content;\n justify-content: space-between;\n border-style: solid;\n border-width: var( --spacing-xs);\n align-items: center;\n flex-direction: row;\n cursor: default;\n }\n \n .Chip-wrapper {\n display: flex;\n align-items: center;\n }\n .Chip-icon--left {\n padding-right: var( --spacing-m);\n display: flex;\n align-items: center;\n }\n \n .Chip-icon--right {\n padding-left: var( --spacing-m);\n display: flex;\n align-items: center;\n }\n .Chip--action {\n background: var( --shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n }\n \n .Chip--action:hover {\n background: var(--stone-light);\n border-color: var(--stone);\n }\n \n .Chip--action:focus {\n background: var(--stone-lighter);\n }\n \n .Chip--action:active {\n background: var(--stone-dark);\n }\n \n .Chip-action--disabled {\n background: var(--shadow-0);\n border-color: var(--stone-light);\n cursor: default;\n }\n \n .Chip--selection {\n background: var( --shadow-0);\n border-color: var(--stone);\n }\n \n .Chip--selection:hover {\n background: var(--stone-light);\n border-color: var(--stone);\n }\n \n .Chip--selection:focus {\n background: var(--stone-lighter);\n }\n \n .Chip--selection:active {\n background: var(--stone-dark);\n }\n \n .Chip-selection--selected {\n background: var(--jal-lightest);\n border-color: var(--jal-lighter);\n }\n .Chip-selection--selected:hover {\n background: var(--jal-lightest);\n border-color: var(--jal-lighter);\n }\n .Chip-selection--selected .Text{\n color:var(--primary);\n }\n \n .Chip-selection--disabled {\n background: var( --shadow-0);\n border-color: var(--stone-light);\n }\n \n .Chip--input {\n background: var(--stone-light);\n font-weight: var( --font-weight-normal);\n border: 0px;\n }\n \n .Chip--input:hover {\n background: var(--stone-light);\n }\n \n .Chip-input--disabled {\n background: var(--stone-light);\n border: 0px;\n }\n\n.ChipGroup {\n display: inline-flex;\n}\n\n.ChipGroup-item {\n margin: 0 var(--spacing-m);\n}\n\n.ChipGroup-item:first-child {\n margin-left: 0;\n}\n\n.ChipGroup-item:last-child {\n margin-right: 0;\n}\n.DateRangePicker {\n\n}\n\n.DateRangePicker-input {\n box-sizing: border-box;\n}\n\n.DateRangePicker-input--startDate {\n padding-right: var(--spacing-m);\n}\n\n.DateRangePicker-input--endDate {\n padding-left: var(--spacing-m);\n}\n\n@media (max-width: 576px) {\n .DateRangePicker-input {\n padding: 0;\n }\n\n .DateRangePicker-input--endDate {\n padding-top: var(--spacing);\n }\n}\n/* Donut Chart */\n\n.DonutChart {\n height: 100%;\n}\n\n.DonutChart-legends {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-l) 0;\n}\n\n.DonutChart-tooltip {\n color: var(--white);\n padding: var(--spacing) var(--spacing-2);\n border-radius: var(--spacing-m);\n background: var(--inverse);\n}\n.Dropdown {\n position: relative;\n width: fit-content;\n}\n\n.Dropdown-wrapper {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n}\n\n.Dropdown-input {\n border-bottom: var(--border);\n}\n\n.Dropdown-input .Input {\n min-width: unset;\n}\n\n.Dropdown-input .Input,\n.Dropdown-input .Input:focus-within {\n border: unset;\n}\n\n.Dropdown-section {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: var(--spacing-l);\n margin-top: var(--spacing);\n margin-bottom: 6px;\n}\n\n.Dropdown-section--withClear {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-s);\n}\n\n.Dropdown--border {\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.Dropdown-errorWrapper {\n min-height: var(--spacing-7);\n}\n\n.Dropdown-buttonWrapper {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing);\n padding-right: var(--spacing);\n padding-bottom: var(--spacing);\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.Dropdown-footer {\n padding-left: var(--spacing-l);\n padding-bottom: var(--spacing-m);\n padding-top: var(--spacing);\n box-sizing: border-box;\n}\n\n.Option {\n display: flex;\n}\n\n.Option,\n.Option-loading {\n padding-top: 6px;\n padding-bottom: 6px;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n}\n\n.Option--withCheckbox {\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.Option--active {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.Dropdown-wrapper .Option .Checkbox {\n width: 100%;\n width: fill-available;\n width: -moz-available;\n width: -webkit-fill-available;\n}\n\n.Option-loading {\n pointer-events: none;\n}\n\n.Option--selected {\n background-color: var(--primary);\n color: var(--white);\n pointer-events: none;\n}\n\n.Option-label {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.Dropdown-wrapper .Checkbox .Checkbox-label {\n display: flex;\n overflow: hidden;\n}\n\n.Option-text,\n.Dropdown-wrapper .Checkbox .Text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.Option-text--wrap,\n.Dropdown-wrapper--wrap.Dropdown-wrapper .Checkbox .Text {\n white-space: unset;\n}\n\n.Option--icon {\n padding-left: var(--spacing);\n}\n\n.Option-icon {\n display: flex;\n}\n\n.Option-icon {\n height: fit-content;\n line-height: var(--font-height);\n}\n\n.Option-subinfo {\n font-size: var(--spacing-l);\n color: var(--inverse-light);\n}\n\n.Option--selected .Option-subinfo {\n color: var(--white);\n}\n\n.Dropdown-wrapper::-webkit-scrollbar {\n width: var(--spacing);\n}\n\n.Dropdown-wrapper::-webkit-scrollbar-thumb {\n background: var(--secondary);\n border-radius: var(--spacing-m);\n}\n.DropdownButton {\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding-top: unset;\n padding-bottom: unset;\n text-transform: unset;\n}\n\n.DropdownButton-wrapper {\n width: 100%;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n\n.DropdownButton--tiny {\n height: var(--spacing-xl);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n}\n\n.DropdownButton--regular {\n height: var(--spacing-3);\n padding-right: var(--spacing);\n padding-left: var(--spacing-l);\n}\n\n.DropdownButton:focus {\n background-color: var(--secondary-lighter);\n}\n\n.DropdownButton:disabled {\n pointer-events: none;\n}\n\n.DropdownButton--icon {\n padding-left: var(--spacing);\n}\n\n.DropdownButton-label {\n color: var(--inverse-light);\n margin-right: var(--spacing);\n}\n\n.DropdownButton-text {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.DropdownButton--error {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.DropdownButton--placeholder {\n color: var(--inverse-light);\n}\n\n.DropdownButton--label {\n color: var(--inverse);\n}\n\n.DropdownButton--moreIcon {\n padding-right: unset;\n padding-left: unset;\n justify-content: center;\n}\n\n.DropdownButton--moreIcon.DropdownButton--regular {\n min-width: var(--spacing-3);\n}\n\n.DropdownButton--moreIcon.DropdownButton--tiny {\n min-width: var(--spacing-xl);\n}\n\n/** Grid **/\n.Grid-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n\n.Grid-wrapper {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.Grid {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow: auto;\n}\n\n.Grid--resource .Grid-body .Grid-row:hover,\n.Grid--resource .Grid-body .Grid-row:hover .Grid-cellGroup {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.Grid--pinned {\n position: absolute;\n height: 100%;\n z-index: 2;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: 3px solid var(--secondary);\n}\n\n.Grid::-webkit-scrollbar {\n height: var(--spacing-l);\n width: var(--spacing-l);\n}\n\n.Grid::-webkit-scrollbar-thumb {\n background: var(--secondary);\n border-radius: var(--spacing);\n}\n\n.Grid-pinned::-webkit-scrollbar {\n display: none;\n}\n\n.Grid--main {\n flex-grow: 1;\n}\n\n.Grid--comfortable .Grid-cell--head {\n min-height: 40px;\n}\n\n.Grid--comfortable .Grid-cell--body {\n min-height: 54px;\n}\n\n.Grid--standard .Grid-cell--head {\n min-height: 40px;\n}\n\n.Grid--standard .Grid-cell--body {\n min-height: 40px;\n}\n\n.Grid--compressed .Grid-cell--head {\n min-height: 32px;\n}\n\n.Grid--compressed .Grid-cell--body {\n min-height: 32px;\n}\n\n.Grid--tight .Grid-cell--head {\n min-height: 24px;\n}\n\n.Grid--tight .Grid-cell--body {\n min-height: 24px;\n}\n\n.Grid-head {\n display: flex;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n\n.Grid-headCell {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.Grid-headCell--draggable {\n cursor: grab;\n}\n\n.Grid-headCell--draggable:active {\n cursor: grabbing;\n}\n\n.Grid-body {\n display: flex;\n flex-direction: column;\n /* width: 100%; */\n /* min-width: fit-content; */\n /* overflow-x: hidden; */\n /* overflow-y: scroll; */\n}\n\n.Grid-rowWrapper {\n display: inline-flex;\n flex-direction: column;\n min-width: fit-content;\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.Grid-row {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n border-bottom: var(--border);\n}\n\n.Grid-row--body {\n border-color: var(--secondary-lightest);\n}\n\n.Grid-rowWrapper:last-child .Grid-row--body {\n border-bottom: 0;\n}\n\n.GridBody-padding {\n flex-shrink: 0;\n}\n\n.Grid-nestedRowTrigger {\n margin-right: var(--spacing-l);\n cursor: pointer;\n}\n\n.Grid-row--selected,\n.Grid-row--selected .Grid-cellGroup {\n background: var(--warning-lightest) !important;\n}\n\n.Grid-cell {\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n padding-left: var(--spacing-l);\n}\n\n.Grid-cell--body {\n padding-right: var(--spacing-l);\n}\n\n.Grid-cell--head {\n padding-right: var(--spacing-m);\n}\n\n.Grid-cell--separator {\n border-left: var(--border);\n}\n\n.Grid-cell--selected {\n background: var(--primary-lightest);\n}\n\n.Grid-cell--nestedRow {\n padding-left: var(--spacing);\n}\n\n.Grid-cell--head.Grid-cell:first-child {\n border-left: none;\n}\n\n/* .Grid .Grid-cellGroup--main .Grid-cell--head.Grid-cell:last-child {\n border-right: var(--border);\n} */\n\n.Grid-cell--head.Grid-cell--selected {\n background: var(--primary-light);\n}\n\n.Grid-cell--checkbox {\n width: unset;\n min-width: unset;\n display: flex;\n align-items: center;\n z-index: 1;\n padding-right: 0 !important;\n overflow: visible !important;\n}\n\n.Grid-sortingIcons {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-m);\n}\n\n.Grid-cellReorder {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.Grid-cellReorder:active {\n cursor: grabbing;\n}\n\n.Grid-cellContent {\n display: flex;\n align-items: center;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.Grid-cellResize {\n position: absolute;\n right: 0;\n width: var(--spacing-m);\n cursor: ew-resize;\n height: 100%;\n}\n\n.Grid-cellSortIcon {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.Grid-cellSortIcon:hover {\n background: var(--secondary);\n}\n\n.Grid-cellResize:hover {\n background: var(--primary);\n}\n\n.Grid-reorderHighlighter {\n position: absolute;\n height: 100%;\n border: 3px solid var(--primary-light);\n z-index: 10;\n}\n\n.Grid-pagination {\n display: flex;\n justify-content: center;\n background: var(--white);\n padding: var(--spacing) 0;\n border-top: var(--border);\n}\n\n.Grid-cellGroup {\n display: flex;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.Grid-cellGroup--pinned {\n position: sticky;\n z-index: 1;\n}\n\n.Grid-cellGroup--pinned-left {\n left: 0;\n border-right: 3px solid var(--secondary);\n}\n\n.Grid-cellGroup--pinned-right {\n right: 0;\n border-left: 3px solid var(--secondary);\n}\n\n.Grid .Checkbox-wrapper {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n.GridCell {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.GridCell--align-left {\n /* flex-direction: row; */\n justify-content: flex-start;\n text-align: left;\n}\n\n.GridCell--align-right {\n /* flex-direction: row-reverse; */\n justify-content: flex-end;\n text-align: right;\n}\n\n.GridCell--align-center {\n justify-content: center;\n text-align: center;\n}\n\n.GridCell--default {}\n.GridCell--metaList {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n}\n\n.GridCell--avatar .Avatar {\n margin: 0;\n}\n\n.GridCell-metaListWrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n\n.GridCell-metaList {\n display: flex;\n}\n\n.GridCell-metaList .Text {\n display: flex;\n align-items: center;\n}\n\n.GridCell-metaList .Text::before {\n content: '';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-m);\n height: var(--spacing-m);\n border-radius: 50%;\n background: var(--secondary);\n margin: 0 var(--spacing);\n}\n\n.GridCell-metaList .Text:first-child::before {\n display: none;\n}\n\n.GridCell--metaList ul li:first-child {\n margin-left: 0;\n}\n\n/* .GridCell-image {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: var(--spacing);\n}\n\n.Image {\n z-index: 0;\n height: 100%;\n width: 100%;\n} */\n\n/** Header **/\n/** Table-header **/\n.Header {\n padding: var(--spacing-l);\n border-bottom: var(--border);\n}\n\n.Header-content {\n display: flex;\n}\n\n.Header-content--bottom {\n align-items: center;\n justify-content: space-between;\n}\n\n.Header-search {\n width: var(--spacing-9);\n margin-bottom: var(--spacing-2);\n}\n\n.Header-label {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.Header-label .Checkbox {\n margin-right: var(--spacing);\n}\n\n.Header-dropdown {\n display: flex;\n margin-left: var(--spacing-m);\n margin-bottom: var(--spacing-2);\n}\n\n.Header-dropdown .Dropdown {\n margin: 0 var(--spacing-m);\n}\n\n.Header-filters {\n display: flex;\n}\n\n.Header-sorting {\n display: flex;\n}\n\n.Header-actions {\n margin-bottom: var(--spacing-2);\n}\n/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n\n/* Rules for sizing the icon. */\n\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n\n/* Rules for using icons as black on a light background. */\n\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n\n/* Rules for using icons as white on a dark background. */\n\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.Icon {\n flex-shrink: 0;\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.Icon--subtle {\n color: var(--text-subtle);\n}\n\n.Icon--disabled {\n color: var(--text-disabled);\n}\n\n.Icon--destructive {\n color: var(--text-destructive);\n}\n\n.Icon--white {\n color: var(--text-white);\n}\n\n.Icon--default {\n color: var(--text);\n}\n\n.Icon--info {\n color: var(--primary);\n}\n\n.Icon--success {\n color: var(--success);\n}\n\n.Icon--warning {\n color: var(--warning);\n}\n\n.Icon--alert {\n color: var(--alert);\n}\n/* input */\n\n.Input-input::-ms-clear {\n display: none;\n}\n\n.Input {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--spacing-m);\n border: var(--border);\n padding-right: var(--spacing-l);\n padding-left: var(--spacing-l);\n background: var(--white);\n min-width: var(--spacing-9);\n}\n\n.Input--tiny {\n height: var(--spacing-xl);\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.Input--regular {\n height: var(--spacing-3);\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.Input--large {\n height: 40px;\n}\n\n.Input--large .Input-input {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.Input:focus-within {\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Input:focus-within .Input-icon--left .Icon {\n color: var(--primary);\n}\n\n.Input--error:focus-within {\n border: var(--spacing-xs) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Input--error:focus-within .Input-icon--left .Icon {\n color: var(--alert);\n}\n\n.Input--disabled {\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n}\n\n.Input--disabled .Input-icon--left .Icon{\n color: var(--inverse-lightest);\n}\n\n.Input--error {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.Input-input {\n display: flex;\n width: 100%;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--night);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.Input-input::placeholder {\n color: var(--inverse-light);\n}\n\n.Input-input:focus {\n outline: 0;\n}\n\n.Input-input:disabled .Input-input::placeholder {\n color: var(--inverse-light);\n}\n\n.Input-icon {\n display: flex;\n align-content: center;\n font-size: var(--font-size-m);\n}\n\n.Input-icon--left .Icon {\n margin-right: var(--spacing);\n color: var(--inverse);\n}\n\n.Input-icon--disabled .Icon{\n color: var(--inverse-lightest);\n}\n\n.Input-icon--right .Icon{\n cursor: pointer;\n margin-left: var(--spacing);\n color: var(--inverse-lightest);\n}\n\n.Input-inlineLabel {\n margin-right: var(--spacing);\n}\n\n.List {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n /* flex-grow: 0; */\n height: 100%;\n z-index: 1;\n}\n\n.List-grid {\n height: 100%;\n overflow: hidden;\n height: 100%;\n}\n.Message {\n background: var(--white);\n border-radius: var(--spacing-m);\n box-shadow: var(--shadow-m);\n padding-top: var(--spacing-l);\n padding-right: var(--spacing-xl);\n padding-bottom: var(--spacing-l);\n padding-left: var(--spacing-2);\n display: flex;\n flex-direction: row;\n overflow: hidden;\n border-top: var(--border-s);\n min-height: var(--spacing-5);\n width: 100%;\n box-sizing: border-box;\n }\n \n .Message--alert {\n border-color: var(--alert);\n }\n \n .Message--success {\n border-color: var(--success);\n }\n \n .Message--info {\n border-color: var(--primary);\n }\n \n .Message--warning {\n border-color: var(--warning);\n }\n \n .Message-icon {\n margin-right: var(--spacing-2);\n padding-top: var(--spacing-s);\n width: var(--spacing-2);\n }\n\n .Message-icon--withTitle {\n padding-top: var(--spacing-m);\n }\n \n .Message-title {\n margin-bottom: var(--spacing);\n \n }\n \n.Meta {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n font-size: var(--font-size);\n}\n\n.MetaList-seperator {\n border-radius: 50%;\n height: var(--spacing-m);\n width: var(--spacing-m);\n margin-left: var(--spacing);\n background: var(--inverse-lightest);\n}\n.MetaList-separator--left{\n margin-right: var(--spacing-m);\n}\n.Meta-icon{\n padding-right: var( --spacing-m);\n display: flex;\n align-items: center;\n}\n.MetaList {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n font-size: var(--font-size);\n}\n.MetaList-item {\n margin: 0 var(--spacing-m);\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n font-size: var(--font-size);\n}\n\n.MetaList-item:first-child {\n margin-left: 0;\n}\n\n.MetaList-item:last-child {\n margin-right: 0;\n}\n@keyframes modal-open {\n from {\n top: calc(10% + 20px);\n opacity: 0;\n }\n to {\n top: 10%;\n opacity: 100;\n }\n}\n\n@keyframes modal-close {\n from {\n top: calc(10%);\n opacity: 100;\n }\n to {\n top: calc(10% + 20px);\n opacity: 0;\n }\n}\n\n.Modal-container {\n display: flex;\n position: fixed;\n flex-direction: row;\n justify-content: center;\n width: 100vw;\n z-index: 99999999;\n top: 0;\n}\n\n.Modal {\n position: fixed;\n top: 10%;\n min-width: 480px;\n max-width: 960px;\n min-height: 200px;\n box-shadow: var(--shadow-m);\n background-color: var(--white);\n border-radius: var(--spacing);\n overflow: auto;\n display: none;\n visibility: hidden;\n}\n\n.Modal--open {\n display: block;\n visibility: visible;\n}\n\n.Modal-animation--open {\n animation: modal-open 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.Modal-animation--close {\n animation: modal-close 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.Modal-close-icon {\n display: flex;\n align-items: center;\n cursor: pointer;\n position: absolute;\n right: var(--spacing-2);\n}\n\n.Modal--small {\n width: 480px;\n}\n\n.Modal--medium {\n width: 640px;\n}\n\n.Modal--large {\n width: 800px;\n}\n\n.Modal-header {\n display: flex;\n padding: var(--spacing-2) var(--spacing-2) 0;\n justify-content: flex-start;\n align-items: center;\n}\n\n.Modal-header-subheader {\n padding-top: var(--spacing-s);\n padding-left: var(--spacing-2);\n}\n\n.Modal-header-subheader--withIcon {\n padding-left: var(--spacing-4);\n}\n\n.Modal-header-wrapper {\n margin-bottom: var(--spacing-l);\n}\n\n.Modal-header-icon {\n display: flex;\n align-items: center;\n margin-right: var(--spacing-2);\n}\n\n.Modal-description {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-2);\n}\n\n.Modal-footer {\n padding: var(--spacing-2);\n display: flex;\n justify-content: flex-end;\n flex-grow: 0;\n position: absolute;\n bottom: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.Modal-footer > * {\n margin-left: var(--spacing);\n}\n\n.Modal-body {\n padding: 0 var(--spacing-2);\n max-height: 480px;\n overflow-y: auto;\n margin-bottom: var(--spacing-5);\n}\n\n.Modal-body--border {\n border-top: var(--border);\n border-bottom: var(--border);\n}\n\n.Modal-body::-webkit-scrollbar {\n width: var(--spacing-2);\n}\n\n.Modal-body::-webkit-scrollbar-thumb {\n border: var(--spacing-m) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: var(--spacing);\n background-color: var(--secondary);\n}\n/* Navigation */\n\n.Navigation {\n display: flex;\n}\n\n.Navigation--horizontal {\n justify-content: center;\n}\n\n.Navigation--vertical {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-9);\n}\n\n.Navigation--collapsed {\n width: fit-content;\n}\n\n.Navigation-body {\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: var(--spacing);\n}\n\n.Navigation-menu {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.Navigation-menu--horizontal {\n border-radius: var(--spacing-2);\n padding: var(--spacing-m) var(--spacing-l);\n margin: 0 var(--spacing-xs);\n}\n\n.Navigation-menu--active {\n background: var(--secondary-light);\n}\n\n.Navigation-menu--vertical {\n /* padding-top: var(--spacing-m); */\n /* padding-bottom: var(--spacing-m); */\n padding-left: var(--spacing);\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n /* margin-right: var(--spacing); */\n border-radius: 0px var(--spacing-2) var(--spacing-2) 0px;\n}\n\n.Navigation-menu--subMenu {\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n padding-left: 40px;\n margin-top: 0;\n}\n\n.Navigation-menuIcon {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.Navigation-menuIcon--active {\n background: var(--secondary-light);\n}\n\n.Navigation-menuLabel {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.Navigation-menu .Text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.Navigation-footer {\n display: flex;\n align-items: center;\n padding: var(--spacing-m) var(--spacing);\n}\n\n.Navigation-footer--border {\n border-top: var(--border)\n}\n\n.Navigation--collapsed .Navigation-menuIcon--footer {\n transform: rotate(180deg);\n}\n.PageHeader-wrapper {\n border-bottom: var(--border);\n padding: var(--spacing) var(--spacing-2);\n}\n\n.PageHeader-wrapper--withTabs {\n padding-bottom: 0;\n}\n\n.PageHeader-wrapper--withTabs .TabsWrapper-header {\n border-bottom: none;\n}\n\n.PageHeader {\n /* display: flex;\n justify-content: space-between;\n align-items: center; */\n}\n\n.PageHeader .Row {\n width: 100%;\n}\n\n.PageHeader-titleWrapper {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.PageHeader-titleWrapper .Badge {\n margin-left: var(--spacing-l);\n}\n\n.PageHeader-statusWrapper {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.PageHeader-statusWrapper .StatusHints {\n margin-right: var(--spacing);\n}\n\n.PageHeader-navigationWrapper {\n display: flex;\n margin-top: var(--spacing-l);\n}\n\n.PageHeader .PageHeader-navigationWrapper {\n justify-content: center;\n align-items: center;\n margin-top: 0 !important;\n}\n\n.PageHeader-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* pagination */\n\n.Pagination {\n display: flex;\n vertical-align: middle;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.Pagination .Button {\n width: var(--spacing-5);\n padding-left: 20px;\n padding-right: 20px;\n}\n\n.Pagination-buttonWrapper {\n display: flex;\n flex-direction: row;\n}\n\n.Pagination-pageIndex {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: var(--spacing-xl);\n padding-right: var(--spacing-xl);\n}\n\n.Pagination-pageIndex .Input {\n flex-grow: 0;\n min-width: var(--spacing-3);\n width: var(--spacing-5);\n margin-right: var(--spacing);\n}\n\n.Pagination-pageIndex .Input-input {\n text-align: center;\n}\n\n.Pagination-pageIndex .Input-input::-webkit-inner-spin-button,\n.Pagination-pageIndex .Input-input::-webkit-outer-spin-button {\n appearance: none;\n margin: 0;\n}\n\n.Pagination-pageIndex .Input-input {\n -moz-appearance: textfield;\n}\n\n@media (max-width: 575px) {\n .Pagination-pageIndex {\n order: -1;\n flex-basis: 100%;\n }\n .Pagination-buttonWrapper {\n margin-top: var(--spacing);\n width: 50%;\n }\n .Pagination-buttonWrapper--next {\n justify-content: flex-start;\n }\n .Pagination-buttonWrapper--previous {\n justify-content: flex-end;\n }\n}\n.Pills {\n\t/* 160px */\n\tmax-width: calc(var(--spacing-2) * 10);\n\t/* truncate */\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tfont-size: var(--font-size-s);\n\tline-height: var(--font-height-s);\n text-transform: uppercase;\n padding-right: 6px;\n padding-left: 6px;\n\tpadding-top: var(--spacing-s);\n\tpadding-bottom: var(--spacing-s);\n\tborder-radius: 20px;\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tfont-weight: var(--font-weight-bold);\n\tcursor: default;\n}\n@keyframes shimmer {\n 0%{\n background-position: -500px 0\n }\n 100%{\n background-position: 500px 0\n }\n}\n\n.Placeholder--animation {\n border-radius: var(--spacing-m);\n animation-duration: 1.5s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: shimmer;\n animation-timing-function: linear;\n background: var(--secondary-lightest);\n background: linear-gradient(to right, var(--secondary-lighter) 8%, var(--secondary-dark) 18%, var(--secondary-lighter) 33%);\n background-size: 1000px 104px;\n}\n\n.Placeholder {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n align-items: center;\n}\n\n.Placeholder--withImage {\n display: flex;\n justify-content: flex-start;\n}\n\n.Placeholder-paragraph {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.Placeholder-paragraph--withImage {\n margin-left: var(--spacing);\n}\n\n.PlaceholderParagraph {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.PlaceholderParagraph-wrapper {\n display: flex;\n align-items: center;\n height: var(--font-height);\n}\n\n.PlaceholderParagraph-wrapper--length-small {\n width: 33%;\n}\n\n.PlaceholderParagraph-wrapper--length-medium {\n width: 66%;\n}\n\n.PlaceholderParagraph-wrapper--length-large {\n width: 100%;\n}\n\n.PlaceholderParagraph-wrapper--size-xxs {\n height: var(--font-height-s);\n}\n\n.PlaceholderParagraph-wrapper--size-xs {\n height: var(--font-height-m);\n}\n\n.PlaceholderParagraph-wrapper--size-s {\n height: var(--font-height-s);\n}\n\n.PlaceholderParagraph-wrapper--size-m {\n height: var(--font-height-m);\n}\n\n.PlaceholderParagraph-wrapper--size-l {\n height: var(--font-height-l);\n}\n\n.PlaceholderParagraph-wrapper--size-xl {\n height: var(--font-height-xl);\n}\n\n.PlaceholderParagraph-wrapper--size-xxl {\n height: var(--font-height-xxl);\n}\n\n.PlaceholderParagraph-wrapper--size-xxxl {\n height: var(--font-height-xxl);\n}\n\n.PlaceholderParagraph--xxs {\n height: var(--font-size-s);\n}\n\n.PlaceholderParagraph--xs {\n height: var(--font-size-s);\n}\n\n.PlaceholderParagraph--s {\n height: var(--font-size);\n}\n\n.PlaceholderParagraph--m {\n height: var(--font-size-m);\n}\n\n.PlaceholderParagraph--l {\n height: var(--font-size-l);\n}\n\n.PlaceholderParagraph--xl {\n height: var(--font-size-xl);\n}\n\n.PlaceholderParagraph--xxl {\n height: var(--font-size-xxl);\n}\n\n.PlaceholderParagraph--xxxl {\n height: var(--font-size-xxxl);\n}\n\n.PlaceholderImage {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.PlaceholderImage--small {\n width: 16px;\n height: 16px;\n}\n\n.PlaceholderImage--medium {\n width: 32px;\n height: 32px;\n}\n\n.PlaceholderImage--large {\n width: 48px;\n height: 48px;\n}\n\n.PlaceholderImage--round {\n border-radius: 50%;\n}\n\n.Popover {\n border-radius: var(--spacing-m);\n position: absolute;\n z-index: 999999;\n background: var(--white);\n box-shadow: var(--shadow-l);\n}\n\n.Popover--dark {\n background: var(--inverse);\n color: var(--white);\n}\n.Ring {\n transform: rotate(-90deg);\n}\n\n.Ring--regular {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.Ring--small {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.Ring Circle {\n fill: none;\n}\n\n.Ring-background {\n stroke: var(--secondary-lightest);\n}\n\n.Ring-indicator {\n stroke: var(--primary);\n transition: stroke-dashOffset 200ms;\n}\n/* Radio */\n\n.Radio {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-items: center;\n cursor: pointer;\n}\n\n.Radio-outerWrapper {\n position: relative;\n flex-shrink: 0;\n}\n\n.Radio-outerWrapper--regular {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.Radio-outerWrapper--tiny {\n height: var(--spacing-l);\n width: var(--spacing-l);\n}\n\n.Radio-input {\n opacity: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 2;\n margin: 0;\n cursor: pointer;\n}\n\n.Radio-label {\n padding-left: var(--spacing);\n cursor: pointer;\n}\n\n.Radio-wrapper {\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n position: absolute;\n border: var(--border);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n z-index: 1;\n}\n\n.Radio--disabled {\n pointer-events: none;\n}\n\n.Radio--disabled .Radio-wrapper {\n border: var(--spacing-xs) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n.Radio-input:checked~.Radio-wrapper {\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Radio-input:checked~.Radio-wrapper:focus {\n border: var(--spacing-xs) solid var(--primary-dark);\n}\n\n.Radio-input:checked~.Radio-wrapper:after {\n display: block;\n}\n\n.Radio-wrapper:after {\n content: \"\";\n display: none;\n border-radius: 50%;\n background: var(--primary);\n}\n\n.Radio-wrapper--regular:after {\n width: var(--spacing);\n height: var(--spacing);\n}\n\n.Radio-wrapper--tiny:after {\n width: var(--spacing-m);\n height: var(--spacing-m); \n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Radio--disabled .Radio-input:checked~.Radio-wrapper {\n border: var(--spacing-xs) solid var(--primary-lighter);\n}\n\n.Radio--disabled .Radio-input:checked~.Radio-wrapper:after {\n background: var(--primary-lighter);\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n}\n\n.Spinner {\n animation: rotate 2s linear infinite;\n}\n\n.Spinner--small {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.Spinner--medium {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.Spinner--large {\n height: var(--spacing-4);\n width: var(--spacing-4);\n}\n\n.Circle {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spin 1.5s ease-in-out infinite;\n}\n\n.Circle--primary {\n stroke: var(--primary);\n}\n\n.Circle--secondary {\n stroke: var(--secondary-dark);\n}\n\n.Circle--white {\n stroke: var(--white);\n}\n\n.StatusHint {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n}\n\n.StatusHint-icon {\n border-radius: 50%;\n height: var(--spacing);\n width: var(--spacing);\n margin-right: var(--spacing);\n}\n\n.StatusHint--alert {\n background: var(--alert);\n}\n\n.StatusHint--success {\n background: var(--success);\n}\n\n.StatusHint--warning {\n background: var(--warning);\n}\n\n.StatusHint--info {\n background: var(--primary);\n}\n\n.StatusHint--default {\n background: var(--secondary);\n}\n.Switch {\n display: flex;\n position: relative;\n}\n\n.Switch--tiny {\n height: var(--spacing-2);\n width: var(--spacing-3);\n}\n\n.Switch--regular {\n height: var(--spacing-xl);\n width: var(--spacing-4);\n}\n\n.Switch--large {\n height: var(--spacing-3);\n width: var(--spacing-5);\n}\n\n.Switch-input {\n position: absolute;\n cursor: pointer;\n z-index: 10;\n opacity: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n}\n\n.Switch-wrapper {\n display: flex;\n align-items: center;\n line-height: 100%;\n padding: var(--spacing-xs);\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--secondary-light);\n}\n\n.Switch-wrapper--tiny {\n border-radius: 10px;\n}\n\n.Switch-wrapper--regular {\n border-radius: 34px;\n}\n\n.Switch-wrapper--large {\n border-radius: 38px;\n}\n\n.Switch-wrapper:before {\n content: \"\";\n height: 100%;\n width: 50%;\n background-color: var(--shadow-0);\n box-shadow: 0 0 var(--spacing-xs) 0 var(--shadow-20);\n border-radius: 50%;\n box-sizing: border-box;\n}\n\n.Switch-wrapper--checked.Switch-wrapper--primary {\n background-color: var(--primary);\n}\n\n.Switch-wrapper--checked.Switch-wrapper--alert {\n background-color: var(--alert);\n}\n\n.Switch-wrapper--checked.Switch-wrapper--success {\n background-color: var(--success);\n}\n\n.Switch-wrapper--checked.Switch-wrapper--warning {\n background-color: var(--warning);\n}\n\n.Switch-wrapper--checked:before {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n.Switch--disabled {\n pointer-events: none;\n}\n\n.Switch-wrapper--disabled:before {\n background-color: var(--secondary-lightest);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--primary {\n background-color: var(--primary-lighter);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--alert {\n background-color: var(--alert-lighter);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--success {\n background-color: var(--success-lighter);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--warning {\n background-color: var(--warning-lighter);\n}\n.Table {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n /* flex-grow: 0; */\n height: 100%;\n width: 100%;\n z-index: 1;\n}\n\n.Table-grid {\n height: 100%;\n overflow: hidden;\n height: 100%;\n z-index: 1;\n}\n/* tabs */\n\n.TabsWrapper {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.TabsWrapper-header {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n border-bottom: var(--border);\n height: var(--spacing-4);\n}\n\n.Tab {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n min-width: 40px;\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-2);\n text-align: center;\n margin-left: var(--spacing-l);\n margin-right: var(--spacing-l);\n}\n\n.Tab:first-child {\n margin-left: 0;\n}\n\n.Tab:last-child {\n margin-right: 0;\n}\n\n.Tab--active, .Tab:hover {\n margin-bottom: -1px;\n border-bottom: var(--spacing-s) solid var(--primary);\n}\n\n.Tab--disabled {\n pointer-events: none;\n}\n\n.Tab-count {\n display: flex;\n margin-right: var(--spacing-l);\n}\n\n.Tab-count .Badge {\n margin-left: 0;\n margin-right: 0;\n}\n\n.Tab-icon {\n display: flex;\n margin-right: var(--spacing-l);\n font-size: var(--font-size-m);\n color: var(--text-subtle);\n}\n\n.Tab-icon--active {\n color: var(--text);\n}\n/* Textarea */\n\n.Textarea-textarea::-ms-clear {\n display: none;\n}\n\n.Textarea {\n display: flex;\n flex-direction: column;\n}\n\n.Textarea-textarea {\n min-height: var(--spacing-3);\n width: 100%;\n display: block;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n line-height: var(--font-height);\n font-size: var(--font-size);\n box-sizing: border-box;\n border-radius: var(--spacing-m);\n border: var(--border);\n color: var(--inverse);\n padding: var(--spacing) var(--spacing-l);\n}\n\n.Textarea-textarea::placeholder {\n color: var(--inverse-light);\n}\n\n.Textarea-textarea:focus-within {\n outline: none;\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Textarea-textarea:disabled {\n color: var(--inverse-light);\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n}\n\n.Textarea-textarea--error {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.Textarea-textarea--error:focus-within {\n border: var(--spacing-xs) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Textarea-textarea::-webkit-scrollbar {\n width: var(--spacing-2);\n}\n\n.Textarea-textarea::-webkit-scrollbar-thumb {\n border: var(--spacing-m) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: var(--spacing);\n background-color: var(--secondary);\n}\n/* toast */\n\n.Toast {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n\n width: 360px;\n border-radius: var(--spacing-m);\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-2);\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-2);\n}\n\n.Toast--default {\n padding-left: var(--spacing-xl);\n background-color: var(--inverse);\n}\n\n.Toast--info {\n background-color: var(--primary);\n}\n\n.Toast--alert {\n background-color: var(--alert);\n}\n\n.Toast--success {\n background-color: var(--success);\n}\n\n.Toast--warning {\n background-color: var(--warning);\n}\n\n.Toast--warning {\n color: var(--text);\n}\n\n.Toast-icon {\n display: flex;\n margin-top: var(--spacing-m);\n line-height: var(--font-height-m);\n}\n\n.Toast-icon--left {\n margin-right: var(--spacing-2);\n}\n\n.Toast-icon--right {\n cursor: pointer;\n margin-left: var(--spacing-2);\n}\n\n.Toast-body {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.Toast-title {\n display: flex;\n}\n\n.Toast-title .Heading {\n flex-grow: 1;\n}\n\n.Toast-message {\n padding-top: var(--spacing);\n}\n\n.Toast-actions {\n display: flex;\n padding-top: var(--spacing-l);\n}\n\n.Toast-actionButton {\n color: var(--text-white);\n margin-right: var(--spacing);\n}\n\n.Toast-actionButton:last-child {\n margin-right: 0;\n}\n\n.Toast-actionButton--default {\n background: var(--inverse-light);\n}\n\n.Toast-actionButton--default:hover,\n.Toast-actionButton--default:active {\n background: var(--inverse);\n}\n\n.Toast-actionButton--default:focus {\n box-shadow: var(--shadow-spread) color-mod(var(--inverse-light) a(0.16));\n}\n\n.Toast-actionButton--info {\n background: var(--primary-dark);\n}\n\n.Toast-actionButton--info:hover,\n.Toast-actionButton--info:active {\n background: var(--primary-darker);\n}\n\n.Toast-actionButton--info:focus {\n box-shadow: var(--shadow-spread) color-mod(var(--primary-dark) a(0.16));\n}\n\n.Toast-actionButton--success {\n background: var(--success-dark);\n}\n\n.Toast-actionButton--success:hover,\n.Toast-actionButton--success:active {\n background: var(--success-darker);\n}\n\n.Toast-actionButton--success:focus {\n box-shadow: var(--shadow-spread) color-mod(var(--success-dark) a(0.16));\n}\n\n.Toast-actionButton--alert {\n background: var(--alert-dark);\n}\n\n.Toast-actionButton--alert:hover,\n.Toast-actionButton--alert:active {\n background: var(--alert-darker);\n}\n\n.Toast-actionButton--alert:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Toast-actionButton--warning {\n background: var(--warning-dark);\n}\n\n.Toast-actionButton--warning:hover,\n.Toast-actionButton--warning:active {\n background: var(--warning-darker);\n}\n\n.Toast-actionButton--warning:focus {\n box-shadow: var(--shadow-spread) var(--warning-shadow);\n}\n.Tooltip {\n color: var(--white);\n max-width: var(--spacing-9);\n padding: var(--spacing) var(--spacing-2);\n border-radius: var(--spacing-m);\n position: absolute;\n z-index: 999999;\n background: var(--inverse);\n overflow: hidden;\n box-sizing: border-box;\n word-break: break-word;\n hyphens: auto;\n}\n\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.align-top {\n vertical-align: top !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n\n.align-bottom {\n vertical-align: bottom !important;\n}\n\n.align-text-bottom {\n vertical-align: text-bottom !important;\n}\n\n.align-text-top {\n vertical-align: text-top !important;\n}\n.bg-primary {\n background-color: var(--primary) !important;\n}\n\n.bg-secondary {\n background-color: var(--secondary) !important;\n}\n\n.bg-success {\n background-color: var(--success) !important;\n}\n\n.bg-warning {\n background-color: var(--warning) !important;\n}\n\n.bg-danger {\n background-color: var(--alert) !important;\n}\n\n.bg-light {\n background-color: var(--white) !important;\n}\n\n.bg-dark {\n background-color: var(--inverse) !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: flex !important;\n}\n\n.d-inline-flex {\n display: inline-flex !important;\n}\n.flex-fill {\n flex: 1 1 auto !important;\n}\n\n.flex-row {\n flex-direction: row !important;\n}\n\n.flex-column {\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-grow-0 {\n flex-grow: 0 !important;\n}\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0 !important;\n}\n\n.flex-shrink-1 {\n flex-shrink: 1 !important;\n}\n\n.flex-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-between {\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n justify-content: space-around !important;\n}\n\n.justify-content-evenly {\n justify-content: space-evenly !important;\n}\n\n.align-items-start {\n align-items: flex-start !important;\n}\n\n.align-items-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-start {\n align-content: flex-start !important;\n}\n\n.align-content-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-between {\n align-content: space-between !important;\n}\n\n.align-content-around {\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-auto {\n align-self: auto !important;\n}\n\n.align-self-start {\n align-self: flex-start !important;\n}\n\n.align-self-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n.order-first {\n order: -1 !important;\n}\n\n.order-0 {\n order: 0 !important;\n}\n\n.order-1 {\n order: 1 !important;\n}\n\n.order-2 {\n order: 2 !important;\n}\n\n.order-3 {\n order: 3 !important;\n}\n\n.order-4 {\n order: 4 !important;\n}\n\n.order-5 {\n order: 5 !important;\n}\n\n.order-last {\n order: 6 !important;\n}\n.Row {\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.Col {\n position: relative;\n width: 100%;\n}\n\n.Col--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n}\n\n.Col--1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n}\n\n.Col--2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n}\n\n.Col--3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n}\n\n.Col--4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n}\n\n.Col--5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n}\n\n.Col--6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n}\n\n.Col--7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n}\n\n.Col--8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n}\n\n.Col--9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n}\n\n.Col--10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n}\n\n.Col--11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n}\n\n.Col--12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n}\n\n/* if the viewport is between 0 to 575 pixels wide. */\n\n@media (max-width: 575px) {\n .Col--xs {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .Col--xs-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--xs-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--xs-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--xs-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--xs-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--xs-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--xs-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--xs-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--xs-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--xs-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--xs-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--xs-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--xs-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 576 and 767 pixels wide. */\n\n@media (min-width: 576px) and (max-width: 767px) {\n .Col--s-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--s-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--s-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--s-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--s-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--s-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--s-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--s-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--s-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--s-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--s-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--s-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--s-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 768 and 991 pixels wide. */\n\n@media (min-width: 768px) and (max-width: 991px) {\n .Col--m-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--m-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--m-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--m-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--m-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--m-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--m-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--m-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--m-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--m-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--m-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--m-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--m-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 992 and 1199 pixels wide. */\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .Col--l-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--l-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--l-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--l-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--l-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--l-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--l-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--l-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--l-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--l-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--l-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--l-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--l-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is 1200 pixels wide or wider. */\n\n@media (min-width: 1200px) {\n .Col--xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--xl-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--xl-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--xl-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--xl-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--xl-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--xl-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--xl-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--xl-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--xl-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--xl-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--xl-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--xl-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n.overflow-auto {\n overflow: auto !important;\n}\n\n.overflow-hidden {\n overflow: hidden !important;\n}\n.position-static {\n position: static !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-sticky {\n position: -webkit-sticky !important;\n position: sticky !important;\n}\n.w-25 {\n width: 25% !important;\n}\n\n.w-50 {\n width: 50% !important;\n}\n\n.w-75 {\n width: 75% !important;\n}\n\n.w-100 {\n width: 100% !important;\n}\n\n.w-auto {\n width: auto !important;\n}\n\n.mw-100 {\n max-width: 100% !important;\n}\n\n.vw-100 {\n width: 100vw !important;\n}\n\n.min-vw-100 {\n min-width: 100vw !important;\n}\n\n.h-25 {\n height: 25% !important;\n}\n\n.h-50 {\n height: 50% !important;\n}\n\n.h-75 {\n height: 75% !important;\n}\n\n.h-100 {\n height: 100% !important;\n}\n\n.h-auto {\n height: auto !important;\n}\n\n.mh-100 {\n max-height: 100% !important;\n}\n\n.vh-100 {\n height: 100vh !important;\n}\n\n.min-vh-100 {\n min-height: 100vh !important;\n}\n\n.m-0 {\n margin: 0 !important;\n}\n\n.m-1 {\n margin: var(--spacing-xs) !important;\n}\n\n.m-2 {\n margin: var(--spacing-s) !important;\n}\n\n.m-3 {\n margin: var(--spacing-m) !important;\n}\n\n.m-4 {\n margin: var(--spacing) !important;\n}\n\n.m-5 {\n margin: var(--spacing-l) !important;\n}\n\n.m-6 {\n margin: var(--spacing-2) !important;\n}\n\n.m-7 {\n margin: var(--spacing-xl) !important;\n}\n\n.m-8 {\n margin: var(--spacing-3) !important;\n}\n\n.m-9 {\n margin: var(--spacing-4) !important;\n}\n\n.m-10 {\n margin: var(--spacing-5) !important;\n}\n\n.m-11 {\n margin: var(--spacing-6) !important;\n}\n\n.m-12 {\n margin: var(--spacing-7) !important;\n}\n\n.m-13 {\n margin: var(--spacing-8) !important;\n}\n\n.m-14 {\n margin: var(--spacing-9) !important;\n}\n\n.m-auto {\n margin: auto !important;\n}\n\n.mx-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n\n.mx-1 {\n margin-right: var(--spacing-xs) !important;\n margin-left: var(--spacing-xs) !important;\n}\n\n.mx-2 {\n margin-right: var(--spacing-s) !important;\n margin-left: var(--spacing-s) !important;\n}\n\n.mx-3 {\n margin-right: var(--spacing-m) !important;\n margin-left: var(--spacing-m) !important;\n}\n\n.mx-4 {\n margin-right: var(--spacing) !important;\n margin-left: var(--spacing) !important;\n}\n\n.mx-5 {\n margin-right: var(--spacing-l) !important;\n margin-left: var(--spacing-l) !important;\n}\n\n.mx-6 {\n margin-right: var(--spacing-2) !important;\n margin-left: var(--spacing-2) !important;\n}\n\n.mx-7 {\n margin-right: var(--spacing-xl) !important;\n margin-left: var(--spacing-xl) !important;\n}\n\n.mx-8 {\n margin-right: var(--spacing-3) !important;\n margin-left: var(--spacing-3) !important;\n}\n\n.mx-9 {\n margin-right: var(--spacing-4) !important;\n margin-left: var(--spacing-4) !important;\n}\n\n.mx-10 {\n margin-right: var(--spacing-5) !important;\n margin-left: var(--spacing-5) !important;\n}\n\n.mx-11 {\n margin-right: var(--spacing-6) !important;\n margin-left: var(--spacing-6) !important;\n}\n\n.mx-12 {\n margin-right: var(--spacing-7) !important;\n margin-left: var(--spacing-7) !important;\n}\n\n.mx-13 {\n margin-right: var(--spacing-8) !important;\n margin-left: var(--spacing-8) !important;\n}\n\n.mx-14 {\n margin-right: var(--spacing-9) !important;\n margin-left: var(--spacing-9) !important;\n}\n\n.mx-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\n.my-1 {\n margin-top: var(--spacing-xs) !important;\n margin-bottom: var(--spacing-xs) !important;\n}\n\n.my-2 {\n margin-top: var(--spacing-s) !important;\n margin-bottom: var(--spacing-s) !important;\n}\n\n.my-3 {\n margin-top: var(--spacing-m) !important;\n margin-bottom: var(--spacing-m) !important;\n}\n\n.my-4 {\n margin-top: var(--spacing) !important;\n margin-bottom: var(--spacing) !important;\n}\n\n.my-5 {\n margin-top: var(--spacing-l) !important;\n margin-bottom: var(--spacing-l) !important;\n}\n\n.my-6 {\n margin-top: var(--spacing-2) !important;\n margin-bottom: var(--spacing-2) !important;\n}\n\n.my-7 {\n margin-top: var(--spacing-xl) !important;\n margin-bottom: var(--spacing-xl) !important;\n}\n\n.my-8 {\n margin-top: var(--spacing-3) !important;\n margin-bottom: var(--spacing-3) !important;\n}\n\n.my-9 {\n margin-top: var(--spacing-4) !important;\n margin-bottom: var(--spacing-4) !important;\n}\n\n.my-10 {\n margin-top: var(--spacing-5) !important;\n margin-bottom: var(--spacing-5) !important;\n}\n\n.my-11 {\n margin-top: var(--spacing-6) !important;\n margin-bottom: var(--spacing-6) !important;\n}\n\n.my-12 {\n margin-top: var(--spacing-7) !important;\n margin-bottom: var(--spacing-7) !important;\n}\n\n.my-13 {\n margin-top: var(--spacing-8) !important;\n margin-bottom: var(--spacing-8) !important;\n}\n\n.my-14 {\n margin-top: var(--spacing-9) !important;\n margin-bottom: var(--spacing-9) !important;\n}\n\n.my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n\n.mt-0 {\n margin-top: 0 !important;\n}\n\n.mt-1 {\n margin-top: var(--spacing-xs) !important;\n}\n\n.mt-2 {\n margin-top: var(--spacing-s) !important;\n}\n\n.mt-3 {\n margin-top: var(--spacing-m) !important;\n}\n\n.mt-4 {\n margin-top: var(--spacing) !important;\n}\n\n.mt-5 {\n margin-top: var(--spacing-l) !important;\n}\n\n.mt-6 {\n margin-top: var(--spacing-2) !important;\n}\n\n.mt-7 {\n margin-top: var(--spacing-xl) !important;\n}\n\n.mt-8 {\n margin-top: var(--spacing-3) !important;\n}\n\n.mt-9 {\n margin-top: var(--spacing-4) !important;\n}\n\n.mt-10 {\n margin-top: var(--spacing-5) !important;\n}\n\n.mt-11 {\n margin-top: var(--spacing-6) !important;\n}\n\n.mt-12 {\n margin-top: var(--spacing-7) !important;\n}\n\n.mt-13 {\n margin-top: var(--spacing-8) !important;\n}\n\n.mt-14 {\n margin-top: var(--spacing-9) !important;\n}\n\n.mt-auto {\n margin-top: auto !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n\n.mb-1 {\n margin-bottom: var(--spacing-xs) !important;\n}\n\n.mb-2 {\n margin-bottom: var(--spacing-s) !important;\n}\n\n.mb-3 {\n margin-bottom: var(--spacing-m) !important;\n}\n\n.mb-4 {\n margin-bottom: var(--spacing) !important;\n}\n\n.mb-5 {\n margin-bottom: var(--spacing-l) !important;\n}\n\n.mb-6 {\n margin-bottom: var(--spacing-2) !important;\n}\n\n.mb-7 {\n margin-bottom: var(--spacing-xl) !important;\n}\n\n.mb-8 {\n margin-bottom: var(--spacing-3) !important;\n}\n\n.mb-9 {\n margin-bottom: var(--spacing-4) !important;\n}\n\n.mb-10 {\n margin-bottom: var(--spacing-5) !important;\n}\n\n.mb-11 {\n margin-bottom: var(--spacing-6) !important;\n}\n\n.mb-12 {\n margin-bottom: var(--spacing-7) !important;\n}\n\n.mb-13 {\n margin-bottom: var(--spacing-8) !important;\n}\n\n.mb-14 {\n margin-bottom: var(--spacing-9) !important;\n}\n\n.mb-auto {\n margin-bottom: auto !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n\n.mr-1 {\n margin-right: var(--spacing-xs) !important;\n}\n\n.mr-2 {\n margin-right: var(--spacing-s) !important;\n}\n\n.mr-3 {\n margin-right: var(--spacing-m) !important;\n}\n\n.mr-4 {\n margin-right: var(--spacing) !important;\n}\n\n.mr-5 {\n margin-right: var(--spacing-l) !important;\n}\n\n.mr-6 {\n margin-right: var(--spacing-2) !important;\n}\n\n.mr-7 {\n margin-right: var(--spacing-xl) !important;\n}\n\n.mr-8 {\n margin-right: var(--spacing-3) !important;\n}\n\n.mr-9 {\n margin-right: var(--spacing-4) !important;\n}\n\n.mr-10 {\n margin-right: var(--spacing-5) !important;\n}\n\n.mr-11 {\n margin-right: var(--spacing-6) !important;\n}\n\n.mr-12 {\n margin-right: var(--spacing-7) !important;\n}\n\n.mr-13 {\n margin-right: var(--spacing-8) !important;\n}\n\n.mr-14 {\n margin-right: var(--spacing-9) !important;\n}\n\n.mr-auto {\n margin-right: auto !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n\n.ml-1 {\n margin-left: var(--spacing-xs) !important;\n}\n\n.ml-2 {\n margin-left: var(--spacing-s) !important;\n}\n\n.ml-3 {\n margin-left: var(--spacing-m) !important;\n}\n\n.ml-4 {\n margin-left: var(--spacing) !important;\n}\n\n.ml-5 {\n margin-left: var(--spacing-l) !important;\n}\n\n.ml-6 {\n margin-left: var(--spacing-2) !important;\n}\n\n.ml-7 {\n margin-left: var(--spacing-xl) !important;\n}\n\n.ml-8 {\n margin-left: var(--spacing-3) !important;\n}\n\n.ml-9 {\n margin-left: var(--spacing-4) !important;\n}\n\n.ml-10 {\n margin-left: var(--spacing-5) !important;\n}\n\n.ml-11 {\n margin-left: var(--spacing-6) !important;\n}\n\n.ml-12 {\n margin-left: var(--spacing-7) !important;\n}\n\n.ml-13 {\n margin-left: var(--spacing-8) !important;\n}\n\n.ml-14 {\n margin-left: var(--spacing-9) !important;\n}\n\n.ml-auto {\n margin-left: auto !important;\n}\n\n.p-0 {\n padding: 0 !important;\n}\n\n.p-1 {\n padding: var(--spacing-xs) !important;\n}\n\n.p-2 {\n padding: var(--spacing-s) !important;\n}\n\n.p-3 {\n padding: var(--spacing-m) !important;\n}\n\n.p-4 {\n padding: var(--spacing) !important;\n}\n\n.p-5 {\n padding: var(--spacing-l) !important;\n}\n\n.p-6 {\n padding: var(--spacing-2) !important;\n}\n\n.p-7 {\n padding: var(--spacing-xl) !important;\n}\n\n.p-8 {\n padding: var(--spacing-3) !important;\n}\n\n.p-9 {\n padding: var(--spacing-4) !important;\n}\n\n.p-10 {\n padding: var(--spacing-5) !important;\n}\n\n.p-11 {\n padding: var(--spacing-6) !important;\n}\n\n.p-12 {\n padding: var(--spacing-7) !important;\n}\n\n.p-13 {\n padding: var(--spacing-8) !important;\n}\n\n.p-14 {\n padding: var(--spacing-9) !important;\n}\n\n.p-auto {\n padding: auto !important;\n}\n\n.px-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n\n.px-1 {\n padding-right: var(--spacing-xs) !important;\n padding-left: var(--spacing-xs) !important;\n}\n\n.px-2 {\n padding-right: var(--spacing-s) !important;\n padding-left: var(--spacing-s) !important;\n}\n\n.px-3 {\n padding-right: var(--spacing-m) !important;\n padding-left: var(--spacing-m) !important;\n}\n\n.px-4 {\n padding-right: var(--spacing) !important;\n padding-left: var(--spacing) !important;\n}\n\n.px-5 {\n padding-right: var(--spacing-l) !important;\n padding-left: var(--spacing-l) !important;\n}\n\n.px-6 {\n padding-right: var(--spacing-2) !important;\n padding-left: var(--spacing-2) !important;\n}\n\n.px-7 {\n padding-right: var(--spacing-xl) !important;\n padding-left: var(--spacing-xl) !important;\n}\n\n.px-8 {\n padding-right: var(--spacing-3) !important;\n padding-left: var(--spacing-3) !important;\n}\n\n.px-9 {\n padding-right: var(--spacing-4) !important;\n padding-left: var(--spacing-4) !important;\n}\n\n.px-10 {\n padding-right: var(--spacing-5) !important;\n padding-left: var(--spacing-5) !important;\n}\n\n.px-11 {\n padding-right: var(--spacing-6) !important;\n padding-left: var(--spacing-6) !important;\n}\n\n.px-12 {\n padding-right: var(--spacing-7) !important;\n padding-left: var(--spacing-7) !important;\n}\n\n.px-13 {\n padding-right: var(--spacing-8) !important;\n padding-left: var(--spacing-8) !important;\n}\n\n.px-14 {\n padding-right: var(--spacing-9) !important;\n padding-left: var(--spacing-9) !important;\n}\n\n.px-auto {\n padding-right: auto !important;\n padding-left: auto !important;\n}\n\n.py-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n.py-1 {\n padding-top: var(--spacing-xs) !important;\n padding-bottom: var(--spacing-xs) !important;\n}\n\n.py-2 {\n padding-top: var(--spacing-s) !important;\n padding-bottom: var(--spacing-s) !important;\n}\n\n.py-3 {\n padding-top: var(--spacing-m) !important;\n padding-bottom: var(--spacing-m) !important;\n}\n\n.py-4 {\n padding-top: var(--spacing) !important;\n padding-bottom: var(--spacing) !important;\n}\n\n.py-5 {\n padding-top: var(--spacing-l) !important;\n padding-bottom: var(--spacing-l) !important;\n}\n\n.py-6 {\n padding-top: var(--spacing-2) !important;\n padding-bottom: var(--spacing-2) !important;\n}\n\n.py-7 {\n padding-top: var(--spacing-xl) !important;\n padding-bottom: var(--spacing-xl) !important;\n}\n\n.py-8 {\n padding-top: var(--spacing-3) !important;\n padding-bottom: var(--spacing-3) !important;\n}\n\n.py-9 {\n padding-top: var(--spacing-4) !important;\n padding-bottom: var(--spacing-4) !important;\n}\n\n.py-10 {\n padding-top: var(--spacing-5) !important;\n padding-bottom: var(--spacing-5) !important;\n}\n\n.py-11 {\n padding-top: var(--spacing-6) !important;\n padding-bottom: var(--spacing-6) !important;\n}\n\n.py-12 {\n padding-top: var(--spacing-7) !important;\n padding-bottom: var(--spacing-7) !important;\n}\n\n.py-13 {\n padding-top: var(--spacing-8) !important;\n padding-bottom: var(--spacing-8) !important;\n}\n\n.py-14 {\n padding-top: var(--spacing-9) !important;\n padding-bottom: var(--spacing-9) !important;\n}\n\n.py-auto {\n padding-top: auto !important;\n padding-bottom: auto !important;\n}\n\n.pt-0 {\n padding-top: 0 !important;\n}\n\n.pt-1 {\n padding-top: var(--spacing-xs) !important;\n}\n\n.pt-2 {\n padding-top: var(--spacing-s) !important;\n}\n\n.pt-3 {\n padding-top: var(--spacing-m) !important;\n}\n\n.pt-4 {\n padding-top: var(--spacing) !important;\n}\n\n.pt-5 {\n padding-top: var(--spacing-l) !important;\n}\n\n.pt-6 {\n padding-top: var(--spacing-2) !important;\n}\n\n.pt-7 {\n padding-top: var(--spacing-xl) !important;\n}\n\n.pt-8 {\n padding-top: var(--spacing-3) !important;\n}\n\n.pt-9 {\n padding-top: var(--spacing-4) !important;\n}\n\n.pt-10 {\n padding-top: var(--spacing-5) !important;\n}\n\n.pt-11 {\n padding-top: var(--spacing-6) !important;\n}\n\n.pt-12 {\n padding-top: var(--spacing-7) !important;\n}\n\n.pt-13 {\n padding-top: var(--spacing-8) !important;\n}\n\n.pt-14 {\n padding-top: var(--spacing-9) !important;\n}\n\n.pt-auto {\n padding-top: auto !important;\n}\n\n.pb-0 {\n padding-bottom: 0 !important;\n}\n\n.pb-1 {\n padding-bottom: var(--spacing-xs) !important;\n}\n\n.pb-2 {\n padding-bottom: var(--spacing-s) !important;\n}\n\n.pb-3 {\n padding-bottom: var(--spacing-m) !important;\n}\n\n.pb-4 {\n padding-bottom: var(--spacing) !important;\n}\n\n.pb-5 {\n padding-bottom: var(--spacing-l) !important;\n}\n\n.pb-6 {\n padding-bottom: var(--spacing-2) !important;\n}\n\n.pb-7 {\n padding-bottom: var(--spacing-xl) !important;\n}\n\n.pb-8 {\n padding-bottom: var(--spacing-3) !important;\n}\n\n.pb-9 {\n padding-bottom: var(--spacing-4) !important;\n}\n\n.pb-10 {\n padding-bottom: var(--spacing-5) !important;\n}\n\n.pb-11 {\n padding-bottom: var(--spacing-6) !important;\n}\n\n.pb-12 {\n padding-bottom: var(--spacing-7) !important;\n}\n\n.pb-13 {\n padding-bottom: var(--spacing-8) !important;\n}\n\n.pb-14 {\n padding-bottom: var(--spacing-9) !important;\n}\n\n.pb-auto {\n padding-bottom: auto !important;\n}\n\n.pr-0 {\n padding-right: 0 !important;\n}\n\n.pr-1 {\n padding-right: var(--spacing-xs) !important;\n}\n\n.pr-2 {\n padding-right: var(--spacing-s) !important;\n}\n\n.pr-3 {\n padding-right: var(--spacing-m) !important;\n}\n\n.pr-4 {\n padding-right: var(--spacing) !important;\n}\n\n.pr-5 {\n padding-right: var(--spacing-l) !important;\n}\n\n.pr-6 {\n padding-right: var(--spacing-2) !important;\n}\n\n.pr-7 {\n padding-right: var(--spacing-xl) !important;\n}\n\n.pr-8 {\n padding-right: var(--spacing-3) !important;\n}\n\n.pr-9 {\n padding-right: var(--spacing-4) !important;\n}\n\n.pr-10 {\n padding-right: var(--spacing-5) !important;\n}\n\n.pr-11 {\n padding-right: var(--spacing-6) !important;\n}\n\n.pr-12 {\n padding-right: var(--spacing-7) !important;\n}\n\n.pr-13 {\n padding-right: var(--spacing-8) !important;\n}\n\n.pr-14 {\n padding-right: var(--spacing-9) !important;\n}\n\n.pr-auto {\n padding-right: auto !important;\n}\n\n.pl-0 {\n padding-left: 0 !important;\n}\n\n.pl-1 {\n padding-left: var(--spacing-xs) !important;\n}\n\n.pl-2 {\n padding-left: var(--spacing-s) !important;\n}\n\n.pl-3 {\n padding-left: var(--spacing-m) !important;\n}\n\n.pl-4 {\n padding-left: var(--spacing) !important;\n}\n\n.pl-5 {\n padding-left: var(--spacing-l) !important;\n}\n\n.pl-6 {\n padding-left: var(--spacing-2) !important;\n}\n\n.pl-7 {\n padding-left: var(--spacing-xl) !important;\n}\n\n.pl-8 {\n padding-left: var(--spacing-3) !important;\n}\n\n.pl-9 {\n padding-left: var(--spacing-4) !important;\n}\n\n.pl-10 {\n padding-left: var(--spacing-5) !important;\n}\n\n.pl-11 {\n padding-left: var(--spacing-6) !important;\n}\n\n.pl-12 {\n padding-left: var(--spacing-7) !important;\n}\n\n.pl-13 {\n padding-left: var(--spacing-8) !important;\n}\n\n.pl-14 {\n padding-left: var(--spacing-9) !important;\n}\n\n.pl-auto {\n padding-left: auto !important;\n}\n/** utility **/\n.hide-scroll-bar::-webkit-scrollbar {\n height: 0px;\n /* Remove scrollbar space */\n background: transparent;\n /* Optional: just make scrollbar invisible */\n}\n\n.hide-scroll-bar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsis--noWrap {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}"]} \ No newline at end of file +{"version":3,"sources":["index.css"],"names":[],"mappings":"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BAA8B;AAChC;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;AACA;EACE,aAAa;EACb,YAAY;EACZ,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,cAAc;EACd,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,aAAa;EACb,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,gDAAgD;EAChD,+CAA+C;AACjD;;AAEA;EACE,SAAS;EACT,iDAAiD;EACjD,gDAAgD;AAClD;;AAEA;EACE,SAAS;EACT,iDAAiD;EACjD,gDAAgD;AAClD;;AAEA;EACE,SAAS;EACT,iDAAiD;EACjD,gDAAgD;AAClD;;AAEA,qDAAqD;;AAErD;EACE;IACE,aAAa;IACb,YAAY;IACZ,eAAe;EACjB;EACA;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,wDAAwD;;AAExD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,wDAAwD;;AAExD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,yDAAyD;;AAEzD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;EACA;IACE,SAAS;IACT,iDAAiD;IACjD,gDAAgD;EAClD;AACF;;AAEA,kDAAkD;;AAElD;EACE;IACE,cAAc;IACd,WAAW;IACX,eAAe;EACjB;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,aAAa;IACb,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+CAA+C;EACjD;EACA;IACE,SAAS;IACT,gDAAgD;IAChD,+C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","file":"index.css","sourcesContent":["/**** Colors ****/\n:root {\n\t--haldi: #ffc208;\n\t--haldi-dark: #b78707;\n\t--haldi-darker: #6b4a06;\n\t--haldi-light: #ffd462;\n\t--haldi-lighter: #ffe597;\n\t--haldi-lightest: #fff5c7;\n\t--jal: #0070dd;\n\t--jal-dark: #00509f;\n\t--jal-darker: #003365;\n\t--jal-light: #4f9de7;\n\t--jal-lighter: #97c5f0;\n\t--jal-lightest: #dcecf9;\n\t--jamun: #7a53b2;\n\t--jamun-dark: #644491;\n\t--jamun-darker: #4e3572;\n\t--jamun-light: #9d7ec6;\n\t--jamun-lighter: #bfaada;\n\t--jamun-lightest: #e0d8ee;\n\t--mirch: #d93737;\n\t--mirch-dark: #9c2828;\n\t--mirch-darker: #631919;\n\t--mirch-light: #eb776c;\n\t--mirch-lighter: #f7ada5;\n\t--mirch-lightest: #f9e2e2;\n\t--neel: #3d51d4;\n\t--neel-dark: #2c3a98;\n\t--neel-darker: #1c2561;\n\t--neel-light: #7583e1;\n\t--neel-lighter: #abb4ed;\n\t--neel-lightest: #e2e5f9;\n\t--neem: #2ea843;\n\t--neem-dark: #227934;\n\t--neem-darker: #154d26;\n\t--neem-light: #71c077;\n\t--neem-lighter: #a5d8aa;\n\t--neem-lightest: #d7efdf;\n\t--night: #2f2f2f;\n\t--night-light: #868686;\n\t--night-lightest: #a6a6a6;\n\t--nimbu: #82c91e;\n\t--nimbu-dark: #578715;\n\t--nimbu-darker: #304a0b;\n\t--nimbu-light: #a6d763;\n\t--nimbu-lighter: #c6e599;\n\t--nimbu-lightest: #e3f3ce;\n\t--shadow-0: #ffffff;\n\t--shadow-10: #ffffff;\n\t--shadow-20: #ffffff;\n\t--shadow-30: #ffffff;\n\t--stone: #d5d5d5;\n\t--stone-dark: #c5c5c5;\n\t--stone-light: #e5e5e5;\n\t--stone-lighter: #ececec;\n\t--stone-lightest: #f4f4f4;\n\t--tawak: #f07d00;\n\t--tawak-dark: #b35f13;\n\t--tawak-darker: #743208;\n\t--tawak-light: #feac5f;\n\t--tawak-lighter: #ffc998;\n\t--tawak-lightest: #fde6ce;\n\t--white: #ffffff;\n\n\t/**** Fonts ****/\n} /* close :root */\n\n:root {\n /* Colors */\n\n /* default */\n --primary: var(--jal);\n --secondary: var(--stone);\n --success: var(--neem);\n --alert: var(--mirch);\n --warning: var(--haldi);\n --accent1: var(--tawak);\n --accent2: var(--jamun);\n --accent3: var(--neel);\n --accent4: var(--nimbu);\n --inverse: var(--night);\n\n /* dark */\n --primary-dark: var(--jal-dark);\n --secondary-dark: var(--stone-dark);\n --success-dark: var(--neem-dark);\n --alert-dark: var(--mirch-dark);\n --warning-dark: var(--haldi-dark);\n --accent1-dark: var(--tawak-dark);\n --accent2-dark: var(--jamun-dark);\n --accent3-dark: var(--neel-dark);\n --accent4-dark: var(--nimbu-dark);\n\n /* darker */\n --primary-darker: var(--jal-darker);\n --secondary-darker: var(--stone-darker);\n --success-darker: var(--neem-darker);\n --alert-darker: var(--mirch-darker);\n --warning-darker: var(--haldi-darker);\n --accent1-darker: var(--tawak-darker);\n --accent2-darker: var(--jamun-darker);\n --accent3-darker: var(--neel-darker);\n --accent4-darker: var(--nimbu-darker);\n\n /* light */\n --primary-light: var(--jal-light);\n --secondary-light: var(--stone-light);\n --success-light: var(--neem-light);\n --alert-light: var(--mirch-light);\n --warning-light: var(--haldi-light);\n --accent1-light: var(--tawak-light);\n --accent2-light: var(--jamun-light);\n --accent3-light: var(--neel-light);\n --accent4-light: var(--nimbu-light);\n --inverse-light: var(--night-light);\n\n /* lighter */\n --primary-lighter: var(--jal-lighter);\n --secondary-lighter: var(--stone-lighter);\n --success-lighter: var(--neem-lighter);\n --alert-lighter: var(--mirch-lighter);\n --warning-lighter: var(--haldi-lighter);\n --accent1-lighter: var(--tawak-lighter);\n --accent2-lighter: var(--jamun-lighter);\n --accent3-lighter: var(--neel-lighter);\n --accent4-lighter: var(--nimbu-lighter);\n\n /* lightest */\n --primary-lightest: var(--jal-lightest);\n --secondary-lightest: var(--stone-lightest);\n --success-lightest: var(--neem-lightest);\n --alert-lightest: var(--mirch-lightest);\n --warning-lightest: var(--haldi-lightest);\n --accent1-lightest: var(--tawak-lightest);\n --accent2-lightest: var(--jamun-lightest);\n --accent3-lightest: var(--neel-lightest);\n --accent4-lightest: var(--nimbu-lightest);\n --inverse-lightest: var(--night-lightest);\n\n /* shadow */\n --primary-shadow: color-mod(var(--primary) a(0.16));\n --secondary-shadow: color-mod(var(--secondary) a(0.16));\n --success-shadow: color-mod(var(--success) a(0.16));\n --alert-shadow: color-mod(var(--alert) a(0.16));\n --warning-shadow: color-mod(var(--warning) a(0.16));\n --accent1-shadow: color-mod(var(--accent1) a(0.16));\n --accent2-shadow: color-mod(var(--accent2) a(0.16));\n --accent3-shadow: color-mod(var(--accent3) a(0.16));\n --accent4-shadow: color-mod(var(--accent4) a(0.16));\n --inverse-shadow: color-mod(var(--inverse) a(0.16));\n\n /* Text colors */\n --text: var(--night);\n --text-subtle: var(--night-light);\n --text-link: var(--primary);\n --text-disabled: var(--inverse-lightest);\n --text-destructive: var(--alert);\n --text-white: var(--white);\n\n /* spacing */\n --spacing-xs: 1px;\n --spacing-s: 2px;\n --spacing-m: 4px;\n --spacing: 8px;\n --spacing-l: 12px;\n /* 8 * 2 */\n --spacing-2: 16px;\n /* 8 * 3 */\n --spacing-xl: 24px;\n /* 8 * 4 */\n --spacing-3: 32px;\n /* 8 * 6 */\n --spacing-4: 48px;\n /* 8 * 8 */\n --spacing-5: 64px;\n /* 8 * 12 */\n --spacing-6: 96px;\n /* 8 * 16 */\n --spacing-7: 128px;\n /* 8 * 22 */\n --spacing-8: 176px;\n /* 8 * 32 */\n --spacing-9: 256px;\n\n /* Fonts */\n --font-family: 'Nunito Sans';\n\n /* Font size */\n --font-size-xxs: 4px;\n --font-size-xs: 8px;\n --font-size-s: 12px;\n --font-size: 14px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 28px;\n --font-size-xxl: 32px;\n --font-size-xxxl: 40px;\n\n /* Font weight */\n --font-weight-normal: 400;\n --font-weight-medium: 600;\n --font-weight-bold: 700;\n --font-weight-bolder: 800;\n\n /* Line height or Font height */\n --font-height-normal: normal;\n --font-height-s: 16px;\n --font-height: 20px;\n --font-height-m: 24px;\n --font-height-l: 32px;\n --font-height-xl: 40px;\n --font-height-xxl: 48px;\n\n /* Letter spacing */\n --letter-spacing: 0.5px;\n\n /* body settings */\n\n /* Link */\n --link-color: var(--primary);\n --link-decoration: none;\n --link-hover-color: var(--primary);\n --link-hover-decoration: none;\n --link-font-weight: var(--font-weight-medium);\n\n /* border */\n --border: var(--spacing-xs) solid var(--secondary);\n --border-s: var(--spacing-s) solid var(--secondary);\n\n /* padding */\n\n /* shadow */\n --shadow-s: 0 1px 4px 0 rgba(0, 0, 0, 0.16);\n --shadow-m: 0 2px 8px 0 rgba(0, 0, 0, 0.16);\n --shadow-l: 0 4px 16px 0 rgba(0, 0, 0, 0.16);\n --shadow-spread: 0 0 0 3px;\n\n /* \n Grid breakpoints\n Define the minimum dimensions at which your layout will change,\n adapting to different screen sizes, for use in media queries. \n */\n\n --grid-s-breakpoint: 576px;\n --grid-m-breakpoint: 768px;\n --grid-l-breakpoint: 992px;\n --grid-xl-breakpoint: 1200px;\n\n /* \n Grid columns\n Set the number of columns and specify the width of the gutters. \n */\n\n --grid-columns: 12;\n}\n\n@font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url(MaterialIcons-Regular.eot); /* For IE6-8 */\n src: local('Material Icons'),\n local('MaterialIcons-Regular'),\n url(MaterialIcons-Regular.woff2) format('woff2'),\n url(MaterialIcons-Regular.woff) format('woff'),\n url(MaterialIcons-Regular.ttf) format('truetype');\n}\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 16px; /* Preferred icon size */\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n\n /* Support for all WebKit browsers. */\n -webkit-font-smoothing: antialiased;\n /* Support for Safari and Chrome. */\n text-rendering: optimizeLegibility;\n\n /* Support for Firefox. */\n -moz-osx-font-smoothing: grayscale;\n\n /* Support for IE. */\n font-feature-settings: 'liga';\n}\n\n\nbody {\n font-family: var(--font-family);\n color: var(--text);\n line-height: var(--font-height);\n margin: 0;\n padding: 0;\n font-size: var(--font-size);\n}\n\n/* Link */\n\n.Link {\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n font-weight: var(--link-font-weight);\n}\n\n.Link:hover {\n color: var(--link-hover-color);\n text-decoration: var(--link-hover-decoration);\n}\n\n/* Text */\n.Text {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.Text--small {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.Text--default {\n color: var(--text);\n}\n\n.Text--subtle {\n color: var(--text-subtle);\n}\n\n.Text--disabled {\n color: var(--text-disabled);\n}\n\n.Text--destructive {\n color: var(--text-destructive);\n}\n\n.Text--medium {\n font-weight: var(--font-weight-medium);\n}\n\n.Text--strong {\n font-weight: var(--font-weight-bold);\n}\n\n.Text--white {\n color: var(--text-white);\n}\n\n/* Heading */\n.Heading {\n margin: 0;\n}\n\n.Heading--s {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.Heading--m {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-l);\n line-height: var(--font-height-l);\n}\n\n.Heading--l {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xl);\n line-height: var(--font-height-xl);\n}\n\n.Heading--xl {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-xxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--xxl {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xxxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--default {\n color: var(--text);\n}\n\n.Heading--subtle {\n color: var(--text-subtle);\n}\n\n.Heading--disabled {\n color: var(--text-disabled);\n}\n\n.Heading--white {\n color: var(--text-white);\n}\n\n/* Label */\n.Label {\n display: inline-flex;\n}\n\n.Label--withInput {\n margin-bottom: var(--spacing-m);\n}\n\n.Label-label {\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.Label--disabled {\n color: var(--text-disabled);\n}\n\n.Label-requiredIndicator {\n height: var(--spacing-m);\n width: var(--spacing-m);\n border-radius: 50%;\n background: var(--alert);\n margin-left: var(--spacing-m);\n}\n\n/* Caption */\n.Caption {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.Caption--withInput {\n margin-top: var(--spacing-m);\n}\n\n.Caption-icon {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-m);\n}\n\n.Caption--hidden {\n visibility: hidden;\n}\n\n/* Subheading */\n.Subheading {\n margin: 0;\n font-weight: var(--font-weight-bolder);\n font-size: var(--spacing-l);\n line-height: var(--font-height-m);\n letter-spacing: var(--letter-spacing);\n text-transform: uppercase;\n}\n\n.Subheading--default {\n color: var(--text);\n}\n\n.Subheading--subtle {\n color: var(--text-subtle);\n}\n\n.Subheading--disabled {\n color: var(--text-disabled);\n}\n\n.Subheading--white {\n color: var(--text-white);\n}\n.PopperWrapper-trigger {\n display: inline-flex;\n flex-grow: 1;\n}\n.Legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n}\n\n.Legend:hover {\n cursor: pointer;\n}\n\n.Legend-icon {\n border-radius: var(--spacing-s);\n margin-right: var(--spacing);\n}\n.ProgressBar {\n width: 100%;\n border-radius: var(--spacing-m);\n background: var(--secondary-lightest);\n}\n\n.ProgressBar-indicator {\n height: var(--spacing);\n background-color: var(--primary);\n border-radius: var(--spacing-m);\n transition: width 200ms;\n}\n/* badge */\n\n.Avatar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n overflow: hidden;\n text-transform: uppercase;\n border-radius: 50%;\n}\n\n.Avatar .Heading {\n font-weight: var(--font-weight-medium);\n}\n\n.Avatar--primary {\n background: var(--primary);\n}\n\n.Avatar--success {\n background: var(--success-light);\n}\n\n.Avatar--alert {\n background: var(--alert-light);\n}\n\n.Avatar--warning {\n background: var(--warning-light);\n}\n\n.Avatar--warning .Heading {\n color: var(--haldi-darkest);\n}\n\n.Avatar--accent1 {\n background: var(--accent1-light);\n}\n\n.Avatar--accent2 {\n background: var(--accent2-light);\n}\n\n.Avatar--accent3 {\n background: var(--accent3-light);\n}\n\n.Avatar--accent4 {\n background: var(--accent4-light);\n}\n@keyframes backdrop-open {\n from { opacity: 0; }\n to { opacity: 60; }\n}\n\n@keyframes backdrop-close {\n from { opacity: 60; }\n to { opacity: 0; }\n}\n\n.Backdrop {\n background-color: color-mod(var(--inverse) a(0.8));\n height: 100vh;\n width: 100vw;\n position: fixed;\n left: 0;\n top: 0;\n display: none;\n align-items: center;\n z-index: 1000;\n overflow: auto;\n flex-direction: column;\n justify-content: center;\n touch-action: none;\n visibility: hidden;\n}\n\n.Backdrop--open {\n display: flex;\n visibility: visible;\n}\n\n.Backdrop-animation--open {\n animation: backdrop-open 120ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.Backdrop-animation--close {\n animation: backdrop-close 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n\n\n/* badge */\n\n.Badge {\n\t/* 160px */\n\tmax-width: calc(var(--spacing-2) * 10);\n\t/* truncate */\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tfont-size: var(--font-size-s);\n\tline-height: var(--font-height-s);\n\ttext-transform: uppercase;\n\tpadding-right: var(--spacing-m);\n\tpadding-left: var(--spacing-m);\n\tpadding-top: var(--spacing-s);\n\tpadding-bottom: var(--spacing-s);\n\tborder-radius: var(--spacing-m);\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tfont-weight: var(--font-weight-bold);\n\tcursor: default;\n}\n\n.Badge--primary {\n\tbackground: var(--primary);\n\tcolor: var(--white);\n}\n\n.Badge--secondary {\n\tbackground: var(--secondary);\n}\n\n.Badge--success {\n\tbackground: var(--success);\n\tcolor: var(--white);\n}\n\n.Badge--alert {\n\tbackground: var(--alert);\n\tcolor: var(--white);\n}\n\n.Badge--warning {\n\tbackground: var(--warning);\n}\n\n.Badge--accent1 {\n\tbackground: var(--accent1);\n\tcolor: var(--white);\n}\n\n.Badge--accent2 {\n\tbackground: var(--accent2);\n\tcolor: var(--white);\n}\n\n.Badge--accent3 {\n\tbackground: var(--accent3);\n\tcolor: var(--white);\n}\n\n.Badge--accent4 {\n\tbackground: var(--accent4);\n}\n\n.Badge--subtle-primary {\n\tcolor: var(--primary-darker);\n\tbackground: var(--primary-lightest);\n}\n\n.Badge--subtle-secondary {\n\tcolor: var(--secondary-darker);\n\tbackground: var(--secondary-lightest);\n}\n\n.Badge--subtle-success {\n\tcolor: var(--success-darker);\n\tbackground: var(--success-lightest);\n}\n\n.Badge--subtle-alert {\n\tcolor: var(--alert-darker);\n\tbackground: var(--alert-lightest);\n}\n\n.Badge--subtle-warning {\n\tcolor: var(--warning-darker);\n\tbackground: var(--warning-lightest);\n}\n\n.Badge--subtle-accent1 {\n\tcolor: var(--accent1-darker);\n\tbackground: var(--accent1-lightest);\n}\n\n.Badge--subtle-accent2 {\n\tcolor: var(--accent2-darker);\n\tbackground: var(--accent2-lightest);\n}\n\n.Badge--subtle-accent3 {\n\tcolor: var(--accent3-darker);\n\tbackground: var(--accent3-lightest);\n}\n\n.Badge--subtle-accent4 {\n\tcolor: var(--accent4-darker);\n\tbackground: var(--accent4-lightest);\n}\n\n/* breadcrumbs */\n\n.Breadcrumbs {\n display: flex;\n align-items: center;\n}\n\n.Breadcrumbs-item {\n display: flex;\n align-items: center;\n}\n\n.Breadcrumbs-link {\n margin: var(--spacing-m);\n}\n\n.Breadcrumbs-item:first-child .Breadcrumbs-link {\n margin-left: 0;\n}\n\n.Breadcrumbs-itemSeparator {\n color: var(--inverse-light);\n}\n\n.Breadcrumbs-dropdown {\n display: flex;\n align-items: center;\n}\n\n.SubtleLink {\n text-decoration: none;\n cursor: pointer;\n font-size: var(--font-size-s);\n color: var(--inverse-light);\n font-weight: var(--font-weight-medium);\n}\n\n.SubtleLink:focus {\n background: white;\n outline: 0;\n}\n\n.SubtleLink:hover {\n border-bottom: var(--spacing-xs) solid var(--inverse-light);\n}\n\n.SubtleLink:active {\n color: var(--text);\n}\n\n/* button */\n\n.Button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n \n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n border: 0;\n border-radius: var(--spacing-m);\n\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\t\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.Button:focus {\n outline: 0;\n}\n\n.Button--iconAlign-right {\n flex-direction: row-reverse;\n}\n\n.Button--tiny {\n height: 24px;\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.Button--tiny.Button--square {\n padding-left: var(--spacing-m);\n padding-right: var(--spacing-m);\n}\n\n.Button--regular {\n height: 32px;\n padding-right: var(--spacing-l);\n\tpadding-left: var(--spacing-l);\n}\n\n.Button--regular.Button--square {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n}\n\n.Button--large {\n height: 40px;\n padding-right: var(--spacing-2);\n padding-left: var(--spacing-2);\n \n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.Button--large.Button--square {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n}\n\n.Button--tiny.Button--square .Button-icon,\n.Button--large.Button--square .Button-icon,\n.Button--tiny.Button--square .Spinner,\n.Button--large.Button--square .Spinner {\n padding-left: var(--spacing-s);\n padding-right: var(--spacing-s);\n}\n\n.Button--expanded {\n width: 100%;\n}\n\n.Button-icon {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.Button-icon--left,\n.Button-spinner--left {\n margin-right: var(--spacing);\n}\n\n.Button-icon--right,\n.Button-spinner--right {\n margin-left: var(--spacing);\n}\n\n.Button--tiny .Button-icon--left {\n margin-right: var(--spacing-m);\n}\n.Button--tiny .Button-icon--right {\n margin-left: var(--spacing-m);\n}\n\n.Button--basic {\n\tbackground: var(--secondary-light);\n\tcolor: var(--inverse);\n}\n\n.Button--basic:hover {\n\tbackground: var(--secondary);\n}\n\n.Button--basic:active {\n\tbackground: var(--secondary-dark);\n}\n\n.Button--basic:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.Button--basic:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.Button--primary {\n\tbackground: var(--primary);\n}\n\n.Button--primary:hover {\n\tbackground: var(--primary-dark);\n}\n\n.Button--primary:active {\n\tbackground: var(--primary-darker);\n}\n\n.Button--primary:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.Button--primary:disabled {\n background: var(--primary-lighter);\n}\n\n.Button--success {\n\tbackground: var(--success);\n}\n\n.Button--success:hover {\n\tbackground: var(--success-dark);\n}\n\n.Button--success:active {\n\tbackground: var(--success-darker);\n}\n\n.Button--success:focus {\n box-shadow: var(--shadow-spread) var(--success-shadow);\n}\n\n.Button--success:disabled {\n background: var(--success-lighter);\n}\n\n.Button--alert {\n\tbackground: var(--alert);\n}\n\n.Button--alert:hover {\n\tbackground: var(--alert-dark);\n}\n\n.Button--alert:active {\n\tbackground: var(--alert-darker);\n}\n\n.Button--alert:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Button--alert:disabled {\n background: var(--alert-lighter);\n}\n\n.Button--transparent {\n\tbackground: transparent;\n\tcolor: var(--inverse);\n}\n\n.Button--transparent:hover {\n\tbackground: var(--secondary-light);\n}\n\n.Button--transparent:active {\n\tbackground: var(--secondary);\n}\n\n.Button--transparent:focus {\n background: color-mod(var(--stone-light) a(0.2));\n /* box-shadow: var(--shadow-spread) var(--secondary-shadow); */\n}\n\n.Button--transparent:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.Button-spinner {\n display: flex;\n}\n\n.Button--square .Button-spinner {\n margin-right: 0 !important;\n}\n\n.Button--tiny .Button-spinner {\n margin-right: var(--spacing-m);\n}\n\n.Button--tiny .Spinner--small {\n height: var(--font-size-s);\n width: var(--font-size-s);\n}\n\n.Button--large .Spinner--small {\n height: var(--font-size-l);\n width: var(--font-size-l);\n}\n/* calendar */\n\n.Calendar-wrapper {\n display: flex;\n flex-wrap: wrap;\n}\n\n.Calendar {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n min-width: 330px;\n}\n\n.Calendar-header {\n display: flex;\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-2);\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing);\n}\n\n.Calendar-headerIcon {\n cursor: pointer;\n user-select: none;\n}\n\n.Calendar-headerIcon--disabled .Icon {\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.Calendar-headerContent {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 1;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n user-select: none;\n}\n\n.Calendar-headerContent--noIcon-left {\n margin-left: var(--spacing-3);\n}\n\n.Calendar-headerContent--noIcon-right {\n margin-right: var(--spacing-3);\n}\n\n.Calendar-body {\n display: flex;\n flex-direction: column;\n padding-left: var(--spacing-3);\n padding-right: var(--spacing-3);\n padding-bottom: var(--spacing-xl);\n}\n\n.Calendar-valueRow {\n display: flex;\n margin-top: var(--spacing);\n margin-bottom: var(--spacing);\n justify-content: center;\n}\n\n.Calendar-valueRow:first-child {\n margin-top: 0;\n}\n\n.Calendar-valueRow:last-child {\n margin-bottom: 0;\n}\n\n.Calendar-value {\n cursor: pointer;\n user-select: none;\n border-radius: var(--spacing-m);\n}\n\n.Calendar-value:first-child {\n margin-left: 0;\n}\n\n.Calendar-value:last-child {\n margin-right: 0;\n}\n\n.Calendar-value:hover {\n background: var(--secondary);\n}\n\n.Calendar-value--inRange,\n.Calendar-value--inRange:hover {\n background: var(--primary-lightest);\n border-radius: 0;\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n}\n\n.Calendar-value--inRange-error,\n.Calendar-value--inRange-error:hover {\n background: var(--alert-lightest);\n border-radius: 0;\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n}\n\n.Calendar-value--active,\n.Calendar-value--active:hover {\n background: var(--primary);\n}\n\n.Calendar--year .Calendar-value,\n.Calendar--month .Calendar-value {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n margin-left: var(--spacing-2);\n margin-right: var(--spacing-2);\n}\n\n.Calendar--date {\n --value-width: var(--spacing-4);\n}\n\n.Calendar--date .Calendar-valueRow {\n margin-top: var(--spacing-s);\n margin-bottom: var(--spacing-s);\n}\n\n.Calendar--date .Calendar-value {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n width: var(--value-width);\n text-align: center;\n}\n\n.Calendar-value--dummy {\n pointer-events: none;\n}\n\n.Calendar-value--disabled {\n pointer-events: none;\n}\n\n.Calendar-dayValues {\n display: flex;\n justify-content: center;\n}\n/* badge */\n\n.Card {\n border-radius: var(--spacing-m);\n border: var(--border);\n}\n\n.Card--shadow-light {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.Card--shadow-medium {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.Card--shadow-dark {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n/* badge */\n\n.Checkbox {\n display: flex;\n cursor: pointer;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n line-height: initial;\n box-sizing: border-box;\n}\n\n.Checkbox-input {\n position: absolute;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.Checkbox-label {\n padding-left: var(--spacing);\n cursor: pointer;\n}\n\n.Checkbox-label--regular {\n margin-top: var(--spacing-s);\n margin-bottom: var(--spacing-s);\n}\n\n.Checkbox-label--tiny {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n}\n\n.Checkbox-outerWrapper {\n position: relative;\n}\n\n/* Type: Unchecked */\n\n.Checkbox-wrapper {\n top: 0;\n left: 0;\n border: var(--border);\n border-radius: var(--spacing-s);\n display: flex;\n align-items: center;\n box-sizing: border-box; \n}\n\n.Checkbox-wrapper--regular {\n height: var(--spacing-2);\n min-width: var(--spacing-2);\n}\n\n.Checkbox-wrapper--tiny {\n height: var(--spacing);\n min-width: var(--spacing);\n}\n\n.Checkbox-input:focus {\n outline: 0;\n}\n\n.Checkbox-input:focus~.Checkbox-wrapper {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.Checkbox-input:hover~.Checkbox-wrapper {\n border: var(--spacing-xs) solid var(--inverse-lightest);\n background-color: var(--shadow-0);\n}\n\n.Checkbox-input:active~.Checkbox-wrapper {\n border: var(--spacing-xs) solid var(--inverse-lightest);\n background-color: var(--secondary-light);\n}\n\n.Checkbox--disabled {\n pointer-events: none;\n}\n\n.Checkbox--disabled .Checkbox-wrapper {\n border: var(--spacing-xs) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.Checkbox-input--checked~.Checkbox-wrapper,\n.Checkbox-input--indeterminate~.Checkbox-wrapper {\n background-color: var(--primary);\n border: 0;\n}\n\n.Checkbox-input--checked:focus~.Checkbox-wrapper,\n.Checkbox-input--indeterminate:focus~.Checkbox-wrapper {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n border: 0;\n}\n\n.Checkbox-input--checked:hover~.Checkbox-wrapper,\n.Checkbox-input--indeterminate:hover~.Checkbox-wrapper {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.Checkbox-input--checked:active~.Checkbox-wrapper,\n.Checkbox-input--indeterminate:active~.Checkbox-wrapper {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.Checkbox--disabled .Checkbox-input--checked~.Checkbox-wrapper,\n.Checkbox--disabled .Checkbox-input--indeterminate~.Checkbox-wrapper {\n background-color: var(--primary-lighter);\n border: 0;\n}\n.Chip {\n display: flex;\n box-sizing: border-box;\n border-radius: var( --spacing-l);\n padding-right: var( --spacing);\n padding-left: var( --spacing);\n padding-top: var( --spacing-s);\n padding-bottom: var( --spacing-s);\n width: fit-content;\n justify-content: space-between;\n border-style: solid;\n border-width: var( --spacing-xs);\n align-items: center;\n flex-direction: row;\n cursor: default;\n }\n \n .Chip-wrapper {\n display: flex;\n align-items: center;\n }\n .Chip-icon--left {\n padding-right: var( --spacing-m);\n display: flex;\n align-items: center;\n }\n \n .Chip-icon--right {\n padding-left: var( --spacing-m);\n display: flex;\n align-items: center;\n }\n .Chip--action {\n background: var( --shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n }\n \n .Chip--action:hover {\n background: var(--stone-light);\n border-color: var(--stone);\n }\n \n .Chip--action:focus {\n background: var(--stone-lighter);\n }\n \n .Chip--action:active {\n background: var(--stone-dark);\n }\n \n .Chip-action--disabled {\n background: var(--shadow-0);\n border-color: var(--stone-light);\n cursor: default;\n }\n \n .Chip--selection {\n background: var( --shadow-0);\n border-color: var(--stone);\n }\n \n .Chip--selection:hover {\n background: var(--stone-light);\n border-color: var(--stone);\n }\n \n .Chip--selection:focus {\n background: var(--stone-lighter);\n }\n \n .Chip--selection:active {\n background: var(--stone-dark);\n }\n \n .Chip-selection--selected {\n background: var(--jal-lightest);\n border-color: var(--jal-lighter);\n }\n .Chip-selection--selected:hover {\n background: var(--jal-lightest);\n border-color: var(--jal-lighter);\n }\n .Chip-selection--selected .Text{\n color:var(--primary);\n }\n \n .Chip-selection--disabled {\n background: var( --shadow-0);\n border-color: var(--stone-light);\n }\n \n .Chip--input {\n background: var(--stone-light);\n font-weight: var( --font-weight-normal);\n border: 0px;\n }\n \n .Chip--input:hover {\n background: var(--stone-light);\n }\n \n .Chip-input--disabled {\n background: var(--stone-light);\n border: 0px;\n }\n\n.ChipGroup {\n display: inline-flex;\n}\n\n.ChipGroup-item {\n margin: 0 var(--spacing-m);\n}\n\n.ChipGroup-item:first-child {\n margin-left: 0;\n}\n\n.ChipGroup-item:last-child {\n margin-right: 0;\n}\n.DateRangePicker {\n\n}\n\n.DateRangePicker-input {\n box-sizing: border-box;\n}\n\n.DateRangePicker-input--startDate {\n padding-right: var(--spacing-m);\n}\n\n.DateRangePicker-input--endDate {\n padding-left: var(--spacing-m);\n}\n\n@media (max-width: 576px) {\n .DateRangePicker-input {\n padding: 0;\n }\n\n .DateRangePicker-input--endDate {\n padding-top: var(--spacing);\n }\n}\n/* Donut Chart */\n\n.DonutChart {\n height: 100%;\n}\n\n.DonutChart-legends {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-l) 0;\n}\n\n.DonutChart-tooltip {\n color: var(--white);\n padding: var(--spacing) var(--spacing-2);\n border-radius: var(--spacing-m);\n background: var(--inverse);\n}\n.Dropdown {\n position: relative;\n width: fit-content;\n}\n\n.Dropdown-wrapper {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n}\n\n.Dropdown-input {\n border-bottom: var(--border);\n}\n\n.Dropdown-input .Input {\n min-width: unset;\n}\n\n.Dropdown-input .Input,\n.Dropdown-input .Input:focus-within {\n border: unset;\n}\n\n.Dropdown-section {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: var(--spacing-l);\n margin-top: var(--spacing);\n margin-bottom: 6px;\n}\n\n.Dropdown-section--withClear {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-s);\n}\n\n.Dropdown--border {\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.Dropdown-errorWrapper {\n min-height: var(--spacing-7);\n}\n\n.Dropdown-buttonWrapper {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing);\n padding-right: var(--spacing);\n padding-bottom: var(--spacing);\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.Dropdown-footer {\n padding-left: var(--spacing-l);\n padding-bottom: var(--spacing-m);\n padding-top: var(--spacing);\n box-sizing: border-box;\n}\n\n.Option {\n display: flex;\n}\n\n.Option,\n.Option-loading {\n padding-top: 6px;\n padding-bottom: 6px;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n}\n\n.Option--withCheckbox {\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.Option--active {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.Dropdown-wrapper .Option .Checkbox {\n width: 100%;\n width: fill-available;\n width: -moz-available;\n width: -webkit-fill-available;\n}\n\n.Option-loading {\n pointer-events: none;\n}\n\n.Option--selected {\n background-color: var(--primary);\n color: var(--white);\n pointer-events: none;\n}\n\n.Option-label {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.Dropdown-wrapper .Checkbox .Checkbox-label {\n display: flex;\n overflow: hidden;\n}\n\n.Option-text,\n.Dropdown-wrapper .Checkbox .Text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.Option-text--wrap,\n.Dropdown-wrapper--wrap.Dropdown-wrapper .Checkbox .Text {\n white-space: unset;\n}\n\n.Option--icon {\n padding-left: var(--spacing);\n}\n\n.Option-icon {\n display: flex;\n}\n\n.Option-icon {\n height: fit-content;\n line-height: var(--font-height);\n}\n\n.Option-subinfo {\n font-size: var(--spacing-l);\n color: var(--inverse-light);\n}\n\n.Option--selected .Option-subinfo {\n color: var(--white);\n}\n\n.Dropdown-wrapper::-webkit-scrollbar {\n width: var(--spacing);\n}\n\n.Dropdown-wrapper::-webkit-scrollbar-thumb {\n background: var(--secondary);\n border-radius: var(--spacing-m);\n}\n.DropdownButton {\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding-top: unset;\n padding-bottom: unset;\n text-transform: unset;\n}\n\n.DropdownButton-wrapper {\n width: 100%;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n\n.DropdownButton--tiny {\n height: var(--spacing-xl);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n}\n\n.DropdownButton--regular {\n height: var(--spacing-3);\n padding-right: var(--spacing);\n padding-left: var(--spacing-l);\n}\n\n.DropdownButton:focus {\n background-color: var(--secondary-lighter);\n}\n\n.DropdownButton:disabled {\n pointer-events: none;\n}\n\n.DropdownButton--icon {\n padding-left: var(--spacing);\n}\n\n.DropdownButton-label {\n color: var(--inverse-light);\n margin-right: var(--spacing);\n}\n\n.DropdownButton-text {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.DropdownButton--error {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.DropdownButton--placeholder {\n color: var(--inverse-light);\n}\n\n.DropdownButton--label {\n color: var(--inverse);\n}\n\n.DropdownButton--moreIcon {\n padding-right: unset;\n padding-left: unset;\n justify-content: center;\n}\n\n.DropdownButton--moreIcon.DropdownButton--regular {\n min-width: var(--spacing-3);\n}\n\n.DropdownButton--moreIcon.DropdownButton--tiny {\n min-width: var(--spacing-xl);\n}\n\n/** Grid **/\n/* .Grid-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n} */\n\n.Grid-wrapper {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.Grid {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow: auto;\n background: var(--white);\n}\n\n.Grid--resource .Grid-body .Grid-row:hover,\n.Grid--resource .Grid-body .Grid-row:hover .Grid-cellGroup {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.Grid--pinned {\n position: absolute;\n height: 100%;\n z-index: 2;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: 3px solid var(--secondary);\n}\n\n.Grid::-webkit-scrollbar {\n background: var(--white);\n height: var(--spacing-l);\n width: var(--spacing-l);\n}\n\n.Grid::-webkit-scrollbar-thumb {\n background: var(--secondary);\n border-radius: var(--spacing);\n}\n\n.Grid-pinned::-webkit-scrollbar {\n display: none;\n}\n\n.Grid--main {\n flex-grow: 1;\n}\n\n.Grid--comfortable .Grid-cell--head {\n min-height: 40px;\n}\n\n.Grid--comfortable .Grid-cell--body {\n min-height: 54px;\n}\n\n.Grid--standard .Grid-cell--head {\n min-height: 40px;\n}\n\n.Grid--standard .Grid-cell--body {\n min-height: 40px;\n}\n\n.Grid--compressed .Grid-cell--head {\n min-height: 32px;\n}\n\n.Grid--compressed .Grid-cell--body {\n min-height: 32px;\n}\n\n.Grid--tight .Grid-cell--head {\n min-height: 24px;\n}\n\n.Grid--tight .Grid-cell--body {\n min-height: 24px;\n}\n\n.Grid-head {\n display: flex;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n\n.Grid-headCell {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.Grid-headCell--draggable {\n cursor: grab;\n}\n\n.Grid-headCell--draggable:active {\n cursor: grabbing;\n}\n\n.Grid-body {\n display: flex;\n flex-direction: column;\n /* width: 100%; */\n /* min-width: fit-content; */\n /* overflow-x: hidden; */\n /* overflow-y: scroll; */\n}\n\n.Grid-rowWrapper {\n display: inline-flex;\n flex-direction: column;\n min-width: fit-content;\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.Grid-row {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n border-bottom: var(--border);\n}\n\n.Grid-row--body {\n border-color: var(--secondary-lightest);\n}\n\n.Grid-rowWrapper:last-child .Grid-row--body {\n border-bottom: 0;\n}\n\n.GridBody-padding {\n flex-shrink: 0;\n}\n\n.Grid-nestedRowTrigger {\n margin-right: var(--spacing-l);\n cursor: pointer;\n}\n\n.Grid-row--selected,\n.Grid-row--selected .Grid-cellGroup {\n background: var(--warning-lightest) !important;\n}\n\n.Grid-cell {\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n padding-left: var(--spacing-l);\n}\n\n.Grid-cell--body {\n padding-right: var(--spacing-l);\n}\n\n.Grid-cell--head {\n padding-right: var(--spacing-m);\n}\n\n.Grid-cell--separator {\n border-left: var(--border);\n}\n\n.Grid-cell--selected {\n background: var(--primary-lightest);\n}\n\n.Grid-cell--nestedRow {\n padding-left: var(--spacing);\n}\n\n.Grid-cell--head.Grid-cell:first-of-type {\n border-left: none;\n}\n\n/* .Grid .Grid-cellGroup--main .Grid-cell--head.Grid-cell:last-child {\n border-right: var(--border);\n} */\n\n.Grid-cell--head.Grid-cell--selected {\n background: var(--primary-light);\n}\n\n.Grid-cell--checkbox {\n width: unset;\n min-width: unset;\n display: flex;\n align-items: center;\n z-index: 1;\n padding-right: 0 !important;\n overflow: visible !important;\n}\n\n.Grid-sortingIcons {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-m);\n}\n\n.Grid-cellReorder {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.Grid-cellReorder:active {\n cursor: grabbing;\n}\n\n.Grid-cellContent {\n display: flex;\n align-items: center;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.Grid-cellResize {\n position: absolute;\n right: 0;\n width: var(--spacing-m);\n cursor: ew-resize;\n height: 100%;\n}\n\n.Grid-cellSortIcon {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.Grid-cellSortIcon:hover {\n background: var(--secondary);\n}\n\n.Grid-cellResize:hover {\n background: var(--primary);\n}\n\n.Grid-reorderHighlighter {\n position: absolute;\n height: 100%;\n border: 3px solid var(--primary-light);\n z-index: 10;\n}\n\n.Grid-cellGroup {\n display: flex;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.Grid-cellGroup--pinned {\n position: sticky;\n z-index: 1;\n}\n\n.Grid-cellGroup--pinned-left {\n left: 0;\n border-right: 3px solid var(--secondary);\n}\n\n.Grid-cellGroup--pinned-right {\n right: 0;\n border-left: 3px solid var(--secondary);\n}\n\n.Grid .Checkbox-wrapper {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n.GridCell {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.GridCell--align-left {\n /* flex-direction: row; */\n justify-content: flex-start;\n text-align: left;\n}\n\n.GridCell--align-right {\n /* flex-direction: row-reverse; */\n justify-content: flex-end;\n text-align: right;\n}\n\n.GridCell--align-center {\n justify-content: center;\n text-align: center;\n}\n\n.GridCell--default {}\n.GridCell--metaList {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n}\n\n.GridCell--avatar .Avatar {\n margin: 0;\n}\n\n.GridCell-metaListWrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n\n.GridCell-metaList {\n display: flex;\n}\n\n.GridCell-metaList .Text {\n display: flex;\n align-items: center;\n}\n\n.GridCell-metaList .Text::before {\n content: '';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-m);\n height: var(--spacing-m);\n border-radius: 50%;\n background: var(--secondary);\n margin: 0 var(--spacing);\n}\n\n.GridCell-metaList .Text:first-child::before {\n display: none;\n}\n\n.GridCell--metaList ul li:first-child {\n margin-left: 0;\n}\n\n/* .GridCell-image {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: var(--spacing);\n}\n\n.Image {\n z-index: 0;\n height: 100%;\n width: 100%;\n} */\n\n/** Header **/\n/** Table-header **/\n.Header {\n background: var(--white);\n padding: var(--spacing-l);\n border-bottom: var(--border);\n}\n\n.Header-content {\n display: flex;\n}\n\n.Header-content--bottom {\n align-items: center;\n justify-content: space-between;\n}\n\n.Header-search {\n width: var(--spacing-9);\n margin-bottom: var(--spacing-2);\n}\n\n.Header-label {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.Header-label .Checkbox {\n margin-right: var(--spacing);\n}\n\n.Header-dropdown {\n display: flex;\n margin-left: var(--spacing-m);\n margin-bottom: var(--spacing-2);\n}\n\n.Header-dropdown .Dropdown {\n margin: 0 var(--spacing-m);\n}\n\n.Header-filters {\n display: flex;\n}\n\n.Header-sorting {\n display: flex;\n}\n\n.Header-actions {\n margin-bottom: var(--spacing-2);\n}\n/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n\n/* Rules for sizing the icon. */\n\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n\n/* Rules for using icons as black on a light background. */\n\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n\n/* Rules for using icons as white on a dark background. */\n\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.Icon {\n flex-shrink: 0;\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.Icon--subtle {\n color: var(--text-subtle);\n}\n\n.Icon--disabled {\n color: var(--text-disabled);\n}\n\n.Icon--destructive {\n color: var(--text-destructive);\n}\n\n.Icon--white {\n color: var(--text-white);\n}\n\n.Icon--default {\n color: var(--text);\n}\n\n.Icon--info {\n color: var(--primary);\n}\n\n.Icon--success {\n color: var(--success);\n}\n\n.Icon--warning {\n color: var(--warning);\n}\n\n.Icon--alert {\n color: var(--alert);\n}\n/* input */\n\n.Input-input::-ms-clear {\n display: none;\n}\n\n.Input {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--spacing-m);\n border: var(--border);\n padding-right: var(--spacing-l);\n padding-left: var(--spacing-l);\n background: var(--white);\n min-width: var(--spacing-9);\n}\n\n.Input--tiny {\n height: var(--spacing-xl);\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.Input--regular {\n height: var(--spacing-3);\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.Input--large {\n height: 40px;\n}\n\n.Input--large .Input-input {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.Input:focus-within {\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Input:focus-within .Input-icon--left .Icon {\n color: var(--primary);\n}\n\n.Input--error:focus-within {\n border: var(--spacing-xs) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Input--error:focus-within .Input-icon--left .Icon {\n color: var(--alert);\n}\n\n.Input--disabled {\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n}\n\n.Input--disabled .Input-icon--left .Icon{\n color: var(--inverse-lightest);\n}\n\n.Input--error {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.Input-input {\n display: flex;\n width: 100%;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--night);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.Input-input::placeholder {\n color: var(--inverse-light);\n}\n\n.Input-input:focus {\n outline: 0;\n}\n\n.Input-input:disabled .Input-input::placeholder {\n color: var(--inverse-light);\n}\n\n.Input-icon {\n display: flex;\n align-content: center;\n font-size: var(--font-size-m);\n}\n\n.Input-icon--left .Icon {\n margin-right: var(--spacing);\n color: var(--inverse);\n}\n\n.Input-icon--disabled .Icon{\n color: var(--inverse-lightest);\n}\n\n.Input-icon--right .Icon{\n cursor: pointer;\n margin-left: var(--spacing);\n color: var(--inverse-lightest);\n}\n\n.Input-inlineLabel {\n margin-right: var(--spacing);\n}\n\n.List {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n /* flex-grow: 0; */\n height: 100%;\n z-index: 1;\n}\n\n.List-grid {\n height: 100%;\n overflow: hidden;\n height: 100%;\n}\n.Message {\n background: var(--white);\n border-radius: var(--spacing-m);\n box-shadow: var(--shadow-m);\n padding-top: var(--spacing-l);\n padding-right: var(--spacing-xl);\n padding-bottom: var(--spacing-l);\n padding-left: var(--spacing-2);\n display: flex;\n flex-direction: row;\n overflow: hidden;\n border-top: var(--border-s);\n min-height: var(--spacing-5);\n width: 100%;\n box-sizing: border-box;\n }\n \n .Message--alert {\n border-color: var(--alert);\n }\n \n .Message--success {\n border-color: var(--success);\n }\n \n .Message--info {\n border-color: var(--primary);\n }\n \n .Message--warning {\n border-color: var(--warning);\n }\n \n .Message-icon {\n margin-right: var(--spacing-2);\n padding-top: var(--spacing-s);\n width: var(--spacing-2);\n }\n\n .Message-icon--withTitle {\n padding-top: var(--spacing-m);\n }\n \n .Message-title {\n margin-bottom: var(--spacing);\n \n }\n \n.Meta {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n font-size: var(--font-size);\n}\n\n.MetaList-seperator {\n border-radius: 50%;\n height: var(--spacing-m);\n width: var(--spacing-m);\n margin-left: var(--spacing);\n background: var(--inverse-lightest);\n}\n.MetaList-separator--left{\n margin-right: var(--spacing-m);\n}\n.Meta-icon{\n padding-right: var( --spacing-m);\n display: flex;\n align-items: center;\n}\n.MetaList {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n font-size: var(--font-size);\n}\n.MetaList-item {\n margin: 0 var(--spacing-m);\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n font-size: var(--font-size);\n}\n\n.MetaList-item:first-child {\n margin-left: 0;\n}\n\n.MetaList-item:last-child {\n margin-right: 0;\n}\n@keyframes modal-open {\n from {\n top: calc(10% + 20px);\n opacity: 0;\n }\n to {\n top: 10%;\n opacity: 100;\n }\n}\n\n@keyframes modal-close {\n from {\n top: calc(10%);\n opacity: 100;\n }\n to {\n top: calc(10% + 20px);\n opacity: 0;\n }\n}\n\n.Modal-container {\n display: flex;\n position: fixed;\n flex-direction: row;\n justify-content: center;\n width: 100vw;\n z-index: 1500;\n top: 0;\n}\n\n.Modal {\n position: fixed;\n top: 10%;\n min-width: 480px;\n max-width: 960px;\n min-height: 200px;\n box-shadow: var(--shadow-m);\n background-color: var(--white);\n border-radius: var(--spacing);\n overflow: auto;\n display: none;\n visibility: hidden;\n}\n\n.Modal--open {\n display: block;\n visibility: visible;\n}\n\n.Modal-animation--open {\n animation: modal-open 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.Modal-animation--close {\n animation: modal-close 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.Modal-close-icon {\n display: flex;\n align-items: center;\n cursor: pointer;\n position: absolute;\n right: var(--spacing-2);\n}\n\n.Modal--small {\n width: 480px;\n}\n\n.Modal--medium {\n width: 640px;\n}\n\n.Modal--large {\n width: 800px;\n}\n\n.Modal-header {\n display: flex;\n padding: var(--spacing-2) var(--spacing-2) 0;\n justify-content: flex-start;\n align-items: center;\n}\n\n.Modal-header-subheader {\n padding-top: var(--spacing-s);\n padding-left: var(--spacing-2);\n}\n\n.Modal-header-subheader--withIcon {\n padding-left: var(--spacing-4);\n}\n\n.Modal-header-wrapper {\n margin-bottom: var(--spacing-l);\n}\n\n.Modal-header-icon {\n display: flex;\n align-items: center;\n margin-right: var(--spacing-2);\n}\n\n.Modal-description {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-2);\n}\n\n.Modal-footer {\n padding: var(--spacing-2);\n display: flex;\n justify-content: flex-end;\n flex-grow: 0;\n position: absolute;\n bottom: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.Modal-footer > * {\n margin-left: var(--spacing);\n}\n\n.Modal-body {\n padding: 0 var(--spacing-2);\n max-height: 480px;\n overflow-y: auto;\n margin-bottom: var(--spacing-5);\n}\n\n.Modal-body--border {\n border-top: var(--border);\n border-bottom: var(--border);\n}\n\n.Modal-body::-webkit-scrollbar {\n width: var(--spacing-2);\n}\n\n.Modal-body::-webkit-scrollbar-thumb {\n border: var(--spacing-m) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: var(--spacing);\n background-color: var(--secondary);\n}\n/* Navigation */\n\n.Navigation {\n display: flex;\n}\n\n.Navigation--horizontal {\n justify-content: center;\n}\n\n.Navigation--vertical {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-9);\n}\n\n.Navigation--collapsed {\n width: fit-content;\n}\n\n.Navigation-body {\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: var(--spacing);\n}\n\n.Navigation-menu {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.Navigation-menu--horizontal {\n border-radius: var(--spacing-2);\n padding: var(--spacing-m) var(--spacing-l);\n margin: 0 var(--spacing-xs);\n}\n\n.Navigation-menu--active {\n background: var(--secondary-light);\n}\n\n.Navigation-menu--vertical {\n /* padding-top: var(--spacing-m); */\n /* padding-bottom: var(--spacing-m); */\n padding-left: var(--spacing);\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n /* margin-right: var(--spacing); */\n border-radius: 0px var(--spacing-2) var(--spacing-2) 0px;\n}\n\n.Navigation-menu--subMenu {\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n padding-left: 40px;\n margin-top: 0;\n}\n\n.Navigation-menuIcon {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.Navigation-menuIcon--active {\n background: var(--secondary-light);\n}\n\n.Navigation-menuLabel {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.Navigation-menu .Text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.Navigation-footer {\n display: flex;\n align-items: center;\n padding: var(--spacing-m) var(--spacing);\n}\n\n.Navigation-footer--border {\n border-top: var(--border)\n}\n\n.Navigation--collapsed .Navigation-menuIcon--footer {\n transform: rotate(180deg);\n}\n.PageHeader-wrapper {\n padding: var(--spacing) var(--spacing-2);\n}\n.PageHeader-wrapper--separator{\n border-bottom: var(--border);\n}\n\n.PageHeader-wrapper--withTabs {\n padding-bottom: 0;\n}\n\n.PageHeader-wrapper--withTabs .TabsWrapper-header {\n border-bottom: none;\n}\n\n.PageHeader .Row {\n width: 100%;\n}\n\n.PageHeader-titleWrapper {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.PageHeader-titleWrapper .Badge {\n margin-left: var(--spacing-l);\n}\n\n.PageHeader-statusWrapper {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.PageHeader-statusWrapper .StatusHints {\n margin-right: var(--spacing);\n}\n\n.PageHeader-navigationWrapper {\n display: flex;\n margin-top: var(--spacing-l);\n}\n\n.PageHeader .PageHeader-navigationWrapper {\n justify-content: center;\n align-items: center;\n margin-top: 0 !important;\n}\n\n.PageHeader-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* pagination */\n\n.Pagination {\n display: flex;\n vertical-align: middle;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.Pagination .Button {\n width: var(--spacing-5);\n padding-left: 20px;\n padding-right: 20px;\n}\n\n.Pagination-buttonWrapper {\n display: flex;\n flex-direction: row;\n}\n\n.Pagination-pageIndex {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: var(--spacing-xl);\n padding-right: var(--spacing-xl);\n}\n\n.Pagination-pageIndex .Input {\n flex-grow: 0;\n min-width: var(--spacing-3);\n width: var(--spacing-5);\n margin-right: var(--spacing);\n}\n\n.Pagination-pageIndex .Input-input {\n text-align: center;\n}\n\n.Pagination-pageIndex .Input-input::-webkit-inner-spin-button,\n.Pagination-pageIndex .Input-input::-webkit-outer-spin-button {\n appearance: none;\n margin: 0;\n}\n\n.Pagination-pageIndex .Input-input {\n -moz-appearance: textfield;\n}\n\n@media (max-width: 575px) {\n .Pagination-pageIndex {\n order: -1;\n flex-basis: 100%;\n }\n .Pagination-buttonWrapper {\n margin-top: var(--spacing);\n width: 50%;\n }\n .Pagination-buttonWrapper--next {\n justify-content: flex-start;\n }\n .Pagination-buttonWrapper--previous {\n justify-content: flex-end;\n }\n}\n.Pills {\n\t/* 160px */\n\tmax-width: calc(var(--spacing-2) * 10);\n\t/* truncate */\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tfont-size: var(--font-size-s);\n\tline-height: var(--font-height-s);\n text-transform: uppercase;\n padding-right: 6px;\n padding-left: 6px;\n\tpadding-top: var(--spacing-s);\n\tpadding-bottom: var(--spacing-s);\n\tborder-radius: 20px;\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tfont-weight: var(--font-weight-bold);\n\tcursor: default;\n}\n@keyframes shimmer {\n 0%{\n background-position: -500px 0\n }\n 100%{\n background-position: 500px 0\n }\n}\n\n.Placeholder--animation {\n border-radius: var(--spacing-m);\n animation-duration: 1.5s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: shimmer;\n animation-timing-function: linear;\n background: var(--secondary-lightest);\n background: linear-gradient(to right, var(--secondary-lighter) 8%, var(--secondary-dark) 18%, var(--secondary-lighter) 33%);\n background-size: 1000px 104px;\n}\n\n.Placeholder {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n align-items: center;\n}\n\n.Placeholder--withImage {\n display: flex;\n justify-content: flex-start;\n}\n\n.Placeholder-paragraph {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.Placeholder-paragraph--withImage {\n margin-left: var(--spacing);\n}\n\n.PlaceholderParagraph {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.PlaceholderParagraph-wrapper {\n display: flex;\n align-items: center;\n height: var(--font-height);\n}\n\n.PlaceholderParagraph-wrapper--length-small {\n width: 33%;\n}\n\n.PlaceholderParagraph-wrapper--length-medium {\n width: 66%;\n}\n\n.PlaceholderParagraph-wrapper--length-large {\n width: 100%;\n}\n\n.PlaceholderParagraph-wrapper--size-xxs {\n height: var(--font-height-s);\n}\n\n.PlaceholderParagraph-wrapper--size-xs {\n height: var(--font-height-m);\n}\n\n.PlaceholderParagraph-wrapper--size-s {\n height: var(--font-height-s);\n}\n\n.PlaceholderParagraph-wrapper--size-m {\n height: var(--font-height-m);\n}\n\n.PlaceholderParagraph-wrapper--size-l {\n height: var(--font-height-l);\n}\n\n.PlaceholderParagraph-wrapper--size-xl {\n height: var(--font-height-xl);\n}\n\n.PlaceholderParagraph-wrapper--size-xxl {\n height: var(--font-height-xxl);\n}\n\n.PlaceholderParagraph-wrapper--size-xxxl {\n height: var(--font-height-xxl);\n}\n\n.PlaceholderParagraph--xxs {\n height: var(--font-size-s);\n}\n\n.PlaceholderParagraph--xs {\n height: var(--font-size-s);\n}\n\n.PlaceholderParagraph--s {\n height: var(--font-size);\n}\n\n.PlaceholderParagraph--m {\n height: var(--font-size-m);\n}\n\n.PlaceholderParagraph--l {\n height: var(--font-size-l);\n}\n\n.PlaceholderParagraph--xl {\n height: var(--font-size-xl);\n}\n\n.PlaceholderParagraph--xxl {\n height: var(--font-size-xxl);\n}\n\n.PlaceholderParagraph--xxxl {\n height: var(--font-size-xxxl);\n}\n\n.PlaceholderImage {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.PlaceholderImage--small {\n width: 16px;\n height: 16px;\n}\n\n.PlaceholderImage--medium {\n width: 32px;\n height: 32px;\n}\n\n.PlaceholderImage--large {\n width: 48px;\n height: 48px;\n}\n\n.PlaceholderImage--round {\n border-radius: 50%;\n}\n\n.Popover {\n border-radius: var(--spacing-m);\n position: absolute;\n z-index: 500;\n background: var(--white);\n box-shadow: var(--shadow-l);\n}\n\n.Popover--dark {\n background: var(--inverse);\n color: var(--white);\n}\n.Ring {\n transform: rotate(-90deg);\n}\n\n.Ring--regular {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.Ring--small {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.Ring Circle {\n fill: none;\n}\n\n.Ring-background {\n stroke: var(--secondary-lightest);\n}\n\n.Ring-indicator {\n stroke: var(--primary);\n transition: stroke-dashOffset 200ms;\n}\n/* Radio */\n\n.Radio {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-items: center;\n cursor: pointer;\n}\n\n.Radio-outerWrapper {\n position: relative;\n flex-shrink: 0;\n}\n\n.Radio-outerWrapper--regular {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.Radio-outerWrapper--tiny {\n height: var(--spacing-l);\n width: var(--spacing-l);\n}\n\n.Radio-input {\n opacity: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 2;\n margin: 0;\n cursor: pointer;\n}\n\n.Radio-label {\n padding-left: var(--spacing);\n cursor: pointer;\n}\n\n.Radio-wrapper {\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n position: absolute;\n border: var(--border);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n z-index: 1;\n}\n\n.Radio--disabled {\n pointer-events: none;\n}\n\n.Radio--disabled .Radio-wrapper {\n border: var(--spacing-xs) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n.Radio-input:checked~.Radio-wrapper {\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Radio-input:checked~.Radio-wrapper:focus {\n border: var(--spacing-xs) solid var(--primary-dark);\n}\n\n.Radio-input:checked~.Radio-wrapper:after {\n display: block;\n}\n\n.Radio-wrapper:after {\n content: \"\";\n display: none;\n border-radius: 50%;\n background: var(--primary);\n}\n\n.Radio-wrapper--regular:after {\n width: var(--spacing);\n height: var(--spacing);\n}\n\n.Radio-wrapper--tiny:after {\n width: var(--spacing-m);\n height: var(--spacing-m); \n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Radio--disabled .Radio-input:checked~.Radio-wrapper {\n border: var(--spacing-xs) solid var(--primary-lighter);\n}\n\n.Radio--disabled .Radio-input:checked~.Radio-wrapper:after {\n background: var(--primary-lighter);\n}\n\n\n.Slider {\n width: 100%;\n}\n\n.Slider-wrapper {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.Slider-wrapper--disabled {\n pointer-events: none;\n}\n\n.Slider-track {\n border-radius: var(--spacing-m);\n height: var(--spacing-2);\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.Slider-progress {\n background: var(--secondary-lighter);\n height: var(--spacing-s);\n box-sizing: border-box;\n}\n\n.Slider-progress--inRange {\n background: var(--primary);\n}\n\n.Slider-progress--inRangeDisabled {\n background: var(--secondary-light);\n border: var(--border);\n}\n\n.Slider-label {\n margin-top: var(--spacing-m);\n -webkit-transform: translate(-50%,0px);\n transform: translate(-50%,0px);\n display: flex;\n align-items: center;\n flex-direction: column;\n position: absolute;\n user-select: none;\n -moz-user-select: none;\n -ms-user-select: none; \n}\n\n.Slider-ticks {\n width: var(--spacing-s);\n height: var(--spacing-m);\n border-radius: var(--spacing-xs);\n background-color: var(--secondary-dark);\n}\n\n.Slider-tooltip--visible {\n visibility: visible;\n}\n\n.Slider-tooltip--hidden {\n visibility: hidden;\n}\n\n.Slider-tooltip {\n height: 100%;\n width: 100%;\n outline: none;\n}\n\n.Slider-handle {\n height: var(--spacing-2);\n width: var(--spacing-2);\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 50%;\n background-color: var(--white);\n box-shadow: var(--shadow-s);\n cursor: pointer;\n box-sizing: border-box;\n outline: none;\n display: flex;\n}\n\n.Slider-handle:hover {\n background-color: var(--secondary-lightest);\n border: var(--border);\n}\n\n.Slider-handle:focus, .Slider-handle:active {\n border: var(--spacing-s) solid var(--primary);\n}\n\n.Slider-handle--disabled {\n pointer-events: none;\n background-color: var(--secondary-light);\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n}\n\n.Spinner {\n animation: rotate 2s linear infinite;\n}\n\n.Spinner--small {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.Spinner--medium {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.Spinner--large {\n height: var(--spacing-4);\n width: var(--spacing-4);\n}\n\n.Circle {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spin 1.5s ease-in-out infinite;\n}\n\n.Circle--primary {\n stroke: var(--primary);\n}\n\n.Circle--secondary {\n stroke: var(--secondary-dark);\n}\n\n.Circle--white {\n stroke: var(--white);\n}\n\n.StatusHint {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: fit-content;\n}\n\n.StatusHint-icon {\n border-radius: 50%;\n height: var(--spacing);\n width: var(--spacing);\n margin-right: var(--spacing);\n}\n\n.StatusHint--alert {\n background: var(--alert);\n}\n\n.StatusHint--success {\n background: var(--success);\n}\n\n.StatusHint--warning {\n background: var(--warning);\n}\n\n.StatusHint--info {\n background: var(--primary);\n}\n\n.StatusHint--default {\n background: var(--secondary);\n}\n.Switch {\n display: flex;\n position: relative;\n}\n\n.Switch--tiny {\n height: var(--spacing-2);\n width: var(--spacing-3);\n}\n\n.Switch--regular {\n height: var(--spacing-xl);\n width: var(--spacing-4);\n}\n\n.Switch--large {\n height: var(--spacing-3);\n width: var(--spacing-5);\n}\n\n.Switch-input {\n position: absolute;\n cursor: pointer;\n z-index: 10;\n opacity: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n}\n\n.Switch-wrapper {\n display: flex;\n align-items: center;\n line-height: 100%;\n padding: var(--spacing-xs);\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--secondary-light);\n}\n\n.Switch-wrapper--tiny {\n border-radius: 10px;\n}\n\n.Switch-wrapper--regular {\n border-radius: 34px;\n}\n\n.Switch-wrapper--large {\n border-radius: 38px;\n}\n\n.Switch-wrapper:before {\n content: \"\";\n height: 100%;\n width: 50%;\n background-color: var(--shadow-0);\n box-shadow: 0 0 var(--spacing-xs) 0 var(--shadow-20);\n border-radius: 50%;\n box-sizing: border-box;\n}\n\n.Switch-wrapper--checked.Switch-wrapper--primary {\n background-color: var(--primary);\n}\n\n.Switch-wrapper--checked.Switch-wrapper--alert {\n background-color: var(--alert);\n}\n\n.Switch-wrapper--checked.Switch-wrapper--success {\n background-color: var(--success);\n}\n\n.Switch-wrapper--checked.Switch-wrapper--warning {\n background-color: var(--warning);\n}\n\n.Switch-wrapper--checked:before {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n.Switch--disabled {\n pointer-events: none;\n}\n\n.Switch-wrapper--disabled:before {\n background-color: var(--secondary-lightest);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--primary {\n background-color: var(--primary-lighter);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--alert {\n background-color: var(--alert-lighter);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--success {\n background-color: var(--success-lighter);\n}\n\n.Switch-wrapper--checkedDisabled.Switch-wrapper--warning {\n background-color: var(--warning-lighter);\n}\n.Table {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n /* flex-grow: 0; */\n height: 100%;\n width: 100%;\n z-index: 1;\n}\n\n.Table-grid {\n height: 100%;\n overflow: hidden;\n height: 100%;\n z-index: 1;\n}\n\n.Table-pagination {\n display: flex;\n justify-content: center;\n background: var(--white);\n padding: var(--spacing) 0;\n border-top: var(--border);\n}\n/* tabs */\n\n.TabsWrapper {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.TabsWrapper-header {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n border-bottom: var(--border);\n height: var(--spacing-4);\n}\n\n.Tab {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n min-width: 40px;\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-2);\n text-align: center;\n margin-left: var(--spacing-l);\n margin-right: var(--spacing-l);\n}\n\n.Tab:first-child {\n margin-left: 0;\n}\n\n.Tab:last-child {\n margin-right: 0;\n}\n\n.Tab--active, .Tab:hover {\n margin-bottom: -1px;\n border-bottom: var(--spacing-s) solid var(--primary);\n}\n\n.Tab--disabled {\n pointer-events: none;\n}\n\n.Tab-count {\n display: flex;\n margin-right: var(--spacing-l);\n}\n\n.Tab-count .Badge {\n margin-left: 0;\n margin-right: 0;\n}\n\n.Tab-icon {\n display: flex;\n margin-right: var(--spacing-l);\n font-size: var(--font-size-m);\n color: var(--text-subtle);\n}\n\n.Tab-icon--active {\n color: var(--text);\n}\n/* Textarea */\n\n.Textarea-textarea::-ms-clear {\n display: none;\n}\n\n.Textarea {\n display: flex;\n flex-direction: column;\n}\n\n.Textarea-textarea {\n min-height: var(--spacing-3);\n width: 100%;\n display: block;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n line-height: var(--font-height);\n font-size: var(--font-size);\n box-sizing: border-box;\n border-radius: var(--spacing-m);\n border: var(--border);\n color: var(--inverse);\n padding: var(--spacing) var(--spacing-l);\n}\n\n.Textarea-textarea::placeholder {\n color: var(--inverse-light);\n}\n\n.Textarea-textarea:focus-within {\n outline: none;\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.Textarea-textarea:disabled {\n color: var(--inverse-light);\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n}\n\n.Textarea-textarea--error {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.Textarea-textarea--error:focus-within {\n border: var(--spacing-xs) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Textarea-textarea::-webkit-scrollbar {\n width: var(--spacing-2);\n}\n\n.Textarea-textarea::-webkit-scrollbar-thumb {\n border: var(--spacing-m) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: var(--spacing);\n background-color: var(--secondary);\n}\n/* toast */\n\n.Toast {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n\n width: 360px;\n border-radius: var(--spacing-m);\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-2);\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-2);\n}\n\n.Toast--default {\n padding-left: var(--spacing-xl);\n background-color: var(--inverse);\n}\n\n.Toast--info {\n background-color: var(--primary);\n}\n\n.Toast--alert {\n background-color: var(--alert);\n}\n\n.Toast--success {\n background-color: var(--success);\n}\n\n.Toast--warning {\n background-color: var(--warning);\n}\n\n.Toast--warning {\n color: var(--text);\n}\n\n.Toast-icon {\n display: flex;\n margin-top: var(--spacing-m);\n line-height: var(--font-height-m);\n}\n\n.Toast-icon--left {\n margin-right: var(--spacing-2);\n}\n\n.Toast-icon--right {\n cursor: pointer;\n margin-left: var(--spacing-2);\n}\n\n.Toast-body {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.Toast-title {\n display: flex;\n}\n\n.Toast-title .Heading {\n flex-grow: 1;\n}\n\n.Toast-message {\n padding-top: var(--spacing);\n}\n\n.Toast-actions {\n display: flex;\n padding-top: var(--spacing-l);\n}\n\n.Toast-actionButton {\n color: var(--text-white);\n margin-right: var(--spacing);\n}\n\n.Toast-actionButton:last-child {\n margin-right: 0;\n}\n\n.Toast-actionButton--default {\n background: var(--inverse-light);\n}\n\n.Toast-actionButton--default:hover,\n.Toast-actionButton--default:active {\n background: var(--inverse);\n}\n\n.Toast-actionButton--default:focus {\n box-shadow: var(--shadow-spread) color-mod(var(--inverse-light) a(0.16));\n}\n\n.Toast-actionButton--info {\n background: var(--primary-dark);\n}\n\n.Toast-actionButton--info:hover,\n.Toast-actionButton--info:active {\n background: var(--primary-darker);\n}\n\n.Toast-actionButton--info:focus {\n box-shadow: var(--shadow-spread) color-mod(var(--primary-dark) a(0.16));\n}\n\n.Toast-actionButton--success {\n background: var(--success-dark);\n}\n\n.Toast-actionButton--success:hover,\n.Toast-actionButton--success:active {\n background: var(--success-darker);\n}\n\n.Toast-actionButton--success:focus {\n box-shadow: var(--shadow-spread) color-mod(var(--success-dark) a(0.16));\n}\n\n.Toast-actionButton--alert {\n background: var(--alert-dark);\n}\n\n.Toast-actionButton--alert:hover,\n.Toast-actionButton--alert:active {\n background: var(--alert-darker);\n}\n\n.Toast-actionButton--alert:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.Toast-actionButton--warning {\n background: var(--warning-dark);\n}\n\n.Toast-actionButton--warning:hover,\n.Toast-actionButton--warning:active {\n background: var(--warning-darker);\n}\n\n.Toast-actionButton--warning:focus {\n box-shadow: var(--shadow-spread) var(--warning-shadow);\n}\n.Tooltip {\n color: var(--white);\n max-width: var(--spacing-9);\n padding: var(--spacing) var(--spacing-2);\n border-radius: var(--spacing-m);\n position: absolute;\n z-index: 500;\n background: var(--inverse);\n overflow: hidden;\n box-sizing: border-box;\n word-break: break-word;\n hyphens: auto;\n}\n\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.align-top {\n vertical-align: top !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n\n.align-bottom {\n vertical-align: bottom !important;\n}\n\n.align-text-bottom {\n vertical-align: text-bottom !important;\n}\n\n.align-text-top {\n vertical-align: text-top !important;\n}\n.bg-primary {\n background-color: var(--primary) !important;\n}\n\n.bg-secondary {\n background-color: var(--secondary) !important;\n}\n\n.bg-success {\n background-color: var(--success) !important;\n}\n\n.bg-warning {\n background-color: var(--warning) !important;\n}\n\n.bg-danger {\n background-color: var(--alert) !important;\n}\n\n.bg-light {\n background-color: var(--white) !important;\n}\n\n.bg-dark {\n background-color: var(--inverse) !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: flex !important;\n}\n\n.d-inline-flex {\n display: inline-flex !important;\n}\n.flex-fill {\n flex: 1 1 auto !important;\n}\n\n.flex-row {\n flex-direction: row !important;\n}\n\n.flex-column {\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-grow-0 {\n flex-grow: 0 !important;\n}\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0 !important;\n}\n\n.flex-shrink-1 {\n flex-shrink: 1 !important;\n}\n\n.flex-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-between {\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n justify-content: space-around !important;\n}\n\n.justify-content-evenly {\n justify-content: space-evenly !important;\n}\n\n.align-items-start {\n align-items: flex-start !important;\n}\n\n.align-items-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-start {\n align-content: flex-start !important;\n}\n\n.align-content-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-between {\n align-content: space-between !important;\n}\n\n.align-content-around {\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-auto {\n align-self: auto !important;\n}\n\n.align-self-start {\n align-self: flex-start !important;\n}\n\n.align-self-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n.order-first {\n order: -1 !important;\n}\n\n.order-0 {\n order: 0 !important;\n}\n\n.order-1 {\n order: 1 !important;\n}\n\n.order-2 {\n order: 2 !important;\n}\n\n.order-3 {\n order: 3 !important;\n}\n\n.order-4 {\n order: 4 !important;\n}\n\n.order-5 {\n order: 5 !important;\n}\n\n.order-last {\n order: 6 !important;\n}\n.Row {\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n}\n\n.Col {\n position: relative;\n width: 100%;\n}\n\n.Col--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n}\n\n.Col--1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n}\n\n.Col--2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n}\n\n.Col--3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n}\n\n.Col--4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n}\n\n.Col--5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n}\n\n.Col--6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n}\n\n.Col--7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n}\n\n.Col--8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n}\n\n.Col--9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n}\n\n.Col--10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n}\n\n.Col--11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n}\n\n.Col--12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n}\n\n/* if the viewport is between 0 to 575 pixels wide. */\n\n@media (max-width: 575px) {\n .Col--xs {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .Col--xs-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--xs-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--xs-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--xs-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--xs-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--xs-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--xs-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--xs-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--xs-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--xs-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--xs-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--xs-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--xs-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 576 and 767 pixels wide. */\n\n@media (min-width: 576px) and (max-width: 767px) {\n .Col--s-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--s-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--s-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--s-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--s-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--s-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--s-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--s-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--s-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--s-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--s-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--s-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--s-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 768 and 991 pixels wide. */\n\n@media (min-width: 768px) and (max-width: 991px) {\n .Col--m-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--m-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--m-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--m-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--m-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--m-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--m-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--m-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--m-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--m-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--m-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--m-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--m-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 992 and 1199 pixels wide. */\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .Col--l-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--l-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--l-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--l-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--l-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--l-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--l-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--l-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--l-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--l-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--l-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--l-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--l-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is 1200 pixels wide or wider. */\n\n@media (min-width: 1200px) {\n .Col--xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n .Col--xl-1 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 1);\n max-width: calc(100% / var(--grid-columns) * 1);\n }\n .Col--xl-2 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 2);\n max-width: calc(100% / var(--grid-columns) * 2);\n }\n .Col--xl-3 {\n flex: 0 0 25%;\n max-width: calc(100% / var(--grid-columns) * 3);\n }\n .Col--xl-4 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 4);\n max-width: calc(100% / var(--grid-columns) * 4);\n }\n .Col--xl-5 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 5);\n max-width: calc(100% / var(--grid-columns) * 5);\n }\n .Col--xl-6 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 6);\n max-width: calc(100% / var(--grid-columns) * 6);\n }\n .Col--xl-7 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 7);\n max-width: calc(100% / var(--grid-columns) * 7);\n }\n .Col--xl-8 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 8);\n max-width: calc(100% / var(--grid-columns) * 8);\n }\n .Col--xl-9 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 9);\n max-width: calc(100% / var(--grid-columns) * 9);\n }\n .Col--xl-10 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 10);\n max-width: calc(100% / var(--grid-columns) * 10);\n }\n .Col--xl-11 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 11);\n max-width: calc(100% / var(--grid-columns) * 11);\n }\n .Col--xl-12 {\n flex: 0 0;\n flex-basis: calc(100% / var(--grid-columns) * 12);\n max-width: calc(100% / var(--grid-columns) * 12);\n }\n}\n.overflow-auto {\n overflow: auto !important;\n}\n\n.overflow-hidden {\n overflow: hidden !important;\n}\n.position-static {\n position: static !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-sticky {\n position: -webkit-sticky !important;\n position: sticky !important;\n}\n.w-25 {\n width: 25% !important;\n}\n\n.w-50 {\n width: 50% !important;\n}\n\n.w-75 {\n width: 75% !important;\n}\n\n.w-100 {\n width: 100% !important;\n}\n\n.w-auto {\n width: auto !important;\n}\n\n.mw-100 {\n max-width: 100% !important;\n}\n\n.vw-100 {\n width: 100vw !important;\n}\n\n.min-vw-100 {\n min-width: 100vw !important;\n}\n\n.h-25 {\n height: 25% !important;\n}\n\n.h-50 {\n height: 50% !important;\n}\n\n.h-75 {\n height: 75% !important;\n}\n\n.h-100 {\n height: 100% !important;\n}\n\n.h-auto {\n height: auto !important;\n}\n\n.mh-100 {\n max-height: 100% !important;\n}\n\n.vh-100 {\n height: 100vh !important;\n}\n\n.min-vh-100 {\n min-height: 100vh !important;\n}\n\n.m-0 {\n margin: 0 !important;\n}\n\n.m-1 {\n margin: var(--spacing-xs) !important;\n}\n\n.m-2 {\n margin: var(--spacing-s) !important;\n}\n\n.m-3 {\n margin: var(--spacing-m) !important;\n}\n\n.m-4 {\n margin: var(--spacing) !important;\n}\n\n.m-5 {\n margin: var(--spacing-l) !important;\n}\n\n.m-6 {\n margin: var(--spacing-2) !important;\n}\n\n.m-7 {\n margin: var(--spacing-xl) !important;\n}\n\n.m-8 {\n margin: var(--spacing-3) !important;\n}\n\n.m-9 {\n margin: var(--spacing-4) !important;\n}\n\n.m-10 {\n margin: var(--spacing-5) !important;\n}\n\n.m-11 {\n margin: var(--spacing-6) !important;\n}\n\n.m-12 {\n margin: var(--spacing-7) !important;\n}\n\n.m-13 {\n margin: var(--spacing-8) !important;\n}\n\n.m-14 {\n margin: var(--spacing-9) !important;\n}\n\n.m-auto {\n margin: auto !important;\n}\n\n.mx-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n\n.mx-1 {\n margin-right: var(--spacing-xs) !important;\n margin-left: var(--spacing-xs) !important;\n}\n\n.mx-2 {\n margin-right: var(--spacing-s) !important;\n margin-left: var(--spacing-s) !important;\n}\n\n.mx-3 {\n margin-right: var(--spacing-m) !important;\n margin-left: var(--spacing-m) !important;\n}\n\n.mx-4 {\n margin-right: var(--spacing) !important;\n margin-left: var(--spacing) !important;\n}\n\n.mx-5 {\n margin-right: var(--spacing-l) !important;\n margin-left: var(--spacing-l) !important;\n}\n\n.mx-6 {\n margin-right: var(--spacing-2) !important;\n margin-left: var(--spacing-2) !important;\n}\n\n.mx-7 {\n margin-right: var(--spacing-xl) !important;\n margin-left: var(--spacing-xl) !important;\n}\n\n.mx-8 {\n margin-right: var(--spacing-3) !important;\n margin-left: var(--spacing-3) !important;\n}\n\n.mx-9 {\n margin-right: var(--spacing-4) !important;\n margin-left: var(--spacing-4) !important;\n}\n\n.mx-10 {\n margin-right: var(--spacing-5) !important;\n margin-left: var(--spacing-5) !important;\n}\n\n.mx-11 {\n margin-right: var(--spacing-6) !important;\n margin-left: var(--spacing-6) !important;\n}\n\n.mx-12 {\n margin-right: var(--spacing-7) !important;\n margin-left: var(--spacing-7) !important;\n}\n\n.mx-13 {\n margin-right: var(--spacing-8) !important;\n margin-left: var(--spacing-8) !important;\n}\n\n.mx-14 {\n margin-right: var(--spacing-9) !important;\n margin-left: var(--spacing-9) !important;\n}\n\n.mx-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\n.my-1 {\n margin-top: var(--spacing-xs) !important;\n margin-bottom: var(--spacing-xs) !important;\n}\n\n.my-2 {\n margin-top: var(--spacing-s) !important;\n margin-bottom: var(--spacing-s) !important;\n}\n\n.my-3 {\n margin-top: var(--spacing-m) !important;\n margin-bottom: var(--spacing-m) !important;\n}\n\n.my-4 {\n margin-top: var(--spacing) !important;\n margin-bottom: var(--spacing) !important;\n}\n\n.my-5 {\n margin-top: var(--spacing-l) !important;\n margin-bottom: var(--spacing-l) !important;\n}\n\n.my-6 {\n margin-top: var(--spacing-2) !important;\n margin-bottom: var(--spacing-2) !important;\n}\n\n.my-7 {\n margin-top: var(--spacing-xl) !important;\n margin-bottom: var(--spacing-xl) !important;\n}\n\n.my-8 {\n margin-top: var(--spacing-3) !important;\n margin-bottom: var(--spacing-3) !important;\n}\n\n.my-9 {\n margin-top: var(--spacing-4) !important;\n margin-bottom: var(--spacing-4) !important;\n}\n\n.my-10 {\n margin-top: var(--spacing-5) !important;\n margin-bottom: var(--spacing-5) !important;\n}\n\n.my-11 {\n margin-top: var(--spacing-6) !important;\n margin-bottom: var(--spacing-6) !important;\n}\n\n.my-12 {\n margin-top: var(--spacing-7) !important;\n margin-bottom: var(--spacing-7) !important;\n}\n\n.my-13 {\n margin-top: var(--spacing-8) !important;\n margin-bottom: var(--spacing-8) !important;\n}\n\n.my-14 {\n margin-top: var(--spacing-9) !important;\n margin-bottom: var(--spacing-9) !important;\n}\n\n.my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n\n.mt-0 {\n margin-top: 0 !important;\n}\n\n.mt-1 {\n margin-top: var(--spacing-xs) !important;\n}\n\n.mt-2 {\n margin-top: var(--spacing-s) !important;\n}\n\n.mt-3 {\n margin-top: var(--spacing-m) !important;\n}\n\n.mt-4 {\n margin-top: var(--spacing) !important;\n}\n\n.mt-5 {\n margin-top: var(--spacing-l) !important;\n}\n\n.mt-6 {\n margin-top: var(--spacing-2) !important;\n}\n\n.mt-7 {\n margin-top: var(--spacing-xl) !important;\n}\n\n.mt-8 {\n margin-top: var(--spacing-3) !important;\n}\n\n.mt-9 {\n margin-top: var(--spacing-4) !important;\n}\n\n.mt-10 {\n margin-top: var(--spacing-5) !important;\n}\n\n.mt-11 {\n margin-top: var(--spacing-6) !important;\n}\n\n.mt-12 {\n margin-top: var(--spacing-7) !important;\n}\n\n.mt-13 {\n margin-top: var(--spacing-8) !important;\n}\n\n.mt-14 {\n margin-top: var(--spacing-9) !important;\n}\n\n.mt-auto {\n margin-top: auto !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n\n.mb-1 {\n margin-bottom: var(--spacing-xs) !important;\n}\n\n.mb-2 {\n margin-bottom: var(--spacing-s) !important;\n}\n\n.mb-3 {\n margin-bottom: var(--spacing-m) !important;\n}\n\n.mb-4 {\n margin-bottom: var(--spacing) !important;\n}\n\n.mb-5 {\n margin-bottom: var(--spacing-l) !important;\n}\n\n.mb-6 {\n margin-bottom: var(--spacing-2) !important;\n}\n\n.mb-7 {\n margin-bottom: var(--spacing-xl) !important;\n}\n\n.mb-8 {\n margin-bottom: var(--spacing-3) !important;\n}\n\n.mb-9 {\n margin-bottom: var(--spacing-4) !important;\n}\n\n.mb-10 {\n margin-bottom: var(--spacing-5) !important;\n}\n\n.mb-11 {\n margin-bottom: var(--spacing-6) !important;\n}\n\n.mb-12 {\n margin-bottom: var(--spacing-7) !important;\n}\n\n.mb-13 {\n margin-bottom: var(--spacing-8) !important;\n}\n\n.mb-14 {\n margin-bottom: var(--spacing-9) !important;\n}\n\n.mb-auto {\n margin-bottom: auto !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n\n.mr-1 {\n margin-right: var(--spacing-xs) !important;\n}\n\n.mr-2 {\n margin-right: var(--spacing-s) !important;\n}\n\n.mr-3 {\n margin-right: var(--spacing-m) !important;\n}\n\n.mr-4 {\n margin-right: var(--spacing) !important;\n}\n\n.mr-5 {\n margin-right: var(--spacing-l) !important;\n}\n\n.mr-6 {\n margin-right: var(--spacing-2) !important;\n}\n\n.mr-7 {\n margin-right: var(--spacing-xl) !important;\n}\n\n.mr-8 {\n margin-right: var(--spacing-3) !important;\n}\n\n.mr-9 {\n margin-right: var(--spacing-4) !important;\n}\n\n.mr-10 {\n margin-right: var(--spacing-5) !important;\n}\n\n.mr-11 {\n margin-right: var(--spacing-6) !important;\n}\n\n.mr-12 {\n margin-right: var(--spacing-7) !important;\n}\n\n.mr-13 {\n margin-right: var(--spacing-8) !important;\n}\n\n.mr-14 {\n margin-right: var(--spacing-9) !important;\n}\n\n.mr-auto {\n margin-right: auto !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n\n.ml-1 {\n margin-left: var(--spacing-xs) !important;\n}\n\n.ml-2 {\n margin-left: var(--spacing-s) !important;\n}\n\n.ml-3 {\n margin-left: var(--spacing-m) !important;\n}\n\n.ml-4 {\n margin-left: var(--spacing) !important;\n}\n\n.ml-5 {\n margin-left: var(--spacing-l) !important;\n}\n\n.ml-6 {\n margin-left: var(--spacing-2) !important;\n}\n\n.ml-7 {\n margin-left: var(--spacing-xl) !important;\n}\n\n.ml-8 {\n margin-left: var(--spacing-3) !important;\n}\n\n.ml-9 {\n margin-left: var(--spacing-4) !important;\n}\n\n.ml-10 {\n margin-left: var(--spacing-5) !important;\n}\n\n.ml-11 {\n margin-left: var(--spacing-6) !important;\n}\n\n.ml-12 {\n margin-left: var(--spacing-7) !important;\n}\n\n.ml-13 {\n margin-left: var(--spacing-8) !important;\n}\n\n.ml-14 {\n margin-left: var(--spacing-9) !important;\n}\n\n.ml-auto {\n margin-left: auto !important;\n}\n\n.p-0 {\n padding: 0 !important;\n}\n\n.p-1 {\n padding: var(--spacing-xs) !important;\n}\n\n.p-2 {\n padding: var(--spacing-s) !important;\n}\n\n.p-3 {\n padding: var(--spacing-m) !important;\n}\n\n.p-4 {\n padding: var(--spacing) !important;\n}\n\n.p-5 {\n padding: var(--spacing-l) !important;\n}\n\n.p-6 {\n padding: var(--spacing-2) !important;\n}\n\n.p-7 {\n padding: var(--spacing-xl) !important;\n}\n\n.p-8 {\n padding: var(--spacing-3) !important;\n}\n\n.p-9 {\n padding: var(--spacing-4) !important;\n}\n\n.p-10 {\n padding: var(--spacing-5) !important;\n}\n\n.p-11 {\n padding: var(--spacing-6) !important;\n}\n\n.p-12 {\n padding: var(--spacing-7) !important;\n}\n\n.p-13 {\n padding: var(--spacing-8) !important;\n}\n\n.p-14 {\n padding: var(--spacing-9) !important;\n}\n\n.p-auto {\n padding: auto !important;\n}\n\n.px-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n\n.px-1 {\n padding-right: var(--spacing-xs) !important;\n padding-left: var(--spacing-xs) !important;\n}\n\n.px-2 {\n padding-right: var(--spacing-s) !important;\n padding-left: var(--spacing-s) !important;\n}\n\n.px-3 {\n padding-right: var(--spacing-m) !important;\n padding-left: var(--spacing-m) !important;\n}\n\n.px-4 {\n padding-right: var(--spacing) !important;\n padding-left: var(--spacing) !important;\n}\n\n.px-5 {\n padding-right: var(--spacing-l) !important;\n padding-left: var(--spacing-l) !important;\n}\n\n.px-6 {\n padding-right: var(--spacing-2) !important;\n padding-left: var(--spacing-2) !important;\n}\n\n.px-7 {\n padding-right: var(--spacing-xl) !important;\n padding-left: var(--spacing-xl) !important;\n}\n\n.px-8 {\n padding-right: var(--spacing-3) !important;\n padding-left: var(--spacing-3) !important;\n}\n\n.px-9 {\n padding-right: var(--spacing-4) !important;\n padding-left: var(--spacing-4) !important;\n}\n\n.px-10 {\n padding-right: var(--spacing-5) !important;\n padding-left: var(--spacing-5) !important;\n}\n\n.px-11 {\n padding-right: var(--spacing-6) !important;\n padding-left: var(--spacing-6) !important;\n}\n\n.px-12 {\n padding-right: var(--spacing-7) !important;\n padding-left: var(--spacing-7) !important;\n}\n\n.px-13 {\n padding-right: var(--spacing-8) !important;\n padding-left: var(--spacing-8) !important;\n}\n\n.px-14 {\n padding-right: var(--spacing-9) !important;\n padding-left: var(--spacing-9) !important;\n}\n\n.px-auto {\n padding-right: auto !important;\n padding-left: auto !important;\n}\n\n.py-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n.py-1 {\n padding-top: var(--spacing-xs) !important;\n padding-bottom: var(--spacing-xs) !important;\n}\n\n.py-2 {\n padding-top: var(--spacing-s) !important;\n padding-bottom: var(--spacing-s) !important;\n}\n\n.py-3 {\n padding-top: var(--spacing-m) !important;\n padding-bottom: var(--spacing-m) !important;\n}\n\n.py-4 {\n padding-top: var(--spacing) !important;\n padding-bottom: var(--spacing) !important;\n}\n\n.py-5 {\n padding-top: var(--spacing-l) !important;\n padding-bottom: var(--spacing-l) !important;\n}\n\n.py-6 {\n padding-top: var(--spacing-2) !important;\n padding-bottom: var(--spacing-2) !important;\n}\n\n.py-7 {\n padding-top: var(--spacing-xl) !important;\n padding-bottom: var(--spacing-xl) !important;\n}\n\n.py-8 {\n padding-top: var(--spacing-3) !important;\n padding-bottom: var(--spacing-3) !important;\n}\n\n.py-9 {\n padding-top: var(--spacing-4) !important;\n padding-bottom: var(--spacing-4) !important;\n}\n\n.py-10 {\n padding-top: var(--spacing-5) !important;\n padding-bottom: var(--spacing-5) !important;\n}\n\n.py-11 {\n padding-top: var(--spacing-6) !important;\n padding-bottom: var(--spacing-6) !important;\n}\n\n.py-12 {\n padding-top: var(--spacing-7) !important;\n padding-bottom: var(--spacing-7) !important;\n}\n\n.py-13 {\n padding-top: var(--spacing-8) !important;\n padding-bottom: var(--spacing-8) !important;\n}\n\n.py-14 {\n padding-top: var(--spacing-9) !important;\n padding-bottom: var(--spacing-9) !important;\n}\n\n.py-auto {\n padding-top: auto !important;\n padding-bottom: auto !important;\n}\n\n.pt-0 {\n padding-top: 0 !important;\n}\n\n.pt-1 {\n padding-top: var(--spacing-xs) !important;\n}\n\n.pt-2 {\n padding-top: var(--spacing-s) !important;\n}\n\n.pt-3 {\n padding-top: var(--spacing-m) !important;\n}\n\n.pt-4 {\n padding-top: var(--spacing) !important;\n}\n\n.pt-5 {\n padding-top: var(--spacing-l) !important;\n}\n\n.pt-6 {\n padding-top: var(--spacing-2) !important;\n}\n\n.pt-7 {\n padding-top: var(--spacing-xl) !important;\n}\n\n.pt-8 {\n padding-top: var(--spacing-3) !important;\n}\n\n.pt-9 {\n padding-top: var(--spacing-4) !important;\n}\n\n.pt-10 {\n padding-top: var(--spacing-5) !important;\n}\n\n.pt-11 {\n padding-top: var(--spacing-6) !important;\n}\n\n.pt-12 {\n padding-top: var(--spacing-7) !important;\n}\n\n.pt-13 {\n padding-top: var(--spacing-8) !important;\n}\n\n.pt-14 {\n padding-top: var(--spacing-9) !important;\n}\n\n.pt-auto {\n padding-top: auto !important;\n}\n\n.pb-0 {\n padding-bottom: 0 !important;\n}\n\n.pb-1 {\n padding-bottom: var(--spacing-xs) !important;\n}\n\n.pb-2 {\n padding-bottom: var(--spacing-s) !important;\n}\n\n.pb-3 {\n padding-bottom: var(--spacing-m) !important;\n}\n\n.pb-4 {\n padding-bottom: var(--spacing) !important;\n}\n\n.pb-5 {\n padding-bottom: var(--spacing-l) !important;\n}\n\n.pb-6 {\n padding-bottom: var(--spacing-2) !important;\n}\n\n.pb-7 {\n padding-bottom: var(--spacing-xl) !important;\n}\n\n.pb-8 {\n padding-bottom: var(--spacing-3) !important;\n}\n\n.pb-9 {\n padding-bottom: var(--spacing-4) !important;\n}\n\n.pb-10 {\n padding-bottom: var(--spacing-5) !important;\n}\n\n.pb-11 {\n padding-bottom: var(--spacing-6) !important;\n}\n\n.pb-12 {\n padding-bottom: var(--spacing-7) !important;\n}\n\n.pb-13 {\n padding-bottom: var(--spacing-8) !important;\n}\n\n.pb-14 {\n padding-bottom: var(--spacing-9) !important;\n}\n\n.pb-auto {\n padding-bottom: auto !important;\n}\n\n.pr-0 {\n padding-right: 0 !important;\n}\n\n.pr-1 {\n padding-right: var(--spacing-xs) !important;\n}\n\n.pr-2 {\n padding-right: var(--spacing-s) !important;\n}\n\n.pr-3 {\n padding-right: var(--spacing-m) !important;\n}\n\n.pr-4 {\n padding-right: var(--spacing) !important;\n}\n\n.pr-5 {\n padding-right: var(--spacing-l) !important;\n}\n\n.pr-6 {\n padding-right: var(--spacing-2) !important;\n}\n\n.pr-7 {\n padding-right: var(--spacing-xl) !important;\n}\n\n.pr-8 {\n padding-right: var(--spacing-3) !important;\n}\n\n.pr-9 {\n padding-right: var(--spacing-4) !important;\n}\n\n.pr-10 {\n padding-right: var(--spacing-5) !important;\n}\n\n.pr-11 {\n padding-right: var(--spacing-6) !important;\n}\n\n.pr-12 {\n padding-right: var(--spacing-7) !important;\n}\n\n.pr-13 {\n padding-right: var(--spacing-8) !important;\n}\n\n.pr-14 {\n padding-right: var(--spacing-9) !important;\n}\n\n.pr-auto {\n padding-right: auto !important;\n}\n\n.pl-0 {\n padding-left: 0 !important;\n}\n\n.pl-1 {\n padding-left: var(--spacing-xs) !important;\n}\n\n.pl-2 {\n padding-left: var(--spacing-s) !important;\n}\n\n.pl-3 {\n padding-left: var(--spacing-m) !important;\n}\n\n.pl-4 {\n padding-left: var(--spacing) !important;\n}\n\n.pl-5 {\n padding-left: var(--spacing-l) !important;\n}\n\n.pl-6 {\n padding-left: var(--spacing-2) !important;\n}\n\n.pl-7 {\n padding-left: var(--spacing-xl) !important;\n}\n\n.pl-8 {\n padding-left: var(--spacing-3) !important;\n}\n\n.pl-9 {\n padding-left: var(--spacing-4) !important;\n}\n\n.pl-10 {\n padding-left: var(--spacing-5) !important;\n}\n\n.pl-11 {\n padding-left: var(--spacing-6) !important;\n}\n\n.pl-12 {\n padding-left: var(--spacing-7) !important;\n}\n\n.pl-13 {\n padding-left: var(--spacing-8) !important;\n}\n\n.pl-14 {\n padding-left: var(--spacing-9) !important;\n}\n\n.pl-auto {\n padding-left: auto !important;\n}\n/** utility **/\n.hide-scroll-bar::-webkit-scrollbar {\n height: 0px;\n /* Remove scrollbar space */\n background: transparent;\n /* Optional: just make scrollbar invisible */\n}\n\n.hide-scroll-bar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ellipsis--noWrap {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}"]} \ No newline at end of file diff --git a/dist/.lib/tsconfig.type.tsbuildinfo b/dist/.lib/tsconfig.type.tsbuildinfo index 5eeafd778a..eb837a8062 100644 --- a/dist/.lib/tsconfig.type.tsbuildinfo +++ b/dist/.lib/tsconfig.type.tsbuildinfo @@ -152,8 +152,8 @@ "affectsGlobalScope": true }, "../../node_modules/csstype/index.d.ts": { - "version": "859b1245cdfd0d6e0752cdb59913e36fb2946e919f5d99846ef7f8ab45d5735e", - "signature": "859b1245cdfd0d6e0752cdb59913e36fb2946e919f5d99846ef7f8ab45d5735e", + "version": "b3a4ee9791cdd4f5029b3ffe60b9cae1ac308a4238b0444f40a5222e4ecc5cc1", + "signature": "b3a4ee9791cdd4f5029b3ffe60b9cae1ac308a4238b0444f40a5222e4ecc5cc1", "affectsGlobalScope": false }, "../../node_modules/@types/prop-types/index.d.ts": { @@ -162,8 +162,8 @@ "affectsGlobalScope": false }, "../../node_modules/@types/react/index.d.ts": { - "version": "b0de1737a447411ed29ff2cf75b82b9f4e89791337f743c3b6bcbd05a95ec524", - "signature": "b0de1737a447411ed29ff2cf75b82b9f4e89791337f743c3b6bcbd05a95ec524", + "version": "1dd4a441ede7519b77c090cacc312e857dfac7483e2a4c08740c9758ce33faa9", + "signature": "1dd4a441ede7519b77c090cacc312e857dfac7483e2a4c08740c9758ce33faa9", "affectsGlobalScope": true }, "../../node_modules/@types/classnames/types.d.ts": { @@ -182,7 +182,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/avatar/Avatar.tsx": { - "version": "4ce955026a613699bb454bbc5abddcb67665240afe4d34b363a4128b4b8c3fac", + "version": "927c23f422472b267779a5a888df967012e840be733c605cb1de29a1b30d94d6", "signature": "4d0dc687ca1445c417d48569bff219a7e35f04a71833c3ccb5d437bcc51e135b", "affectsGlobalScope": false }, @@ -197,7 +197,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/backdrop/Backdrop.tsx": { - "version": "bc799b721c79889b7e4242975c51151f569d717b64ea29905b332ea0d0e8a7d8", + "version": "ef14d19fa24b39284cf42e756b6c9cbc2807a9ffafd7eabfc443dbf1c2071a41", "signature": "8fe0b7a7eb9c917200f8802f71063757ec2f3a9ed5dd45da672dba25aef33f73", "affectsGlobalScope": false }, @@ -207,7 +207,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/badge/Badge.tsx": { - "version": "98623f8516a267928f7ce3b21257fc95a43a6254d3d97cb0ee00015332f5f44b", + "version": "d687f54ea5c1ed5379e32a1350c5a7a6c20b6e2691c790a7139028430ea7aa0b", "signature": "908d82ef2c762844a2250e8035834887c5a9a8d56d3a26e91d103b9edc071846", "affectsGlobalScope": false }, @@ -227,7 +227,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/text/Text.tsx": { - "version": "6d86739d27c553f68b926a4e70d50e393339e01f6b5ab16e7ab0cf9ee8d8ba77", + "version": "bd4784d1ce094aa7b5d70f2572c6f999ccd5d7366bfeee97642f7ba3db06391f", "signature": "7b1b2709e318533b17426d3e1545c4e6f085eec9474e89566b3101859f97b445", "affectsGlobalScope": false }, @@ -312,8 +312,8 @@ "affectsGlobalScope": false }, "../../core/utils/PopperWrapper.tsx": { - "version": "7ed8ad653ac62f87ab3646da69f0b4b632b62defce935fca7e8e0eca5491c196", - "signature": "65b02b47900ce0c90b4c3a93d3e35da1d7202028a22bd211131d3c373ac04977", + "version": "40e3c60e51cf848e9040191e2509fdb8843ce38086c5b9d84aa83a2a6b359882", + "signature": "ff603412264b7541e8212f7e82d8d230c0abe9143b943ee43711a2238f13d3ac", "affectsGlobalScope": false }, "../../core/utils/css.ts": { @@ -327,7 +327,7 @@ "affectsGlobalScope": false }, "../../core/components/molecules/popover/Popover.tsx": { - "version": "080dde5d87d418bbaa4e0c28d50d43fd403b64a3aefc6f949a023a5f3c5fab0c", + "version": "c3813823e7b719ed8272f2b52e87cf138cc51ffdbfc6002a57021530f1d143e3", "signature": "6a9ecffa3b21c606f5718faa2bf01e571414b1a6322cb27e1addf7c9f25d46a9", "affectsGlobalScope": false }, @@ -337,7 +337,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/dropdown/DropdownButton.tsx": { - "version": "7cf2794d2b16cabc4be4abf7bed3d781b70beae5a3283088d05e5ec0f553fee1", + "version": "c6cce4568a41e29b6b5c1a5218b628988f7dc2ecb91990769a65d9e97d1df810", "signature": "28cc976f43b226cfdffaf2846c87c1c9a5471ea7747b6b9451136e2c45d90120", "affectsGlobalScope": false }, @@ -352,8 +352,8 @@ "affectsGlobalScope": false }, "../../core/components/atoms/button/Button.tsx": { - "version": "fb43108ed6daead59565bf8591056a866f959615e3d7d2aeabaddf25e6cd6a47", - "signature": "b113de1f1c0326517f8445bff19b530272175c636a652cf3c336de17d9fff635", + "version": "ae1580403bcdbcf43cf6f841d8f471838aaf9cf4079c10237c7ba14c99ef29d9", + "signature": "7335c173fc5bcfb7d17315eabe07b9e02b143a16560c58a08b9c43a9e41417d6", "affectsGlobalScope": false }, "../../core/components/atoms/button/index.tsx": { @@ -407,7 +407,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/heading/Heading.tsx": { - "version": "715f6343799c3da1f3e916cef5d1ae589035d974f4120841118cf7a180107c02", + "version": "0720b7e9d65162d5a27df3eba0602da91ddb7e19308da23ad5f4040b0c3a3c22", "signature": "5a125dbc11926706d81ef25ecd56d9273b8b5d2896bba3bd13dff1f16579465b", "affectsGlobalScope": false }, @@ -417,7 +417,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/subheading/Subheading.tsx": { - "version": "2ca6a2d9acede79a0fcc62dedf50b5344aad693abe118eb345b47547a0f98b17", + "version": "a4c75e46f6cc79b5caa423bcde83f08a88487a2c8fe470cbc9595cb0a449b1c1", "signature": "a07a0b7dfb95c447ccb01505eaffbf4f4cc32489ded20e23c496b9091bdffcd7", "affectsGlobalScope": false }, @@ -457,7 +457,7 @@ "affectsGlobalScope": false }, "../../core/components/molecules/inputMask/InputMask.tsx": { - "version": "19ce04bc6f873b34e1cc03a522eb756349d274c829be8015f95e53c558ac6b63", + "version": "4ddb8bf5c7a0955604732d974d13d5a418798f97fa1a1cdd0f7ddda7812679c1", "signature": "35e0f7b35b8c53fcf49e42ddf20fac80d10ff0a82a441ca27f81196d1738540e", "affectsGlobalScope": false }, @@ -512,7 +512,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/label/Label.tsx": { - "version": "8d40c15f1cecbfab28b6dcd4b1048909f39545a89364d9f106bfbf948f768c5c", + "version": "0d61bebe66d2037359674b2b85441dc71258e1561847ec49b44ee09b76b3ea38", "signature": "27dcb07308a4a61e4e712179b0b81c6289455b47673db36de4655e9eab678218", "affectsGlobalScope": false }, @@ -542,7 +542,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/message/Message.tsx": { - "version": "5c13bc6f27c6388fb24af8f3a68516d8e8256860dcb72e968d25b3285dfdcdb0", + "version": "6a9b63799110c0de8401a1837fa0d9049a299c6414b968139f6d3c0cea36550e", "signature": "c17b0acfad9185f78cac9f70a6f19cdcf2484e2c69e941f26973ee73020e15a9", "affectsGlobalScope": false }, @@ -577,7 +577,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/paragraph/Paragraph.tsx": { - "version": "dde33f19b0334531f963d8ac62fa74499fc32bda4934a2ed0ee45bb149d19020", + "version": "e3074d3aeff3f74c60a12b3cd01d2f3894dab8eaea87aa65f4d4d08e2725584d", "signature": "1b8b99d88d339c98ea0b2afee5f582dc2834ccc6eb02cea4cb086ed34dc31fec", "affectsGlobalScope": false }, @@ -597,7 +597,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/row/Row.tsx": { - "version": "f8e0b1f42b19d7df6e1258d782409d3efc949e24bd94b43ae6978faf9afe6808", + "version": "133ad90f77be952560d88541dcab7b44d0e622e975029f6caffc9269f0dfd32a", "signature": "dc828b79f446abddf2d08da35d9fd0b7abc372fe586739b716c4143167ecdc5b", "affectsGlobalScope": false }, @@ -606,8 +606,48 @@ "signature": "65c60db87098fb2e96b3b4a45eeddb842d70e5452d5e10818d726505d1c5487d", "affectsGlobalScope": false }, + "../../core/utils/Keys.ts": { + "version": "e0dcfd0fa94fd3df3a510b344e480745c1440810cab4ad25979e53963425fbbe", + "signature": "f04214d63f7c97d5356201bdf3c5bc70dd487d4e413611e5c9e3885dd7f9a9ab", + "affectsGlobalScope": false + }, + "../../core/components/atoms/multiSlider/SliderUtils.tsx": { + "version": "4fff8607aa97bd82d3c1f5baa3150a60b97f12c40d3b3f3c51e97b36b0a5556d", + "signature": "62e75f0ff3b9c7fa1e55591c1e71b8349ccb01dd80f2b6db1fb0dbd5ec5e6a71", + "affectsGlobalScope": false + }, + "../../core/components/atoms/multiSlider/Handle.tsx": { + "version": "a4030d22b6573fd9189ad8111d42fb588aefb316998144ed0cc0a35163368a27", + "signature": "9feee1ee15c7c1fa29cc68f2861301bb74b97a05ff4636561f61fa3b0c26aad0", + "affectsGlobalScope": false + }, + "../../core/components/atoms/multiSlider/index.tsx": { + "version": "f2e698526946262f0367590765b28173d0789a17422aefa556f9f513ae202d09", + "signature": "d28b53a39202beecce1444b07fa2a4383bb1f4bfc442a508c671aee276985a8c", + "affectsGlobalScope": false + }, + "../../core/components/atoms/slider/Slider.tsx": { + "version": "6c00f439844788f1732218ee9da71f5d68e7dd431c65f38eb0d72252d483485f", + "signature": "75a259a5a20340bc6eae9ab563268467616e20ea58cf9465c97806c62ccb453a", + "affectsGlobalScope": false + }, + "../../core/components/atoms/slider/index.tsx": { + "version": "ac9492e075da7f2a119911a4bd90231f1802f05752c39c2af7ab3bc0ed54bd5c", + "signature": "f777a2c09574739cbd9568caf0e10552e7df0a36fbbe83f94b99fbad86322c2c", + "affectsGlobalScope": false + }, + "../../core/components/atoms/rangeSlider/RangeSlider.tsx": { + "version": "d72314eb47f8bac5f1cfc132d233d52b947afa4e49883a1829b18e668ec08d7e", + "signature": "2dd6035937067cd5ceb742557cdf75ea67650e03fad1a8d853ada68b19827d39", + "affectsGlobalScope": false + }, + "../../core/components/atoms/rangeSlider/index.tsx": { + "version": "1675f3acdd43bfe4411032e1d3b8e1b72070bdf72d45fb56af2297c3488ca8fd", + "signature": "967f73ba72f23cb4541f04a0177f853c85d980eb5c4e8f23ab62490eeab79dcd", + "affectsGlobalScope": false + }, "../../core/components/atoms/statusHint/StatusHint.tsx": { - "version": "0999aac433b193779598af1987282be4ca3df85becf9e53daa0d6c26067c757b", + "version": "5b74d170ce88f508154554392e91951de465aa4d8a97963f03d2178a41a90dd1", "signature": "764c57c60603b25821354316f0266ae1aaa7ffbdad35a6183b5162c81838a205", "affectsGlobalScope": false }, @@ -617,7 +657,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/pills/Pills.tsx": { - "version": "593affc39ecb7c09138cb7f1416c0bca57945bfb6550574d58de59454f839ba5", + "version": "c00bde5251ebe598d12ea11f649a2743e9f3a18e5ff38e37f9ae6be48dd42330", "signature": "71e4681ec5dee37a41dd24bed8e87438530f1ad0733532b8a0752c7a1deca723", "affectsGlobalScope": false }, @@ -697,8 +737,8 @@ "affectsGlobalScope": false }, "../../core/components/molecules/modal/Modal.tsx": { - "version": "14ca57b70bad328e125238631478d4f51ed57369a0c144c164527d1a1682fdc4", - "signature": "75dcbd113be7c48f9bc8671db10c451717f8e55c3a1f04e6ab5f6f14e614bc1d", + "version": "a4587ab6ef579c21f0580ab58045dcfbb353eddf6aa1751a8cef98b9bc182114", + "signature": "a07b177f6f472125f4dbb6fa3425851ad0aa17a8608858324de822de3134ccf0", "affectsGlobalScope": false }, "../../core/components/molecules/modal/index.tsx": { @@ -797,7 +837,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/progressBar/ProgressBar.tsx": { - "version": "041e3bb359b2a7d074f8f5c7257c2219b6d3112c97a2d715e2f396d9001ee1c3", + "version": "752b37108d00d605c941cae61aaa49896ad115ef5b3e62db45b8318bb65071cd", "signature": "d96215f464d1b8057ff9039bf6766078aa92e964859344262b5a09a57871c550", "affectsGlobalScope": false }, @@ -807,7 +847,7 @@ "affectsGlobalScope": false }, "../../core/components/atoms/progressRing/ProgressRing.tsx": { - "version": "7c9693b4dfa08dd19545c661671acbf4729d8fdbc7d1ba41443ef3b593425eab", + "version": "81187f537efd83abafec28f3256db8ab54a081721b1ecbe240d55056bdab3486", "signature": "9f6f4adfaef59167536612cc8270dd28925d8c947c974f95265f79c7c4c44993", "affectsGlobalScope": false }, @@ -842,13 +882,13 @@ "affectsGlobalScope": false }, "../../core/components/organisms/grid/columnUtility.tsx": { - "version": "591958e4196bd213b26dba463bc8e61dd4a4f5ee95c7b11788bfa7f8fac93bbc", + "version": "46d212bcd48dada6d21fbc4499cb31ca6fd00806be9050175e179b23c2250503", "signature": "c33ce690cd0f33ea0e49a3a551f54fb5d91bdb7fc42cff5dd75dc2a11a05c526", "affectsGlobalScope": false }, "../../core/components/organisms/grid/rowUtility.tsx": { - "version": "20cef23db4550d8e47f985a83ce8d9a25e26ab0f52507d2a7b2fc4cee3d17175", - "signature": "c034374a1e88f23800e0eb122d659e4455955ce4b770845d0bd852c6121caa01", + "version": "6f9e04a4efa39b9d9eab34ffa6dfbffdde9ad74a5b89a70788dcc6d22ef5a875", + "signature": "c0be0026ce2c76d414c1161d0dd8874e46c32031da763536b7b3894886a5d461", "affectsGlobalScope": false }, "../../core/components/organisms/grid/utility.tsx": { @@ -862,7 +902,7 @@ "affectsGlobalScope": false }, "../../core/components/organisms/grid/Cell.tsx": { - "version": "3de69311e20ccadc3002a98d321e55d21bf787d344f3abd90ec729932566bd85", + "version": "6b7a5fe7e807ed5f74d57d9778b82bb5d904484ca817249e5961835ca2ef031e", "signature": "1007b9e91a5db78ae9433020058f3a9afdf6d6026be0de01fd43582600fb1aec", "affectsGlobalScope": false }, @@ -892,8 +932,8 @@ "affectsGlobalScope": false }, "../../core/components/organisms/grid/Grid.tsx": { - "version": "6a35930de749abad3e614a6c8f2c4cca0ea752384e471de232974e244655f163", - "signature": "4a203b953d4ea5705c88a516100b3bd090e5ae3ddcdd39ed56bd50301c85cf67", + "version": "ccfb0a9d39c670a112e71e151acc0b1b44bf6bf25eb94f4be4c485a3c687238c", + "signature": "f91be26491685bbff614edbc6838cceec91f45774ff68d9f702f7e9d2ff6fb06", "affectsGlobalScope": false }, "../../core/components/organisms/grid/index.tsx": { @@ -902,13 +942,13 @@ "affectsGlobalScope": false }, "../../core/components/organisms/grid/Header.tsx": { - "version": "1cec6f29b49f9767970f94e5e2b53815b5755e5720ea318ae7d5dee6ff363895", - "signature": "229b34eac1c4b9a068d9170cc323b13a8cda08a5dda1dae7c90081253f470d16", + "version": "5dbfed191e6ebe74548f8a97376c44b4881008232598e0004d706ac5d3765efc", + "signature": "870fbb4b10b5c30710e0c553f9e1518869e55798268c74b2978b4e2a92dbe299", "affectsGlobalScope": false }, "../../core/components/organisms/table/Table.tsx": { - "version": "ea10174111d0d4920e79a95055e99e4d214c4e77d006816d9b16104550f12c7e", - "signature": "72e6b09c96e4fb0fd23f2d7a41ea409d377c64e0c8fdd0e45686c7d5b1b971a3", + "version": "e7c308a4f8145b44cf0905700198fe78db3411da64943f8264535c23fc5022ae", + "signature": "9c7a3d7e8e21ac2ebef44e70eb713646144b89132d5332e591b7b5d344517f33", "affectsGlobalScope": false }, "../../core/components/organisms/table/index.tsx": { @@ -917,8 +957,8 @@ "affectsGlobalScope": false }, "../../core/components/organisms/list/List.tsx": { - "version": "aea2fea2fc67214726f8c144479495ec057f6c13c2766abc2b262fe90284bf38", - "signature": "5aac541e4dd927e4a4f009e79cd0bec07cfeafae197eb7e4478bab57e1f90d93", + "version": "9ef12f78181ee285dcef958031114e200dded57892ed84d4135c2e199878e50b", + "signature": "722364cad615c81a99df885a968bbaa086ebc6ad6888712c930ad59d5743ee8c", "affectsGlobalScope": false }, "../../core/components/organisms/list/index.tsx": { @@ -937,8 +977,8 @@ "affectsGlobalScope": false }, "../../core/components/organisms/pageHeader/PageHeader.tsx": { - "version": "90888544c23d2b8dc44e4b0cb257e9de5f1207b559e2f9a6fa0747d72b5f6d9d", - "signature": "a3aefb8c9c5eb6d8dc0775ae41225e1df154176ae950849bcf9b395c6b5d60cb", + "version": "4f5c0a6cf9535c9f329d3f01ef7e344c51cdceac26a090c3406257bf18d904f2", + "signature": "6906d21c71c3acdddedb30325ed2fdcef360b0f637ce400bc0b869f0a7e55f2a", "affectsGlobalScope": false }, "../../core/components/organisms/pageHeader/index.tsx": { @@ -947,8 +987,8 @@ "affectsGlobalScope": false }, "../../core/index.type.tsx": { - "version": "32aa3e0f28564fc9f233d5e02df0f36d885680e5172e3be81bea7ae7e4202d22", - "signature": "70919147ae8ee4da532a4a94089f721f48b9d021272ee24d99af7b3cccb7fb92", + "version": "1a5ed1fe17e532dcc8b5ef56e8b104dcbc29bd41c479237209844816c1041616", + "signature": "d7e4d0064c5b7f0f48e300b272358f95a7c57a6af9874c8f114b19f9df505fc5", "affectsGlobalScope": false }, "../../core/components/atoms/input/Input.tsx": { @@ -997,8 +1037,8 @@ "affectsGlobalScope": false }, "../../core/index.tsx": { - "version": "d1e5d0d2105e918fd77bab68acd2ad7bf9ca584ab54201b9ce042318c955288f", - "signature": "273e9f3c3a48ce0aad175879c1198d5bf4a30cc635876e8a1255fa805f2f4fa4", + "version": "2d1147f781644a687a8d63b5e073f23f1d299d728cf0b547c4493c7768a8400b", + "signature": "1f489ec65f5b5b3894db5dbb1cda554fd0a4e02102fd18e1557c71b1584e6583", "affectsGlobalScope": false }, "../../core/components/atoms/badge/_stories_/SolidAlert.story.tsx": { @@ -1532,8 +1572,8 @@ "affectsGlobalScope": false }, "../../node_modules/@types/node/tls.d.ts": { - "version": "b268804feea68616eb0daad944359f46a2eac9b53a72a3d12bf328ef01207805", - "signature": "b268804feea68616eb0daad944359f46a2eac9b53a72a3d12bf328ef01207805", + "version": "3181290a158e54a78c1a57c41791ec1cbdc860ae565916daa1bf4e425b7edac7", + "signature": "3181290a158e54a78c1a57c41791ec1cbdc860ae565916daa1bf4e425b7edac7", "affectsGlobalScope": false }, "../../node_modules/@types/node/trace_events.d.ts": { @@ -1562,13 +1602,13 @@ "affectsGlobalScope": false }, "../../node_modules/@types/node/vm.d.ts": { - "version": "e4abb8eaa8a7d78236be0f8342404aab076668d20590209e32fdeb924588531e", - "signature": "e4abb8eaa8a7d78236be0f8342404aab076668d20590209e32fdeb924588531e", + "version": "a1136cf18dbe1b9b600c65538fd48609a1a4772d115a0c1d775839fe6544487c", + "signature": "a1136cf18dbe1b9b600c65538fd48609a1a4772d115a0c1d775839fe6544487c", "affectsGlobalScope": false }, "../../node_modules/@types/node/worker_threads.d.ts": { - "version": "086bfc0710b044ce1586108ee56c6e1c0d9ca2d325c153bb026cbc850169f593", - "signature": "086bfc0710b044ce1586108ee56c6e1c0d9ca2d325c153bb026cbc850169f593", + "version": "e8482f41c6e001657302dcb3a1ba30359a0983574caee9405ef863cb9eac3b95", + "signature": "e8482f41c6e001657302dcb3a1ba30359a0983574caee9405ef863cb9eac3b95", "affectsGlobalScope": false }, "../../node_modules/@types/node/zlib.d.ts": { @@ -1772,7 +1812,7 @@ "affectsGlobalScope": false }, "../../core/utils/docPage.tsx": { - "version": "2a920cd34ab18eab8e5f74f2ea7e8f1c8f0c5dbd634ec53aeecc6386ee8843c8", + "version": "9491c7957c7c1e26d78d633c000501d025bae1451be7297fea31922eba755403", "signature": "d793df693e1f566f2a7fd586a5ba76f93009c359e9795372d49bb1dafa1d2c00", "affectsGlobalScope": false }, @@ -2001,12 +2041,12 @@ "signature": "781c42c8e52e550c442b676dd3f9e4665e7a78a18cc6a41aa2ba3204c6976fe0", "affectsGlobalScope": false }, - "../../node_modules/@types/jest/node_modules/jest-diff/build/types.d.ts": { + "../../node_modules/jest-diff/build/types.d.ts": { "version": "71ba0678a3c647f5c0706ae975c031ace0d464e60f9ce56eaa7f1678d065aab7", "signature": "71ba0678a3c647f5c0706ae975c031ace0d464e60f9ce56eaa7f1678d065aab7", "affectsGlobalScope": false }, - "../../node_modules/@types/jest/node_modules/jest-diff/build/index.d.ts": { + "../../node_modules/jest-diff/build/index.d.ts": { "version": "162c6f2951bd80ae6e16679378f382200b26bba9de8f255af3a2895fbfa670b4", "signature": "162c6f2951bd80ae6e16679378f382200b26bba9de8f255af3a2895fbfa670b4", "affectsGlobalScope": false @@ -2847,6 +2887,30 @@ "*", "*", "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", + "*", "*" ] }, @@ -3772,6 +3836,44 @@ "../../node_modules/@types/node/ts3.2/util.d.ts", "../../node_modules/@types/node/util.d.ts" ], + "../../core/components/atoms/multiSlider/Handle.tsx": [ + "../../core/components/atoms/multiSlider/SliderUtils.tsx", + "../../core/index.tsx", + "../../core/utils/Keys.ts", + "../../node_modules/@types/classnames/index.d.ts", + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/@types/react/index.d.ts" + ], + "../../core/components/atoms/multiSlider/SliderUtils.tsx": [ + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts" + ], + "../../core/components/atoms/multiSlider/index.tsx": [ + "../../core/components/atoms/multiSlider/Handle.tsx", + "../../core/components/atoms/multiSlider/SliderUtils.tsx", + "../../core/index.tsx", + "../../core/utils/types.tsx", + "../../node_modules/@types/classnames/index.d.ts", + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/@types/react/index.d.ts" + ], "../../core/components/atoms/outsideClick/OutsideClick.tsx": [ "../../node_modules/@types/graceful-fs/index.d.ts", "../../node_modules/@types/node/fs.d.ts", @@ -3950,6 +4052,27 @@ "../../node_modules/@types/node/ts3.2/util.d.ts", "../../node_modules/@types/node/util.d.ts" ], + "../../core/components/atoms/rangeSlider/RangeSlider.tsx": [ + "../../core/components/atoms/multiSlider/index.tsx", + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/@types/react/index.d.ts" + ], + "../../core/components/atoms/rangeSlider/index.tsx": [ + "../../core/components/atoms/rangeSlider/RangeSlider.tsx", + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts" + ], "../../core/components/atoms/row/Row.tsx": [ "../../core/utils/types.tsx", "../../node_modules/@types/classnames/index.d.ts", @@ -3972,6 +4095,27 @@ "../../node_modules/@types/node/ts3.2/util.d.ts", "../../node_modules/@types/node/util.d.ts" ], + "../../core/components/atoms/slider/Slider.tsx": [ + "../../core/components/atoms/multiSlider/index.tsx", + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/@types/react/index.d.ts" + ], + "../../core/components/atoms/slider/index.tsx": [ + "../../core/components/atoms/slider/Slider.tsx", + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts" + ], "../../core/components/atoms/spinner/Spinner.tsx": [ "../../core/utils/types.tsx", "../../node_modules/@types/classnames/index.d.ts", @@ -4792,7 +4936,6 @@ "../../core/components/organisms/grid/GridNestedRow.tsx", "../../core/components/organisms/grid/MainGrid.tsx", "../../core/components/organisms/grid/utility.tsx", - "../../core/index.tsx", "../../core/index.type.tsx", "../../core/utils/types.tsx", "../../node_modules/@types/graceful-fs/index.d.ts", @@ -5017,6 +5160,7 @@ "../../node_modules/@types/node/util.d.ts" ], "../../core/components/organisms/table/Table.tsx": [ + "../../core/components/molecules/pagination/index.tsx", "../../core/components/organisms/grid/Header.tsx", "../../core/components/organisms/grid/index.tsx", "../../core/components/organisms/grid/utility.tsx", @@ -5070,7 +5214,9 @@ "../../core/components/atoms/progressBar/index.tsx", "../../core/components/atoms/progressRing/index.tsx", "../../core/components/atoms/radio/index.tsx", + "../../core/components/atoms/rangeSlider/index.tsx", "../../core/components/atoms/row/index.tsx", + "../../core/components/atoms/slider/index.tsx", "../../core/components/atoms/spinner/index.tsx", "../../core/components/atoms/statusHint/index.tsx", "../../core/components/atoms/subheading/index.tsx", @@ -5134,7 +5280,9 @@ "../../core/components/atoms/progressBar/index.tsx", "../../core/components/atoms/progressRing/index.tsx", "../../core/components/atoms/radio/index.tsx", + "../../core/components/atoms/rangeSlider/index.tsx", "../../core/components/atoms/row/index.tsx", + "../../core/components/atoms/slider/index.tsx", "../../core/components/atoms/spinner/index.tsx", "../../core/components/atoms/statusHint/index.tsx", "../../core/components/atoms/subheading/index.tsx", @@ -5171,6 +5319,15 @@ "../../node_modules/@types/node/ts3.2/util.d.ts", "../../node_modules/@types/node/util.d.ts" ], + "../../core/utils/Keys.ts": [ + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts" + ], "../../core/utils/PopperWrapper.tsx": [ "../../node_modules/@types/classnames/index.d.ts", "../../node_modules/@types/graceful-fs/index.d.ts", @@ -6410,32 +6567,13 @@ ], "../../node_modules/@types/jest/index.d.ts": [ "../../node_modules/@types/graceful-fs/index.d.ts", - "../../node_modules/@types/jest/node_modules/jest-diff/build/index.d.ts", "../../node_modules/@types/node/fs.d.ts", "../../node_modules/@types/node/process.d.ts", "../../node_modules/@types/node/ts3.2/fs.d.ts", "../../node_modules/@types/node/ts3.2/process.d.ts", "../../node_modules/@types/node/ts3.2/util.d.ts", - "../../node_modules/@types/node/util.d.ts" - ], - "../../node_modules/@types/jest/node_modules/jest-diff/build/index.d.ts": [ - "../../node_modules/@types/graceful-fs/index.d.ts", - "../../node_modules/@types/jest/node_modules/jest-diff/build/types.d.ts", - "../../node_modules/@types/node/fs.d.ts", - "../../node_modules/@types/node/process.d.ts", - "../../node_modules/@types/node/ts3.2/fs.d.ts", - "../../node_modules/@types/node/ts3.2/process.d.ts", - "../../node_modules/@types/node/ts3.2/util.d.ts", - "../../node_modules/@types/node/util.d.ts" - ], - "../../node_modules/@types/jest/node_modules/jest-diff/build/types.d.ts": [ - "../../node_modules/@types/graceful-fs/index.d.ts", - "../../node_modules/@types/node/fs.d.ts", - "../../node_modules/@types/node/process.d.ts", - "../../node_modules/@types/node/ts3.2/fs.d.ts", - "../../node_modules/@types/node/ts3.2/process.d.ts", - "../../node_modules/@types/node/ts3.2/util.d.ts", - "../../node_modules/@types/node/util.d.ts" + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/jest-diff/build/index.d.ts" ], "../../node_modules/@types/json-schema/index.d.ts": [ "../../node_modules/@types/graceful-fs/index.d.ts", @@ -7577,6 +7715,25 @@ "../../node_modules/@types/react/index.d.ts", "../../node_modules/emotion-theming/types/helper.d.ts" ], + "../../node_modules/jest-diff/build/index.d.ts": [ + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/jest-diff/build/types.d.ts" + ], + "../../node_modules/jest-diff/build/types.d.ts": [ + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts" + ], "../../node_modules/popper.js/index.d.ts": [ "../../node_modules/@types/graceful-fs/index.d.ts", "../../node_modules/@types/node/fs.d.ts", @@ -9086,32 +9243,13 @@ ], "../../node_modules/@types/jest/index.d.ts": [ "../../node_modules/@types/graceful-fs/index.d.ts", - "../../node_modules/@types/jest/node_modules/jest-diff/build/index.d.ts", "../../node_modules/@types/node/fs.d.ts", "../../node_modules/@types/node/process.d.ts", "../../node_modules/@types/node/ts3.2/fs.d.ts", "../../node_modules/@types/node/ts3.2/process.d.ts", "../../node_modules/@types/node/ts3.2/util.d.ts", - "../../node_modules/@types/node/util.d.ts" - ], - "../../node_modules/@types/jest/node_modules/jest-diff/build/index.d.ts": [ - "../../node_modules/@types/graceful-fs/index.d.ts", - "../../node_modules/@types/jest/node_modules/jest-diff/build/types.d.ts", - "../../node_modules/@types/node/fs.d.ts", - "../../node_modules/@types/node/process.d.ts", - "../../node_modules/@types/node/ts3.2/fs.d.ts", - "../../node_modules/@types/node/ts3.2/process.d.ts", - "../../node_modules/@types/node/ts3.2/util.d.ts", - "../../node_modules/@types/node/util.d.ts" - ], - "../../node_modules/@types/jest/node_modules/jest-diff/build/types.d.ts": [ - "../../node_modules/@types/graceful-fs/index.d.ts", - "../../node_modules/@types/node/fs.d.ts", - "../../node_modules/@types/node/process.d.ts", - "../../node_modules/@types/node/ts3.2/fs.d.ts", - "../../node_modules/@types/node/ts3.2/process.d.ts", - "../../node_modules/@types/node/ts3.2/util.d.ts", - "../../node_modules/@types/node/util.d.ts" + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/jest-diff/build/index.d.ts" ], "../../node_modules/@types/json-schema/index.d.ts": [ "../../node_modules/@types/graceful-fs/index.d.ts", @@ -10253,6 +10391,25 @@ "../../node_modules/@types/react/index.d.ts", "../../node_modules/emotion-theming/types/helper.d.ts" ], + "../../node_modules/jest-diff/build/index.d.ts": [ + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts", + "../../node_modules/jest-diff/build/types.d.ts" + ], + "../../node_modules/jest-diff/build/types.d.ts": [ + "../../node_modules/@types/graceful-fs/index.d.ts", + "../../node_modules/@types/node/fs.d.ts", + "../../node_modules/@types/node/process.d.ts", + "../../node_modules/@types/node/ts3.2/fs.d.ts", + "../../node_modules/@types/node/ts3.2/process.d.ts", + "../../node_modules/@types/node/ts3.2/util.d.ts", + "../../node_modules/@types/node/util.d.ts" + ], "../../node_modules/popper.js/index.d.ts": [ "../../node_modules/@types/graceful-fs/index.d.ts", "../../node_modules/@types/node/fs.d.ts", @@ -10694,6 +10851,9 @@ "../../core/components/atoms/metaList/MetaList.tsx", "../../core/components/atoms/metaList/_stories_/index.story.tsx", "../../core/components/atoms/metaList/index.tsx", + "../../core/components/atoms/multiSlider/Handle.tsx", + "../../core/components/atoms/multiSlider/SliderUtils.tsx", + "../../core/components/atoms/multiSlider/index.tsx", "../../core/components/atoms/outsideClick/OutsideClick.tsx", "../../core/components/atoms/outsideClick/index.tsx", "../../core/components/atoms/paragraph/Paragraph.tsx", @@ -10710,8 +10870,12 @@ "../../core/components/atoms/progressRing/index.tsx", "../../core/components/atoms/radio/Radio.tsx", "../../core/components/atoms/radio/index.tsx", + "../../core/components/atoms/rangeSlider/RangeSlider.tsx", + "../../core/components/atoms/rangeSlider/index.tsx", "../../core/components/atoms/row/Row.tsx", "../../core/components/atoms/row/index.tsx", + "../../core/components/atoms/slider/Slider.tsx", + "../../core/components/atoms/slider/index.tsx", "../../core/components/atoms/spinner/Spinner.tsx", "../../core/components/atoms/spinner/index.tsx", "../../core/components/atoms/statusHint/StatusHint.tsx", @@ -10802,6 +10966,7 @@ "../../core/components/organisms/table/index.tsx", "../../core/index.tsx", "../../core/index.type.tsx", + "../../core/utils/Keys.ts", "../../core/utils/PopperWrapper.tsx", "../../core/utils/css.ts", "../../core/utils/docPage.tsx", @@ -10918,8 +11083,6 @@ "../../node_modules/@types/istanbul-lib-report/index.d.ts", "../../node_modules/@types/istanbul-reports/index.d.ts", "../../node_modules/@types/jest/index.d.ts", - "../../node_modules/@types/jest/node_modules/jest-diff/build/index.d.ts", - "../../node_modules/@types/jest/node_modules/jest-diff/build/types.d.ts", "../../node_modules/@types/json-schema/index.d.ts", "../../node_modules/@types/mdast/index.d.ts", "../../node_modules/@types/minimist/index.d.ts", @@ -11026,6 +11189,8 @@ "../../node_modules/csstype/index.d.ts", "../../node_modules/emotion-theming/types/helper.d.ts", "../../node_modules/emotion-theming/types/index.d.ts", + "../../node_modules/jest-diff/build/index.d.ts", + "../../node_modules/jest-diff/build/types.d.ts", "../../node_modules/popper.js/index.d.ts", "../../node_modules/prism-react-renderer/index.d.ts", "../../node_modules/react-element-to-jsx-string/index.d.ts", diff --git a/dist/core/components/atoms/button/Button.d.ts b/dist/core/components/atoms/button/Button.d.ts index 1469769d67..3b4b5e42f7 100644 --- a/dist/core/components/atoms/button/Button.d.ts +++ b/dist/core/components/atoms/button/Button.d.ts @@ -1,9 +1,11 @@ import * as React from 'react'; import { BaseProps } from "../../../utils/types"; +export declare type ButtonType = 'button' | 'submit' | 'reset'; export declare type Appearance = 'basic' | 'primary' | 'success' | 'alert' | 'transparent'; export declare type Size = 'tiny' | 'regular' | 'large'; export declare type Alignment = 'left' | 'right'; export interface ButtonProps extends BaseProps { + type?: ButtonType; size?: Size; appearance?: Appearance; disabled?: boolean; diff --git a/dist/core/components/atoms/multiSlider/Handle.d.ts b/dist/core/components/atoms/multiSlider/Handle.d.ts new file mode 100644 index 0000000000..db30399c25 --- /dev/null +++ b/dist/core/components/atoms/multiSlider/Handle.d.ts @@ -0,0 +1,47 @@ +import * as React from 'react'; +export interface HandleProps { + value: number; + fillAfter?: boolean; + fillBefore?: boolean; + onChange?: (newValue: number) => void; + onRelease?: (newValue: number) => void; +} +export interface InternalHandleProps extends HandleProps { + disabled?: boolean; + label: string; + max: number; + min: number; + stepSize: number; + tickSize: number; + tickSizeRatio: number; + zIndex?: number; +} +export interface HandleState { + isMoving?: boolean; +} +export declare class Handle extends React.Component { + state: { + isMoving: boolean; + }; + handleElement: HTMLElement | null; + refHandlers: { + handle: (el: HTMLDivElement) => HTMLDivElement; + }; + componentWillUnmount(): void; + componentDidUpdate(_prevProps: InternalHandleProps, prevState: HandleState): void; + mouseEventClientOffset: (event: MouseEvent | React.MouseEvent) => number; + clientToValue: (clientPixel: number) => number; + changeValue: (newValue: number, callback?: ((newValue: number) => void) | undefined) => number; + endHandleMovement: (event: MouseEvent) => void; + continueHandleMovement: (event: MouseEvent) => void; + beginHandleMovement: (event: MouseEvent | React.MouseEvent) => void; + handleKeyDown: (event: React.KeyboardEvent) => void; + handleKeyUp: (event: React.KeyboardEvent) => void; + getHandleMidpointAndOffset: (handleElement: HTMLElement | null, useOppositeDimension?: boolean) => { + handleMidpoint: number; + handleOffset: number; + }; + render(): JSX.Element; + removeDocumentEventListeners: () => void; +} +export default Handle; diff --git a/dist/core/components/atoms/multiSlider/SliderUtils.d.ts b/dist/core/components/atoms/multiSlider/SliderUtils.d.ts new file mode 100644 index 0000000000..90eafe40d4 --- /dev/null +++ b/dist/core/components/atoms/multiSlider/SliderUtils.d.ts @@ -0,0 +1,9 @@ +/// +export declare const formatPercentage: (ratio: number) => string; +export declare const countDecimalPlaces: (value: number) => number; +export declare const approxEqual: (a: number, b: number) => boolean; +export declare const clamp: (value: number, min: number, max: number) => number; +export declare const arraysEqual: (oldValues: number[], newValues: number[]) => boolean | undefined; +export declare function argMin(values: T[], argFn: (value: T) => any): T | undefined; +export declare function fillValues(values: T[], startIndex: number, endIndex: number, fillValue: T): void; +export declare function isElementOfType

(element: any, _ComponentType: React.ComponentType

): element is React.ReactElement

; diff --git a/dist/core/components/atoms/multiSlider/index.d.ts b/dist/core/components/atoms/multiSlider/index.d.ts new file mode 100644 index 0000000000..f676234e2a --- /dev/null +++ b/dist/core/components/atoms/multiSlider/index.d.ts @@ -0,0 +1,73 @@ +import * as React from 'react'; +import { BaseProps } from "../../../utils/types"; +import Handle, { HandleProps } from "./Handle"; +declare type NumberRange = [number, number]; +export interface MultiSliderProps extends BaseProps { + disabled?: boolean; + labelStepSize?: number; + labelPrecision?: number; + max?: number; + min?: number; + stepSize?: number; + label?: string; + labelRenderer?: boolean | ((value: number) => string); +} +interface SliderBaserProps extends MultiSliderProps { + onChange?: (values: number) => void; + onRelease?: (values: number) => void; +} +interface RangeSliderBaseProps extends MultiSliderProps { + onRangeChange?: (values: NumberRange) => void; + onRangeRelease?: (values: NumberRange) => void; +} +interface MultiSliderState { + labelPrecision: number; + tickSize: number; + tickSizeRatio: number; +} +declare const defaultProps: { + disabled: boolean; + labelStepSize: number; + max: number; + min: number; + stepSize: number; +}; +declare type DefaultProps = Readonly; +declare type InternalMultiSliderProps = SliderBaserProps & RangeSliderBaseProps & DefaultProps; +export declare class MultiSlider extends React.Component { + static defaultProps: { + disabled: boolean; + labelStepSize: number; + max: number; + min: number; + stepSize: number; + }; + static Handle: React.FunctionComponent; + handleElements: Handle[]; + trackElement: HTMLElement | null; + constructor(props: InternalMultiSliderProps); + getDerivedStateFromProps(props: InternalMultiSliderProps): { + labelPrecision: number; + }; + getSnapshotBeforeUpdate(prevProps: InternalMultiSliderProps): null; + componentDidMount(): void; + getLabelPrecision: ({ labelPrecision, stepSize }: InternalMultiSliderProps) => number; + getOffsetRatio: (value: number) => number; + addHandleRef: (ref: Handle) => void; + getHandleValues: (props: React.PropsWithChildren) => HandleProps[]; + updateTickSize: () => void; + getTrackFill: (start: HandleProps, end?: HandleProps | undefined) => boolean; + nearestHandleForValue(handles: Handle[], getOffset: (handle: Handle) => number): Handle | undefined; + maybeHandleTrackClick: (event: React.MouseEvent) => void; + getLockedHandleIndex: (startIndex: number, endIndex: number) => number; + getNewHandleValues: (newValue: number, oldIndex: number) => number[]; + onReleaseHandler: (newValue: number, index: number) => void; + onChangeHandler: (newValue: number, index: number) => void; + renderHandles: () => JSX.Element[] | null; + formatLabel: (value: number) => string; + renderLabels: () => JSX.Element[]; + renderTrackFill: (index: number, start: HandleProps, end: HandleProps) => JSX.Element; + renderTracks: () => JSX.Element[]; + render(): JSX.Element; +} +export default MultiSlider; diff --git a/dist/core/components/atoms/rangeSlider/RangeSlider.d.ts b/dist/core/components/atoms/rangeSlider/RangeSlider.d.ts new file mode 100644 index 0000000000..d2c1a411e7 --- /dev/null +++ b/dist/core/components/atoms/rangeSlider/RangeSlider.d.ts @@ -0,0 +1,11 @@ +/// +import { MultiSliderProps } from "../multiSlider"; +export declare type NumberRange = [number, number]; +export interface RangeSliderProps extends MultiSliderProps { + defaultValue?: NumberRange; + value?: NumberRange; + onChange?: (value: NumberRange) => void; + onRelease?: (value: NumberRange) => void; +} +export declare const RangeSlider: (props: RangeSliderProps) => JSX.Element; +export default RangeSlider; diff --git a/dist/core/components/atoms/rangeSlider/index.d.ts b/dist/core/components/atoms/rangeSlider/index.d.ts new file mode 100644 index 0000000000..0da5831bdc --- /dev/null +++ b/dist/core/components/atoms/rangeSlider/index.d.ts @@ -0,0 +1,2 @@ +export { default } from "./RangeSlider"; +export * from "./RangeSlider"; diff --git a/dist/core/components/atoms/slider/Slider.d.ts b/dist/core/components/atoms/slider/Slider.d.ts new file mode 100644 index 0000000000..92652eb0b6 --- /dev/null +++ b/dist/core/components/atoms/slider/Slider.d.ts @@ -0,0 +1,10 @@ +/// +import { MultiSliderProps } from "../multiSlider"; +export interface SliderProps extends MultiSliderProps { + defaultValue?: number; + value?: number; + onChange?: (value: number) => void; + onRelease?: (value: number) => void; +} +export declare const Slider: (props: SliderProps) => JSX.Element; +export default Slider; diff --git a/dist/core/components/atoms/slider/index.d.ts b/dist/core/components/atoms/slider/index.d.ts new file mode 100644 index 0000000000..a75d081a12 --- /dev/null +++ b/dist/core/components/atoms/slider/index.d.ts @@ -0,0 +1,2 @@ +export { default } from "./Slider"; +export * from "./Slider"; diff --git a/dist/core/components/molecules/modal/Modal.d.ts b/dist/core/components/molecules/modal/Modal.d.ts index 2ce50c92df..31f239402d 100644 --- a/dist/core/components/molecules/modal/Modal.d.ts +++ b/dist/core/components/molecules/modal/Modal.d.ts @@ -9,8 +9,17 @@ export interface ModalProps extends BaseProps { open: boolean; children?: React.ReactNode; } -declare const Modal: { - (props: ModalProps): JSX.Element; - displayName: string; -}; +interface ModalState { + open: boolean; + animate: boolean; + zIndex?: number; +} +declare class Modal extends React.Component { + modalRef: React.RefObject; + element: Element; + constructor(props: ModalProps); + componentDidUpdate(prevProps: ModalProps): void; + getUpdatedZIndex: () => number | undefined; + render(): JSX.Element; +} export default Modal; diff --git a/dist/core/components/organisms/grid/Grid.d.ts b/dist/core/components/organisms/grid/Grid.d.ts index cc293cb7ce..df4d9937af 100644 --- a/dist/core/components/organisms/grid/Grid.d.ts +++ b/dist/core/components/organisms/grid/Grid.d.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { CheckboxProps, DropdownProps, PaginationProps } from "../../../index.type"; +import { CheckboxProps, DropdownProps } from "../../../index.type"; import { GridCellProps } from "./GridCell"; import { BaseProps } from "../../../utils/types"; import { NestedRowProps } from "./GridNestedRow"; @@ -81,8 +81,6 @@ export interface GridProps extends BaseProps { withPagination?: boolean; page: number; pageSize: number; - paginationType: PaginationProps['type']; - onPageChange?: PaginationProps['onPageChange']; withCheckbox?: boolean; onSelect?: onSelectFunction; onSelectAll?: onSelectAllFunction; @@ -98,6 +96,8 @@ export interface GridProps extends BaseProps { checked: boolean; indeterminate: boolean; }; + headCellTooltip?: boolean; + separator?: boolean; } export declare class Grid extends React.Component { constructor(props: GridProps); @@ -110,7 +110,6 @@ export declare class Grid extends React.Component { size: string; page: number; pageSize: number; - paginationType: string; loading: boolean; error: boolean; sortingList: never[]; diff --git a/dist/core/components/organisms/grid/Header.d.ts b/dist/core/components/organisms/grid/Header.d.ts index 750b5caec3..f4581bc8ff 100644 --- a/dist/core/components/organisms/grid/Header.d.ts +++ b/dist/core/components/organisms/grid/Header.d.ts @@ -9,12 +9,12 @@ export interface ExternalHeaderProps { } export declare type updateSearchTermFunction = (newSearchTerm: string) => void; export interface HeaderProps extends ExternalHeaderProps { - loading: boolean; - error: boolean; + loading?: boolean; + error?: boolean; data: Data; schema: Schema; selectAll?: GridProps['selectAll']; - totalRecords?: number; + totalRecords: number; withPagination?: boolean; withCheckbox?: boolean; showHead?: boolean; diff --git a/dist/core/components/organisms/grid/rowUtility.d.ts b/dist/core/components/organisms/grid/rowUtility.d.ts index 3ae1be401a..b0fbcd93a9 100644 --- a/dist/core/components/organisms/grid/rowUtility.d.ts +++ b/dist/core/components/organisms/grid/rowUtility.d.ts @@ -1,6 +1,9 @@ import { RowData, Data, ColumnSchema, Schema, FetchDataOptions } from "./Grid"; export declare const updateBatchData: (data: Data, rowIndexes: number[], dataUpdate: Partial) => Data; -export declare function translateData(schema: ColumnSchema, data: RowData): RowData; +export declare function translateData(schema: ColumnSchema, data: RowData): { + [x: string]: any; + _selected?: boolean | undefined; +}; export declare const filterData: (schema: Schema | undefined, data: Data | undefined, filterList: FetchDataOptions['filterList']) => Data; export declare const sortData: (schema: Schema | undefined, data: Data | undefined, sortingList: FetchDataOptions['sortingList']) => Data; export declare const paginateData: (data: Data | undefined, page: number, pageSize: number) => Data; diff --git a/dist/core/components/organisms/list/List.d.ts b/dist/core/components/organisms/list/List.d.ts index 1e684f0a6c..0c8f77198e 100644 --- a/dist/core/components/organisms/list/List.d.ts +++ b/dist/core/components/organisms/list/List.d.ts @@ -1,6 +1,6 @@ /// import { ExternalHeaderProps } from "../grid/Header"; -import { Data, Schema, GridProps, fetchDataFunction } from "../grid"; +import { Data, Schema, fetchDataFunction } from "../grid"; import { TableProps } from "../table"; import { BaseProps } from "../../../utils/types"; interface SyncProps { @@ -13,24 +13,26 @@ interface AsyncProps { fetchData?: fetchDataFunction; } interface SharedListProps extends BaseProps { - type?: GridProps['type']; - size?: GridProps['size']; - nestedRows?: GridProps['nestedRows']; - nestedRowRenderer?: GridProps['nestedRowRenderer']; + type?: TableProps['type']; + size?: TableProps['size']; + nestedRows?: TableProps['nestedRows']; + nestedRowRenderer?: TableProps['nestedRowRenderer']; withHeader?: boolean; headerOptions?: ExternalHeaderProps; - withCheckbox?: GridProps['withCheckbox']; - withPagination?: GridProps['withPagination']; - paginationType?: GridProps['paginationType']; - pageSize?: GridProps['pageSize']; - loaderSchema?: GridProps['loaderSchema']; + withCheckbox?: TableProps['withCheckbox']; + withPagination?: TableProps['withPagination']; + paginationType?: TableProps['paginationType']; + pageSize?: TableProps['pageSize']; + loaderSchema?: TableProps['loaderSchema']; multipleSorting?: boolean; - sortingList?: GridProps['sortingList']; - filterList?: GridProps['filterList']; - errorTemplate?: GridProps['errorTemplate']; - onRowClick?: GridProps['onRowClick']; + sortingList?: TableProps['sortingList']; + filterList?: TableProps['filterList']; + errorTemplate?: TableProps['errorTemplate']; + onRowClick?: TableProps['onRowClick']; onSelect?: TableProps['onSelect']; - onPageChange?: GridProps['onPageChange']; + onPageChange?: TableProps['onPageChange']; + headCellTooltip?: TableProps['headCellTooltip']; + separator?: TableProps['separator']; } declare type SyncListProps = SyncProps & SharedListProps; declare type AsyncListProps = AsyncProps & SharedListProps; diff --git a/dist/core/components/organisms/pageHeader/PageHeader.d.ts b/dist/core/components/organisms/pageHeader/PageHeader.d.ts index 32eed383eb..2646d98d11 100644 --- a/dist/core/components/organisms/pageHeader/PageHeader.d.ts +++ b/dist/core/components/organisms/pageHeader/PageHeader.d.ts @@ -11,6 +11,7 @@ export interface PageHeaderProps extends BaseProps { status?: React.ReactNode; meta?: React.ReactNode; navigationPosition?: navigationPositionType; + seperator?: boolean; } export declare const PageHeader: { (props: PageHeaderProps): JSX.Element; diff --git a/dist/core/components/organisms/table/Table.d.ts b/dist/core/components/organisms/table/Table.d.ts index a127d4f0e6..056466442e 100644 --- a/dist/core/components/organisms/table/Table.d.ts +++ b/dist/core/components/organisms/table/Table.d.ts @@ -2,6 +2,7 @@ import * as React from 'react'; import { ExternalHeaderProps, updateSearchTermFunction, HeaderProps } from "../grid/Header"; import { Data, Schema, onSelectFunction, onSelectAllFunction, GridProps, FetchDataOptions, fetchDataFunction, RowData, updateSchemaFunction, updateSortingListFunction, updateFilterListFunction } from "../grid"; import { BaseProps } from "../../../utils/types"; +import { PaginationProps } from "../../molecules/pagination"; interface SyncProps { data?: Data; schema?: Schema; @@ -24,7 +25,7 @@ interface SharedTableProps extends BaseProps { withCheckbox?: GridProps['withCheckbox']; showMenu?: GridProps['showMenu']; withPagination?: GridProps['withPagination']; - paginationType?: GridProps['paginationType']; + paginationType?: PaginationProps['type']; pageSize?: GridProps['pageSize']; loaderSchema?: GridProps['loaderSchema']; multipleSorting?: boolean; @@ -33,7 +34,9 @@ interface SharedTableProps extends BaseProps { errorTemplate?: GridProps['errorTemplate']; onRowClick?: GridProps['onRowClick']; onSelect?: (rowIndexes: number[], selected: boolean, allSelected: RowData[], selectAll?: boolean) => void; - onPageChange?: GridProps['onPageChange']; + onPageChange?: PaginationProps['onPageChange']; + headCellTooltip?: GridProps['headCellTooltip']; + separator?: GridProps['headCellTooltip']; } declare const defaultProps: { type: string; @@ -42,6 +45,7 @@ declare const defaultProps: { showMenu: boolean; multipleSorting: boolean; headerOptions: {}; + paginationType: string; pageSize: number; loading: boolean; draggable: boolean; @@ -72,6 +76,7 @@ export declare class Table extends React.Component { showMenu: boolean; multipleSorting: boolean; headerOptions: {}; + paginationType: string; pageSize: number; loading: boolean; draggable: boolean; @@ -80,7 +85,7 @@ export declare class Table extends React.Component { updateData: import("throttle-debounce").throttle<(_options: FetchDataOptions) => void>; onSelect: onSelectFunction; onSelectAll: onSelectAllFunction; - onPageChange: GridProps['onPageChange']; + onPageChange: PaginationProps['onPageChange']; updateSchema: updateSchemaFunction; updateSortingList: updateSortingListFunction; updateFilterList: updateFilterListFunction; diff --git a/dist/core/index.d.ts b/dist/core/index.d.ts index d494b45088..7af4409aad 100644 --- a/dist/core/index.d.ts +++ b/dist/core/index.d.ts @@ -29,6 +29,8 @@ export { Row } from "./components/atoms/row"; export { StatusHint } from "./components/atoms/statusHint"; export { Pills } from "./components/atoms/pills"; export { Spinner } from "./components/atoms/spinner"; +export { Slider } from "./components/atoms/slider"; +export { RangeSlider } from "./components/atoms/rangeSlider"; export { Subheading } from "./components/atoms/subheading"; export { Switch } from "./components/atoms/switchInput"; export { Text } from "./components/atoms/text"; diff --git a/dist/core/index.type.d.ts b/dist/core/index.type.d.ts index b7ce9f9c0c..8788a2ddf8 100644 --- a/dist/core/index.type.d.ts +++ b/dist/core/index.type.d.ts @@ -27,6 +27,8 @@ export { ParagraphProps } from "./components/atoms/paragraph"; export { RadioProps } from "./components/atoms/radio"; export { RowProps } from "./components/atoms/row"; export { SpinnerProps } from "./components/atoms/spinner"; +export { SliderProps } from "./components/atoms/slider"; +export { RangeSliderProps } from "./components/atoms/rangeSlider"; export { StatusHintProps } from "./components/atoms/statusHint"; export { PillsProps } from "./components/atoms/pills"; export { SubheadingProps } from "./components/atoms/subheading"; diff --git a/dist/core/utils/Keys.d.ts b/dist/core/utils/Keys.d.ts new file mode 100644 index 0000000000..899306875c --- /dev/null +++ b/dist/core/utils/Keys.d.ts @@ -0,0 +1,11 @@ +export declare const BACKSPACE = 8; +export declare const TAB = 9; +export declare const ENTER = 13; +export declare const SHIFT = 16; +export declare const ESCAPE = 27; +export declare const SPACE = 32; +export declare const ARROW_LEFT = 37; +export declare const ARROW_UP = 38; +export declare const ARROW_RIGHT = 39; +export declare const ARROW_DOWN = 40; +export declare const DELETE = 46; diff --git a/dist/core/utils/PopperWrapper.d.ts b/dist/core/utils/PopperWrapper.d.ts index 3ecbcb1ccf..f23e700cee 100644 --- a/dist/core/utils/PopperWrapper.d.ts +++ b/dist/core/utils/PopperWrapper.d.ts @@ -22,6 +22,7 @@ interface Props { } interface IState { open: boolean; + zIndex?: number; mouseLeaveDelay: number; mouseEnterDelay: number; } @@ -36,7 +37,8 @@ declare class PopperWrapper extends React.Component { togglePopper: (type?: string | undefined) => void; doesNodeContainClick: (event: Event) => void; componentDidMount(): void; - componentDidUpdate(): void; + componentDidUpdate(prevProps: Props): void; + getZIndexForLayer(node: HTMLElement | null): number | undefined; getTriggerElement(trigger: React.ReactElement, ref: React.Ref, on: actionType): React.FunctionComponentElement; getChildrenElement(children: React.ReactElement, ref: React.Ref, placement: string, style: React.CSSProperties): React.ReactElement React.ReactElement React.Component)> | null) | (new (props: any) => React.Component)>; render(): JSX.Element; diff --git a/dist/index.esm.js b/dist/index.esm.js index 41ed17344e..6eda11f7ea 100644 --- a/dist/index.esm.js +++ b/dist/index.esm.js @@ -1,14 +1,14 @@ /** - * Generated on: 1597664354476 + * Generated on: 1598368792860 * Package: @innovaccer/design-system - * Version: v1.1.0-4 + * Version: v1.1.0-5 * License: MIT * Docs: https://innovaccer.github.io/design-system */ -import React, { createElement, useState as useState$4, useEffect as useEffect$3, createRef, Component, cloneElement, forwardRef, useRef as useRef$1, useImperativeHandle, Fragment, Children } from 'react'; +import React, { createElement, useState as useState$3, useEffect as useEffect$2, createRef, Component, cloneElement, forwardRef, useRef as useRef$1, useImperativeHandle, Fragment, Children } from 'react'; import classNames from 'classnames'; import { createPortal, findDOMNode } from 'react-dom'; import { Manager, Reference, Popper } from 'react-popper'; @@ -389,18 +389,19 @@ var Avatar = function Avatar(props) { var classes = classNames(_defineProperty({ Avatar: true }, "Avatar--".concat(AvatarAppearance), AvatarAppearance), className); - return /*#__PURE__*/createElement("span", _extends({}, baseProps, { + return /*#__PURE__*/createElement("span", _extends({ + "data-test": "DesignSystem-Avatar" + }, baseProps, { className: classes }), /*#__PURE__*/createElement(Text, { - "data-test": "DesignSystem-Avatar", weight: "medium", appearance: AvatarAppearance === 'warning' ? 'default' : 'white' }, initials)); }; Avatar.displayName = 'Avatar'; -var useEffect = useEffect$3, - useState = useState$4; +var useEffect = useEffect$2, + useState = useState$3; var Backdrop = function Backdrop(props) { var className = props.className; @@ -411,12 +412,12 @@ var Backdrop = function Backdrop(props) { savedBodyOverflow = _useState2[0], setBodyOverflow = _useState2[1]; - var _React$useState = useState$4(props.open), + var _React$useState = useState$3(props.open), _React$useState2 = _slicedToArray(_React$useState, 2), open = _React$useState2[0], setOpen = _React$useState2[1]; - var _React$useState3 = useState$4(props.open), + var _React$useState3 = useState$3(props.open), _React$useState4 = _slicedToArray(_React$useState3, 2), animate = _React$useState4[0], setAnimate = _React$useState4[1]; @@ -460,7 +461,9 @@ var Backdrop = function Backdrop(props) { enableBodyScroll(); }; }, [props.open]); - var BackdropElement = /*#__PURE__*/createPortal( /*#__PURE__*/createElement("div", _extends({}, baseProps, { + var BackdropElement = /*#__PURE__*/createPortal( /*#__PURE__*/createElement("div", _extends({ + "data-test": "DesignSystem-Backdrop" + }, baseProps, { className: classes })), document.body); return BackdropElement; @@ -480,7 +483,9 @@ var Badge = function Badge(props) { var classes = classNames((_classNames = { Badge: true }, _defineProperty(_classNames, "Badge--".concat(appearance), appearance && !subtle), _defineProperty(_classNames, "Badge--subtle-".concat(appearance), subtle), _classNames), className); - return /*#__PURE__*/createElement("span", _extends({}, baseProps, { + return /*#__PURE__*/createElement("span", _extends({ + "data-test": "DesignSystem-Badge" + }, baseProps, { className: classes }), children); }; @@ -833,7 +838,7 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) { } }, { key: "componentDidUpdate", - value: function componentDidUpdate() { + value: function componentDidUpdate(prevProps) { var _this$props5 = this.props, _this$props5$on = _this$props5.on, on = _this$props5$on === void 0 ? 'click' : _this$props5$on, @@ -841,12 +846,31 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) { closeOnBackdropClick = _this$props5$closeOnB === void 0 ? true : _this$props5$closeOnB; var open = this.props.open; + if (prevProps.open !== this.props.open && this.props.open) { + var triggerElement = this.findDOMNode(this.triggerRef); + var zIndex = this.getZIndexForLayer(triggerElement); + this.setState({ + zIndex: zIndex === undefined ? zIndex : zIndex + 1 + }); + } + if (on === 'click' && open && closeOnBackdropClick) { document.addEventListener('mousedown', this.doesNodeContainClick); } else if (on === 'click' && !open && closeOnBackdropClick) { document.removeEventListener('mousedown', this.doesNodeContainClick); } } + }, { + key: "getZIndexForLayer", + value: function getZIndexForLayer(node) { + if (node === null) { + return; + } + + var layerNode = node.closest('[data-layer]') || document.body; + var zIndex = layerNode === document.body ? 'auto' : parseInt(window.getComputedStyle(layerNode).zIndex || '0', 10); + return zIndex === 'auto' || isNaN(zIndex) ? undefined : zIndex; + } }, { key: "getTriggerElement", value: function getTriggerElement(trigger, ref, on) { @@ -922,7 +946,9 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) { style = _ref2.style, placement = _ref2.placement; var newStyle = offset ? _this3.getUpdatedStyle(style, placement, offset) : style; - return _this3.getChildrenElement(children, ref, placement, newStyle); + return _this3.getChildrenElement(children, ref, placement, _objectSpread2(_objectSpread2({}, newStyle), {}, { + zIndex: _this3.state.zIndex + })); }), document.body), (open || this.state.open) && !appendToBody && /*#__PURE__*/createElement(Popper, { placement: placement, innerRef: this.popupRef @@ -931,7 +957,9 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) { style = _ref3.style, placement = _ref3.placement; var newStyle = offset ? _this3.getUpdatedStyle(style, placement, offset) : style; - return _this3.getChildrenElement(children, ref, placement, newStyle); + return _this3.getChildrenElement(children, ref, placement, _objectSpread2(_objectSpread2({}, newStyle), {}, { + zIndex: _this3.state.zIndex + })); })); } }]); @@ -962,12 +990,12 @@ var Popover = function Popover(props) { onToggle = props.onToggle, className = props.className; - var _React$useState = useState$4(props.open || false), + var _React$useState = useState$3(props.open || false), _React$useState2 = _slicedToArray(_React$useState, 2), open = _React$useState2[0], setOpen = _React$useState2[1]; - useEffect$3(function () { + useEffect$2(function () { if (onToggle) { if (props.open !== undefined) setOpen(props.open); } @@ -981,7 +1009,8 @@ var Popover = function Popover(props) { Popover: true }, 'Popover--dark', dark), className); var PopoverWrapper = /*#__PURE__*/createElement("div", { - className: classes + className: classes, + "data-layer": true }, children); var popperOptions = { trigger: trigger, @@ -1054,6 +1083,7 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) { var labelClass = classNames(_defineProperty({}, 'DropdownButton-label', true)); return /*#__PURE__*/createElement("button", _extends({ ref: ref, + type: "button", value: children, className: buttonClass, disabled: disabled, @@ -1103,7 +1133,9 @@ var Text = function Text(props) { var classes = classNames((_classNames = { Text: true }, _defineProperty(_classNames, "Text--".concat(appearance), appearance), _defineProperty(_classNames, "Text--".concat(weight), weight), _defineProperty(_classNames, 'Text--small', small), _classNames), className); - return /*#__PURE__*/createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/createElement(GenericText, _extends({ + "data-test": "DesignSystem-Text" + }, baseProps, { className: classes, componentType: "span" }), children); @@ -1147,15 +1179,15 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, forwardedRef) { return ref.current; }); - var _React$useState = useState$4(props.checked === undefined ? defaultChecked : props.checked), + var _React$useState = useState$3(props.checked === undefined ? defaultChecked : props.checked), _React$useState2 = _slicedToArray(_React$useState, 2), checked = _React$useState2[0], setChecked = _React$useState2[1]; - useEffect$3(function () { + useEffect$2(function () { setIndeterminate(indeterminate); }, [indeterminate]); - useEffect$3(function () { + useEffect$2(function () { if (props.checked !== undefined) { setChecked(props.checked); } @@ -1476,27 +1508,26 @@ var sizeMapping = { var Button = /*#__PURE__*/forwardRef(function (props, ref) { var _classNames, _classNames2, _classNames3; - var _props$appearance = props.appearance, - appearance = _props$appearance === void 0 ? 'basic' : _props$appearance, - _props$size = props.size, + var _props$size = props.size, size = _props$size === void 0 ? 'regular' : _props$size, - _props$iconAlign = props.iconAlign, - iconAlign = _props$iconAlign === void 0 ? 'left' : _props$iconAlign, - _props$tabIndex = props.tabIndex, - tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex, + appearance = props.appearance, + iconAlign = props.iconAlign, + tabIndex = props.tabIndex, + type = props.type, children = props.children, icon = props.icon, expanded = props.expanded, loading = props.loading, disabled = props.disabled, className = props.className, - rest = _objectWithoutProperties(props, ["appearance", "size", "iconAlign", "tabIndex", "children", "icon", "expanded", "loading", "disabled", "className"]); + rest = _objectWithoutProperties(props, ["size", "appearance", "iconAlign", "tabIndex", "type", "children", "icon", "expanded", "loading", "disabled", "className"]); var buttonClass = classNames((_classNames = {}, _defineProperty(_classNames, 'Button', true), _defineProperty(_classNames, 'Button--expanded', expanded), _defineProperty(_classNames, "Button--".concat(size), size), _defineProperty(_classNames, 'Button--square', !children), _defineProperty(_classNames, "Button--".concat(appearance), appearance), _defineProperty(_classNames, "Button--iconAlign-".concat(iconAlign), children && iconAlign), _defineProperty(_classNames, "".concat(className), className), _classNames)); var iconClass = classNames((_classNames2 = {}, _defineProperty(_classNames2, 'Button-icon', true), _defineProperty(_classNames2, "Button-icon--".concat(iconAlign), children && iconAlign), _classNames2)); var spinnerClass = classNames((_classNames3 = {}, _defineProperty(_classNames3, 'Button-spinner', true), _defineProperty(_classNames3, "Button-spinner--".concat(iconAlign), children && iconAlign), _classNames3)); return /*#__PURE__*/createElement("button", _extends({ ref: ref, + type: type, className: buttonClass, disabled: disabled || loading, tabIndex: tabIndex @@ -1514,6 +1545,12 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) { })), children); }); Button.displayName = 'Button'; +Button.defaultProps = { + appearance: 'basic', + size: 'regular', + iconAlign: 'left', + tabIndex: 0 +}; var sizeMapping$1 = { tiny: 12, @@ -1768,18 +1805,18 @@ var DropdownList = function DropdownList(props) { var dropdownCancelButtonRef = /*#__PURE__*/createRef(); var dropdownApplyButtonRef = /*#__PURE__*/createRef(); - var _React$useState = useState$4(), + var _React$useState = useState$3(), _React$useState2 = _slicedToArray(_React$useState, 2), popoverStyle = _React$useState2[0], setPopoverStyle = _React$useState2[1]; - var _React$useState3 = useState$4(0), + var _React$useState3 = useState$3(0), _React$useState4 = _slicedToArray(_React$useState3, 2), cursor = _React$useState4[0], setCursor = _React$useState4[1]; var width = props.width ? props.width : menu || customTrigger ? 'fit-content' : '100%'; - useEffect$3(function () { + useEffect$2(function () { if (dropdownOpen) { var _dropdownElement$pare; @@ -2986,7 +3023,9 @@ var Heading = function Heading(props) { var classes = classNames((_classNames = { Heading: true }, _defineProperty(_classNames, "Heading--".concat(size), size), _defineProperty(_classNames, "Heading--".concat(appearance), appearance), _classNames), className); - return /*#__PURE__*/createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/createElement(GenericText, _extends({ + "data-test": "DesignSystem-Heading" + }, baseProps, { className: classes, componentType: sizeMap[size] }), children); @@ -3006,7 +3045,9 @@ var Subheading = function Subheading(props) { var classes = classNames(_defineProperty({ Subheading: true }, "Subheading--".concat(appearance), appearance), className); - return /*#__PURE__*/createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/createElement(GenericText, _extends({ + "data-test": "DesignSystem-Subheading" + }, baseProps, { className: classes, componentType: 'h4' }), children); @@ -3250,12 +3291,12 @@ var Calendar = function Calendar(props) { months = config.months, days = config.days; - var _React$useState = useState$4(monthsInView > 1 ? 'date' : viewProp), + var _React$useState = useState$3(monthsInView > 1 ? 'date' : viewProp), _React$useState2 = _slicedToArray(_React$useState, 2), view = _React$useState2[0], setView = _React$useState2[1]; - var _React$useState3 = useState$4({ + var _React$useState3 = useState$3({ year: undefined, month: undefined, date: undefined @@ -3264,37 +3305,37 @@ var Calendar = function Calendar(props) { state = _React$useState4[0], setState = _React$useState4[1]; - var _React$useState5 = useState$4(dateProp), + var _React$useState5 = useState$3(dateProp), _React$useState6 = _slicedToArray(_React$useState5, 2), currDateState = _React$useState6[0], setCurrDateState = _React$useState6[1]; - var _React$useState7 = useState$4(), + var _React$useState7 = useState$3(), _React$useState8 = _slicedToArray(_React$useState7, 2), hoverDateState = _React$useState8[0], setHoverDateState = _React$useState8[1]; - var _React$useState9 = useState$4(startDateProp), + var _React$useState9 = useState$3(startDateProp), _React$useState10 = _slicedToArray(_React$useState9, 2), startDateState = _React$useState10[0], setStartDateState = _React$useState10[1]; - var _React$useState11 = useState$4(endDateProp), + var _React$useState11 = useState$3(endDateProp), _React$useState12 = _slicedToArray(_React$useState11, 2), endDateState = _React$useState12[0], setEndDateState = _React$useState12[1]; - var _React$useState13 = useState$4(getYearBlock(yearNavProp)), + var _React$useState13 = useState$3(getYearBlock(yearNavProp)), _React$useState14 = _slicedToArray(_React$useState13, 2), yearBlockNav = _React$useState14[0], setYearBlockNav = _React$useState14[1]; - var _React$useState15 = useState$4(yearNavProp), + var _React$useState15 = useState$3(yearNavProp), _React$useState16 = _slicedToArray(_React$useState15, 2), yearNav = _React$useState16[0], setYearNav = _React$useState16[1]; - var _React$useState17 = useState$4(monthNavProp), + var _React$useState17 = useState$3(monthNavProp), _React$useState18 = _slicedToArray(_React$useState17, 2), monthNav = _React$useState18[0], setMonthNav = _React$useState18[1]; @@ -3302,7 +3343,7 @@ var Calendar = function Calendar(props) { var yearState = state.year, monthState = state.month, dateState = state.date; - useEffect$3(function () { + useEffect$2(function () { var _getDateInfo = getDateInfo(dateProp), year = _getDateInfo.year, month = _getDateInfo.month, @@ -3312,18 +3353,18 @@ var Calendar = function Calendar(props) { var d = convertToDate(dateProp); setCurrDateState(d); }, [dateProp]); - useEffect$3(function () { + useEffect$2(function () { var d = convertToDate(startDateProp); setStartDateState(d); }, [startDateProp]); - useEffect$3(function () { + useEffect$2(function () { var d = convertToDate(endDateProp); setEndDateState(d); }, [endDateProp]); - useEffect$3(function () { + useEffect$2(function () { if (monthsInView === 1) setView(viewProp);else setView('date'); }, [monthsInView, viewProp]); - useEffect$3(function () { + useEffect$2(function () { if (currDateState) { if (onDateChange) onDateChange(currDateState); @@ -3359,25 +3400,25 @@ var Calendar = function Calendar(props) { } } }, [currDateState]); - useEffect$3(function () { + useEffect$2(function () { if (onRangeChange) onRangeChange(startDateState, endDateState); }, [startDateState, endDateState]); - useEffect$3(function () { + useEffect$2(function () { if (yearState !== undefined && monthsInView < 2) { setYearBlockNav(getYearBlock(yearState)); setYearNav(yearState); } }, [yearState]); - useEffect$3(function () { + useEffect$2(function () { if (monthState !== undefined && monthsInView < 2) { setMonthNav(monthState); } }, [monthState]); - useEffect$3(function () { + useEffect$2(function () { setYearNav(yearNavProp); setYearBlockNav(getYearBlock(yearNavProp)); }, [yearNavProp]); - useEffect$3(function () { + useEffect$2(function () { setMonthNav(monthNavProp); }, [monthNavProp]); @@ -3811,11 +3852,17 @@ var Caption = function Caption(props) { }; Caption.displayName = 'Caption'; +/** + * It works as Uncontrolled Input + * + * **Updated value can be passed** + */ var InputMask = /*#__PURE__*/forwardRef(function (props, forwardRef) { var maskProp = props.mask, valueProp = props.value, _props$placeholderCha = props.placeholderChar, placeholderChar = _props$placeholderCha === void 0 ? '_' : _props$placeholderCha, + defaultValue = props.defaultValue, mask = props.mask, error = props.error, caption = props.caption, @@ -3825,14 +3872,14 @@ var InputMask = /*#__PURE__*/forwardRef(function (props, forwardRef) { onClick = props.onClick, onClear = props.onClear, className = props.className, - rest = _objectWithoutProperties(props, ["mask", "value", "placeholderChar", "mask", "error", "caption", "required", "onChange", "onBlur", "onClick", "onClear", "className"]); + rest = _objectWithoutProperties(props, ["mask", "value", "placeholderChar", "defaultValue", "mask", "error", "caption", "required", "onChange", "onBlur", "onClick", "onClear", "className"]); - var _React$useState = useState$4(''), + var _React$useState = useState$3(defaultValue || valueProp || ''), _React$useState2 = _slicedToArray(_React$useState, 2), value = _React$useState2[0], setValue = _React$useState2[1]; - var _React$useState3 = useState$4(0), + var _React$useState3 = useState$3(0), _React$useState4 = _slicedToArray(_React$useState3, 2), caret = _React$useState4[0], setCaret = _React$useState4[1]; @@ -3841,15 +3888,15 @@ var InputMask = /*#__PURE__*/forwardRef(function (props, forwardRef) { var fixedMask = mask.filter(function (m) { return typeof m === 'string' && m.length === 1; }); - useEffect$3(function () { - if (valueProp) { + useEffect$2(function () { + setCaretPos(caret); + }, [caret]); + useEffect$2(function () { + if (ref.current && valueProp) { setValue(convertToMasked(valueProp)); } }, [valueProp]); - useEffect$3(function () { - setCaretPos(caret); - }, [caret]); - useEffect$3(function () { + useEffect$2(function () { if (ref.current) { var el = ref.current; el.addEventListener('keyup', function (e) { @@ -4085,34 +4132,34 @@ var DatePicker = function DatePicker(props) { onDateChange = props.onDateChange, rest = _objectWithoutProperties(props, ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "mask", "validator", "withInput", "disabledBefore", "disabledAfter", "onDateChange"]); - var _React$useState = useState$4(false), + var _React$useState = useState$3(false), _React$useState2 = _slicedToArray(_React$useState, 2), init = _React$useState2[0], setInit = _React$useState2[1]; - var _React$useState3 = useState$4(), + var _React$useState3 = useState$3(), _React$useState4 = _slicedToArray(_React$useState3, 2), date = _React$useState4[0], setDate = _React$useState4[1]; - var _React$useState5 = useState$4(false), + var _React$useState5 = useState$3(false), _React$useState6 = _slicedToArray(_React$useState5, 2), error = _React$useState6[0], setError = _React$useState6[1]; - var _React$useState7 = useState$4(openProp), + var _React$useState7 = useState$3(openProp), _React$useState8 = _slicedToArray(_React$useState7, 2), open = _React$useState8[0], setOpen = _React$useState8[1]; - useEffect$3(function () { + useEffect$2(function () { var d = convertToDate(dateProp, inputFormat, validator); setDate(d); }, [dateProp]); - useEffect$3(function () { + useEffect$2(function () { setOpen(openProp); }, [openProp]); - useEffect$3(function () { + useEffect$2(function () { var _getDateInfo = getDateInfo(disabledBefore), dbYear = _getDateInfo.year, dbMonth = _getDateInfo.month, @@ -4332,7 +4379,7 @@ var DonutChart = function DonutChart(props) { }, "".concat((percent * 100).toFixed(0), "%")))); }; - var _React$useState = useState$4(0), + var _React$useState = useState$3(0), _React$useState2 = _slicedToArray(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1]; @@ -4403,13 +4450,16 @@ var Label = function Label(props) { 'Label-label': true, 'Label--disabled': disabled }); - return /*#__PURE__*/createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/createElement("div", _extends({ + "data-test": "DesignSystem-Label" + }, baseProps, { className: LabelClass }), /*#__PURE__*/createElement(GenericText, { className: classes, componentType: "label" }, children), required && /*#__PURE__*/createElement("span", { - className: "Label-requiredIndicator" + className: "Label-requiredIndicator", + "data-test": "DesignSystem-Label--RequiredIndicator" })); }; Label.displayName = 'Label'; @@ -4486,18 +4536,24 @@ var Message = function Message(props) { var baseProps = extractBaseProps(props); var MessageClass = classNames((_classNames = {}, _defineProperty(_classNames, 'Message', true), _defineProperty(_classNames, "Message--".concat(appearance), appearance), _classNames), className); var MessageIcon = classNames((_classNames2 = {}, _defineProperty(_classNames2, 'Message-icon', true), _defineProperty(_classNames2, "Message-icon--".concat(appearance), appearance), _defineProperty(_classNames2, 'Message-icon--withTitle', title), _classNames2)); - return /*#__PURE__*/createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/createElement("div", _extends({ + "data-test": "DesignSystem-Message" + }, baseProps, { className: MessageClass }), appearance !== 'default' && /*#__PURE__*/createElement("div", { - className: MessageIcon + className: MessageIcon, + "data-test": "DesignSystem-Message--Icon" }, /*#__PURE__*/createElement(Icon, { name: IconMapping[appearance], appearance: appearance - })), /*#__PURE__*/createElement("div", null, title && /*#__PURE__*/createElement("div", { + })), /*#__PURE__*/createElement("div", { + "data-test": "DesignSystem-Message--Title" + }, title && /*#__PURE__*/createElement("div", { className: "Message-title" }, /*#__PURE__*/createElement(Heading, { size: "s" }, title)), /*#__PURE__*/createElement("div", { + "data-test": "DesignSystem-Message--Description", className: "Message-description" }, children))); }; @@ -4629,7 +4685,9 @@ var Paragraph = function Paragraph(props) { var classes = classNames(_defineProperty({ Text: true }, "Text--".concat(appearance), appearance), className); - return /*#__PURE__*/createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/createElement(GenericText, _extends({ + "data-test": "DesignSystem-Paragraph" + }, baseProps, { className: classes, componentType: "p" }), children); @@ -4648,7 +4706,9 @@ var ProgressBar = function ProgressBar(props) { var ProgressBarClass = classNames({ ProgressBar: true }, className); - return /*#__PURE__*/createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/createElement("div", _extends({ + "data-test": "DesignSystem-ProgressBar" + }, baseProps, { className: ProgressBarClass }), /*#__PURE__*/createElement("div", { className: 'ProgressBar-indicator', @@ -4715,7 +4775,9 @@ var Row = function Row(props) { var classes = classNames(_defineProperty({ Row: true }, "".concat(className), className)); - return /*#__PURE__*/createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/createElement("div", _extends({ + "data-test": "DesignSystem-Row" + }, baseProps, { className: classes }), children); }; @@ -4734,7 +4796,9 @@ var StatusHint = function StatusHint(props) { var baseProps = extractBaseProps(props); var StatusHintClass = classNames(_defineProperty({}, 'StatusHint', true), className); var StatusHintIconClass = classNames((_classNames2 = {}, _defineProperty(_classNames2, 'StatusHint-icon', true), _defineProperty(_classNames2, "StatusHint--".concat(appearance), appearance), _classNames2)); - return /*#__PURE__*/createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/createElement("div", _extends({ + "data-test": "DesignSystem-StatusHint" + }, baseProps, { className: StatusHintClass, onClick: function onClick(e) { return _onClick && _onClick(e); @@ -4746,8 +4810,10 @@ var StatusHint = function StatusHint(props) { return _onMouseLeave && _onMouseLeave(e); } }), /*#__PURE__*/createElement("span", { + "data-test": "DesignSystem-StatusHint--Icon", className: StatusHintIconClass }), /*#__PURE__*/createElement(Text, { + "data-test": "DesignSystem-StatusHint--Text", weight: 'medium' }, children)); }; @@ -4765,12 +4831,762 @@ var Pills = function Pills(props) { var classes = classNames((_classNames = { Pills: true }, _defineProperty(_classNames, "Badge--".concat(appearance), appearance && !subtle), _defineProperty(_classNames, "Badge--subtle-".concat(appearance), subtle), _classNames), className); - return /*#__PURE__*/createElement("span", _extends({}, baseProps, { + return /*#__PURE__*/createElement("span", _extends({ + "data-test": "DesignSystem-Pills" + }, baseProps, { className: classes }), children); }; Pills.displayName = 'Pills'; +var ARROW_LEFT = 37; +var ARROW_RIGHT = 39; + +var formatPercentage = function formatPercentage(ratio) { + return "".concat((ratio * 100).toFixed(2), "%"); +}; +var countDecimalPlaces = function countDecimalPlaces(value) { + if (!isFinite(value)) return 0; + + if (Math.floor(value) !== value) { + var valueArray = value.toString().split('.'); + return valueArray[1].length || 0; + } + + return 0; +}; +var approxEqual = function approxEqual(a, b) { + var tolerance = 0.00001; + return Math.abs(a - b) <= tolerance; +}; +var clamp = function clamp(value, min, max) { + if (value == null) { + return value; + } + + return Math.min(Math.max(value, min), max); +}; +var arraysEqual = function arraysEqual(oldValues, newValues) { + if (oldValues.length !== oldValues.length) return; + return newValues.every(function (value, index) { + return value === oldValues[index]; + }); +}; +function argMin(values, argFn) { + if (values.length === 0) { + return undefined; + } + + var minValue = values[0]; + var minArg = argFn(minValue); + + for (var index = 1; index < values.length; index++) { + var _value = values[index]; + var arg = argFn(_value); + + if (arg < minArg) { + minValue = _value; + minArg = arg; + } + } + + return minValue; +} +function fillValues(values, startIndex, endIndex, fillValue) { + var inc = startIndex < endIndex ? 1 : -1; + + for (var index = startIndex; index !== endIndex + inc; index += inc) { + values[index] = fillValue; + } +} +function isElementOfType(element, _ComponentType) { + return element != null && element.type != null; +} + +var Handle = /*#__PURE__*/function (_React$Component) { + _inherits(Handle, _React$Component); + + var _super = _createSuper(Handle); + + function Handle() { + var _this; + + _classCallCheck(this, Handle); + + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; + } + + _this = _super.call.apply(_super, [this].concat(args)); + + _defineProperty(_assertThisInitialized(_this), "state", { + isMoving: false + }); + + _defineProperty(_assertThisInitialized(_this), "handleElement", null); + + _defineProperty(_assertThisInitialized(_this), "refHandlers", { + handle: function handle(el) { + return _this.handleElement = el; + } + }); + + _defineProperty(_assertThisInitialized(_this), "mouseEventClientOffset", function (event) { + return event.clientX; + }); + + _defineProperty(_assertThisInitialized(_this), "clientToValue", function (clientPixel) { + var _this$props = _this.props, + stepSize = _this$props.stepSize, + tickSize = _this$props.tickSize, + value = _this$props.value; + + if (_this.handleElement == null) { + return value; + } + + var clientPixelNormalized = clientPixel; + + var _this$getHandleMidpoi = _this.getHandleMidpointAndOffset(_this.handleElement), + handleMidpoint = _this$getHandleMidpoi.handleMidpoint, + handleOffset = _this$getHandleMidpoi.handleOffset; + + var handleCenterPixel = handleMidpoint + handleOffset; + var pixelDelta = clientPixelNormalized - handleCenterPixel; + + if (isNaN(pixelDelta)) { + return value; + } + + return value + Math.round(pixelDelta / (tickSize * stepSize)) * stepSize; + }); + + _defineProperty(_assertThisInitialized(_this), "changeValue", function (newValue) { + var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.props.onChange; + var updatedValue = clamp(newValue, _this.props.min, _this.props.max); + + if (!isNaN(updatedValue) && _this.props.value !== updatedValue) { + if (callback) callback(updatedValue); + } + + return updatedValue; + }); + + _defineProperty(_assertThisInitialized(_this), "endHandleMovement", function (event) { + var clientPixel = _this.mouseEventClientOffset(event); + + var onRelease = _this.props.onRelease; + + _this.removeDocumentEventListeners(); + + _this.setState({ + isMoving: false + }); + + var finalValue = _this.changeValue(_this.clientToValue(clientPixel)); + + if (onRelease) onRelease(finalValue); + }); + + _defineProperty(_assertThisInitialized(_this), "continueHandleMovement", function (event) { + var clientPixel = _this.mouseEventClientOffset(event); + + if (_this.state.isMoving && !_this.props.disabled) { + var value = _this.clientToValue(clientPixel); + + _this.changeValue(value); + } + }); + + _defineProperty(_assertThisInitialized(_this), "beginHandleMovement", function (event) { + if (_this.props.disabled) return; + document.addEventListener('mousemove', _this.continueHandleMovement); + document.addEventListener('mouseup', _this.endHandleMovement); + + _this.setState({ + isMoving: true + }); + + var value = _this.clientToValue(event.clientX); + + _this.changeValue(value); + }); + + _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) { + if (_this.props.disabled) return; + var _this$props2 = _this.props, + stepSize = _this$props2.stepSize, + value = _this$props2.value; + var which = event.which; + + if (which === ARROW_LEFT) { + _this.changeValue(value - stepSize); + + event.preventDefault(); + } else if (which === ARROW_RIGHT) { + _this.changeValue(value + stepSize); + + event.preventDefault(); + } + }); + + _defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (event) { + if (_this.props.disabled) return; + + if ([ARROW_LEFT, ARROW_RIGHT].indexOf(event.which) >= 0) { + var onRelease = _this.props.onRelease; + if (onRelease) onRelease(_this.props.value); + } + }); + + _defineProperty(_assertThisInitialized(_this), "getHandleMidpointAndOffset", function (handleElement) { + var useOppositeDimension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + + if (handleElement == null) { + return { + handleMidpoint: 0, + handleOffset: 0 + }; + } + + var handleRect = handleElement.getBoundingClientRect(); + var sizeKey = useOppositeDimension ? 'height' : 'width'; + var handleOffset = handleRect.left; + return { + handleOffset: handleOffset, + handleMidpoint: handleRect[sizeKey] / 2 + }; + }); + + _defineProperty(_assertThisInitialized(_this), "removeDocumentEventListeners", function () { + document.removeEventListener('mousemove', _this.continueHandleMovement); + document.removeEventListener('mouseup', _this.endHandleMovement); + }); + + return _this; + } + + _createClass(Handle, [{ + key: "componentWillUnmount", + value: function componentWillUnmount() { + this.removeDocumentEventListeners(); + } + }, { + key: "componentDidUpdate", + value: function componentDidUpdate(_prevProps, prevState) { + if (prevState.isMoving !== this.state.isMoving) { + if (this.handleElement) this.handleElement.focus(); + } + } + }, { + key: "render", + value: function render() { + var _classNames; + + var _this$props3 = this.props, + min = _this$props3.min, + tickSizeRatio = _this$props3.tickSizeRatio, + value = _this$props3.value, + disabled = _this$props3.disabled, + label = _this$props3.label; + + var _this$getHandleMidpoi2 = this.getHandleMidpointAndOffset(this.handleElement, true), + handleMidpoint = _this$getHandleMidpoi2.handleMidpoint; + + var offsetRatio = (value - min) * tickSizeRatio; + var offsetCalc = "calc(".concat(formatPercentage(offsetRatio), " - ").concat(handleMidpoint, "px)"); + var style = { + left: offsetCalc + }; + var className = classNames((_classNames = {}, _defineProperty(_classNames, 'Slider-handle', true), _defineProperty(_classNames, 'Slider-handle--disabled', disabled), _defineProperty(_classNames, 'Slider-handle--active', this.state.isMoving), _classNames)); + return /*#__PURE__*/createElement("div", { + className: className, + onMouseDown: this.beginHandleMovement, + onKeyDown: this.handleKeyDown, + onKeyUp: this.handleKeyUp, + ref: this.refHandlers.handle, + style: style, + tabIndex: 1 + }, !this.state.isMoving && /*#__PURE__*/createElement(Tooltip, { + tooltip: label, + position: "top", + triggerClass: 'Slider-tooltip' + }, /*#__PURE__*/createElement("span", { + className: "h-100 w-100" + }))); + } + }]); + + return Handle; +}(Component); + +var defaultProps = { + disabled: false, + labelStepSize: 1, + max: 10, + min: 0, + stepSize: 1 +}; + +var MultiSliderHandle = function MultiSliderHandle() { + return null; +}; + +var MultiSlider = /*#__PURE__*/function (_React$Component) { + _inherits(MultiSlider, _React$Component); + + var _super = _createSuper(MultiSlider); + + function MultiSlider(_props) { + var _this; + + _classCallCheck(this, MultiSlider); + + _this = _super.call(this, _props); + + _defineProperty(_assertThisInitialized(_this), "handleElements", []); + + _defineProperty(_assertThisInitialized(_this), "trackElement", null); + + _defineProperty(_assertThisInitialized(_this), "getLabelPrecision", function (_ref) { + var labelPrecision = _ref.labelPrecision, + stepSize = _ref.stepSize; + return labelPrecision == null ? countDecimalPlaces(stepSize) : labelPrecision; + }); + + _defineProperty(_assertThisInitialized(_this), "getOffsetRatio", function (value) { + return clamp((value - _this.props.min) * _this.state.tickSizeRatio, 0, 1); + }); + + _defineProperty(_assertThisInitialized(_this), "addHandleRef", function (ref) { + if (ref != null) { + _this.handleElements.push(ref); + } + }); + + _defineProperty(_assertThisInitialized(_this), "getHandleValues", function (props) { + var maybeHandles = Children.map(props.children, function (child) { + return isElementOfType(child) ? child.props : null; + }); + var handles = maybeHandles != null ? maybeHandles : []; + handles = handles.filter(function (handle) { + return handle !== null; + }); + handles.sort(function (left, right) { + return left.value - right.value; + }); + return handles; + }); + + _defineProperty(_assertThisInitialized(_this), "updateTickSize", function () { + if (_this.trackElement != null) { + var trackSize = _this.trackElement.clientWidth; + var tickSizeRatio = 1 / (_this.props.max - _this.props.min); + var tickSize = trackSize * tickSizeRatio; + + _this.setState({ + tickSize: tickSize, + tickSizeRatio: tickSizeRatio + }); + } + }); + + _defineProperty(_assertThisInitialized(_this), "getTrackFill", function (start, end) { + if (start.fillAfter !== undefined) { + return start.fillAfter; + } + + if (end !== undefined && end.fillBefore !== undefined) { + return end.fillBefore; + } + + return false; + }); + + _defineProperty(_assertThisInitialized(_this), "maybeHandleTrackClick", function (event) { + var target = event.target; + var canHandleTrackEvent = !_this.props.disabled && target.closest('.Slider-handle') == null; + + if (canHandleTrackEvent) { + var foundHandle = _this.nearestHandleForValue(_this.handleElements, function (handle) { + return handle.mouseEventClientOffset(event); + }); + + if (foundHandle) { + foundHandle.beginHandleMovement(event); + } + } + }); + + _defineProperty(_assertThisInitialized(_this), "getLockedHandleIndex", function (startIndex, endIndex) { + var inc = startIndex < endIndex ? 1 : -1; + + for (var index = startIndex + inc; index !== endIndex + inc; index += inc) { + return index; + } + + return -1; + }); + + _defineProperty(_assertThisInitialized(_this), "getNewHandleValues", function (newValue, oldIndex) { + var handleProps = _this.getHandleValues(_this.props); + + var oldValues = handleProps.map(function (handle) { + return handle.value; + }); + var newValues = oldValues.slice(); + newValues[oldIndex] = newValue; + if (newValues.length > 1) newValues.sort(function (left, right) { + return left - right; + }); + var newIndex = newValues.indexOf(newValue); + + var lockIndex = _this.getLockedHandleIndex(oldIndex, newIndex); + + if (lockIndex === -1) { + fillValues(newValues, oldIndex, newIndex, newValue); + } else { + var lockValue = oldValues[lockIndex]; + fillValues(oldValues, oldIndex, lockIndex, lockValue); + return oldValues; + } + + return newValues; + }); + + _defineProperty(_assertThisInitialized(_this), "onReleaseHandler", function (newValue, index) { + var onRangeRelease = _this.props.onRangeRelease; + + var handleProps = _this.getHandleValues(_this.props); + + var newValues = _this.getNewHandleValues(newValue, index); // Range Slider callback + + + if (onRangeRelease) { + var range = newValues; + onRangeRelease(range); + } // Slider callback + + + handleProps.forEach(function (handle, i) { + if (handle.onRelease) handle.onRelease(newValues[i]); + }); + }); + + _defineProperty(_assertThisInitialized(_this), "onChangeHandler", function (newValue, index) { + var onRangeChange = _this.props.onRangeChange; + + var handleProps = _this.getHandleValues(_this.props); + + var oldValues = handleProps.map(function (handle) { + return handle.value; + }); + + var newValues = _this.getNewHandleValues(newValue, index); + + if (!arraysEqual(newValues, oldValues)) { + // Range Slider Callback + if (onRangeChange) { + var range = newValues; + onRangeChange(range); + } // Slider callback + + + handleProps.forEach(function (handle, i) { + if (handle.onChange) handle.onChange(newValues[i]); + }); + } + }); + + _defineProperty(_assertThisInitialized(_this), "renderHandles", function () { + var _this$props = _this.props, + disabled = _this$props.disabled, + max = _this$props.max, + min = _this$props.min, + stepSize = _this$props.stepSize; + + var handleProps = _this.getHandleValues(_this.props); + + if (handleProps.length === 0) { + return null; + } + + return handleProps.map(function (_ref2, index) { + var value = _ref2.value; + return /*#__PURE__*/createElement(Handle, { + disabled: disabled, + key: "".concat(index, "-").concat(handleProps.length), + max: max, + min: min, + onRelease: function onRelease(newValue) { + return _this.onReleaseHandler(newValue, index); + }, + onChange: function onChange(newValue) { + return _this.onChangeHandler(newValue, index); + }, + label: value.toFixed(_this.state.labelPrecision), + ref: _this.addHandleRef, + stepSize: stepSize, + tickSize: _this.state.tickSize, + tickSizeRatio: _this.state.tickSizeRatio, + value: value + }); + }); + }); + + _defineProperty(_assertThisInitialized(_this), "formatLabel", function (value) { + var labelRenderer = _this.props.labelRenderer; + + if (typeof labelRenderer === 'function') { + return labelRenderer(value); + } + + return value.toFixed(_this.state.labelPrecision); + }); + + _defineProperty(_assertThisInitialized(_this), "renderLabels", function () { + var _this$props2 = _this.props, + labelStepSize = _this$props2.labelStepSize, + max = _this$props2.max, + min = _this$props2.min, + labelRenderer = _this$props2.labelRenderer, + disabled = _this$props2.disabled; + var labels = []; + var stepSizeRatio = _this.state.tickSizeRatio * labelStepSize; + + var handles = _this.getHandleValues(_this.props); + + var activeLabels = handles.map(function (handle) { + return handle.value.toFixed(_this.state.labelPrecision); + }); + + for (var i = min, offsetRatio = 0; i < max || approxEqual(i, max); i += labelStepSize, offsetRatio += stepSizeRatio) { + var offsetPercentage = formatPercentage(offsetRatio); + var style = { + left: offsetPercentage + }; + var active = !disabled && activeLabels.indexOf(i.toFixed(_this.state.labelPrecision)) !== -1; + labels.push( /*#__PURE__*/createElement("div", { + className: 'Slider-label', + key: i, + style: style + }, /*#__PURE__*/createElement("span", { + className: 'Slider-ticks' + }), labelRenderer !== false && /*#__PURE__*/createElement(Text, { + small: true, + appearance: active ? 'default' : 'disabled' + }, _this.formatLabel(i)))); + } + + return labels; + }); + + _defineProperty(_assertThisInitialized(_this), "renderTrackFill", function (index, start, end) { + var _classNames; + + var _sort = [_this.getOffsetRatio(start.value), _this.getOffsetRatio(end.value)].sort(function (left, right) { + return left - right; + }), + _sort2 = _slicedToArray(_sort, 2), + startRatio = _sort2[0], + endRatio = _sort2[1]; + + var startOffset = Number((startRatio * 100).toFixed(2)); + var endOffset = Number(((1 - endRatio) * 100).toFixed(2)); + var width = "".concat(100 - endOffset - startOffset, "%"); + var orientationStyle = { + width: width + }; + + var style = _objectSpread2({}, orientationStyle); + + var fillTrack = _this.getTrackFill(start, end); + + var classes = classNames((_classNames = {}, _defineProperty(_classNames, 'Slider-progress', true), _defineProperty(_classNames, 'Slider-progress--disabled', _this.props.disabled), _defineProperty(_classNames, 'Slider-progress--inRange', fillTrack), _defineProperty(_classNames, 'Slider-progress--inRangeDisabled', fillTrack && _this.props.disabled), _classNames)); + return /*#__PURE__*/createElement("div", { + key: "track-".concat(index), + className: classes, + style: style + }); + }); + + _defineProperty(_assertThisInitialized(_this), "renderTracks", function () { + var trackStops = _this.getHandleValues(_this.props); + + trackStops.push({ + value: _this.props.max + }); + var previous = { + value: _this.props.min || 0 + }; + var handles = []; + trackStops.forEach(function (track, index) { + var current = track; + handles.push(_this.renderTrackFill(index, previous, current)); + previous = current; + }); + return handles; + }); + + _this.state = { + labelPrecision: _this.getLabelPrecision(_this.props), + tickSize: 0, + tickSizeRatio: 0 + }; + return _this; + } + + _createClass(MultiSlider, [{ + key: "getDerivedStateFromProps", + value: function getDerivedStateFromProps(props) { + return { + labelPrecision: this.getLabelPrecision(props) + }; + } + }, { + key: "getSnapshotBeforeUpdate", + value: function getSnapshotBeforeUpdate(prevProps) { + var prevHandleProps = this.getHandleValues(prevProps); + var newHandleProps = this.getHandleValues(this.props); + + if (newHandleProps.length !== prevHandleProps.length) { + this.handleElements = []; + } + + return null; + } + }, { + key: "componentDidMount", + value: function componentDidMount() { + this.updateTickSize(); + } + }, { + key: "nearestHandleForValue", + value: function nearestHandleForValue(handles, getOffset) { + return argMin(handles, function (handle) { + var offset = getOffset(handle); + var offsetValue = handle.clientToValue(offset); + var handleValue = handle.props.value; + return Math.abs(offsetValue - handleValue); + }); + } + }, { + key: "render", + value: function render() { + var _classNames3, + _this2 = this; + + var _this$props3 = this.props, + label = _this$props3.label, + className = _this$props3.className; + var baseProps = extractBaseProps(this.props); + var SliderClass = classNames(_defineProperty({}, 'Slider', true), className); + var WrapperClass = classNames((_classNames3 = {}, _defineProperty(_classNames3, 'Slider-wrapper', true), _defineProperty(_classNames3, 'Slider-wrapper--disabled', this.props.disabled), _classNames3)); + return /*#__PURE__*/createElement("div", _extends({}, baseProps, { + className: SliderClass + }), label && /*#__PURE__*/createElement(Label, { + withInput: true + }, label), /*#__PURE__*/createElement("div", { + className: WrapperClass, + onMouseDown: this.maybeHandleTrackClick + }, /*#__PURE__*/createElement("div", { + className: "Slider-track", + ref: function ref(_ref3) { + return _this2.trackElement = _ref3; + } + }, this.renderTracks()), /*#__PURE__*/createElement("div", { + className: "Slider-axis'" + }, this.renderLabels()), this.renderHandles())); + } + }]); + + return MultiSlider; +}(Component); + +_defineProperty(MultiSlider, "defaultProps", defaultProps); + +_defineProperty(MultiSlider, "Handle", MultiSliderHandle); + +var Slider = function Slider(props) { + var valueProp = props.value, + _props$defaultValue = props.defaultValue, + defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue, + onRelease = props.onRelease, + onChange = props.onChange, + rest = _objectWithoutProperties(props, ["value", "defaultValue", "onRelease", "onChange"]); + + var _React$useState = useState$3(valueProp === undefined ? defaultValue : valueProp), + _React$useState2 = _slicedToArray(_React$useState, 2), + value = _React$useState2[0], + setValue = _React$useState2[1]; + + useEffect$2(function () { + if (valueProp !== undefined) { + setValue(valueProp); + } + }, [valueProp]); + + var onChangeHandler = function onChangeHandler(newValue) { + if (valueProp === undefined) { + setValue(newValue); + } + + if (onChange) onChange(newValue); + }; + + return /*#__PURE__*/createElement(MultiSlider, rest, /*#__PURE__*/createElement(MultiSlider.Handle, { + value: value, + onChange: onChangeHandler, + onRelease: onRelease, + fillBefore: true + })); +}; + +var RangeIndex; + +(function (RangeIndex) { + RangeIndex[RangeIndex["START"] = 0] = "START"; + RangeIndex[RangeIndex["END"] = 1] = "END"; +})(RangeIndex || (RangeIndex = {})); + +var RangeSlider = function RangeSlider(props) { + var valueProp = props.value, + _props$defaultValue = props.defaultValue, + defaultValue = _props$defaultValue === void 0 ? [0, 10] : _props$defaultValue, + onChange = props.onChange, + onRelease = props.onRelease, + rest = _objectWithoutProperties(props, ["value", "defaultValue", "onChange", "onRelease"]); + + var _React$useState = useState$3(valueProp === undefined ? defaultValue : valueProp), + _React$useState2 = _slicedToArray(_React$useState, 2), + value = _React$useState2[0], + setValue = _React$useState2[1]; + + useEffect$2(function () { + if (valueProp !== undefined) { + setValue(valueProp); + } + }, [valueProp]); + + var onChangeHandler = function onChangeHandler(range) { + if (valueProp === undefined) { + setValue(range); + } + + if (onChange) onChange(range); + }; + + return /*#__PURE__*/createElement(MultiSlider, _extends({ + onRangeChange: onChangeHandler, + onRangeRelease: onRelease + }, rest), /*#__PURE__*/createElement(MultiSlider.Handle, { + value: value[RangeIndex.START], + fillAfter: true + }), /*#__PURE__*/createElement(MultiSlider.Handle, { + value: value[RangeIndex.END] + })); +}; + /** * ######Switch has two types: * - [Controlled Switch](https://reactjs.org/docs/forms.html#controlled-components) @@ -4791,12 +5607,12 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) { className = props.className; var baseProps = extractBaseProps(props); - var _React$useState = useState$4(props.checked === undefined ? defaultChecked : props.checked), + var _React$useState = useState$3(props.checked === undefined ? defaultChecked : props.checked), _React$useState2 = _slicedToArray(_React$useState, 2), checked = _React$useState2[0], setChecked = _React$useState2[1]; - useEffect$3(function () { + useEffect$2(function () { if (props.checked !== undefined) setChecked(props.checked); }, [props.checked]); var SwitchClass = classNames((_classNames = {}, _defineProperty(_classNames, 'Switch', true), _defineProperty(_classNames, 'Switch--disabled', disabled), _defineProperty(_classNames, "Switch--".concat(size), size), _classNames), className); @@ -5031,63 +5847,126 @@ var Tooltip = /*#__PURE__*/function (_React$Component) { return Tooltip; }(Component); -var useEffect$1 = useEffect$3, - useState$1 = useState$4; +var Modal = /*#__PURE__*/function (_React$Component) { + _inherits(Modal, _React$Component); -var Modal = function Modal(props) { - var _classNames; + var _super = _createSuper(Modal); - var _props$dimension = props.dimension, - dimension = _props$dimension === void 0 ? 'small' : _props$dimension, - children = props.children, - backdropClose = props.backdropClose, - backdrop = props.backdrop, - className = props.className; + function Modal(props) { + var _this; - var _useState = useState$1(props.open), - _useState2 = _slicedToArray(_useState, 2), - open = _useState2[0], - setOpen = _useState2[1]; + _classCallCheck(this, Modal); - var _useState3 = useState$1(false), - _useState4 = _slicedToArray(_useState3, 2), - animate = _useState4[0], - setAnimate = _useState4[1]; + _this = _super.call(this, props); - var classes = classNames((_classNames = { - Modal: true - }, _defineProperty(_classNames, "Modal--".concat(dimension), dimension), _defineProperty(_classNames, 'Modal--open', open), _defineProperty(_classNames, 'Modal-animation--open', animate), _defineProperty(_classNames, 'Modal-animation--close', !animate), _classNames), className); - var baseProps = extractBaseProps(props); - useEffect$1(function () { - if (props.open) { - setOpen(true); - setAnimate(true); + _defineProperty(_assertThisInitialized(_this), "modalRef", /*#__PURE__*/createRef()); + + _defineProperty(_assertThisInitialized(_this), "element", void 0); + + _defineProperty(_assertThisInitialized(_this), "getUpdatedZIndex", function () { + if (_this.element === null) return; + + var elements = _this.element.querySelectorAll('.Modal-container'); + + if (elements.length <= 1) return; + var siblings = Array.from(elements).filter(function (el) { + return el !== _this.modalRef.current; + }); + var zIndex = -1; + siblings.forEach(function (element) { + if (element.classList.contains('Modal-container--open')) { + var prevZIndex = parseInt(window.getComputedStyle(element).zIndex || '0', 10); + zIndex = Math.max(zIndex, prevZIndex + 10); + } + }); + return zIndex > 0 ? zIndex : undefined; + }); + + var _element = document.querySelector('.Modal-wrapper'); + + if (_element === null) { + _element = document.createElement('div'); + + _element.classList.add('Modal-wrapper'); + + document.body.appendChild(_element); } - if (!props.open) { - setTimeout(function () { - setOpen(false); - }, 120); - setAnimate(false); + _this.element = _element; + _this.state = { + open: props.open, + animate: props.open + }; + return _this; + } + + _createClass(Modal, [{ + key: "componentDidUpdate", + value: function componentDidUpdate(prevProps) { + var _this2 = this; + + if (prevProps.open !== this.props.open) { + if (this.props.open) { + var zIndex = this.getUpdatedZIndex(); + this.setState({ + zIndex: zIndex, + open: true, + animate: true + }); + } else { + this.setState({ + animate: false + }); + setTimeout(function () { + _this2.setState({ + open: false + }); + }, 120); + } + } } - }, [props.open]); - var ModalContainer = /*#__PURE__*/createElement("div", { - className: "Modal-container" - }, /*#__PURE__*/createElement("div", _extends({}, baseProps, { - className: classes - }), children)); - var ModalWrapper = backdrop ? /*#__PURE__*/createElement(OutsideClick, { - onOutsideClick: function onOutsideClick(event) { - return open && backdropClose(event, 'OutsideClick'); + }, { + key: "render", + value: function render() { + var _classNames, _classNames2; + + var _this$state = this.state, + animate = _this$state.animate, + open = _this$state.open, + zIndex = _this$state.zIndex; + var _this$props = this.props, + className = _this$props.className, + dimension = _this$props.dimension, + backdropClose = _this$props.backdropClose; + var classes = classNames((_classNames = { + Modal: true + }, _defineProperty(_classNames, "Modal--".concat(dimension), dimension), _defineProperty(_classNames, 'Modal--open', open), _defineProperty(_classNames, 'Modal-animation--open', animate), _defineProperty(_classNames, 'Modal-animation--close', !animate), _classNames), className); + var ContainerClass = classNames((_classNames2 = {}, _defineProperty(_classNames2, 'Modal-container', true), _defineProperty(_classNames2, 'Modal-container--open', open), _classNames2)); + var baseProps = extractBaseProps(this.props); + var ModalContainer = /*#__PURE__*/createElement("div", { + className: ContainerClass, + "data-layer": true, + style: { + zIndex: zIndex + }, + ref: this.modalRef + }, /*#__PURE__*/createElement("div", _extends({}, baseProps, { + className: classes + }), this.props.children)); + var ModalWrapper = this.props.backdrop ? /*#__PURE__*/createElement(OutsideClick, { + onOutsideClick: function onOutsideClick(event) { + return open && backdropClose(event, 'OutsideClick'); + } + }, ModalContainer) : ModalContainer; + var WrapperElement = /*#__PURE__*/createPortal(ModalWrapper, this.element); + return /*#__PURE__*/createElement("div", null, WrapperElement, /*#__PURE__*/createElement(Backdrop, { + open: this.state.open + })); } - }, ModalContainer) : ModalContainer; - var WrapperElement = /*#__PURE__*/createPortal(ModalWrapper, document.body); - return /*#__PURE__*/createElement("div", null, WrapperElement, /*#__PURE__*/createElement(Backdrop, { - open: open - })); -}; + }]); -Modal.displayName = 'Modal'; + return Modal; +}(Component); var ModalHeader = function ModalHeader(props) { var className = props.className, @@ -5218,10 +6097,10 @@ var Dialog = function Dialog(props) { Dialog.displayName = 'Dialog'; var useRef = useRef$1, - useEffect$2 = useEffect$3, - useState$2 = useState$4; + useEffect$1 = useEffect$2, + useState$1 = useState$3; var ModalBody = function ModalBody(props) { - var _useState = useState$2(false), + var _useState = useState$1(false), _useState2 = _slicedToArray(_useState, 2), scroll = _useState2[0], setScroll = _useState2[1]; @@ -5230,7 +6109,7 @@ var ModalBody = function ModalBody(props) { var children = props.children, className = props.className; var baseProps = extractBaseProps(props); - useEffect$2(function () { + useEffect$1(function () { var scrollHeight = ref && ref.current ? ref.current.scrollHeight : 0; var clientHeight = ref && ref.current ? ref.current.clientHeight : 0; @@ -5258,23 +6137,23 @@ var Pagination = function Pagination(props) { className = props.className; var baseProps = extractBaseProps(props); - var _React$useState = useState$4(props.page ? props.page : 1), + var _React$useState = useState$3(props.page ? props.page : 1), _React$useState2 = _slicedToArray(_React$useState, 2), page = _React$useState2[0], setPage = _React$useState2[1]; - var _React$useState3 = useState$4(false), + var _React$useState3 = useState$3(false), _React$useState4 = _slicedToArray(_React$useState3, 2), init = _React$useState4[0], setInit = _React$useState4[1]; - useEffect$3(function () { + useEffect$2(function () { if (props.page && props.page >= 1 && props.page <= totalPages) setPage(props.page); }, [props.page]); var wrapperClass = classNames((_classNames = {}, _defineProperty(_classNames, 'Pagination', true), _defineProperty(_classNames, "Pagination--".concat(type), type), _classNames), className); var nextButtonWrapperClass = classNames((_classNames2 = {}, _defineProperty(_classNames2, 'Pagination-buttonWrapper', true), _defineProperty(_classNames2, 'Pagination-buttonWrapper--next', true), _classNames2)); var prevButtonWrapperClass = classNames((_classNames3 = {}, _defineProperty(_classNames3, 'Pagination-buttonWrapper', true), _defineProperty(_classNames3, 'Pagination-buttonWrapper--previous', true), _classNames3)); - useEffect$3(function () { + useEffect$2(function () { if (init && page) onPageChange(page); }, [page]); @@ -5389,14 +6268,18 @@ var ProgressRing = function ProgressRing(props) { strokeWidth: '8', strokeDasharray: "".concat(circumference, " ").concat(circumference) }; - return /*#__PURE__*/createElement("svg", _extends({}, baseProps, { + return /*#__PURE__*/createElement("svg", _extends({ + "data-test": "DesignSystem-ProgressRing" + }, baseProps, { className: ProgressRingClass }, svgProps), /*#__PURE__*/createElement("circle", _extends({ className: "Ring-background" }, circleProps)), /*#__PURE__*/createElement("circle", _extends({ className: "Ring-indicator", strokeDashoffset: circumference - updatedValue / 100 * circumference - }, circleProps))); + }, circleProps, { + "data-test": "DesignSystem-ProgressRing--Circle" + }))); }; ProgressRing.displayName = 'ProgressRing'; @@ -5441,64 +6324,64 @@ var DateRangePicker = function DateRangePicker(props) { rangeLimit = props.rangeLimit, rest = _objectWithoutProperties(props, ["startDate", "endDate", "yearNav", "monthNav", "open", "inputFormat", "outputFormat", "startInputOptions", "endInputOptions", "mask", "validator", "withInput", "position", "disabledBefore", "disabledAfter", "onRangeChange", "rangeLimit"]); - var _React$useState = useState$4(false), + var _React$useState = useState$3(false), _React$useState2 = _slicedToArray(_React$useState, 2), init = _React$useState2[0], setInit = _React$useState2[1]; - var _React$useState3 = useState$4(), + var _React$useState3 = useState$3(), _React$useState4 = _slicedToArray(_React$useState3, 2), startDate = _React$useState4[0], setStartDate = _React$useState4[1]; - var _React$useState5 = useState$4(), + var _React$useState5 = useState$3(), _React$useState6 = _slicedToArray(_React$useState5, 2), endDate = _React$useState6[0], setEndDate = _React$useState6[1]; - var _React$useState7 = useState$4(yearNavProp), + var _React$useState7 = useState$3(yearNavProp), _React$useState8 = _slicedToArray(_React$useState7, 2), yearNav = _React$useState8[0], setYearNav = _React$useState8[1]; - var _React$useState9 = useState$4(monthNavProp), + var _React$useState9 = useState$3(monthNavProp), _React$useState10 = _slicedToArray(_React$useState9, 2), monthNav = _React$useState10[0], setMonthNav = _React$useState10[1]; - var _React$useState11 = useState$4(openProp), + var _React$useState11 = useState$3(openProp), _React$useState12 = _slicedToArray(_React$useState11, 2), open = _React$useState12[0], setOpen = _React$useState12[1]; - var _React$useState13 = useState$4(false), + var _React$useState13 = useState$3(false), _React$useState14 = _slicedToArray(_React$useState13, 2), startError = _React$useState14[0], setStartError = _React$useState14[1]; - var _React$useState15 = useState$4(false), + var _React$useState15 = useState$3(false), _React$useState16 = _slicedToArray(_React$useState15, 2), endError = _React$useState16[0], setEndError = _React$useState16[1]; - useEffect$3(function () { + useEffect$2(function () { var d = startDateProp ? convertToDate(startDateProp, inputFormat, validator) : undefined; setStartDate(d); }, [startDateProp]); - useEffect$3(function () { + useEffect$2(function () { var d = endDateProp ? convertToDate(endDateProp, inputFormat, validator) : undefined; setEndDate(d); }, [endDateProp]); - useEffect$3(function () { + useEffect$2(function () { setYearNav(yearNavProp); }, [yearNavProp]); - useEffect$3(function () { + useEffect$2(function () { setMonthNav(monthNavProp); }, [monthNavProp]); - useEffect$3(function () { + useEffect$2(function () { setOpen(openProp); }, [openProp]); - useEffect$3(function () { + useEffect$2(function () { var sError = false; var eError = false; @@ -5773,12 +6656,12 @@ var TabsWrapper = function TabsWrapper(props) { className = props.className; var baseProps = extractBaseProps(props); - var _React$useState = useState$4(props.active && props.active < children.length ? props.active : 0), + var _React$useState = useState$3(props.active && props.active < children.length ? props.active : 0), _React$useState2 = _slicedToArray(_React$useState, 2), active = _React$useState2[0], setActiveTab = _React$useState2[1]; - useEffect$3(function () { + useEffect$2(function () { setActiveTab(props.active && props.active < children.length ? props.active : 0); }, [props.active]); var wrapperClass = classNames(_defineProperty({}, 'TabsWrapper', true), className); @@ -5865,6 +6748,20 @@ function hideColumn(name, value) { }; this.updateColumnSchema(name, schemaUpdate); } +function getWidth(width) { + if (this.gridRef.current) { + if (typeof width === 'number') return width; + + if (width.charAt(width.length - 1) === '%') { + var withCheckbox = this.props.withCheckbox; + var checkboxWidth = withCheckbox ? document.querySelector('.Grid-cell--checkbox').clientWidth : 0; + var gridWidth = this.gridRef.current.clientWidth - checkboxWidth; + return gridWidth * (+width.slice(0, -1) / 100); + } + } + + return 0; +} function getCellSize(cellType) { var sizes = { AVATAR: { @@ -5914,11 +6811,11 @@ var updateBatchData = function updateBatchData(data, rowIndexes, dataUpdate) { return updatedData; }; function translateData(schema, data) { - var newData = data; + var newData = _objectSpread2({}, data); if (schema.translate) { var translatedData = schema.translate(data); - newData = _objectSpread2(_objectSpread2({}, newData), {}, _defineProperty({}, schema.name, _typeof(translatedData) === 'object' ? _objectSpread2(_objectSpread2({}, newData[schema.name]), translatedData) : translatedData)); + newData[schema.name] = translatedData !== null && _typeof(translatedData) === 'object' ? _objectSpread2(_objectSpread2({}, newData[schema.name]), translatedData) : translatedData; } if (_typeof(newData[schema.name]) !== 'object') newData[schema.name] = { @@ -6279,7 +7176,8 @@ var HeaderCell = function HeaderCell(props) { loading = _this$props.loading, showMenu = _this$props.showMenu, sortingList = _this$props.sortingList, - filterList = _this$props.filterList; + filterList = _this$props.filterList, + headCellTooltip = _this$props.headCellTooltip; var _schema$sorting = schema.sorting, sorting = _schema$sorting === void 0 ? true : _schema$sorting, name = schema.name, @@ -6341,6 +7239,22 @@ var HeaderCell = function HeaderCell(props) { }) !== -1 }); }) : []; + + var renderLabel = function renderLabel() { + return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Text, { + weight: "strong", + className: "ellipsis--noWrap" + }, schema.displayName), sorting && /*#__PURE__*/createElement("div", { + className: "Grid-sortingIcons" + }, sorted ? sorted === 'asc' ? /*#__PURE__*/createElement(Icon, { + name: "arrow_downward" + }) : /*#__PURE__*/createElement(Icon, { + name: "arrow_upward" + }) : /*#__PURE__*/createElement(Icon, { + name: "unfold_more" + }))); + }; + return /*#__PURE__*/createElement("div", { key: name, className: classes, @@ -6358,18 +7272,11 @@ var HeaderCell = function HeaderCell(props) { withImage: false }, /*#__PURE__*/createElement(PlaceholderParagraph, { length: "medium" - })) : /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Heading, { - size: "s", - className: "ellipsis--noWrap" - }, schema.displayName), sorting && /*#__PURE__*/createElement("div", { - className: "Grid-sortingIcons" - }, sorted ? sorted === 'asc' ? /*#__PURE__*/createElement(Icon, { - name: "arrow_downward" - }) : /*#__PURE__*/createElement(Icon, { - name: "arrow_upward" - }) : /*#__PURE__*/createElement(Icon, { - name: "unfold_more" - })))), filters && /*#__PURE__*/createElement(Fragment, null, loading && !init ? /*#__PURE__*/createElement("span", null, /*#__PURE__*/createElement(Placeholder, null)) : /*#__PURE__*/createElement(Dropdown, { + })) : /*#__PURE__*/createElement(Fragment, null, headCellTooltip ? /*#__PURE__*/createElement(Tooltip, { + position: "top-start", + triggerClass: "w-100 overflow-hidden", + tooltip: schema.displayName + }, renderLabel()) : renderLabel())), filters && /*#__PURE__*/createElement(Fragment, null, loading && !init ? /*#__PURE__*/createElement("span", null, /*#__PURE__*/createElement(Placeholder, null)) : /*#__PURE__*/createElement(Dropdown, { menu: true, showApplyButton: true, withCheckbox: true, @@ -6460,9 +7367,10 @@ var Cell = function Cell(props) { draggable = props.draggable, data = props.data, rowIndex = props.rowIndex; - var nestedRows = _this.props.nestedRows; + var _this$props3 = _this.props, + separator = _this$props3.separator, + nestedRows = _this$props3.nestedRows; var name = schema.name, - separator = schema.separator, hidden = schema.hidden, pinned = schema.pinned, _schema$cellType = schema.cellType, @@ -6479,7 +7387,7 @@ var Cell = function Cell(props) { 'Grid-cell': true, 'Grid-cell--head': head, 'Grid-cell--body': !head, - 'Grid-cell--separator': !firstCell && separator, + 'Grid-cell--separator': !firstCell && (schema.separator !== undefined ? schema.separator : separator), 'Grid-cell--nestedRow': !head && colIndex === 0 && nestedRows }); if (hidden) return null; @@ -6506,9 +7414,10 @@ var Cell = function Cell(props) { if (from.type === to.type) _this.reorderCol(from.name, to.name); }, style: { - width: schema.width || width, - minWidth: schema.minWidth || minWidth, - maxWidth: schema.maxWidth || maxWidth + visibility: _this.gridRef.current === null ? 'hidden' : 'visible', + width: getWidth.call(_this, schema.width || width), + minWidth: getWidth.call(_this, schema.minWidth || minWidth), + maxWidth: getWidth.call(_this, schema.maxWidth || maxWidth) } }, head ? /*#__PURE__*/createElement(HeaderCell, { _this: _this, @@ -6647,7 +7556,7 @@ var GridRow = function GridRow(props) { rI = props.rowIndex; var rowRef = useRef$1(null); - var _React$useState = useState$4(false), + var _React$useState = useState$3(false), _React$useState2 = _slicedToArray(_React$useState, 2), expanded = _React$useState2[0], setExpanded = _React$useState2[1]; @@ -6823,7 +7732,7 @@ var MainGrid = function MainGrid(props) { tight: 24 }; - var _React$useState = useState$4({ + var _React$useState = useState$3({ offset: 0, avgRowHeight: minRowHeight[size], inView: 20 @@ -7082,32 +7991,14 @@ var Grid = /*#__PURE__*/function (_React$Component) { }, { key: "render", value: function render() { - var _this$props2 = this.props, - withPagination = _this$props2.withPagination, - page = _this$props2.page, - _onPageChange = _this$props2.onPageChange, - totalRecords = _this$props2.totalRecords, - pageSize = _this$props2.pageSize, - paginationType = _this$props2.paginationType; var baseProps = extractBaseProps(this.props); var schema = getSchema(this); return /*#__PURE__*/createElement("div", { - className: "Grid-container" - }, /*#__PURE__*/createElement("div", { className: "Grid-wrapper", ref: this.gridRef }, /*#__PURE__*/createElement(MainGrid, _extends({}, baseProps, { _this: this, schema: schema - }))), withPagination && /*#__PURE__*/createElement("div", { - className: "Grid-pagination" - }, /*#__PURE__*/createElement(Pagination, { - page: page, - totalPages: getTotalPages(totalRecords, pageSize), - type: paginationType, - onPageChange: function onPageChange(newPage) { - if (_onPageChange) _onPageChange(newPage); - } }))); } }]); @@ -7124,7 +8015,6 @@ _defineProperty(Grid, "defaultProps", { size: 'comfortable', page: 1, pageSize: 0, - paginationType: 'jump', loading: false, error: false, sortingList: [], @@ -7155,25 +8045,25 @@ var Header = function Header(props) { dynamicColumn = props.dynamicColumn, allowSelectAll = props.allowSelectAll; - var _React$useState = useState$4(false), + var _React$useState = useState$3(false), _React$useState2 = _slicedToArray(_React$useState, 2), selectAllRecords = _React$useState2[0], setSelectAllRecords = _React$useState2[1]; - var _React$useState3 = useState$4(true), + var _React$useState3 = useState$3(true), _React$useState4 = _slicedToArray(_React$useState3, 2), flag = _React$useState4[0], setFlag = _React$useState4[1]; - useEffect$3(function () { + useEffect$2(function () { setFlag(!flag); }, [schema]); - useEffect$3(function () { + useEffect$2(function () { if (selectAll && selectAll.checked) { if (onSelectAll) onSelectAll(true, selectAllRecords); } }, [selectAllRecords]); - useEffect$3(function () { + useEffect$2(function () { if (selectAll && !selectAll.checked) setSelectAllRecords(false); }, [selectAll]); var filterSchema = schema.filter(function (s) { @@ -7336,13 +8226,14 @@ Header.defaultProps = { dynamicColumn: true }; -var defaultProps = { +var defaultProps$1 = { type: 'data', size: 'comfortable', showHead: true, showMenu: true, multipleSorting: true, headerOptions: {}, + paginationType: 'jump', pageSize: 15, loading: false, draggable: true @@ -7596,6 +8487,8 @@ var Table = /*#__PURE__*/function (_React$Component) { showHead = _this$props3.showHead, type = _this$props3.type, size = _this$props3.size, + headCellTooltip = _this$props3.headCellTooltip, + separator = _this$props3.separator, draggable = _this$props3.draggable, nestedRows = _this$props3.nestedRows, nestedRowRenderer = _this$props3.nestedRowRenderer, @@ -7647,24 +8540,31 @@ var Table = /*#__PURE__*/function (_React$Component) { showHead: showHead, type: type, size: size, + headCellTooltip: headCellTooltip, + separator: separator, draggable: draggable, nestedRows: nestedRows, nestedRowRenderer: nestedRowRenderer, withPagination: withPagination && totalPages > 1, - paginationType: paginationType, pageSize: pageSize, loaderSchema: loaderSchema, errorTemplate: errorTemplate, - onRowClick: onRowClick, + onRowClick: onRowClick + }))), withPagination && /*#__PURE__*/createElement("div", { + className: "Table-pagination" + }, /*#__PURE__*/createElement(Pagination, { + page: this.state.page, + totalPages: getTotalPages(totalRecords, pageSize), + type: paginationType, onPageChange: this.onPageChange - })))); + }))); } }]); return Table; }(Component); -_defineProperty(Table, "defaultProps", defaultProps); +_defineProperty(Table, "defaultProps", defaultProps$1); var List = function List(props) { return /*#__PURE__*/createElement(Table, _extends({ @@ -7672,7 +8572,7 @@ var List = function List(props) { }, props)); }; -var useState$3 = useState$4; +var useState$2 = useState$3; /** * ####NOTE: Navigation(vertical) sets first subMenu(if present) active if the Navigation is collapsed. @@ -7691,12 +8591,12 @@ var Navigation = function Navigation(props) { className = props.className; var baseProps = extractBaseProps(props); - var _useState = useState$3({}), + var _useState = useState$2({}), _useState2 = _slicedToArray(_useState, 2), menuState = _useState2[0], setMenuState = _useState2[1]; - useEffect$3(function () { + useEffect$2(function () { if (props.active) { var currMenu = getMenu(props.active); if (currMenu) updateMenuState(currMenu, true); @@ -7881,20 +8781,23 @@ Navigation.defaultProps = { }; var PageHeader = function PageHeader(props) { + var _classNames; + var title = props.title, navigation = props.navigation, actions = props.actions, tabs = props.tabs, breadcrumbs = props.breadcrumbs, badge = props.badge, + seperator = props.seperator, status = props.status, meta = props.meta, navigationPosition = props.navigationPosition, className = props.className; var baseProps = extractBaseProps(props); - var wrapperClasses = classNames(_defineProperty({ + var wrapperClasses = classNames((_classNames = { 'PageHeader-wrapper': true - }, 'PageHeader-wrapper--withTabs', tabs), className); + }, _defineProperty(_classNames, 'PageHeader-wrapper--separator', seperator), _defineProperty(_classNames, 'PageHeader-wrapper--withTabs', tabs), _classNames), className); var classes = classNames({ PageHeader: true }); @@ -7938,4 +8841,4 @@ PageHeader.defaultProps = { navigationPosition: 'center' }; -export { Avatar, Backdrop, Badge, Breadcrumbs, Button, Caption, Card, Checkbox, Chip, ChipGroup, Column, DatePicker, DateRangePicker, Dialog, DonutChart, Dropdown, Grid, Heading, Icon, Input, InputMask, Label, Legend, Link, List, Message, MetaList, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, Row, Spinner, StatusHint, Subheading, Switch, Tab, Table, TabsWrapper, Text, Textarea, Toast, Tooltip }; +export { Avatar, Backdrop, Badge, Breadcrumbs, Button, Caption, Card, Checkbox, Chip, ChipGroup, Column, DatePicker, DateRangePicker, Dialog, DonutChart, Dropdown, Grid, Heading, Icon, Input, InputMask, Label, Legend, Link, List, Message, MetaList, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Slider, Spinner, StatusHint, Subheading, Switch, Tab, Table, TabsWrapper, Text, Textarea, Toast, Tooltip }; diff --git a/dist/index.js b/dist/index.js index 1e672f5029..bcd95a539e 100644 --- a/dist/index.js +++ b/dist/index.js @@ -1,8 +1,8 @@ /** - * Generated on: 1597664354825 + * Generated on: 1598368793238 * Package: @innovaccer/design-system - * Version: v1.1.0-4 + * Version: v1.1.0-5 * License: MIT * Docs: https://innovaccer.github.io/design-system */ @@ -105,10 +105,11 @@ var classes = classNames__default['default']((_a = { Avatar: true }, _a["Avatar--" + AvatarAppearance] = AvatarAppearance, _a), className); - return /*#__PURE__*/React.createElement("span", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("span", __assign({ + "data-test": "DesignSystem-Avatar" + }, baseProps, { className: classes }), /*#__PURE__*/React.createElement(Text, { - "data-test": "DesignSystem-Avatar", weight: "medium", appearance: AvatarAppearance === 'warning' ? 'default' : 'white' }, initials)); @@ -173,7 +174,9 @@ enableBodyScroll(); }; }, [props.open]); - var BackdropElement = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + var BackdropElement = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", __assign({ + "data-test": "DesignSystem-Backdrop" + }, baseProps, { className: classes })), document.body); return BackdropElement; @@ -193,7 +196,9 @@ var classes = classNames__default['default']((_a = { Badge: true }, _a["Badge--" + appearance] = appearance && !subtle, _a["Badge--subtle-" + appearance] = subtle, _a), className); - return /*#__PURE__*/React.createElement("span", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("span", __assign({ + "data-test": "DesignSystem-Badge" + }, baseProps, { className: classes }), children); }; @@ -533,7 +538,7 @@ } }; - PopperWrapper.prototype.componentDidUpdate = function () { + PopperWrapper.prototype.componentDidUpdate = function (prevProps) { var _a = this.props, _b = _a.on, on = _b === void 0 ? 'click' : _b, @@ -541,6 +546,14 @@ closeOnBackdropClick = _c === void 0 ? true : _c; var open = this.props.open; + if (prevProps.open !== this.props.open && this.props.open) { + var triggerElement = this.findDOMNode(this.triggerRef); + var zIndex = this.getZIndexForLayer(triggerElement); + this.setState({ + zIndex: zIndex === undefined ? zIndex : zIndex + 1 + }); + } + if (on === 'click' && open && closeOnBackdropClick) { document.addEventListener('mousedown', this.doesNodeContainClick); } else if (on === 'click' && !open && closeOnBackdropClick) { @@ -548,6 +561,16 @@ } }; + PopperWrapper.prototype.getZIndexForLayer = function (node) { + if (node === null) { + return; + } + + var layerNode = node.closest('[data-layer]') || document.body; + var zIndex = layerNode === document.body ? 'auto' : parseInt(window.getComputedStyle(layerNode).zIndex || '0', 10); + return zIndex === 'auto' || isNaN(zIndex) ? undefined : zIndex; + }; + PopperWrapper.prototype.getTriggerElement = function (trigger, ref, on) { var _this = this; @@ -615,7 +638,9 @@ style = _a.style, placement = _a.placement; var newStyle = offset ? _this.getUpdatedStyle(style, placement, offset) : style; - return _this.getChildrenElement(children, ref, placement, newStyle); + return _this.getChildrenElement(children, ref, placement, __assign(__assign({}, newStyle), { + zIndex: _this.state.zIndex + })); }), document.body), (open || this.state.open) && !appendToBody && /*#__PURE__*/React.createElement(reactPopper.Popper, { placement: placement, innerRef: this.popupRef @@ -624,7 +649,9 @@ style = _a.style, placement = _a.placement; var newStyle = offset ? _this.getUpdatedStyle(style, placement, offset) : style; - return _this.getChildrenElement(children, ref, placement, newStyle); + return _this.getChildrenElement(children, ref, placement, __assign(__assign({}, newStyle), { + zIndex: _this.state.zIndex + })); })); }; @@ -674,7 +701,8 @@ Popover: true }, _a['Popover--dark'] = dark, _a), className); var PopoverWrapper = /*#__PURE__*/React.createElement("div", { - className: classes + className: classes, + "data-layer": true }, children); var popperOptions = { trigger: trigger, @@ -747,6 +775,7 @@ var labelClass = classNames__default['default']((_b = {}, _b['DropdownButton-label'] = true, _b)); return /*#__PURE__*/React.createElement("button", __assign({ ref: ref, + type: "button", value: children, className: buttonClass, disabled: disabled, @@ -796,7 +825,9 @@ var classes = classNames__default['default']((_a = { Text: true }, _a["Text--" + appearance] = appearance, _a["Text--" + weight] = weight, _a['Text--small'] = small, _a), className); - return /*#__PURE__*/React.createElement(GenericText, __assign({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, __assign({ + "data-test": "DesignSystem-Text" + }, baseProps, { className: classes, componentType: "span" }), children); @@ -1162,27 +1193,26 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) { var _a, _b, _c; - var _d = props.appearance, - appearance = _d === void 0 ? 'basic' : _d, - _e = props.size, - size = _e === void 0 ? 'regular' : _e, - _f = props.iconAlign, - iconAlign = _f === void 0 ? 'left' : _f, - _g = props.tabIndex, - tabIndex = _g === void 0 ? 0 : _g, + var _d = props.size, + size = _d === void 0 ? 'regular' : _d, + appearance = props.appearance, + iconAlign = props.iconAlign, + tabIndex = props.tabIndex, + type = props.type, children = props.children, icon = props.icon, expanded = props.expanded, loading = props.loading, disabled = props.disabled, className = props.className, - rest = __rest(props, ["appearance", "size", "iconAlign", "tabIndex", "children", "icon", "expanded", "loading", "disabled", "className"]); + rest = __rest(props, ["size", "appearance", "iconAlign", "tabIndex", "type", "children", "icon", "expanded", "loading", "disabled", "className"]); var buttonClass = classNames__default['default']((_a = {}, _a['Button'] = true, _a['Button--expanded'] = expanded, _a["Button--" + size] = size, _a['Button--square'] = !children, _a["Button--" + appearance] = appearance, _a["Button--iconAlign-" + iconAlign] = children && iconAlign, _a["" + className] = className, _a)); var iconClass = classNames__default['default']((_b = {}, _b['Button-icon'] = true, _b["Button-icon--" + iconAlign] = children && iconAlign, _b)); var spinnerClass = classNames__default['default']((_c = {}, _c['Button-spinner'] = true, _c["Button-spinner--" + iconAlign] = children && iconAlign, _c)); return /*#__PURE__*/React.createElement("button", __assign({ ref: ref, + type: type, className: buttonClass, disabled: disabled || loading, tabIndex: tabIndex @@ -1200,6 +1230,12 @@ })), children); }); Button.displayName = 'Button'; + Button.defaultProps = { + appearance: 'basic', + size: 'regular', + iconAlign: 'left', + tabIndex: 0 + }; var sizeMapping$1 = { tiny: 12, @@ -2645,7 +2681,9 @@ var classes = classNames__default['default']((_a = { Heading: true }, _a["Heading--" + size] = size, _a["Heading--" + appearance] = appearance, _a), className); - return /*#__PURE__*/React.createElement(GenericText, __assign({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, __assign({ + "data-test": "DesignSystem-Heading" + }, baseProps, { className: classes, componentType: sizeMap[size] }), children); @@ -2667,7 +2705,9 @@ var classes = classNames__default['default']((_a = { Subheading: true }, _a["Subheading--" + appearance] = appearance, _a), className); - return /*#__PURE__*/React.createElement(GenericText, __assign({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, __assign({ + "data-test": "DesignSystem-Subheading" + }, baseProps, { className: classes, componentType: 'h4' }), children); @@ -3483,6 +3523,7 @@ valueProp = props.value, _a = props.placeholderChar, placeholderChar = _a === void 0 ? '_' : _a, + defaultValue = props.defaultValue, mask = props.mask, error = props.error, caption = props.caption, @@ -3492,9 +3533,9 @@ onClick = props.onClick, onClear = props.onClear, className = props.className, - rest = __rest(props, ["mask", "value", "placeholderChar", "mask", "error", "caption", "required", "onChange", "onBlur", "onClick", "onClear", "className"]); + rest = __rest(props, ["mask", "value", "placeholderChar", "defaultValue", "mask", "error", "caption", "required", "onChange", "onBlur", "onClick", "onClear", "className"]); - var _b = React.useState(''), + var _b = React.useState(defaultValue || valueProp || ''), value = _b[0], setValue = _b[1]; @@ -3507,13 +3548,13 @@ return typeof m === 'string' && m.length === 1; }); React.useEffect(function () { - if (valueProp) { + setCaretPos(caret); + }, [caret]); + React.useEffect(function () { + if (ref.current && valueProp) { setValue(convertToMasked(valueProp)); } }, [valueProp]); - React.useEffect(function () { - setCaretPos(caret); - }, [caret]); React.useEffect(function () { if (ref.current) { var el = ref.current; @@ -4052,13 +4093,16 @@ 'Label-label': true, 'Label--disabled': disabled }); - return /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("div", __assign({ + "data-test": "DesignSystem-Label" + }, baseProps, { className: LabelClass }), /*#__PURE__*/React.createElement(GenericText, { className: classes, componentType: "label" }, children), required && /*#__PURE__*/React.createElement("span", { - className: "Label-requiredIndicator" + className: "Label-requiredIndicator", + "data-test": "DesignSystem-Label--RequiredIndicator" })); }; Label.displayName = 'Label'; @@ -4137,18 +4181,24 @@ var baseProps = extractBaseProps(props); var MessageClass = classNames__default['default']((_a = {}, _a['Message'] = true, _a["Message--" + appearance] = appearance, _a), className); var MessageIcon = classNames__default['default']((_b = {}, _b['Message-icon'] = true, _b["Message-icon--" + appearance] = appearance, _b['Message-icon--withTitle'] = title, _b)); - return /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("div", __assign({ + "data-test": "DesignSystem-Message" + }, baseProps, { className: MessageClass }), appearance !== 'default' && /*#__PURE__*/React.createElement("div", { - className: MessageIcon + className: MessageIcon, + "data-test": "DesignSystem-Message--Icon" }, /*#__PURE__*/React.createElement(Icon, { name: IconMapping[appearance], appearance: appearance - })), /*#__PURE__*/React.createElement("div", null, title && /*#__PURE__*/React.createElement("div", { + })), /*#__PURE__*/React.createElement("div", { + "data-test": "DesignSystem-Message--Title" + }, title && /*#__PURE__*/React.createElement("div", { className: "Message-title" }, /*#__PURE__*/React.createElement(Heading, { size: "s" }, title)), /*#__PURE__*/React.createElement("div", { + "data-test": "DesignSystem-Message--Description", className: "Message-description" }, children))); }; @@ -4248,7 +4298,9 @@ var classes = classNames__default['default']((_a = { Text: true }, _a["Text--" + appearance] = appearance, _a), className); - return /*#__PURE__*/React.createElement(GenericText, __assign({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, __assign({ + "data-test": "DesignSystem-Paragraph" + }, baseProps, { className: classes, componentType: "p" }), children); @@ -4267,7 +4319,9 @@ var ProgressBarClass = classNames__default['default']({ ProgressBar: true }, className); - return /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("div", __assign({ + "data-test": "DesignSystem-ProgressBar" + }, baseProps, { className: ProgressBarClass }), /*#__PURE__*/React.createElement("div", { className: 'ProgressBar-indicator', @@ -4336,7 +4390,9 @@ var classes = classNames__default['default']((_a = { Row: true }, _a["" + className] = className, _a)); - return /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("div", __assign({ + "data-test": "DesignSystem-Row" + }, baseProps, { className: classes }), children); }; @@ -4355,7 +4411,9 @@ var baseProps = extractBaseProps(props); var StatusHintClass = classNames__default['default']((_a = {}, _a['StatusHint'] = true, _a), className); var StatusHintIconClass = classNames__default['default']((_b = {}, _b['StatusHint-icon'] = true, _b["StatusHint--" + appearance] = appearance, _b)); - return /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("div", __assign({ + "data-test": "DesignSystem-StatusHint" + }, baseProps, { className: StatusHintClass, onClick: function onClick(e) { return _onClick && _onClick(e); @@ -4367,8 +4425,10 @@ return _onMouseLeave && _onMouseLeave(e); } }), /*#__PURE__*/React.createElement("span", { + "data-test": "DesignSystem-StatusHint--Icon", className: StatusHintIconClass }), /*#__PURE__*/React.createElement(Text, { + "data-test": "DesignSystem-StatusHint--Text", weight: 'medium' }, children)); }; @@ -4386,12 +4446,725 @@ var classes = classNames__default['default']((_a = { Pills: true }, _a["Badge--" + appearance] = appearance && !subtle, _a["Badge--subtle-" + appearance] = subtle, _a), className); - return /*#__PURE__*/React.createElement("span", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("span", __assign({ + "data-test": "DesignSystem-Pills" + }, baseProps, { className: classes }), children); }; Pills.displayName = 'Pills'; + var ARROW_LEFT = 37; + var ARROW_RIGHT = 39; + + var formatPercentage = function formatPercentage(ratio) { + return (ratio * 100).toFixed(2) + "%"; + }; + var countDecimalPlaces = function countDecimalPlaces(value) { + if (!isFinite(value)) return 0; + + if (Math.floor(value) !== value) { + var valueArray = value.toString().split('.'); + return valueArray[1].length || 0; + } + + return 0; + }; + var approxEqual = function approxEqual(a, b) { + var tolerance = 0.00001; + return Math.abs(a - b) <= tolerance; + }; + var clamp = function clamp(value, min, max) { + if (value == null) { + return value; + } + + return Math.min(Math.max(value, min), max); + }; + var arraysEqual = function arraysEqual(oldValues, newValues) { + if (oldValues.length !== oldValues.length) return; + return newValues.every(function (value, index) { + return value === oldValues[index]; + }); + }; + function argMin(values, argFn) { + if (values.length === 0) { + return undefined; + } + + var minValue = values[0]; + var minArg = argFn(minValue); + + for (var index = 1; index < values.length; index++) { + var value = values[index]; + var arg = argFn(value); + + if (arg < minArg) { + minValue = value; + minArg = arg; + } + } + + return minValue; + } + function fillValues(values, startIndex, endIndex, fillValue) { + var inc = startIndex < endIndex ? 1 : -1; + + for (var index = startIndex; index !== endIndex + inc; index += inc) { + values[index] = fillValue; + } + } + function isElementOfType(element, _ComponentType) { + return element != null && element.type != null; + } + + var Handle = function (_super) { + __extends(Handle, _super); + + function Handle() { + var _this = _super !== null && _super.apply(this, arguments) || this; + + _this.state = { + isMoving: false + }; + _this.handleElement = null; + _this.refHandlers = { + handle: function handle(el) { + return _this.handleElement = el; + } + }; + + _this.mouseEventClientOffset = function (event) { + return event.clientX; + }; + + _this.clientToValue = function (clientPixel) { + var _a = _this.props, + stepSize = _a.stepSize, + tickSize = _a.tickSize, + value = _a.value; + + if (_this.handleElement == null) { + return value; + } + + var clientPixelNormalized = clientPixel; + + var _b = _this.getHandleMidpointAndOffset(_this.handleElement), + handleMidpoint = _b.handleMidpoint, + handleOffset = _b.handleOffset; + + var handleCenterPixel = handleMidpoint + handleOffset; + var pixelDelta = clientPixelNormalized - handleCenterPixel; + + if (isNaN(pixelDelta)) { + return value; + } + + return value + Math.round(pixelDelta / (tickSize * stepSize)) * stepSize; + }; + + _this.changeValue = function (newValue, callback) { + if (callback === void 0) { + callback = _this.props.onChange; + } + + var updatedValue = clamp(newValue, _this.props.min, _this.props.max); + + if (!isNaN(updatedValue) && _this.props.value !== updatedValue) { + if (callback) callback(updatedValue); + } + + return updatedValue; + }; + + _this.endHandleMovement = function (event) { + var clientPixel = _this.mouseEventClientOffset(event); + + var onRelease = _this.props.onRelease; + + _this.removeDocumentEventListeners(); + + _this.setState({ + isMoving: false + }); + + var finalValue = _this.changeValue(_this.clientToValue(clientPixel)); + + if (onRelease) onRelease(finalValue); + }; + + _this.continueHandleMovement = function (event) { + var clientPixel = _this.mouseEventClientOffset(event); + + if (_this.state.isMoving && !_this.props.disabled) { + var value = _this.clientToValue(clientPixel); + + _this.changeValue(value); + } + }; + + _this.beginHandleMovement = function (event) { + if (_this.props.disabled) return; + document.addEventListener('mousemove', _this.continueHandleMovement); + document.addEventListener('mouseup', _this.endHandleMovement); + + _this.setState({ + isMoving: true + }); + + var value = _this.clientToValue(event.clientX); + + _this.changeValue(value); + }; + + _this.handleKeyDown = function (event) { + if (_this.props.disabled) return; + var _a = _this.props, + stepSize = _a.stepSize, + value = _a.value; + var which = event.which; + + if (which === ARROW_LEFT) { + _this.changeValue(value - stepSize); + + event.preventDefault(); + } else if (which === ARROW_RIGHT) { + _this.changeValue(value + stepSize); + + event.preventDefault(); + } + }; + + _this.handleKeyUp = function (event) { + if (_this.props.disabled) return; + + if ([ARROW_LEFT, ARROW_RIGHT].indexOf(event.which) >= 0) { + var onRelease = _this.props.onRelease; + if (onRelease) onRelease(_this.props.value); + } + }; + + _this.getHandleMidpointAndOffset = function (handleElement, useOppositeDimension) { + if (useOppositeDimension === void 0) { + useOppositeDimension = false; + } + + if (handleElement == null) { + return { + handleMidpoint: 0, + handleOffset: 0 + }; + } + + var handleRect = handleElement.getBoundingClientRect(); + var sizeKey = useOppositeDimension ? 'height' : 'width'; + var handleOffset = handleRect.left; + return { + handleOffset: handleOffset, + handleMidpoint: handleRect[sizeKey] / 2 + }; + }; + + _this.removeDocumentEventListeners = function () { + document.removeEventListener('mousemove', _this.continueHandleMovement); + document.removeEventListener('mouseup', _this.endHandleMovement); + }; + + return _this; + } + + Handle.prototype.componentWillUnmount = function () { + this.removeDocumentEventListeners(); + }; + + Handle.prototype.componentDidUpdate = function (_prevProps, prevState) { + if (prevState.isMoving !== this.state.isMoving) { + if (this.handleElement) this.handleElement.focus(); + } + }; + + Handle.prototype.render = function () { + var _a; + + var _b = this.props, + min = _b.min, + tickSizeRatio = _b.tickSizeRatio, + value = _b.value, + disabled = _b.disabled, + label = _b.label; + var handleMidpoint = this.getHandleMidpointAndOffset(this.handleElement, true).handleMidpoint; + var offsetRatio = (value - min) * tickSizeRatio; + var offsetCalc = "calc(" + formatPercentage(offsetRatio) + " - " + handleMidpoint + "px)"; + var style = { + left: offsetCalc + }; + var className = classNames__default['default']((_a = {}, _a['Slider-handle'] = true, _a['Slider-handle--disabled'] = disabled, _a['Slider-handle--active'] = this.state.isMoving, _a)); + return /*#__PURE__*/React.createElement("div", { + className: className, + onMouseDown: this.beginHandleMovement, + onKeyDown: this.handleKeyDown, + onKeyUp: this.handleKeyUp, + ref: this.refHandlers.handle, + style: style, + tabIndex: 1 + }, !this.state.isMoving && /*#__PURE__*/React.createElement(Tooltip, { + tooltip: label, + position: "top", + triggerClass: 'Slider-tooltip' + }, /*#__PURE__*/React.createElement("span", { + className: "h-100 w-100" + }))); + }; + + return Handle; + }(React.Component); + + var defaultProps = { + disabled: false, + labelStepSize: 1, + max: 10, + min: 0, + stepSize: 1 + }; + + var MultiSliderHandle = function MultiSliderHandle() { + return null; + }; + + var MultiSlider = function (_super) { + __extends(MultiSlider, _super); + + function MultiSlider(props) { + var _this = _super.call(this, props) || this; + + _this.handleElements = []; + _this.trackElement = null; + + _this.getLabelPrecision = function (_a) { + var labelPrecision = _a.labelPrecision, + stepSize = _a.stepSize; + return labelPrecision == null ? countDecimalPlaces(stepSize) : labelPrecision; + }; + + _this.getOffsetRatio = function (value) { + return clamp((value - _this.props.min) * _this.state.tickSizeRatio, 0, 1); + }; + + _this.addHandleRef = function (ref) { + if (ref != null) { + _this.handleElements.push(ref); + } + }; + + _this.getHandleValues = function (props) { + var maybeHandles = React.Children.map(props.children, function (child) { + return isElementOfType(child) ? child.props : null; + }); + var handles = maybeHandles != null ? maybeHandles : []; + handles = handles.filter(function (handle) { + return handle !== null; + }); + handles.sort(function (left, right) { + return left.value - right.value; + }); + return handles; + }; + + _this.updateTickSize = function () { + if (_this.trackElement != null) { + var trackSize = _this.trackElement.clientWidth; + var tickSizeRatio = 1 / (_this.props.max - _this.props.min); + var tickSize = trackSize * tickSizeRatio; + + _this.setState({ + tickSize: tickSize, + tickSizeRatio: tickSizeRatio + }); + } + }; + + _this.getTrackFill = function (start, end) { + if (start.fillAfter !== undefined) { + return start.fillAfter; + } + + if (end !== undefined && end.fillBefore !== undefined) { + return end.fillBefore; + } + + return false; + }; + + _this.maybeHandleTrackClick = function (event) { + var target = event.target; + var canHandleTrackEvent = !_this.props.disabled && target.closest('.Slider-handle') == null; + + if (canHandleTrackEvent) { + var foundHandle = _this.nearestHandleForValue(_this.handleElements, function (handle) { + return handle.mouseEventClientOffset(event); + }); + + if (foundHandle) { + foundHandle.beginHandleMovement(event); + } + } + }; + + _this.getLockedHandleIndex = function (startIndex, endIndex) { + var inc = startIndex < endIndex ? 1 : -1; + + for (var index = startIndex + inc; index !== endIndex + inc; index += inc) { + return index; + } + + return -1; + }; + + _this.getNewHandleValues = function (newValue, oldIndex) { + var handleProps = _this.getHandleValues(_this.props); + + var oldValues = handleProps.map(function (handle) { + return handle.value; + }); + var newValues = oldValues.slice(); + newValues[oldIndex] = newValue; + if (newValues.length > 1) newValues.sort(function (left, right) { + return left - right; + }); + var newIndex = newValues.indexOf(newValue); + + var lockIndex = _this.getLockedHandleIndex(oldIndex, newIndex); + + if (lockIndex === -1) { + fillValues(newValues, oldIndex, newIndex, newValue); + } else { + var lockValue = oldValues[lockIndex]; + fillValues(oldValues, oldIndex, lockIndex, lockValue); + return oldValues; + } + + return newValues; + }; + + _this.onReleaseHandler = function (newValue, index) { + var onRangeRelease = _this.props.onRangeRelease; + + var handleProps = _this.getHandleValues(_this.props); + + var newValues = _this.getNewHandleValues(newValue, index); + + if (onRangeRelease) { + var range = newValues; + onRangeRelease(range); + } + + handleProps.forEach(function (handle, i) { + if (handle.onRelease) handle.onRelease(newValues[i]); + }); + }; + + _this.onChangeHandler = function (newValue, index) { + var onRangeChange = _this.props.onRangeChange; + + var handleProps = _this.getHandleValues(_this.props); + + var oldValues = handleProps.map(function (handle) { + return handle.value; + }); + + var newValues = _this.getNewHandleValues(newValue, index); + + if (!arraysEqual(newValues, oldValues)) { + if (onRangeChange) { + var range = newValues; + onRangeChange(range); + } + + handleProps.forEach(function (handle, i) { + if (handle.onChange) handle.onChange(newValues[i]); + }); + } + }; + + _this.renderHandles = function () { + var _a = _this.props, + disabled = _a.disabled, + max = _a.max, + min = _a.min, + stepSize = _a.stepSize; + + var handleProps = _this.getHandleValues(_this.props); + + if (handleProps.length === 0) { + return null; + } + + return handleProps.map(function (_a, index) { + var value = _a.value; + return /*#__PURE__*/React.createElement(Handle, { + disabled: disabled, + key: index + "-" + handleProps.length, + max: max, + min: min, + onRelease: function onRelease(newValue) { + return _this.onReleaseHandler(newValue, index); + }, + onChange: function onChange(newValue) { + return _this.onChangeHandler(newValue, index); + }, + label: value.toFixed(_this.state.labelPrecision), + ref: _this.addHandleRef, + stepSize: stepSize, + tickSize: _this.state.tickSize, + tickSizeRatio: _this.state.tickSizeRatio, + value: value + }); + }); + }; + + _this.formatLabel = function (value) { + var labelRenderer = _this.props.labelRenderer; + + if (typeof labelRenderer === 'function') { + return labelRenderer(value); + } + + return value.toFixed(_this.state.labelPrecision); + }; + + _this.renderLabels = function () { + var _a = _this.props, + labelStepSize = _a.labelStepSize, + max = _a.max, + min = _a.min, + labelRenderer = _a.labelRenderer, + disabled = _a.disabled; + var labels = []; + var stepSizeRatio = _this.state.tickSizeRatio * labelStepSize; + + var handles = _this.getHandleValues(_this.props); + + var activeLabels = handles.map(function (handle) { + return handle.value.toFixed(_this.state.labelPrecision); + }); + + for (var i = min, offsetRatio = 0; i < max || approxEqual(i, max); i += labelStepSize, offsetRatio += stepSizeRatio) { + var offsetPercentage = formatPercentage(offsetRatio); + var style = { + left: offsetPercentage + }; + var active = !disabled && activeLabels.indexOf(i.toFixed(_this.state.labelPrecision)) !== -1; + labels.push( /*#__PURE__*/React.createElement("div", { + className: 'Slider-label', + key: i, + style: style + }, /*#__PURE__*/React.createElement("span", { + className: 'Slider-ticks' + }), labelRenderer !== false && /*#__PURE__*/React.createElement(Text, { + small: true, + appearance: active ? 'default' : 'disabled' + }, _this.formatLabel(i)))); + } + + return labels; + }; + + _this.renderTrackFill = function (index, start, end) { + var _a; + + var _b = [_this.getOffsetRatio(start.value), _this.getOffsetRatio(end.value)].sort(function (left, right) { + return left - right; + }), + startRatio = _b[0], + endRatio = _b[1]; + + var startOffset = Number((startRatio * 100).toFixed(2)); + var endOffset = Number(((1 - endRatio) * 100).toFixed(2)); + var width = 100 - endOffset - startOffset + "%"; + var orientationStyle = { + width: width + }; + + var style = __assign({}, orientationStyle); + + var fillTrack = _this.getTrackFill(start, end); + + var classes = classNames__default['default']((_a = {}, _a['Slider-progress'] = true, _a['Slider-progress--disabled'] = _this.props.disabled, _a['Slider-progress--inRange'] = fillTrack, _a['Slider-progress--inRangeDisabled'] = fillTrack && _this.props.disabled, _a)); + return /*#__PURE__*/React.createElement("div", { + key: "track-" + index, + className: classes, + style: style + }); + }; + + _this.renderTracks = function () { + var trackStops = _this.getHandleValues(_this.props); + + trackStops.push({ + value: _this.props.max + }); + var previous = { + value: _this.props.min || 0 + }; + var handles = []; + trackStops.forEach(function (track, index) { + var current = track; + handles.push(_this.renderTrackFill(index, previous, current)); + previous = current; + }); + return handles; + }; + + _this.state = { + labelPrecision: _this.getLabelPrecision(_this.props), + tickSize: 0, + tickSizeRatio: 0 + }; + return _this; + } + + MultiSlider.prototype.getDerivedStateFromProps = function (props) { + return { + labelPrecision: this.getLabelPrecision(props) + }; + }; + + MultiSlider.prototype.getSnapshotBeforeUpdate = function (prevProps) { + var prevHandleProps = this.getHandleValues(prevProps); + var newHandleProps = this.getHandleValues(this.props); + + if (newHandleProps.length !== prevHandleProps.length) { + this.handleElements = []; + } + + return null; + }; + + MultiSlider.prototype.componentDidMount = function () { + this.updateTickSize(); + }; + + MultiSlider.prototype.nearestHandleForValue = function (handles, getOffset) { + return argMin(handles, function (handle) { + var offset = getOffset(handle); + var offsetValue = handle.clientToValue(offset); + var handleValue = handle.props.value; + return Math.abs(offsetValue - handleValue); + }); + }; + + MultiSlider.prototype.render = function () { + var _a, _b; + + var _this = this; + + var _c = this.props, + label = _c.label, + className = _c.className; + var baseProps = extractBaseProps(this.props); + var SliderClass = classNames__default['default']((_a = {}, _a['Slider'] = true, _a), className); + var WrapperClass = classNames__default['default']((_b = {}, _b['Slider-wrapper'] = true, _b['Slider-wrapper--disabled'] = this.props.disabled, _b)); + return /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + className: SliderClass + }), label && /*#__PURE__*/React.createElement(Label, { + withInput: true + }, label), /*#__PURE__*/React.createElement("div", { + className: WrapperClass, + onMouseDown: this.maybeHandleTrackClick + }, /*#__PURE__*/React.createElement("div", { + className: "Slider-track", + ref: function ref(_ref) { + return _this.trackElement = _ref; + } + }, this.renderTracks()), /*#__PURE__*/React.createElement("div", { + className: "Slider-axis'" + }, this.renderLabels()), this.renderHandles())); + }; + + MultiSlider.defaultProps = defaultProps; + MultiSlider.Handle = MultiSliderHandle; + return MultiSlider; + }(React.Component); + + var Slider = function Slider(props) { + var valueProp = props.value, + _a = props.defaultValue, + defaultValue = _a === void 0 ? 0 : _a, + onRelease = props.onRelease, + onChange = props.onChange, + rest = __rest(props, ["value", "defaultValue", "onRelease", "onChange"]); + + var _b = React.useState(valueProp === undefined ? defaultValue : valueProp), + value = _b[0], + setValue = _b[1]; + + React.useEffect(function () { + if (valueProp !== undefined) { + setValue(valueProp); + } + }, [valueProp]); + + var onChangeHandler = function onChangeHandler(newValue) { + if (valueProp === undefined) { + setValue(newValue); + } + + if (onChange) onChange(newValue); + }; + + return /*#__PURE__*/React.createElement(MultiSlider, __assign({}, rest), /*#__PURE__*/React.createElement(MultiSlider.Handle, { + value: value, + onChange: onChangeHandler, + onRelease: onRelease, + fillBefore: true + })); + }; + + var RangeIndex; + + (function (RangeIndex) { + RangeIndex[RangeIndex["START"] = 0] = "START"; + RangeIndex[RangeIndex["END"] = 1] = "END"; + })(RangeIndex || (RangeIndex = {})); + + var RangeSlider = function RangeSlider(props) { + var valueProp = props.value, + _a = props.defaultValue, + defaultValue = _a === void 0 ? [0, 10] : _a, + onChange = props.onChange, + onRelease = props.onRelease, + rest = __rest(props, ["value", "defaultValue", "onChange", "onRelease"]); + + var _b = React.useState(valueProp === undefined ? defaultValue : valueProp), + value = _b[0], + setValue = _b[1]; + + React.useEffect(function () { + if (valueProp !== undefined) { + setValue(valueProp); + } + }, [valueProp]); + + var onChangeHandler = function onChangeHandler(range) { + if (valueProp === undefined) { + setValue(range); + } + + if (onChange) onChange(range); + }; + + return /*#__PURE__*/React.createElement(MultiSlider, __assign({ + onRangeChange: onChangeHandler, + onRangeRelease: onRelease + }, rest), /*#__PURE__*/React.createElement(MultiSlider.Handle, { + value: value[RangeIndex.START], + fillAfter: true + }), /*#__PURE__*/React.createElement(MultiSlider.Handle, { + value: value[RangeIndex.END] + })); + }; + var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) { var _a, _b; @@ -4628,61 +5401,112 @@ return Tooltip; }(React.Component); - var useEffect$1 = React.useEffect, - useState$1 = React.useState; + var Modal = function (_super) { + __extends(Modal, _super); - var Modal = function Modal(props) { - var _a; + function Modal(props) { + var _this = _super.call(this, props) || this; - var _b = props.dimension, - dimension = _b === void 0 ? 'small' : _b, - children = props.children, - backdropClose = props.backdropClose, - backdrop = props.backdrop, - className = props.className; + _this.modalRef = /*#__PURE__*/React.createRef(); - var _c = useState$1(props.open), - open = _c[0], - setOpen = _c[1]; + _this.getUpdatedZIndex = function () { + if (_this.element === null) return; - var _d = useState$1(false), - animate = _d[0], - setAnimate = _d[1]; + var elements = _this.element.querySelectorAll('.Modal-container'); - var classes = classNames__default['default']((_a = { - Modal: true - }, _a["Modal--" + dimension] = dimension, _a['Modal--open'] = open, _a['Modal-animation--open'] = animate, _a['Modal-animation--close'] = !animate, _a), className); - var baseProps = extractBaseProps(props); - useEffect$1(function () { - if (props.open) { - setOpen(true); - setAnimate(true); - } + if (elements.length <= 1) return; + var siblings = Array.from(elements).filter(function (el) { + return el !== _this.modalRef.current; + }); + var zIndex = -1; + siblings.forEach(function (element) { + if (element.classList.contains('Modal-container--open')) { + var prevZIndex = parseInt(window.getComputedStyle(element).zIndex || '0', 10); + zIndex = Math.max(zIndex, prevZIndex + 10); + } + }); + return zIndex > 0 ? zIndex : undefined; + }; - if (!props.open) { - setTimeout(function () { - setOpen(false); - }, 120); - setAnimate(false); + var element = document.querySelector('.Modal-wrapper'); + + if (element === null) { + element = document.createElement('div'); + element.classList.add('Modal-wrapper'); + document.body.appendChild(element); } - }, [props.open]); - var ModalContainer = /*#__PURE__*/React.createElement("div", { - className: "Modal-container" - }, /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { - className: classes - }), children)); - var ModalWrapper = backdrop ? /*#__PURE__*/React.createElement(OutsideClick, { - onOutsideClick: function onOutsideClick(event) { - return open && backdropClose(event, 'OutsideClick'); + + _this.element = element; + _this.state = { + open: props.open, + animate: props.open + }; + return _this; + } + + Modal.prototype.componentDidUpdate = function (prevProps) { + var _this = this; + + if (prevProps.open !== this.props.open) { + if (this.props.open) { + var zIndex = this.getUpdatedZIndex(); + this.setState({ + zIndex: zIndex, + open: true, + animate: true + }); + } else { + this.setState({ + animate: false + }); + setTimeout(function () { + _this.setState({ + open: false + }); + }, 120); + } } - }, ModalContainer) : ModalContainer; - var WrapperElement = /*#__PURE__*/ReactDOM.createPortal(ModalWrapper, document.body); - return /*#__PURE__*/React.createElement("div", null, WrapperElement, /*#__PURE__*/React.createElement(Backdrop, { - open: open - })); - }; + }; - Modal.displayName = 'Modal'; + Modal.prototype.render = function () { + var _a, _b; + + var _c = this.state, + animate = _c.animate, + open = _c.open, + zIndex = _c.zIndex; + var _d = this.props, + className = _d.className, + dimension = _d.dimension, + backdropClose = _d.backdropClose; + var classes = classNames__default['default']((_a = { + Modal: true + }, _a["Modal--" + dimension] = dimension, _a['Modal--open'] = open, _a['Modal-animation--open'] = animate, _a['Modal-animation--close'] = !animate, _a), className); + var ContainerClass = classNames__default['default']((_b = {}, _b['Modal-container'] = true, _b['Modal-container--open'] = open, _b)); + var baseProps = extractBaseProps(this.props); + var ModalContainer = /*#__PURE__*/React.createElement("div", { + className: ContainerClass, + "data-layer": true, + style: { + zIndex: zIndex + }, + ref: this.modalRef + }, /*#__PURE__*/React.createElement("div", __assign({}, baseProps, { + className: classes + }), this.props.children)); + var ModalWrapper = this.props.backdrop ? /*#__PURE__*/React.createElement(OutsideClick, { + onOutsideClick: function onOutsideClick(event) { + return open && backdropClose(event, 'OutsideClick'); + } + }, ModalContainer) : ModalContainer; + var WrapperElement = /*#__PURE__*/ReactDOM.createPortal(ModalWrapper, this.element); + return /*#__PURE__*/React.createElement("div", null, WrapperElement, /*#__PURE__*/React.createElement(Backdrop, { + open: this.state.open + })); + }; + + return Modal; + }(React.Component); var ModalHeader = function ModalHeader(props) { var _a; @@ -4817,12 +5641,12 @@ Dialog.displayName = 'Dialog'; var useRef = React.useRef, - useEffect$2 = React.useEffect, - useState$2 = React.useState; + useEffect$1 = React.useEffect, + useState$1 = React.useState; var ModalBody = function ModalBody(props) { var _a; - var _b = useState$2(false), + var _b = useState$1(false), scroll = _b[0], setScroll = _b[1]; @@ -4830,7 +5654,7 @@ var children = props.children, className = props.className; var baseProps = extractBaseProps(props); - useEffect$2(function () { + useEffect$1(function () { var scrollHeight = ref && ref.current ? ref.current.scrollHeight : 0; var clientHeight = ref && ref.current ? ref.current.clientHeight : 0; @@ -4989,14 +5813,18 @@ strokeWidth: '8', strokeDasharray: circumference + " " + circumference }; - return /*#__PURE__*/React.createElement("svg", __assign({}, baseProps, { + return /*#__PURE__*/React.createElement("svg", __assign({ + "data-test": "DesignSystem-ProgressRing" + }, baseProps, { className: ProgressRingClass }, svgProps), /*#__PURE__*/React.createElement("circle", __assign({ className: "Ring-background" }, circleProps)), /*#__PURE__*/React.createElement("circle", __assign({ className: "Ring-indicator", strokeDashoffset: circumference - updatedValue / 100 * circumference - }, circleProps))); + }, circleProps, { + "data-test": "DesignSystem-ProgressRing--Circle" + }))); }; ProgressRing.displayName = 'ProgressRing'; @@ -5456,6 +6284,20 @@ }; this.updateColumnSchema(name, schemaUpdate); } + function getWidth(width) { + if (this.gridRef.current) { + if (typeof width === 'number') return width; + + if (width.charAt(width.length - 1) === '%') { + var withCheckbox = this.props.withCheckbox; + var checkboxWidth = withCheckbox ? document.querySelector('.Grid-cell--checkbox').clientWidth : 0; + var gridWidth = this.gridRef.current.clientWidth - checkboxWidth; + return gridWidth * (+width.slice(0, -1) / 100); + } + } + + return 0; + } function getCellSize(cellType) { var sizes = { AVATAR: { @@ -5496,13 +6338,11 @@ return updatedData; }; function translateData(schema, data) { - var _a; - - var newData = data; + var newData = __assign({}, data); if (schema.translate) { var translatedData = schema.translate(data); - newData = __assign(__assign({}, newData), (_a = {}, _a[schema.name] = _typeof(translatedData) === 'object' ? __assign(__assign({}, newData[schema.name]), translatedData) : translatedData, _a)); + newData[schema.name] = translatedData !== null && _typeof(translatedData) === 'object' ? __assign(__assign({}, newData[schema.name]), translatedData) : translatedData; } if (_typeof(newData[schema.name]) !== 'object') newData[schema.name] = { @@ -5875,7 +6715,8 @@ loading = _a.loading, showMenu = _a.showMenu, sortingList = _a.sortingList, - filterList = _a.filterList; + filterList = _a.filterList, + headCellTooltip = _a.headCellTooltip; var _b = schema.sorting, sorting = _b === void 0 ? true : _b, name = schema.name, @@ -5939,6 +6780,22 @@ }) !== -1 }); }) : []; + + var renderLabel = function renderLabel() { + return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, { + weight: "strong", + className: "ellipsis--noWrap" + }, schema.displayName), sorting && /*#__PURE__*/React.createElement("div", { + className: "Grid-sortingIcons" + }, sorted ? sorted === 'asc' ? /*#__PURE__*/React.createElement(Icon, { + name: "arrow_downward" + }) : /*#__PURE__*/React.createElement(Icon, { + name: "arrow_upward" + }) : /*#__PURE__*/React.createElement(Icon, { + name: "unfold_more" + }))); + }; + return /*#__PURE__*/React.createElement("div", { key: name, className: classes, @@ -5956,18 +6813,11 @@ withImage: false }, /*#__PURE__*/React.createElement(PlaceholderParagraph, { length: "medium" - })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, { - size: "s", - className: "ellipsis--noWrap" - }, schema.displayName), sorting && /*#__PURE__*/React.createElement("div", { - className: "Grid-sortingIcons" - }, sorted ? sorted === 'asc' ? /*#__PURE__*/React.createElement(Icon, { - name: "arrow_downward" - }) : /*#__PURE__*/React.createElement(Icon, { - name: "arrow_upward" - }) : /*#__PURE__*/React.createElement(Icon, { - name: "unfold_more" - })))), filters && /*#__PURE__*/React.createElement(React.Fragment, null, loading && !init ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Placeholder, null)) : /*#__PURE__*/React.createElement(Dropdown, { + })) : /*#__PURE__*/React.createElement(React.Fragment, null, headCellTooltip ? /*#__PURE__*/React.createElement(Tooltip, { + position: "top-start", + triggerClass: "w-100 overflow-hidden", + tooltip: schema.displayName + }, renderLabel()) : renderLabel())), filters && /*#__PURE__*/React.createElement(React.Fragment, null, loading && !init ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Placeholder, null)) : /*#__PURE__*/React.createElement(Dropdown, { menu: true, showApplyButton: true, withCheckbox: true, @@ -6055,26 +6905,27 @@ draggable = props.draggable, data = props.data, rowIndex = props.rowIndex; - var nestedRows = _this.props.nestedRows; + var _a = _this.props, + separator = _a.separator, + nestedRows = _a.nestedRows; var name = schema.name, - separator = schema.separator, hidden = schema.hidden, pinned = schema.pinned, - _a = schema.cellType, - cellType = _a === void 0 ? 'DEFAULT' : _a; + _b = schema.cellType, + cellType = _b === void 0 ? 'DEFAULT' : _b; - var _b = getCellSize(cellType), - width = _b.width, - _c = _b.minWidth, - minWidth = _c === void 0 ? 100 : _c, - _d = _b.maxWidth, - maxWidth = _d === void 0 ? 800 : _d; + var _c = getCellSize(cellType), + width = _c.width, + _d = _c.minWidth, + minWidth = _d === void 0 ? 100 : _d, + _e = _c.maxWidth, + maxWidth = _e === void 0 ? 800 : _e; var cellClass = classNames__default['default']({ 'Grid-cell': true, 'Grid-cell--head': head, 'Grid-cell--body': !head, - 'Grid-cell--separator': !firstCell && separator, + 'Grid-cell--separator': !firstCell && (schema.separator !== undefined ? schema.separator : separator), 'Grid-cell--nestedRow': !head && colIndex === 0 && nestedRows }); if (hidden) return null; @@ -6101,9 +6952,10 @@ if (from.type === to.type) _this.reorderCol(from.name, to.name); }, style: { - width: schema.width || width, - minWidth: schema.minWidth || minWidth, - maxWidth: schema.maxWidth || maxWidth + visibility: _this.gridRef.current === null ? 'hidden' : 'visible', + width: getWidth.call(_this, schema.width || width), + minWidth: getWidth.call(_this, schema.minWidth || minWidth), + maxWidth: getWidth.call(_this, schema.maxWidth || maxWidth) } }, head ? /*#__PURE__*/React.createElement(HeaderCell, { _this: _this, @@ -6634,32 +7486,14 @@ }; Grid.prototype.render = function () { - var _a = this.props, - withPagination = _a.withPagination, - page = _a.page, - _onPageChange = _a.onPageChange, - totalRecords = _a.totalRecords, - pageSize = _a.pageSize, - paginationType = _a.paginationType; var baseProps = extractBaseProps(this.props); var schema = getSchema(this); return /*#__PURE__*/React.createElement("div", { - className: "Grid-container" - }, /*#__PURE__*/React.createElement("div", { className: "Grid-wrapper", ref: this.gridRef }, /*#__PURE__*/React.createElement(MainGrid, __assign({}, baseProps, { _this: this, schema: schema - }))), withPagination && /*#__PURE__*/React.createElement("div", { - className: "Grid-pagination" - }, /*#__PURE__*/React.createElement(Pagination, { - page: page, - totalPages: getTotalPages(totalRecords, pageSize), - type: paginationType, - onPageChange: function onPageChange(newPage) { - if (_onPageChange) _onPageChange(newPage); - } }))); }; @@ -6672,7 +7506,6 @@ size: 'comfortable', page: 1, pageSize: 0, - paginationType: 'jump', loading: false, error: false, sortingList: [], @@ -6888,13 +7721,14 @@ dynamicColumn: true }; - var defaultProps = { + var defaultProps$1 = { type: 'data', size: 'comfortable', showHead: true, showMenu: true, multipleSorting: true, headerOptions: {}, + paginationType: 'jump', pageSize: 15, loading: false, draggable: true @@ -7126,6 +7960,8 @@ showHead = _a.showHead, type = _a.type, size = _a.size, + headCellTooltip = _a.headCellTooltip, + separator = _a.separator, draggable = _a.draggable, nestedRows = _a.nestedRows, nestedRowRenderer = _a.nestedRowRenderer, @@ -7175,20 +8011,27 @@ showHead: showHead, type: type, size: size, + headCellTooltip: headCellTooltip, + separator: separator, draggable: draggable, nestedRows: nestedRows, nestedRowRenderer: nestedRowRenderer, withPagination: withPagination && totalPages > 1, - paginationType: paginationType, pageSize: pageSize, loaderSchema: loaderSchema, errorTemplate: errorTemplate, - onRowClick: onRowClick, + onRowClick: onRowClick + }))), withPagination && /*#__PURE__*/React.createElement("div", { + className: "Table-pagination" + }, /*#__PURE__*/React.createElement(Pagination, { + page: this.state.page, + totalPages: getTotalPages(totalRecords, pageSize), + type: paginationType, onPageChange: this.onPageChange - })))); + }))); }; - Table.defaultProps = defaultProps; + Table.defaultProps = defaultProps$1; return Table; }(React.Component); @@ -7198,7 +8041,7 @@ }, props)); }; - var useState$3 = React.useState; + var useState$2 = React.useState; var Navigation = function Navigation(props) { var _a; @@ -7213,7 +8056,7 @@ className = props.className; var baseProps = extractBaseProps(props); - var _b = useState$3({}), + var _b = useState$2({}), menuState = _b[0], setMenuState = _b[1]; @@ -7405,6 +8248,7 @@ tabs = props.tabs, breadcrumbs = props.breadcrumbs, badge = props.badge, + seperator = props.seperator, status = props.status, meta = props.meta, navigationPosition = props.navigationPosition, @@ -7412,7 +8256,7 @@ var baseProps = extractBaseProps(props); var wrapperClasses = classNames__default['default']((_a = { 'PageHeader-wrapper': true - }, _a['PageHeader-wrapper--withTabs'] = tabs, _a), className); + }, _a['PageHeader-wrapper--separator'] = seperator, _a['PageHeader-wrapper--withTabs'] = tabs, _a), className); var classes = classNames__default['default']({ PageHeader: true }); @@ -7500,7 +8344,9 @@ exports.ProgressBar = ProgressBar; exports.ProgressRing = ProgressRing; exports.Radio = Radio; + exports.RangeSlider = RangeSlider; exports.Row = Row; + exports.Slider = Slider; exports.Spinner = Spinner; exports.StatusHint = StatusHint; exports.Subheading = Subheading; diff --git a/dist/index.umd.js b/dist/index.umd.js index 1f444c3659..637bc4fd18 100644 --- a/dist/index.umd.js +++ b/dist/index.umd.js @@ -1,8 +1,8 @@ /** - * Generated on: 1597664354476 + * Generated on: 1598368792860 * Package: @innovaccer/design-system - * Version: v1.1.0-4 + * Version: v1.1.0-5 * License: MIT * Docs: https://innovaccer.github.io/design-system */ @@ -394,10 +394,11 @@ var classes = classNames__default['default'](_defineProperty({ Avatar: true }, "Avatar--".concat(AvatarAppearance), AvatarAppearance), className); - return /*#__PURE__*/React.createElement("span", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("span", _extends({ + "data-test": "DesignSystem-Avatar" + }, baseProps, { className: classes }), /*#__PURE__*/React.createElement(Text, { - "data-test": "DesignSystem-Avatar", weight: "medium", appearance: AvatarAppearance === 'warning' ? 'default' : 'white' }, initials)); @@ -465,7 +466,9 @@ enableBodyScroll(); }; }, [props.open]); - var BackdropElement = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + var BackdropElement = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", _extends({ + "data-test": "DesignSystem-Backdrop" + }, baseProps, { className: classes })), document.body); return BackdropElement; @@ -485,7 +488,9 @@ var classes = classNames__default['default']((_classNames = { Badge: true }, _defineProperty(_classNames, "Badge--".concat(appearance), appearance && !subtle), _defineProperty(_classNames, "Badge--subtle-".concat(appearance), subtle), _classNames), className); - return /*#__PURE__*/React.createElement("span", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("span", _extends({ + "data-test": "DesignSystem-Badge" + }, baseProps, { className: classes }), children); }; @@ -838,7 +843,7 @@ } }, { key: "componentDidUpdate", - value: function componentDidUpdate() { + value: function componentDidUpdate(prevProps) { var _this$props5 = this.props, _this$props5$on = _this$props5.on, on = _this$props5$on === void 0 ? 'click' : _this$props5$on, @@ -846,12 +851,31 @@ closeOnBackdropClick = _this$props5$closeOnB === void 0 ? true : _this$props5$closeOnB; var open = this.props.open; + if (prevProps.open !== this.props.open && this.props.open) { + var triggerElement = this.findDOMNode(this.triggerRef); + var zIndex = this.getZIndexForLayer(triggerElement); + this.setState({ + zIndex: zIndex === undefined ? zIndex : zIndex + 1 + }); + } + if (on === 'click' && open && closeOnBackdropClick) { document.addEventListener('mousedown', this.doesNodeContainClick); } else if (on === 'click' && !open && closeOnBackdropClick) { document.removeEventListener('mousedown', this.doesNodeContainClick); } } + }, { + key: "getZIndexForLayer", + value: function getZIndexForLayer(node) { + if (node === null) { + return; + } + + var layerNode = node.closest('[data-layer]') || document.body; + var zIndex = layerNode === document.body ? 'auto' : parseInt(window.getComputedStyle(layerNode).zIndex || '0', 10); + return zIndex === 'auto' || isNaN(zIndex) ? undefined : zIndex; + } }, { key: "getTriggerElement", value: function getTriggerElement(trigger, ref, on) { @@ -927,7 +951,9 @@ style = _ref2.style, placement = _ref2.placement; var newStyle = offset ? _this3.getUpdatedStyle(style, placement, offset) : style; - return _this3.getChildrenElement(children, ref, placement, newStyle); + return _this3.getChildrenElement(children, ref, placement, _objectSpread2(_objectSpread2({}, newStyle), {}, { + zIndex: _this3.state.zIndex + })); }), document.body), (open || this.state.open) && !appendToBody && /*#__PURE__*/React.createElement(reactPopper.Popper, { placement: placement, innerRef: this.popupRef @@ -936,7 +962,9 @@ style = _ref3.style, placement = _ref3.placement; var newStyle = offset ? _this3.getUpdatedStyle(style, placement, offset) : style; - return _this3.getChildrenElement(children, ref, placement, newStyle); + return _this3.getChildrenElement(children, ref, placement, _objectSpread2(_objectSpread2({}, newStyle), {}, { + zIndex: _this3.state.zIndex + })); })); } }]); @@ -986,7 +1014,8 @@ Popover: true }, 'Popover--dark', dark), className); var PopoverWrapper = /*#__PURE__*/React.createElement("div", { - className: classes + className: classes, + "data-layer": true }, children); var popperOptions = { trigger: trigger, @@ -1059,6 +1088,7 @@ var labelClass = classNames__default['default'](_defineProperty({}, 'DropdownButton-label', true)); return /*#__PURE__*/React.createElement("button", _extends({ ref: ref, + type: "button", value: children, className: buttonClass, disabled: disabled, @@ -1108,7 +1138,9 @@ var classes = classNames__default['default']((_classNames = { Text: true }, _defineProperty(_classNames, "Text--".concat(appearance), appearance), _defineProperty(_classNames, "Text--".concat(weight), weight), _defineProperty(_classNames, 'Text--small', small), _classNames), className); - return /*#__PURE__*/React.createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, _extends({ + "data-test": "DesignSystem-Text" + }, baseProps, { className: classes, componentType: "span" }), children); @@ -1481,27 +1513,26 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) { var _classNames, _classNames2, _classNames3; - var _props$appearance = props.appearance, - appearance = _props$appearance === void 0 ? 'basic' : _props$appearance, - _props$size = props.size, + var _props$size = props.size, size = _props$size === void 0 ? 'regular' : _props$size, - _props$iconAlign = props.iconAlign, - iconAlign = _props$iconAlign === void 0 ? 'left' : _props$iconAlign, - _props$tabIndex = props.tabIndex, - tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex, + appearance = props.appearance, + iconAlign = props.iconAlign, + tabIndex = props.tabIndex, + type = props.type, children = props.children, icon = props.icon, expanded = props.expanded, loading = props.loading, disabled = props.disabled, className = props.className, - rest = _objectWithoutProperties(props, ["appearance", "size", "iconAlign", "tabIndex", "children", "icon", "expanded", "loading", "disabled", "className"]); + rest = _objectWithoutProperties(props, ["size", "appearance", "iconAlign", "tabIndex", "type", "children", "icon", "expanded", "loading", "disabled", "className"]); var buttonClass = classNames__default['default']((_classNames = {}, _defineProperty(_classNames, 'Button', true), _defineProperty(_classNames, 'Button--expanded', expanded), _defineProperty(_classNames, "Button--".concat(size), size), _defineProperty(_classNames, 'Button--square', !children), _defineProperty(_classNames, "Button--".concat(appearance), appearance), _defineProperty(_classNames, "Button--iconAlign-".concat(iconAlign), children && iconAlign), _defineProperty(_classNames, "".concat(className), className), _classNames)); var iconClass = classNames__default['default']((_classNames2 = {}, _defineProperty(_classNames2, 'Button-icon', true), _defineProperty(_classNames2, "Button-icon--".concat(iconAlign), children && iconAlign), _classNames2)); var spinnerClass = classNames__default['default']((_classNames3 = {}, _defineProperty(_classNames3, 'Button-spinner', true), _defineProperty(_classNames3, "Button-spinner--".concat(iconAlign), children && iconAlign), _classNames3)); return /*#__PURE__*/React.createElement("button", _extends({ ref: ref, + type: type, className: buttonClass, disabled: disabled || loading, tabIndex: tabIndex @@ -1519,6 +1550,12 @@ })), children); }); Button.displayName = 'Button'; + Button.defaultProps = { + appearance: 'basic', + size: 'regular', + iconAlign: 'left', + tabIndex: 0 + }; var sizeMapping$1 = { tiny: 12, @@ -2991,7 +3028,9 @@ var classes = classNames__default['default']((_classNames = { Heading: true }, _defineProperty(_classNames, "Heading--".concat(size), size), _defineProperty(_classNames, "Heading--".concat(appearance), appearance), _classNames), className); - return /*#__PURE__*/React.createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, _extends({ + "data-test": "DesignSystem-Heading" + }, baseProps, { className: classes, componentType: sizeMap[size] }), children); @@ -3011,7 +3050,9 @@ var classes = classNames__default['default'](_defineProperty({ Subheading: true }, "Subheading--".concat(appearance), appearance), className); - return /*#__PURE__*/React.createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, _extends({ + "data-test": "DesignSystem-Subheading" + }, baseProps, { className: classes, componentType: 'h4' }), children); @@ -3816,11 +3857,17 @@ }; Caption.displayName = 'Caption'; + /** + * It works as Uncontrolled Input + * + * **Updated value can be passed** + */ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) { var maskProp = props.mask, valueProp = props.value, _props$placeholderCha = props.placeholderChar, placeholderChar = _props$placeholderCha === void 0 ? '_' : _props$placeholderCha, + defaultValue = props.defaultValue, mask = props.mask, error = props.error, caption = props.caption, @@ -3830,9 +3877,9 @@ onClick = props.onClick, onClear = props.onClear, className = props.className, - rest = _objectWithoutProperties(props, ["mask", "value", "placeholderChar", "mask", "error", "caption", "required", "onChange", "onBlur", "onClick", "onClear", "className"]); + rest = _objectWithoutProperties(props, ["mask", "value", "placeholderChar", "defaultValue", "mask", "error", "caption", "required", "onChange", "onBlur", "onClick", "onClear", "className"]); - var _React$useState = React.useState(''), + var _React$useState = React.useState(defaultValue || valueProp || ''), _React$useState2 = _slicedToArray(_React$useState, 2), value = _React$useState2[0], setValue = _React$useState2[1]; @@ -3847,13 +3894,13 @@ return typeof m === 'string' && m.length === 1; }); React.useEffect(function () { - if (valueProp) { + setCaretPos(caret); + }, [caret]); + React.useEffect(function () { + if (ref.current && valueProp) { setValue(convertToMasked(valueProp)); } }, [valueProp]); - React.useEffect(function () { - setCaretPos(caret); - }, [caret]); React.useEffect(function () { if (ref.current) { var el = ref.current; @@ -4408,13 +4455,16 @@ 'Label-label': true, 'Label--disabled': disabled }); - return /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("div", _extends({ + "data-test": "DesignSystem-Label" + }, baseProps, { className: LabelClass }), /*#__PURE__*/React.createElement(GenericText, { className: classes, componentType: "label" }, children), required && /*#__PURE__*/React.createElement("span", { - className: "Label-requiredIndicator" + className: "Label-requiredIndicator", + "data-test": "DesignSystem-Label--RequiredIndicator" })); }; Label.displayName = 'Label'; @@ -4491,18 +4541,24 @@ var baseProps = extractBaseProps(props); var MessageClass = classNames__default['default']((_classNames = {}, _defineProperty(_classNames, 'Message', true), _defineProperty(_classNames, "Message--".concat(appearance), appearance), _classNames), className); var MessageIcon = classNames__default['default']((_classNames2 = {}, _defineProperty(_classNames2, 'Message-icon', true), _defineProperty(_classNames2, "Message-icon--".concat(appearance), appearance), _defineProperty(_classNames2, 'Message-icon--withTitle', title), _classNames2)); - return /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("div", _extends({ + "data-test": "DesignSystem-Message" + }, baseProps, { className: MessageClass }), appearance !== 'default' && /*#__PURE__*/React.createElement("div", { - className: MessageIcon + className: MessageIcon, + "data-test": "DesignSystem-Message--Icon" }, /*#__PURE__*/React.createElement(Icon, { name: IconMapping[appearance], appearance: appearance - })), /*#__PURE__*/React.createElement("div", null, title && /*#__PURE__*/React.createElement("div", { + })), /*#__PURE__*/React.createElement("div", { + "data-test": "DesignSystem-Message--Title" + }, title && /*#__PURE__*/React.createElement("div", { className: "Message-title" }, /*#__PURE__*/React.createElement(Heading, { size: "s" }, title)), /*#__PURE__*/React.createElement("div", { + "data-test": "DesignSystem-Message--Description", className: "Message-description" }, children))); }; @@ -4634,7 +4690,9 @@ var classes = classNames__default['default'](_defineProperty({ Text: true }, "Text--".concat(appearance), appearance), className); - return /*#__PURE__*/React.createElement(GenericText, _extends({}, baseProps, { + return /*#__PURE__*/React.createElement(GenericText, _extends({ + "data-test": "DesignSystem-Paragraph" + }, baseProps, { className: classes, componentType: "p" }), children); @@ -4653,7 +4711,9 @@ var ProgressBarClass = classNames__default['default']({ ProgressBar: true }, className); - return /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("div", _extends({ + "data-test": "DesignSystem-ProgressBar" + }, baseProps, { className: ProgressBarClass }), /*#__PURE__*/React.createElement("div", { className: 'ProgressBar-indicator', @@ -4720,7 +4780,9 @@ var classes = classNames__default['default'](_defineProperty({ Row: true }, "".concat(className), className)); - return /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("div", _extends({ + "data-test": "DesignSystem-Row" + }, baseProps, { className: classes }), children); }; @@ -4739,7 +4801,9 @@ var baseProps = extractBaseProps(props); var StatusHintClass = classNames__default['default'](_defineProperty({}, 'StatusHint', true), className); var StatusHintIconClass = classNames__default['default']((_classNames2 = {}, _defineProperty(_classNames2, 'StatusHint-icon', true), _defineProperty(_classNames2, "StatusHint--".concat(appearance), appearance), _classNames2)); - return /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("div", _extends({ + "data-test": "DesignSystem-StatusHint" + }, baseProps, { className: StatusHintClass, onClick: function onClick(e) { return _onClick && _onClick(e); @@ -4751,8 +4815,10 @@ return _onMouseLeave && _onMouseLeave(e); } }), /*#__PURE__*/React.createElement("span", { + "data-test": "DesignSystem-StatusHint--Icon", className: StatusHintIconClass }), /*#__PURE__*/React.createElement(Text, { + "data-test": "DesignSystem-StatusHint--Text", weight: 'medium' }, children)); }; @@ -4770,12 +4836,762 @@ var classes = classNames__default['default']((_classNames = { Pills: true }, _defineProperty(_classNames, "Badge--".concat(appearance), appearance && !subtle), _defineProperty(_classNames, "Badge--subtle-".concat(appearance), subtle), _classNames), className); - return /*#__PURE__*/React.createElement("span", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("span", _extends({ + "data-test": "DesignSystem-Pills" + }, baseProps, { className: classes }), children); }; Pills.displayName = 'Pills'; + var ARROW_LEFT = 37; + var ARROW_RIGHT = 39; + + var formatPercentage = function formatPercentage(ratio) { + return "".concat((ratio * 100).toFixed(2), "%"); + }; + var countDecimalPlaces = function countDecimalPlaces(value) { + if (!isFinite(value)) return 0; + + if (Math.floor(value) !== value) { + var valueArray = value.toString().split('.'); + return valueArray[1].length || 0; + } + + return 0; + }; + var approxEqual = function approxEqual(a, b) { + var tolerance = 0.00001; + return Math.abs(a - b) <= tolerance; + }; + var clamp = function clamp(value, min, max) { + if (value == null) { + return value; + } + + return Math.min(Math.max(value, min), max); + }; + var arraysEqual = function arraysEqual(oldValues, newValues) { + if (oldValues.length !== oldValues.length) return; + return newValues.every(function (value, index) { + return value === oldValues[index]; + }); + }; + function argMin(values, argFn) { + if (values.length === 0) { + return undefined; + } + + var minValue = values[0]; + var minArg = argFn(minValue); + + for (var index = 1; index < values.length; index++) { + var _value = values[index]; + var arg = argFn(_value); + + if (arg < minArg) { + minValue = _value; + minArg = arg; + } + } + + return minValue; + } + function fillValues(values, startIndex, endIndex, fillValue) { + var inc = startIndex < endIndex ? 1 : -1; + + for (var index = startIndex; index !== endIndex + inc; index += inc) { + values[index] = fillValue; + } + } + function isElementOfType(element, _ComponentType) { + return element != null && element.type != null; + } + + var Handle = /*#__PURE__*/function (_React$Component) { + _inherits(Handle, _React$Component); + + var _super = _createSuper(Handle); + + function Handle() { + var _this; + + _classCallCheck(this, Handle); + + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; + } + + _this = _super.call.apply(_super, [this].concat(args)); + + _defineProperty(_assertThisInitialized(_this), "state", { + isMoving: false + }); + + _defineProperty(_assertThisInitialized(_this), "handleElement", null); + + _defineProperty(_assertThisInitialized(_this), "refHandlers", { + handle: function handle(el) { + return _this.handleElement = el; + } + }); + + _defineProperty(_assertThisInitialized(_this), "mouseEventClientOffset", function (event) { + return event.clientX; + }); + + _defineProperty(_assertThisInitialized(_this), "clientToValue", function (clientPixel) { + var _this$props = _this.props, + stepSize = _this$props.stepSize, + tickSize = _this$props.tickSize, + value = _this$props.value; + + if (_this.handleElement == null) { + return value; + } + + var clientPixelNormalized = clientPixel; + + var _this$getHandleMidpoi = _this.getHandleMidpointAndOffset(_this.handleElement), + handleMidpoint = _this$getHandleMidpoi.handleMidpoint, + handleOffset = _this$getHandleMidpoi.handleOffset; + + var handleCenterPixel = handleMidpoint + handleOffset; + var pixelDelta = clientPixelNormalized - handleCenterPixel; + + if (isNaN(pixelDelta)) { + return value; + } + + return value + Math.round(pixelDelta / (tickSize * stepSize)) * stepSize; + }); + + _defineProperty(_assertThisInitialized(_this), "changeValue", function (newValue) { + var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.props.onChange; + var updatedValue = clamp(newValue, _this.props.min, _this.props.max); + + if (!isNaN(updatedValue) && _this.props.value !== updatedValue) { + if (callback) callback(updatedValue); + } + + return updatedValue; + }); + + _defineProperty(_assertThisInitialized(_this), "endHandleMovement", function (event) { + var clientPixel = _this.mouseEventClientOffset(event); + + var onRelease = _this.props.onRelease; + + _this.removeDocumentEventListeners(); + + _this.setState({ + isMoving: false + }); + + var finalValue = _this.changeValue(_this.clientToValue(clientPixel)); + + if (onRelease) onRelease(finalValue); + }); + + _defineProperty(_assertThisInitialized(_this), "continueHandleMovement", function (event) { + var clientPixel = _this.mouseEventClientOffset(event); + + if (_this.state.isMoving && !_this.props.disabled) { + var value = _this.clientToValue(clientPixel); + + _this.changeValue(value); + } + }); + + _defineProperty(_assertThisInitialized(_this), "beginHandleMovement", function (event) { + if (_this.props.disabled) return; + document.addEventListener('mousemove', _this.continueHandleMovement); + document.addEventListener('mouseup', _this.endHandleMovement); + + _this.setState({ + isMoving: true + }); + + var value = _this.clientToValue(event.clientX); + + _this.changeValue(value); + }); + + _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) { + if (_this.props.disabled) return; + var _this$props2 = _this.props, + stepSize = _this$props2.stepSize, + value = _this$props2.value; + var which = event.which; + + if (which === ARROW_LEFT) { + _this.changeValue(value - stepSize); + + event.preventDefault(); + } else if (which === ARROW_RIGHT) { + _this.changeValue(value + stepSize); + + event.preventDefault(); + } + }); + + _defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (event) { + if (_this.props.disabled) return; + + if ([ARROW_LEFT, ARROW_RIGHT].indexOf(event.which) >= 0) { + var onRelease = _this.props.onRelease; + if (onRelease) onRelease(_this.props.value); + } + }); + + _defineProperty(_assertThisInitialized(_this), "getHandleMidpointAndOffset", function (handleElement) { + var useOppositeDimension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + + if (handleElement == null) { + return { + handleMidpoint: 0, + handleOffset: 0 + }; + } + + var handleRect = handleElement.getBoundingClientRect(); + var sizeKey = useOppositeDimension ? 'height' : 'width'; + var handleOffset = handleRect.left; + return { + handleOffset: handleOffset, + handleMidpoint: handleRect[sizeKey] / 2 + }; + }); + + _defineProperty(_assertThisInitialized(_this), "removeDocumentEventListeners", function () { + document.removeEventListener('mousemove', _this.continueHandleMovement); + document.removeEventListener('mouseup', _this.endHandleMovement); + }); + + return _this; + } + + _createClass(Handle, [{ + key: "componentWillUnmount", + value: function componentWillUnmount() { + this.removeDocumentEventListeners(); + } + }, { + key: "componentDidUpdate", + value: function componentDidUpdate(_prevProps, prevState) { + if (prevState.isMoving !== this.state.isMoving) { + if (this.handleElement) this.handleElement.focus(); + } + } + }, { + key: "render", + value: function render() { + var _classNames; + + var _this$props3 = this.props, + min = _this$props3.min, + tickSizeRatio = _this$props3.tickSizeRatio, + value = _this$props3.value, + disabled = _this$props3.disabled, + label = _this$props3.label; + + var _this$getHandleMidpoi2 = this.getHandleMidpointAndOffset(this.handleElement, true), + handleMidpoint = _this$getHandleMidpoi2.handleMidpoint; + + var offsetRatio = (value - min) * tickSizeRatio; + var offsetCalc = "calc(".concat(formatPercentage(offsetRatio), " - ").concat(handleMidpoint, "px)"); + var style = { + left: offsetCalc + }; + var className = classNames__default['default']((_classNames = {}, _defineProperty(_classNames, 'Slider-handle', true), _defineProperty(_classNames, 'Slider-handle--disabled', disabled), _defineProperty(_classNames, 'Slider-handle--active', this.state.isMoving), _classNames)); + return /*#__PURE__*/React.createElement("div", { + className: className, + onMouseDown: this.beginHandleMovement, + onKeyDown: this.handleKeyDown, + onKeyUp: this.handleKeyUp, + ref: this.refHandlers.handle, + style: style, + tabIndex: 1 + }, !this.state.isMoving && /*#__PURE__*/React.createElement(Tooltip, { + tooltip: label, + position: "top", + triggerClass: 'Slider-tooltip' + }, /*#__PURE__*/React.createElement("span", { + className: "h-100 w-100" + }))); + } + }]); + + return Handle; + }(React.Component); + + var defaultProps = { + disabled: false, + labelStepSize: 1, + max: 10, + min: 0, + stepSize: 1 + }; + + var MultiSliderHandle = function MultiSliderHandle() { + return null; + }; + + var MultiSlider = /*#__PURE__*/function (_React$Component) { + _inherits(MultiSlider, _React$Component); + + var _super = _createSuper(MultiSlider); + + function MultiSlider(_props) { + var _this; + + _classCallCheck(this, MultiSlider); + + _this = _super.call(this, _props); + + _defineProperty(_assertThisInitialized(_this), "handleElements", []); + + _defineProperty(_assertThisInitialized(_this), "trackElement", null); + + _defineProperty(_assertThisInitialized(_this), "getLabelPrecision", function (_ref) { + var labelPrecision = _ref.labelPrecision, + stepSize = _ref.stepSize; + return labelPrecision == null ? countDecimalPlaces(stepSize) : labelPrecision; + }); + + _defineProperty(_assertThisInitialized(_this), "getOffsetRatio", function (value) { + return clamp((value - _this.props.min) * _this.state.tickSizeRatio, 0, 1); + }); + + _defineProperty(_assertThisInitialized(_this), "addHandleRef", function (ref) { + if (ref != null) { + _this.handleElements.push(ref); + } + }); + + _defineProperty(_assertThisInitialized(_this), "getHandleValues", function (props) { + var maybeHandles = React.Children.map(props.children, function (child) { + return isElementOfType(child) ? child.props : null; + }); + var handles = maybeHandles != null ? maybeHandles : []; + handles = handles.filter(function (handle) { + return handle !== null; + }); + handles.sort(function (left, right) { + return left.value - right.value; + }); + return handles; + }); + + _defineProperty(_assertThisInitialized(_this), "updateTickSize", function () { + if (_this.trackElement != null) { + var trackSize = _this.trackElement.clientWidth; + var tickSizeRatio = 1 / (_this.props.max - _this.props.min); + var tickSize = trackSize * tickSizeRatio; + + _this.setState({ + tickSize: tickSize, + tickSizeRatio: tickSizeRatio + }); + } + }); + + _defineProperty(_assertThisInitialized(_this), "getTrackFill", function (start, end) { + if (start.fillAfter !== undefined) { + return start.fillAfter; + } + + if (end !== undefined && end.fillBefore !== undefined) { + return end.fillBefore; + } + + return false; + }); + + _defineProperty(_assertThisInitialized(_this), "maybeHandleTrackClick", function (event) { + var target = event.target; + var canHandleTrackEvent = !_this.props.disabled && target.closest('.Slider-handle') == null; + + if (canHandleTrackEvent) { + var foundHandle = _this.nearestHandleForValue(_this.handleElements, function (handle) { + return handle.mouseEventClientOffset(event); + }); + + if (foundHandle) { + foundHandle.beginHandleMovement(event); + } + } + }); + + _defineProperty(_assertThisInitialized(_this), "getLockedHandleIndex", function (startIndex, endIndex) { + var inc = startIndex < endIndex ? 1 : -1; + + for (var index = startIndex + inc; index !== endIndex + inc; index += inc) { + return index; + } + + return -1; + }); + + _defineProperty(_assertThisInitialized(_this), "getNewHandleValues", function (newValue, oldIndex) { + var handleProps = _this.getHandleValues(_this.props); + + var oldValues = handleProps.map(function (handle) { + return handle.value; + }); + var newValues = oldValues.slice(); + newValues[oldIndex] = newValue; + if (newValues.length > 1) newValues.sort(function (left, right) { + return left - right; + }); + var newIndex = newValues.indexOf(newValue); + + var lockIndex = _this.getLockedHandleIndex(oldIndex, newIndex); + + if (lockIndex === -1) { + fillValues(newValues, oldIndex, newIndex, newValue); + } else { + var lockValue = oldValues[lockIndex]; + fillValues(oldValues, oldIndex, lockIndex, lockValue); + return oldValues; + } + + return newValues; + }); + + _defineProperty(_assertThisInitialized(_this), "onReleaseHandler", function (newValue, index) { + var onRangeRelease = _this.props.onRangeRelease; + + var handleProps = _this.getHandleValues(_this.props); + + var newValues = _this.getNewHandleValues(newValue, index); // Range Slider callback + + + if (onRangeRelease) { + var range = newValues; + onRangeRelease(range); + } // Slider callback + + + handleProps.forEach(function (handle, i) { + if (handle.onRelease) handle.onRelease(newValues[i]); + }); + }); + + _defineProperty(_assertThisInitialized(_this), "onChangeHandler", function (newValue, index) { + var onRangeChange = _this.props.onRangeChange; + + var handleProps = _this.getHandleValues(_this.props); + + var oldValues = handleProps.map(function (handle) { + return handle.value; + }); + + var newValues = _this.getNewHandleValues(newValue, index); + + if (!arraysEqual(newValues, oldValues)) { + // Range Slider Callback + if (onRangeChange) { + var range = newValues; + onRangeChange(range); + } // Slider callback + + + handleProps.forEach(function (handle, i) { + if (handle.onChange) handle.onChange(newValues[i]); + }); + } + }); + + _defineProperty(_assertThisInitialized(_this), "renderHandles", function () { + var _this$props = _this.props, + disabled = _this$props.disabled, + max = _this$props.max, + min = _this$props.min, + stepSize = _this$props.stepSize; + + var handleProps = _this.getHandleValues(_this.props); + + if (handleProps.length === 0) { + return null; + } + + return handleProps.map(function (_ref2, index) { + var value = _ref2.value; + return /*#__PURE__*/React.createElement(Handle, { + disabled: disabled, + key: "".concat(index, "-").concat(handleProps.length), + max: max, + min: min, + onRelease: function onRelease(newValue) { + return _this.onReleaseHandler(newValue, index); + }, + onChange: function onChange(newValue) { + return _this.onChangeHandler(newValue, index); + }, + label: value.toFixed(_this.state.labelPrecision), + ref: _this.addHandleRef, + stepSize: stepSize, + tickSize: _this.state.tickSize, + tickSizeRatio: _this.state.tickSizeRatio, + value: value + }); + }); + }); + + _defineProperty(_assertThisInitialized(_this), "formatLabel", function (value) { + var labelRenderer = _this.props.labelRenderer; + + if (typeof labelRenderer === 'function') { + return labelRenderer(value); + } + + return value.toFixed(_this.state.labelPrecision); + }); + + _defineProperty(_assertThisInitialized(_this), "renderLabels", function () { + var _this$props2 = _this.props, + labelStepSize = _this$props2.labelStepSize, + max = _this$props2.max, + min = _this$props2.min, + labelRenderer = _this$props2.labelRenderer, + disabled = _this$props2.disabled; + var labels = []; + var stepSizeRatio = _this.state.tickSizeRatio * labelStepSize; + + var handles = _this.getHandleValues(_this.props); + + var activeLabels = handles.map(function (handle) { + return handle.value.toFixed(_this.state.labelPrecision); + }); + + for (var i = min, offsetRatio = 0; i < max || approxEqual(i, max); i += labelStepSize, offsetRatio += stepSizeRatio) { + var offsetPercentage = formatPercentage(offsetRatio); + var style = { + left: offsetPercentage + }; + var active = !disabled && activeLabels.indexOf(i.toFixed(_this.state.labelPrecision)) !== -1; + labels.push( /*#__PURE__*/React.createElement("div", { + className: 'Slider-label', + key: i, + style: style + }, /*#__PURE__*/React.createElement("span", { + className: 'Slider-ticks' + }), labelRenderer !== false && /*#__PURE__*/React.createElement(Text, { + small: true, + appearance: active ? 'default' : 'disabled' + }, _this.formatLabel(i)))); + } + + return labels; + }); + + _defineProperty(_assertThisInitialized(_this), "renderTrackFill", function (index, start, end) { + var _classNames; + + var _sort = [_this.getOffsetRatio(start.value), _this.getOffsetRatio(end.value)].sort(function (left, right) { + return left - right; + }), + _sort2 = _slicedToArray(_sort, 2), + startRatio = _sort2[0], + endRatio = _sort2[1]; + + var startOffset = Number((startRatio * 100).toFixed(2)); + var endOffset = Number(((1 - endRatio) * 100).toFixed(2)); + var width = "".concat(100 - endOffset - startOffset, "%"); + var orientationStyle = { + width: width + }; + + var style = _objectSpread2({}, orientationStyle); + + var fillTrack = _this.getTrackFill(start, end); + + var classes = classNames__default['default']((_classNames = {}, _defineProperty(_classNames, 'Slider-progress', true), _defineProperty(_classNames, 'Slider-progress--disabled', _this.props.disabled), _defineProperty(_classNames, 'Slider-progress--inRange', fillTrack), _defineProperty(_classNames, 'Slider-progress--inRangeDisabled', fillTrack && _this.props.disabled), _classNames)); + return /*#__PURE__*/React.createElement("div", { + key: "track-".concat(index), + className: classes, + style: style + }); + }); + + _defineProperty(_assertThisInitialized(_this), "renderTracks", function () { + var trackStops = _this.getHandleValues(_this.props); + + trackStops.push({ + value: _this.props.max + }); + var previous = { + value: _this.props.min || 0 + }; + var handles = []; + trackStops.forEach(function (track, index) { + var current = track; + handles.push(_this.renderTrackFill(index, previous, current)); + previous = current; + }); + return handles; + }); + + _this.state = { + labelPrecision: _this.getLabelPrecision(_this.props), + tickSize: 0, + tickSizeRatio: 0 + }; + return _this; + } + + _createClass(MultiSlider, [{ + key: "getDerivedStateFromProps", + value: function getDerivedStateFromProps(props) { + return { + labelPrecision: this.getLabelPrecision(props) + }; + } + }, { + key: "getSnapshotBeforeUpdate", + value: function getSnapshotBeforeUpdate(prevProps) { + var prevHandleProps = this.getHandleValues(prevProps); + var newHandleProps = this.getHandleValues(this.props); + + if (newHandleProps.length !== prevHandleProps.length) { + this.handleElements = []; + } + + return null; + } + }, { + key: "componentDidMount", + value: function componentDidMount() { + this.updateTickSize(); + } + }, { + key: "nearestHandleForValue", + value: function nearestHandleForValue(handles, getOffset) { + return argMin(handles, function (handle) { + var offset = getOffset(handle); + var offsetValue = handle.clientToValue(offset); + var handleValue = handle.props.value; + return Math.abs(offsetValue - handleValue); + }); + } + }, { + key: "render", + value: function render() { + var _classNames3, + _this2 = this; + + var _this$props3 = this.props, + label = _this$props3.label, + className = _this$props3.className; + var baseProps = extractBaseProps(this.props); + var SliderClass = classNames__default['default'](_defineProperty({}, 'Slider', true), className); + var WrapperClass = classNames__default['default']((_classNames3 = {}, _defineProperty(_classNames3, 'Slider-wrapper', true), _defineProperty(_classNames3, 'Slider-wrapper--disabled', this.props.disabled), _classNames3)); + return /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + className: SliderClass + }), label && /*#__PURE__*/React.createElement(Label, { + withInput: true + }, label), /*#__PURE__*/React.createElement("div", { + className: WrapperClass, + onMouseDown: this.maybeHandleTrackClick + }, /*#__PURE__*/React.createElement("div", { + className: "Slider-track", + ref: function ref(_ref3) { + return _this2.trackElement = _ref3; + } + }, this.renderTracks()), /*#__PURE__*/React.createElement("div", { + className: "Slider-axis'" + }, this.renderLabels()), this.renderHandles())); + } + }]); + + return MultiSlider; + }(React.Component); + + _defineProperty(MultiSlider, "defaultProps", defaultProps); + + _defineProperty(MultiSlider, "Handle", MultiSliderHandle); + + var Slider = function Slider(props) { + var valueProp = props.value, + _props$defaultValue = props.defaultValue, + defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue, + onRelease = props.onRelease, + onChange = props.onChange, + rest = _objectWithoutProperties(props, ["value", "defaultValue", "onRelease", "onChange"]); + + var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp), + _React$useState2 = _slicedToArray(_React$useState, 2), + value = _React$useState2[0], + setValue = _React$useState2[1]; + + React.useEffect(function () { + if (valueProp !== undefined) { + setValue(valueProp); + } + }, [valueProp]); + + var onChangeHandler = function onChangeHandler(newValue) { + if (valueProp === undefined) { + setValue(newValue); + } + + if (onChange) onChange(newValue); + }; + + return /*#__PURE__*/React.createElement(MultiSlider, rest, /*#__PURE__*/React.createElement(MultiSlider.Handle, { + value: value, + onChange: onChangeHandler, + onRelease: onRelease, + fillBefore: true + })); + }; + + var RangeIndex; + + (function (RangeIndex) { + RangeIndex[RangeIndex["START"] = 0] = "START"; + RangeIndex[RangeIndex["END"] = 1] = "END"; + })(RangeIndex || (RangeIndex = {})); + + var RangeSlider = function RangeSlider(props) { + var valueProp = props.value, + _props$defaultValue = props.defaultValue, + defaultValue = _props$defaultValue === void 0 ? [0, 10] : _props$defaultValue, + onChange = props.onChange, + onRelease = props.onRelease, + rest = _objectWithoutProperties(props, ["value", "defaultValue", "onChange", "onRelease"]); + + var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp), + _React$useState2 = _slicedToArray(_React$useState, 2), + value = _React$useState2[0], + setValue = _React$useState2[1]; + + React.useEffect(function () { + if (valueProp !== undefined) { + setValue(valueProp); + } + }, [valueProp]); + + var onChangeHandler = function onChangeHandler(range) { + if (valueProp === undefined) { + setValue(range); + } + + if (onChange) onChange(range); + }; + + return /*#__PURE__*/React.createElement(MultiSlider, _extends({ + onRangeChange: onChangeHandler, + onRangeRelease: onRelease + }, rest), /*#__PURE__*/React.createElement(MultiSlider.Handle, { + value: value[RangeIndex.START], + fillAfter: true + }), /*#__PURE__*/React.createElement(MultiSlider.Handle, { + value: value[RangeIndex.END] + })); + }; + /** * ######Switch has two types: * - [Controlled Switch](https://reactjs.org/docs/forms.html#controlled-components) @@ -5036,63 +5852,126 @@ return Tooltip; }(React.Component); - var useEffect$1 = React.useEffect, - useState$1 = React.useState; + var Modal = /*#__PURE__*/function (_React$Component) { + _inherits(Modal, _React$Component); - var Modal = function Modal(props) { - var _classNames; + var _super = _createSuper(Modal); - var _props$dimension = props.dimension, - dimension = _props$dimension === void 0 ? 'small' : _props$dimension, - children = props.children, - backdropClose = props.backdropClose, - backdrop = props.backdrop, - className = props.className; + function Modal(props) { + var _this; - var _useState = useState$1(props.open), - _useState2 = _slicedToArray(_useState, 2), - open = _useState2[0], - setOpen = _useState2[1]; + _classCallCheck(this, Modal); - var _useState3 = useState$1(false), - _useState4 = _slicedToArray(_useState3, 2), - animate = _useState4[0], - setAnimate = _useState4[1]; + _this = _super.call(this, props); - var classes = classNames__default['default']((_classNames = { - Modal: true - }, _defineProperty(_classNames, "Modal--".concat(dimension), dimension), _defineProperty(_classNames, 'Modal--open', open), _defineProperty(_classNames, 'Modal-animation--open', animate), _defineProperty(_classNames, 'Modal-animation--close', !animate), _classNames), className); - var baseProps = extractBaseProps(props); - useEffect$1(function () { - if (props.open) { - setOpen(true); - setAnimate(true); + _defineProperty(_assertThisInitialized(_this), "modalRef", /*#__PURE__*/React.createRef()); + + _defineProperty(_assertThisInitialized(_this), "element", void 0); + + _defineProperty(_assertThisInitialized(_this), "getUpdatedZIndex", function () { + if (_this.element === null) return; + + var elements = _this.element.querySelectorAll('.Modal-container'); + + if (elements.length <= 1) return; + var siblings = Array.from(elements).filter(function (el) { + return el !== _this.modalRef.current; + }); + var zIndex = -1; + siblings.forEach(function (element) { + if (element.classList.contains('Modal-container--open')) { + var prevZIndex = parseInt(window.getComputedStyle(element).zIndex || '0', 10); + zIndex = Math.max(zIndex, prevZIndex + 10); + } + }); + return zIndex > 0 ? zIndex : undefined; + }); + + var _element = document.querySelector('.Modal-wrapper'); + + if (_element === null) { + _element = document.createElement('div'); + + _element.classList.add('Modal-wrapper'); + + document.body.appendChild(_element); } - if (!props.open) { - setTimeout(function () { - setOpen(false); - }, 120); - setAnimate(false); + _this.element = _element; + _this.state = { + open: props.open, + animate: props.open + }; + return _this; + } + + _createClass(Modal, [{ + key: "componentDidUpdate", + value: function componentDidUpdate(prevProps) { + var _this2 = this; + + if (prevProps.open !== this.props.open) { + if (this.props.open) { + var zIndex = this.getUpdatedZIndex(); + this.setState({ + zIndex: zIndex, + open: true, + animate: true + }); + } else { + this.setState({ + animate: false + }); + setTimeout(function () { + _this2.setState({ + open: false + }); + }, 120); + } + } } - }, [props.open]); - var ModalContainer = /*#__PURE__*/React.createElement("div", { - className: "Modal-container" - }, /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { - className: classes - }), children)); - var ModalWrapper = backdrop ? /*#__PURE__*/React.createElement(OutsideClick, { - onOutsideClick: function onOutsideClick(event) { - return open && backdropClose(event, 'OutsideClick'); + }, { + key: "render", + value: function render() { + var _classNames, _classNames2; + + var _this$state = this.state, + animate = _this$state.animate, + open = _this$state.open, + zIndex = _this$state.zIndex; + var _this$props = this.props, + className = _this$props.className, + dimension = _this$props.dimension, + backdropClose = _this$props.backdropClose; + var classes = classNames__default['default']((_classNames = { + Modal: true + }, _defineProperty(_classNames, "Modal--".concat(dimension), dimension), _defineProperty(_classNames, 'Modal--open', open), _defineProperty(_classNames, 'Modal-animation--open', animate), _defineProperty(_classNames, 'Modal-animation--close', !animate), _classNames), className); + var ContainerClass = classNames__default['default']((_classNames2 = {}, _defineProperty(_classNames2, 'Modal-container', true), _defineProperty(_classNames2, 'Modal-container--open', open), _classNames2)); + var baseProps = extractBaseProps(this.props); + var ModalContainer = /*#__PURE__*/React.createElement("div", { + className: ContainerClass, + "data-layer": true, + style: { + zIndex: zIndex + }, + ref: this.modalRef + }, /*#__PURE__*/React.createElement("div", _extends({}, baseProps, { + className: classes + }), this.props.children)); + var ModalWrapper = this.props.backdrop ? /*#__PURE__*/React.createElement(OutsideClick, { + onOutsideClick: function onOutsideClick(event) { + return open && backdropClose(event, 'OutsideClick'); + } + }, ModalContainer) : ModalContainer; + var WrapperElement = /*#__PURE__*/ReactDOM.createPortal(ModalWrapper, this.element); + return /*#__PURE__*/React.createElement("div", null, WrapperElement, /*#__PURE__*/React.createElement(Backdrop, { + open: this.state.open + })); } - }, ModalContainer) : ModalContainer; - var WrapperElement = /*#__PURE__*/ReactDOM.createPortal(ModalWrapper, document.body); - return /*#__PURE__*/React.createElement("div", null, WrapperElement, /*#__PURE__*/React.createElement(Backdrop, { - open: open - })); - }; + }]); - Modal.displayName = 'Modal'; + return Modal; + }(React.Component); var ModalHeader = function ModalHeader(props) { var className = props.className, @@ -5223,10 +6102,10 @@ Dialog.displayName = 'Dialog'; var useRef = React.useRef, - useEffect$2 = React.useEffect, - useState$2 = React.useState; + useEffect$1 = React.useEffect, + useState$1 = React.useState; var ModalBody = function ModalBody(props) { - var _useState = useState$2(false), + var _useState = useState$1(false), _useState2 = _slicedToArray(_useState, 2), scroll = _useState2[0], setScroll = _useState2[1]; @@ -5235,7 +6114,7 @@ var children = props.children, className = props.className; var baseProps = extractBaseProps(props); - useEffect$2(function () { + useEffect$1(function () { var scrollHeight = ref && ref.current ? ref.current.scrollHeight : 0; var clientHeight = ref && ref.current ? ref.current.clientHeight : 0; @@ -5394,14 +6273,18 @@ strokeWidth: '8', strokeDasharray: "".concat(circumference, " ").concat(circumference) }; - return /*#__PURE__*/React.createElement("svg", _extends({}, baseProps, { + return /*#__PURE__*/React.createElement("svg", _extends({ + "data-test": "DesignSystem-ProgressRing" + }, baseProps, { className: ProgressRingClass }, svgProps), /*#__PURE__*/React.createElement("circle", _extends({ className: "Ring-background" }, circleProps)), /*#__PURE__*/React.createElement("circle", _extends({ className: "Ring-indicator", strokeDashoffset: circumference - updatedValue / 100 * circumference - }, circleProps))); + }, circleProps, { + "data-test": "DesignSystem-ProgressRing--Circle" + }))); }; ProgressRing.displayName = 'ProgressRing'; @@ -5870,6 +6753,20 @@ }; this.updateColumnSchema(name, schemaUpdate); } + function getWidth(width) { + if (this.gridRef.current) { + if (typeof width === 'number') return width; + + if (width.charAt(width.length - 1) === '%') { + var withCheckbox = this.props.withCheckbox; + var checkboxWidth = withCheckbox ? document.querySelector('.Grid-cell--checkbox').clientWidth : 0; + var gridWidth = this.gridRef.current.clientWidth - checkboxWidth; + return gridWidth * (+width.slice(0, -1) / 100); + } + } + + return 0; + } function getCellSize(cellType) { var sizes = { AVATAR: { @@ -5919,11 +6816,11 @@ return updatedData; }; function translateData(schema, data) { - var newData = data; + var newData = _objectSpread2({}, data); if (schema.translate) { var translatedData = schema.translate(data); - newData = _objectSpread2(_objectSpread2({}, newData), {}, _defineProperty({}, schema.name, _typeof(translatedData) === 'object' ? _objectSpread2(_objectSpread2({}, newData[schema.name]), translatedData) : translatedData)); + newData[schema.name] = translatedData !== null && _typeof(translatedData) === 'object' ? _objectSpread2(_objectSpread2({}, newData[schema.name]), translatedData) : translatedData; } if (_typeof(newData[schema.name]) !== 'object') newData[schema.name] = { @@ -6284,7 +7181,8 @@ loading = _this$props.loading, showMenu = _this$props.showMenu, sortingList = _this$props.sortingList, - filterList = _this$props.filterList; + filterList = _this$props.filterList, + headCellTooltip = _this$props.headCellTooltip; var _schema$sorting = schema.sorting, sorting = _schema$sorting === void 0 ? true : _schema$sorting, name = schema.name, @@ -6346,6 +7244,22 @@ }) !== -1 }); }) : []; + + var renderLabel = function renderLabel() { + return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, { + weight: "strong", + className: "ellipsis--noWrap" + }, schema.displayName), sorting && /*#__PURE__*/React.createElement("div", { + className: "Grid-sortingIcons" + }, sorted ? sorted === 'asc' ? /*#__PURE__*/React.createElement(Icon, { + name: "arrow_downward" + }) : /*#__PURE__*/React.createElement(Icon, { + name: "arrow_upward" + }) : /*#__PURE__*/React.createElement(Icon, { + name: "unfold_more" + }))); + }; + return /*#__PURE__*/React.createElement("div", { key: name, className: classes, @@ -6363,18 +7277,11 @@ withImage: false }, /*#__PURE__*/React.createElement(PlaceholderParagraph, { length: "medium" - })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, { - size: "s", - className: "ellipsis--noWrap" - }, schema.displayName), sorting && /*#__PURE__*/React.createElement("div", { - className: "Grid-sortingIcons" - }, sorted ? sorted === 'asc' ? /*#__PURE__*/React.createElement(Icon, { - name: "arrow_downward" - }) : /*#__PURE__*/React.createElement(Icon, { - name: "arrow_upward" - }) : /*#__PURE__*/React.createElement(Icon, { - name: "unfold_more" - })))), filters && /*#__PURE__*/React.createElement(React.Fragment, null, loading && !init ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Placeholder, null)) : /*#__PURE__*/React.createElement(Dropdown, { + })) : /*#__PURE__*/React.createElement(React.Fragment, null, headCellTooltip ? /*#__PURE__*/React.createElement(Tooltip, { + position: "top-start", + triggerClass: "w-100 overflow-hidden", + tooltip: schema.displayName + }, renderLabel()) : renderLabel())), filters && /*#__PURE__*/React.createElement(React.Fragment, null, loading && !init ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Placeholder, null)) : /*#__PURE__*/React.createElement(Dropdown, { menu: true, showApplyButton: true, withCheckbox: true, @@ -6465,9 +7372,10 @@ draggable = props.draggable, data = props.data, rowIndex = props.rowIndex; - var nestedRows = _this.props.nestedRows; + var _this$props3 = _this.props, + separator = _this$props3.separator, + nestedRows = _this$props3.nestedRows; var name = schema.name, - separator = schema.separator, hidden = schema.hidden, pinned = schema.pinned, _schema$cellType = schema.cellType, @@ -6484,7 +7392,7 @@ 'Grid-cell': true, 'Grid-cell--head': head, 'Grid-cell--body': !head, - 'Grid-cell--separator': !firstCell && separator, + 'Grid-cell--separator': !firstCell && (schema.separator !== undefined ? schema.separator : separator), 'Grid-cell--nestedRow': !head && colIndex === 0 && nestedRows }); if (hidden) return null; @@ -6511,9 +7419,10 @@ if (from.type === to.type) _this.reorderCol(from.name, to.name); }, style: { - width: schema.width || width, - minWidth: schema.minWidth || minWidth, - maxWidth: schema.maxWidth || maxWidth + visibility: _this.gridRef.current === null ? 'hidden' : 'visible', + width: getWidth.call(_this, schema.width || width), + minWidth: getWidth.call(_this, schema.minWidth || minWidth), + maxWidth: getWidth.call(_this, schema.maxWidth || maxWidth) } }, head ? /*#__PURE__*/React.createElement(HeaderCell, { _this: _this, @@ -7087,32 +7996,14 @@ }, { key: "render", value: function render() { - var _this$props2 = this.props, - withPagination = _this$props2.withPagination, - page = _this$props2.page, - _onPageChange = _this$props2.onPageChange, - totalRecords = _this$props2.totalRecords, - pageSize = _this$props2.pageSize, - paginationType = _this$props2.paginationType; var baseProps = extractBaseProps(this.props); var schema = getSchema(this); return /*#__PURE__*/React.createElement("div", { - className: "Grid-container" - }, /*#__PURE__*/React.createElement("div", { className: "Grid-wrapper", ref: this.gridRef }, /*#__PURE__*/React.createElement(MainGrid, _extends({}, baseProps, { _this: this, schema: schema - }))), withPagination && /*#__PURE__*/React.createElement("div", { - className: "Grid-pagination" - }, /*#__PURE__*/React.createElement(Pagination, { - page: page, - totalPages: getTotalPages(totalRecords, pageSize), - type: paginationType, - onPageChange: function onPageChange(newPage) { - if (_onPageChange) _onPageChange(newPage); - } }))); } }]); @@ -7129,7 +8020,6 @@ size: 'comfortable', page: 1, pageSize: 0, - paginationType: 'jump', loading: false, error: false, sortingList: [], @@ -7341,13 +8231,14 @@ dynamicColumn: true }; - var defaultProps = { + var defaultProps$1 = { type: 'data', size: 'comfortable', showHead: true, showMenu: true, multipleSorting: true, headerOptions: {}, + paginationType: 'jump', pageSize: 15, loading: false, draggable: true @@ -7601,6 +8492,8 @@ showHead = _this$props3.showHead, type = _this$props3.type, size = _this$props3.size, + headCellTooltip = _this$props3.headCellTooltip, + separator = _this$props3.separator, draggable = _this$props3.draggable, nestedRows = _this$props3.nestedRows, nestedRowRenderer = _this$props3.nestedRowRenderer, @@ -7652,24 +8545,31 @@ showHead: showHead, type: type, size: size, + headCellTooltip: headCellTooltip, + separator: separator, draggable: draggable, nestedRows: nestedRows, nestedRowRenderer: nestedRowRenderer, withPagination: withPagination && totalPages > 1, - paginationType: paginationType, pageSize: pageSize, loaderSchema: loaderSchema, errorTemplate: errorTemplate, - onRowClick: onRowClick, + onRowClick: onRowClick + }))), withPagination && /*#__PURE__*/React.createElement("div", { + className: "Table-pagination" + }, /*#__PURE__*/React.createElement(Pagination, { + page: this.state.page, + totalPages: getTotalPages(totalRecords, pageSize), + type: paginationType, onPageChange: this.onPageChange - })))); + }))); } }]); return Table; }(React.Component); - _defineProperty(Table, "defaultProps", defaultProps); + _defineProperty(Table, "defaultProps", defaultProps$1); var List = function List(props) { return /*#__PURE__*/React.createElement(Table, _extends({ @@ -7677,7 +8577,7 @@ }, props)); }; - var useState$3 = React.useState; + var useState$2 = React.useState; /** * ####NOTE: Navigation(vertical) sets first subMenu(if present) active if the Navigation is collapsed. @@ -7696,7 +8596,7 @@ className = props.className; var baseProps = extractBaseProps(props); - var _useState = useState$3({}), + var _useState = useState$2({}), _useState2 = _slicedToArray(_useState, 2), menuState = _useState2[0], setMenuState = _useState2[1]; @@ -7886,20 +8786,23 @@ }; var PageHeader = function PageHeader(props) { + var _classNames; + var title = props.title, navigation = props.navigation, actions = props.actions, tabs = props.tabs, breadcrumbs = props.breadcrumbs, badge = props.badge, + seperator = props.seperator, status = props.status, meta = props.meta, navigationPosition = props.navigationPosition, className = props.className; var baseProps = extractBaseProps(props); - var wrapperClasses = classNames__default['default'](_defineProperty({ + var wrapperClasses = classNames__default['default']((_classNames = { 'PageHeader-wrapper': true - }, 'PageHeader-wrapper--withTabs', tabs), className); + }, _defineProperty(_classNames, 'PageHeader-wrapper--separator', seperator), _defineProperty(_classNames, 'PageHeader-wrapper--withTabs', tabs), _classNames), className); var classes = classNames__default['default']({ PageHeader: true }); @@ -7987,7 +8890,9 @@ exports.ProgressBar = ProgressBar; exports.ProgressRing = ProgressRing; exports.Radio = Radio; + exports.RangeSlider = RangeSlider; exports.Row = Row; + exports.Slider = Slider; exports.Spinner = Spinner; exports.StatusHint = StatusHint; exports.Subheading = Subheading; diff --git a/package.json b/package.json index 48665b3dbe..5062379439 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@innovaccer/design-system", - "version": "1.1.0-4", + "version": "1.1.0-5", "description": "React components library project for Innovaccer Design System", "main": "dist/index.umd.js", "module": "dist/index.esm.js",