diff --git a/docs/blueprint-landing.css b/docs/blueprint-landing.css index 38731258df..121147c30c 100644 --- a/docs/blueprint-landing.css +++ b/docs/blueprint-landing.css @@ -1622,105 +1622,105 @@ span.pt-icon { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-button:not([class*="pt-intent-"]):active, .pt-button.pt-active:not([class*="pt-intent-"]) { + .pt-button:not([class*="pt-intent-"]):active, .pt-button:not([class*="pt-intent-"]).pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-button:not([class*="pt-intent-"]):disabled, .pt-button.pt-disabled:not([class*="pt-intent-"]) { + .pt-button:not([class*="pt-intent-"]):disabled, .pt-button:not([class*="pt-intent-"]).pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-button:not([class*="pt-intent-"]):disabled.pt-active, .pt-button:not([class*="pt-intent-"]).pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-button.pt-intent-primary { background: #137cbd; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #137cbd; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } - .pt-button.pt-intent-primary:hover, .pt-button.pt-intent-primary:active, .pt-intent-primary.pt-button.pt-active, .pt-button.pt-intent-primary:disabled, .pt-intent-primary.pt-button.pt-disabled { + .pt-button.pt-intent-primary:hover, .pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active { color: #ffffff; } .pt-button.pt-intent-primary:hover { background: #106ba3; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #106ba3; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } - .pt-button.pt-intent-primary:active, .pt-intent-primary.pt-button.pt-active { + .pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #0e5a8a; background-image: none; } - .pt-button.pt-intent-primary:disabled, .pt-intent-primary.pt-button.pt-disabled { + .pt-button.pt-intent-primary:disabled, .pt-button.pt-intent-primary.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(19, 124, 189, 0.5); - background-image: none; } - .pt-button.pt-intent-primary .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } .pt-button.pt-intent-success { background: #0f9960; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #0f9960; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } - .pt-button.pt-intent-success:hover, .pt-button.pt-intent-success:active, .pt-intent-success.pt-button.pt-active, .pt-button.pt-intent-success:disabled, .pt-intent-success.pt-button.pt-disabled { + .pt-button.pt-intent-success:hover, .pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active { color: #ffffff; } .pt-button.pt-intent-success:hover { background: #0d8050; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #0d8050; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } - .pt-button.pt-intent-success:active, .pt-intent-success.pt-button.pt-active { + .pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #0a6640; background-image: none; } - .pt-button.pt-intent-success:disabled, .pt-intent-success.pt-button.pt-disabled { + .pt-button.pt-intent-success:disabled, .pt-button.pt-intent-success.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(15, 153, 96, 0.5); - background-image: none; } - .pt-button.pt-intent-success .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } .pt-button.pt-intent-warning { background: #d9822b; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #d9822b; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } - .pt-button.pt-intent-warning:hover, .pt-button.pt-intent-warning:active, .pt-intent-warning.pt-button.pt-active, .pt-button.pt-intent-warning:disabled, .pt-intent-warning.pt-button.pt-disabled { + .pt-button.pt-intent-warning:hover, .pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active { color: #ffffff; } .pt-button.pt-intent-warning:hover { background: #bf7326; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #bf7326; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } - .pt-button.pt-intent-warning:active, .pt-intent-warning.pt-button.pt-active { + .pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #a66321; background-image: none; } - .pt-button.pt-intent-warning:disabled, .pt-intent-warning.pt-button.pt-disabled { + .pt-button.pt-intent-warning:disabled, .pt-button.pt-intent-warning.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(217, 130, 43, 0.5); - background-image: none; } - .pt-button.pt-intent-warning .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } .pt-button.pt-intent-danger { background: #db3737; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #db3737; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } - .pt-button.pt-intent-danger:hover, .pt-button.pt-intent-danger:active, .pt-intent-danger.pt-button.pt-active, .pt-button.pt-intent-danger:disabled, .pt-intent-danger.pt-button.pt-disabled { + .pt-button.pt-intent-danger:hover, .pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active { color: #ffffff; } .pt-button.pt-intent-danger:hover { background: #c23030; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #c23030; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } - .pt-button.pt-intent-danger:active, .pt-intent-danger.pt-button.pt-active { + .pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #a82a2a; background-image: none; } - .pt-button.pt-intent-danger:disabled, .pt-intent-danger.pt-button.pt-disabled { + .pt-button.pt-intent-danger:disabled, .pt-button.pt-intent-danger.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(219, 55, 55, 0.5); - background-image: none; } - .pt-button.pt-intent-danger .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } + .pt-button[class*="pt-intent-"] .pt-button-spinner .pt-spinner-head { + stroke: #ffffff; } .pt-button.pt-loading { position: relative; } .pt-button.pt-loading[class*="pt-icon-"]::before { @@ -1754,21 +1754,23 @@ span.pt-icon { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-button:not([class*="pt-intent-"]):hover, .pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button.pt-active:not([class*="pt-intent-"]) { + .pt-dark .pt-button:not([class*="pt-intent-"]):hover, .pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-active { color: #f5f8fa; } .pt-dark .pt-button:not([class*="pt-intent-"]):hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button.pt-active:not([class*="pt-intent-"]) { + .pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-button:not([class*="pt-intent-"]):disabled, .pt-dark .pt-button.pt-disabled:not([class*="pt-intent-"]) { + .pt-dark .pt-button:not([class*="pt-intent-"]):disabled, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-button:not([class*="pt-intent-"]):disabled.pt-active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-button:not([class*="pt-intent-"]) .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } @@ -1780,9 +1782,9 @@ span.pt-icon { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-button[class*="pt-intent-"]:hover { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-button[class*="pt-intent-"]:active, .pt-dark [class*="pt-intent-"].pt-button.pt-active { + .pt-dark .pt-button[class*="pt-intent-"]:active, .pt-dark .pt-button[class*="pt-intent-"].pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); } - .pt-dark .pt-button[class*="pt-intent-"]:disabled, .pt-dark [class*="pt-intent-"].pt-button.pt-disabled { + .pt-dark .pt-button[class*="pt-intent-"]:disabled, .pt-dark .pt-button[class*="pt-intent-"].pt-disabled { box-shadow: none; background-image: none; color: rgba(255, 255, 255, 0.3); } @@ -1790,23 +1792,21 @@ span.pt-icon { stroke: #8a9ba8; } .pt-button:disabled::before, .pt-button.pt-disabled::before, .pt-button[class*="pt-intent-"]::before { color: inherit !important; } - .pt-button:disabled .pt-icon, .pt-button.pt-disabled .pt-icon, .pt-button:disabled .pt-icon-standard, .pt-button.pt-disabled .pt-icon-standard, .pt-button:disabled .pt-icon-large, .pt-button.pt-disabled .pt-icon-large, .pt-button[class*="pt-intent-"] .pt-icon, .pt-button[class*="pt-intent-"] .pt-icon-standard, .pt-button[class*="pt-intent-"] .pt-icon-large { + .pt-button:disabled .pt-icon, .pt-button:disabled .pt-icon-standard, .pt-button:disabled .pt-icon-large, .pt-button.pt-disabled .pt-icon, .pt-button.pt-disabled .pt-icon-standard, .pt-button.pt-disabled .pt-icon-large, .pt-button[class*="pt-intent-"] .pt-icon, .pt-button[class*="pt-intent-"] .pt-icon-standard, .pt-button[class*="pt-intent-"] .pt-icon-large { color: inherit !important; } .pt-button.pt-minimal { box-shadow: none; background: none; } - .pt-button.pt-minimal:focus { - box-shadow: none; } - .pt-button.pt-minimal:hover { + .pt-button.pt-minimal:hover, .pt-button.pt-minimal:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } - .pt-button.pt-minimal.pt-active, .pt-button.pt-minimal:active, .pt-minimal.pt-button.pt-active { + .pt-button.pt-minimal:active, .pt-button.pt-minimal.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } - .pt-button.pt-minimal.pt-disabled, .pt-button.pt-minimal:disabled, .pt-minimal.pt-button.pt-disabled, .pt-button.pt-minimal:disabled:hover, .pt-minimal.pt-button.pt-disabled:hover { + .pt-button.pt-minimal:disabled, .pt-button.pt-minimal:disabled:hover, .pt-button.pt-minimal.pt-disabled, .pt-button.pt-minimal.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -1814,122 +1814,130 @@ span.pt-icon { box-shadow: none; background: none; color: inherit; } - .pt-dark .pt-button.pt-minimal:hover, .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-minimal.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-active { + .pt-dark .pt-button.pt-minimal:hover, .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-button.pt-minimal.pt-active { box-shadow: none; background: none; } .pt-dark .pt-button.pt-minimal:hover { background: rgba(138, 155, 168, 0.15); } - .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-minimal.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-active { + .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-button.pt-minimal.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } - .pt-dark .pt-button.pt-minimal.pt-disabled, .pt-dark .pt-button.pt-minimal:disabled, .pt-dark .pt-minimal.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal:disabled:hover, .pt-dark .pt-minimal.pt-button.pt-disabled:hover { + .pt-dark .pt-button.pt-minimal:disabled, .pt-dark .pt-button.pt-minimal:disabled:hover, .pt-dark .pt-button.pt-minimal.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } .pt-button.pt-minimal.pt-intent-primary { color: #106ba3; } - .pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:active, .pt-minimal.pt-intent-primary.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-primary.pt-active { + .pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:active, .pt-button.pt-minimal.pt-intent-primary.pt-active { box-shadow: none; background: none; color: #106ba3; } - .pt-button.pt-minimal.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } - .pt-button.pt-minimal.pt-intent-primary:active, .pt-minimal.pt-intent-primary.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-primary.pt-active { + .pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } + .pt-button.pt-minimal.pt-intent-primary:active, .pt-button.pt-minimal.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } - .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-minimal.pt-intent-primary.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-primary.pt-disabled { + .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-button.pt-minimal.pt-intent-primary.pt-disabled { background: none; color: rgba(16, 107, 163, 0.5); } .pt-button.pt-minimal.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-button.pt-minimal.pt-intent-primary { - color: #2b95d6; } - .pt-dark .pt-button.pt-minimal.pt-intent-primary:hover { + color: #48aff0; } + .pt-dark .pt-button.pt-minimal.pt-intent-primary:hover, .pt-dark .pt-button.pt-minimal.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } - .pt-dark .pt-button.pt-minimal.pt-intent-primary:active, .pt-dark .pt-minimal.pt-intent-primary.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-active { + color: #48aff0; } + .pt-dark .pt-button.pt-minimal.pt-intent-primary:active, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } - .pt-dark .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-dark .pt-minimal.pt-intent-primary.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + color: #48aff0; } + .pt-dark .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-disabled { + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-button.pt-minimal.pt-intent-success { color: #0d8050; } - .pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:active, .pt-minimal.pt-intent-success.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-success.pt-active { + .pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:active, .pt-button.pt-minimal.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } - .pt-button.pt-minimal.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } - .pt-button.pt-minimal.pt-intent-success:active, .pt-minimal.pt-intent-success.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-success.pt-active { + .pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } + .pt-button.pt-minimal.pt-intent-success:active, .pt-button.pt-minimal.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } - .pt-button.pt-minimal.pt-intent-success:disabled, .pt-minimal.pt-intent-success.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-success.pt-disabled { + .pt-button.pt-minimal.pt-intent-success:disabled, .pt-button.pt-minimal.pt-intent-success.pt-disabled { background: none; color: rgba(13, 128, 80, 0.5); } .pt-button.pt-minimal.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-button.pt-minimal.pt-intent-success { - color: #15b371; } - .pt-dark .pt-button.pt-minimal.pt-intent-success:hover { + color: #3dcc91; } + .pt-dark .pt-button.pt-minimal.pt-intent-success:hover, .pt-dark .pt-button.pt-minimal.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } - .pt-dark .pt-button.pt-minimal.pt-intent-success:active, .pt-dark .pt-minimal.pt-intent-success.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-active { + color: #3dcc91; } + .pt-dark .pt-button.pt-minimal.pt-intent-success:active, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } - .pt-dark .pt-button.pt-minimal.pt-intent-success:disabled, .pt-dark .pt-minimal.pt-intent-success.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + color: #3dcc91; } + .pt-dark .pt-button.pt-minimal.pt-intent-success:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-disabled { + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-button.pt-minimal.pt-intent-warning { color: #bf7326; } - .pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:active, .pt-minimal.pt-intent-warning.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-warning.pt-active { + .pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:active, .pt-button.pt-minimal.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } - .pt-button.pt-minimal.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } - .pt-button.pt-minimal.pt-intent-warning:active, .pt-minimal.pt-intent-warning.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-warning.pt-active { + .pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } + .pt-button.pt-minimal.pt-intent-warning:active, .pt-button.pt-minimal.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } - .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-minimal.pt-intent-warning.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-warning.pt-disabled { + .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-button.pt-minimal.pt-intent-warning.pt-disabled { background: none; color: rgba(191, 115, 38, 0.5); } .pt-button.pt-minimal.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-button.pt-minimal.pt-intent-warning { - color: #f29d49; } - .pt-dark .pt-button.pt-minimal.pt-intent-warning:hover { + color: #ffb366; } + .pt-dark .pt-button.pt-minimal.pt-intent-warning:hover, .pt-dark .pt-button.pt-minimal.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } - .pt-dark .pt-button.pt-minimal.pt-intent-warning:active, .pt-dark .pt-minimal.pt-intent-warning.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-active { + color: #ffb366; } + .pt-dark .pt-button.pt-minimal.pt-intent-warning:active, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } - .pt-dark .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-dark .pt-minimal.pt-intent-warning.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + color: #ffb366; } + .pt-dark .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-disabled { + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-button.pt-minimal.pt-intent-danger { color: #c23030; } - .pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:active, .pt-minimal.pt-intent-danger.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-danger.pt-active { + .pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:active, .pt-button.pt-minimal.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } - .pt-button.pt-minimal.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } - .pt-button.pt-minimal.pt-intent-danger:active, .pt-minimal.pt-intent-danger.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-danger.pt-active { + .pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } + .pt-button.pt-minimal.pt-intent-danger:active, .pt-button.pt-minimal.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } - .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-minimal.pt-intent-danger.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-danger.pt-disabled { + .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-button.pt-minimal.pt-intent-danger.pt-disabled { background: none; color: rgba(194, 48, 48, 0.5); } .pt-button.pt-minimal.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-button.pt-minimal.pt-intent-danger { - color: #f55656; } - .pt-dark .pt-button.pt-minimal.pt-intent-danger:hover { + color: #ff7373; } + .pt-dark .pt-button.pt-minimal.pt-intent-danger:hover, .pt-dark .pt-button.pt-minimal.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } - .pt-dark .pt-button.pt-minimal.pt-intent-danger:active, .pt-dark .pt-minimal.pt-intent-danger.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-active { + color: #ff7373; } + .pt-dark .pt-button.pt-minimal.pt-intent-danger:active, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } - .pt-dark .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-dark .pt-minimal.pt-intent-danger.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + color: #ff7373; } + .pt-dark .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-disabled { + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-button.pt-large, .pt-large .pt-button { min-width: 40px; @@ -1960,16 +1968,11 @@ a.pt-button { text-align: center; text-decoration: none; transition: none; } - a.pt-button, a.pt-button:hover, a.pt-button:active, a.pt-button.pt-active { + a.pt-button, a.pt-button:hover, a.pt-button:active { color: #182026; } - a.pt-disabled.pt-button { + a.pt-button.pt-disabled { color: rgba(92, 112, 128, 0.5); } -.pt-button.pt-active.pt-disabled, .pt-button.pt-active:disabled, .pt-active.pt-button.pt-disabled { - background: rgba(191, 204, 214, 0.7); } - .pt-dark .pt-button.pt-active.pt-disabled, .pt-dark .pt-button.pt-active:disabled, .pt-dark .pt-active.pt-button.pt-disabled { - background: rgba(92, 112, 128, 0.7); } - .pt-select select { display: inline-block; border: none; @@ -1992,33 +1995,33 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-select select:active { + .pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-select select:disabled { + .pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } - .pt-select.pt-minimal select:focus { - box-shadow: none; } - .pt-select.pt-minimal select:hover { + .pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } - .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { + .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } - .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { + .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2034,7 +2037,7 @@ a.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } - .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { + .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -2044,8 +2047,9 @@ a.pt-button { box-shadow: none; background: none; color: #106ba3; } - .pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } + .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -2055,23 +2059,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } - .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } + .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } - .pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } + .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -2081,23 +2087,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } - .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } + .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } - .pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } + .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -2107,23 +2115,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } - .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } + .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } - .pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } + .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -2133,15 +2143,16 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } - .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } + .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; @@ -2153,28 +2164,30 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { + .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-select select:active { + .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-select select:disabled { + .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2210,9 +2223,9 @@ a.pt-button { z-index: 5; } .pt-button-group .pt-button:hover { z-index: 6; } - .pt-button-group .pt-button:active, .pt-button-group .pt-button.pt-active, .pt-button-group .pt-button.pt-active { + .pt-button-group .pt-button:active, .pt-button-group .pt-button.pt-active { z-index: 7; } - .pt-button-group .pt-button:disabled, .pt-button-group .pt-button.pt-disabled, .pt-button-group .pt-button.pt-disabled { + .pt-button-group .pt-button:disabled, .pt-button-group .pt-button.pt-disabled { z-index: 3; } .pt-button-group .pt-button[class*="pt-intent-"] { z-index: 9; } @@ -2220,9 +2233,9 @@ a.pt-button { z-index: 10; } .pt-button-group .pt-button[class*="pt-intent-"]:hover { z-index: 11; } - .pt-button-group .pt-button[class*="pt-intent-"]:active, .pt-button-group [class*="pt-intent-"].pt-button.pt-active, .pt-button-group .pt-button[class*="pt-intent-"].pt-active { + .pt-button-group .pt-button[class*="pt-intent-"]:active, .pt-button-group .pt-button[class*="pt-intent-"].pt-active { z-index: 12; } - .pt-button-group .pt-button[class*="pt-intent-"]:disabled, .pt-button-group [class*="pt-intent-"].pt-button.pt-disabled, .pt-button-group .pt-button[class*="pt-intent-"].pt-disabled { + .pt-button-group .pt-button[class*="pt-intent-"]:disabled, .pt-button-group .pt-button[class*="pt-intent-"].pt-disabled { z-index: 8; } .pt-button-group:not(.pt-minimal) > .pt-popover-target:not(:first-child) .pt-button, .pt-button-group:not(.pt-minimal) > .pt-button:not(:first-child) { @@ -2239,18 +2252,16 @@ a.pt-button { margin-right: 11px; border-radius: 3px !important; overflow: visible; } - .pt-button-group.pt-minimal .pt-button:focus { - box-shadow: none; } - .pt-button-group.pt-minimal .pt-button:hover { + .pt-button-group.pt-minimal .pt-button:hover, .pt-button-group.pt-minimal .pt-button:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } - .pt-button-group.pt-minimal .pt-button.pt-active, .pt-button-group.pt-minimal .pt-button:active, .pt-button-group.pt-minimal .pt-button.pt-active { + .pt-button-group.pt-minimal .pt-button:active, .pt-button-group.pt-minimal .pt-button.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } - .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button:disabled, .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { + .pt-button-group.pt-minimal .pt-button:disabled, .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2258,122 +2269,130 @@ a.pt-button { box-shadow: none; background: none; color: inherit; } - .pt-dark .pt-button-group.pt-minimal .pt-button:hover, .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { + .pt-dark .pt-button-group.pt-minimal .pt-button:hover, .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { box-shadow: none; background: none; } .pt-dark .pt-button-group.pt-minimal .pt-button:hover { background: rgba(138, 155, 168, 0.15); } - .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { + .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { + .pt-dark .pt-button-group.pt-minimal .pt-button:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-primary { color: #106ba3; } - .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { box-shadow: none; background: none; color: #106ba3; } - .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } - .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } + .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } - .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { + .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { background: none; color: rgba(16, 107, 163, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary { - color: #2b95d6; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover { + color: #48aff0; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { + color: #48aff0; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + color: #48aff0; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-success { color: #0d8050; } - .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } - .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } - .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } + .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } - .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { + .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { background: none; color: rgba(13, 128, 80, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success { - color: #15b371; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover { + color: #3dcc91; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { + color: #3dcc91; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + color: #3dcc91; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-warning { color: #bf7326; } - .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } - .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } - .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } + .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } - .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { + .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { background: none; color: rgba(191, 115, 38, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning { - color: #f29d49; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover { + color: #ffb366; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { + color: #ffb366; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + color: #ffb366; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-danger { color: #c23030; } - .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } - .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } - .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { + .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } + .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } - .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { + .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { background: none; color: rgba(194, 48, 48, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger { - color: #f55656; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover { + color: #ff7373; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { + color: #ff7373; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } - .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + color: #ff7373; } + .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-button-group.pt-minimal .pt-button:focus { outline-style: solid; } .pt-button-group.pt-minimal .pt-button::after { @@ -2466,44 +2485,44 @@ a.pt-button { color: #bfccd6; } .pt-callout.pt-intent-primary { background-color: rgba(19, 124, 189, 0.15); } - .pt-callout.pt-intent-primary[class*="pt-icon-"]::before { - color: #137cbd; } + .pt-callout.pt-intent-primary[class*="pt-icon-"]::before, .pt-callout.pt-intent-primary h5 { color: #106ba3; } .pt-dark .pt-callout.pt-intent-primary { background-color: rgba(19, 124, 189, 0.25); } + .pt-dark .pt-callout.pt-intent-primary[class*="pt-icon-"]::before, .pt-dark .pt-callout.pt-intent-primary h5 { - color: #2b95d6; } + color: #48aff0; } .pt-callout.pt-intent-success { background-color: rgba(15, 153, 96, 0.15); } - .pt-callout.pt-intent-success[class*="pt-icon-"]::before { - color: #0f9960; } + .pt-callout.pt-intent-success[class*="pt-icon-"]::before, .pt-callout.pt-intent-success h5 { color: #0d8050; } .pt-dark .pt-callout.pt-intent-success { background-color: rgba(15, 153, 96, 0.25); } + .pt-dark .pt-callout.pt-intent-success[class*="pt-icon-"]::before, .pt-dark .pt-callout.pt-intent-success h5 { - color: #15b371; } + color: #3dcc91; } .pt-callout.pt-intent-warning { background-color: rgba(217, 130, 43, 0.15); } - .pt-callout.pt-intent-warning[class*="pt-icon-"]::before { - color: #d9822b; } + .pt-callout.pt-intent-warning[class*="pt-icon-"]::before, .pt-callout.pt-intent-warning h5 { color: #bf7326; } .pt-dark .pt-callout.pt-intent-warning { background-color: rgba(217, 130, 43, 0.25); } + .pt-dark .pt-callout.pt-intent-warning[class*="pt-icon-"]::before, .pt-dark .pt-callout.pt-intent-warning h5 { - color: #f29d49; } + color: #ffb366; } .pt-callout.pt-intent-danger { background-color: rgba(219, 55, 55, 0.15); } - .pt-callout.pt-intent-danger[class*="pt-icon-"]::before { - color: #db3737; } + .pt-callout.pt-intent-danger[class*="pt-icon-"]::before, .pt-callout.pt-intent-danger h5 { color: #c23030; } .pt-dark .pt-callout.pt-intent-danger { background-color: rgba(219, 55, 55, 0.25); } + .pt-dark .pt-callout.pt-intent-danger[class*="pt-icon-"]::before, .pt-dark .pt-callout.pt-intent-danger h5 { - color: #f55656; } + color: #ff7373; } .pt-running-text .pt-callout { margin: 20px 0; } @@ -2733,33 +2752,33 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-select select:active { + .pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-select select:disabled { + .pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } - .pt-select.pt-minimal select:focus { - box-shadow: none; } - .pt-select.pt-minimal select:hover { + .pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } - .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { + .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } - .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { + .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2775,7 +2794,7 @@ a.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } - .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { + .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -2785,8 +2804,9 @@ a.pt-button { box-shadow: none; background: none; color: #106ba3; } - .pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } + .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -2796,23 +2816,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } - .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } + .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } - .pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } + .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -2822,23 +2844,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } - .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } + .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } - .pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } + .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -2848,23 +2872,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } - .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } + .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } - .pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } + .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -2874,15 +2900,16 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } - .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } + .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; @@ -2894,28 +2921,30 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { + .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-select select:active { + .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-select select:disabled { + .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2996,29 +3025,29 @@ a.pt-button { .pt-dark .pt-editable-text.pt-disabled::before { box-shadow: none; } .pt-dark .pt-editable-text.pt-intent-primary .pt-editable-content { - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-editable-text.pt-intent-primary:hover::before { - box-shadow: 0 0 0 0 rgba(43, 149, 214, 0), 0 0 0 0 rgba(43, 149, 214, 0), inset 0 0 0 1px rgba(43, 149, 214, 0.4); } + box-shadow: 0 0 0 0 rgba(72, 175, 240, 0), 0 0 0 0 rgba(72, 175, 240, 0), inset 0 0 0 1px rgba(72, 175, 240, 0.4); } .pt-dark .pt-editable-text.pt-intent-primary.pt-editable-editing::before { - box-shadow: 0 0 0 1px #2b95d6, 0 0 0 3px rgba(43, 149, 214, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #48aff0, 0 0 0 3px rgba(72, 175, 240, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-editable-text.pt-intent-success .pt-editable-content { - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-editable-text.pt-intent-success:hover::before { - box-shadow: 0 0 0 0 rgba(21, 179, 113, 0), 0 0 0 0 rgba(21, 179, 113, 0), inset 0 0 0 1px rgba(21, 179, 113, 0.4); } + box-shadow: 0 0 0 0 rgba(61, 204, 145, 0), 0 0 0 0 rgba(61, 204, 145, 0), inset 0 0 0 1px rgba(61, 204, 145, 0.4); } .pt-dark .pt-editable-text.pt-intent-success.pt-editable-editing::before { - box-shadow: 0 0 0 1px #15b371, 0 0 0 3px rgba(21, 179, 113, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #3dcc91, 0 0 0 3px rgba(61, 204, 145, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-editable-text.pt-intent-warning .pt-editable-content { - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-editable-text.pt-intent-warning:hover::before { - box-shadow: 0 0 0 0 rgba(242, 157, 73, 0), 0 0 0 0 rgba(242, 157, 73, 0), inset 0 0 0 1px rgba(242, 157, 73, 0.4); } + box-shadow: 0 0 0 0 rgba(255, 179, 102, 0), 0 0 0 0 rgba(255, 179, 102, 0), inset 0 0 0 1px rgba(255, 179, 102, 0.4); } .pt-dark .pt-editable-text.pt-intent-warning.pt-editable-editing::before { - box-shadow: 0 0 0 1px #f29d49, 0 0 0 3px rgba(242, 157, 73, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #ffb366, 0 0 0 3px rgba(255, 179, 102, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-editable-text.pt-intent-danger .pt-editable-content { - color: #f55656; } + color: #ff7373; } .pt-dark .pt-editable-text.pt-intent-danger:hover::before { - box-shadow: 0 0 0 0 rgba(245, 86, 86, 0), 0 0 0 0 rgba(245, 86, 86, 0), inset 0 0 0 1px rgba(245, 86, 86, 0.4); } + box-shadow: 0 0 0 0 rgba(255, 115, 115, 0), 0 0 0 0 rgba(255, 115, 115, 0), inset 0 0 0 1px rgba(255, 115, 115, 0.4); } .pt-dark .pt-editable-text.pt-intent-danger.pt-editable-editing::before { - box-shadow: 0 0 0 1px #f55656, 0 0 0 3px rgba(245, 86, 86, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #ff7373, 0 0 0 3px rgba(255, 115, 115, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-editable-input, .pt-editable-content { @@ -3087,33 +3116,33 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-select select:active { + .pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-select select:disabled { + .pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } - .pt-select.pt-minimal select:focus { - box-shadow: none; } - .pt-select.pt-minimal select:hover { + .pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } - .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { + .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } - .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { + .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -3129,7 +3158,7 @@ a.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } - .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { + .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -3139,8 +3168,9 @@ a.pt-button { box-shadow: none; background: none; color: #106ba3; } - .pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } + .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -3150,23 +3180,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } - .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } + .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } - .pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } + .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -3176,23 +3208,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } - .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } + .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } - .pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } + .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -3202,23 +3236,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } - .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } + .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } - .pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } + .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -3228,15 +3264,16 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } - .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } + .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; @@ -3248,28 +3285,30 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { + .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-select select:active { + .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-select select:disabled { + .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -3313,33 +3352,33 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-select select:active { + .pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-select select:disabled { + .pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } - .pt-select.pt-minimal select:focus { - box-shadow: none; } - .pt-select.pt-minimal select:hover { + .pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } - .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { + .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } - .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { + .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -3355,7 +3394,7 @@ a.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } - .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { + .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -3365,8 +3404,9 @@ a.pt-button { box-shadow: none; background: none; color: #106ba3; } - .pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } + .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -3376,23 +3416,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } - .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } + .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } - .pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } + .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -3402,23 +3444,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } - .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } + .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } - .pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } + .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -3428,23 +3472,25 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } - .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } + .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } - .pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } + .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -3454,15 +3500,16 @@ a.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } - .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } + .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; @@ -3474,28 +3521,30 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { + .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-select select:active { + .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-select select:disabled { + .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -3558,10 +3607,10 @@ a.pt-button { .pt-control-group .pt-button:hover, .pt-control-group .pt-select select:hover { z-index: 6; } - .pt-control-group .pt-button:active, .pt-control-group .pt-button.pt-active, + .pt-control-group .pt-button:active, .pt-control-group .pt-select select:active { z-index: 7; } - .pt-control-group .pt-button[readonly], .pt-control-group .pt-button:disabled, .pt-control-group .pt-button.pt-disabled, .pt-control-group .pt-button.pt-disabled, + .pt-control-group .pt-button[readonly], .pt-control-group .pt-button:disabled, .pt-control-group .pt-button.pt-disabled, .pt-control-group .pt-select select[readonly], .pt-control-group .pt-select select:disabled, .pt-control-group .pt-select select.pt-disabled { @@ -3575,10 +3624,10 @@ a.pt-button { .pt-control-group .pt-button[class*="pt-intent"]:hover, .pt-control-group .pt-select select[class*="pt-intent"]:hover { z-index: 11; } - .pt-control-group .pt-button[class*="pt-intent"]:active, .pt-control-group [class*="pt-intent"].pt-button.pt-active, + .pt-control-group .pt-button[class*="pt-intent"]:active, .pt-control-group .pt-select select[class*="pt-intent"]:active { z-index: 12; } - .pt-control-group .pt-button[class*="pt-intent"][readonly], .pt-control-group .pt-button[class*="pt-intent"]:disabled, .pt-control-group [class*="pt-intent"].pt-button.pt-disabled, .pt-control-group .pt-button[class*="pt-intent"].pt-disabled, + .pt-control-group .pt-button[class*="pt-intent"][readonly], .pt-control-group .pt-button[class*="pt-intent"]:disabled, .pt-control-group .pt-button[class*="pt-intent"].pt-disabled, .pt-control-group .pt-select select[class*="pt-intent"][readonly], .pt-control-group .pt-select select[class*="pt-intent"]:disabled, .pt-control-group .pt-select select[class*="pt-intent"].pt-disabled { @@ -3703,7 +3752,7 @@ a.pt-button { -moz-outline-radius: 6px; } .pt-control input:disabled ~ .pt-control-indicator { box-shadow: none; - background: rgba(191, 204, 214, 0.5); + background: rgba(206, 217, 224, 0.5); cursor: not-allowed; } .pt-control input:disabled:checked ~ .pt-control-indicator, .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator { box-shadow: none; @@ -3776,7 +3825,7 @@ a.pt-button { .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator::before, .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-control.pt-switch input:disabled ~ .pt-control-indicator { - background-color: rgba(191, 204, 214, 0.5); } + background-color: rgba(206, 217, 224, 0.5); } .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before { box-shadow: none; background-color: rgba(255, 255, 255, 0.8); } @@ -3837,7 +3886,7 @@ a.pt-button { background-color: #0e5a8a; } .pt-dark .pt-control input:disabled ~ .pt-control-indicator { box-shadow: none; - background: rgba(92, 112, 128, 0.5); + background: rgba(57, 75, 89, 0.5); cursor: not-allowed; } .pt-dark .pt-control input:disabled:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator { box-shadow: none; @@ -3871,7 +3920,7 @@ a.pt-button { .pt-dark .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator::before, .pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator { - background: rgba(92, 112, 128, 0.5); } + background: rgba(57, 75, 89, 0.5); } .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before { box-shadow: none; background: rgba(16, 22, 26, 0.4); } @@ -3887,6 +3936,38 @@ a.pt-button { opacity: 0; margin: 0; min-width: 200px; } + .pt-file-upload input:disabled + .pt-file-upload-input, + .pt-file-upload input.pt-disabled + .pt-file-upload-input { + box-shadow: none; + background: rgba(206, 217, 224, 0.5); + cursor: not-allowed; + color: rgba(92, 112, 128, 0.5); + resize: none; } + .pt-file-upload input:disabled + .pt-file-upload-input::after, + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after { + outline: none; + box-shadow: none; + background-color: rgba(206, 217, 224, 0.5); + background-image: none; + cursor: not-allowed; + color: rgba(92, 112, 128, 0.5); } + .pt-file-upload input:disabled + .pt-file-upload-input::after.pt-active, + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after.pt-active { + background: rgba(206, 217, 224, 0.7); } + .pt-dark .pt-file-upload input:disabled + .pt-file-upload-input, .pt-dark + .pt-file-upload input.pt-disabled + .pt-file-upload-input { + box-shadow: none; + background: rgba(57, 75, 89, 0.5); + color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-file-upload input:disabled + .pt-file-upload-input::after, .pt-dark + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after { + box-shadow: none; + background-color: rgba(57, 75, 89, 0.5); + background-image: none; + color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-file-upload input:disabled + .pt-file-upload-input::after.pt-active, .pt-dark + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-file-upload .pt-file-upload-input { outline: none; border: none; @@ -3898,7 +3979,6 @@ a.pt-button { vertical-align: middle; line-height: 30px; color: #182026; - font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400; transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); @@ -3922,10 +4002,10 @@ a.pt-button { .pt-file-upload .pt-file-upload-input::-moz-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } - .pt-file-upload .pt-file-upload-input:-moz-placeholder { + .pt-file-upload .pt-file-upload-input:-ms-input-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } - .pt-file-upload .pt-file-upload-input:-ms-input-placeholder { + .pt-file-upload .pt-file-upload-input::placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } .pt-file-upload .pt-file-upload-input:focus { @@ -3967,17 +4047,19 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-file-upload .pt-file-upload-input::after:active { + .pt-file-upload .pt-file-upload-input::after:active, .pt-file-upload .pt-file-upload-input::after.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-file-upload .pt-file-upload-input::after:disabled { + .pt-file-upload .pt-file-upload-input::after:disabled, .pt-file-upload .pt-file-upload-input::after.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-file-upload .pt-file-upload-input::after:disabled.pt-active, .pt-file-upload .pt-file-upload-input::after.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-file-upload .pt-file-upload-input:hover::after { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; @@ -3996,10 +4078,10 @@ a.pt-button { color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-file-upload .pt-file-upload-input::-moz-placeholder { color: rgba(191, 204, 214, 0.5); } - .pt-dark .pt-file-upload .pt-file-upload-input:-moz-placeholder { - color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-file-upload .pt-file-upload-input:-ms-input-placeholder { color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-file-upload .pt-file-upload-input::placeholder { + color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-file-upload .pt-file-upload-input:focus { box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-file-upload .pt-file-upload-input[readonly] { @@ -4013,21 +4095,23 @@ a.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-file-upload .pt-file-upload-input::after:hover, .pt-dark .pt-file-upload .pt-file-upload-input::after:active { + .pt-dark .pt-file-upload .pt-file-upload-input::after:hover, .pt-dark .pt-file-upload .pt-file-upload-input::after:active, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-active { color: #f5f8fa; } .pt-dark .pt-file-upload .pt-file-upload-input::after:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-file-upload .pt-file-upload-input::after:active { + .pt-dark .pt-file-upload .pt-file-upload-input::after:active, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-file-upload .pt-file-upload-input::after:disabled { + .pt-dark .pt-file-upload .pt-file-upload-input::after:disabled, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-file-upload .pt-file-upload-input::after:disabled.pt-active, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-file-upload .pt-file-upload-input::after .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } @@ -4074,13 +4158,13 @@ a.pt-button { .pt-form-group.pt-disabled .pt-form-helper-text { color: rgba(92, 112, 128, 0.5) !important; } .pt-dark .pt-form-group.pt-intent-primary .pt-form-helper-text { - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-form-group.pt-intent-success .pt-form-helper-text { - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-form-group.pt-intent-warning .pt-form-helper-text { - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-form-group.pt-intent-danger .pt-form-helper-text { - color: #f55656; } + color: #ff7373; } .pt-dark .pt-form-group .pt-form-helper-text { color: #bfccd6; } .pt-dark .pt-form-group.pt-disabled .pt-label, @@ -4137,22 +4221,21 @@ a.pt-button { .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus), .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) { color: #5c7080; } + .pt-dark .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus), .pt-dark + .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) { + color: #bfccd6; } .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large { color: #5c7080; } - .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled { + .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled, + .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled { color: rgba(92, 112, 128, 0.5) !important; } - .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-large, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled .pt-icon-large, + .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-large, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-standard, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon-standard, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-large, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon-large { + .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-large { color: rgba(92, 112, 128, 0.5) !important; } .pt-input-group.pt-disabled { cursor: not-allowed; } @@ -4196,7 +4279,9 @@ a.pt-button { .pt-input-group.pt-intent-primary .pt-input:disabled, .pt-input-group.pt-intent-primary .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-primary .pt-icon { - color: #137cbd; } + color: #106ba3; } + .pt-dark .pt-input-group.pt-intent-primary .pt-icon { + color: #48aff0; } .pt-input-group.pt-intent-success .pt-input { box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-input-group.pt-intent-success .pt-input:focus { @@ -4206,7 +4291,9 @@ a.pt-button { .pt-input-group.pt-intent-success .pt-input:disabled, .pt-input-group.pt-intent-success .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-success .pt-icon { - color: #0f9960; } + color: #0d8050; } + .pt-dark .pt-input-group.pt-intent-success .pt-icon { + color: #3dcc91; } .pt-input-group.pt-intent-warning .pt-input { box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-input-group.pt-intent-warning .pt-input:focus { @@ -4216,7 +4303,9 @@ a.pt-button { .pt-input-group.pt-intent-warning .pt-input:disabled, .pt-input-group.pt-intent-warning .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-warning .pt-icon { - color: #d9822b; } + color: #bf7326; } + .pt-dark .pt-input-group.pt-intent-warning .pt-icon { + color: #ffb366; } .pt-input-group.pt-intent-danger .pt-input { box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-input-group.pt-intent-danger .pt-input:focus { @@ -4226,7 +4315,9 @@ a.pt-button { .pt-input-group.pt-intent-danger .pt-input:disabled, .pt-input-group.pt-intent-danger .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-danger .pt-icon { - color: #db3737; } + color: #c23030; } + .pt-dark .pt-input-group.pt-intent-danger .pt-icon { + color: #ff7373; } .pt-input { outline: none; @@ -4239,7 +4330,6 @@ a.pt-button { vertical-align: middle; line-height: 30px; color: #182026; - font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400; transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); } @@ -4249,10 +4339,10 @@ a.pt-button { .pt-input::-moz-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } - .pt-input:-moz-placeholder { + .pt-input:-ms-input-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } - .pt-input:-ms-input-placeholder { + .pt-input::placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } .pt-input:focus { @@ -4286,10 +4376,10 @@ a.pt-button { color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-input::-moz-placeholder { color: rgba(191, 204, 214, 0.5); } - .pt-dark .pt-input:-moz-placeholder { - color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-input:-ms-input-placeholder { color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-input::placeholder { + color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-input:focus { box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-input[readonly] { @@ -4381,10 +4471,10 @@ textarea.pt-input { color: rgba(191, 204, 214, 0.5); } .pt-dark textarea.pt-input::-moz-placeholder { color: rgba(191, 204, 214, 0.5); } - .pt-dark textarea.pt-input:-moz-placeholder { - color: rgba(191, 204, 214, 0.5); } .pt-dark textarea.pt-input:-ms-input-placeholder { color: rgba(191, 204, 214, 0.5); } + .pt-dark textarea.pt-input::placeholder { + color: rgba(191, 204, 214, 0.5); } .pt-dark textarea.pt-input:focus { box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark textarea.pt-input[readonly] { @@ -4469,33 +4559,33 @@ label.pt-label { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-select select:active { + .pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-select select:disabled { + .pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } - .pt-select.pt-minimal select:focus { - box-shadow: none; } - .pt-select.pt-minimal select:hover { + .pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } - .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { + .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } - .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { + .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -4511,7 +4601,7 @@ label.pt-label { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } - .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { + .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -4521,8 +4611,9 @@ label.pt-label { box-shadow: none; background: none; color: #106ba3; } - .pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } + .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -4532,23 +4623,25 @@ label.pt-label { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } - .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } + .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } - .pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } + .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -4558,23 +4651,25 @@ label.pt-label { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } - .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } + .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } - .pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } + .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -4584,23 +4679,25 @@ label.pt-label { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } - .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } + .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } - .pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } + .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -4610,15 +4707,16 @@ label.pt-label { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } - .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } + .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; @@ -4630,28 +4728,30 @@ label.pt-label { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { + .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-select select:active { + .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-select select:disabled { + .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -4845,7 +4945,7 @@ form { color: #106ba3; } .pt-menu-item.pt-intent-primary::before, .pt-menu-item.pt-intent-primary::after, .pt-menu-item.pt-intent-primary .pt-menu-item-label { - color: #137cbd; } + color: #106ba3; } .pt-menu-item.pt-intent-primary:hover, .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-menu-item.pt-intent-primary.pt-active { background-color: #137cbd; } .pt-menu-item.pt-intent-primary:active { @@ -4859,7 +4959,7 @@ form { color: #0d8050; } .pt-menu-item.pt-intent-success::before, .pt-menu-item.pt-intent-success::after, .pt-menu-item.pt-intent-success .pt-menu-item-label { - color: #0f9960; } + color: #0d8050; } .pt-menu-item.pt-intent-success:hover, .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-menu-item.pt-intent-success.pt-active { background-color: #0f9960; } .pt-menu-item.pt-intent-success:active { @@ -4873,7 +4973,7 @@ form { color: #bf7326; } .pt-menu-item.pt-intent-warning::before, .pt-menu-item.pt-intent-warning::after, .pt-menu-item.pt-intent-warning .pt-menu-item-label { - color: #d9822b; } + color: #bf7326; } .pt-menu-item.pt-intent-warning:hover, .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-menu-item.pt-intent-warning.pt-active { background-color: #d9822b; } .pt-menu-item.pt-intent-warning:active { @@ -4887,7 +4987,7 @@ form { color: #c23030; } .pt-menu-item.pt-intent-danger::before, .pt-menu-item.pt-intent-danger::after, .pt-menu-item.pt-intent-danger .pt-menu-item-label { - color: #db3737; } + color: #c23030; } .pt-menu-item.pt-intent-danger:hover, .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-menu-item.pt-intent-danger.pt-active { background-color: #db3737; } .pt-menu-item.pt-intent-danger:active { @@ -4984,10 +5084,10 @@ button.pt-menu-item { color: #f5f8fa; } .pt-dark .pt-menu-item.pt-intent-primary { - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-menu-item.pt-intent-primary::before, .pt-dark .pt-menu-item.pt-intent-primary::after, .pt-dark .pt-menu-item.pt-intent-primary .pt-menu-item-label { - color: #137cbd; } + color: #48aff0; } .pt-dark .pt-menu-item.pt-intent-primary:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-primary.pt-active { background-color: #137cbd; } .pt-dark .pt-menu-item.pt-intent-primary:active { @@ -5000,10 +5100,10 @@ button.pt-menu-item { color: #ffffff; } .pt-dark .pt-menu-item.pt-intent-success { - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-menu-item.pt-intent-success::before, .pt-dark .pt-menu-item.pt-intent-success::after, .pt-dark .pt-menu-item.pt-intent-success .pt-menu-item-label { - color: #0f9960; } + color: #3dcc91; } .pt-dark .pt-menu-item.pt-intent-success:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-success.pt-active { background-color: #0f9960; } .pt-dark .pt-menu-item.pt-intent-success:active { @@ -5016,10 +5116,10 @@ button.pt-menu-item { color: #ffffff; } .pt-dark .pt-menu-item.pt-intent-warning { - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-menu-item.pt-intent-warning::before, .pt-dark .pt-menu-item.pt-intent-warning::after, .pt-dark .pt-menu-item.pt-intent-warning .pt-menu-item-label { - color: #d9822b; } + color: #ffb366; } .pt-dark .pt-menu-item.pt-intent-warning:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-warning.pt-active { background-color: #d9822b; } .pt-dark .pt-menu-item.pt-intent-warning:active { @@ -5032,10 +5132,10 @@ button.pt-menu-item { color: #ffffff; } .pt-dark .pt-menu-item.pt-intent-danger { - color: #f55656; } + color: #ff7373; } .pt-dark .pt-menu-item.pt-intent-danger::before, .pt-dark .pt-menu-item.pt-intent-danger::after, .pt-dark .pt-menu-item.pt-intent-danger .pt-menu-item-label { - color: #db3737; } + color: #ff7373; } .pt-dark .pt-menu-item.pt-intent-danger:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-danger.pt-active { background-color: #db3737; } .pt-dark .pt-menu-item.pt-intent-danger:active { @@ -5131,7 +5231,8 @@ button.pt-menu-item { justify-content: center; margin: 0 auto; width: 100%; - max-width: 400px; } + max-width: 400px; + height: 100%; } .pt-non-ideal-state-visual { margin-bottom: 20px; } @@ -5471,7 +5572,6 @@ body.pt-overlay-open { background-position: 0 0; } to { background-position: 30px 0; } } - @keyframes linear-progress-bar-stripes { from { background-position: 0 0; } @@ -5487,11 +5587,10 @@ body.pt-overlay-open { height: 8px; overflow: hidden; } .pt-progress-bar .pt-progress-meter { - background-color: rgba(255, 255, 255, 0.2); - background-image: linear-gradient(-45deg,rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%); display: inline-block; position: absolute; border-radius: 40px; + background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%); background-color: rgba(92, 112, 128, 0.8); background-size: 30px 30px; width: 100%; @@ -5499,7 +5598,7 @@ body.pt-overlay-open { transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9); } .pt-progress-bar:not(.pt-no-animation):not(.pt-no-stripes) .pt-progress-meter { -webkit-animation: linear-progress-bar-stripes 300ms linear infinite reverse; - animation: linear-progress-bar-stripes 300ms linear infinite reverse; } + animation: linear-progress-bar-stripes 300ms linear infinite reverse; } .pt-progress-bar.pt-no-stripes .pt-progress-meter { background-image: none; } @@ -5613,17 +5712,19 @@ body.pt-overlay-open { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } - .pt-slider-handle:active { + .pt-slider-handle:active, .pt-slider-handle.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } - .pt-slider-handle:disabled { + .pt-slider-handle:disabled, .pt-slider-handle.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } + .pt-slider-handle:disabled.pt-active, .pt-slider-handle.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-slider-handle:focus { z-index: 1; } .pt-slider-handle:hover { @@ -5653,21 +5754,23 @@ body.pt-overlay-open { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } - .pt-dark .pt-slider-handle:hover, .pt-dark .pt-slider-handle:active { + .pt-dark .pt-slider-handle:hover, .pt-dark .pt-slider-handle:active, .pt-dark .pt-slider-handle.pt-active { color: #f5f8fa; } .pt-dark .pt-slider-handle:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } - .pt-dark .pt-slider-handle:active { + .pt-dark .pt-slider-handle:active, .pt-dark .pt-slider-handle.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } - .pt-dark .pt-slider-handle:disabled { + .pt-dark .pt-slider-handle:disabled, .pt-dark .pt-slider-handle.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } + .pt-dark .pt-slider-handle:disabled.pt-active, .pt-dark .pt-slider-handle.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-slider-handle .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } @@ -6016,7 +6119,7 @@ table.pt-table { border: none; border-radius: 3px; box-shadow: none; - background: #5c7080; + background-color: #5c7080; min-width: 20px; padding: 2px 6px; line-height: 16px; @@ -6025,23 +6128,11 @@ table.pt-table { } .pt-tag.pt-round { border-radius: 10px; } - .pt-dark .pt-tag:not([class*="pt-intent-"]) { - background: #bfccd6; + .pt-dark .pt-tag { + background-color: #bfccd6; color: #182026; } .pt-tag.pt-tag-removable { padding-right: 20px; } - .pt-tag.pt-intent-primary { - background: #137cbd; - color: #ffffff; } - .pt-tag.pt-intent-success { - background: #0f9960; - color: #ffffff; } - .pt-tag.pt-intent-warning { - background: #d9822b; - color: #ffffff; } - .pt-tag.pt-intent-danger { - background: #db3737; - color: #ffffff; } .pt-tag.pt-large, .pt-large .pt-tag { min-width: 30px; @@ -6054,36 +6145,47 @@ table.pt-table { .pt-tag.pt-large.pt-tag-removable, .pt-large .pt-tag.pt-tag-removable { padding-right: 30px; } + .pt-tag.pt-intent-primary { + background: #137cbd; + color: #ffffff; } + .pt-tag.pt-intent-success { + background: #0f9960; + color: #ffffff; } + .pt-tag.pt-intent-warning { + background: #d9822b; + color: #ffffff; } + .pt-tag.pt-intent-danger { + background: #db3737; + color: #ffffff; } .pt-tag.pt-minimal:not([class*="pt-intent-"]) { - background: rgba(138, 155, 168, 0.2); + background-color: rgba(138, 155, 168, 0.2); color: #182026; } .pt-dark .pt-tag.pt-minimal:not([class*="pt-intent-"]) { - background: rgba(138, 155, 168, 0.2); color: #f5f8fa; } .pt-tag.pt-minimal.pt-intent-primary { - background: rgba(19, 124, 189, 0.15); + background-color: rgba(19, 124, 189, 0.15); color: #106ba3; } - .pt-dark .pt-tag.pt-minimal.pt-intent-primary { - background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + .pt-dark .pt-tag.pt-minimal.pt-intent-primary { + background-color: rgba(19, 124, 189, 0.25); + color: #48aff0; } .pt-tag.pt-minimal.pt-intent-success { - background: rgba(15, 153, 96, 0.15); + background-color: rgba(15, 153, 96, 0.15); color: #0d8050; } - .pt-dark .pt-tag.pt-minimal.pt-intent-success { - background: rgba(15, 153, 96, 0.2); - color: #15b371; } + .pt-dark .pt-tag.pt-minimal.pt-intent-success { + background-color: rgba(15, 153, 96, 0.25); + color: #3dcc91; } .pt-tag.pt-minimal.pt-intent-warning { - background: rgba(217, 130, 43, 0.15); + background-color: rgba(217, 130, 43, 0.15); color: #bf7326; } - .pt-dark .pt-tag.pt-minimal.pt-intent-warning { - background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + .pt-dark .pt-tag.pt-minimal.pt-intent-warning { + background-color: rgba(217, 130, 43, 0.25); + color: #ffb366; } .pt-tag.pt-minimal.pt-intent-danger { - background: rgba(219, 55, 55, 0.15); + background-color: rgba(219, 55, 55, 0.15); color: #c23030; } - .pt-dark .pt-tag.pt-minimal.pt-intent-danger { - background: rgba(219, 55, 55, 0.2); - color: #f55656; } + .pt-dark .pt-tag.pt-minimal.pt-intent-danger { + background-color: rgba(219, 55, 55, 0.25); + color: #ff7373; } .pt-tag-remove { line-height: 1; @@ -6101,41 +6203,22 @@ table.pt-table { background: none; cursor: pointer; padding: 2px; - color: #ffffff; } + color: inherit; } .pt-tag-remove:hover { opacity: 0.8; background: none; text-decoration: none; } + .pt-tag-remove:active { + opacity: 1; } .pt-tag-remove::before { content: "\E6D7"; } - .pt-dark .pt-tag:not(.pt-minimal):not([class*="pt-intent-"]) .pt-tag-remove { - color: #182026; } .pt-large .pt-tag-remove { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; - margin-left: 5px; padding: 5px; } - .pt-minimal .pt-tag-remove { - color: inherit; } - .pt-intent-primary .pt-minimal .pt-tag-remove { - color: #137cbd; } - .pt-dark .pt-intent-primary .pt-minimal .pt-tag-remove { - color: #137cbd; } - .pt-intent-success .pt-minimal .pt-tag-remove { - color: #0f9960; } - .pt-dark .pt-intent-success .pt-minimal .pt-tag-remove { - color: #0f9960; } - .pt-intent-warning .pt-minimal .pt-tag-remove { - color: #d9822b; } - .pt-dark .pt-intent-warning .pt-minimal .pt-tag-remove { - color: #d9822b; } - .pt-intent-danger .pt-minimal .pt-tag-remove { - color: #db3737; } - .pt-dark .pt-intent-danger .pt-minimal .pt-tag-remove { - color: #db3737; } .pt-toast { display: -webkit-flex; @@ -6222,14 +6305,14 @@ table.pt-table { color: #ffffff; } .pt-toast[class*="pt-intent-"] > .pt-icon-standard { color: #ffffff; } - .pt-toast[class*="pt-intent-"] .pt-button, .pt-toast[class*="pt-intent-"] .pt-button::before, .pt-toast[class*="pt-intent-"] .pt-button:active, .pt-toast[class*="pt-intent-"] .pt-button.pt-active { + .pt-toast[class*="pt-intent-"] .pt-button, .pt-toast[class*="pt-intent-"] .pt-button::before, .pt-toast[class*="pt-intent-"] .pt-button:active { color: rgba(255, 255, 255, 0.7) !important; } .pt-toast[class*="pt-intent-"] .pt-button:focus { outline-color: rgba(255, 255, 255, 0.5); } .pt-toast[class*="pt-intent-"] .pt-button:hover { background-color: rgba(255, 255, 255, 0.15) !important; color: #ffffff !important; } - .pt-toast[class*="pt-intent-"] .pt-button:active, .pt-toast[class*="pt-intent-"] .pt-button.pt-active { + .pt-toast[class*="pt-intent-"] .pt-button:active { background-color: rgba(255, 255, 255, 0.3) !important; color: #ffffff !important; } .pt-toast[class*="pt-intent-"] .pt-button::after { diff --git a/docs/blueprint-landing.js b/docs/blueprint-landing.js index 8df6f8eb5b..26c943fa65 100644 --- a/docs/blueprint-landing.js +++ b/docs/blueprint-landing.js @@ -374,6 +374,13 @@ var __metadata; var __awaiter; var __generator; + var __exportStar; + var __values; + var __read; + var __spread; + var __asyncGenerator; + var __asyncDelegator; + var __asyncValues; (function (factory) { var root = typeof global === "object" ? global : typeof self === "object" ? self : typeof this === "object" ? this : {}; if (true) { @@ -443,8 +450,8 @@ }; __generator = function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t; - return { next: verb(0), "throw": verb(1), "return": verb(2) }; + var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; + return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); @@ -470,6 +477,70 @@ } }; + __exportStar = function (m, exports) { + for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; + }; + + __values = function (o) { + var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0; + if (m) return m.call(o); + return { + next: function () { + if (o && i >= o.length) o = void 0; + return { value: o && o[i++], done: !o }; + } + }; + }; + + __read = function (o, n) { + var m = typeof Symbol === "function" && o[Symbol.iterator]; + if (!m) return o; + var i = m.call(o), r, ar = [], e; + try { + while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); + } + catch (error) { e = { error: error }; } + finally { + try { + if (r && !r.done && (m = i["return"])) m.call(i); + } + finally { if (e) throw e.error; } + } + return ar; + }; + + __spread = function () { + for (var ar = [], i = 0; i < arguments.length; i++) + ar = ar.concat(__read(arguments[i])); + return ar; + }; + + __asyncGenerator = function (thisArg, _arguments, generator) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var g = generator.apply(thisArg, _arguments || []), q = [], c, i; + return i = { next: verb("next"), "throw": verb("throw"), "return": verb("return") }, i[Symbol.asyncIterator] = function () { return this; }, i; + function verb(n) { return function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]), next(); }); }; } + function next() { if (!c && q.length) resume((c = q.shift())[0], c[1]); } + function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(c[3], e); } } + function step(r) { r.done ? settle(c[2], r) : r.value[0] === "yield" ? settle(c[2], { value: r.value[1], done: false }) : Promise.resolve(r.value[1]).then(r.value[0] === "delegate" ? delegate : fulfill, reject); } + function delegate(r) { step(r.done ? r : { value: ["yield", r.value], done: false }); } + function fulfill(value) { resume("next", value); } + function reject(value) { resume("throw", value); } + function settle(f, v) { c = void 0, f(v), next(); } + }; + + __asyncDelegator = function (o) { + var i = { next: verb("next"), "throw": verb("throw", function (e) { throw e; }), "return": verb("return", function (v) { return { value: v, done: true }; }) }; + return o = __asyncValues(o), i[Symbol.iterator] = function () { return this; }, i; + function verb(n, f) { return function (v) { return { value: ["delegate", (o[n] || f).call(o, v)], done: false }; }; } + }; + + __asyncValues = function (o) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var m = o[Symbol.asyncIterator]; + return m ? m.call(o) : typeof __values === "function" ? __values(o) : o[Symbol.iterator](); + }; + exporter("__extends", __extends); exporter("__assign", __assign); exporter("__rest", __rest); @@ -478,8 +549,14 @@ exporter("__metadata", __metadata); exporter("__awaiter", __awaiter); exporter("__generator", __generator); - }); - + exporter("__exportStar", __exportStar); + exporter("__values", __values); + exporter("__read", __read); + exporter("__spread", __spread); + exporter("__asyncGenerator", __asyncGenerator); + exporter("__asyncDelegator", __asyncDelegator); + exporter("__asyncValues", __asyncValues); + }); /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }, @@ -775,8 +852,15 @@ /* 27 */ /***/ function(module, exports) { + /* + object-assign + (c) Sindre Sorhus + @license MIT + */ + 'use strict'; /* eslint-disable no-unused-vars */ + var getOwnPropertySymbols = Object.getOwnPropertySymbols; var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; @@ -797,7 +881,7 @@ // Detect buggy property enumeration order in older V8 versions. // https://bugs.chromium.org/p/v8/issues/detail?id=4118 - var test1 = new String('abc'); // eslint-disable-line + var test1 = new String('abc'); // eslint-disable-line no-new-wrappers test1[5] = 'de'; if (Object.getOwnPropertyNames(test1)[0] === '5') { return false; @@ -826,7 +910,7 @@ } return true; - } catch (e) { + } catch (err) { // We don't expect any of the above to throw, but better to be safe. return false; } @@ -846,8 +930,8 @@ } } - if (Object.getOwnPropertySymbols) { - symbols = Object.getOwnPropertySymbols(from); + if (getOwnPropertySymbols) { + symbols = getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { to[symbols[i]] = from[symbols[i]]; @@ -1254,12 +1338,18 @@ * will remain to ensure logic does not differ in production. */ - function invariant(condition, format, a, b, c, d, e, f) { - if (process.env.NODE_ENV !== 'production') { + var validateFormat = function validateFormat(format) {}; + + if (process.env.NODE_ENV !== 'production') { + validateFormat = function validateFormat(format) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } - } + }; + } + + function invariant(condition, format, a, b, c, d, e, f) { + validateFormat(format); if (!condition) { var error; @@ -4871,6 +4961,8 @@ exports.FIXED_TOP = "pt-fixed-top"; exports.VERTICAL = "pt-vertical"; exports.ROUND = "pt-round"; + // text utilities + exports.TEXT_OVERFLOW_ELLIPSIS = "pt-text-overflow-ellipsis"; // components exports.ALERT = "pt-alert"; exports.ALERT_BODY = "pt-alert-body"; @@ -4992,6 +5084,7 @@ exports.TREE_NODE_SECONDARY_LABEL = "pt-tree-node-secondary-label"; exports.TREE_NODE_SELECTED = "pt-tree-node-selected"; exports.TREE_ROOT = "pt-tree-root"; + exports.ICON = "pt-icon"; exports.ICON_STANDARD = "pt-icon-standard"; exports.ICON_LARGE = "pt-icon-large"; /** Return CSS class for icon, whether or not 'pt-icon-' prefix is included */ @@ -28688,7 +28781,7 @@ AbstractButton.prototype.getCommonButtonProps = function () { var disabled = this.props.disabled || this.props.loading; var className = classNames(Classes.BUTTON, (_a = {}, - _a[Classes.ACTIVE] = this.state.isActive, + _a[Classes.ACTIVE] = this.state.isActive || this.props.active, _a[Classes.DISABLED] = disabled, _a[Classes.LOADING] = this.props.loading, _a), Classes.iconClass(this.props.iconName), Classes.intentClass(this.props.intent), this.props.className); @@ -29429,8 +29522,11 @@ }, }; _this.cancelEditing = function () { - var lastValue = _this.state.lastValue; + var _a = _this.state, lastValue = _a.lastValue, value = _a.value; _this.setState({ isEditing: false, value: lastValue }); + if (value !== lastValue) { + utils_1.safeInvoke(_this.props.onChange, lastValue); + } utils_1.safeInvoke(_this.props.onCancel, lastValue); }; _this.toggleEditing = function () { @@ -29954,11 +30050,13 @@ // Callbacks - Input // ================= _this.handleInputFocus = function (e) { - _this.setState({ isInputGroupFocused: true }); + _this.setState({ isInputGroupFocused: true, shouldSelectAfterUpdate: _this.props.selectAllOnFocus }); common_1.Utils.safeInvoke(_this.props.onFocus, e); }; _this.handleInputBlur = function (e) { - _this.setState({ isInputGroupFocused: false }); + // explicitly set `shouldSelectAfterUpdate` to `false` to prevent focus + // hoarding on IE11 (#704) + _this.setState({ isInputGroupFocused: false, shouldSelectAfterUpdate: false }); common_1.Utils.safeInvoke(_this.props.onBlur, e); }; _this.handleInputKeyDown = function (e) { @@ -29985,8 +30083,31 @@ } common_1.Utils.safeInvoke(_this.props.onKeyDown, e); }; + _this.handleInputKeyPress = function (e) { + // we prohibit keystrokes in onKeyPress instead of onKeyDown, because + // e.key is not trustworthy in onKeyDown in all browsers. + if (_this.props.allowNumericCharactersOnly && _this.isKeyboardEventDisabledForBasicNumericEntry(e)) { + e.preventDefault(); + } + common_1.Utils.safeInvoke(_this.props.onKeyPress, e); + }; + _this.handleInputPaste = function (e) { + _this.didPasteEventJustOccur = true; + common_1.Utils.safeInvoke(_this.props.onPaste, e); + }; _this.handleInputChange = function (e) { - var nextValue = e.target.value; + var value = e.target.value; + var nextValue; + if (_this.props.allowNumericCharactersOnly && _this.didPasteEventJustOccur) { + _this.didPasteEventJustOccur = false; + var valueChars = value.split(""); + var sanitizedValueChars = valueChars.filter(_this.isFloatingPointNumericCharacter); + var sanitizedValue = sanitizedValueChars.join(""); + nextValue = sanitizedValue; + } + else { + nextValue = value; + } _this.setState({ shouldSelectAfterUpdate: false, value: nextValue }); _this.invokeOnChangeCallbacks(nextValue); }; @@ -30020,13 +30141,15 @@ NumericInput.prototype.render = function () { var _a = this.props, buttonPosition = _a.buttonPosition, className = _a.className; var inputGroupHtmlProps = common_1.removeNonHTMLProps(this.props, [ + "allowNumericCharactersOnly", "buttonPosition", "majorStepSize", "minorStepSize", "onValueChange", + "selectAllOnFocus", "stepSize", ], true); - var inputGroup = (React.createElement(inputGroup_1.InputGroup, tslib_1.__assign({}, inputGroupHtmlProps, { intent: this.props.intent, inputRef: this.inputRef, key: "input-group", leftIconName: this.props.leftIconName, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, onKeyDown: this.handleInputKeyDown, value: this.state.value }))); + var inputGroup = (React.createElement(inputGroup_1.InputGroup, tslib_1.__assign({}, inputGroupHtmlProps, { intent: this.props.intent, inputRef: this.inputRef, key: "input-group", leftIconName: this.props.leftIconName, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, onKeyDown: this.handleInputKeyDown, onKeyPress: this.handleInputKeyPress, onPaste: this.handleInputPaste, value: this.state.value }))); // the strict null check here is intentional; an undefined value should // fall back to the default button position on the right side. if (buttonPosition === "none" || buttonPosition === null) { @@ -30100,7 +30223,7 @@ // pretend we're incrementing from 0 if currValue is empty var currValue = this.state.value || NumericInput_1.VALUE_ZERO; var nextValue = this.getSanitizedValue(currValue, delta, this.props.min, this.props.max); - this.setState({ shouldSelectAfterUpdate: true, value: nextValue }); + this.setState({ shouldSelectAfterUpdate: this.props.selectAllOnIncrement, value: nextValue }); this.invokeOnChangeCallbacks(nextValue); }; NumericInput.prototype.getIncrementDelta = function (direction, isShiftKeyPressed, isAltKeyPressed) { @@ -30142,13 +30265,42 @@ // between dissimilar types. return value != null && (value - parseFloat(value) + 1) >= 0; }; + NumericInput.prototype.isKeyboardEventDisabledForBasicNumericEntry = function (e) { + // unit tests may not include e.key. don't bother disabling those events. + if (e.key == null) { + return false; + } + // allow modified key strokes that may involve letters and other + // non-numeric/invalid characters (Cmd + A, Cmd + C, Cmd + V, Cmd + X). + if (e.ctrlKey || e.altKey || e.metaKey) { + return false; + } + // keys that print a single character when pressed have a `key` name of + // length 1. every other key has a longer `key` name (e.g. "Backspace", + // "ArrowUp", "Shift"). since none of those keys can print a character + // to the field--and since they may have important native behaviors + // beyond printing a character--we don't want to disable their effects. + var isSingleCharKey = e.key.length === 1; + if (!isSingleCharKey) { + return false; + } + // now we can simply check that the single character that wants to be printed + // is a floating-point number character that we're allowed to print. + return !this.isFloatingPointNumericCharacter(e.key); + }; + NumericInput.prototype.isFloatingPointNumericCharacter = function (char) { + return NumericInput_1.FLOATING_POINT_NUMBER_CHARACTER_REGEX.test(char); + }; return NumericInput; }(common_1.AbstractComponent)); NumericInput.displayName = "Blueprint.NumericInput"; NumericInput.defaultProps = { + allowNumericCharactersOnly: true, buttonPosition: common_1.Position.RIGHT, majorStepSize: 10, minorStepSize: 0.1, + selectAllOnFocus: false, + selectAllOnIncrement: false, stepSize: 1, value: NumericInput_1.VALUE_EMPTY, }; @@ -30158,6 +30310,18 @@ NumericInput.INCREMENT_ICON_NAME = "chevron-up"; NumericInput.VALUE_EMPTY = ""; NumericInput.VALUE_ZERO = "0"; + /** + * A regex that matches a string of length 1 (i.e. a standalone character) + * if and only if it is a floating-point number character as defined by W3C: + * https://www.w3.org/TR/2012/WD-html-markup-20120329/datatypes.html#common.data.float + * + * Floating-point number characters are the only characters that can be + * printed within a default input[type="number"]. This component should + * behave the same way when this.props.allowNumericCharactersOnly = true. + * See here for the input[type="number"].value spec: + * https://www.w3.org/TR/2012/WD-html-markup-20120329/input.number.html#input.number.attrs.value + */ + NumericInput.FLOATING_POINT_NUMBER_CHARACTER_REGEX = /^[Ee0-9\+\-\.]$/; NumericInput = NumericInput_1 = tslib_1.__decorate([ PureRender ], NumericInput); @@ -32435,12 +32599,23 @@ tslib_1.__extends(Tree, _super); function Tree() { var _this = _super !== null && _super.apply(this, arguments) || this; + _this.nodeRefs = {}; _this.handleNodeCollapse = function (node, e) { _this.handlerHelper(_this.props.onNodeCollapse, node, e); }; _this.handleNodeClick = function (node, e) { _this.handlerHelper(_this.props.onNodeClick, node, e); }; + _this.handleContentRef = function (node, element) { + var nodeData = Tree.nodeFromPath(node.props.path, _this.props.contents); + if (element != null) { + _this.nodeRefs[nodeData.id] = element; + } + else { + // don't want our object to get bloated with old keys + delete _this.nodeRefs[nodeData.id]; + } + }; _this.handleNodeContextMenu = function (node, e) { _this.handlerHelper(_this.props.onNodeContextMenu, node, e); }; @@ -32463,6 +32638,14 @@ Tree.prototype.render = function () { return (React.createElement("div", { className: classNames(Classes.TREE, this.props.className) }, this.renderNodes(this.props.contents, [], Classes.TREE_ROOT))); }; + /** + * Returns the underlying HTML element of the `Tree` node with an id of `nodeId`. + * This element does not contain the children of the node, only its label and controls. + * If the node is not currently mounted, `undefined` is returned. + */ + Tree.prototype.getNodeContentElement = function (nodeId) { + return this.nodeRefs[nodeId]; + }; Tree.prototype.renderNodes = function (treeNodes, currentPath, className) { var _this = this; if (treeNodes == null) { @@ -32470,7 +32653,7 @@ } var nodeItems = treeNodes.map(function (node, i) { var elementPath = currentPath.concat(i); - return (React.createElement(treeNode_1.TreeNode, tslib_1.__assign({}, node, { key: node.id, depth: elementPath.length - 1, onClick: _this.handleNodeClick, onContextMenu: _this.handleNodeContextMenu, onCollapse: _this.handleNodeCollapse, onDoubleClick: _this.handleNodeDoubleClick, onExpand: _this.handleNodeExpand, path: elementPath }), _this.renderNodes(node.childNodes, elementPath))); + return (React.createElement(treeNode_1.TreeNode, tslib_1.__assign({}, node, { key: node.id, contentRef: _this.handleContentRef, depth: elementPath.length - 1, onClick: _this.handleNodeClick, onContextMenu: _this.handleNodeContextMenu, onCollapse: _this.handleNodeCollapse, onDoubleClick: _this.handleNodeDoubleClick, onExpand: _this.handleNodeExpand, path: elementPath }), _this.renderNodes(node.childNodes, elementPath))); }); return (React.createElement("ul", { className: classNames(Classes.TREE_NODE_LIST, className) }, nodeItems)); }; @@ -32517,6 +32700,9 @@ _this.handleClick = function (e) { utils_1.safeInvoke(_this.props.onClick, _this, e); }; + _this.handleContentRef = function (element) { + utils_1.safeInvoke(_this.props.contentRef, _this, element); + }; _this.handleContextMenu = function (e) { utils_1.safeInvoke(_this.props.onContextMenu, _this, e); }; @@ -32539,7 +32725,7 @@ _c), className); var contentClasses = classNames(Classes.TREE_NODE_CONTENT, "pt-tree-node-content-" + this.props.depth); return (React.createElement("li", { className: classes }, - React.createElement("div", { className: contentClasses, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDoubleClick: this.handleDoubleClick }, + React.createElement("div", { className: contentClasses, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDoubleClick: this.handleDoubleClick, ref: this.handleContentRef }, React.createElement("span", { className: caretClasses, onClick: showCaret ? this.handleCaretClick : null }), this.maybeRenderIcon(), React.createElement("span", { className: Classes.TREE_NODE_LABEL }, label), diff --git a/docs/docs/docs.css b/docs/docs/docs.css index 58b49bbbf2..28a60bada2 100644 --- a/docs/docs/docs.css +++ b/docs/docs/docs.css @@ -1518,105 +1518,105 @@ span.pt-icon::before { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-button:not([class*="pt-intent-"]):active, .pt-button.pt-active:not([class*="pt-intent-"]) { +.pt-button:not([class*="pt-intent-"]):active, .pt-button:not([class*="pt-intent-"]).pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-button:not([class*="pt-intent-"]):disabled, .pt-button.pt-disabled:not([class*="pt-intent-"]) { +.pt-button:not([class*="pt-intent-"]):disabled, .pt-button:not([class*="pt-intent-"]).pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-button:not([class*="pt-intent-"]):disabled.pt-active, .pt-button:not([class*="pt-intent-"]).pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-button.pt-intent-primary { background: #137cbd; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #137cbd; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } -.pt-button.pt-intent-primary:hover, .pt-button.pt-intent-primary:active, .pt-intent-primary.pt-button.pt-active, .pt-button.pt-intent-primary:disabled, .pt-intent-primary.pt-button.pt-disabled { +.pt-button.pt-intent-primary:hover, .pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active { color: #ffffff; } .pt-button.pt-intent-primary:hover { background: #106ba3; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #106ba3; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } -.pt-button.pt-intent-primary:active, .pt-intent-primary.pt-button.pt-active { +.pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #0e5a8a; background-image: none; } -.pt-button.pt-intent-primary:disabled, .pt-intent-primary.pt-button.pt-disabled { +.pt-button.pt-intent-primary:disabled, .pt-button.pt-intent-primary.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(19, 124, 189, 0.5); - background-image: none; } -.pt-button.pt-intent-primary .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } .pt-button.pt-intent-success { background: #0f9960; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #0f9960; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } -.pt-button.pt-intent-success:hover, .pt-button.pt-intent-success:active, .pt-intent-success.pt-button.pt-active, .pt-button.pt-intent-success:disabled, .pt-intent-success.pt-button.pt-disabled { +.pt-button.pt-intent-success:hover, .pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active { color: #ffffff; } .pt-button.pt-intent-success:hover { background: #0d8050; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #0d8050; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } -.pt-button.pt-intent-success:active, .pt-intent-success.pt-button.pt-active { +.pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #0a6640; background-image: none; } -.pt-button.pt-intent-success:disabled, .pt-intent-success.pt-button.pt-disabled { +.pt-button.pt-intent-success:disabled, .pt-button.pt-intent-success.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(15, 153, 96, 0.5); - background-image: none; } -.pt-button.pt-intent-success .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } .pt-button.pt-intent-warning { background: #d9822b; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #d9822b; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } -.pt-button.pt-intent-warning:hover, .pt-button.pt-intent-warning:active, .pt-intent-warning.pt-button.pt-active, .pt-button.pt-intent-warning:disabled, .pt-intent-warning.pt-button.pt-disabled { +.pt-button.pt-intent-warning:hover, .pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active { color: #ffffff; } .pt-button.pt-intent-warning:hover { background: #bf7326; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #bf7326; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } -.pt-button.pt-intent-warning:active, .pt-intent-warning.pt-button.pt-active { +.pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #a66321; background-image: none; } -.pt-button.pt-intent-warning:disabled, .pt-intent-warning.pt-button.pt-disabled { +.pt-button.pt-intent-warning:disabled, .pt-button.pt-intent-warning.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(217, 130, 43, 0.5); - background-image: none; } -.pt-button.pt-intent-warning .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } .pt-button.pt-intent-danger { background: #db3737; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #db3737; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); color: #ffffff; } -.pt-button.pt-intent-danger:hover, .pt-button.pt-intent-danger:active, .pt-intent-danger.pt-button.pt-active, .pt-button.pt-intent-danger:disabled, .pt-intent-danger.pt-button.pt-disabled { +.pt-button.pt-intent-danger:hover, .pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active { color: #ffffff; } .pt-button.pt-intent-danger:hover { background: #c23030; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #c23030; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); } -.pt-button.pt-intent-danger:active, .pt-intent-danger.pt-button.pt-active { +.pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #a82a2a; background-image: none; } -.pt-button.pt-intent-danger:disabled, .pt-intent-danger.pt-button.pt-disabled { +.pt-button.pt-intent-danger:disabled, .pt-button.pt-intent-danger.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(219, 55, 55, 0.5); - background-image: none; } -.pt-button.pt-intent-danger .pt-button-spinner .pt-spinner-head { - stroke: #ffffff; } + background-image: none; + color: rgba(255, 255, 255, 0.6); } +.pt-button[class*="pt-intent-"] .pt-button-spinner .pt-spinner-head { + stroke: #ffffff; } .pt-button.pt-loading { position: relative; } .pt-button.pt-loading[class*="pt-icon-"]::before { @@ -1650,21 +1650,23 @@ span.pt-icon::before { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-button:not([class*="pt-intent-"]):hover, .pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button.pt-active:not([class*="pt-intent-"]) { +.pt-dark .pt-button:not([class*="pt-intent-"]):hover, .pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-active { color: #f5f8fa; } .pt-dark .pt-button:not([class*="pt-intent-"]):hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button.pt-active:not([class*="pt-intent-"]) { +.pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-button:not([class*="pt-intent-"]):disabled, .pt-dark .pt-button.pt-disabled:not([class*="pt-intent-"]) { +.pt-dark .pt-button:not([class*="pt-intent-"]):disabled, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-button:not([class*="pt-intent-"]):disabled.pt-active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-button:not([class*="pt-intent-"]) .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } @@ -1676,9 +1678,9 @@ span.pt-icon::before { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-button[class*="pt-intent-"]:hover { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-button[class*="pt-intent-"]:active, .pt-dark [class*="pt-intent-"].pt-button.pt-active { +.pt-dark .pt-button[class*="pt-intent-"]:active, .pt-dark .pt-button[class*="pt-intent-"].pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); } -.pt-dark .pt-button[class*="pt-intent-"]:disabled, .pt-dark [class*="pt-intent-"].pt-button.pt-disabled { +.pt-dark .pt-button[class*="pt-intent-"]:disabled, .pt-dark .pt-button[class*="pt-intent-"].pt-disabled { box-shadow: none; background-image: none; color: rgba(255, 255, 255, 0.3); } @@ -1686,23 +1688,21 @@ span.pt-icon::before { stroke: #8a9ba8; } .pt-button:disabled::before, .pt-button.pt-disabled::before, .pt-button[class*="pt-intent-"]::before { color: inherit !important; } -.pt-button:disabled .pt-icon, .pt-button.pt-disabled .pt-icon, .pt-button:disabled .pt-icon-standard, .pt-button.pt-disabled .pt-icon-standard, .pt-button:disabled .pt-icon-large, .pt-button.pt-disabled .pt-icon-large, .pt-button[class*="pt-intent-"] .pt-icon, .pt-button[class*="pt-intent-"] .pt-icon-standard, .pt-button[class*="pt-intent-"] .pt-icon-large { +.pt-button:disabled .pt-icon, .pt-button:disabled .pt-icon-standard, .pt-button:disabled .pt-icon-large, .pt-button.pt-disabled .pt-icon, .pt-button.pt-disabled .pt-icon-standard, .pt-button.pt-disabled .pt-icon-large, .pt-button[class*="pt-intent-"] .pt-icon, .pt-button[class*="pt-intent-"] .pt-icon-standard, .pt-button[class*="pt-intent-"] .pt-icon-large { color: inherit !important; } .pt-button.pt-minimal { box-shadow: none; background: none; } -.pt-button.pt-minimal:focus { - box-shadow: none; } -.pt-button.pt-minimal:hover { +.pt-button.pt-minimal:hover, .pt-button.pt-minimal:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } -.pt-button.pt-minimal.pt-active, .pt-button.pt-minimal:active, .pt-minimal.pt-button.pt-active { +.pt-button.pt-minimal:active, .pt-button.pt-minimal.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } -.pt-button.pt-minimal.pt-disabled, .pt-button.pt-minimal:disabled, .pt-minimal.pt-button.pt-disabled, .pt-button.pt-minimal:disabled:hover, .pt-minimal.pt-button.pt-disabled:hover { +.pt-button.pt-minimal:disabled, .pt-button.pt-minimal:disabled:hover, .pt-button.pt-minimal.pt-disabled, .pt-button.pt-minimal.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -1710,122 +1710,130 @@ span.pt-icon::before { box-shadow: none; background: none; color: inherit; } -.pt-dark .pt-button.pt-minimal:hover, .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-minimal.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-active { +.pt-dark .pt-button.pt-minimal:hover, .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-button.pt-minimal.pt-active { box-shadow: none; background: none; } .pt-dark .pt-button.pt-minimal:hover { background: rgba(138, 155, 168, 0.15); } -.pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-minimal.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-active { +.pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-button.pt-minimal.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } -.pt-dark .pt-button.pt-minimal.pt-disabled, .pt-dark .pt-button.pt-minimal:disabled, .pt-dark .pt-minimal.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal:disabled:hover, .pt-dark .pt-minimal.pt-button.pt-disabled:hover { +.pt-dark .pt-button.pt-minimal:disabled, .pt-dark .pt-button.pt-minimal:disabled:hover, .pt-dark .pt-button.pt-minimal.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } .pt-button.pt-minimal.pt-intent-primary { color: #106ba3; } -.pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:active, .pt-minimal.pt-intent-primary.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-primary.pt-active { +.pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:active, .pt-button.pt-minimal.pt-intent-primary.pt-active { box-shadow: none; background: none; color: #106ba3; } -.pt-button.pt-minimal.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } -.pt-button.pt-minimal.pt-intent-primary:active, .pt-minimal.pt-intent-primary.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-primary.pt-active { +.pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } +.pt-button.pt-minimal.pt-intent-primary:active, .pt-button.pt-minimal.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } -.pt-button.pt-minimal.pt-intent-primary:disabled, .pt-minimal.pt-intent-primary.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-primary.pt-disabled { +.pt-button.pt-minimal.pt-intent-primary:disabled, .pt-button.pt-minimal.pt-intent-primary.pt-disabled { background: none; color: rgba(16, 107, 163, 0.5); } .pt-button.pt-minimal.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-button.pt-minimal.pt-intent-primary { - color: #2b95d6; } -.pt-dark .pt-button.pt-minimal.pt-intent-primary:hover { + color: #48aff0; } +.pt-dark .pt-button.pt-minimal.pt-intent-primary:hover, .pt-dark .pt-button.pt-minimal.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } -.pt-dark .pt-button.pt-minimal.pt-intent-primary:active, .pt-dark .pt-minimal.pt-intent-primary.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-active { + color: #48aff0; } +.pt-dark .pt-button.pt-minimal.pt-intent-primary:active, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } -.pt-dark .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-dark .pt-minimal.pt-intent-primary.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + color: #48aff0; } +.pt-dark .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-disabled { + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-button.pt-minimal.pt-intent-success { color: #0d8050; } -.pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:active, .pt-minimal.pt-intent-success.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-success.pt-active { +.pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:active, .pt-button.pt-minimal.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } -.pt-button.pt-minimal.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } -.pt-button.pt-minimal.pt-intent-success:active, .pt-minimal.pt-intent-success.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-success.pt-active { +.pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } +.pt-button.pt-minimal.pt-intent-success:active, .pt-button.pt-minimal.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } -.pt-button.pt-minimal.pt-intent-success:disabled, .pt-minimal.pt-intent-success.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-success.pt-disabled { +.pt-button.pt-minimal.pt-intent-success:disabled, .pt-button.pt-minimal.pt-intent-success.pt-disabled { background: none; color: rgba(13, 128, 80, 0.5); } .pt-button.pt-minimal.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-button.pt-minimal.pt-intent-success { - color: #15b371; } -.pt-dark .pt-button.pt-minimal.pt-intent-success:hover { + color: #3dcc91; } +.pt-dark .pt-button.pt-minimal.pt-intent-success:hover, .pt-dark .pt-button.pt-minimal.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } -.pt-dark .pt-button.pt-minimal.pt-intent-success:active, .pt-dark .pt-minimal.pt-intent-success.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-active { + color: #3dcc91; } +.pt-dark .pt-button.pt-minimal.pt-intent-success:active, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } -.pt-dark .pt-button.pt-minimal.pt-intent-success:disabled, .pt-dark .pt-minimal.pt-intent-success.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + color: #3dcc91; } +.pt-dark .pt-button.pt-minimal.pt-intent-success:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-disabled { + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-button.pt-minimal.pt-intent-warning { color: #bf7326; } -.pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:active, .pt-minimal.pt-intent-warning.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-warning.pt-active { +.pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:active, .pt-button.pt-minimal.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } -.pt-button.pt-minimal.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } -.pt-button.pt-minimal.pt-intent-warning:active, .pt-minimal.pt-intent-warning.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-warning.pt-active { +.pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } +.pt-button.pt-minimal.pt-intent-warning:active, .pt-button.pt-minimal.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } -.pt-button.pt-minimal.pt-intent-warning:disabled, .pt-minimal.pt-intent-warning.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-warning.pt-disabled { +.pt-button.pt-minimal.pt-intent-warning:disabled, .pt-button.pt-minimal.pt-intent-warning.pt-disabled { background: none; color: rgba(191, 115, 38, 0.5); } .pt-button.pt-minimal.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-button.pt-minimal.pt-intent-warning { - color: #f29d49; } -.pt-dark .pt-button.pt-minimal.pt-intent-warning:hover { + color: #ffb366; } +.pt-dark .pt-button.pt-minimal.pt-intent-warning:hover, .pt-dark .pt-button.pt-minimal.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } -.pt-dark .pt-button.pt-minimal.pt-intent-warning:active, .pt-dark .pt-minimal.pt-intent-warning.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-active { + color: #ffb366; } +.pt-dark .pt-button.pt-minimal.pt-intent-warning:active, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } -.pt-dark .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-dark .pt-minimal.pt-intent-warning.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + color: #ffb366; } +.pt-dark .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-disabled { + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-button.pt-minimal.pt-intent-danger { color: #c23030; } -.pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:active, .pt-minimal.pt-intent-danger.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-danger.pt-active { +.pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:active, .pt-button.pt-minimal.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } -.pt-button.pt-minimal.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } -.pt-button.pt-minimal.pt-intent-danger:active, .pt-minimal.pt-intent-danger.pt-button.pt-active, .pt-button.pt-minimal.pt-intent-danger.pt-active { +.pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } +.pt-button.pt-minimal.pt-intent-danger:active, .pt-button.pt-minimal.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } -.pt-button.pt-minimal.pt-intent-danger:disabled, .pt-minimal.pt-intent-danger.pt-button.pt-disabled, .pt-button.pt-minimal.pt-intent-danger.pt-disabled { +.pt-button.pt-minimal.pt-intent-danger:disabled, .pt-button.pt-minimal.pt-intent-danger.pt-disabled { background: none; color: rgba(194, 48, 48, 0.5); } .pt-button.pt-minimal.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-button.pt-minimal.pt-intent-danger { - color: #f55656; } -.pt-dark .pt-button.pt-minimal.pt-intent-danger:hover { + color: #ff7373; } +.pt-dark .pt-button.pt-minimal.pt-intent-danger:hover, .pt-dark .pt-button.pt-minimal.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } -.pt-dark .pt-button.pt-minimal.pt-intent-danger:active, .pt-dark .pt-minimal.pt-intent-danger.pt-button.pt-active, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-active { + color: #ff7373; } +.pt-dark .pt-button.pt-minimal.pt-intent-danger:active, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } -.pt-dark .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-dark .pt-minimal.pt-intent-danger.pt-button.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + color: #ff7373; } +.pt-dark .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-disabled { + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-button.pt-large, .pt-large .pt-button { min-width: 40px; @@ -1855,14 +1863,10 @@ a.pt-button { text-align: center; text-decoration: none; transition: none; } -a.pt-button, a.pt-button:hover, a.pt-button:active, a.pt-button.pt-active { +a.pt-button, a.pt-button:hover, a.pt-button:active { color: #182026; } -a.pt-disabled.pt-button { +a.pt-button.pt-disabled { color: rgba(92, 112, 128, 0.5); } -.pt-button.pt-active.pt-disabled, .pt-button.pt-active:disabled, .pt-active.pt-button.pt-disabled { - background: rgba(191, 204, 214, 0.7); } -.pt-dark .pt-button.pt-active.pt-disabled, .pt-dark .pt-button.pt-active:disabled, .pt-dark .pt-active.pt-button.pt-disabled { - background: rgba(92, 112, 128, 0.7); } .pt-select select { display: inline-block; border: none; @@ -1885,32 +1889,32 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-select select:active { +.pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-select select:disabled { +.pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } -.pt-select.pt-minimal select:focus { - box-shadow: none; } -.pt-select.pt-minimal select:hover { +.pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } -.pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { +.pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } -.pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { +.pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -1926,7 +1930,7 @@ a.pt-disabled.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } -.pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { +.pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -1936,8 +1940,9 @@ a.pt-disabled.pt-button { box-shadow: none; background: none; color: #106ba3; } -.pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } +.pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -1947,23 +1952,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } -.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } +.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } -.pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } +.pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -1973,23 +1980,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } -.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } +.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } -.pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } +.pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -1999,23 +2008,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } -.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } +.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } -.pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } +.pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -2025,15 +2036,16 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } -.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } +.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; padding-right: 35px; @@ -2043,27 +2055,29 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { +.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-select select:active { +.pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-select select:disabled { +.pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } .pt-select::after { @@ -2097,9 +2111,9 @@ a.pt-disabled.pt-button { z-index: 5; } .pt-button-group .pt-button:hover { z-index: 6; } -.pt-button-group .pt-button:active, .pt-button-group .pt-button.pt-active, .pt-button-group .pt-button.pt-active { +.pt-button-group .pt-button:active, .pt-button-group .pt-button.pt-active { z-index: 7; } -.pt-button-group .pt-button:disabled, .pt-button-group .pt-button.pt-disabled, .pt-button-group .pt-button.pt-disabled { +.pt-button-group .pt-button:disabled, .pt-button-group .pt-button.pt-disabled { z-index: 3; } .pt-button-group .pt-button[class*="pt-intent-"] { z-index: 9; } @@ -2107,9 +2121,9 @@ a.pt-disabled.pt-button { z-index: 10; } .pt-button-group .pt-button[class*="pt-intent-"]:hover { z-index: 11; } -.pt-button-group .pt-button[class*="pt-intent-"]:active, .pt-button-group [class*="pt-intent-"].pt-button.pt-active, .pt-button-group .pt-button[class*="pt-intent-"].pt-active { +.pt-button-group .pt-button[class*="pt-intent-"]:active, .pt-button-group .pt-button[class*="pt-intent-"].pt-active { z-index: 12; } -.pt-button-group .pt-button[class*="pt-intent-"]:disabled, .pt-button-group [class*="pt-intent-"].pt-button.pt-disabled, .pt-button-group .pt-button[class*="pt-intent-"].pt-disabled { +.pt-button-group .pt-button[class*="pt-intent-"]:disabled, .pt-button-group .pt-button[class*="pt-intent-"].pt-disabled { z-index: 8; } .pt-button-group:not(.pt-minimal) > .pt-popover-target:not(:first-child) .pt-button, .pt-button-group:not(.pt-minimal) > .pt-button:not(:first-child) { @@ -2126,18 +2140,16 @@ a.pt-disabled.pt-button { margin-right: 11px; border-radius: 3px !important; overflow: visible; } -.pt-button-group.pt-minimal .pt-button:focus { - box-shadow: none; } -.pt-button-group.pt-minimal .pt-button:hover { +.pt-button-group.pt-minimal .pt-button:hover, .pt-button-group.pt-minimal .pt-button:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } -.pt-button-group.pt-minimal .pt-button.pt-active, .pt-button-group.pt-minimal .pt-button:active, .pt-button-group.pt-minimal .pt-button.pt-active { +.pt-button-group.pt-minimal .pt-button:active, .pt-button-group.pt-minimal .pt-button.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } -.pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button:disabled, .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { +.pt-button-group.pt-minimal .pt-button:disabled, .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2145,122 +2157,130 @@ a.pt-disabled.pt-button { box-shadow: none; background: none; color: inherit; } -.pt-dark .pt-button-group.pt-minimal .pt-button:hover, .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { +.pt-dark .pt-button-group.pt-minimal .pt-button:hover, .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { box-shadow: none; background: none; } .pt-dark .pt-button-group.pt-minimal .pt-button:hover { background: rgba(138, 155, 168, 0.15); } -.pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { +.pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { +.pt-dark .pt-button-group.pt-minimal .pt-button:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-primary { color: #106ba3; } -.pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { box-shadow: none; background: none; color: #106ba3; } -.pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } -.pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } +.pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } -.pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { +.pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { background: none; color: rgba(16, 107, 163, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary { - color: #2b95d6; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover { + color: #48aff0; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { + color: #48aff0; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + color: #48aff0; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-success { color: #0d8050; } -.pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } -.pt-button-group.pt-minimal .pt-button.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } -.pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } +.pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } -.pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { +.pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { background: none; color: rgba(13, 128, 80, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success { - color: #15b371; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover { + color: #3dcc91; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { + color: #3dcc91; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + color: #3dcc91; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-warning { color: #bf7326; } -.pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } -.pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } -.pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } +.pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } -.pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { +.pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { background: none; color: rgba(191, 115, 38, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning { - color: #f29d49; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover { + color: #ffb366; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { + color: #ffb366; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + color: #ffb366; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-danger { color: #c23030; } -.pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } -.pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } -.pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { +.pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } +.pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } -.pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { +.pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { background: none; color: rgba(194, 48, 48, 0.5); } .pt-button-group.pt-minimal .pt-button.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger { - color: #f55656; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover { + color: #ff7373; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-dark .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { + color: #ff7373; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } -.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-dark .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + color: #ff7373; } +.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-button-group.pt-minimal .pt-button:focus { outline-style: solid; } .pt-button-group.pt-minimal .pt-button::after { @@ -2352,44 +2372,44 @@ a.pt-disabled.pt-button { color: #bfccd6; } .pt-callout.pt-intent-primary { background-color: rgba(19, 124, 189, 0.15); } -.pt-callout.pt-intent-primary[class*="pt-icon-"]::before { - color: #137cbd; } -.pt-callout.pt-intent-primary h5 { +.pt-callout.pt-intent-primary[class*="pt-icon-"]::before, + .pt-callout.pt-intent-primary h5 { color: #106ba3; } .pt-dark .pt-callout.pt-intent-primary { background-color: rgba(19, 124, 189, 0.25); } -.pt-dark .pt-callout.pt-intent-primary h5 { - color: #2b95d6; } +.pt-dark .pt-callout.pt-intent-primary[class*="pt-icon-"]::before, + .pt-dark .pt-callout.pt-intent-primary h5 { + color: #48aff0; } .pt-callout.pt-intent-success { background-color: rgba(15, 153, 96, 0.15); } -.pt-callout.pt-intent-success[class*="pt-icon-"]::before { - color: #0f9960; } -.pt-callout.pt-intent-success h5 { +.pt-callout.pt-intent-success[class*="pt-icon-"]::before, + .pt-callout.pt-intent-success h5 { color: #0d8050; } .pt-dark .pt-callout.pt-intent-success { background-color: rgba(15, 153, 96, 0.25); } -.pt-dark .pt-callout.pt-intent-success h5 { - color: #15b371; } +.pt-dark .pt-callout.pt-intent-success[class*="pt-icon-"]::before, + .pt-dark .pt-callout.pt-intent-success h5 { + color: #3dcc91; } .pt-callout.pt-intent-warning { background-color: rgba(217, 130, 43, 0.15); } -.pt-callout.pt-intent-warning[class*="pt-icon-"]::before { - color: #d9822b; } -.pt-callout.pt-intent-warning h5 { +.pt-callout.pt-intent-warning[class*="pt-icon-"]::before, + .pt-callout.pt-intent-warning h5 { color: #bf7326; } .pt-dark .pt-callout.pt-intent-warning { background-color: rgba(217, 130, 43, 0.25); } -.pt-dark .pt-callout.pt-intent-warning h5 { - color: #f29d49; } +.pt-dark .pt-callout.pt-intent-warning[class*="pt-icon-"]::before, + .pt-dark .pt-callout.pt-intent-warning h5 { + color: #ffb366; } .pt-callout.pt-intent-danger { background-color: rgba(219, 55, 55, 0.15); } -.pt-callout.pt-intent-danger[class*="pt-icon-"]::before { - color: #db3737; } -.pt-callout.pt-intent-danger h5 { +.pt-callout.pt-intent-danger[class*="pt-icon-"]::before, + .pt-callout.pt-intent-danger h5 { color: #c23030; } .pt-dark .pt-callout.pt-intent-danger { background-color: rgba(219, 55, 55, 0.25); } -.pt-dark .pt-callout.pt-intent-danger h5 { - color: #f55656; } +.pt-dark .pt-callout.pt-intent-danger[class*="pt-icon-"]::before, + .pt-dark .pt-callout.pt-intent-danger h5 { + color: #ff7373; } .pt-running-text .pt-callout { margin: 20px 0; } .pt-card { @@ -2601,32 +2621,32 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-select select:active { +.pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-select select:disabled { +.pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } -.pt-select.pt-minimal select:focus { - box-shadow: none; } -.pt-select.pt-minimal select:hover { +.pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } -.pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { +.pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } -.pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { +.pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2642,7 +2662,7 @@ a.pt-disabled.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } -.pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { +.pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -2652,8 +2672,9 @@ a.pt-disabled.pt-button { box-shadow: none; background: none; color: #106ba3; } -.pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } +.pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -2663,23 +2684,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } -.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } +.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } -.pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } +.pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -2689,23 +2712,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } -.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } +.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } -.pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } +.pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -2715,23 +2740,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } -.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } +.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } -.pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } +.pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -2741,15 +2768,16 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } -.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } +.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; padding-right: 35px; @@ -2759,27 +2787,29 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { +.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-select select:active { +.pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-select select:disabled { +.pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } .pt-select::after { @@ -2858,29 +2888,29 @@ a.pt-disabled.pt-button { .pt-dark .pt-editable-text.pt-disabled::before { box-shadow: none; } .pt-dark .pt-editable-text.pt-intent-primary .pt-editable-content { - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-editable-text.pt-intent-primary:hover::before { - box-shadow: 0 0 0 0 rgba(43, 149, 214, 0), 0 0 0 0 rgba(43, 149, 214, 0), inset 0 0 0 1px rgba(43, 149, 214, 0.4); } + box-shadow: 0 0 0 0 rgba(72, 175, 240, 0), 0 0 0 0 rgba(72, 175, 240, 0), inset 0 0 0 1px rgba(72, 175, 240, 0.4); } .pt-dark .pt-editable-text.pt-intent-primary.pt-editable-editing::before { - box-shadow: 0 0 0 1px #2b95d6, 0 0 0 3px rgba(43, 149, 214, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #48aff0, 0 0 0 3px rgba(72, 175, 240, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-editable-text.pt-intent-success .pt-editable-content { - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-editable-text.pt-intent-success:hover::before { - box-shadow: 0 0 0 0 rgba(21, 179, 113, 0), 0 0 0 0 rgba(21, 179, 113, 0), inset 0 0 0 1px rgba(21, 179, 113, 0.4); } + box-shadow: 0 0 0 0 rgba(61, 204, 145, 0), 0 0 0 0 rgba(61, 204, 145, 0), inset 0 0 0 1px rgba(61, 204, 145, 0.4); } .pt-dark .pt-editable-text.pt-intent-success.pt-editable-editing::before { - box-shadow: 0 0 0 1px #15b371, 0 0 0 3px rgba(21, 179, 113, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #3dcc91, 0 0 0 3px rgba(61, 204, 145, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-editable-text.pt-intent-warning .pt-editable-content { - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-editable-text.pt-intent-warning:hover::before { - box-shadow: 0 0 0 0 rgba(242, 157, 73, 0), 0 0 0 0 rgba(242, 157, 73, 0), inset 0 0 0 1px rgba(242, 157, 73, 0.4); } + box-shadow: 0 0 0 0 rgba(255, 179, 102, 0), 0 0 0 0 rgba(255, 179, 102, 0), inset 0 0 0 1px rgba(255, 179, 102, 0.4); } .pt-dark .pt-editable-text.pt-intent-warning.pt-editable-editing::before { - box-shadow: 0 0 0 1px #f29d49, 0 0 0 3px rgba(242, 157, 73, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #ffb366, 0 0 0 3px rgba(255, 179, 102, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-editable-text.pt-intent-danger .pt-editable-content { - color: #f55656; } + color: #ff7373; } .pt-dark .pt-editable-text.pt-intent-danger:hover::before { - box-shadow: 0 0 0 0 rgba(245, 86, 86, 0), 0 0 0 0 rgba(245, 86, 86, 0), inset 0 0 0 1px rgba(245, 86, 86, 0.4); } + box-shadow: 0 0 0 0 rgba(255, 115, 115, 0), 0 0 0 0 rgba(255, 115, 115, 0), inset 0 0 0 1px rgba(255, 115, 115, 0.4); } .pt-dark .pt-editable-text.pt-intent-danger.pt-editable-editing::before { - box-shadow: 0 0 0 1px #f55656, 0 0 0 3px rgba(245, 86, 86, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } + box-shadow: 0 0 0 1px #ff7373, 0 0 0 3px rgba(255, 115, 115, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-editable-input, .pt-editable-content { display: inherit; @@ -2944,32 +2974,32 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-select select:active { +.pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-select select:disabled { +.pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } -.pt-select.pt-minimal select:focus { - box-shadow: none; } -.pt-select.pt-minimal select:hover { +.pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } -.pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { +.pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } -.pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { +.pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -2985,7 +3015,7 @@ a.pt-disabled.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } -.pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { +.pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -2995,8 +3025,9 @@ a.pt-disabled.pt-button { box-shadow: none; background: none; color: #106ba3; } -.pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } +.pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -3006,23 +3037,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } -.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } +.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } -.pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } +.pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -3032,23 +3065,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } -.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } +.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } -.pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } +.pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -3058,23 +3093,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } -.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } +.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } -.pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } +.pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -3084,15 +3121,16 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } -.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } +.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; padding-right: 35px; @@ -3102,27 +3140,29 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { +.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-select select:active { +.pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-select select:disabled { +.pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } .pt-select::after { @@ -3164,32 +3204,32 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-select select:active { +.pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-select select:disabled { +.pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } -.pt-select.pt-minimal select:focus { - box-shadow: none; } -.pt-select.pt-minimal select:hover { +.pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } -.pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { +.pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } -.pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { +.pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -3205,7 +3245,7 @@ a.pt-disabled.pt-button { .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } -.pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { +.pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -3215,8 +3255,9 @@ a.pt-disabled.pt-button { box-shadow: none; background: none; color: #106ba3; } -.pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } +.pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -3226,23 +3267,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } -.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } +.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } -.pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } +.pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -3252,23 +3295,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } -.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } +.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } -.pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } +.pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -3278,23 +3323,25 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } -.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } +.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } -.pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } +.pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -3304,15 +3351,16 @@ a.pt-disabled.pt-button { .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } -.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } +.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; padding-right: 35px; @@ -3322,27 +3370,29 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { +.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-select select:active { +.pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-select select:disabled { +.pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } .pt-select::after { @@ -3403,10 +3453,10 @@ a.pt-disabled.pt-button { .pt-control-group .pt-button:hover, .pt-control-group .pt-select select:hover { z-index: 6; } -.pt-control-group .pt-button:active, .pt-control-group .pt-button.pt-active, +.pt-control-group .pt-button:active, .pt-control-group .pt-select select:active { z-index: 7; } -.pt-control-group .pt-button[readonly], .pt-control-group .pt-button:disabled, .pt-control-group .pt-button.pt-disabled, .pt-control-group .pt-button.pt-disabled, +.pt-control-group .pt-button[readonly], .pt-control-group .pt-button:disabled, .pt-control-group .pt-button.pt-disabled, .pt-control-group .pt-select select[readonly], .pt-control-group .pt-select select:disabled, .pt-control-group .pt-select select.pt-disabled { @@ -3420,10 +3470,10 @@ a.pt-disabled.pt-button { .pt-control-group .pt-button[class*="pt-intent"]:hover, .pt-control-group .pt-select select[class*="pt-intent"]:hover { z-index: 11; } -.pt-control-group .pt-button[class*="pt-intent"]:active, .pt-control-group [class*="pt-intent"].pt-button.pt-active, +.pt-control-group .pt-button[class*="pt-intent"]:active, .pt-control-group .pt-select select[class*="pt-intent"]:active { z-index: 12; } -.pt-control-group .pt-button[class*="pt-intent"][readonly], .pt-control-group .pt-button[class*="pt-intent"]:disabled, .pt-control-group [class*="pt-intent"].pt-button.pt-disabled, .pt-control-group .pt-button[class*="pt-intent"].pt-disabled, +.pt-control-group .pt-button[class*="pt-intent"][readonly], .pt-control-group .pt-button[class*="pt-intent"]:disabled, .pt-control-group .pt-button[class*="pt-intent"].pt-disabled, .pt-control-group .pt-select select[class*="pt-intent"][readonly], .pt-control-group .pt-select select[class*="pt-intent"]:disabled, .pt-control-group .pt-select select[class*="pt-intent"].pt-disabled { @@ -3547,7 +3597,7 @@ a.pt-disabled.pt-button { -moz-outline-radius: 6px; } .pt-control input:disabled ~ .pt-control-indicator { box-shadow: none; - background: rgba(191, 204, 214, 0.5); + background: rgba(206, 217, 224, 0.5); cursor: not-allowed; } .pt-control input:disabled:checked ~ .pt-control-indicator, .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator { box-shadow: none; @@ -3620,7 +3670,7 @@ a.pt-disabled.pt-button { .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator::before, .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-control.pt-switch input:disabled ~ .pt-control-indicator { - background-color: rgba(191, 204, 214, 0.5); } + background-color: rgba(206, 217, 224, 0.5); } .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before { box-shadow: none; background-color: rgba(255, 255, 255, 0.8); } @@ -3681,7 +3731,7 @@ a.pt-disabled.pt-button { background-color: #0e5a8a; } .pt-dark .pt-control input:disabled ~ .pt-control-indicator { box-shadow: none; - background: rgba(92, 112, 128, 0.5); + background: rgba(57, 75, 89, 0.5); cursor: not-allowed; } .pt-dark .pt-control input:disabled:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator { box-shadow: none; @@ -3715,7 +3765,7 @@ a.pt-disabled.pt-button { .pt-dark .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator::before, .pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator { - background: rgba(92, 112, 128, 0.5); } + background: rgba(57, 75, 89, 0.5); } .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before { box-shadow: none; background: rgba(16, 22, 26, 0.4); } @@ -3730,6 +3780,38 @@ a.pt-disabled.pt-button { opacity: 0; margin: 0; min-width: 200px; } +.pt-file-upload input:disabled + .pt-file-upload-input, + .pt-file-upload input.pt-disabled + .pt-file-upload-input { + box-shadow: none; + background: rgba(206, 217, 224, 0.5); + cursor: not-allowed; + color: rgba(92, 112, 128, 0.5); + resize: none; } +.pt-file-upload input:disabled + .pt-file-upload-input::after, + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after { + outline: none; + box-shadow: none; + background-color: rgba(206, 217, 224, 0.5); + background-image: none; + cursor: not-allowed; + color: rgba(92, 112, 128, 0.5); } +.pt-file-upload input:disabled + .pt-file-upload-input::after.pt-active, + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after.pt-active { + background: rgba(206, 217, 224, 0.7); } +.pt-dark .pt-file-upload input:disabled + .pt-file-upload-input, .pt-dark + .pt-file-upload input.pt-disabled + .pt-file-upload-input { + box-shadow: none; + background: rgba(57, 75, 89, 0.5); + color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-file-upload input:disabled + .pt-file-upload-input::after, .pt-dark + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after { + box-shadow: none; + background-color: rgba(57, 75, 89, 0.5); + background-image: none; + color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-file-upload input:disabled + .pt-file-upload-input::after.pt-active, .pt-dark + .pt-file-upload input.pt-disabled + .pt-file-upload-input::after.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-file-upload .pt-file-upload-input { outline: none; border: none; @@ -3741,7 +3823,6 @@ a.pt-disabled.pt-button { vertical-align: middle; line-height: 30px; color: #182026; - font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400; transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); @@ -3765,10 +3846,10 @@ a.pt-disabled.pt-button { .pt-file-upload .pt-file-upload-input::-moz-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } -.pt-file-upload .pt-file-upload-input:-moz-placeholder { +.pt-file-upload .pt-file-upload-input:-ms-input-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } -.pt-file-upload .pt-file-upload-input:-ms-input-placeholder { +.pt-file-upload .pt-file-upload-input::placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } .pt-file-upload .pt-file-upload-input:focus { @@ -3810,17 +3891,19 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-file-upload .pt-file-upload-input::after:active { +.pt-file-upload .pt-file-upload-input::after:active, .pt-file-upload .pt-file-upload-input::after.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-file-upload .pt-file-upload-input::after:disabled { +.pt-file-upload .pt-file-upload-input::after:disabled, .pt-file-upload .pt-file-upload-input::after.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-file-upload .pt-file-upload-input::after:disabled.pt-active, .pt-file-upload .pt-file-upload-input::after.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-file-upload .pt-file-upload-input:hover::after { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; @@ -3839,10 +3922,10 @@ a.pt-disabled.pt-button { color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-file-upload .pt-file-upload-input::-moz-placeholder { color: rgba(191, 204, 214, 0.5); } -.pt-dark .pt-file-upload .pt-file-upload-input:-moz-placeholder { - color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-file-upload .pt-file-upload-input:-ms-input-placeholder { color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-file-upload .pt-file-upload-input::placeholder { + color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-file-upload .pt-file-upload-input:focus { box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-file-upload .pt-file-upload-input[readonly] { @@ -3856,21 +3939,23 @@ a.pt-disabled.pt-button { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-file-upload .pt-file-upload-input::after:hover, .pt-dark .pt-file-upload .pt-file-upload-input::after:active { +.pt-dark .pt-file-upload .pt-file-upload-input::after:hover, .pt-dark .pt-file-upload .pt-file-upload-input::after:active, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-active { color: #f5f8fa; } .pt-dark .pt-file-upload .pt-file-upload-input::after:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-file-upload .pt-file-upload-input::after:active { +.pt-dark .pt-file-upload .pt-file-upload-input::after:active, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-file-upload .pt-file-upload-input::after:disabled { +.pt-dark .pt-file-upload .pt-file-upload-input::after:disabled, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-file-upload .pt-file-upload-input::after:disabled.pt-active, .pt-dark .pt-file-upload .pt-file-upload-input::after.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-file-upload .pt-file-upload-input::after .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } @@ -3916,13 +4001,13 @@ a.pt-disabled.pt-button { .pt-form-group.pt-disabled .pt-form-helper-text { color: rgba(92, 112, 128, 0.5) !important; } .pt-dark .pt-form-group.pt-intent-primary .pt-form-helper-text { - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-form-group.pt-intent-success .pt-form-helper-text { - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-form-group.pt-intent-warning .pt-form-helper-text { - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-form-group.pt-intent-danger .pt-form-helper-text { - color: #f55656; } + color: #ff7373; } .pt-dark .pt-form-group .pt-form-helper-text { color: #bfccd6; } .pt-dark .pt-form-group.pt-disabled .pt-label, @@ -3978,22 +4063,21 @@ a.pt-disabled.pt-button { .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus), .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) { color: #5c7080; } +.pt-dark .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus), .pt-dark + .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) { + color: #bfccd6; } .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large { color: #5c7080; } -.pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled { +.pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled, + .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled { color: rgba(92, 112, 128, 0.5) !important; } -.pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-large, .pt-input-group .pt-input:not(:focus) + .pt-minimal.pt-button.pt-disabled .pt-icon-large, +.pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-large, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-standard, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon-standard, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-large, - .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon-large { + .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-large { color: rgba(92, 112, 128, 0.5) !important; } .pt-input-group.pt-disabled { cursor: not-allowed; } @@ -4037,7 +4121,9 @@ a.pt-disabled.pt-button { .pt-input-group.pt-intent-primary .pt-input:disabled, .pt-input-group.pt-intent-primary .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-primary .pt-icon { - color: #137cbd; } + color: #106ba3; } +.pt-dark .pt-input-group.pt-intent-primary .pt-icon { + color: #48aff0; } .pt-input-group.pt-intent-success .pt-input { box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-input-group.pt-intent-success .pt-input:focus { @@ -4047,7 +4133,9 @@ a.pt-disabled.pt-button { .pt-input-group.pt-intent-success .pt-input:disabled, .pt-input-group.pt-intent-success .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-success .pt-icon { - color: #0f9960; } + color: #0d8050; } +.pt-dark .pt-input-group.pt-intent-success .pt-icon { + color: #3dcc91; } .pt-input-group.pt-intent-warning .pt-input { box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-input-group.pt-intent-warning .pt-input:focus { @@ -4057,7 +4145,9 @@ a.pt-disabled.pt-button { .pt-input-group.pt-intent-warning .pt-input:disabled, .pt-input-group.pt-intent-warning .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-warning .pt-icon { - color: #d9822b; } + color: #bf7326; } +.pt-dark .pt-input-group.pt-intent-warning .pt-icon { + color: #ffb366; } .pt-input-group.pt-intent-danger .pt-input { box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); } .pt-input-group.pt-intent-danger .pt-input:focus { @@ -4067,7 +4157,9 @@ a.pt-disabled.pt-button { .pt-input-group.pt-intent-danger .pt-input:disabled, .pt-input-group.pt-intent-danger .pt-input.pt-disabled { box-shadow: none; } .pt-input-group.pt-intent-danger .pt-icon { - color: #db3737; } + color: #c23030; } +.pt-dark .pt-input-group.pt-intent-danger .pt-icon { + color: #ff7373; } .pt-input { outline: none; border: none; @@ -4079,7 +4171,6 @@ a.pt-disabled.pt-button { vertical-align: middle; line-height: 30px; color: #182026; - font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400; transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); } @@ -4089,10 +4180,10 @@ a.pt-disabled.pt-button { .pt-input::-moz-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } -.pt-input:-moz-placeholder { +.pt-input:-ms-input-placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } -.pt-input:-ms-input-placeholder { +.pt-input::placeholder { opacity: 1; color: rgba(92, 112, 128, 0.5); } .pt-input:focus { @@ -4126,10 +4217,10 @@ a.pt-disabled.pt-button { color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-input::-moz-placeholder { color: rgba(191, 204, 214, 0.5); } -.pt-dark .pt-input:-moz-placeholder { - color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-input:-ms-input-placeholder { color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-input::placeholder { + color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-input:focus { box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark .pt-input[readonly] { @@ -4220,10 +4311,10 @@ textarea.pt-input.pt-large { color: rgba(191, 204, 214, 0.5); } .pt-dark textarea.pt-input::-moz-placeholder { color: rgba(191, 204, 214, 0.5); } -.pt-dark textarea.pt-input:-moz-placeholder { - color: rgba(191, 204, 214, 0.5); } .pt-dark textarea.pt-input:-ms-input-placeholder { color: rgba(191, 204, 214, 0.5); } +.pt-dark textarea.pt-input::placeholder { + color: rgba(191, 204, 214, 0.5); } .pt-dark textarea.pt-input:focus { box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); } .pt-dark textarea.pt-input[readonly] { @@ -4305,32 +4396,32 @@ label.pt-label.pt-disabled, background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-select select:active { +.pt-select select:active, .pt-select select.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-select select:disabled { +.pt-select select:disabled, .pt-select select.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-select.pt-minimal select { box-shadow: none; background: none; } -.pt-select.pt-minimal select:focus { - box-shadow: none; } -.pt-select.pt-minimal select:hover { +.pt-select.pt-minimal select:hover, .pt-select.pt-minimal select:focus { box-shadow: none; background: rgba(167, 182, 194, 0.3); text-decoration: none; color: #182026; } -.pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal select:active { +.pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active { box-shadow: none; background: rgba(115, 134, 148, 0.3); color: #182026; } -.pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover { +.pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } @@ -4346,7 +4437,7 @@ label.pt-label.pt-disabled, .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active { background: rgba(138, 155, 168, 0.3); color: #f5f8fa; } -.pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover { +.pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover { background: inherit; cursor: not-allowed; color: rgba(191, 204, 214, 0.5); } @@ -4356,8 +4447,9 @@ label.pt-label.pt-disabled, box-shadow: none; background: none; color: #106ba3; } -.pt-select.pt-minimal select.pt-intent-primary:hover { - background: rgba(19, 124, 189, 0.15); } +.pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:focus { + background: rgba(19, 124, 189, 0.15); + color: #106ba3; } .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); color: #106ba3; } @@ -4367,23 +4459,25 @@ label.pt-label.pt-disabled, .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head { stroke: #106ba3; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary { - color: #2b95d6; } -.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover { + color: #48aff0; } +.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-primary:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:focus { background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active { background: rgba(19, 124, 189, 0.3); - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled { - color: rgba(43, 149, 214, 0.5); } + background: none; + color: rgba(72, 175, 240, 0.5); } .pt-select.pt-minimal select.pt-intent-success { color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050; } -.pt-select.pt-minimal select.pt-intent-success:hover { - background: rgba(15, 153, 96, 0.15); } +.pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:focus { + background: rgba(15, 153, 96, 0.15); + color: #0d8050; } .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); color: #0d8050; } @@ -4393,23 +4487,25 @@ label.pt-label.pt-disabled, .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head { stroke: #0d8050; } .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success { - color: #15b371; } -.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover { + color: #3dcc91; } +.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-success:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-success:focus { background: rgba(15, 153, 96, 0.2); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active { background: rgba(15, 153, 96, 0.3); - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled { - color: rgba(21, 179, 113, 0.5); } + background: none; + color: rgba(61, 204, 145, 0.5); } .pt-select.pt-minimal select.pt-intent-warning { color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326; } -.pt-select.pt-minimal select.pt-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); } +.pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:focus { + background: rgba(217, 130, 43, 0.15); + color: #bf7326; } .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); color: #bf7326; } @@ -4419,23 +4515,25 @@ label.pt-label.pt-disabled, .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head { stroke: #bf7326; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning { - color: #f29d49; } -.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover { + color: #ffb366; } +.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-warning:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:focus { background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active { background: rgba(217, 130, 43, 0.3); - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled { - color: rgba(242, 157, 73, 0.5); } + background: none; + color: rgba(255, 179, 102, 0.5); } .pt-select.pt-minimal select.pt-intent-danger { color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030; } -.pt-select.pt-minimal select.pt-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); } +.pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:focus { + background: rgba(219, 55, 55, 0.15); + color: #c23030; } .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); color: #c23030; } @@ -4445,15 +4543,16 @@ label.pt-label.pt-disabled, .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head { stroke: #c23030; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger { - color: #f55656; } -.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover { + color: #ff7373; } +.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover, .pt-dark .pt-select.pt-minimal select.pt-intent-danger:focus, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:focus { background: rgba(219, 55, 55, 0.2); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active { background: rgba(219, 55, 55, 0.3); - color: #f55656; } + color: #ff7373; } .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled { - color: rgba(245, 86, 86, 0.5); } + background: none; + color: rgba(255, 115, 115, 0.5); } .pt-select.pt-large select { height: 40px; padding-right: 35px; @@ -4463,27 +4562,29 @@ label.pt-label.pt-disabled, background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active { +.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { color: #f5f8fa; } .pt-dark .pt-select select:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-select select:active { +.pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-select select:disabled { +.pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } .pt-select select:disabled { box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } .pt-select::after { @@ -4661,7 +4762,7 @@ form { color: #106ba3; } .pt-menu-item.pt-intent-primary::before, .pt-menu-item.pt-intent-primary::after, .pt-menu-item.pt-intent-primary .pt-menu-item-label { - color: #137cbd; } + color: #106ba3; } .pt-menu-item.pt-intent-primary:hover, .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-menu-item.pt-intent-primary.pt-active { background-color: #137cbd; } .pt-menu-item.pt-intent-primary:active { @@ -4675,7 +4776,7 @@ form { color: #0d8050; } .pt-menu-item.pt-intent-success::before, .pt-menu-item.pt-intent-success::after, .pt-menu-item.pt-intent-success .pt-menu-item-label { - color: #0f9960; } + color: #0d8050; } .pt-menu-item.pt-intent-success:hover, .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-menu-item.pt-intent-success.pt-active { background-color: #0f9960; } .pt-menu-item.pt-intent-success:active { @@ -4689,7 +4790,7 @@ form { color: #bf7326; } .pt-menu-item.pt-intent-warning::before, .pt-menu-item.pt-intent-warning::after, .pt-menu-item.pt-intent-warning .pt-menu-item-label { - color: #d9822b; } + color: #bf7326; } .pt-menu-item.pt-intent-warning:hover, .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-menu-item.pt-intent-warning.pt-active { background-color: #d9822b; } .pt-menu-item.pt-intent-warning:active { @@ -4703,7 +4804,7 @@ form { color: #c23030; } .pt-menu-item.pt-intent-danger::before, .pt-menu-item.pt-intent-danger::after, .pt-menu-item.pt-intent-danger .pt-menu-item-label { - color: #db3737; } + color: #c23030; } .pt-menu-item.pt-intent-danger:hover, .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-menu-item.pt-intent-danger.pt-active { background-color: #db3737; } .pt-menu-item.pt-intent-danger:active { @@ -4794,10 +4895,10 @@ button.pt-menu-item { background: #30404d; color: #f5f8fa; } .pt-dark .pt-menu-item.pt-intent-primary { - color: #2b95d6; } + color: #48aff0; } .pt-dark .pt-menu-item.pt-intent-primary::before, .pt-dark .pt-menu-item.pt-intent-primary::after, .pt-dark .pt-menu-item.pt-intent-primary .pt-menu-item-label { - color: #137cbd; } + color: #48aff0; } .pt-dark .pt-menu-item.pt-intent-primary:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-primary.pt-active { background-color: #137cbd; } .pt-dark .pt-menu-item.pt-intent-primary:active { @@ -4809,10 +4910,10 @@ button.pt-menu-item { .pt-dark .pt-menu-item.pt-intent-primary.pt-active .pt-menu-item-label { color: #ffffff; } .pt-dark .pt-menu-item.pt-intent-success { - color: #15b371; } + color: #3dcc91; } .pt-dark .pt-menu-item.pt-intent-success::before, .pt-dark .pt-menu-item.pt-intent-success::after, .pt-dark .pt-menu-item.pt-intent-success .pt-menu-item-label { - color: #0f9960; } + color: #3dcc91; } .pt-dark .pt-menu-item.pt-intent-success:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-success.pt-active { background-color: #0f9960; } .pt-dark .pt-menu-item.pt-intent-success:active { @@ -4824,10 +4925,10 @@ button.pt-menu-item { .pt-dark .pt-menu-item.pt-intent-success.pt-active .pt-menu-item-label { color: #ffffff; } .pt-dark .pt-menu-item.pt-intent-warning { - color: #f29d49; } + color: #ffb366; } .pt-dark .pt-menu-item.pt-intent-warning::before, .pt-dark .pt-menu-item.pt-intent-warning::after, .pt-dark .pt-menu-item.pt-intent-warning .pt-menu-item-label { - color: #d9822b; } + color: #ffb366; } .pt-dark .pt-menu-item.pt-intent-warning:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-warning.pt-active { background-color: #d9822b; } .pt-dark .pt-menu-item.pt-intent-warning:active { @@ -4839,10 +4940,10 @@ button.pt-menu-item { .pt-dark .pt-menu-item.pt-intent-warning.pt-active .pt-menu-item-label { color: #ffffff; } .pt-dark .pt-menu-item.pt-intent-danger { - color: #f55656; } + color: #ff7373; } .pt-dark .pt-menu-item.pt-intent-danger::before, .pt-dark .pt-menu-item.pt-intent-danger::after, .pt-dark .pt-menu-item.pt-intent-danger .pt-menu-item-label { - color: #db3737; } + color: #ff7373; } .pt-dark .pt-menu-item.pt-intent-danger:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-danger.pt-active { background-color: #db3737; } .pt-dark .pt-menu-item.pt-intent-danger:active { @@ -4925,7 +5026,8 @@ button.pt-menu-item { justify-content: center; margin: 0 auto; width: 100%; - max-width: 400px; } + max-width: 400px; + height: 100%; } .pt-non-ideal-state-visual { margin-bottom: 20px; } .pt-non-ideal-state-icon .pt-icon { @@ -5259,11 +5361,10 @@ body.pt-overlay-open { height: 8px; overflow: hidden; } .pt-progress-bar .pt-progress-meter { - background-color: rgba(255, 255, 255, 0.2); - background-image: linear-gradient(-45deg,rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%); display: inline-block; position: absolute; border-radius: 40px; + background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%); background-color: rgba(92, 112, 128, 0.8); background-size: 30px 30px; width: 100%; @@ -5271,7 +5372,7 @@ body.pt-overlay-open { transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9); } .pt-progress-bar:not(.pt-no-animation):not(.pt-no-stripes) .pt-progress-meter { -webkit-animation: linear-progress-bar-stripes 300ms linear infinite reverse; - animation: linear-progress-bar-stripes 300ms linear infinite reverse; } + animation: linear-progress-bar-stripes 300ms linear infinite reverse; } .pt-progress-bar.pt-no-stripes .pt-progress-meter { background-image: none; } .pt-dark .pt-progress-bar, @@ -5374,17 +5475,19 @@ body.pt-overlay-open { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #ebf1f5; box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1); background-clip: padding-box; } -.pt-slider-handle:active { +.pt-slider-handle:active, .pt-slider-handle.pt-active { box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #d8e1e8; background-image: none; } -.pt-slider-handle:disabled { +.pt-slider-handle:disabled, .pt-slider-handle.pt-disabled { outline: none; box-shadow: none; - background-color: rgba(191, 204, 214, 0.5); + background-color: rgba(206, 217, 224, 0.5); background-image: none; cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-slider-handle:disabled.pt-active, .pt-slider-handle.pt-disabled.pt-active { + background: rgba(206, 217, 224, 0.7); } .pt-slider-handle:focus { z-index: 1; } .pt-slider-handle:hover { @@ -5414,21 +5517,23 @@ body.pt-overlay-open { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); color: #f5f8fa; } -.pt-dark .pt-slider-handle:hover, .pt-dark .pt-slider-handle:active { +.pt-dark .pt-slider-handle:hover, .pt-dark .pt-slider-handle:active, .pt-dark .pt-slider-handle.pt-active { color: #f5f8fa; } .pt-dark .pt-slider-handle:hover { background: #30404d; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d; box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); } -.pt-dark .pt-slider-handle:active { +.pt-dark .pt-slider-handle:active, .pt-dark .pt-slider-handle.pt-active { box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2); background-color: #202b33; background-image: none; } -.pt-dark .pt-slider-handle:disabled { +.pt-dark .pt-slider-handle:disabled, .pt-dark .pt-slider-handle.pt-disabled { box-shadow: none; - background-color: rgba(92, 112, 128, 0.5); + background-color: rgba(57, 75, 89, 0.5); background-image: none; color: rgba(191, 204, 214, 0.5); } +.pt-dark .pt-slider-handle:disabled.pt-active, .pt-dark .pt-slider-handle.pt-disabled.pt-active { + background: rgba(57, 75, 89, 0.7); } .pt-dark .pt-slider-handle .pt-button-spinner .pt-spinner-head { background: rgba(16, 22, 26, 0.5); stroke: #8a9ba8; } @@ -5740,7 +5845,7 @@ table.pt-table.pt-interactive tbody tr:hover td { border: none; border-radius: 3px; box-shadow: none; - background: #5c7080; + background-color: #5c7080; min-width: 20px; padding: 2px 6px; line-height: 16px; @@ -5749,23 +5854,11 @@ table.pt-table.pt-interactive tbody tr:hover td { } .pt-tag.pt-round { border-radius: 10px; } -.pt-dark .pt-tag:not([class*="pt-intent-"]) { - background: #bfccd6; +.pt-dark .pt-tag { + background-color: #bfccd6; color: #182026; } .pt-tag.pt-tag-removable { padding-right: 20px; } -.pt-tag.pt-intent-primary { - background: #137cbd; - color: #ffffff; } -.pt-tag.pt-intent-success { - background: #0f9960; - color: #ffffff; } -.pt-tag.pt-intent-warning { - background: #d9822b; - color: #ffffff; } -.pt-tag.pt-intent-danger { - background: #db3737; - color: #ffffff; } .pt-tag.pt-large, .pt-large .pt-tag { min-width: 30px; @@ -5778,36 +5871,47 @@ table.pt-table.pt-interactive tbody tr:hover td { .pt-tag.pt-large.pt-tag-removable, .pt-large .pt-tag.pt-tag-removable { padding-right: 30px; } +.pt-tag.pt-intent-primary { + background: #137cbd; + color: #ffffff; } +.pt-tag.pt-intent-success { + background: #0f9960; + color: #ffffff; } +.pt-tag.pt-intent-warning { + background: #d9822b; + color: #ffffff; } +.pt-tag.pt-intent-danger { + background: #db3737; + color: #ffffff; } .pt-tag.pt-minimal:not([class*="pt-intent-"]) { - background: rgba(138, 155, 168, 0.2); + background-color: rgba(138, 155, 168, 0.2); color: #182026; } .pt-dark .pt-tag.pt-minimal:not([class*="pt-intent-"]) { - background: rgba(138, 155, 168, 0.2); color: #f5f8fa; } .pt-tag.pt-minimal.pt-intent-primary { - background: rgba(19, 124, 189, 0.15); + background-color: rgba(19, 124, 189, 0.15); color: #106ba3; } .pt-dark .pt-tag.pt-minimal.pt-intent-primary { - background: rgba(19, 124, 189, 0.2); - color: #2b95d6; } + background-color: rgba(19, 124, 189, 0.25); + color: #48aff0; } .pt-tag.pt-minimal.pt-intent-success { - background: rgba(15, 153, 96, 0.15); + background-color: rgba(15, 153, 96, 0.15); color: #0d8050; } .pt-dark .pt-tag.pt-minimal.pt-intent-success { - background: rgba(15, 153, 96, 0.2); - color: #15b371; } + background-color: rgba(15, 153, 96, 0.25); + color: #3dcc91; } .pt-tag.pt-minimal.pt-intent-warning { - background: rgba(217, 130, 43, 0.15); + background-color: rgba(217, 130, 43, 0.15); color: #bf7326; } .pt-dark .pt-tag.pt-minimal.pt-intent-warning { - background: rgba(217, 130, 43, 0.2); - color: #f29d49; } + background-color: rgba(217, 130, 43, 0.25); + color: #ffb366; } .pt-tag.pt-minimal.pt-intent-danger { - background: rgba(219, 55, 55, 0.15); + background-color: rgba(219, 55, 55, 0.15); color: #c23030; } .pt-dark .pt-tag.pt-minimal.pt-intent-danger { - background: rgba(219, 55, 55, 0.2); - color: #f55656; } + background-color: rgba(219, 55, 55, 0.25); + color: #ff7373; } .pt-tag-remove { line-height: 1; font-family: "Icons16", sans-serif; @@ -5824,41 +5928,22 @@ table.pt-table.pt-interactive tbody tr:hover td { background: none; cursor: pointer; padding: 2px; - color: #ffffff; } + color: inherit; } .pt-tag-remove:hover { opacity: 0.8; background: none; text-decoration: none; } +.pt-tag-remove:active { + opacity: 1; } .pt-tag-remove::before { content: "î›—"; } -.pt-dark .pt-tag:not(.pt-minimal):not([class*="pt-intent-"]) .pt-tag-remove { - color: #182026; } .pt-large .pt-tag-remove { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; - margin-left: 5px; padding: 5px; } -.pt-minimal .pt-tag-remove { - color: inherit; } -.pt-intent-primary .pt-minimal .pt-tag-remove { - color: #137cbd; } -.pt-dark .pt-intent-primary .pt-minimal .pt-tag-remove { - color: #137cbd; } -.pt-intent-success .pt-minimal .pt-tag-remove { - color: #0f9960; } -.pt-dark .pt-intent-success .pt-minimal .pt-tag-remove { - color: #0f9960; } -.pt-intent-warning .pt-minimal .pt-tag-remove { - color: #d9822b; } -.pt-dark .pt-intent-warning .pt-minimal .pt-tag-remove { - color: #d9822b; } -.pt-intent-danger .pt-minimal .pt-tag-remove { - color: #db3737; } -.pt-dark .pt-intent-danger .pt-minimal .pt-tag-remove { - color: #db3737; } .pt-toast { display: -webkit-flex; display: flex; @@ -5944,14 +6029,14 @@ table.pt-table.pt-interactive tbody tr:hover td { color: #ffffff; } .pt-toast[class*="pt-intent-"] > .pt-icon-standard { color: #ffffff; } -.pt-toast[class*="pt-intent-"] .pt-button, .pt-toast[class*="pt-intent-"] .pt-button::before, .pt-toast[class*="pt-intent-"] .pt-button:active, .pt-toast[class*="pt-intent-"] .pt-button.pt-active { +.pt-toast[class*="pt-intent-"] .pt-button, .pt-toast[class*="pt-intent-"] .pt-button::before, .pt-toast[class*="pt-intent-"] .pt-button:active { color: rgba(255, 255, 255, 0.7) !important; } .pt-toast[class*="pt-intent-"] .pt-button:focus { outline-color: rgba(255, 255, 255, 0.5); } .pt-toast[class*="pt-intent-"] .pt-button:hover { background-color: rgba(255, 255, 255, 0.15) !important; color: #ffffff !important; } -.pt-toast[class*="pt-intent-"] .pt-button:active, .pt-toast[class*="pt-intent-"] .pt-button.pt-active { +.pt-toast[class*="pt-intent-"] .pt-button:active { background-color: rgba(255, 255, 255, 0.3) !important; color: #ffffff !important; } .pt-toast[class*="pt-intent-"] .pt-button::after { @@ -6388,14 +6473,14 @@ table.pt-table.pt-interactive tbody tr:hover td { line-height: 1; } .pt-datepicker .DayPicker-Day:focus { outline: 0; } -.pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):hover, .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):focus { +.pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover, .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):focus { background: #ced9e0; color: #182026; } .pt-datepicker .DayPicker-Day--disabled { - cursor: not-allowed; } -.pt-datepicker .DayPicker-Day--disabled, - .pt-datepicker .DayPicker-Day--outside { + cursor: not-allowed; color: rgba(92, 112, 128, 0.5); } +.pt-datepicker .DayPicker-Day--outside { + cursor: default; } .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside) { border-radius: 3px; } .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside), @@ -6450,11 +6535,10 @@ table.pt-table.pt-interactive tbody tr:hover td { font-weight: 600; } .pt-dark .pt-datepicker { background: #30404d; } -.pt-dark .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):hover, .pt-dark .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):focus { +.pt-dark .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover, .pt-dark .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):focus { background: #5c7080; color: #ffffff; } -.pt-dark .pt-datepicker .DayPicker-Day--disabled, - .pt-dark .pt-datepicker .DayPicker-Day--outside { +.pt-dark .pt-datepicker .DayPicker-Day--disabled { color: rgba(191, 204, 214, 0.5); } .pt-dark .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside), .pt-dark .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside):focus { @@ -6471,11 +6555,25 @@ table.pt-table.pt-interactive tbody tr:hover td { .pt-dark .pt-datepicker .pt-datepicker-footer { border-top-color: rgba(16, 22, 26, 0.4); } .pt-daterangepicker { + display: -webkit-flex; + display: flex; white-space: nowrap; } -.pt-daterangepicker .DayPicker { +.pt-daterangepicker .DayPicker:not(:last-child) { + margin-right: 10px; } +.pt-daterangepicker .pt-daterangepicker-shortcuts + .DayPicker { + border-left: 1px solid rgba(16, 22, 26, 0.15); + min-width: 220px; + padding-left: 10px; } +.pt-daterangepicker.pt-daterangepicker-contiguous .DayPicker { min-width: 430px; } -.pt-daterangepicker .DayPicker-Month:not(:last-child) { +.pt-daterangepicker.pt-daterangepicker-contiguous .pt-daterangepicker-shortcuts + .DayPicker { + min-width: 440px; } +.pt-daterangepicker.pt-daterangepicker-contiguous .DayPicker-Month:not(:last-child) { margin-right: 10px; } +.pt-daterangepicker.pt-daterangepicker-single-month .DayPicker { + min-width: 210px; } +.pt-daterangepicker.pt-daterangepicker-single-month .pt-daterangepicker-shortcuts + .DayPicker { + min-width: 220px; } .pt-daterangepicker .DayPicker-Day--selected-range:not(.DayPicker-Day--outside) { border-radius: 0; background-color: #ebf1f5; } @@ -6495,12 +6593,6 @@ table.pt-table.pt-interactive tbody tr:hover td { padding-top: 0; padding-right: 5px; padding-left: 0; } -.pt-menu.pt-daterangepicker-shortcuts ~ .DayPicker { - border-left: 1px solid rgba(16, 22, 26, 0.15); - min-width: 440px; - padding-left: 9px; } -.pt-dark .pt-menu.pt-daterangepicker-shortcuts ~ .DayPicker { - border-left: 1px solid rgba(16, 22, 26, 0.4); } .pt-timepicker { display: inline-block; padding: 0 10px; @@ -7896,8 +7988,9 @@ label.docs-color-scheme-label { box-shadow: none; background: none; color: #7157d9; } -.pt-button.docs-dark-switch.pt-icon-moon:hover, .pt-popover-open .pt-button.docs-dark-switch.pt-icon-moon.docs-version-selector { - background: rgba(113, 87, 217, 0.15); } +.pt-button.docs-dark-switch.pt-icon-moon:hover, .pt-popover-open .pt-button.docs-dark-switch.pt-icon-moon.docs-version-selector, .pt-button.docs-dark-switch.pt-icon-moon:focus { + background: rgba(113, 87, 217, 0.15); + color: #7157d9; } .pt-button.docs-dark-switch.pt-icon-moon:active, .pt-button.docs-dark-switch.pt-icon-moon.pt-active { background: rgba(113, 87, 217, 0.3); color: #7157d9; } @@ -7908,13 +8001,14 @@ label.docs-color-scheme-label { stroke: #7157d9; } .pt-dark .pt-button.docs-dark-switch.pt-icon-moon { color: #9179f2; } -.pt-dark .pt-button.docs-dark-switch.pt-icon-moon:hover, .pt-dark .pt-popover-open .pt-button.docs-dark-switch.pt-icon-moon.docs-version-selector, .pt-popover-open .pt-dark .pt-button.docs-dark-switch.pt-icon-moon.docs-version-selector { +.pt-dark .pt-button.docs-dark-switch.pt-icon-moon:hover, .pt-dark .pt-popover-open .pt-button.docs-dark-switch.pt-icon-moon.docs-version-selector, .pt-popover-open .pt-dark .pt-button.docs-dark-switch.pt-icon-moon.docs-version-selector, .pt-dark .pt-button.docs-dark-switch.pt-icon-moon:focus { background: rgba(113, 87, 217, 0.2); color: #9179f2; } .pt-dark .pt-button.docs-dark-switch.pt-icon-moon:active, .pt-dark .pt-button.docs-dark-switch.pt-icon-moon.pt-active { background: rgba(113, 87, 217, 0.3); color: #9179f2; } .pt-dark .pt-button.docs-dark-switch.pt-icon-moon:disabled, .pt-dark .pt-button.docs-dark-switch.pt-icon-moon.pt-disabled { + background: none; color: rgba(145, 121, 242, 0.5); } .pt-dark .pt-button.docs-dark-switch.pt-icon-flash { color: #f2b824; @@ -7923,8 +8017,9 @@ label.docs-color-scheme-label { box-shadow: none; background: none; color: #f2b824; } -.pt-dark .pt-button.docs-dark-switch.pt-icon-flash:hover, .pt-dark .pt-popover-open .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector, .pt-popover-open .pt-dark .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector { - background: rgba(242, 184, 36, 0.15); } +.pt-dark .pt-button.docs-dark-switch.pt-icon-flash:hover, .pt-dark .pt-popover-open .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector, .pt-popover-open .pt-dark .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector, .pt-dark .pt-button.docs-dark-switch.pt-icon-flash:focus { + background: rgba(242, 184, 36, 0.15); + color: #f2b824; } .pt-dark .pt-button.docs-dark-switch.pt-icon-flash:active, .pt-dark .pt-button.docs-dark-switch.pt-icon-flash.pt-active { background: rgba(242, 184, 36, 0.3); color: #f2b824; } @@ -7935,13 +8030,14 @@ label.docs-color-scheme-label { stroke: #f2b824; } .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash { color: #ffc940; } -.pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash:hover, .pt-dark .pt-dark .pt-popover-open .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector, .pt-popover-open .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector { +.pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash:hover, .pt-dark .pt-dark .pt-popover-open .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector, .pt-popover-open .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash.docs-version-selector, .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash:focus { background: rgba(242, 184, 36, 0.2); color: #ffc940; } .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash:active, .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash.pt-active { background: rgba(242, 184, 36, 0.3); color: #ffc940; } .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash:disabled, .pt-dark .pt-dark .pt-button.docs-dark-switch.pt-icon-flash.pt-disabled { + background: none; color: rgba(255, 201, 64, 0.5); } .docs-navigator .pt-input, .docs-navigator .pt-menu { @@ -8153,6 +8249,9 @@ input[type="search"] { text-align: center; } [data-section-name="Context menus"] .docs-react-options > p { width: 100%; } +[data-section-id="components.datetime.daterangepicker"] .docs-react-options-column { + -webkit-flex: 0 0 270px; + flex: 0 0 270px; } [data-section-name="Text input groups"] .pt-input-group { margin-bottom: 10px; } [data-section-id="components.forms.input-group.js"] .docs-react-example > div > div { diff --git a/docs/docs/docs.js b/docs/docs/docs.js index faea32bf2b..6f4aa31a78 100644 --- a/docs/docs/docs.js +++ b/docs/docs/docs.js @@ -52,19 +52,19 @@ var propsStore_1 = __webpack_require__(251); var resolveDocs_1 = __webpack_require__(252); var resolveExample_1 = __webpack_require__(267); - var styleguide_1 = __webpack_require__(478); - var pages = __webpack_require__(492); - var releases = __webpack_require__(493) + var styleguide_1 = __webpack_require__(480); + var pages = __webpack_require__(494); + var releases = __webpack_require__(495) .map(function (pkg) { pkg.url = "https://www.npmjs.com/package/" + pkg.name; return pkg; }); - var versions = __webpack_require__(494) + var versions = __webpack_require__(496) .map(function (version) { return ({ url: "https://palantir.github.io/blueprint/docs/" + version, version: version, }); }); - var propsStore = new propsStore_1.PropsStore(__webpack_require__(495)); + var propsStore = new propsStore_1.PropsStore(__webpack_require__(497)); var updateExamples = function () { document.queryAll(".pt-checkbox input[indeterminate]").forEach(function (el) { el.indeterminate = true; @@ -1336,6 +1336,13 @@ var __metadata; var __awaiter; var __generator; + var __exportStar; + var __values; + var __read; + var __spread; + var __asyncGenerator; + var __asyncDelegator; + var __asyncValues; (function (factory) { var root = typeof global === "object" ? global : typeof self === "object" ? self : typeof this === "object" ? this : {}; if (true) { @@ -1405,8 +1412,8 @@ }; __generator = function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t; - return { next: verb(0), "throw": verb(1), "return": verb(2) }; + var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; + return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); @@ -1432,6 +1439,70 @@ } }; + __exportStar = function (m, exports) { + for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; + }; + + __values = function (o) { + var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0; + if (m) return m.call(o); + return { + next: function () { + if (o && i >= o.length) o = void 0; + return { value: o && o[i++], done: !o }; + } + }; + }; + + __read = function (o, n) { + var m = typeof Symbol === "function" && o[Symbol.iterator]; + if (!m) return o; + var i = m.call(o), r, ar = [], e; + try { + while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); + } + catch (error) { e = { error: error }; } + finally { + try { + if (r && !r.done && (m = i["return"])) m.call(i); + } + finally { if (e) throw e.error; } + } + return ar; + }; + + __spread = function () { + for (var ar = [], i = 0; i < arguments.length; i++) + ar = ar.concat(__read(arguments[i])); + return ar; + }; + + __asyncGenerator = function (thisArg, _arguments, generator) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var g = generator.apply(thisArg, _arguments || []), q = [], c, i; + return i = { next: verb("next"), "throw": verb("throw"), "return": verb("return") }, i[Symbol.asyncIterator] = function () { return this; }, i; + function verb(n) { return function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]), next(); }); }; } + function next() { if (!c && q.length) resume((c = q.shift())[0], c[1]); } + function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(c[3], e); } } + function step(r) { r.done ? settle(c[2], r) : r.value[0] === "yield" ? settle(c[2], { value: r.value[1], done: false }) : Promise.resolve(r.value[1]).then(r.value[0] === "delegate" ? delegate : fulfill, reject); } + function delegate(r) { step(r.done ? r : { value: ["yield", r.value], done: false }); } + function fulfill(value) { resume("next", value); } + function reject(value) { resume("throw", value); } + function settle(f, v) { c = void 0, f(v), next(); } + }; + + __asyncDelegator = function (o) { + var i = { next: verb("next"), "throw": verb("throw", function (e) { throw e; }), "return": verb("return", function (v) { return { value: v, done: true }; }) }; + return o = __asyncValues(o), i[Symbol.iterator] = function () { return this; }, i; + function verb(n, f) { return function (v) { return { value: ["delegate", (o[n] || f).call(o, v)], done: false }; }; } + }; + + __asyncValues = function (o) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var m = o[Symbol.asyncIterator]; + return m ? m.call(o) : typeof __values === "function" ? __values(o) : o[Symbol.iterator](); + }; + exporter("__extends", __extends); exporter("__assign", __assign); exporter("__rest", __rest); @@ -1440,8 +1511,14 @@ exporter("__metadata", __metadata); exporter("__awaiter", __awaiter); exporter("__generator", __generator); - }); - + exporter("__exportStar", __exportStar); + exporter("__values", __values); + exporter("__read", __read); + exporter("__spread", __spread); + exporter("__asyncGenerator", __asyncGenerator); + exporter("__asyncDelegator", __asyncDelegator); + exporter("__asyncValues", __asyncValues); + }); /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }, @@ -1550,8 +1627,15 @@ /* 11 */ /***/ function(module, exports) { + /* + object-assign + (c) Sindre Sorhus + @license MIT + */ + 'use strict'; /* eslint-disable no-unused-vars */ + var getOwnPropertySymbols = Object.getOwnPropertySymbols; var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; @@ -1572,7 +1656,7 @@ // Detect buggy property enumeration order in older V8 versions. // https://bugs.chromium.org/p/v8/issues/detail?id=4118 - var test1 = new String('abc'); // eslint-disable-line + var test1 = new String('abc'); // eslint-disable-line no-new-wrappers test1[5] = 'de'; if (Object.getOwnPropertyNames(test1)[0] === '5') { return false; @@ -1601,7 +1685,7 @@ } return true; - } catch (e) { + } catch (err) { // We don't expect any of the above to throw, but better to be safe. return false; } @@ -1621,8 +1705,8 @@ } } - if (Object.getOwnPropertySymbols) { - symbols = Object.getOwnPropertySymbols(from); + if (getOwnPropertySymbols) { + symbols = getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { to[symbols[i]] = from[symbols[i]]; @@ -2028,12 +2112,18 @@ * will remain to ensure logic does not differ in production. */ - function invariant(condition, format, a, b, c, d, e, f) { - if (false) { + var validateFormat = function validateFormat(format) {}; + + if (false) { + validateFormat = function validateFormat(format) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } - } + }; + } + + function invariant(condition, format, a, b, c, d, e, f) { + validateFormat(format); if (!condition) { var error; @@ -4972,6 +5062,8 @@ exports.FIXED_TOP = "pt-fixed-top"; exports.VERTICAL = "pt-vertical"; exports.ROUND = "pt-round"; + // text utilities + exports.TEXT_OVERFLOW_ELLIPSIS = "pt-text-overflow-ellipsis"; // components exports.ALERT = "pt-alert"; exports.ALERT_BODY = "pt-alert-body"; @@ -5093,6 +5185,7 @@ exports.TREE_NODE_SECONDARY_LABEL = "pt-tree-node-secondary-label"; exports.TREE_NODE_SELECTED = "pt-tree-node-selected"; exports.TREE_ROOT = "pt-tree-root"; + exports.ICON = "pt-icon"; exports.ICON_STANDARD = "pt-icon-standard"; exports.ICON_LARGE = "pt-icon-large"; /** Return CSS class for icon, whether or not 'pt-icon-' prefix is included */ @@ -26381,7 +26474,7 @@ AbstractButton.prototype.getCommonButtonProps = function () { var disabled = this.props.disabled || this.props.loading; var className = classNames(Classes.BUTTON, (_a = {}, - _a[Classes.ACTIVE] = this.state.isActive, + _a[Classes.ACTIVE] = this.state.isActive || this.props.active, _a[Classes.DISABLED] = disabled, _a[Classes.LOADING] = this.props.loading, _a), Classes.iconClass(this.props.iconName), Classes.intentClass(this.props.intent), this.props.className); @@ -27113,8 +27206,11 @@ }, }; _this.cancelEditing = function () { - var lastValue = _this.state.lastValue; + var _a = _this.state, lastValue = _a.lastValue, value = _a.value; _this.setState({ isEditing: false, value: lastValue }); + if (value !== lastValue) { + utils_1.safeInvoke(_this.props.onChange, lastValue); + } utils_1.safeInvoke(_this.props.onCancel, lastValue); }; _this.toggleEditing = function () { @@ -27633,11 +27729,13 @@ // Callbacks - Input // ================= _this.handleInputFocus = function (e) { - _this.setState({ isInputGroupFocused: true }); + _this.setState({ isInputGroupFocused: true, shouldSelectAfterUpdate: _this.props.selectAllOnFocus }); common_1.Utils.safeInvoke(_this.props.onFocus, e); }; _this.handleInputBlur = function (e) { - _this.setState({ isInputGroupFocused: false }); + // explicitly set `shouldSelectAfterUpdate` to `false` to prevent focus + // hoarding on IE11 (#704) + _this.setState({ isInputGroupFocused: false, shouldSelectAfterUpdate: false }); common_1.Utils.safeInvoke(_this.props.onBlur, e); }; _this.handleInputKeyDown = function (e) { @@ -27664,8 +27762,31 @@ } common_1.Utils.safeInvoke(_this.props.onKeyDown, e); }; + _this.handleInputKeyPress = function (e) { + // we prohibit keystrokes in onKeyPress instead of onKeyDown, because + // e.key is not trustworthy in onKeyDown in all browsers. + if (_this.props.allowNumericCharactersOnly && _this.isKeyboardEventDisabledForBasicNumericEntry(e)) { + e.preventDefault(); + } + common_1.Utils.safeInvoke(_this.props.onKeyPress, e); + }; + _this.handleInputPaste = function (e) { + _this.didPasteEventJustOccur = true; + common_1.Utils.safeInvoke(_this.props.onPaste, e); + }; _this.handleInputChange = function (e) { - var nextValue = e.target.value; + var value = e.target.value; + var nextValue; + if (_this.props.allowNumericCharactersOnly && _this.didPasteEventJustOccur) { + _this.didPasteEventJustOccur = false; + var valueChars = value.split(""); + var sanitizedValueChars = valueChars.filter(_this.isFloatingPointNumericCharacter); + var sanitizedValue = sanitizedValueChars.join(""); + nextValue = sanitizedValue; + } + else { + nextValue = value; + } _this.setState({ shouldSelectAfterUpdate: false, value: nextValue }); _this.invokeOnChangeCallbacks(nextValue); }; @@ -27699,13 +27820,15 @@ NumericInput.prototype.render = function () { var _a = this.props, buttonPosition = _a.buttonPosition, className = _a.className; var inputGroupHtmlProps = common_1.removeNonHTMLProps(this.props, [ + "allowNumericCharactersOnly", "buttonPosition", "majorStepSize", "minorStepSize", "onValueChange", + "selectAllOnFocus", "stepSize", ], true); - var inputGroup = (React.createElement(inputGroup_1.InputGroup, tslib_1.__assign({}, inputGroupHtmlProps, { intent: this.props.intent, inputRef: this.inputRef, key: "input-group", leftIconName: this.props.leftIconName, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, onKeyDown: this.handleInputKeyDown, value: this.state.value }))); + var inputGroup = (React.createElement(inputGroup_1.InputGroup, tslib_1.__assign({}, inputGroupHtmlProps, { intent: this.props.intent, inputRef: this.inputRef, key: "input-group", leftIconName: this.props.leftIconName, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, onKeyDown: this.handleInputKeyDown, onKeyPress: this.handleInputKeyPress, onPaste: this.handleInputPaste, value: this.state.value }))); // the strict null check here is intentional; an undefined value should // fall back to the default button position on the right side. if (buttonPosition === "none" || buttonPosition === null) { @@ -27779,7 +27902,7 @@ // pretend we're incrementing from 0 if currValue is empty var currValue = this.state.value || NumericInput_1.VALUE_ZERO; var nextValue = this.getSanitizedValue(currValue, delta, this.props.min, this.props.max); - this.setState({ shouldSelectAfterUpdate: true, value: nextValue }); + this.setState({ shouldSelectAfterUpdate: this.props.selectAllOnIncrement, value: nextValue }); this.invokeOnChangeCallbacks(nextValue); }; NumericInput.prototype.getIncrementDelta = function (direction, isShiftKeyPressed, isAltKeyPressed) { @@ -27821,13 +27944,42 @@ // between dissimilar types. return value != null && (value - parseFloat(value) + 1) >= 0; }; + NumericInput.prototype.isKeyboardEventDisabledForBasicNumericEntry = function (e) { + // unit tests may not include e.key. don't bother disabling those events. + if (e.key == null) { + return false; + } + // allow modified key strokes that may involve letters and other + // non-numeric/invalid characters (Cmd + A, Cmd + C, Cmd + V, Cmd + X). + if (e.ctrlKey || e.altKey || e.metaKey) { + return false; + } + // keys that print a single character when pressed have a `key` name of + // length 1. every other key has a longer `key` name (e.g. "Backspace", + // "ArrowUp", "Shift"). since none of those keys can print a character + // to the field--and since they may have important native behaviors + // beyond printing a character--we don't want to disable their effects. + var isSingleCharKey = e.key.length === 1; + if (!isSingleCharKey) { + return false; + } + // now we can simply check that the single character that wants to be printed + // is a floating-point number character that we're allowed to print. + return !this.isFloatingPointNumericCharacter(e.key); + }; + NumericInput.prototype.isFloatingPointNumericCharacter = function (char) { + return NumericInput_1.FLOATING_POINT_NUMBER_CHARACTER_REGEX.test(char); + }; return NumericInput; }(common_1.AbstractComponent)); NumericInput.displayName = "Blueprint.NumericInput"; NumericInput.defaultProps = { + allowNumericCharactersOnly: true, buttonPosition: common_1.Position.RIGHT, majorStepSize: 10, minorStepSize: 0.1, + selectAllOnFocus: false, + selectAllOnIncrement: false, stepSize: 1, value: NumericInput_1.VALUE_EMPTY, }; @@ -27837,6 +27989,18 @@ NumericInput.INCREMENT_ICON_NAME = "chevron-up"; NumericInput.VALUE_EMPTY = ""; NumericInput.VALUE_ZERO = "0"; + /** + * A regex that matches a string of length 1 (i.e. a standalone character) + * if and only if it is a floating-point number character as defined by W3C: + * https://www.w3.org/TR/2012/WD-html-markup-20120329/datatypes.html#common.data.float + * + * Floating-point number characters are the only characters that can be + * printed within a default input[type="number"]. This component should + * behave the same way when this.props.allowNumericCharactersOnly = true. + * See here for the input[type="number"].value spec: + * https://www.w3.org/TR/2012/WD-html-markup-20120329/input.number.html#input.number.attrs.value + */ + NumericInput.FLOATING_POINT_NUMBER_CHARACTER_REGEX = /^[Ee0-9\+\-\.]$/; NumericInput = NumericInput_1 = tslib_1.__decorate([ PureRender ], NumericInput); @@ -30088,12 +30252,23 @@ tslib_1.__extends(Tree, _super); function Tree() { var _this = _super !== null && _super.apply(this, arguments) || this; + _this.nodeRefs = {}; _this.handleNodeCollapse = function (node, e) { _this.handlerHelper(_this.props.onNodeCollapse, node, e); }; _this.handleNodeClick = function (node, e) { _this.handlerHelper(_this.props.onNodeClick, node, e); }; + _this.handleContentRef = function (node, element) { + var nodeData = Tree.nodeFromPath(node.props.path, _this.props.contents); + if (element != null) { + _this.nodeRefs[nodeData.id] = element; + } + else { + // don't want our object to get bloated with old keys + delete _this.nodeRefs[nodeData.id]; + } + }; _this.handleNodeContextMenu = function (node, e) { _this.handlerHelper(_this.props.onNodeContextMenu, node, e); }; @@ -30116,6 +30291,14 @@ Tree.prototype.render = function () { return (React.createElement("div", { className: classNames(Classes.TREE, this.props.className) }, this.renderNodes(this.props.contents, [], Classes.TREE_ROOT))); }; + /** + * Returns the underlying HTML element of the `Tree` node with an id of `nodeId`. + * This element does not contain the children of the node, only its label and controls. + * If the node is not currently mounted, `undefined` is returned. + */ + Tree.prototype.getNodeContentElement = function (nodeId) { + return this.nodeRefs[nodeId]; + }; Tree.prototype.renderNodes = function (treeNodes, currentPath, className) { var _this = this; if (treeNodes == null) { @@ -30123,7 +30306,7 @@ } var nodeItems = treeNodes.map(function (node, i) { var elementPath = currentPath.concat(i); - return (React.createElement(treeNode_1.TreeNode, tslib_1.__assign({}, node, { key: node.id, depth: elementPath.length - 1, onClick: _this.handleNodeClick, onContextMenu: _this.handleNodeContextMenu, onCollapse: _this.handleNodeCollapse, onDoubleClick: _this.handleNodeDoubleClick, onExpand: _this.handleNodeExpand, path: elementPath }), _this.renderNodes(node.childNodes, elementPath))); + return (React.createElement(treeNode_1.TreeNode, tslib_1.__assign({}, node, { key: node.id, contentRef: _this.handleContentRef, depth: elementPath.length - 1, onClick: _this.handleNodeClick, onContextMenu: _this.handleNodeContextMenu, onCollapse: _this.handleNodeCollapse, onDoubleClick: _this.handleNodeDoubleClick, onExpand: _this.handleNodeExpand, path: elementPath }), _this.renderNodes(node.childNodes, elementPath))); }); return (React.createElement("ul", { className: classNames(Classes.TREE_NODE_LIST, className) }, nodeItems)); }; @@ -30169,6 +30352,9 @@ _this.handleClick = function (e) { utils_1.safeInvoke(_this.props.onClick, _this, e); }; + _this.handleContentRef = function (element) { + utils_1.safeInvoke(_this.props.contentRef, _this, element); + }; _this.handleContextMenu = function (e) { utils_1.safeInvoke(_this.props.onContextMenu, _this, e); }; @@ -30191,7 +30377,7 @@ _c), className); var contentClasses = classNames(Classes.TREE_NODE_CONTENT, "pt-tree-node-content-" + this.props.depth); return (React.createElement("li", { className: classes }, - React.createElement("div", { className: contentClasses, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDoubleClick: this.handleDoubleClick }, + React.createElement("div", { className: contentClasses, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDoubleClick: this.handleDoubleClick, ref: this.handleContentRef }, React.createElement("span", { className: caretClasses, onClick: showCaret ? this.handleCaretClick : null }), this.maybeRenderIcon(), React.createElement("span", { className: Classes.TREE_NODE_LABEL }, label), @@ -37065,7 +37251,7 @@ "use strict"; var CoreExamples = __webpack_require__(268); var DateExamples = __webpack_require__(300); - var TableExamples = __webpack_require__(427); + var TableExamples = __webpack_require__(428); var Examples = { core: CoreExamples, datetime: DateExamples, @@ -37307,6 +37493,7 @@ exports.FIXED_TOP = "pt-fixed-top"; exports.VERTICAL = "pt-vertical"; exports.ROUND = "pt-round"; + exports.TEXT_OVERFLOW_ELLIPSIS = "pt-text-overflow-ellipsis"; exports.ALERT = "pt-alert"; exports.ALERT_BODY = "pt-alert-body"; exports.ALERT_CONTENTS = "pt-alert-contents"; @@ -37427,6 +37614,7 @@ exports.TREE_NODE_SECONDARY_LABEL = "pt-tree-node-secondary-label"; exports.TREE_NODE_SELECTED = "pt-tree-node-selected"; exports.TREE_ROOT = "pt-tree-root"; + exports.ICON = "pt-icon"; exports.ICON_STANDARD = "pt-icon-standard"; exports.ICON_LARGE = "pt-icon-large"; function iconClass(iconName) { @@ -37868,7 +38056,7 @@ [ React.createElement(intentSelect_1.IntentSelect, { intent: this.state.intent, key: "intent", onChange: this.handleIntentChange }), React.createElement("label", { className: core_1.Classes.LABEL, key: "maxlength" }, - "Max Length", + "Max length", React.createElement("input", { className: core_1.Classes.INPUT, placeholder: "Unlimited", onChange: this.handleMaxLengthChange, value: this.state.maxLength !== undefined ? this.state.maxLength.toString() : "" })), React.createElement(core_1.Switch, { checked: this.state.selectAllOnFocus, label: "Select all on focus", key: "focus", onChange: this.toggleSelectAll }), React.createElement(core_1.Switch, { checked: this.state.confirmOnEnterKey, label: "Swap keypress for confirm and newline (multiline only)", key: "swap", onChange: this.toggleSwap }), @@ -38278,6 +38466,9 @@ maxValueIndex: 0, minValueIndex: 0, minorStepSizeIndex: 1, + numericCharsOnly: true, + selectAllOnFocus: false, + selectAllOnIncrement: false, showDisabled: false, showLeftIcon: false, showReadOnly: false, @@ -38293,13 +38484,18 @@ _this.toggleDisabled = baseExample_1.handleBooleanChange(function (showDisabled) { return _this.setState({ showDisabled: showDisabled }); }); _this.toggleLeftIcon = baseExample_1.handleBooleanChange(function (showLeftIcon) { return _this.setState({ showLeftIcon: showLeftIcon }); }); _this.toggleReadOnly = baseExample_1.handleBooleanChange(function (showReadOnly) { return _this.setState({ showReadOnly: showReadOnly }); }); + _this.toggleNumericCharsOnly = baseExample_1.handleBooleanChange(function (numericCharsOnly) { return _this.setState({ numericCharsOnly: numericCharsOnly }); }); + _this.toggleSelectAllOnFocus = baseExample_1.handleBooleanChange(function (selectAllOnFocus) { return _this.setState({ selectAllOnFocus: selectAllOnFocus }); }); + _this.toggleSelectAllOnIncrement = baseExample_1.handleBooleanChange(function (selectAllOnIncrement) { + _this.setState({ selectAllOnIncrement: selectAllOnIncrement }); + }); _this.handleValueChange = function (_valueAsNumber, valueAsString) { _this.setState({ value: valueAsString }); }; return _this; } NumericInputBasicExample.prototype.renderOptions = function () { - var _a = this.state, buttonPositionIndex = _a.buttonPositionIndex, intent = _a.intent, maxValueIndex = _a.maxValueIndex, minValueIndex = _a.minValueIndex, showDisabled = _a.showDisabled, showReadOnly = _a.showReadOnly, showLeftIcon = _a.showLeftIcon; + var _a = this.state, buttonPositionIndex = _a.buttonPositionIndex, intent = _a.intent, maxValueIndex = _a.maxValueIndex, minValueIndex = _a.minValueIndex, numericCharsOnly = _a.numericCharsOnly, selectAllOnFocus = _a.selectAllOnFocus, selectAllOnIncrement = _a.selectAllOnIncrement, showDisabled = _a.showDisabled, showReadOnly = _a.showReadOnly, showLeftIcon = _a.showLeftIcon; return [ [ this.renderSelectMenu("Minimum value", minValueIndex, MIN_VALUES, this.handleMinValueChange), @@ -38309,6 +38505,9 @@ React.createElement(intentSelect_1.IntentSelect, { intent: intent, key: "intent", onChange: this.handleIntentChange }), ], [ React.createElement("label", { className: core_1.Classes.LABEL, key: "modifierslabel" }, "Modifiers"), + this.renderSwitch("Numeric characters only", numericCharsOnly, this.toggleNumericCharsOnly), + this.renderSwitch("Select all on focus", selectAllOnFocus, this.toggleSelectAllOnFocus), + this.renderSwitch("Select all on increment", selectAllOnIncrement, this.toggleSelectAllOnIncrement), this.renderSwitch("Disabled", showDisabled, this.toggleDisabled), this.renderSwitch("Read-only", showReadOnly, this.toggleReadOnly), this.renderSwitch("Left icon", showLeftIcon, this.toggleLeftIcon), @@ -38317,7 +38516,7 @@ }; NumericInputBasicExample.prototype.renderExample = function () { return (React.createElement("div", null, - React.createElement(core_1.NumericInput, { buttonPosition: BUTTON_POSITIONS[this.state.buttonPositionIndex].value, intent: this.state.intent, min: MIN_VALUES[this.state.minValueIndex].value, max: MAX_VALUES[this.state.maxValueIndex].value, stepSize: STEP_SIZES[this.state.stepSizeIndex].value, majorStepSize: MAJOR_STEP_SIZES[this.state.majorStepSizeIndex].value, minorStepSize: MINOR_STEP_SIZES[this.state.minorStepSizeIndex].value, disabled: this.state.showDisabled, readOnly: this.state.showReadOnly, leftIconName: this.state.showLeftIcon ? "dollar" : null, placeholder: "Enter a number...", onValueChange: this.handleValueChange, value: this.state.value }))); + React.createElement(core_1.NumericInput, { allowNumericCharactersOnly: this.state.numericCharsOnly, buttonPosition: BUTTON_POSITIONS[this.state.buttonPositionIndex].value, intent: this.state.intent, min: MIN_VALUES[this.state.minValueIndex].value, max: MAX_VALUES[this.state.maxValueIndex].value, stepSize: STEP_SIZES[this.state.stepSizeIndex].value, majorStepSize: MAJOR_STEP_SIZES[this.state.majorStepSizeIndex].value, minorStepSize: MINOR_STEP_SIZES[this.state.minorStepSizeIndex].value, disabled: this.state.showDisabled, readOnly: this.state.showReadOnly, leftIconName: this.state.showLeftIcon ? "dollar" : null, placeholder: "Enter a number...", selectAllOnFocus: this.state.selectAllOnFocus, selectAllOnIncrement: this.state.selectAllOnIncrement, onValueChange: this.handleValueChange, value: this.state.value }))); }; NumericInputBasicExample.prototype.renderSwitch = function (label, checked, onChange) { return (React.createElement(core_1.Switch, { checked: checked, label: label, key: label, onChange: onChange })); @@ -38454,7 +38653,7 @@ NumericInputExtendedExample.prototype.renderExample = function () { var value = this.state.value; return (React.createElement("div", null, - React.createElement(core_1.NumericInput, { onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onValueChange: this.handleValueChange, placeholder: "Enter a number or expression...", value: value }))); + React.createElement(core_1.NumericInput, { allowNumericCharactersOnly: false, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onValueChange: this.handleValueChange, placeholder: "Enter a number or expression...", value: value }))); }; return NumericInputExtendedExample; }(baseExample_1.default)); @@ -39064,7 +39263,7 @@ return [ [ React.createElement("label", { className: core_1.Classes.LABEL, key: "position" }, - "Toast Position", + "Toast position", React.createElement("div", { className: core_1.Classes.SELECT }, React.createElement("select", { value: this.state.position.toString(), onChange: this.handlePositionChange }, React.createElement("option", { value: core_1.Position.TOP_LEFT.toString() }, "Top left"), @@ -39257,10 +39456,10 @@ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; } __export(__webpack_require__(301)); - __export(__webpack_require__(423)); __export(__webpack_require__(424)); __export(__webpack_require__(425)); __export(__webpack_require__(426)); + __export(__webpack_require__(427)); /***/ }, @@ -39338,6 +39537,13 @@ var __metadata; var __awaiter; var __generator; + var __exportStar; + var __values; + var __read; + var __spread; + var __asyncGenerator; + var __asyncDelegator; + var __asyncValues; (function (factory) { var root = typeof global === "object" ? global : typeof self === "object" ? self : typeof this === "object" ? this : {}; if (true) { @@ -39407,8 +39613,8 @@ }; __generator = function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t; - return { next: verb(0), "throw": verb(1), "return": verb(2) }; + var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; + return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); @@ -39434,6 +39640,70 @@ } }; + __exportStar = function (m, exports) { + for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; + }; + + __values = function (o) { + var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0; + if (m) return m.call(o); + return { + next: function () { + if (o && i >= o.length) o = void 0; + return { value: o && o[i++], done: !o }; + } + }; + }; + + __read = function (o, n) { + var m = typeof Symbol === "function" && o[Symbol.iterator]; + if (!m) return o; + var i = m.call(o), r, ar = [], e; + try { + while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); + } + catch (error) { e = { error: error }; } + finally { + try { + if (r && !r.done && (m = i["return"])) m.call(i); + } + finally { if (e) throw e.error; } + } + return ar; + }; + + __spread = function () { + for (var ar = [], i = 0; i < arguments.length; i++) + ar = ar.concat(__read(arguments[i])); + return ar; + }; + + __asyncGenerator = function (thisArg, _arguments, generator) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var g = generator.apply(thisArg, _arguments || []), q = [], c, i; + return i = { next: verb("next"), "throw": verb("throw"), "return": verb("return") }, i[Symbol.asyncIterator] = function () { return this; }, i; + function verb(n) { return function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]), next(); }); }; } + function next() { if (!c && q.length) resume((c = q.shift())[0], c[1]); } + function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(c[3], e); } } + function step(r) { r.done ? settle(c[2], r) : r.value[0] === "yield" ? settle(c[2], { value: r.value[1], done: false }) : Promise.resolve(r.value[1]).then(r.value[0] === "delegate" ? delegate : fulfill, reject); } + function delegate(r) { step(r.done ? r : { value: ["yield", r.value], done: false }); } + function fulfill(value) { resume("next", value); } + function reject(value) { resume("throw", value); } + function settle(f, v) { c = void 0, f(v), next(); } + }; + + __asyncDelegator = function (o) { + var i = { next: verb("next"), "throw": verb("throw", function (e) { throw e; }), "return": verb("return", function (v) { return { value: v, done: true }; }) }; + return o = __asyncValues(o), i[Symbol.iterator] = function () { return this; }, i; + function verb(n, f) { return function (v) { return { value: ["delegate", (o[n] || f).call(o, v)], done: false }; }; } + }; + + __asyncValues = function (o) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var m = o[Symbol.asyncIterator]; + return m ? m.call(o) : typeof __values === "function" ? __values(o) : o[Symbol.iterator](); + }; + exporter("__extends", __extends); exporter("__assign", __assign); exporter("__rest", __rest); @@ -39442,8 +39712,14 @@ exporter("__metadata", __metadata); exporter("__awaiter", __awaiter); exporter("__generator", __generator); - }); - + exporter("__exportStar", __exportStar); + exporter("__values", __values); + exporter("__read", __read); + exporter("__spread", __spread); + exporter("__asyncGenerator", __asyncGenerator); + exporter("__asyncDelegator", __asyncDelegator); + exporter("__asyncValues", __asyncValues); + }); /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }, @@ -39486,6 +39762,8 @@ exports.DATEPICKER_MONTH_SELECT = "pt-datepicker-month-select"; exports.DATEPICKER_YEAR_SELECT = "pt-datepicker-year-select"; exports.DATERANGEPICKER = "pt-daterangepicker"; + exports.DATERANGEPICKER_CONTIGUOUS = "pt-daterangepicker-contiguous"; + exports.DATERANGEPICKER_SINGLE_MONTH = "pt-daterangepicker-single-month"; exports.DATERANGEPICKER_DAY_SELECTED_RANGE = "DayPicker-Day--selected-range"; exports.DATERANGEPICKER_SHORTCUTS = "pt-daterangepicker-shortcuts"; exports.DATETIMEPICKER = "pt-datetimepicker"; @@ -54487,6 +54765,24 @@ } } exports.getDateTime = getDateTime; + function getDatePreviousMonth(date) { + if (date.getMonth() === 0) { + return new Date(date.getFullYear() - 1, 11); + } + else { + return new Date(date.getFullYear(), date.getMonth() - 1); + } + } + exports.getDatePreviousMonth = getDatePreviousMonth; + function getDateNextMonth(date) { + if (date.getMonth() === 11) { + return new Date(date.getFullYear() + 1, 0); + } + else { + return new Date(date.getFullYear(), date.getMonth() + 1); + } + } + exports.getDateNextMonth = getDateNextMonth; /***/ }, @@ -55021,6 +55317,7 @@ var DateClasses = __webpack_require__(304); var DateUtils = __webpack_require__(415); var Errors = __webpack_require__(416); + var monthAndYear_1 = __webpack_require__(423); var datePickerCaption_1 = __webpack_require__(417); var datePickerCore_1 = __webpack_require__(419); var DateRangePicker = (function (_super) { @@ -55077,30 +55374,57 @@ } _this.handleNextState(nextValue); }; - _this.handleMonthChange = function (newDate) { - var displayMonth = newDate.getMonth(); - var displayYear = newDate.getFullYear(); - _this.setState({ displayMonth: displayMonth, displayYear: displayYear }); + _this.handleLeftMonthChange = function (newDate) { + var leftView = new monthAndYear_1.MonthAndYear(newDate.getMonth(), newDate.getFullYear()); + _this.updateLeftView(leftView); }; - _this.handleMonthSelectChange = function (displayMonth) { - _this.setState({ displayMonth: displayMonth }); + _this.handleRightMonthChange = function (newDate) { + var rightView = new monthAndYear_1.MonthAndYear(newDate.getMonth(), newDate.getFullYear()); + _this.updateRightView(rightView); }; - _this.handleYearSelectChange = function (displayYear) { + _this.handleLeftMonthSelectChange = function (leftMonth) { + var leftView = new monthAndYear_1.MonthAndYear(leftMonth, _this.state.leftView.getYear()); + _this.updateLeftView(leftView); + }; + _this.handleRightMonthSelectChange = function (rightMonth) { + var rightView = new monthAndYear_1.MonthAndYear(rightMonth, _this.state.rightView.getYear()); + _this.updateRightView(rightView); + }; + _this.handleLeftYearSelectChange = function (leftDisplayYear) { + var leftView = new monthAndYear_1.MonthAndYear(_this.state.leftView.getMonth(), leftDisplayYear); + var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate; + var adjustedMaxDate = DateUtils.getDatePreviousMonth(maxDate); + var minMonthAndYear = new monthAndYear_1.MonthAndYear(minDate.getMonth(), minDate.getFullYear()); + var maxMonthAndYear = new monthAndYear_1.MonthAndYear(adjustedMaxDate.getMonth(), adjustedMaxDate.getFullYear()); + if (leftView.isBefore(minMonthAndYear)) { + leftView = minMonthAndYear; + } + else if (leftView.isAfter(maxMonthAndYear)) { + leftView = maxMonthAndYear; + } + var rightView = _this.state.rightView.clone(); + if (!leftView.isBefore(rightView)) { + rightView = leftView.getNextMonth(); + } + _this.setViews(leftView, rightView); + }; + _this.handleRightYearSelectChange = function (rightDisplayYear) { + var rightView = new monthAndYear_1.MonthAndYear(_this.state.rightView.getMonth(), rightDisplayYear); var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate; - var adjustedMaxDate = DateUtils.clone(maxDate); - adjustedMaxDate.setMonth(adjustedMaxDate.getMonth() - 1); - var minYear = minDate.getFullYear(); - var maxYear = adjustedMaxDate.getFullYear(); - var minMonth = minDate.getMonth(); - var maxMonth = adjustedMaxDate.getMonth(); - var displayMonth = _this.state.displayMonth; - if (displayYear === minYear && displayMonth < minMonth) { - displayMonth = minMonth; - } - else if (displayYear === maxYear && displayMonth > maxMonth) { - displayMonth = maxMonth; - } - _this.setState({ displayMonth: displayMonth, displayYear: displayYear }); + var adjustedMinDate = DateUtils.getDateNextMonth(minDate); + var minMonthAndYear = new monthAndYear_1.MonthAndYear(adjustedMinDate.getMonth(), adjustedMinDate.getFullYear()); + var maxMonthAndYear = new monthAndYear_1.MonthAndYear(maxDate.getMonth(), maxDate.getFullYear()); + if (rightView.isBefore(minMonthAndYear)) { + rightView = minMonthAndYear; + } + else if (rightView.isAfter(maxMonthAndYear)) { + rightView = maxMonthAndYear; + } + var leftView = _this.state.leftView.clone(); + if (!rightView.isAfter(leftView)) { + leftView = rightView.getPreviousMonth(); + } + _this.setViews(leftView, rightView); }; var value = [null, null]; if (props.value != null) { @@ -55123,32 +55447,50 @@ else { initialMonth = DateUtils.getDateBetween([props.minDate, props.maxDate]); } - var initialMonthEqualsMinMonth = initialMonth.getMonth() === props.minDate.getMonth(); - var initalMonthEqualsMaxMonth = initialMonth.getMonth() === props.maxDate.getMonth(); + var initialMonthEqualsMinMonth = DateUtils.areSameMonth(initialMonth, props.minDate); + var initalMonthEqualsMaxMonth = DateUtils.areSameMonth(initialMonth, props.maxDate); if (!initialMonthEqualsMinMonth && initalMonthEqualsMaxMonth) { initialMonth.setMonth(initialMonth.getMonth() - 1); } - _this.state = { - displayMonth: initialMonth.getMonth(), - displayYear: initialMonth.getFullYear(), - value: value, - }; + var leftView = new monthAndYear_1.MonthAndYear(initialMonth.getMonth(), initialMonth.getFullYear()); + var rightView = leftView.getNextMonth(); + _this.state = { leftView: leftView, rightView: rightView, value: value }; return _this; var _a; } + Object.defineProperty(DateRangePicker.prototype, "isControlled", { + get: function () { + return this.props.value != null; + }, + enumerable: true, + configurable: true + }); DateRangePicker.prototype.render = function () { var modifiers = datePickerCore_1.combineModifiers(this.modifiers, this.props.modifiers); - var _a = this.props, className = _a.className, locale = _a.locale, localeUtils = _a.localeUtils, maxDate = _a.maxDate, minDate = _a.minDate; - var _b = this.state, displayMonth = _b.displayMonth, displayYear = _b.displayYear; + var _a = this.props, className = _a.className, contiguousCalendarMonths = _a.contiguousCalendarMonths, locale = _a.locale, localeUtils = _a.localeUtils, maxDate = _a.maxDate, minDate = _a.minDate; var isShowingOneMonth = DateUtils.areSameMonth(this.props.minDate, this.props.maxDate); - return (React.createElement("div", { className: classNames(DateClasses.DATEPICKER, DateClasses.DATERANGEPICKER, className) }, - this.maybeRenderShortcuts(), - React.createElement(DayPicker, { canChangeMonth: true, captionElement: this.renderCaption(), disabledDays: this.states.disabledDays, enableOutsideDays: true, fromMonth: minDate, initialMonth: new Date(displayYear, displayMonth), locale: locale, localeUtils: localeUtils, modifiers: modifiers, numberOfMonths: isShowingOneMonth ? 1 : 2, onDayClick: this.handleDayClick, onMonthChange: this.handleMonthChange, selectedDays: this.states.selectedDays, toMonth: maxDate }))); + var _b = this.state, leftView = _b.leftView, rightView = _b.rightView; + var _c = this.states, disabledDays = _c.disabledDays, selectedDays = _c.selectedDays; + if (contiguousCalendarMonths || isShowingOneMonth) { + var classes = classNames(DateClasses.DATEPICKER, DateClasses.DATERANGEPICKER, className, (_d = {}, + _d[DateClasses.DATERANGEPICKER_CONTIGUOUS] = contiguousCalendarMonths, + _d[DateClasses.DATERANGEPICKER_SINGLE_MONTH] = isShowingOneMonth, + _d)); + return (React.createElement("div", { className: classes }, + this.maybeRenderShortcuts(), + React.createElement(DayPicker, { captionElement: this.renderSingleCaption(), disabledDays: disabledDays, fromMonth: minDate, initialMonth: leftView.getFullDate(), locale: locale, localeUtils: localeUtils, modifiers: modifiers, numberOfMonths: isShowingOneMonth ? 1 : 2, onDayClick: this.handleDayClick, onMonthChange: this.handleLeftMonthChange, selectedDays: selectedDays, toMonth: maxDate }))); + } + else { + return (React.createElement("div", { className: classNames(DateClasses.DATEPICKER, DateClasses.DATERANGEPICKER, className) }, + this.maybeRenderShortcuts(), + React.createElement(DayPicker, { canChangeMonth: true, captionElement: this.renderLeftCaption(), disabledDays: disabledDays, fromMonth: minDate, initialMonth: leftView.getFullDate(), locale: locale, localeUtils: localeUtils, modifiers: modifiers, onDayClick: this.handleDayClick, onMonthChange: this.handleLeftMonthChange, selectedDays: selectedDays, toMonth: DateUtils.getDatePreviousMonth(maxDate) }), + React.createElement(DayPicker, { canChangeMonth: true, captionElement: this.renderRightCaption(), disabledDays: disabledDays, fromMonth: DateUtils.getDateNextMonth(minDate), initialMonth: rightView.getFullDate(), locale: locale, localeUtils: localeUtils, modifiers: modifiers, onDayClick: this.handleDayClick, onMonthChange: this.handleRightMonthChange, selectedDays: selectedDays, toMonth: maxDate }))); + } + var _d; }; DateRangePicker.prototype.componentWillReceiveProps = function (nextProps) { _super.prototype.componentWillReceiveProps.call(this, nextProps); - var _a = this.state, displayMonth = _a.displayMonth, displayYear = _a.displayYear; - var nextState = getStateChange(this.props.value, nextProps.value, displayMonth, displayYear); + var nextState = getStateChange(this.props.value, nextProps.value, this.state); this.setState(nextState); }; DateRangePicker.prototype.validateProps = function (props) { @@ -55184,9 +55526,17 @@ var shortcutElements = shortcuts.map(function (s, i) { return (React.createElement(core_1.MenuItem, { className: core_1.Classes.POPOVER_DISMISS_OVERRIDE, key: i, onClick: _this.getShorcutClickHandler(s.dateRange), text: s.label })); }); return (React.createElement(core_1.Menu, { className: DateClasses.DATERANGEPICKER_SHORTCUTS }, shortcutElements)); }; - DateRangePicker.prototype.renderCaption = function () { + DateRangePicker.prototype.renderSingleCaption = function () { var _a = this.props, maxDate = _a.maxDate, minDate = _a.minDate; - return (React.createElement(datePickerCaption_1.DatePickerCaption, { maxDate: maxDate, minDate: minDate, onMonthChange: this.handleMonthSelectChange, onYearChange: this.handleYearSelectChange })); + return (React.createElement(datePickerCaption_1.DatePickerCaption, { maxDate: maxDate, minDate: minDate, onMonthChange: this.handleLeftMonthSelectChange, onYearChange: this.handleLeftYearSelectChange })); + }; + DateRangePicker.prototype.renderLeftCaption = function () { + var _a = this.props, maxDate = _a.maxDate, minDate = _a.minDate; + return (React.createElement(datePickerCaption_1.DatePickerCaption, { maxDate: DateUtils.getDatePreviousMonth(maxDate), minDate: minDate, onMonthChange: this.handleLeftMonthSelectChange, onYearChange: this.handleLeftYearSelectChange })); + }; + DateRangePicker.prototype.renderRightCaption = function () { + var _a = this.props, maxDate = _a.maxDate, minDate = _a.minDate; + return (React.createElement(datePickerCaption_1.DatePickerCaption, { maxDate: maxDate, minDate: DateUtils.getDateNextMonth(minDate), onMonthChange: this.handleRightMonthSelectChange, onYearChange: this.handleRightYearSelectChange })); }; DateRangePicker.prototype.createRange = function (a, b) { if (!this.props.allowSingleDayRange && DateUtils.areSameDay(a, b)) { @@ -55199,85 +55549,100 @@ return function () { return _this.handleNextState(nextValue); }; }; DateRangePicker.prototype.handleNextState = function (nextValue) { - var _a = this.state, displayMonth = _a.displayMonth, displayYear = _a.displayYear, value = _a.value; - var nextState = getStateChange(value, nextValue, displayMonth, displayYear); - if (this.props.value == null) { + var value = this.state.value; + var nextState = getStateChange(value, nextValue, this.state); + if (!this.isControlled) { this.setState(nextState); } core_1.Utils.safeInvoke(this.props.onChange, nextValue); }; + DateRangePicker.prototype.updateLeftView = function (leftView) { + var rightView = this.state.rightView.clone(); + if (!leftView.isBefore(rightView)) { + rightView = leftView.getNextMonth(); + } + this.setViews(leftView, rightView); + }; + DateRangePicker.prototype.updateRightView = function (rightView) { + var leftView = this.state.leftView.clone(); + if (!rightView.isBefore(rightView)) { + leftView = rightView.getPreviousMonth(); + } + this.setViews(leftView, rightView); + }; + DateRangePicker.prototype.setViews = function (leftView, rightView) { + this.setState({ leftView: leftView, rightView: rightView }); + }; return DateRangePicker; }(core_1.AbstractComponent)); DateRangePicker.defaultProps = { allowSingleDayRange: false, + contiguousCalendarMonths: true, maxDate: datePickerCore_1.getDefaultMaxDate(), minDate: datePickerCore_1.getDefaultMinDate(), shortcuts: true, }; exports.DateRangePicker = DateRangePicker; - function getStateChange(value, nextValue, currMonth, currYear) { + function getStateChange(value, nextValue, state) { var returnVal; if (value != null && nextValue == null) { returnVal = { value: [null, null] }; } - else if (value == null && nextValue != null) { - if (nextValue[0] != null) { - returnVal = { - displayMonth: nextValue[0].getMonth(), - displayYear: nextValue[0].getFullYear(), - value: nextValue, - }; - } - else { - returnVal = { value: nextValue }; - } - } - else if (value != null && nextValue != null) { - var valueStart = value[0], valueEnd = value[1]; + else if (nextValue != null) { var nextValueStart = nextValue[0], nextValueEnd = nextValue[1]; - if (nextValueStart == null) { - returnVal = { value: nextValue }; + var leftView = state.leftView.clone(); + var rightView = state.rightView.clone(); + if (nextValueStart == null && nextValueEnd != null) { + var nextValueEndMonthAndYear = new monthAndYear_1.MonthAndYear(nextValueEnd.getMonth(), nextValueEnd.getFullYear()); + if (!nextValueEndMonthAndYear.isSame(leftView) && !nextValueEndMonthAndYear.isSame(rightView)) { + rightView = nextValueEndMonthAndYear; + if (!leftView.isBefore(rightView)) { + leftView = rightView.getPreviousMonth(); + } + } } - else { - var hasEndDateChanged = !DateUtils.areSameDay(valueEnd, nextValueEnd); - var isStartDateNowEndDate = DateUtils.areSameDay(valueStart, nextValueEnd); - var newDate = hasEndDateChanged && !isStartDateNowEndDate && nextValueEnd != null ? - nextValueEnd : - nextValueStart; - returnVal = { - displayMonth: newDate.getMonth(), - displayYear: newDate.getFullYear(), - value: nextValue, - }; + else if (nextValueStart != null && nextValueEnd == null) { + var nextValueStartMonthAndYear = new monthAndYear_1.MonthAndYear(nextValueStart.getMonth(), nextValueStart.getFullYear()); + if (!nextValueStartMonthAndYear.isSame(leftView) && !nextValueStartMonthAndYear.isSame(rightView)) { + leftView = nextValueStartMonthAndYear; + if (!rightView.isAfter(leftView)) { + rightView = leftView.getNextMonth(); + } + } } + else if (nextValueStart != null && nextValueEnd != null) { + var nextValueStartMonthAndYear = new monthAndYear_1.MonthAndYear(nextValueStart.getMonth(), nextValueStart.getFullYear()); + var nextValueEndMonthAndYear = new monthAndYear_1.MonthAndYear(nextValueEnd.getMonth(), nextValueEnd.getFullYear()); + if (DateUtils.areSameMonth(nextValueStart, nextValueEnd)) { + var potentialLeftEqualsNextValueStart = leftView.isSame(nextValueStartMonthAndYear); + var potentialRightEqualsNextValueStart = rightView.isSame(nextValueStartMonthAndYear); + if (potentialLeftEqualsNextValueStart || potentialRightEqualsNextValueStart) { + } + else { + leftView = nextValueStartMonthAndYear; + rightView = nextValueStartMonthAndYear.getNextMonth(); + } + } + else { + if (!leftView.isSame(nextValueStartMonthAndYear)) { + leftView = nextValueStartMonthAndYear; + } + if (!rightView.isSame(nextValueEndMonthAndYear)) { + rightView = nextValueEndMonthAndYear; + } + } + } + returnVal = { + leftView: leftView, + rightView: rightView, + value: nextValue, + }; } else { returnVal = {}; } - var displayMonth = returnVal.displayMonth, displayYear = returnVal.displayYear; - if (displayMonth != null && displayYear != null) { - var nextMonth = getNextMonth([currMonth, currYear]); - var monthToDisplay = [displayMonth, displayYear]; - if (areSameMonth(nextMonth, monthToDisplay)) { - returnVal.displayMonth = currMonth; - returnVal.displayYear = currYear; - } - else if (areSameMonth(getNextMonth(nextMonth), monthToDisplay)) { - returnVal.displayMonth = nextMonth[0]; - returnVal.displayYear = nextMonth[1]; - } - } return returnVal; } - function getNextMonth(_a) { - var month = _a[0], year = _a[1]; - return month === 11 ? [0, year + 1] : [month + 1, year]; - } - function areSameMonth(_a, _b) { - var month = _a[0], year = _a[1]; - var month2 = _b[0], year2 = _b[1]; - return month === month2 && year === year2; - } function createShortcut(label, dateRange) { return { dateRange: dateRange, label: label }; } @@ -55309,6 +55674,67 @@ /***/ }, /* 423 */ +/***/ function(module, exports, __webpack_require__) { + + "use strict"; + var dateUtils_1 = __webpack_require__(415); + var MonthAndYear = (function () { + function MonthAndYear(month, year) { + if (month !== null && year !== null) { + this.date = new Date(year, month); + } + else { + this.date = new Date(); + } + } + MonthAndYear.prototype.clone = function () { + return new MonthAndYear(this.getMonth(), this.getYear()); + }; + MonthAndYear.prototype.getFullDate = function () { + return this.date; + }; + MonthAndYear.prototype.getMonth = function () { + return this.date.getMonth(); + }; + MonthAndYear.prototype.getYear = function () { + return this.date.getFullYear(); + }; + MonthAndYear.prototype.getPreviousMonth = function () { + var previousMonthDate = dateUtils_1.getDatePreviousMonth(this.date); + return new MonthAndYear(previousMonthDate.getMonth(), previousMonthDate.getFullYear()); + }; + MonthAndYear.prototype.getNextMonth = function () { + var nextMonthDate = dateUtils_1.getDateNextMonth(this.date); + return new MonthAndYear(nextMonthDate.getMonth(), nextMonthDate.getFullYear()); + }; + MonthAndYear.prototype.isBefore = function (monthAndYear) { + return compareMonthAndYear(this, monthAndYear) < 0; + }; + MonthAndYear.prototype.isAfter = function (monthAndYear) { + return compareMonthAndYear(this, monthAndYear) > 0; + }; + MonthAndYear.prototype.isSame = function (monthAndYear) { + return compareMonthAndYear(this, monthAndYear) === 0; + }; + return MonthAndYear; + }()); + exports.MonthAndYear = MonthAndYear; + function compareMonthAndYear(firstMonthAndYear, secondMonthAndYear) { + var firstMonth = firstMonthAndYear.getMonth(); + var firstYear = firstMonthAndYear.getYear(); + var secondMonth = secondMonthAndYear.getMonth(); + var secondYear = secondMonthAndYear.getYear(); + if (firstYear === secondYear) { + return firstMonth - secondMonth; + } + else { + return firstYear - secondYear; + } + } + + +/***/ }, +/* 424 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -55360,7 +55786,7 @@ /***/ }, -/* 424 */ +/* 425 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -55369,30 +55795,42 @@ var baseExample_1 = __webpack_require__(263); var React = __webpack_require__(9); var src_1 = __webpack_require__(303); - var datePickerExample_1 = __webpack_require__(423); + var datePickerExample_1 = __webpack_require__(424); var DateRangePickerExample = (function (_super) { tslib_1.__extends(DateRangePickerExample, _super); function DateRangePickerExample() { var _this = _super !== null && _super.apply(this, arguments) || this; _this.state = { allowSingleDayRange: false, + contiguousCalendarMonths: true, dateRange: [null, null], + shortcuts: true, }; _this.toggleSingleDay = baseExample_1.handleBooleanChange(function (allowSingleDayRange) { return _this.setState({ allowSingleDayRange: allowSingleDayRange }); }); + _this.toggleShortcuts = baseExample_1.handleBooleanChange(function (shortcuts) { return _this.setState({ shortcuts: shortcuts }); }); + _this.toggleContiguousCalendarMonths = baseExample_1.handleBooleanChange(function (contiguousCalendarMonths) { + _this.setState({ contiguousCalendarMonths: contiguousCalendarMonths }); + }); _this.handleDateChange = function (dateRange) { return _this.setState({ dateRange: dateRange }); }; return _this; } DateRangePickerExample.prototype.renderExample = function () { var _a = this.state.dateRange, start = _a[0], end = _a[1]; return React.createElement("div", { className: "docs-datetime-example" }, - React.createElement(src_1.DateRangePicker, { allowSingleDayRange: this.state.allowSingleDayRange, className: core_1.Classes.ELEVATION_1, onChange: this.handleDateChange }), + React.createElement(src_1.DateRangePicker, { allowSingleDayRange: this.state.allowSingleDayRange, contiguousCalendarMonths: this.state.contiguousCalendarMonths, className: core_1.Classes.ELEVATION_1, onChange: this.handleDateChange, shortcuts: this.state.shortcuts }), React.createElement("div", null, React.createElement(datePickerExample_1.Moment, { date: start }), React.createElement("span", { className: core_1.Classes.ICON_LARGE + " " + core_1.Classes.iconClass("arrow-right") }), React.createElement(datePickerExample_1.Moment, { date: end }))); }; DateRangePickerExample.prototype.renderOptions = function () { - return (React.createElement(core_1.Switch, { checked: this.state.allowSingleDayRange, label: "Allow single day range", onChange: this.toggleSingleDay })); + return [ + [ + React.createElement(core_1.Switch, { checked: this.state.allowSingleDayRange, key: "SingleDay", label: "Allow single day range", onChange: this.toggleSingleDay }), + React.createElement(core_1.Switch, { checked: this.state.contiguousCalendarMonths, key: "Contiguous", label: "Constrain to contiguous months", onChange: this.toggleContiguousCalendarMonths }), + React.createElement(core_1.Switch, { checked: this.state.shortcuts, key: "Shortcuts", label: "Show shortcuts", onChange: this.toggleShortcuts }), + ], + ]; }; return DateRangePickerExample; }(baseExample_1.default)); @@ -55400,7 +55838,7 @@ /***/ }, -/* 425 */ +/* 426 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -55409,7 +55847,7 @@ var baseExample_1 = __webpack_require__(263); var React = __webpack_require__(9); var src_1 = __webpack_require__(303); - var datePickerExample_1 = __webpack_require__(423); + var datePickerExample_1 = __webpack_require__(424); var DateTimePickerExample = (function (_super) { tslib_1.__extends(DateTimePickerExample, _super); function DateTimePickerExample() { @@ -55431,7 +55869,7 @@ /***/ }, -/* 426 */ +/* 427 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -55482,33 +55920,33 @@ /***/ }, -/* 427 */ +/* 428 */ /***/ function(module, exports, __webpack_require__) { "use strict"; function __export(m) { for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; } - __export(__webpack_require__(428)); - __export(__webpack_require__(471)); - __export(__webpack_require__(472)); + __export(__webpack_require__(429)); __export(__webpack_require__(473)); __export(__webpack_require__(474)); __export(__webpack_require__(475)); __export(__webpack_require__(476)); + __export(__webpack_require__(477)); + __export(__webpack_require__(478)); /***/ }, -/* 428 */ +/* 429 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); var baseExample_1 = __webpack_require__(263); - var src_1 = __webpack_require__(430); - var bigSpaceRocks = __webpack_require__(470); + var src_1 = __webpack_require__(431); + var bigSpaceRocks = __webpack_require__(472); exports.CellsLoadingConfiguration = { ALL: "all", FIRST_COLUMN: "first-column", @@ -55598,7 +56036,7 @@ /***/ }, -/* 429 */ +/* 430 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(global) {/*! ***************************************************************************** @@ -55624,6 +56062,13 @@ var __metadata; var __awaiter; var __generator; + var __exportStar; + var __values; + var __read; + var __spread; + var __asyncGenerator; + var __asyncDelegator; + var __asyncValues; (function (factory) { var root = typeof global === "object" ? global : typeof self === "object" ? self : typeof this === "object" ? this : {}; if (true) { @@ -55693,8 +56138,8 @@ }; __generator = function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t; - return { next: verb(0), "throw": verb(1), "return": verb(2) }; + var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; + return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); @@ -55720,6 +56165,70 @@ } }; + __exportStar = function (m, exports) { + for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; + }; + + __values = function (o) { + var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0; + if (m) return m.call(o); + return { + next: function () { + if (o && i >= o.length) o = void 0; + return { value: o && o[i++], done: !o }; + } + }; + }; + + __read = function (o, n) { + var m = typeof Symbol === "function" && o[Symbol.iterator]; + if (!m) return o; + var i = m.call(o), r, ar = [], e; + try { + while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); + } + catch (error) { e = { error: error }; } + finally { + try { + if (r && !r.done && (m = i["return"])) m.call(i); + } + finally { if (e) throw e.error; } + } + return ar; + }; + + __spread = function () { + for (var ar = [], i = 0; i < arguments.length; i++) + ar = ar.concat(__read(arguments[i])); + return ar; + }; + + __asyncGenerator = function (thisArg, _arguments, generator) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var g = generator.apply(thisArg, _arguments || []), q = [], c, i; + return i = { next: verb("next"), "throw": verb("throw"), "return": verb("return") }, i[Symbol.asyncIterator] = function () { return this; }, i; + function verb(n) { return function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]), next(); }); }; } + function next() { if (!c && q.length) resume((c = q.shift())[0], c[1]); } + function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(c[3], e); } } + function step(r) { r.done ? settle(c[2], r) : r.value[0] === "yield" ? settle(c[2], { value: r.value[1], done: false }) : Promise.resolve(r.value[1]).then(r.value[0] === "delegate" ? delegate : fulfill, reject); } + function delegate(r) { step(r.done ? r : { value: ["yield", r.value], done: false }); } + function fulfill(value) { resume("next", value); } + function reject(value) { resume("throw", value); } + function settle(f, v) { c = void 0, f(v), next(); } + }; + + __asyncDelegator = function (o) { + var i = { next: verb("next"), "throw": verb("throw", function (e) { throw e; }), "return": verb("return", function (v) { return { value: v, done: true }; }) }; + return o = __asyncValues(o), i[Symbol.iterator] = function () { return this; }, i; + function verb(n, f) { return function (v) { return { value: ["delegate", (o[n] || f).call(o, v)], done: false }; }; } + }; + + __asyncValues = function (o) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var m = o[Symbol.asyncIterator]; + return m ? m.call(o) : typeof __values === "function" ? __values(o) : o[Symbol.iterator](); + }; + exporter("__extends", __extends); exporter("__assign", __assign); exporter("__rest", __rest); @@ -55728,61 +56237,67 @@ exporter("__metadata", __metadata); exporter("__awaiter", __awaiter); exporter("__generator", __generator); - }); - + exporter("__exportStar", __exportStar); + exporter("__values", __values); + exporter("__read", __read); + exporter("__spread", __spread); + exporter("__asyncGenerator", __asyncGenerator); + exporter("__asyncDelegator", __asyncDelegator); + exporter("__asyncValues", __asyncValues); + }); /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }, -/* 430 */ +/* 431 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - __webpack_require__(431); - var cell_1 = __webpack_require__(432); + __webpack_require__(432); + var cell_1 = __webpack_require__(433); exports.Cell = cell_1.Cell; - var editableCell_1 = __webpack_require__(439); + var editableCell_1 = __webpack_require__(441); exports.EditableCell = editableCell_1.EditableCell; - var jsonFormat_1 = __webpack_require__(443); + var jsonFormat_1 = __webpack_require__(445); exports.JSONFormat = jsonFormat_1.JSONFormat; - var truncatedFormat_1 = __webpack_require__(444); + var truncatedFormat_1 = __webpack_require__(446); exports.TruncatedPopoverMode = truncatedFormat_1.TruncatedPopoverMode; exports.TruncatedFormat = truncatedFormat_1.TruncatedFormat; - var column_1 = __webpack_require__(445); + var column_1 = __webpack_require__(447); exports.Column = column_1.Column; - var index_1 = __webpack_require__(446); + var index_1 = __webpack_require__(448); exports.Clipboard = index_1.Clipboard; exports.Grid = index_1.Grid; exports.Rect = index_1.Rect; exports.Utils = index_1.Utils; - var draggable_1 = __webpack_require__(440); + var draggable_1 = __webpack_require__(442); exports.Draggable = draggable_1.Draggable; - var menus_1 = __webpack_require__(452); + var menus_1 = __webpack_require__(454); exports.CopyCellsMenuItem = menus_1.CopyCellsMenuItem; - var resizeHandle_1 = __webpack_require__(455); + var resizeHandle_1 = __webpack_require__(457); exports.Orientation = resizeHandle_1.Orientation; exports.ResizeHandle = resizeHandle_1.ResizeHandle; - var selectable_1 = __webpack_require__(456); + var selectable_1 = __webpack_require__(458); exports.DragSelectable = selectable_1.DragSelectable; - var columnHeaderCell_1 = __webpack_require__(457); + var columnHeaderCell_1 = __webpack_require__(459); exports.ColumnHeaderCell = columnHeaderCell_1.ColumnHeaderCell; exports.HorizontalCellDivider = columnHeaderCell_1.HorizontalCellDivider; - var rowHeaderCell_1 = __webpack_require__(458); + var rowHeaderCell_1 = __webpack_require__(460); exports.RowHeaderCell = rowHeaderCell_1.RowHeaderCell; - var editableName_1 = __webpack_require__(459); + var editableName_1 = __webpack_require__(461); exports.EditableName = editableName_1.EditableName; - var regions_1 = __webpack_require__(449); + var regions_1 = __webpack_require__(451); exports.ColumnLoadingOption = regions_1.ColumnLoadingOption; exports.RegionCardinality = regions_1.RegionCardinality; exports.Regions = regions_1.Regions; exports.RowLoadingOption = regions_1.RowLoadingOption; exports.SelectionModes = regions_1.SelectionModes; exports.TableLoadingOption = regions_1.TableLoadingOption; - var table_1 = __webpack_require__(460); + var table_1 = __webpack_require__(462); exports.Table = table_1.Table; /***/ }, -/* 431 */ +/* 432 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(global, process) { /*! @@ -55992,6 +56507,12 @@ var ArrayIterator; // make our implementation private var noop = function () {}; + var OrigMap = globals.Map; + var origMapDelete = OrigMap && OrigMap.prototype['delete']; + var origMapGet = OrigMap && OrigMap.prototype.get; + var origMapHas = OrigMap && OrigMap.prototype.has; + var origMapSet = OrigMap && OrigMap.prototype.set; + var Symbol = globals.Symbol || {}; var symbolSpecies = Symbol.species || '@@species'; @@ -56043,6 +56564,7 @@ Value.preserveToString(object[property], original); }; + // eslint-disable-next-line no-restricted-properties var hasSymbols = typeof Symbol === 'function' && typeof Symbol['for'] === 'function' && Type.symbol(Symbol()); // This is a private name in the es6 spec, equal to '[Symbol.iterator]' @@ -56066,6 +56588,17 @@ var $String = String; + /* global document */ + var domAll = (typeof document === 'undefined' || !document) ? null : document.all; + /* jshint eqnull:true */ + var isNullOrUndefined = domAll == null ? function isNullOrUndefined(x) { + /* jshint eqnull:true */ + return x == null; + } : function isNullOrUndefinedAndNotDocumentAll(x) { + /* jshint eqnull:true */ + return x == null && x !== domAll; + }; + var ES = { // http://www.ecma-international.org/ecma-262/6.0/#sec-call Call: function Call(F, V) { @@ -56077,8 +56610,7 @@ }, RequireObjectCoercible: function (x, optMessage) { - /* jshint eqnull:true */ - if (x == null) { + if (isNullOrUndefined(x)) { throw new TypeError(optMessage || 'Cannot call method on ' + x); } return x; @@ -56097,7 +56629,7 @@ if (x === void 0 || x === null || x === true || x === false) { return false; } - return typeof x === 'function' || typeof x === 'object'; + return typeof x === 'function' || typeof x === 'object' || x === domAll; }, ToObject: function (o, optMessage) { @@ -56177,7 +56709,7 @@ GetMethod: function (o, p) { var func = ES.ToObject(o)[p]; - if (func === void 0 || func === null) { + if (isNullOrUndefined(func)) { return void 0; } if (!ES.IsCallable(func)) { @@ -56257,7 +56789,7 @@ throw new TypeError('Bad constructor'); } var S = C[symbolSpecies]; - if (S === void 0 || S === null) { + if (isNullOrUndefined(S)) { return defaultConstructor; } if (!ES.IsConstructor(S)) { @@ -56301,6 +56833,7 @@ if (Type.symbol(Symbol[name])) { return Symbol[name]; } + // eslint-disable-next-line no-restricted-properties var sym = Symbol['for']('Symbol.' + name); Object.defineProperty(Symbol, name, { configurable: false, @@ -56318,7 +56851,7 @@ }); var searchShim = function search(regexp) { var O = ES.RequireObjectCoercible(this); - if (regexp !== null && typeof regexp !== 'undefined') { + if (!isNullOrUndefined(regexp)) { var searcher = ES.GetMethod(regexp, symbolSearch); if (typeof searcher !== 'undefined') { return ES.Call(searcher, regexp, [O]); @@ -56336,7 +56869,7 @@ }); var replaceShim = function replace(searchValue, replaceValue) { var O = ES.RequireObjectCoercible(this); - if (searchValue !== null && typeof searchValue !== 'undefined') { + if (!isNullOrUndefined(searchValue)) { var replacer = ES.GetMethod(searchValue, symbolReplace); if (typeof replacer !== 'undefined') { return ES.Call(replacer, searchValue, [O, replaceValue]); @@ -56354,7 +56887,7 @@ }); var splitShim = function split(separator, limit) { var O = ES.RequireObjectCoercible(this); - if (separator !== null && typeof separator !== 'undefined') { + if (!isNullOrUndefined(separator)) { var splitter = ES.GetMethod(separator, symbolSplit); if (typeof splitter !== 'undefined') { return ES.Call(splitter, separator, [O, limit]); @@ -56382,7 +56915,7 @@ var matchShim = function match(regexp) { var O = ES.RequireObjectCoercible(this); - if (regexp !== null && typeof regexp !== 'undefined') { + if (!isNullOrUndefined(regexp)) { var matcher = ES.GetMethod(regexp, symbolMatch); if (typeof matcher !== 'undefined') { return ES.Call(matcher, regexp, [O]); @@ -56678,7 +57211,7 @@ }; var nonWS = ['\u0085', '\u200b', '\ufffe'].join(''); var nonWSregex = new RegExp('[' + nonWS + ']', 'g'); - var isBadHexRegex = /^[\-+]0x[0-9a-f]+$/i; + var isBadHexRegex = /^[-+]0x[0-9a-f]+$/i; var hasStringTrimBug = nonWS.trim().length !== nonWS.length; defineProperty(String.prototype, 'trim', trimShim, hasStringTrimBug); @@ -57192,12 +57725,12 @@ POSITIVE_INFINITY: OrigNumber.POSITIVE_INFINITY }); /* globals Number: true */ - /* eslint-disable no-undef */ + /* eslint-disable no-undef, no-global-assign */ /* jshint -W020 */ Number = NumberShim; Value.redefine(globals, 'Number', NumberShim); /* jshint +W020 */ - /* eslint-enable no-undef */ + /* eslint-enable no-undef, no-global-assign */ /* globals Number: false */ } @@ -57231,10 +57764,10 @@ // methods of Number, so this test has to happen down here.) /*jshint elision: true */ /* eslint-disable no-sparse-arrays */ - if (![, 1].find(function (item, idx) { return idx === 0; })) { + if ([, 1].find(function () { return true; }) === 1) { overrideNative(Array.prototype, 'find', ArrayPrototypeShims.find); } - if ([, 1].findIndex(function (item, idx) { return idx === 0; }) !== 0) { + if ([, 1].findIndex(function () { return true; }) !== 0) { overrideNative(Array.prototype, 'findIndex', ArrayPrototypeShims.findIndex); } /* eslint-enable no-sparse-arrays */ @@ -57568,7 +58101,10 @@ if (supportsDescriptors && (!regExpSupportsFlagsWithRegex || regExpNeedsToSupportSymbolMatch)) { var flagsGetter = Object.getOwnPropertyDescriptor(RegExp.prototype, 'flags').get; var sourceDesc = Object.getOwnPropertyDescriptor(RegExp.prototype, 'source') || {}; - var legacySourceGetter = function () { return this.source; }; // prior to it being a getter, it's own + nonconfigurable + var legacySourceGetter = function () { + // prior to it being a getter, it's own + nonconfigurable + return this.source; + }; var sourceGetter = ES.IsCallable(sourceDesc.get) ? sourceDesc.get : legacySourceGetter; var OrigRegExp = RegExp; @@ -57597,12 +58133,12 @@ $input: true // Chrome < v39 & Opera < 26 have a nonstandard "$input" property }); /* globals RegExp: true */ - /* eslint-disable no-undef */ + /* eslint-disable no-undef, no-global-assign */ /* jshint -W020 */ RegExp = RegExpShim; Value.redefine(globals, 'RegExp', RegExpShim); /* jshint +W020 */ - /* eslint-enable no-undef */ + /* eslint-enable no-undef, no-global-assign */ /* globals RegExp: false */ } @@ -57644,7 +58180,7 @@ if (numberIsNaN(x) || value < 1) { return NaN; } if (x === 1) { return 0; } if (x === Infinity) { return x; } - return _log(x / E + _sqrt(x + 1) * _sqrt(x - 1) / E) + 1; + return _log((x / E) + (_sqrt(x + 1) * _sqrt(x - 1) / E)) + 1; }, asinh: function asinh(value) { @@ -57652,7 +58188,7 @@ if (x === 0 || !globalIsFinite(x)) { return x; } - return x < 0 ? -asinh(-x) : _log(x + _sqrt(x * x + 1)); + return x < 0 ? -asinh(-x) : _log(x + _sqrt((x * x) + 1)); }, atanh: function atanh(value) { @@ -57677,7 +58213,7 @@ } else { result = _exp(_log(x) / 3); // from http://en.wikipedia.org/wiki/Cube_root#Numerical_methods - result = (x / (result * result) + (2 * result)) / 3; + result = ((x / (result * result)) + (2 * result)) / 3; } return negate ? -result : result; }, @@ -57792,7 +58328,7 @@ var bl = b & 0xffff; // the shift by 0 fixes the sign on the high part // the final |0 converts the unsigned value into a signed value - return (al * bl) + (((ah * bl + al * bh) << 16) >>> 0) | 0; + return (al * bl) + ((((ah * bl) + (al * bh)) << 16) >>> 0) | 0; }, fround: function fround(x) { @@ -57803,10 +58339,12 @@ var sign = _sign(v); var abs = _abs(v); if (abs < BINARY_32_MIN_VALUE) { - return sign * roundTiesToEven(abs / BINARY_32_MIN_VALUE / BINARY_32_EPSILON) * BINARY_32_MIN_VALUE * BINARY_32_EPSILON; + return sign * roundTiesToEven( + abs / BINARY_32_MIN_VALUE / BINARY_32_EPSILON + ) * BINARY_32_MIN_VALUE * BINARY_32_EPSILON; } // Veltkamp's splitting (?) - var a = (1 + BINARY_32_EPSILON / Number.EPSILON) * abs; + var a = (1 + (BINARY_32_EPSILON / Number.EPSILON)) * abs; var result = a - (a - abs); if (result > BINARY_32_MAX_VALUE || numberIsNaN(result)) { return sign * Infinity; @@ -57824,7 +58362,7 @@ // Chrome 40 loses Math.acosh precision with high numbers defineProperty(Math, 'acosh', MathShims.acosh, Math.acosh(Number.MAX_VALUE) === Infinity); // Firefox 38 on Windows - defineProperty(Math, 'cbrt', MathShims.cbrt, Math.abs(1 - Math.cbrt(1e-300) / 1e-100) / Number.EPSILON > 8); + defineProperty(Math, 'cbrt', MathShims.cbrt, Math.abs(1 - (Math.cbrt(1e-300) / 1e-100)) / Number.EPSILON > 8); // node 0.11 has an imprecise Math.sinh with very small numbers defineProperty(Math, 'sinh', MathShims.sinh, Math.sinh(-2e-17) !== -2e-17); // FF 35 on Linux reports 22025.465794806725 for Math.expm1(10) @@ -57833,15 +58371,19 @@ var origMathRound = Math.round; // breaks in e.g. Safari 8, Internet Explorer 11, Opera 12 - var roundHandlesBoundaryConditions = Math.round(0.5 - Number.EPSILON / 4) === 0 && Math.round(-0.5 + Number.EPSILON / 3.99) === 1; + var roundHandlesBoundaryConditions = Math.round(0.5 - (Number.EPSILON / 4)) === 0 && + Math.round(-0.5 + (Number.EPSILON / 3.99)) === 1; // When engines use Math.floor(x + 0.5) internally, Math.round can be buggy for large integers. // This behavior should be governed by "round to nearest, ties to even mode" // see http://www.ecma-international.org/ecma-262/6.0/#sec-terms-and-definitions-number-type // These are the boundary cases where it breaks. var smallestPositiveNumberWhereRoundBreaks = inverseEpsilon + 1; - var largestPositiveNumberWhereRoundBreaks = 2 * inverseEpsilon - 1; - var roundDoesNotIncreaseIntegers = [smallestPositiveNumberWhereRoundBreaks, largestPositiveNumberWhereRoundBreaks].every(function (num) { + var largestPositiveNumberWhereRoundBreaks = (2 * inverseEpsilon) - 1; + var roundDoesNotIncreaseIntegers = [ + smallestPositiveNumberWhereRoundBreaks, + largestPositiveNumberWhereRoundBreaks + ].every(function (num) { return Math.round(num) === num; }); defineProperty(Math, 'round', function round(x) { @@ -58373,7 +58915,9 @@ var promiseSupportsSubclassing = supportsSubclassing(globals.Promise, function (S) { return S.resolve(42).then(function () {}) instanceof S; }); - var promiseIgnoresNonFunctionThenCallbacks = !throwsError(function () { globals.Promise.reject(42).then(null, 5).then(null, noop); }); + var promiseIgnoresNonFunctionThenCallbacks = !throwsError(function () { + globals.Promise.reject(42).then(null, 5).then(null, noop); + }); var promiseRequiresObjectContext = throwsError(function () { globals.Promise.call(3, noop); }); // Promise.resolve() was errata'ed late in the ES6 process. // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1170742 @@ -58417,11 +58961,11 @@ !promiseRequiresObjectContext || promiseResolveBroken || !getsThenSynchronously || hasBadResolverPromise) { /* globals Promise: true */ - /* eslint-disable no-undef */ + /* eslint-disable no-undef, no-global-assign */ /* jshint -W020 */ Promise = PromiseShim; /* jshint +W020 */ - /* eslint-enable no-undef */ + /* eslint-enable no-undef, no-global-assign */ /* globals Promise: false */ overrideNative(globals, 'Promise', PromiseShim); } @@ -58472,11 +59016,11 @@ if (supportsDescriptors) { - var fastkey = function fastkey(key) { - if (!preservesInsertionOrder) { + var fastkey = function fastkey(key, skipInsertionOrderCheck) { + if (!skipInsertionOrderCheck && !preservesInsertionOrder) { return null; } - if (typeof key === 'undefined' || key === null) { + if (isNullOrUndefined(key)) { return '^' + ES.ToString(key); } else if (typeof key === 'string') { return '$' + key; @@ -58511,7 +59055,7 @@ }); } else { var iter, adder; - if (iterable !== null && typeof iterable !== 'undefined') { + if (!isNullOrUndefined(iterable)) { adder = map.set; if (!ES.IsCallable(adder)) { throw new TypeError('bad map'); } iter = ES.GetIterator(iterable); @@ -58545,7 +59089,7 @@ }); } else { var iter, adder; - if (iterable !== null && typeof iterable !== 'undefined') { + if (!isNullOrUndefined(iterable)) { adder = set.add; if (!ES.IsCallable(adder)) { throw new TypeError('bad set'); } iter = ES.GetIterator(iterable); @@ -58645,12 +59189,14 @@ var map = emulateES6construct(this, Map, Map$prototype, { _es6map: true, _head: null, - _storage: emptyObject(), - _size: 0 + _map: OrigMap ? new OrigMap() : null, + _size: 0, + _storage: emptyObject() }); var head = new MapEntry(null, null); // circular doubly-linked list. + /* eslint no-multi-assign: 1 */ head.next = head.prev = head; map._head = head; @@ -58672,10 +59218,20 @@ defineProperties(Map$prototype, { get: function get(key) { requireMapSlot(this, 'get'); - var fkey = fastkey(key); + var entry; + var fkey = fastkey(key, true); if (fkey !== null) { // fast O(1) path - var entry = this._storage[fkey]; + entry = this._storage[fkey]; + if (entry) { + return entry.value; + } else { + return; + } + } + if (this._map) { + // fast object key path + entry = origMapGet.call(this._map, key); if (entry) { return entry.value; } else { @@ -58693,11 +59249,15 @@ has: function has(key) { requireMapSlot(this, 'has'); - var fkey = fastkey(key); + var fkey = fastkey(key, true); if (fkey !== null) { // fast O(1) path return typeof this._storage[fkey] !== 'undefined'; } + if (this._map) { + // fast object key path + return origMapHas.call(this._map, key); + } var head = this._head; var i = head; while ((i = i.next) !== head) { @@ -58713,14 +59273,24 @@ var head = this._head; var i = head; var entry; - var fkey = fastkey(key); + var fkey = fastkey(key, true); if (fkey !== null) { // fast O(1) path if (typeof this._storage[fkey] !== 'undefined') { this._storage[fkey].value = value; return this; } else { - entry = this._storage[fkey] = new MapEntry(key, value); + entry = this._storage[fkey] = new MapEntry(key, value); /* eslint no-multi-assign: 1 */ + i = head.prev; + // fall through + } + } else if (this._map) { + // fast object key path + if (origMapHas.call(this._map, key)) { + origMapGet.call(this._map, key).value = value; + } else { + entry = new MapEntry(key, value); + origMapSet.call(this._map, key, entry); i = head.prev; // fall through } @@ -58747,7 +59317,7 @@ requireMapSlot(this, 'delete'); var head = this._head; var i = head; - var fkey = fastkey(key); + var fkey = fastkey(key, true); if (fkey !== null) { // fast O(1) path if (typeof this._storage[fkey] === 'undefined') { @@ -58756,10 +59326,19 @@ i = this._storage[fkey].prev; delete this._storage[fkey]; // fall through + } else if (this._map) { + // fast object key path + if (!origMapHas.call(this._map, key)) { + return false; + } + i = origMapGet.call(this._map, key).prev; + origMapDelete.call(this._map, key); + // fall through } while ((i = i.next) !== head) { if (ES.SameValueZero(i.key, key)) { - i.key = i.value = empty; + i.key = empty; + i.value = empty; i.prev.next = i.next; i.next.prev = i.prev; this._size -= 1; @@ -58770,14 +59349,17 @@ }, clear: function clear() { + /* eslint no-multi-assign: 1 */ requireMapSlot(this, 'clear'); + this._map = OrigMap ? new OrigMap() : null; this._size = 0; this._storage = emptyObject(); var head = this._head; var i = head; var p = i.next; while ((i = p) !== head) { - i.key = i.value = empty; + i.key = empty; + i.value = empty; p = i.next; i.next = i.prev = head; } @@ -58878,7 +59460,8 @@ // Switch from the object backing storage to a full Map. var ensureMap = function ensureMap(set) { if (!set['[[SetData]]']) { - var m = set['[[SetData]]'] = new collectionShims.Map(); + var m = new collectionShims.Map(); + set['[[SetData]]'] = m; _forEach(keys(set._storage), function (key) { var k = decodeKey(key); m.set(k, k); @@ -58978,12 +59561,11 @@ // Safari 8, for example, doesn't accept an iterable. var mapAcceptsArguments = valueOrFalseIfThrows(function () { return new Map([[1, 2]]).get(1) === 2; }); if (!mapAcceptsArguments) { - var OrigMapNoArgs = globals.Map; globals.Map = function Map() { if (!(this instanceof Map)) { throw new TypeError('Constructor Map requires "new"'); } - var m = new OrigMapNoArgs(); + var m = new OrigMap(); if (arguments.length > 0) { addIterableToMap(Map, m, arguments[0]); } @@ -58991,9 +59573,9 @@ Object.setPrototypeOf(m, globals.Map.prototype); return m; }; - globals.Map.prototype = create(OrigMapNoArgs.prototype); + globals.Map.prototype = create(OrigMap.prototype); defineProperty(globals.Map.prototype, 'constructor', globals.Map, true); - Value.preserveToString(globals.Map, OrigMapNoArgs); + Value.preserveToString(globals.Map, OrigMap); } var testMap = new Map(); var mapUsesSameValueZero = (function () { @@ -59004,15 +59586,12 @@ }()); var mapSupportsChaining = testMap.set(1, 2) === testMap; if (!mapUsesSameValueZero || !mapSupportsChaining) { - var origMapSet = Map.prototype.set; overrideNative(Map.prototype, 'set', function set(k, v) { _call(origMapSet, this, k === 0 ? 0 : k, v); return this; }); } if (!mapUsesSameValueZero) { - var origMapGet = Map.prototype.get; - var origMapHas = Map.prototype.has; defineProperties(Map.prototype, { get: function get(k) { return _call(origMapGet, this, k === 0 ? 0 : k); @@ -59058,7 +59637,8 @@ m.set(42, 42); return m instanceof M; }); - var mapFailsToSupportSubclassing = Object.setPrototypeOf && !mapSupportsSubclassing; // without Object.setPrototypeOf, subclassing is not possible + // without Object.setPrototypeOf, subclassing is not possible + var mapFailsToSupportSubclassing = Object.setPrototypeOf && !mapSupportsSubclassing; var mapRequiresNew = (function () { try { return !(globals.Map() instanceof globals.Map); @@ -59067,7 +59647,6 @@ } }()); if (globals.Map.length !== 0 || mapFailsToSupportSubclassing || !mapRequiresNew) { - var OrigMap = globals.Map; globals.Map = function Map() { if (!(this instanceof Map)) { throw new TypeError('Constructor Map requires "new"'); @@ -59089,7 +59668,8 @@ s.add(42, 42); return s instanceof S; }); - var setFailsToSupportSubclassing = Object.setPrototypeOf && !setSupportsSubclassing; // without Object.setPrototypeOf, subclassing is not possible + // without Object.setPrototypeOf, subclassing is not possible + var setFailsToSupportSubclassing = Object.setPrototypeOf && !setSupportsSubclassing; var setRequiresNew = (function () { try { return !(globals.Set() instanceof globals.Set); @@ -59566,19 +60146,18 @@ /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(127))) /***/ }, -/* 432 */ +/* 433 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); + var Classes = __webpack_require__(439); var core_1 = __webpack_require__(2); - var loadableContent_1 = __webpack_require__(438); + var loadableContent_1 = __webpack_require__(440); exports.emptyCellRenderer = function () { return React.createElement(Cell, null); }; - exports.CELL_CLASSNAME = "bp-table-cell"; - exports.CELL_INTERACTIVE_CLASSNAME = "bp-table-cell-interactive"; var Cell = (function (_super) { tslib_1.__extends(Cell, _super); function Cell() { @@ -59586,12 +60165,12 @@ } Cell.prototype.render = function () { var _a = this.props, style = _a.style, intent = _a.intent, interactive = _a.interactive, loading = _a.loading, tooltip = _a.tooltip, truncated = _a.truncated, className = _a.className; - var classes = classNames(exports.CELL_CLASSNAME, core_1.Classes.intentClass(intent), (_b = {}, - _b[exports.CELL_INTERACTIVE_CLASSNAME] = interactive, + var classes = classNames(Classes.TABLE_CELL, core_1.Classes.intentClass(intent), (_b = {}, + _b[Classes.TABLE_CELL_INTERACTIVE] = interactive, _b[core_1.Classes.LOADING] = loading, _b), className); var content = truncated ? - React.createElement("div", { className: "bp-table-truncated-text" }, this.props.children) : this.props.children; + React.createElement("div", { className: Classes.TABLE_TRUNCATED_TEXT }, this.props.children) : this.props.children; return (React.createElement("div", { className: classes, style: style, title: tooltip }, React.createElement(loadableContent_1.LoadableContent, { loading: loading, variableLength: true }, content))); var _b; @@ -59608,7 +60187,7 @@ /***/ }, -/* 433 */ +/* 434 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! @@ -59662,7 +60241,7 @@ /***/ }, -/* 434 */ +/* 435 */ /***/ function(module, exports, __webpack_require__) { /** @@ -59671,8 +60250,8 @@ */ 'use strict'; - var warning = __webpack_require__(435); - var shallowEqual = __webpack_require__(437); + var warning = __webpack_require__(436); + var shallowEqual = __webpack_require__(438); @@ -59734,7 +60313,7 @@ /***/ }, -/* 435 */ +/* 436 */ /***/ function(module, exports, __webpack_require__) { /** @@ -59749,7 +60328,7 @@ 'use strict'; - var emptyFunction = __webpack_require__(436); + var emptyFunction = __webpack_require__(437); /** * Similar to invariant but only logs a warning if the condition is not met. @@ -59805,7 +60384,7 @@ module.exports = warning; /***/ }, -/* 436 */ +/* 437 */ /***/ function(module, exports) { "use strict"; @@ -59848,7 +60427,7 @@ module.exports = emptyFunction; /***/ }, -/* 437 */ +/* 438 */ /***/ function(module, exports) { /** @@ -59920,11 +60499,103 @@ module.exports = shallowEqual; /***/ }, -/* 438 */ +/* 439 */ +/***/ function(module, exports) { + + "use strict"; + exports.TABLE_BODY = "bp-table-body"; + exports.TABLE_BODY_SCROLL_CLIENT = "bp-table-body-scroll-client"; + exports.TABLE_BODY_VIRTUAL_CLIENT = "bp-table-body-virtual-client"; + exports.TABLE_BOTTOM_CONTAINER = "bp-table-bottom-container"; + exports.TABLE_CELL = "bp-table-cell"; + exports.TABLE_CELL_CLIENT = "bp-table-cell-client"; + exports.TABLE_CELL_GHOST = "bp-table-cell-ghost"; + exports.TABLE_CELL_INTERACTIVE = "bp-table-cell-interactive"; + exports.TABLE_CELL_LEDGER_EVEN = "bp-table-cell-ledger-even"; + exports.TABLE_CELL_LEDGER_ODD = "bp-table-cell-ledger-odd"; + exports.TABLE_COLUMN_HEADER_TR = "bp-table-column-header-tr"; + exports.TABLE_COLUMN_HEADERS = "bp-table-column-headers"; + exports.TABLE_COLUMN_NAME = "bp-table-column-name"; + exports.TABLE_COLUMN_NAME_TEXT = "bp-table-column-name-text"; + exports.TABLE_CONTAINER = "bp-table-container"; + exports.TABLE_DRAGGABLE = "bp-table-draggable"; + exports.TABLE_DRAGGING = "bp-table-dragging"; + exports.TABLE_EDITABLE_NAME = "bp-table-editable-name"; + exports.TABLE_HEADER = "bp-table-header"; + exports.TABLE_HEADER_ACTIVE = "bp-table-header-active"; + exports.TABLE_HEADER_CONTENT = "bp-table-header-content"; + exports.TABLE_HEADER_SELECTED = "bp-table-header-selected"; + exports.TABLE_HORIZONTAL_CELL_DIVIDER = "bp-table-horizontal-cell-divider"; + exports.TABLE_HORIZONTAL_GUIDE = "bp-table-horizontal-guide"; + exports.TABLE_INTERACTION_BAR = "bp-table-interaction-bar"; + exports.TABLE_LAST_IN_COLUMN = "bp-table-last-in-column"; + exports.TABLE_LAST_IN_ROW = "bp-table-last-in-row"; + exports.TABLE_MENU = "bp-table-menu"; + exports.TABLE_NO_HORIZONTAL_SCROLL = "bp-table-no-horizontal-scroll"; + exports.TABLE_NO_LAYOUT = "bp-table-no-layout"; + exports.TABLE_NO_VERTICAL_SCROLL = "bp-table-no-vertical-scroll"; + exports.TABLE_NULL = "bp-table-null"; + exports.TABLE_OVERLAY = "bp-table-overlay"; + exports.TABLE_OVERLAY_LAYER = "bp-table-overlay-layer"; + exports.TABLE_POPOVER_WHITESPACE_NORMAL = "bp-table-popover-whitespace-normal"; + exports.TABLE_POPOVER_WHITESPACE_PRE = "bp-table-popover-whitespace-pre"; + exports.TABLE_REGION = "bp-table-region"; + exports.TABLE_RESIZE_GUIDES = "bp-table-resize-guides"; + exports.TABLE_RESIZE_HANDLE = "bp-table-resize-handle"; + exports.TABLE_RESIZE_HANDLE_TARGET = "bp-table-resize-handle-target"; + exports.TABLE_RESIZE_HORIZONTAL = "bp-table-resize-horizontal"; + exports.TABLE_RESIZE_SENSOR = "bp-table-resize-sensor"; + exports.TABLE_RESIZE_SENSOR_EXPAND = "bp-table-resize-sensor-expand"; + exports.TABLE_RESIZE_SENSOR_SHRINK = "bp-table-resize-sensor-shrink"; + exports.TABLE_RESIZE_VERTICAL = "bp-table-resize-vertical"; + exports.TABLE_ROUNDED_LAYOUT = "bp-table-rounded-layout"; + exports.TABLE_ROW_HEADERS = "bp-table-row-headers"; + exports.TABLE_ROW_NAME = "bp-table-row-name"; + exports.TABLE_ROW_NAME_TEXT = "bp-table-row-name-text"; + exports.TABLE_SELECTION_ENABLED = "bp-table-selection-enabled"; + exports.TABLE_SELECTION_REGION = "bp-table-selection-region"; + exports.TABLE_TH_MENU = "bp-table-th-menu"; + exports.TABLE_THEAD = "bp-table-thead"; + exports.TABLE_TOP_CONTAINER = "bp-table-top-container"; + exports.TABLE_TRUNCATED_FORMAT = "bp-table-truncated-format"; + exports.TABLE_TRUNCATED_POPOVER = "bp-table-truncated-popover"; + exports.TABLE_TRUNCATED_POPOVER_TARGET = "bp-table-truncated-popover-target"; + exports.TABLE_TRUNCATED_TEXT = "bp-table-truncated-text"; + exports.TABLE_TRUNCATED_VALUE = "bp-table-truncated-value"; + exports.TABLE_VERTICAL_GUIDE = "bp-table-vertical-guide"; + function dimensionIndexClass(classPrefix, index) { + if (index == null) { + return undefined; + } + if (typeof index === "number") { + return "" + classPrefix + index; + } + return index.indexOf(classPrefix) === 0 ? index : "" + classPrefix + index; + } + function columnIndexClass(columnIndex) { + return dimensionIndexClass("bp-table-col-", columnIndex); + } + exports.columnIndexClass = columnIndexClass; + function rowIndexClass(rowIndex) { + return dimensionIndexClass("bp-table-row-", rowIndex); + } + exports.rowIndexClass = rowIndexClass; + function columnCellIndexClass(columnIndex) { + return dimensionIndexClass("bp-table-cell-col-", columnIndex); + } + exports.columnCellIndexClass = columnCellIndexClass; + function rowCellIndexClass(rowIndex) { + return dimensionIndexClass("bp-table-cell-row-", rowIndex); + } + exports.rowCellIndexClass = rowCellIndexClass; + + +/***/ }, +/* 440 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); var LoadableContent = (function (_super) { @@ -59955,17 +60626,18 @@ /***/ }, -/* 439 */ +/* 441 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); var ReactDOM = __webpack_require__(46); var core_1 = __webpack_require__(2); - var draggable_1 = __webpack_require__(440); - var cell_1 = __webpack_require__(432); + var Classes = __webpack_require__(439); + var draggable_1 = __webpack_require__(442); + var cell_1 = __webpack_require__(433); var EditableCell = (function (_super) { tslib_1.__extends(EditableCell, _super); function EditableCell() { @@ -60008,7 +60680,7 @@ var interactive = this.props.interactive || isEditing; return (React.createElement(cell_1.Cell, tslib_1.__assign({}, this.props, { truncated: false, interactive: interactive }), React.createElement(draggable_1.Draggable, { onActivate: this.handleCellActivate, onDoubleClick: this.handleCellDoubleClick, preventDefault: !interactive, stopPropagation: interactive }, - React.createElement(core_1.EditableText, { className: "bp-table-editable-name", defaultValue: value, intent: intent, minWidth: null, onCancel: this.handleCancel, onChange: onChange, onConfirm: this.handleConfirm, onEdit: this.handleEdit, placeholder: "", selectAllOnFocus: true })))); + React.createElement(core_1.EditableText, { className: Classes.TABLE_EDITABLE_NAME, defaultValue: value, intent: intent, minWidth: null, onCancel: this.handleCancel, onChange: onChange, onConfirm: this.handleConfirm, onEdit: this.handleEdit, placeholder: "", selectAllOnFocus: true })))); }; return EditableCell; }(React.Component)); @@ -60019,16 +60691,16 @@ /***/ }, -/* 440 */ +/* 442 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); var ReactDOM = __webpack_require__(46); - var utils_1 = __webpack_require__(441); - var dragEvents_1 = __webpack_require__(442); + var utils_1 = __webpack_require__(443); + var dragEvents_1 = __webpack_require__(444); var REATTACH_PROPS_KEYS = [ "stopPropagation", "preventDefault", @@ -60067,11 +60739,11 @@ /***/ }, -/* 441 */ +/* 443 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var classNames = __webpack_require__(433); + var classNames = __webpack_require__(434); var React = __webpack_require__(9); ; var CSS_FONT_PROPERTIES = [ @@ -60180,7 +60852,7 @@ /***/ }, -/* 442 */ +/* 444 */ /***/ function(module, exports) { "use strict"; @@ -60322,15 +60994,16 @@ /***/ }, -/* 443 */ +/* 445 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); - var truncatedFormat_1 = __webpack_require__(444); + var Classes = __webpack_require__(439); + var truncatedFormat_1 = __webpack_require__(446); var JSONFormat = (function (_super) { tslib_1.__extends(JSONFormat, _super); function JSONFormat() { @@ -60343,9 +61016,9 @@ if (isNully) { showPopover = truncatedFormat_1.TruncatedPopoverMode.NEVER; } - var className = classNames(this.props.className, { - "bp-table-null": isNully, - }); + var className = classNames(this.props.className, (_b = {}, + _b[Classes.TABLE_NULL] = isNully, + _b)); var displayValue = ""; if (omitQuotesOnStrings && typeof children === "string") { displayValue = children; @@ -60354,6 +61027,7 @@ displayValue = stringify(children); } return (React.createElement(truncatedFormat_1.TruncatedFormat, tslib_1.__assign({}, this.props, { className: className, showPopover: showPopover }), displayValue)); + var _b; }; return JSONFormat; }(React.Component)); @@ -60370,14 +61044,15 @@ /***/ }, -/* 444 */ +/* 446 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var core_1 = __webpack_require__(2); - var classNames = __webpack_require__(433); + var classNames = __webpack_require__(434); var React = __webpack_require__(9); + var Classes = __webpack_require__(439); var TruncatedPopoverMode; (function (TruncatedPopoverMode) { TruncatedPopoverMode[TruncatedPopoverMode["ALWAYS"] = 0] = "ALWAYS"; @@ -60400,21 +61075,22 @@ cellContent = cellContent.substring(0, truncateLength) + truncationSuffix; } if (this.shouldShowPopover(content)) { - var popoverClasses = classNames("bp-table-truncated-popover", preformatted ? "bp-table-popover-whitespace-pre" : "bp-table-popover-whitespace-normal"); + var popoverClasses = classNames(Classes.TABLE_TRUNCATED_POPOVER, preformatted ? Classes.TABLE_POPOVER_WHITESPACE_PRE : Classes.TABLE_POPOVER_WHITESPACE_NORMAL); var popoverContent = React.createElement("div", { className: popoverClasses }, children); - var className = classNames(this.props.className, "bp-table-truncated-format"); + var className = classNames(this.props.className, Classes.TABLE_TRUNCATED_FORMAT); var constraints = [{ attachment: "together", pin: true, to: "window", }]; + var iconClasses = classNames(core_1.Classes.ICON_STANDARD, core_1.Classes.iconClass("more")); return (React.createElement("div", { className: className }, - React.createElement("div", { className: "bp-table-truncated-value", ref: this.handleContentDivRef }, cellContent), - React.createElement(core_1.Popover, { className: "bp-table-truncated-popover-target", constraints: constraints, content: popoverContent, position: core_1.Position.BOTTOM, useSmartArrowPositioning: true, useSmartPositioning: true }, - React.createElement("span", { className: "pt-icon-standard pt-icon-more" })))); + React.createElement("div", { className: Classes.TABLE_TRUNCATED_VALUE, ref: this.handleContentDivRef }, cellContent), + React.createElement(core_1.Popover, { className: Classes.TABLE_TRUNCATED_POPOVER_TARGET, constraints: constraints, content: popoverContent, position: core_1.Position.BOTTOM, useSmartArrowPositioning: true, useSmartPositioning: true }, + React.createElement("span", { className: iconClasses })))); } else { - var className = classNames(this.props.className, "bp-table-truncated-text"); + var className = classNames(this.props.className, Classes.TABLE_TRUNCATED_TEXT); return React.createElement("div", { className: className, ref: this.handleContentDivRef }, cellContent); } }; @@ -60461,13 +61137,13 @@ /***/ }, -/* 445 */ +/* 447 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); - var cell_1 = __webpack_require__(432); + var cell_1 = __webpack_require__(433); var Column = (function (_super) { tslib_1.__extends(Column, _super); function Column() { @@ -60482,24 +61158,24 @@ /***/ }, -/* 446 */ +/* 448 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var clipboard_1 = __webpack_require__(447); + var clipboard_1 = __webpack_require__(449); exports.Clipboard = clipboard_1.Clipboard; - var grid_1 = __webpack_require__(448); + var grid_1 = __webpack_require__(450); exports.Grid = grid_1.Grid; - var rect_1 = __webpack_require__(450); + var rect_1 = __webpack_require__(452); exports.Rect = rect_1.Rect; - var roundSize_1 = __webpack_require__(451); + var roundSize_1 = __webpack_require__(453); exports.RoundSize = roundSize_1.RoundSize; - var utils_1 = __webpack_require__(441); + var utils_1 = __webpack_require__(443); exports.Utils = utils_1.Utils; /***/ }, -/* 447 */ +/* 449 */ /***/ function(module, exports) { "use strict"; @@ -60567,18 +61243,15 @@ /***/ }, -/* 448 */ +/* 450 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var regions_1 = __webpack_require__(449); - var rect_1 = __webpack_require__(450); - var utils_1 = __webpack_require__(441); - var EXTREMA_LAST_IN_ROW = ["bp-table-last-in-row"]; - var EXTREMA_LAST_IN_COLUMN = ["bp-table-last-in-column"]; - var EXTREMA_LAST_IN_ROW_AND_COLUMN = ["bp-table-last-in-column", "bp-table-last-in-row"]; - var EXTREMA_NONE = []; + var tslib_1 = __webpack_require__(430); + var regions_1 = __webpack_require__(451); + var Classes = __webpack_require__(439); + var rect_1 = __webpack_require__(452); + var utils_1 = __webpack_require__(443); var Grid = (function () { function Grid(rowHeights, columnWidths, bleed, ghostHeight, ghostWidth) { if (bleed === void 0) { bleed = Grid.DEFAULT_BLEED; } @@ -60739,15 +61412,15 @@ }; Grid.prototype.getExtremaClasses = function (rowIndex, columnIndex, rowEnd, columnEnd) { if (rowIndex === rowEnd && columnIndex === columnEnd) { - return EXTREMA_LAST_IN_ROW_AND_COLUMN; + return [Classes.TABLE_LAST_IN_COLUMN, Classes.TABLE_LAST_IN_ROW]; } if (rowIndex === rowEnd) { - return EXTREMA_LAST_IN_COLUMN; + return [Classes.TABLE_LAST_IN_COLUMN]; } if (columnIndex === columnEnd) { - return EXTREMA_LAST_IN_ROW; + return [Classes.TABLE_LAST_IN_ROW]; } - return EXTREMA_NONE; + return []; }; Grid.prototype.getRegionStyle = function (region) { var cardinality = regions_1.Regions.getRegionCardinality(region); @@ -60827,11 +61500,12 @@ /***/ }, -/* 449 */ +/* 451 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var utils_1 = __webpack_require__(441); + var Classes = __webpack_require__(439); + var utils_1 = __webpack_require__(443); var RegionCardinality; (function (RegionCardinality) { RegionCardinality[RegionCardinality["CELLS"] = 0] = "CELLS"; @@ -61085,7 +61759,7 @@ } if (selectedRegions != null && selectedRegions.length > 0) { regionGroups.push({ - className: "bp-table-selection-region", + className: Classes.TABLE_SELECTION_REGION, regions: selectedRegions, }); } @@ -61177,7 +61851,7 @@ /***/ }, -/* 450 */ +/* 452 */ /***/ function(module, exports) { "use strict"; @@ -61249,12 +61923,13 @@ /***/ }, -/* 451 */ +/* 453 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); + var Classes = __webpack_require__(439); var RoundSize = (function (_super) { tslib_1.__extends(RoundSize, _super); function RoundSize() { @@ -61264,8 +61939,8 @@ return _this; } RoundSize.prototype.render = function () { - return (React.createElement("div", { className: "bp-table-rounded-layout", ref: this.setContainerRef }, - React.createElement("div", { className: "bp-table-no-layout", ref: this.setInternalRef }, React.Children.only(this.props.children)))); + return (React.createElement("div", { className: Classes.TABLE_ROUNDED_LAYOUT, ref: this.setContainerRef }, + React.createElement("div", { className: Classes.TABLE_NO_LAYOUT, ref: this.setInternalRef }, React.Children.only(this.props.children)))); }; RoundSize.prototype.componentDidMount = function () { this.copyRoundedSize(); @@ -61288,27 +61963,27 @@ /***/ }, -/* 452 */ +/* 454 */ /***/ function(module, exports, __webpack_require__) { "use strict"; function __export(m) { for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; } - __export(__webpack_require__(453)); - __export(__webpack_require__(454)); + __export(__webpack_require__(455)); + __export(__webpack_require__(456)); /***/ }, -/* 453 */ +/* 455 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var core_1 = __webpack_require__(2); var React = __webpack_require__(9); - var clipboard_1 = __webpack_require__(447); - var regions_1 = __webpack_require__(449); + var clipboard_1 = __webpack_require__(449); + var regions_1 = __webpack_require__(451); var CopyCellsMenuItem = (function (_super) { tslib_1.__extends(CopyCellsMenuItem, _super); function CopyCellsMenuItem() { @@ -61333,11 +62008,11 @@ /***/ }, -/* 454 */ +/* 456 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var regions_1 = __webpack_require__(449); + var regions_1 = __webpack_require__(451); var MenuContext = (function () { function MenuContext(target, selectedRegions, numRows, numCols) { this.target = target; @@ -61364,14 +62039,15 @@ /***/ }, -/* 455 */ +/* 457 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); var React = __webpack_require__(9); - var draggable_1 = __webpack_require__(440); + var Classes = __webpack_require__(439); + var draggable_1 = __webpack_require__(442); var Orientation; (function (Orientation) { Orientation[Orientation["HORIZONTAL"] = 1] = "HORIZONTAL"; @@ -61426,17 +62102,18 @@ if (onResizeMove == null && onResizeEnd == null && onDoubleClick == null) { return undefined; } - var targetClasses = classNames("bp-table-resize-handle-target", { - "bp-table-dragging": this.state.isDragging, - "bp-table-resize-horizontal": orientation === Orientation.HORIZONTAL, - "bp-table-resize-vertical": orientation === Orientation.VERTICAL, - }); - var handleClasses = classNames("bp-table-resize-handle", { - "bp-table-dragging": this.state.isDragging, - }); + var targetClasses = classNames(Classes.TABLE_RESIZE_HANDLE_TARGET, (_b = {}, + _b[Classes.TABLE_DRAGGING] = this.state.isDragging, + _b[Classes.TABLE_RESIZE_HORIZONTAL] = orientation === Orientation.HORIZONTAL, + _b[Classes.TABLE_RESIZE_VERTICAL] = orientation === Orientation.VERTICAL, + _b)); + var handleClasses = classNames(Classes.TABLE_RESIZE_HANDLE, (_c = {}, + _c[Classes.TABLE_DRAGGING] = this.state.isDragging, + _c)); return (React.createElement(draggable_1.Draggable, { onActivate: this.handleActivate, onClick: this.handleClick, onDoubleClick: this.handleDoubleClick, onDragEnd: this.handleDragEnd, onDragMove: this.handleDragMove }, React.createElement("div", { className: targetClasses }, React.createElement("div", { className: handleClasses })))); + var _b, _c; }; return ResizeHandle; }(React.Component)); @@ -61444,16 +62121,16 @@ /***/ }, -/* 456 */ +/* 458 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); - var dragEvents_1 = __webpack_require__(442); - var draggable_1 = __webpack_require__(440); - var regions_1 = __webpack_require__(449); + var dragEvents_1 = __webpack_require__(444); + var draggable_1 = __webpack_require__(442); + var regions_1 = __webpack_require__(451); var DragSelectable = DragSelectable_1 = (function (_super) { tslib_1.__extends(DragSelectable, _super); function DragSelectable() { @@ -61547,23 +62224,19 @@ /***/ }, -/* 457 */ +/* 459 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); - var loadableContent_1 = __webpack_require__(438); - var HEADER_CLASSNAME = "bp-table-header"; - var HEADER_COLUMN_NAME_CLASSNAME = "bp-table-column-name"; - var HEADER_CONTENT_CLASSNAME = "bp-table-header-content"; - var HEADER_COLUMN_NAME_TEXT_CLASSNAME = "bp-table-column-name-text"; - var HEADER_INTERACTION_BAR_CLASSNAME = "bp-table-interaction-bar"; + var Classes = __webpack_require__(439); + var loadableContent_1 = __webpack_require__(440); function HorizontalCellDivider() { - return React.createElement("div", { className: "bp-table-horizontal-cell-divider" }); + return React.createElement("div", { className: Classes.TABLE_HORIZONTAL_CELL_DIVIDER }); } exports.HorizontalCellDivider = HorizontalCellDivider; var ColumnHeaderCell = (function (_super) { @@ -61579,17 +62252,16 @@ return _this; } ColumnHeaderCell.isHeaderMouseTarget = function (target) { - return target.classList.contains(HEADER_CLASSNAME) - || target.classList.contains(HEADER_COLUMN_NAME_CLASSNAME) - || target.classList.contains(HEADER_INTERACTION_BAR_CLASSNAME) - || target.classList.contains(HEADER_CONTENT_CLASSNAME); + return target.classList.contains(Classes.TABLE_HEADER) + || target.classList.contains(Classes.TABLE_COLUMN_NAME) + || target.classList.contains(Classes.TABLE_INTERACTION_BAR) + || target.classList.contains(Classes.TABLE_HEADER_CONTENT); }; ColumnHeaderCell.prototype.render = function () { var _a = this.props, isActive = _a.isActive, isColumnSelected = _a.isColumnSelected, loading = _a.loading, resizeHandle = _a.resizeHandle, style = _a.style; - var classes = classNames(HEADER_CLASSNAME, (_b = { - "bp-table-header-active": isActive || this.state.isActive, - "bp-table-header-selected": isColumnSelected - }, + var classes = classNames(Classes.TABLE_HEADER, (_b = {}, + _b[Classes.TABLE_HEADER_ACTIVE] = isActive || this.state.isActive, + _b[Classes.TABLE_HEADER_SELECTED] = isColumnSelected, _b[core_1.Classes.LOADING] = loading, _b)); return (React.createElement("div", { className: classes, style: style }, @@ -61604,38 +62276,38 @@ ColumnHeaderCell.prototype.renderName = function () { var _a = this.props, loading = _a.loading, name = _a.name, renderName = _a.renderName, useInteractionBar = _a.useInteractionBar; var dropdownMenu = this.maybeRenderDropdownMenu(); - var defaultName = React.createElement("div", { className: "bp-table-truncated-text" }, name); + var defaultName = React.createElement("div", { className: Classes.TABLE_TRUNCATED_TEXT }, name); var nameComponent = (React.createElement(loadableContent_1.LoadableContent, { loading: loading, variableLength: true }, renderName == null ? defaultName : renderName(name))); if (useInteractionBar) { - return (React.createElement("div", { className: HEADER_COLUMN_NAME_CLASSNAME, title: name }, - React.createElement("div", { className: HEADER_INTERACTION_BAR_CLASSNAME }, dropdownMenu), + return (React.createElement("div", { className: Classes.TABLE_COLUMN_NAME, title: name }, + React.createElement("div", { className: Classes.TABLE_INTERACTION_BAR }, dropdownMenu), React.createElement(HorizontalCellDivider, null), - React.createElement("div", { className: HEADER_COLUMN_NAME_TEXT_CLASSNAME }, nameComponent))); + React.createElement("div", { className: Classes.TABLE_COLUMN_NAME_TEXT }, nameComponent))); } else { - return (React.createElement("div", { className: HEADER_COLUMN_NAME_CLASSNAME, title: name }, + return (React.createElement("div", { className: Classes.TABLE_COLUMN_NAME, title: name }, dropdownMenu, - React.createElement("div", { className: HEADER_COLUMN_NAME_TEXT_CLASSNAME }, nameComponent))); + React.createElement("div", { className: Classes.TABLE_COLUMN_NAME_TEXT }, nameComponent))); } }; ColumnHeaderCell.prototype.maybeRenderContent = function () { if (this.props.children === null) { return undefined; } - return (React.createElement("div", { className: HEADER_CONTENT_CLASSNAME }, this.props.children)); + return (React.createElement("div", { className: Classes.TABLE_HEADER_CONTENT }, this.props.children)); }; ColumnHeaderCell.prototype.maybeRenderDropdownMenu = function () { var _a = this.props, menu = _a.menu, menuIconName = _a.menuIconName; if (menu == null) { return undefined; } - var popoverTargetClasses = classNames("pt-icon-standard", core_1.Classes.iconClass(menuIconName)); + var popoverTargetClasses = classNames(core_1.Classes.ICON_STANDARD, core_1.Classes.iconClass(menuIconName)); var constraints = [{ attachment: "together", pin: true, to: "window", }]; - return (React.createElement(core_1.Popover, { constraints: constraints, content: menu, position: core_1.Position.BOTTOM, className: "bp-table-th-menu", popoverDidOpen: this.getPopoverStateChangeHandler(true), popoverWillClose: this.getPopoverStateChangeHandler(false), useSmartArrowPositioning: true }, + return (React.createElement(core_1.Popover, { constraints: constraints, content: menu, position: core_1.Position.BOTTOM, className: Classes.TABLE_TH_MENU, popoverDidOpen: this.getPopoverStateChangeHandler(true), popoverWillClose: this.getPopoverStateChangeHandler(false), useSmartArrowPositioning: true }, React.createElement("span", { className: popoverTargetClasses }))); }; return ColumnHeaderCell; @@ -61653,15 +62325,16 @@ /***/ }, -/* 458 */ +/* 460 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); - var loadableContent_1 = __webpack_require__(438); + var Classes = __webpack_require__(439); + var loadableContent_1 = __webpack_require__(440); var RowHeaderCell = (function (_super) { tslib_1.__extends(RowHeaderCell, _super); function RowHeaderCell() { @@ -61673,15 +62346,16 @@ } RowHeaderCell.prototype.render = function () { var _a = this.props, className = _a.className, isActive = _a.isActive, isRowSelected = _a.isRowSelected, loading = _a.loading, name = _a.name, resizeHandle = _a.resizeHandle, style = _a.style; - var rowHeaderClasses = classNames(className, "bp-table-header", (_b = {}, + var rowHeaderClasses = classNames(className, Classes.TABLE_HEADER, (_b = {}, _b[core_1.Classes.LOADING] = loading, - _b["bp-table-header-active"] = isActive || this.state.isActive, - _b["bp-table-header-selected"] = isRowSelected, + _b[Classes.TABLE_HEADER_ACTIVE] = isActive || this.state.isActive, + _b[Classes.TABLE_HEADER_SELECTED] = isRowSelected, _b)); + var loadableContentDivClasses = classNames(Classes.TABLE_ROW_NAME_TEXT, Classes.TABLE_TRUNCATED_TEXT); return (React.createElement("div", { className: rowHeaderClasses, style: style }, - React.createElement("div", { className: "bp-table-row-name" }, + React.createElement("div", { className: Classes.TABLE_ROW_NAME }, React.createElement(loadableContent_1.LoadableContent, { loading: loading }, - React.createElement("div", { className: "bp-table-row-name-text bp-table-truncated-text" }, name))), + React.createElement("div", { className: loadableContentDivClasses }, name))), this.props.children, loading ? undefined : resizeHandle)); var _b; @@ -61698,14 +62372,15 @@ /***/ }, -/* 459 */ +/* 461 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var core_1 = __webpack_require__(2); - var classNames = __webpack_require__(433); + var classNames = __webpack_require__(434); var React = __webpack_require__(9); + var Classes = __webpack_require__(439); var EditableName = (function (_super) { tslib_1.__extends(EditableName, _super); function EditableName() { @@ -61713,7 +62388,7 @@ } EditableName.prototype.render = function () { var _a = this.props, className = _a.className, intent = _a.intent, name = _a.name, onCancel = _a.onCancel, onChange = _a.onChange, onConfirm = _a.onConfirm; - return (React.createElement(core_1.EditableText, { className: classNames(className, "bp-table-editable-name"), defaultValue: name, intent: intent, minWidth: null, onCancel: onCancel, onChange: onChange, onConfirm: onConfirm, placeholder: "", selectAllOnFocus: true })); + return (React.createElement(core_1.EditableText, { className: classNames(className, Classes.TABLE_EDITABLE_NAME), defaultValue: name, intent: intent, minWidth: null, onCancel: onCancel, onChange: onChange, onConfirm: onConfirm, placeholder: "", selectAllOnFocus: true })); }; return EditableName; }(React.Component)); @@ -61721,29 +62396,30 @@ /***/ }, -/* 460 */ +/* 462 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var core_1 = __webpack_require__(2); var core_2 = __webpack_require__(2); - var classNames = __webpack_require__(433); - var PureRender = __webpack_require__(434); + var classNames = __webpack_require__(434); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); - var column_1 = __webpack_require__(445); - var clipboard_1 = __webpack_require__(447); - var grid_1 = __webpack_require__(448); - var utils_1 = __webpack_require__(441); - var columnHeader_1 = __webpack_require__(461); - var columnHeaderCell_1 = __webpack_require__(457); - var rowHeader_1 = __webpack_require__(463); - var resizeSensor_1 = __webpack_require__(464); - var guides_1 = __webpack_require__(465); - var regions_1 = __webpack_require__(466); - var locator_1 = __webpack_require__(467); - var regions_2 = __webpack_require__(449); - var tableBody_1 = __webpack_require__(468); + var column_1 = __webpack_require__(447); + var Classes = __webpack_require__(439); + var clipboard_1 = __webpack_require__(449); + var grid_1 = __webpack_require__(450); + var utils_1 = __webpack_require__(443); + var columnHeader_1 = __webpack_require__(463); + var columnHeaderCell_1 = __webpack_require__(459); + var rowHeader_1 = __webpack_require__(465); + var resizeSensor_1 = __webpack_require__(466); + var guides_1 = __webpack_require__(467); + var regions_1 = __webpack_require__(468); + var locator_1 = __webpack_require__(469); + var regions_2 = __webpack_require__(451); + var tableBody_1 = __webpack_require__(470); var Table = Table_1 = (function (_super) { tslib_1.__extends(Table, _super); function Table(props, context) { @@ -61911,11 +62587,11 @@ Table.prototype.render = function () { var isRowHeaderShown = this.props.isRowHeaderShown; this.validateGrid(); - return (React.createElement("div", { className: "bp-table-container", ref: this.setRootTableRef, onScroll: this.handleRootScroll }, - React.createElement("div", { className: "bp-table-top-container" }, + return (React.createElement("div", { className: Classes.TABLE_CONTAINER, ref: this.setRootTableRef, onScroll: this.handleRootScroll }, + React.createElement("div", { className: Classes.TABLE_TOP_CONTAINER }, isRowHeaderShown ? this.renderMenu() : undefined, this.renderColumnHeader()), - React.createElement("div", { className: "bp-table-bottom-container" }, + React.createElement("div", { className: Classes.TABLE_BOTTOM_CONTAINER }, isRowHeaderShown ? this.renderRowHeader() : undefined, this.renderBody()))); }; @@ -61965,7 +62641,7 @@ }); }; Table.prototype.renderMenu = function () { - return (React.createElement("div", { className: "bp-table-menu", ref: this.setMenuRef })); + return (React.createElement("div", { className: Classes.TABLE_MENU, ref: this.setMenuRef })); }; Table.prototype.syncMenuWidth = function () { var _a = this, menuElement = _a.menuElement, rowHeaderElement = _a.rowHeaderElement; @@ -61982,25 +62658,27 @@ var grid = this.grid; var _a = this.state, locator = _a.locator, selectedRegions = _a.selectedRegions, viewportRect = _a.viewportRect; var _b = this.props, allowMultipleSelection = _b.allowMultipleSelection, fillBodyWithGhostCells = _b.fillBodyWithGhostCells, isColumnResizable = _b.isColumnResizable, loadingOptions = _b.loadingOptions, maxColumnWidth = _b.maxColumnWidth, minColumnWidth = _b.minColumnWidth, selectedRegionTransform = _b.selectedRegionTransform; - var classes = classNames("bp-table-column-headers", { - "bp-table-selection-enabled": this.isSelectionModeEnabled(regions_2.RegionCardinality.FULL_COLUMNS), - }); + var classes = classNames(Classes.TABLE_COLUMN_HEADERS, (_c = {}, + _c[Classes.TABLE_SELECTION_ENABLED] = this.isSelectionModeEnabled(regions_2.RegionCardinality.FULL_COLUMNS), + _c)); var columnIndices = grid.getColumnIndicesInRect(viewportRect, fillBodyWithGhostCells); return (React.createElement("div", { className: classes }, React.createElement(columnHeader_1.ColumnHeader, tslib_1.__assign({ allowMultipleSelection: allowMultipleSelection, cellRenderer: this.columnHeaderCellRenderer, grid: grid, isResizable: isColumnResizable, loading: this.hasLoadingOption(loadingOptions, regions_2.TableLoadingOption.COLUMN_HEADERS), locator: locator, maxColumnWidth: maxColumnWidth, minColumnWidth: minColumnWidth, onColumnWidthChanged: this.handleColumnWidthChanged, onLayoutLock: this.handleLayoutLock, onResizeGuide: this.handleColumnResizeGuide, onSelection: this.getEnabledSelectionHandler(regions_2.RegionCardinality.FULL_COLUMNS), selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform, viewportRect: viewportRect }, columnIndices), this.props.children), this.maybeRenderColumnHeaderRegions())); + var _c; }; Table.prototype.renderRowHeader = function () { var grid = this.grid; var _a = this.state, locator = _a.locator, selectedRegions = _a.selectedRegions, viewportRect = _a.viewportRect; var _b = this.props, allowMultipleSelection = _b.allowMultipleSelection, fillBodyWithGhostCells = _b.fillBodyWithGhostCells, isRowResizable = _b.isRowResizable, loadingOptions = _b.loadingOptions, maxRowHeight = _b.maxRowHeight, minRowHeight = _b.minRowHeight, renderRowHeader = _b.renderRowHeader, selectedRegionTransform = _b.selectedRegionTransform; - var classes = classNames("bp-table-row-headers", { - "bp-table-selection-enabled": this.isSelectionModeEnabled(regions_2.RegionCardinality.FULL_ROWS), - }); + var classes = classNames(Classes.TABLE_ROW_HEADERS, (_c = {}, + _c[Classes.TABLE_SELECTION_ENABLED] = this.isSelectionModeEnabled(regions_2.RegionCardinality.FULL_ROWS), + _c)); var rowIndices = grid.getRowIndicesInRect(viewportRect, fillBodyWithGhostCells); return (React.createElement("div", { className: classes, ref: this.setRowHeaderRef }, React.createElement(rowHeader_1.RowHeader, tslib_1.__assign({ allowMultipleSelection: allowMultipleSelection, grid: grid, locator: locator, isResizable: isRowResizable, loading: this.hasLoadingOption(loadingOptions, regions_2.TableLoadingOption.ROW_HEADERS), maxRowHeight: maxRowHeight, minRowHeight: minRowHeight, onLayoutLock: this.handleLayoutLock, onResizeGuide: this.handleRowResizeGuide, onRowHeightChanged: this.handleRowHeightChanged, onSelection: this.getEnabledSelectionHandler(regions_2.RegionCardinality.FULL_ROWS), renderRowHeader: renderRowHeader, selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform, viewportRect: viewportRect }, rowIndices)), this.maybeRenderRowHeaderRegions())); + var _c; }; Table.prototype.renderBody = function () { var grid = this.grid; @@ -62017,16 +62695,17 @@ grid.isGhostIndex(0, columnIndices.columnIndexEnd) && viewportRect != null && viewportRect.left === 0 || this.hasLoadingOption(loadingOptions, regions_2.TableLoadingOption.COLUMN_HEADERS); - var classes = classNames("bp-table-body", { - "bp-table-no-horizontal-scroll": noHorizontalScroll, - "bp-table-no-vertical-scroll": noVerticalScroll, - "bp-table-selection-enabled": this.isSelectionModeEnabled(regions_2.RegionCardinality.CELLS), - }); + var classes = classNames(Classes.TABLE_BODY, (_c = {}, + _c[Classes.TABLE_NO_HORIZONTAL_SCROLL] = noHorizontalScroll, + _c[Classes.TABLE_NO_VERTICAL_SCROLL] = noVerticalScroll, + _c[Classes.TABLE_SELECTION_ENABLED] = this.isSelectionModeEnabled(regions_2.RegionCardinality.CELLS), + _c)); return (React.createElement("div", { className: classes, onScroll: this.handleBodyScroll, ref: this.setBodyRef }, - React.createElement("div", { className: "bp-table-body-scroll-client", style: style }, + React.createElement("div", { className: Classes.TABLE_BODY_SCROLL_CLIENT, style: style }, React.createElement(tableBody_1.TableBody, tslib_1.__assign({ allowMultipleSelection: allowMultipleSelection, cellRenderer: this.bodyCellRenderer, grid: grid, loading: this.hasLoadingOption(loadingOptions, regions_2.TableLoadingOption.CELLS), locator: locator, onSelection: this.getEnabledSelectionHandler(regions_2.RegionCardinality.CELLS), renderBodyContextMenu: renderBodyContextMenu, selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform, viewportRect: viewportRect }, rowIndices, columnIndices)), this.maybeRenderBodyRegions(), - React.createElement(guides_1.GuideLayer, { className: "bp-table-resize-guides", verticalGuides: verticalGuides, horizontalGuides: horizontalGuides })))); + React.createElement(guides_1.GuideLayer, { className: Classes.TABLE_RESIZE_GUIDES, verticalGuides: verticalGuides, horizontalGuides: horizontalGuides })))); + var _c; }; Table.prototype.isGuidesShowing = function () { return this.state.verticalGuides != null || this.state.horizontalGuides != null; @@ -62156,20 +62835,21 @@ /***/ }, -/* 461 */ +/* 463 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); - var index_1 = __webpack_require__(446); - var resizable_1 = __webpack_require__(462); - var resizeHandle_1 = __webpack_require__(455); - var selectable_1 = __webpack_require__(456); - var regions_1 = __webpack_require__(449); - var columnHeaderCell_1 = __webpack_require__(457); + var Classes = __webpack_require__(439); + var index_1 = __webpack_require__(448); + var resizable_1 = __webpack_require__(464); + var resizeHandle_1 = __webpack_require__(457); + var selectable_1 = __webpack_require__(458); + var regions_1 = __webpack_require__(451); + var columnHeaderCell_1 = __webpack_require__(459); var ColumnHeader = (function (_super) { tslib_1.__extends(ColumnHeader, _super); function ColumnHeader() { @@ -62181,7 +62861,7 @@ flexBasis: rect.width + "px", width: rect.width + "px", }; - return (React.createElement(columnHeaderCell_1.ColumnHeaderCell, { key: "bp-table-col-" + columnIndex, className: classNames(extremaClasses), loading: loading, style: style })); + return (React.createElement(columnHeaderCell_1.ColumnHeaderCell, { key: Classes.columnIndexClass(columnIndex), className: classNames(extremaClasses), loading: loading, style: style })); }; _this.renderCell = function (columnIndex, extremaClasses) { var _a = _this.props, allowMultipleSelection = _a.allowMultipleSelection, cellRenderer = _a.cellRenderer, grid = _a.grid, isResizable = _a.isResizable, loading = _a.loading, maxColumnWidth = _a.maxColumnWidth, minColumnWidth = _a.minColumnWidth, onColumnWidthChanged = _a.onColumnWidthChanged, onLayoutLock = _a.onLayoutLock, onResizeGuide = _a.onResizeGuide, onSelection = _a.onSelection, selectedRegions = _a.selectedRegions, selectedRegionTransform = _a.selectedRegionTransform; @@ -62200,14 +62880,15 @@ onColumnWidthChanged(columnIndex, clampedWidth); }; var cell = cellRenderer(columnIndex); - var className = classNames(cell.props.className, extremaClasses, { - "bp-table-draggable": (onSelection != null), - }); + var className = classNames(cell.props.className, extremaClasses, (_b = {}, + _b[Classes.TABLE_DRAGGABLE] = (onSelection != null), + _b)); var cellLoading = cell.props.loading != null ? cell.props.loading : loading; var isColumnSelected = regions_1.Regions.hasFullColumn(selectedRegions, columnIndex); var cellProps = { className: className, isColumnSelected: isColumnSelected, loading: cellLoading }; - return (React.createElement(selectable_1.DragSelectable, { allowMultipleSelection: allowMultipleSelection, key: "bp-table-col-" + columnIndex, locateClick: _this.locateClick, locateDrag: _this.locateDrag, onSelection: onSelection, selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform }, + return (React.createElement(selectable_1.DragSelectable, { allowMultipleSelection: allowMultipleSelection, key: Classes.columnIndexClass(columnIndex), locateClick: _this.locateClick, locateDrag: _this.locateDrag, onSelection: onSelection, selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform }, React.createElement(resizable_1.Resizable, { isResizable: isResizable, maxSize: maxColumnWidth, minSize: minColumnWidth, onDoubleClick: handleDoubleClick, onLayoutLock: onLayoutLock, onResizeEnd: handleResizeEnd, onSizeChanged: handleSizeChanged, orientation: resizeHandle_1.Orientation.VERTICAL, size: rect.width }, React.cloneElement(cell, cellProps)))); + var _b; }; _this.locateClick = function (event) { if (!columnHeaderCell_1.ColumnHeaderCell.isHeaderMouseTarget(event.target)) { @@ -62237,10 +62918,11 @@ if (viewportRect != null) { style.transform = "translate3d(" + (grid.getColumnRect(columnIndexStart).left - viewportRect.left) + "px, 0, 0)"; } - var classes = classNames("bp-table-thead", "bp-table-column-header-tr", { - "bp-table-draggable": (this.props.onSelection != null), - }); + var classes = classNames(Classes.TABLE_THEAD, Classes.TABLE_COLUMN_HEADER_TR, (_b = {}, + _b[Classes.TABLE_DRAGGABLE] = (this.props.onSelection != null), + _b)); return React.createElement("div", { style: style, className: classes }, cells); + var _b; }; return ColumnHeader; }(React.Component)); @@ -62255,15 +62937,15 @@ /***/ }, -/* 462 */ +/* 464 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); - var index_1 = __webpack_require__(446); - var resizeHandle_1 = __webpack_require__(455); + var index_1 = __webpack_require__(448); + var resizeHandle_1 = __webpack_require__(457); var Resizable = (function (_super) { tslib_1.__extends(Resizable, _super); function Resizable(props, context) { @@ -62344,20 +63026,21 @@ /***/ }, -/* 463 */ +/* 465 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); - var roundSize_1 = __webpack_require__(451); - var resizable_1 = __webpack_require__(462); - var resizeHandle_1 = __webpack_require__(455); - var selectable_1 = __webpack_require__(456); - var regions_1 = __webpack_require__(449); - var rowHeaderCell_1 = __webpack_require__(458); + var Classes = __webpack_require__(439); + var roundSize_1 = __webpack_require__(453); + var resizable_1 = __webpack_require__(464); + var resizeHandle_1 = __webpack_require__(457); + var selectable_1 = __webpack_require__(458); + var regions_1 = __webpack_require__(451); + var rowHeaderCell_1 = __webpack_require__(460); var RowHeader = (function (_super) { tslib_1.__extends(RowHeader, _super); function RowHeader() { @@ -62368,7 +63051,7 @@ var style = { height: rect.height + "px", }; - return (React.createElement(rowHeaderCell_1.RowHeaderCell, { key: "bp-table-row-" + rowIndex, className: classNames(extremaClasses), loading: loading, style: style })); + return (React.createElement(rowHeaderCell_1.RowHeaderCell, { key: Classes.rowIndexClass(rowIndex), className: classNames(extremaClasses), loading: loading, style: style })); }; _this.renderCell = function (rowIndex, extremaClasses) { var _a = _this.props, allowMultipleSelection = _a.allowMultipleSelection, grid = _a.grid, isResizable = _a.isResizable, loading = _a.loading, maxRowHeight = _a.maxRowHeight, minRowHeight = _a.minRowHeight, onLayoutLock = _a.onLayoutLock, onResizeGuide = _a.onResizeGuide, onRowHeightChanged = _a.onRowHeightChanged, onSelection = _a.onSelection, renderRowHeader = _a.renderRowHeader, selectedRegions = _a.selectedRegions, selectedRegionTransform = _a.selectedRegionTransform; @@ -62381,14 +63064,15 @@ onRowHeightChanged(rowIndex, size); }; var cell = renderRowHeader(rowIndex); - var className = classNames(cell.props.className, extremaClasses, { - "bp-table-draggable": onSelection != null, - }); + var className = classNames(cell.props.className, extremaClasses, (_b = {}, + _b[Classes.TABLE_DRAGGABLE] = onSelection != null, + _b)); var cellLoading = cell.props.loading != null ? cell.props.loading : loading; var isRowSelected = regions_1.Regions.hasFullRow(selectedRegions, rowIndex); var cellProps = { className: className, isRowSelected: isRowSelected, loading: cellLoading }; - return (React.createElement(selectable_1.DragSelectable, { allowMultipleSelection: allowMultipleSelection, key: "bp-table-row-" + rowIndex, locateClick: _this.locateClick, locateDrag: _this.locateDrag, onSelection: onSelection, selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform }, + return (React.createElement(selectable_1.DragSelectable, { allowMultipleSelection: allowMultipleSelection, key: Classes.rowIndexClass(rowIndex), locateClick: _this.locateClick, locateDrag: _this.locateDrag, onSelection: onSelection, selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform }, React.createElement(resizable_1.Resizable, { isResizable: isResizable, maxSize: maxRowHeight, minSize: minRowHeight, onLayoutLock: onLayoutLock, onResizeEnd: handleResizeEnd, onSizeChanged: handleSizeChanged, orientation: resizeHandle_1.Orientation.HORIZONTAL, size: rect.height }, React.cloneElement(cell, cellProps)))); + var _b; }; _this.locateClick = function (event) { var row = _this.props.locator.convertPointToRow(event.clientY); @@ -62436,17 +63120,18 @@ /***/ }, -/* 464 */ -/***/ function(module, exports) { +/* 466 */ +/***/ function(module, exports, __webpack_require__) { "use strict"; + var Classes = __webpack_require__(439); var ResizeSensor = (function () { function ResizeSensor() { } ResizeSensor.attach = function (element, callback) { var lifecycle = ResizeSensor.debounce(callback); var resizeSensor = document.createElement("div"); - resizeSensor.className = "bp-table-resize-sensor"; + resizeSensor.className = Classes.TABLE_RESIZE_SENSOR; resizeSensor.style.cssText = ResizeSensor.RESIZE_SENSOR_STYLE; resizeSensor.innerHTML = ResizeSensor.RESIZE_SENSOR_HTML; element.appendChild(resizeSensor); @@ -62507,18 +63192,19 @@ }()); ResizeSensor.RESIZE_SENSOR_STYLE = "position: absolute; left: 0; top: 0; right: 0; " + "bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;"; - ResizeSensor.RESIZE_SENSOR_HTML = "
"; + ResizeSensor.RESIZE_SENSOR_HTML = "
"; exports.ResizeSensor = ResizeSensor; /***/ }, -/* 465 */ +/* 467 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); var React = __webpack_require__(9); + var Classes = __webpack_require__(439); var GuideLayer = (function (_super) { tslib_1.__extends(GuideLayer, _super); function GuideLayer() { @@ -62527,13 +63213,15 @@ var style = { left: offset + "px", }; - return (React.createElement("div", { className: "bp-table-overlay bp-table-vertical-guide", key: index, style: style })); + var className = classNames(Classes.TABLE_OVERLAY, Classes.TABLE_VERTICAL_GUIDE); + return (React.createElement("div", { className: className, key: index, style: style })); }; _this.renderHorizontalGuide = function (offset, index) { var style = { top: offset + "px", }; - return (React.createElement("div", { className: "bp-table-overlay bp-table-horizontal-guide", key: index, style: style })); + var className = classNames(Classes.TABLE_OVERLAY, Classes.TABLE_HORIZONTAL_GUIDE); + return (React.createElement("div", { className: className, key: index, style: style })); }; return _this; } @@ -62541,7 +63229,7 @@ var _a = this.props, verticalGuides = _a.verticalGuides, horizontalGuides = _a.horizontalGuides, className = _a.className; var verticals = (verticalGuides == null) ? undefined : verticalGuides.map(this.renderVerticalGuide); var horizontals = (horizontalGuides == null) ? undefined : horizontalGuides.map(this.renderHorizontalGuide); - return (React.createElement("div", { className: classNames(className, "bp-table-overlay-layer") }, + return (React.createElement("div", { className: classNames(className, Classes.TABLE_OVERLAY_LAYER) }, verticals, horizontals)); }; @@ -62551,26 +63239,27 @@ /***/ }, -/* 466 */ +/* 468 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); - var PureRender = __webpack_require__(434); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); + var PureRender = __webpack_require__(435); var React = __webpack_require__(9); + var Classes = __webpack_require__(439); var RegionLayer = (function (_super) { tslib_1.__extends(RegionLayer, _super); function RegionLayer() { var _this = _super !== null && _super.apply(this, arguments) || this; _this.renderRegion = function (region, index) { var _a = _this.props, className = _a.className, getRegionStyle = _a.getRegionStyle; - return (React.createElement("div", { className: classNames("bp-table-overlay bp-table-region", className), key: index, style: getRegionStyle(region) })); + return (React.createElement("div", { className: classNames(Classes.TABLE_OVERLAY, Classes.TABLE_REGION, className), key: index, style: getRegionStyle(region) })); }; return _this; } RegionLayer.prototype.render = function () { - return React.createElement("div", { className: "bp-table-overlay-layer" }, this.renderRegionChildren()); + return React.createElement("div", { className: Classes.TABLE_OVERLAY_LAYER }, this.renderRegionChildren()); }; RegionLayer.prototype.renderRegionChildren = function () { var regions = this.props.regions; @@ -62588,12 +63277,13 @@ /***/ }, -/* 467 */ +/* 469 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var rect_1 = __webpack_require__(450); - var utils_1 = __webpack_require__(441); + var Classes = __webpack_require__(439); + var rect_1 = __webpack_require__(452); + var utils_1 = __webpack_require__(443); var Locator = (function () { function Locator(tableElement, bodyElement, grid) { var _this = this; @@ -62617,8 +63307,8 @@ }; Locator.prototype.getWidestVisibleCellInColumn = function (columnIndex) { var cellClasses = [ - ".bp-table-cell-col-" + columnIndex, - ".bp-table-column-name", + "." + Classes.columnIndexClass(columnIndex), + "." + Classes.TABLE_COLUMN_NAME, ]; var cells = this.tableElement.querySelectorAll(cellClasses.join(", ")); var max = 0; @@ -62669,24 +63359,21 @@ /***/ }, -/* 468 */ +/* 470 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); - var classNames = __webpack_require__(433); + var tslib_1 = __webpack_require__(430); + var classNames = __webpack_require__(434); var React = __webpack_require__(9); - var cell_1 = __webpack_require__(432); - var contextMenuTargetWrapper_1 = __webpack_require__(469); - var rect_1 = __webpack_require__(450); - var utils_1 = __webpack_require__(441); - var menus_1 = __webpack_require__(452); - var selectable_1 = __webpack_require__(456); - var regions_1 = __webpack_require__(449); - var TABLE_BODY_CLASSES = "bp-table-body-virtual-client bp-table-cell-client"; - var CELL_GHOST_CLASS = "bp-table-cell-ghost"; - var CELL_LEDGER_ODD_CLASS = "bp-table-cell-ledger-odd"; - var CELL_LEDGER_EVEN_CLASS = "bp-table-cell-ledger-even"; + var cell_1 = __webpack_require__(433); + var Classes = __webpack_require__(439); + var contextMenuTargetWrapper_1 = __webpack_require__(471); + var rect_1 = __webpack_require__(452); + var utils_1 = __webpack_require__(443); + var menus_1 = __webpack_require__(454); + var selectable_1 = __webpack_require__(458); + var regions_1 = __webpack_require__(451); var UPDATE_PROPS_KEYS = [ "grid", "locator", @@ -62714,9 +63401,9 @@ var _a = _this.props, cellRenderer = _a.cellRenderer, loading = _a.loading, grid = _a.grid; var baseCell = isGhost ? cell_1.emptyCellRenderer() : cellRenderer(rowIndex, columnIndex); var className = classNames(TableBody.cellClassNames(rowIndex, columnIndex), extremaClasses, (_b = {}, - _b[CELL_GHOST_CLASS] = isGhost, - _b[CELL_LEDGER_ODD_CLASS] = (rowIndex % 2) === 1, - _b[CELL_LEDGER_EVEN_CLASS] = (rowIndex % 2) === 0, + _b[Classes.TABLE_CELL_GHOST] = isGhost, + _b[Classes.TABLE_CELL_LEDGER_ODD] = (rowIndex % 2) === 1, + _b[Classes.TABLE_CELL_LEDGER_EVEN] = (rowIndex % 2) === 0, _b), baseCell.props.className); var key = TableBody.cellReactKey(rowIndex, columnIndex); var rect = isGhost ? grid.getGhostCellRect(rowIndex, columnIndex) : grid.getCellRect(rowIndex, columnIndex); @@ -62738,8 +63425,8 @@ } TableBody.cellClassNames = function (rowIndex, columnIndex) { return [ - "bp-table-cell-row-" + rowIndex, - "bp-table-cell-col-" + columnIndex, + Classes.rowCellIndexClass(rowIndex), + Classes.columnCellIndexClass(columnIndex), ]; }; TableBody.cellReactKey = function (rowIndex, columnIndex) { @@ -62761,7 +63448,7 @@ } } return (React.createElement(selectable_1.DragSelectable, { allowMultipleSelection: allowMultipleSelection, locateClick: this.locateClick, locateDrag: this.locateDrag, onSelection: onSelection, selectedRegions: selectedRegions, selectedRegionTransform: selectedRegionTransform }, - React.createElement(contextMenuTargetWrapper_1.ContextMenuTargetWrapper, { className: TABLE_BODY_CLASSES, renderContextMenu: this.renderContextMenu, style: style }, cells))); + React.createElement(contextMenuTargetWrapper_1.ContextMenuTargetWrapper, { className: classNames(Classes.TABLE_BODY_VIRTUAL_CLIENT, Classes.TABLE_CELL_CLIENT), renderContextMenu: this.renderContextMenu, style: style }, cells))); }; return TableBody; }(React.Component)); @@ -62772,11 +63459,11 @@ /***/ }, -/* 469 */ +/* 471 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var core_1 = __webpack_require__(2); var React = __webpack_require__(9); var ContextMenuTargetWrapper = (function (_super) { @@ -62800,7 +63487,7 @@ /***/ }, -/* 470 */ +/* 472 */ /***/ function(module, exports) { module.exports = [ @@ -62983,16 +63670,16 @@ ]; /***/ }, -/* 471 */ +/* 473 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); var baseExample_1 = __webpack_require__(263); - var src_1 = __webpack_require__(430); - var bigSpaceRocks = __webpack_require__(470); + var src_1 = __webpack_require__(431); + var bigSpaceRocks = __webpack_require__(472); var ColumnLoadingExample = (function (_super) { tslib_1.__extends(ColumnLoadingExample, _super); function ColumnLoadingExample() { @@ -63047,14 +63734,14 @@ /***/ }, -/* 472 */ +/* 474 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var baseExample_1 = __webpack_require__(263); - var src_1 = __webpack_require__(430); + var src_1 = __webpack_require__(431); var TableDollarExample = (function (_super) { tslib_1.__extends(TableDollarExample, _super); function TableDollarExample() { @@ -63071,15 +63758,15 @@ /***/ }, -/* 473 */ +/* 475 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); var baseExample_1 = __webpack_require__(263); - var src_1 = __webpack_require__(430); + var src_1 = __webpack_require__(431); var TableEditableExample = (function (_super) { tslib_1.__extends(TableEditableExample, _super); function TableEditableExample() { @@ -63171,14 +63858,14 @@ /***/ }, -/* 474 */ +/* 476 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var baseExample_1 = __webpack_require__(263); - var src_1 = __webpack_require__(430); + var src_1 = __webpack_require__(431); var LOCAL_TIMEZONE_OFFSET_MSEC = new Date().getTimezoneOffset() * 60 * 1000; var TIME_ZONES = [ ["-12:00", -12.0, "Etc/GMT+12"], @@ -63268,16 +63955,16 @@ /***/ }, -/* 475 */ +/* 477 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); var baseExample_1 = __webpack_require__(263); - var src_1 = __webpack_require__(430); - var bigSpaceRocks = __webpack_require__(470); + var src_1 = __webpack_require__(431); + var bigSpaceRocks = __webpack_require__(472); var TableLoadingExample = (function (_super) { tslib_1.__extends(TableLoadingExample, _super); function TableLoadingExample() { @@ -63338,16 +64025,16 @@ /***/ }, -/* 476 */ +/* 478 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var tslib_1 = __webpack_require__(429); + var tslib_1 = __webpack_require__(430); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); var baseExample_1 = __webpack_require__(263); - var src_1 = __webpack_require__(430); - var sumo = __webpack_require__(477); + var src_1 = __webpack_require__(431); + var sumo = __webpack_require__(479); var AbstractSortableColumn = (function () { function AbstractSortableColumn(name, index) { this.name = name; @@ -63511,7 +64198,7 @@ /***/ }, -/* 477 */ +/* 479 */ /***/ function(module, exports) { module.exports = [ @@ -64268,7 +64955,7 @@ ]; /***/ }, -/* 478 */ +/* 480 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -64277,11 +64964,11 @@ var PureRender = __webpack_require__(258); var React = __webpack_require__(9); var core_1 = __webpack_require__(2); - var theme_1 = __webpack_require__(479); - var navbar_1 = __webpack_require__(480); - var navigator_1 = __webpack_require__(481); - var navMenu_1 = __webpack_require__(488); - var section_1 = __webpack_require__(489); + var theme_1 = __webpack_require__(481); + var navbar_1 = __webpack_require__(482); + var navigator_1 = __webpack_require__(483); + var navMenu_1 = __webpack_require__(490); + var section_1 = __webpack_require__(491); var DARK_THEME = "pt-dark"; var LIGHT_THEME = ""; var DEFAULT_PAGE = "overview"; @@ -64432,7 +65119,7 @@ /***/ }, -/* 479 */ +/* 481 */ /***/ function(module, exports) { "use strict"; @@ -64448,7 +65135,7 @@ /***/ }, -/* 480 */ +/* 482 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -64519,7 +65206,7 @@ /***/ }, -/* 481 */ +/* 483 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -64527,7 +65214,7 @@ var core_1 = __webpack_require__(2); var baseExample_1 = __webpack_require__(263); var classNames = __webpack_require__(255); - var fuzzaldrin_plus_1 = __webpack_require__(482); + var fuzzaldrin_plus_1 = __webpack_require__(484); var PureRender = __webpack_require__(258); var React = __webpack_require__(9); var react_dom_1 = __webpack_require__(46); @@ -64645,21 +65332,21 @@ /***/ }, -/* 482 */ +/* 484 */ /***/ function(module, exports, __webpack_require__) { (function() { var PathSeparator, filter, legacy_scorer, matcher, prepQueryCache, scorer; - scorer = __webpack_require__(483); + scorer = __webpack_require__(485); - legacy_scorer = __webpack_require__(485); + legacy_scorer = __webpack_require__(487); - filter = __webpack_require__(486); + filter = __webpack_require__(488); - matcher = __webpack_require__(487); + matcher = __webpack_require__(489); - PathSeparator = __webpack_require__(484).sep; + PathSeparator = __webpack_require__(486).sep; prepQueryCache = null; @@ -64734,13 +65421,13 @@ /***/ }, -/* 483 */ +/* 485 */ /***/ function(module, exports, __webpack_require__) { (function() { var AcronymResult, PathSeparator, Query, basenameScore, coreChars, countDir, doScore, emptyAcronymResult, file_coeff, isMatch, isSeparator, isWordEnd, isWordStart, miss_coeff, opt_char_re, pos_bonus, scoreAcronyms, scoreCharacter, scoreConsecutives, scoreExact, scoreExactMatch, scorePattern, scorePosition, scoreSize, tau_depth, tau_size, truncatedUpperCase, wm; - PathSeparator = __webpack_require__(484).sep; + PathSeparator = __webpack_require__(486).sep; wm = 150; @@ -65127,7 +65814,7 @@ /***/ }, -/* 484 */ +/* 486 */ /***/ function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(process) {// Copyright Joyent, Inc. and other Node contributors. @@ -65358,13 +66045,13 @@ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(127))) /***/ }, -/* 485 */ +/* 487 */ /***/ function(module, exports, __webpack_require__) { (function() { var PathSeparator, queryIsLastPathSegment; - PathSeparator = __webpack_require__(484).sep; + PathSeparator = __webpack_require__(486).sep; exports.basenameScore = function(string, query, score) { var base, depth, index, lastCharacter, segmentCount, slashCount; @@ -65492,15 +66179,15 @@ /***/ }, -/* 486 */ +/* 488 */ /***/ function(module, exports, __webpack_require__) { (function() { var PathSeparator, legacy_scorer, pluckCandidates, scorer, sortCandidates; - scorer = __webpack_require__(483); + scorer = __webpack_require__(485); - legacy_scorer = __webpack_require__(485); + legacy_scorer = __webpack_require__(487); pluckCandidates = function(a) { return a.candidate; @@ -65510,7 +66197,7 @@ return b.score - a.score; }; - PathSeparator = __webpack_require__(484).sep; + PathSeparator = __webpack_require__(486).sep; module.exports = function(candidates, query, _arg) { var allowErrors, bAllowErrors, bKey, candidate, coreQuery, key, legacy, maxInners, maxResults, prepQuery, queryHasSlashes, score, scoredCandidates, spotLeft, string, _i, _j, _len, _len1, _ref; @@ -65571,15 +66258,15 @@ /***/ }, -/* 487 */ +/* 489 */ /***/ function(module, exports, __webpack_require__) { (function() { var PathSeparator, scorer; - PathSeparator = __webpack_require__(484).sep; + PathSeparator = __webpack_require__(486).sep; - scorer = __webpack_require__(483); + scorer = __webpack_require__(485); exports.basenameMatch = function(subject, subject_lw, prepQuery) { var basePos, depth, end; @@ -65724,7 +66411,7 @@ /***/ }, -/* 488 */ +/* 490 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -65760,7 +66447,7 @@ /***/ }, -/* 489 */ +/* 491 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -65768,9 +66455,9 @@ var classNames = __webpack_require__(255); var PureRender = __webpack_require__(258); var React = __webpack_require__(9); - var theme_1 = __webpack_require__(479); - var modifierTable_1 = __webpack_require__(490); - var propsTable_1 = __webpack_require__(491); + var theme_1 = __webpack_require__(481); + var modifierTable_1 = __webpack_require__(492); + var propsTable_1 = __webpack_require__(493); var MODIFIER_PLACEHOLDER = /\{\{([\.\:]?)modifier\}\}/g; var DEFAULT_MODIFIER = { description: "Default", @@ -65884,7 +66571,7 @@ /***/ }, -/* 490 */ +/* 492 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -65908,7 +66595,7 @@ /***/ }, -/* 491 */ +/* 493 */ /***/ function(module, exports, __webpack_require__) { "use strict"; @@ -65979,7 +66666,7 @@ /***/ }, -/* 492 */ +/* 494 */ /***/ function(module, exports) { module.exports = [ @@ -67105,7 +67792,7 @@ }, { "header": "Date range picker", - "description": "

A DateRangePicker shows two sequential month calendars and lets the user select a single range of\ndays.

\n

Use the onChange prop to listen for changes to the set date range. You can control the selected\ndate range by setting the value prop, or use the component in uncontrolled mode and specify an\ninitial date range by setting defaultValue.

\n

DateRangePicker uses the DateRange type across its API.\nThis is an alias for the tuple type [Date, Date].\nSemantically:

\n\n\n", + "description": "

A DateRangePicker shows two month calendars and lets the user select a single range of\ndays.

\n

Use the onChange prop to listen for changes to the set date range. You can control the selected\ndate range by setting the value prop, or use the component in uncontrolled mode and specify an\ninitial date range by setting defaultValue.

\n

DateRangePicker uses the DateRange type across its API.\nThis is an alias for the tuple type [Date, Date].\nSemantically:

\n\n\n", "modifiers": [], "parameters": [], "reference": "components.datetime.daterangepicker", @@ -67680,7 +68367,7 @@ }, { "header": "Text areas", - "description": "

Text areas are similar to text inputs, but they are resizable.

\n

You should also specify dir="auto" on text areas\nto better support RTL languages\n(in all browsers except Internet Explorer).

\n", + "description": "

Text areas are similar to text inputs, but they are resizable and support multiline editing.

\n

You should also specify dir="auto" on text areas\nto better support RTL languages\n(in all browsers except Internet Explorer).

\n", "modifiers": [ { "name": ":disabled", @@ -67819,14 +68506,20 @@ { "header": "File upload", "description": "

Use the standard input type="file" along with a span with class pt-file-upload-input.\nWrap that all in a label with class pt-file-upload.

\n
\n
Static file name
\n File name does not update on file selection. To get this behavior,\n you must implement it separately in JS.\n
", - "modifiers": [], + "modifiers": [ + { + "name": ":disabled", + "description": "Disabled", + "className": ".pseudo-class-disabled" + } + ], "parameters": [], - "markup": "", + "markup": "", "reference": "components.forms.fileupload", "deprecated": false, "experimental": false, "depth": 3, - "highlightedMarkup": "
<label class="pt-file-upload">
  <input type="file" />
  <span class="pt-file-upload-input">Choose file...</span>
</label>
", + "highlightedMarkup": "
<label class="pt-file-upload">
  <input type="file" {{:modifier}}/>
  <span class="pt-file-upload-input">Choose file...</span>
</label>
", "sections": [] }, { @@ -67886,7 +68579,7 @@ "sections": [ { "header": "Uncontrolled mode", - "description": "

By default, this component will function in uncontrolled mode, managing all of\nits own state. In uncontrolled mode, simply provide an onValueChange callback\nin the props to access the value as the user manipulates it. The value will be\nprovided to the callback both as a number and as a string.

\n
import { NumericInput } from BlueprintComponents;
 
export class NumericInputExample extends React.Component<{}{}> {
    public render() {
        return (
            <NumericInput onValueChange={this.handleValueChange} />
        );
    }
 
    private handleValueChange = (valueAsNumber: number, valueAsString: string) => {
        console.log("Value as number:", valueAsNumber);
        console.log("Value as string:", valueAsString);
    }
}
", + "description": "

By default, this component will function in uncontrolled mode, managing all of\nits own state. In uncontrolled mode, simply provide an onValueChange callback\nin the props to access the value as the user manipulates it. The value will be\nprovided to the callback both as a number and as a string.

\n
import { NumericInput } from "@blueprintjs/core";
 
export class NumericInputExample extends React.Component<{}{}> {
    public render() {
        return (
            <NumericInput onValueChange={this.handleValueChange} />
        );
    }
 
    private handleValueChange = (valueAsNumber: number, valueAsString: string) => {
        console.log("Value as number:", valueAsNumber);
        console.log("Value as string:", valueAsString);
    }
}
", "modifiers": [], "parameters": [], "reference": "components.forms.numeric-input.js.uncontrolled", @@ -67897,7 +68590,7 @@ }, { "header": "Controlled mode", - "description": "

If you prefer to have more control over your numeric input's behavior, you can\nspecify the value property to use the component in controlled mode.\nnumeric input supports arbitrary text entry--not just numeric digits–-so the\nvalue can be provided as either a number or a string.

\n

The combined support of arbitrary text entry, controlled mode, and custom\ncallbacks makes it possible to extend the numeric input's basic functionality in\npowerful ways. As shown in the example above, one could extend the numeric input\ncomponent with support for mathematical expressions as follows:

\n
import { NumericInput } from BlueprintComponents;
import * as SomeLibrary from "some-library";
 
export class NumericInputExample extends React.Component<{}{ value?number |
string }> {
    public state = { value: null };
 
    public render() {
        return (
            <NumericInput
                onValueChange={this.handleValueChange}
                value={this.state.value}
            />
        );
    }
 
    private handleValueChange = (_valueAsNumber: number, valueAsString: string) {
        const result = SomeLibrary.evaluateMathExpression(valueAsString);
        this.setState({ value: result });
    }
}
", + "description": "

If you prefer to have more control over your numeric input's behavior, you can\nspecify the value property to use the component in controlled mode.\nnumeric input supports arbitrary text entry—not just numeric digits—so the\nvalue can be provided as either a number or a string.

\n

The combined support of arbitrary text entry, controlled mode, and custom\ncallbacks makes it possible to extend the numeric input's basic functionality in\npowerful ways. As shown in the example above, one could extend the numeric input\ncomponent with support for mathematical expressions as follows:

\n
import { NumericInput } from "@blueprintjs/core";
import * as SomeLibrary from "some-library";
 
export class NumericInputExample extends React.Component<{}{ value?number |
string }> {
    public state = { value: null };
 
    public render() {
        return (
            <NumericInput
                onValueChange={this.handleValueChange}
                value={this.state.value}
            />
        );
    }
 
    private handleValueChange = (_valueAsNumber: number, valueAsString: string) {
        const result = SomeLibrary.evaluateMathExpression(valueAsString);
        this.setState({ value: result });
    }
}
", "modifiers": [], "parameters": [], "reference": "components.forms.numeric-input.js.controlled", @@ -68256,7 +68949,7 @@ "sections": [ { "header": "JavaScript API", - "description": "

The Popover component is available in the @blueprintjs/core package.\nMake sure to review the general usage docs for JS components.

\n

When creating a popover, you must specify both:

\n\n

The target acts as the trigger for the popover. The popover's position on the page is based on the\nlocation of the target.

\n

Internally, the child of a Popover component is wrapped in a <span> and rendered inline in the\nHTML in the component's place.

\n
\n
Button targets
\n Buttons make great popover targets, but the disabled attribute on a <button> blocks all\n events, which interferes with the popover functioning. If you need to disable a button that\n triggers a popover, you should use AnchorButton instead.\n See the callout here for more details.\n
\n\n
const { PopoverPopoverInteractionKindPosition = BlueprintComponents;
 
export class PopoverExample extends React.Component<{}{}> {
    public render() {
        let popoverContent = (
            <div>
                <h5>Popover Title</h5>
                <p>...</p>
                <button className="pt-button pt-popover-dismiss">Dismiss</button>
            </div>
        );
 
        // popover content gets no padding by default, so we can add the
        // .pt-popover-content-sizing class to get nice padding between
        // the edge of the popover and our popover content. We also get
        // a default width for our content if the popover is inline.
        return (
            <Popover content={popoverContent}
                     interactionKind={PopoverInteractionKind.CLICK}
                     popoverClassName="pt-popover-content-sizing"
                     position={Position.RIGHT}
                     useSmartPositioning={false}>
                <button className="pt-button pt-intent-primary">Popover Target</button>
            </Popover>
        );
    }
}
\n", + "description": "

The Popover component is available in the @blueprintjs/core package.\nMake sure to review the general usage docs for JS components.

\n

When creating a popover, you must specify both:

\n\n

The target acts as the trigger for the popover. The popover's position on the page is based on the\nlocation of the target.

\n

Internally, the child of a Popover component is wrapped in a <span> and rendered inline in the\nHTML in the component's place.

\n
\n
Button targets
\n Buttons make great popover targets, but the disabled attribute on a <button> blocks all\n events, which interferes with the popover functioning. If you need to disable a button that\n triggers a popover, you should use AnchorButton instead.\n See the callout here for more details.\n
\n\n
const { PopoverPopoverInteractionKindPosition = "@blueprintjs/core";
 
export class PopoverExample extends React.Component<{}{}> {
    public render() {
        let popoverContent = (
            <div>
                <h5>Popover title</h5>
                <p>...</p>
                <button className="pt-button pt-popover-dismiss">Dismiss</button>
            </div>
        );
 
        // popover content gets no padding by default, so we can add the
        // .pt-popover-content-sizing class to get nice padding between
        // the edge of the popover and our popover content. We also get
        // a default width for our content if the popover is inline.
        return (
            <Popover content={popoverContent}
                     interactionKind={PopoverInteractionKind.CLICK}
                     popoverClassName="pt-popover-content-sizing"
                     position={Position.RIGHT}
                     useSmartPositioning={false}>
                <button className="pt-button pt-intent-primary">Popover target</button>
            </Popover>
        );
    }
}
\n", "modifiers": [], "parameters": [], "reference": "components.popover.js", @@ -68266,7 +68959,7 @@ "sections": [ { "header": "Controlled mode", - "description": "

If you prefer to have more control over your popover's behavior, you can specify the isOpen\nproperty to use the component in controlled mode. You are now in charge of the component's\nstate.

\n

Providing a non-null value for isOpen disables all automatic interaction and instead invokes\nthe onInteraction callback prop any time the opened state would have changed in response to\nuser interaction under the current interactionKind. As a result, the isDisabled prop is\nincompatible with isOpen, and an error is thrown if both are set.

\n

Note that there are cases where onInteraction is invoked with an unchanged open state.\nIt is important to pay attention to the value of the nextOpenState parameter and determine\nin your application logic whether you should care about a particular invocation (for instance,\nif the nextOpenState is not the same as the Popover's current state).

\n
Example Controlled Usage
\n
const { PopoverPosition = BlueprintComponent;
 
export class ControlledPopoverExample extends React.Component<{}{isOpenboolean}> {
    public state = {
        isOpen: false
    };
 
    public render() {
        let popoverContent = (
            <div>
                <h5>Popover Title</h5>
                <p>...</p>
                <button class="pt-button pt-popover-dismiss">Close Popover</button>
            </div>
        );
 
        return (
            <Popover content={popoverContent}
                     interactionKind={PopoverInteractionKind.CLICK}
                     isOpen={this.state.isOpen}
                     onInteraction={(state) => this.handleInteraction(state)}
                     position={Position.RIGHT}
                     useSmartPositioning={false}>
                <button className="pt-button pt-intent-primary">Popover Target</button>
            </Popover>
        );
    }
 
    private handleInteraction(nextOpenState: boolean) {
        this.setState({ isOpen: nextOpenState });
    }
}
", + "description": "

If you prefer to have more control over your popover's behavior, you can specify the isOpen\nproperty to use the component in controlled mode. You are now in charge of the component's\nstate.

\n

Providing a non-null value for isOpen disables all automatic interaction and instead invokes\nthe onInteraction callback prop any time the opened state would have changed in response to\nuser interaction under the current interactionKind. As a result, the isDisabled prop is\nincompatible with isOpen, and an error is thrown if both are set.

\n

Note that there are cases where onInteraction is invoked with an unchanged open state.\nIt is important to pay attention to the value of the nextOpenState parameter and determine\nin your application logic whether you should care about a particular invocation (for instance,\nif the nextOpenState is not the same as the Popover's current state).

\n
Example controlled usage
\n
const { PopoverPosition = "@blueprintjs/core";
 
export class ControlledPopoverExample extends React.Component<{}{isOpenboolean}> {
    public state = {
        isOpen: false
    };
 
    public render() {
        let popoverContent = (
            <div>
                <h5>Popover title</h5>
                <p>...</p>
                <button class="pt-button pt-popover-dismiss">Close popover</button>
            </div>
        );
 
        return (
            <Popover content={popoverContent}
                     interactionKind={PopoverInteractionKind.CLICK}
                     isOpen={this.state.isOpen}
                     onInteraction={(state) => this.handleInteraction(state)}
                     position={Position.RIGHT}
                     useSmartPositioning={false}>
                <button className="pt-button pt-intent-primary">Popover target</button>
            </Popover>
        );
    }
 
    private handleInteraction(nextOpenState: boolean) {
        this.setState({ isOpen: nextOpenState });
    }
}
", "modifiers": [], "parameters": [], "reference": "components.popover.js.controlled", @@ -68299,7 +68992,7 @@ }, { "header": "Minimal popovers", - "description": "

You can create a minimal popover with the pt-minimal modifier: popoverClassName="pt-minimal".\nThis removes the arrow from the popover and makes the transitions more subtle.

\n

This minimal style is recommended for popovers that are not triggered by an obvious action like the\nuser clicking or hovering over something. For example, a minimal popover is useful for making\ntypeahead menus where the menu appears almost instantly after the user starts typing.

\n

Minimal popovers are also useful for context menus that require quick enter and leave animations to\nsupport fast workflows. You can see an example in the Context Menus\ndocumentation.

\n", + "description": "

You can create a minimal popover with the pt-minimal modifier: popoverClassName="pt-minimal".\nThis removes the arrow from the popover and makes the transitions more subtle.

\n

This minimal style is recommended for popovers that are not triggered by an obvious action like the\nuser clicking or hovering over something. For example, a minimal popover is useful for making\ntypeahead menus where the menu appears almost instantly after the user starts typing.

\n

Minimal popovers are also useful for context menus that require quick enter and leave animations to\nsupport fast workflows. You can see an example in the context menus\ndocumentation.

\n", "modifiers": [], "parameters": [], "reference": "components.popover.js.minimal", @@ -69237,6 +69930,17 @@ "experimental": false, "depth": 3, "sections": [ + { + "header": "Instance methods", + "description": "
Tree
\n\n\n", + "modifiers": [], + "parameters": [], + "reference": "components.tree.js.instance", + "deprecated": false, + "experimental": false, + "depth": 4, + "sections": [] + }, { "header": "Tree node interface", "description": "

ITreeNode objects determine the contents, appearance, and state of each node in the tree.

\n

For example, iconName controls the icon displayed for the node, and isExpanded determines\nwhether the node's children are shown.

\n\n", @@ -69282,34 +69986,34 @@ ]; /***/ }, -/* 493 */ +/* 495 */ /***/ function(module, exports) { module.exports = [ { "name": "@blueprintjs/core", - "version": "1.9.0" + "version": "1.10.0" }, { "name": "@blueprintjs/datetime", - "version": "1.7.0" + "version": "1.8.0" }, { "name": "@blueprintjs/table", - "version": "1.6.0" + "version": "1.7.0" } ]; /***/ }, -/* 494 */ +/* 496 */ /***/ function(module, exports) { module.exports = [ - "1.9.0" + "1.10.0" ]; /***/ }, -/* 495 */ +/* 497 */ /***/ function(module, exports) { module.exports = [ @@ -70319,6 +71023,14 @@ "type": "\"pt-round\"", "properties": [] }, + { + "documentation": "", + "fileName": "packages/core/dist/common/classes.d.ts", + "name": "TEXT_OVERFLOW_ELLIPSIS", + "tags": {}, + "type": "\"pt-text-overflow-ellipsis\"", + "properties": [] + }, { "documentation": "", "fileName": "packages/core/dist/common/classes.d.ts", @@ -71279,6 +71991,14 @@ "type": "\"pt-tree-root\"", "properties": [] }, + { + "documentation": "", + "fileName": "packages/core/dist/common/classes.d.ts", + "name": "ICON", + "tags": {}, + "type": "\"pt-icon\"", + "properties": [] + }, { "documentation": "", "fileName": "packages/core/dist/common/classes.d.ts", @@ -71478,6 +72198,13 @@ "tags": {}, "type": "\"pt-round\"" }, + { + "documentation": "", + "fileName": "packages/core/dist/common/index.d.ts", + "name": "TEXT_OVERFLOW_ELLIPSIS", + "tags": {}, + "type": "\"pt-text-overflow-ellipsis\"" + }, { "documentation": "", "fileName": "packages/core/dist/common/index.d.ts", @@ -72318,6 +73045,13 @@ "tags": {}, "type": "\"pt-tree-root\"" }, + { + "documentation": "", + "fileName": "packages/core/dist/common/index.d.ts", + "name": "ICON", + "tags": {}, + "type": "\"pt-icon\"" + }, { "documentation": "", "fileName": "packages/core/dist/common/index.d.ts", @@ -72635,6 +73369,16 @@ "IActionProps" ], "properties": [ + { + "documentation": "

If set to true, the button will display in an active state.\nThis is equivalent to setting pt-active via className.

\n", + "fileName": "packages/core/dist/components/button/abstractButton.d.ts", + "name": "active", + "tags": { + "default": "false" + }, + "type": "boolean", + "optional": true + }, { "documentation": "

A ref handler that receives the native HTML element backing this component.

\n", "fileName": "packages/core/dist/components/button/abstractButton.d.ts", @@ -73637,6 +74381,16 @@ "IProps" ], "properties": [ + { + "documentation": "

Whether to allow only floating-point number characters in the field,\nmimicking the native input[type="number"].

\n", + "fileName": "packages/core/dist/components/forms/numericInput.d.ts", + "name": "allowNumericCharactersOnly", + "tags": { + "default": "true" + }, + "type": "boolean", + "optional": true + }, { "documentation": "

The position of the buttons with respect to the input field.

\n", "fileName": "packages/core/dist/components/forms/numericInput.d.ts", @@ -73717,6 +74471,26 @@ "type": "string", "optional": true }, + { + "documentation": "

Whether the entire text field should be selected on focus.

\n", + "fileName": "packages/core/dist/components/forms/numericInput.d.ts", + "name": "selectAllOnFocus", + "tags": { + "default": "false" + }, + "type": "boolean", + "optional": true + }, + { + "documentation": "

Whether the entire text field should be selected on increment.

\n", + "fileName": "packages/core/dist/components/forms/numericInput.d.ts", + "name": "selectAllOnIncrement", + "tags": { + "default": "false" + }, + "type": "boolean", + "optional": true + }, { "documentation": "

The increment between successive values when no modifier keys are held.

\n", "fileName": "packages/core/dist/components/forms/numericInput.d.ts", @@ -74996,6 +75770,14 @@ "type": "React.ReactNode", "optional": true }, + { + "documentation": "", + "fileName": "packages/core/dist/components/tree/treeNode.d.ts", + "name": "contentRef", + "tags": {}, + "type": "(node: TreeNode, element: HTMLDivElement) => void", + "optional": true + }, { "documentation": "", "fileName": "packages/core/dist/components/tree/treeNode.d.ts", @@ -80684,6 +81466,22 @@ "type": "\"pt-daterangepicker\"", "properties": [] }, + { + "documentation": "", + "fileName": "packages/datetime/dist/common/classes.d.ts", + "name": "DATERANGEPICKER_CONTIGUOUS", + "tags": {}, + "type": "\"pt-daterangepicker-contiguous\"", + "properties": [] + }, + { + "documentation": "", + "fileName": "packages/datetime/dist/common/classes.d.ts", + "name": "DATERANGEPICKER_SINGLE_MONTH", + "tags": {}, + "type": "\"pt-daterangepicker-single-month\"", + "properties": [] + }, { "documentation": "", "fileName": "packages/datetime/dist/common/classes.d.ts", @@ -81327,6 +82125,16 @@ "type": "boolean", "optional": true }, + { + "documentation": "

Whether displayed months in the calendar are contiguous.\nIf false, each side of the calendar can move independently to non-contiguous months.

\n", + "fileName": "packages/datetime/dist/dateRangePicker.d.ts", + "name": "contiguousCalendarMonths", + "tags": { + "default": "true" + }, + "type": "boolean", + "optional": true + }, { "documentation": "

Initial DateRange the calendar will display as selected.\nThis should not be set if value is set.

\n", "fileName": "packages/datetime/dist/dateRangePicker.d.ts", @@ -81454,6 +82262,20 @@ "tags": {}, "type": "\"pt-daterangepicker\"" }, + { + "documentation": "", + "fileName": "packages/datetime/dist/index.d.ts", + "name": "DATERANGEPICKER_CONTIGUOUS", + "tags": {}, + "type": "\"pt-daterangepicker-contiguous\"" + }, + { + "documentation": "", + "fileName": "packages/datetime/dist/index.d.ts", + "name": "DATERANGEPICKER_SINGLE_MONTH", + "tags": {}, + "type": "\"pt-daterangepicker-single-month\"" + }, { "documentation": "", "fileName": "packages/datetime/dist/index.d.ts", @@ -81622,22 +82444,6 @@ "type": "() => Element", "properties": [] }, - { - "documentation": "", - "fileName": "packages/table/dist/cell/cell.d.ts", - "name": "CELL_CLASSNAME", - "tags": {}, - "type": "\"bp-table-cell\"", - "properties": [] - }, - { - "documentation": "", - "fileName": "packages/table/dist/cell/cell.d.ts", - "name": "CELL_INTERACTIVE_CLASSNAME", - "tags": {}, - "type": "\"bp-table-cell-interactive\"", - "properties": [] - }, { "documentation": "", "fileName": "packages/table/dist/cell/editableCell.d.ts", diff --git a/package.json b/package.json index 864d168715..b2ce6d0674 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "blueprint", - "version": "1.9.0", + "version": "1.10.0", "private": true, "description": "A React UI toolkit for the web.", "scripts": { diff --git a/packages/core/package.json b/packages/core/package.json index 6e8bf0834b..9f1bdee8b5 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@blueprintjs/core", - "version": "1.9.0", + "version": "1.10.0", "description": "Core styles & components", "main": "dist/index.js", "typings": "dist/index.d.ts", diff --git a/packages/datetime/package.json b/packages/datetime/package.json index 7f7d5f5722..0df037961e 100644 --- a/packages/datetime/package.json +++ b/packages/datetime/package.json @@ -1,6 +1,6 @@ { "name": "@blueprintjs/datetime", - "version": "1.7.0", + "version": "1.8.0", "description": "Components for interacting with dates and times", "main": "dist/index.js", "typings": "dist/index.d.ts", diff --git a/packages/docs/package.json b/packages/docs/package.json index 6c42ab0b5b..79b80c4b3f 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -1,13 +1,13 @@ { "name": "@blueprintjs/docs", - "version": "1.9.0", + "version": "1.10.0", "description": "Blueprint Docs", "main": "dist/index.html", "private": true, "dependencies": { - "@blueprintjs/core": "^1.9.0", - "@blueprintjs/datetime": "^1.7.0", - "@blueprintjs/table": "^1.6.0", + "@blueprintjs/core": "^1.10.0", + "@blueprintjs/datetime": "^1.8.0", + "@blueprintjs/table": "^1.7.0", "chroma-js": "1.1.1", "classnames": "2.2.5", "dom4": "1.8.3", diff --git a/packages/table/package.json b/packages/table/package.json index 3758822571..d32c3f9f00 100644 --- a/packages/table/package.json +++ b/packages/table/package.json @@ -1,6 +1,6 @@ { "name": "@blueprintjs/table", - "version": "1.6.0", + "version": "1.7.0", "description": "Scalable interactive table component", "main": "dist/index.js", "typings": "dist/index.d.ts",