@performant-software/semantic-components 0.5.4 → 0.5.7

package/build/main.css

@@ -2,40 +2,36 @@
   background-color: transparent;
   display: inline-block;
 }
-
 .nested-accordion .ui.icon.button.accordion-button.hidden i {
   visibility: hidden;
 }
-
 .nested-accordion .ui.icon.button.inverted.accordion-button {
   box-shadow: none !important;
   color: #fff;
 }
-
+.nested-accordion.ui.styled.accordion .title {
+  color: rgba(0, 0, 0, 0.6);
+}
 .nested-accordion .title > .container {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
-
 .nested-accordion .title > .container > div:first-child {
   flex-grow: 1;
   white-space: nowrap;
 }
-
 .nested-accordion .title > .container > div:first-child > .item-container {
   display: inline-block;
   width: 100%;
 }
-
 .nested-accordion .title > .container > .right-container {
   margin-left: 1em;
   text-align: right;
   display: flex;
   align-items: center;
 }
-
 .nested-accordion .title > .container > .right-container > .row-select-checkbox {
   margin-left: 1.5em;
 }
@@ -49,6 +45,7 @@
   width: 30%;
   z-index: 999;
 }
+
 .dropdown-button.ui.buttons {
   font-size: unset;
 }
@@ -57,14 +54,13 @@
   margin-left: 4px;
   margin-top: -2px;
 }
-
 .ui.form .fields .wide.field.inline-dropdown {
   margin-right: 25px;
 }
+
 .header .flex-end-menu {
   justify-content: flex-end;
 }
-
 .header .list-header-menu,
 .header .per-page-menu {
   flex-shrink: 0;
@@ -74,7 +70,6 @@
   margin-bottom: 1em;
   margin-top: 1em;
 }
-
 .accordion-data-list .ui.styled.accordion div[index="0"] .title {
   border-top: none;
 }
@@ -82,92 +77,84 @@
 .accordion-list .accordion-header {
   text-align: right;
 }
-
 .accordion-list .accordion-header .add-button {
   margin-left: 5px;
 }
-
 .accordion-list .accordion-header .input.search {
   display: inline-block;
 }
-
 .accordion-list p.record-count {
   text-align: right;
   margin-top: 10px;
 }
-
 .accordion-list .footer {
   margin-top: 15px;
 }
-
 .accordion-list .sub-header {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  padding: .75em 1em;
+  padding: 0.75em 1em;
 }
 
 .selectize-header .ui.button.selected {
   margin: 3px;
 }
+
 .accordion-selector .ui.button.add-button {
   margin-left: 10px;
 }
+
 .arrow-buttons {
   padding-left: 5px;
   padding-right: 15px;
 }
+
 .association-dropdown {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   width: 100%;
 }
-
 .association-dropdown .buttons {
   width: 40%;
   display: flex;
   flex-wrap: wrap;
 }
-
 .association-dropdown .dropdown-container {
   width: 60%;
 }
-
 .association-dropdown .inline-dropdown {
   width: 100%;
 }
-
 .association-dropdown .ui.search.selection.dropdown > input.search {
   width: 100%;
 }
-
 .association-dropdown div[role="listbox"] div[role="option"] span.text {
   display: block;
 }
