gnui 1.2.20 → 1.2.21

package/styleguide/assets/styles/default.css

@@ -530,6 +530,14 @@ table th{
   justify-content:space-between !important;
 }
 
+.is-text-link{
+  color:hsl(217, 71%, 53%) !important;
+}
+.is-text-link:hover{
+  text-decoration:underline;
+  cursor:pointer;
+}
+
 .has-text-ellipsis{
   white-space:nowrap;
   overflow:hidden;
@@ -4279,6 +4287,9 @@ span.gn-highlight{
 .gn-checks.is-no-padding{
   padding:0;
 }
+.gn-checks.is-no-padding > input[type=checkbox] + label{
+  padding:0;
+}
 .gn-checks.is-disabled{
   cursor:not-allowed;
 }
@@ -5604,6 +5615,54 @@ span.gn-highlight{
   flex-shrink:0;
   text-align:right;
 }
+.gn-field > .gn-label.is-1{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-1 + .gn-control{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-2{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-2 + .gn-control{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-3{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-3 + .gn-control{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-4{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-4 + .gn-control{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-5{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-5 + .gn-control{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-6{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-6 + .gn-control{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-7{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-7 + .gn-control{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-8{
+  flex-grow:8;
+}
+.gn-field > .gn-label.is-8 + .gn-control{
+  flex-grow:0;
+}
 .gn-field > .gn-control{
   flex:5 1 0px;
   flex-basis:0;
@@ -9444,6 +9503,91 @@ span.gn-highlight{
 .gn-datagrid.is-headless .gn-datagrid-body-row:first-child{
   border-top:0;
 }
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row{
+  border-top:0;
+  border-bottom:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-row.is-horizontal{
+  grid-template-columns:1fr !important;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell.is-horizontal{
+  display:flex;
+  align-items:center;
+  justify-content:flex-start;
+  min-height:2.5rem;
+  border-right:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .gn-datagrid-cell,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-sortDir,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-handle{
+  display:none;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body{
+  display:grid;
+  gap:0;
+  align-items:start;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row{
+  display:block;
+  box-sizing:border-box;
+  border-top:0;
+  border-right:1px solid hsl(0, 0%, 86%);
+  border-bottom:1px solid hsl(0, 0%, 86%);
+  border-left:0;
+  overflow:hidden;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-col{
+  border-left:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  min-height:calc(20px + 1.1rem);
+  padding:0.55rem;
+  border-bottom:1px solid rgba(219.3, 219.3, 219.3, 0.45);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-left,
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-right{
+  display:flex;
+  align-items:center;
+  gap:0.5rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-nodata{
+  grid-column:1/-1;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-cell{
+  display:flex;
+  flex-direction:column;
+  gap:0.25rem;
+  padding:0.55rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-cell-label{
+  color:hsl(0, 0%, 21%);
+  font-size:0.875em;
+  font-weight:600;
+}
+.gn-datagrid.is-horizontal .btn-container{
+  min-height:3rem;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-body-row{
+  border:1px solid hsl(0, 0%, 86%);
+}
 .gn-datagrid .gn-datagrid-header-cell{
   border-right:1px solid hsl(0, 0%, 86%);
   padding:0.55rem;

package/styleguide/assets/styles/gpi.css

@@ -561,6 +561,14 @@ table th{
   justify-content:space-between !important;
 }
 
+.is-text-link{
+  color:#2fb2ff !important;
+}
+.is-text-link:hover{
+  text-decoration:underline;
+  cursor:pointer;
+}
+
 .has-text-ellipsis{
   white-space:nowrap;
   overflow:hidden;
@@ -4310,6 +4318,9 @@ span.gn-highlight{
 .gn-checks.is-no-padding{
   padding:0;
 }
+.gn-checks.is-no-padding > input[type=checkbox] + label{
+  padding:0;
+}
 .gn-checks.is-disabled{
   cursor:not-allowed;
 }
@@ -5635,6 +5646,54 @@ span.gn-highlight{
   flex-shrink:0;
   text-align:right;
 }
+.gn-field > .gn-label.is-1{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-1 + .gn-control{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-2{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-2 + .gn-control{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-3{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-3 + .gn-control{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-4{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-4 + .gn-control{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-5{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-5 + .gn-control{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-6{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-6 + .gn-control{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-7{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-7 + .gn-control{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-8{
+  flex-grow:8;
+}
+.gn-field > .gn-label.is-8 + .gn-control{
+  flex-grow:0;
+}
 .gn-field > .gn-control{
   flex:5 1 0px;
   flex-basis:0;
@@ -9475,6 +9534,91 @@ span.gn-highlight{
 .gn-datagrid.is-headless .gn-datagrid-body-row:first-child{
   border-top:0;
 }
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row{
+  border-top:0;
+  border-bottom:1px solid #111111;
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:1px solid #111111;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-row.is-horizontal{
+  grid-template-columns:1fr !important;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell.is-horizontal{
+  display:flex;
+  align-items:center;
+  justify-content:flex-start;
+  min-height:2.5rem;
+  border-right:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .gn-datagrid-cell,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-sortDir,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-handle{
+  display:none;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body{
+  display:grid;
+  gap:0;
+  align-items:start;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row{
+  display:block;
+  box-sizing:border-box;
+  border-top:0;
+  border-right:1px solid #111111;
+  border-bottom:1px solid #111111;
+  border-left:0;
+  overflow:hidden;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-col{
+  border-left:1px solid #111111;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  min-height:calc(20px + 1.1rem);
+  padding:0.55rem;
+  border-bottom:1px solid rgba(17, 17, 17, 0.45);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-left,
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-right{
+  display:flex;
+  align-items:center;
+  gap:0.5rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-nodata{
+  grid-column:1/-1;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-cell{
+  display:flex;
+  flex-direction:column;
+  gap:0.25rem;
+  padding:0.55rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-cell-label{
+  color:hsl(0, 0%, 93%);
+  font-size:0.875em;
+  font-weight:600;
+}
+.gn-datagrid.is-horizontal .btn-container{
+  min-height:3rem;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-body-row{
+  border:1px solid #111111;
+}
 .gn-datagrid .gn-datagrid-header-cell{
   border-right:1px solid #111111;
   padding:0.55rem;

package/styleguide/assets/styles/green24.css

@@ -586,6 +586,14 @@ table th{
   justify-content:space-between !important;
 }
 
+.is-text-link{
+  color:hsl(217, 71%, 53%) !important;
+}
+.is-text-link:hover{
+  text-decoration:underline;
+  cursor:pointer;
+}
+
 .has-text-ellipsis{
   white-space:nowrap;
   overflow:hidden;
@@ -4565,6 +4573,9 @@ span.gn-highlight{
 .gn-checks.is-no-padding{
   padding:0;
 }
+.gn-checks.is-no-padding > input[type=checkbox] + label{
+  padding:0;
+}
 .gn-checks.is-disabled{
   cursor:not-allowed;
 }
@@ -5970,6 +5981,54 @@ span.gn-highlight{
   flex-shrink:0;
   text-align:right;
 }
+.gn-field > .gn-label.is-1{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-1 + .gn-control{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-2{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-2 + .gn-control{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-3{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-3 + .gn-control{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-4{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-4 + .gn-control{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-5{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-5 + .gn-control{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-6{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-6 + .gn-control{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-7{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-7 + .gn-control{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-8{
+  flex-grow:8;
+}
+.gn-field > .gn-label.is-8 + .gn-control{
+  flex-grow:0;
+}
 .gn-field > .gn-control{
   flex:5 1 0px;
   flex-basis:0;
@@ -7229,7 +7288,7 @@ span.gn-highlight{
   box-shadow:0 0 0 0.1em rgba(241.077, 70.023, 104.2338, 0.7);
 }
 .gn-multitext .gn-tab{
-  margin-bottom:2px;
+  margin-bottom:0;
 }
 .gn-multitext .gn-tab a{
   padding:calc(0.5em - 1px) calc(0.75em - 1px);
@@ -10058,6 +10117,91 @@ span.gn-highlight{
 .gn-datagrid.is-headless .gn-datagrid-body-row:first-child{
   border-top:0;
 }
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row{
+  border-top:0;
+  border-bottom:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-row.is-horizontal{
+  grid-template-columns:1fr !important;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell.is-horizontal{
+  display:flex;
+  align-items:center;
+  justify-content:flex-start;
+  min-height:2.5rem;
+  border-right:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .gn-datagrid-cell,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-sortDir,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-handle{
+  display:none;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body{
+  display:grid;
+  gap:0;
+  align-items:start;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row{
+  display:block;
+  box-sizing:border-box;
+  border-top:0;
+  border-right:1px solid hsl(0, 0%, 86%);
+  border-bottom:1px solid hsl(0, 0%, 86%);
+  border-left:0;
+  overflow:hidden;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-col{
+  border-left:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  min-height:calc(20px + 1.1rem);
+  padding:0.55rem;
+  border-bottom:1px solid rgba(219.3, 219.3, 219.3, 0.45);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-left,
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-right{
+  display:flex;
+  align-items:center;
+  gap:0.5rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-nodata{
+  grid-column:1/-1;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-cell{
+  display:flex;
+  flex-direction:column;
+  gap:0.25rem;
+  padding:0.55rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-cell-label{
+  color:hsl(0, 0%, 21%);
+  font-size:0.875em;
+  font-weight:600;
+}
+.gn-datagrid.is-horizontal .btn-container{
+  min-height:3rem;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-body-row{
+  border:1px solid hsl(0, 0%, 86%);
+}
 .gn-datagrid .gn-datagrid-header-cell{
   border-right:1px solid hsl(0, 0%, 86%);
   padding:0.55rem;

package/styleguide/assets/styles/insights.css

@@ -530,6 +530,14 @@ table th{
   justify-content:space-between !important;
 }
 
+.is-text-link{
+  color:hsl(217, 71%, 53%) !important;
+}
+.is-text-link:hover{
+  text-decoration:underline;
+  cursor:pointer;
+}
+
 .has-text-ellipsis{
   white-space:nowrap;
   overflow:hidden;
@@ -4279,6 +4287,9 @@ span.gn-highlight{
 .gn-checks.is-no-padding{
   padding:0;
 }
+.gn-checks.is-no-padding > input[type=checkbox] + label{
+  padding:0;
+}
 .gn-checks.is-disabled{
   cursor:not-allowed;
 }
@@ -5604,6 +5615,54 @@ span.gn-highlight{
   flex-shrink:0;
   text-align:right;
 }
+.gn-field > .gn-label.is-1{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-1 + .gn-control{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-2{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-2 + .gn-control{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-3{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-3 + .gn-control{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-4{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-4 + .gn-control{
+  flex-grow:4;
+}
+.gn-field > .gn-label.is-5{
+  flex-grow:5;
+}
+.gn-field > .gn-label.is-5 + .gn-control{
+  flex-grow:3;
+}
+.gn-field > .gn-label.is-6{
+  flex-grow:6;
+}
+.gn-field > .gn-label.is-6 + .gn-control{
+  flex-grow:2;
+}
+.gn-field > .gn-label.is-7{
+  flex-grow:7;
+}
+.gn-field > .gn-label.is-7 + .gn-control{
+  flex-grow:1;
+}
+.gn-field > .gn-label.is-8{
+  flex-grow:8;
+}
+.gn-field > .gn-label.is-8 + .gn-control{
+  flex-grow:0;
+}
 .gn-field > .gn-control{
   flex:5 1 0px;
   flex-basis:0;
@@ -9444,6 +9503,91 @@ span.gn-highlight{
 .gn-datagrid.is-headless .gn-datagrid-body-row:first-child{
   border-top:0;
 }
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row{
+  border-top:0;
+  border-bottom:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal.is-headless .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-row.is-horizontal{
+  grid-template-columns:1fr !important;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell.is-horizontal{
+  display:flex;
+  align-items:center;
+  justify-content:flex-start;
+  min-height:2.5rem;
+  border-right:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .gn-datagrid-cell,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-sortDir,
+.gn-datagrid.is-horizontal .gn-datagrid-header-cell .is-handle{
+  display:none;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body{
+  display:grid;
+  gap:0;
+  align-items:start;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row{
+  display:block;
+  box-sizing:border-box;
+  border-top:0;
+  border-right:1px solid hsl(0, 0%, 86%);
+  border-bottom:1px solid hsl(0, 0%, 86%);
+  border-left:0;
+  overflow:hidden;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-col{
+  border-left:1px solid hsl(0, 0%, 86%);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-horizontal-first-row{
+  border-top:0;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  min-height:calc(20px + 1.1rem);
+  padding:0.55rem;
+  border-bottom:1px solid rgba(219.3, 219.3, 219.3, 0.45);
+}
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-left,
+.gn-datagrid.is-horizontal .gn-datagrid-card-header-right{
+  display:flex;
+  align-items:center;
+  gap:0.5rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-row.is-nodata{
+  grid-column:1/-1;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-body-cell{
+  display:flex;
+  flex-direction:column;
+  gap:0.25rem;
+  padding:0.55rem;
+}
+.gn-datagrid.is-horizontal .gn-datagrid-cell-label{
+  color:hsl(0, 0%, 21%);
+  font-size:0.875em;
+  font-weight:600;
+}
+.gn-datagrid.is-horizontal .btn-container{
+  min-height:3rem;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-contents{
+  border:0;
+}
+.gn-datagrid.is-horizontal.has-horizontal-gap .gn-datagrid-body-row{
+  border:1px solid hsl(0, 0%, 86%);
+}
 .gn-datagrid .gn-datagrid-header-cell{
   border-right:1px solid hsl(0, 0%, 86%);
   padding:0.55rem;