-
-.association-dropdown div[role="alert"]  {
+.association-dropdown div[role="alert"] {
   max-width: 100%;
 }
-
 .ui.form.field .ui.input .association-dropdown input.dropdown-search-input {
   width: 100%;
 }
-
 .ui.form .wide.field .ui.input .association-dropdown input.dropdown-search-input {
   width: 100%;
 }
-
 .ui.dropdown:not(.button) > .default.text {
   color: rgba(95, 95, 95, 0.86);
 }
+
 .color-button.ui.button {
   border: 1px solid rgba(34, 36, 38, 0.15);
   vertical-align: middle;
 }
+
 .color-picker-modal.ui.modal {
   width: auto;
 }
+
 .column-resize {
   position: absolute;
   top: 0;
@@ -177,10 +164,10 @@
   width: 5px;
   padding: 5px;
 }
+
 .data-table-column-selector .configure-button.ui.icon.button > .icon {
   vertical-align: middle;
 }
-
 .data-table-column-selector .ui.dropdown.open-right > .menu {
   top: 100%;
   bottom: auto;
@@ -192,149 +179,134 @@
   white-space: nowrap;
   width: 1px;
 }
-
 .data-table .empty-button {
   display: inline;
   margin-left: 5px;
   margin-right: 4px;
 }
-
 .data-table .empty-container {
   font-size: 1.1em;
   padding: 15px;
 }
-
 .data-table .expandable {
   cursor: pointer;
 }
-
 .data-table .expanded-panel {
   display: table-row;
 }
-
 .data-table .footer {
   margin-top: 10px;
 }
-
 .data-table .header {
   margin-bottom: 10px;
 }
-
 .data-table .hidden {
   display: none;
 }
-
 .data-table.ui.celled.table tr th {
   position: relative;
 }
-
 .data-table.ui.celled.table tr td.actions-cell {
   white-space: nowrap;
 }
+
 .data-view-modal.ui.form .field span.label {
   display: block;
   font-weight: bold;
 }
 
+.list-table .table-container {
+  margin-top: 20px;
+}
+
 .date-input.ui.icon.input > i.icon.right {
   cursor: pointer;
   pointer-events: inherit;
   left: auto;
   right: 1px;
 }
+
 div.react-calendar {
   margin-top: 3em;
   background: #fff;
-  color: rgba(0,0,0,.6)!important;
+  color: rgba(0, 0, 0, 0.6) !important;
   border: none;
-  border-radius: .28571429rem;
+  border-radius: 0.28571429rem;
   text-transform: none;
   text-shadow: none;
-  box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
-  padding: .58928571em .58928571em .58928571em;
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+  padding: 0.58928571em 0.58928571em 0.58928571em;
 }
-
 .react-calendar,
 .react-calendar button {
   font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
 }
-
 .react-calendar button {
   background: transparent none;
-  color: rgba(0,0,0,.87);
+  color: rgba(0, 0, 0, 0.87);
   font-weight: 400;
-  border-radius: .28571429rem;
+  border-radius: 0.28571429rem;
   text-transform: none;
   text-shadow: none;
 }
-
 .react-calendar button:focus,
 .react-calendar .react-calendar__navigation button:enabled:focus {
   background: transparent none;
 }
-
 .react-calendar button:enabled:hover,
 .react-calendar .react-calendar__navigation button:enabled:hover {
   background: #fff;
-  color: rgba(0,0,0,.6);
+  color: rgba(0, 0, 0, 0.6);
 }
-
 .react-calendar .react-calendar__month-view__days__day--neighboringMonth {
-  color: rgba(0,0,0,.4);
+  color: rgba(0, 0, 0, 0.54);
 }
-
 .react-calendar abbr[title] {
   text-decoration: none;
 }
-
 .react-calendar .react-calendar__tile--now {
   background-color: #fbbd08;
-  color: #fff;
+  color: #000000;
 }
-
 .react-calendar .react-calendar__tile--now:enabled:hover {
   background-color: #eaae00;
   color: #fff;
 }
-
 .react-calendar .react-calendar__month-view__days__day--weekend {
   color: #db2828;
 }
-
 .react-calendar .react-calendar__month-view__days__day--weekend:enabled:hover {
   color: #d01919;
 }
-
 .react-calendar .react-calendar__tile--active {
-  background-color: #2185d0;
+  background-color: #1d77bb;
   color: #fff;
 }
-
 .react-calendar .react-calendar__tile--active:enabled:hover {
   background-color: #1678c2;
   color: #fff;
 }
+
 .edit-page .button-container {
   text-align: right;
 }
-
-.edit-page .ui.menu:not(.vertical) .item>.button {
+.edit-page .ui.menu:not(.vertical) .item > .button {
   margin-right: 0.25em;
 }
-.embedded-list {
-   width: 100%;
- }
 
+.embedded-list {
+  width: 100%;
+}
 .embedded-list .list-buttons {
   margin-top: 10px;
 }
+
 .file-upload {
   margin-top: 10px;
 }
-
 .file-upload .file-dropzone {
   align-items: center;
-  border: 2px dashed rgb(187, 186, 186);
+  border: 2px dashed #bbbaba;
   cursor: pointer;
   display: flex;
   font-size: 16px;
@@ -343,30 +315,27 @@ div.react-calendar {
   padding: 15px;
   text-align: center;
 }
-
 .file-upload .file-dropzone .icon {
-  color: #2185D0;
+  color: #1d77bb;
 }
-
 .file-upload .file-dropzone-text {
   padding: 10px;
 }
-
 .file-upload .file-dropzone-text .link-text {
-  color: #2185D0;
+  color: #1d77bb;
 }
-
 .file-upload .file-input {
   display: none;
 }
+
 .fuzzy-date-modal .accuracy-container .ui.radio.checkbox {
   padding-right: 10px;
 }
-
 .fuzzy-date-modal .button-container {
   margin-left: 8px;
   margin-top: 23px;
 }
+
 .horizontal-cards .ui.cards {
   display: flex;
   flex-direction: row;
@@ -375,21 +344,17 @@ div.react-calendar {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
 }
-
 .horizontal-cards .ui.cards::-webkit-scrollbar {
   width: 0 !important;
   display: none;
 }
-
 .horizontal-cards .ui.cards > .card > .content {
   flex-grow: 0;
 }
-
 .horizontal-cards .ui.cards > .card > .content > .header {
   margin-bottom: 0;
   margin-top: 0;
 }
-
 .horizontal-cards .ui.cards > .card > .content.more {
   display: flex;
   flex-direction: column;
@@ -397,39 +362,28 @@ div.react-calendar {
   justify-content: center;
   align-items: center;
 }
-
 .horizontal-cards .ui.cards > .card > .content.more > .header {
   margin-top: 0.5em;
 }
-
 .horizontal-cards .button-container {
   margin-top: 0.5em;
 }
-
 .horizontal-cards .button-container .pagination {
-  float: right
+  float: right;
 }
-
 .horizontal-cards .clearFloat {
   clear: both;
 }
-
 .horizontal-cards .ui.cards > .card > .image-placeholder {
-  aspect-ratio: 1 / 1;
+  aspect-ratio: 1;
 }
 
 .item-list {
   margin: 1em 0em 1em 0em;
 }
-
 .item-list .ui.icon.header {
   display: block;
 }
-
-.item-list .empty-list {
-  opacity: 0.8;
-}
-
 .item-list .ui.items > .item > .checkbox-container {
   display: flex;
   align-items: center;
@@ -450,32 +404,31 @@ div.react-calendar {
   margin: 0em 0em 0.28571429rem 0em;
   padding: 0;
 }
+
 .link-label + .link-button.ui.button.basic.compact {
   float: right;
   padding-right: 15px;
 }
-
 .ui.form .field > label.link-label {
   display: inline-block;
 }
+
 .field.keyboard-field .hg-candidate-box {
-    top: 56px;
-    left: 4px;
+  top: 56px;
+  left: 4px;
 }
+
 .lazy-document.ui.segment {
   padding: 0;
 }
-
 .lazy-document.ui.segment .buttons {
   display: flex;
   flex-direction: column;
 }
-
 .lazy-document.ui.segment .buttons .ui.button {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-
 .lazy-document .placeholder-image.ui.image {
   background-color: #f9fafb;
   box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
@@ -483,23 +436,22 @@ div.react-calendar {
   padding-bottom: 20%;
   text-align: center;
 }
+
 .photo-viewer {
   padding: 30px;
 }
+
 .lazy-image.ui.segment {
   padding: 0;
 }
-
 .lazy-image.ui.segment .buttons {
   display: flex;
   flex-direction: column;
 }
-
 .lazy-image.ui.segment .buttons .ui.button {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-
 .lazy-image .placeholder-image.ui.image {
   background-color: #f9fafb;
   box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
@@ -507,23 +459,22 @@ div.react-calendar {
   padding-bottom: 20%;
   text-align: center;
 }
+
 .video-player video {
   width: 100%;
 }
+
 .lazy-video.ui.segment {
   padding: 0;
 }
-
 .lazy-video.ui.segment .buttons {
   display: flex;
   flex-direction: column;
 }
-
 .lazy-video.ui.segment .buttons .ui.button {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-
 .lazy-video .placeholder-image.ui.image {
   background-color: #f9fafb;
   box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
@@ -531,6 +482,7 @@ div.react-calendar {
   padding-bottom: 20%;
   text-align: center;
 }
+
 .listLoader.ui.segment {
   position: absolute;
   top: 50%;
@@ -540,60 +492,49 @@ div.react-calendar {
   z-index: 999;
 }
 
-.list-table .table-container {
-  margin-top: 20px;
-}
 .login-modal .ui.grid > .column > .row {
   margin: 15px 150px 0px 150px;
 }
-
 .login-modal .ui.input.form-field {
   display: block;
 }
+
 .masonryGrid {
   display: flex;
 }
-
 .masonryGrid > .column {
-  flex: 1
+  flex: 1;
 }
-
 .masonryGrid > .column > .itemContainer {
   display: flex;
   justify-content: center;
   align-items: center;
   background: #efefef;
 }
-
 .masonryGrid .placeholderWrapper {
   height: 100%;
 }
-
 .masonryGrid > .column > .itemContainer > .item {
   position: relative;
   width: 100%;
   z-index: 500;
 }
-
 .masonryGrid > .column > .itemContainer > .item .favoriteContainer {
   position: absolute;
   bottom: 1em;
   right: 1em;
   z-index: 600;
 }
-
 .masonryGrid > .column > .itemContainer > .item .extraContainer {
   position: absolute;
   bottom: 1em;
   left: 1em;
 }
-
 .masonryGrid > .column > .itemContainer > .item .image {
   height: 100%;
   object-fit: cover;
   width: 100%;
 }
-
 .masonryGrid > .column > .itemContainer > .item .ui.transition {
   display: flex !important;
   z-index: 500;
@@ -611,7 +552,6 @@ div.react-calendar {
   width: 100%;
   z-index: 2;
 }
-
 .video-player-button > div:first-child {
   align-items: center;
   display: flex;
@@ -620,38 +560,30 @@ div.react-calendar {
   width: 100%;
 }
 
-
 .mediaGallery.ui.page.dimmer {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-
 .mediaGallery.ui.page.dimmer .imageContainer {
   position: relative;
   flex-grow: 1;
 }
-
 .mediaGallery.ui.page.dimmer .controls {
   position: absolute;
 }
-
 .mediaGallery.ui.page.dimmer .left {
   left: 1em;
 }
-
 .mediaGallery.ui.page.dimmer .right {
   right: 1em;
 }
-
 .mediaGallery.ui.page.dimmer .top {
   top: 1em;
 }
-
 .mediaGallery.ui.page.dimmer .middle {
   top: 50%;
 }
-
 .mediaGallery.ui.page.transition > .content {
   display: flex;
   flex-direction: column;
@@ -662,21 +594,18 @@ div.react-calendar {
 .mediaGrid {
   position: relative;
 }
-
 .mediaGrid .grid1 {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-gap: 10px;
   width: 100%;
 }
-
 .mediaGrid .grid2 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 10px;
   width: 100%;
 }
-
 .mediaGrid .grid3 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -684,16 +613,13 @@ div.react-calendar {
   grid-gap: 10px;
   width: 100%;
 }
-
 .mediaGrid .grid3 .mediaImage:first-child {
   grid-column: span 2;
   grid-row: span 2;
 }
-
 .mediaGrid .grid3 .mediaImage {
   grid-column: span 2;
 }
-
 .mediaGrid .grid4 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -701,32 +627,26 @@ div.react-calendar {
   grid-gap: 10px;
   width: 100%;
 }
-
 .mediaGrid .grid4 .mediaImage:first-child {
   grid-column: span 2;
   grid-row: span 2;
 }
-
 .mediaGrid .grid4 .mediaImage:nth-child(4) {
   grid-column: span 2;
 }
-
 .mediaGrid .grid5 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 10px;
   width: 100%;
 }
-
 .mediaGrid .grid5 .mediaImage:first-child {
   grid-column: span 2;
   grid-row: span 2;
 }
-
 .mediaGrid .mediaImage {
   position: relative;
 }
-
 .mediaGrid .mediaImage div {
   height: 100%;
   width: 100%;
@@ -739,53 +659,50 @@ div.react-calendar {
 .modal-dropdown {
   width: 90%;
 }
-
 .modal-dropdown .buttons {
-  width: 10%
+  width: 10%;
 }
-
 .modal-dropdown.ui.search.selection.dropdown > input.search {
   width: 100%;
 }
+
 .remote-dropdown .extra-option {
   opacity: 0.5;
 }
-
 .ui.remote-dropdown .menu .item {
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-end;
 }
-
 .ui.remote-dropdown .menu .item .description {
   justify-self: flex-start;
 }
+
 .selectize .add-button.ui.button {
   margin-left: 10px;
 }
-
 .selectize .ui.primary.button.button-selected {
   margin: 5px;
 }
-
 .selectize .empty {
   opacity: 0.87;
 }
+
 .tabbed-modal.ui .modal-header .ui.menu {
   max-width: 100%;
   overflow: auto;
   padding: 5px 0px 5px 0px;
 }
-
 .tabbed-modal.ui .modal-header.inline-header .ui.menu {
   display: inline-flex;
   margin-left: 30px;
 }
-
 .tabbed-modal.ui .modal-header.inline-header .ui.header {
   display: inline;
 }
 
+
 .video-frame-selector video {
   width: 100%;
 }
+