invenio-app-rdm 8.0.0.dev9__py2.py3-none-any.whl → 14.0.0b4.dev4__py2.py3-none-any.whl

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/accordion.overrides

@@ -0,0 +1,161 @@
+.ui.accordion .active.title .icon:not(.button),
+.ui.accordion .accordion .active.title .icon:not(.button) {
+  &.tab-menu-accordion {
+    transform: none;
+  }
+
+  transform: @activeIconTransform;
+}
+
+.ui.accordion .title .icon,
+.ui.accordion .accordion .title .icon {
+  transition: @iconTransition;
+  width: auto;
+  height: auto;
+}
+
+/* use these classes to change accordion title when up/down */
+div.affiliations.accordion div.title.active span.up,
+div.affiliations.accordion div.title.active button.up {
+  display: none;
+}
+
+div.affiliations.accordion div.title.active span.down,
+div.affiliations.accordion div.title.active button.down {
+  display: inline-grid;
+}
+
+div.affiliations.accordion div.title span.up,
+div.affiliations.accordion div.title button.up {
+  display: inline-grid;
+}
+
+div.affiliations.accordion div.title span.down,
+div.affiliations.accordion div.title button.down {
+  display: none;
+}
+
+
+.ui.accordion {
+  &.invenio-accordion-field {
+    margin-bottom: 2rem;
+
+    .title:not(.ui) {
+      background-color: @brandColor;
+      color: @white;
+      padding: 1em;
+      font-size: 1rem;
+      border-radius: @defaultBorderRadius;
+      margin-bottom: 1rem;
+
+      .icon {
+        float: right;
+        font-size: 1.5em;
+      }
+    }
+
+    &.error {
+      .title {
+        background-color: @red !important;
+      }
+
+      &.secondary.inverted {
+        .title {
+          background: @secondaryInvertedRedBackground !important;
+          color: @secondaryInvertedColor !important;
+        }
+
+      }
+    }
+  }
+
+  &.creatibutors {
+    .title {
+      cursor: default;
+    }
+  }
+
+  &.panel {
+    border-radius: @defaultBorderRadius;
+    border: 1px solid @borderColor;
+
+    &.restricted {
+      border-color: @restricted-components-border-color !important;
+    }
+
+    &.embargoed {
+      border-color: @embargoed-components-border-color !important;
+    }
+  }
+
+  .content {
+    &.preview-container {
+
+      &.restricted {
+        background-color: @negativeBackgroundColor;
+        border-bottom-left-radius: @defaultBorderRadius;
+        border-bottom-right-radius: @defaultBorderRadius;
+      }
+
+      &.embargoed {
+        background-color: @warningBackgroundColor;
+        border-bottom-left-radius: @defaultBorderRadius;
+        border-bottom-right-radius: @defaultBorderRadius;
+      }
+    }
+  }
+
+  .title:not(.ui).panel-heading {
+    border-radius: @defaultBorderRadius;
+    background-color: @mutedAccordionHeaderColor;
+    color: @primaryColor !important;
+    padding: @cellVerticalPadding @cellHorizontalPadding; // matching SUI's padding on <td> elements
+
+    &.active {
+      border-radius: @defaultBorderRadius @defaultBorderRadius 0 0;
+      border-bottom: 1px solid @borderColor;
+    }
+
+    a {
+      text-decoration: none;
+    }
+
+    i {
+      &.angle {
+        float: right !important;
+      }
+    }
+
+    &.restricted {
+      background-color: @restricted-components-background-color;
+      border-color: @restricted-components-border-color !important;
+    }
+
+    &.embargoed {
+      background-color: @embargoed-components-background-color;
+      border-color: @embargoed-components-border-color !important;
+    }
+  }
+
+  &.affiliations {
+    padding-bottom: 1.5rem;
+
+    .title {
+      cursor: default;
+    }
+
+    .content {
+      margin-top: 1rem;
+
+      ul {
+        list-style-type: none;
+        background-color: lighten(@borderColor, 72%);
+        color: @textMutedColorDarken;
+        font-size: @font-size-small;
+        padding: 1rem 1.5rem;
+        margin: 0;
+      }
+    }
+  }
+
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/accordion.variables

@@ -0,0 +1,9 @@
+@secondaryInvertedRedLightness: 0.1;
+@secondaryInvertedRedBackground:
+  lighten(@red, (@secondaryInvertedRedLightness * 100))
+  linear-gradient(
+    rgba(255, 255, 255, @secondaryInvertedRedLightness) 0%,
+    rgba(255, 255, 255, @secondaryInvertedRedLightness) 100%
+  )
+;
+@secondaryInvertedColor: @invertedMutedTextColor;

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/checkbox.overrides

@@ -1,5 +1,3 @@
-/*******************************
-         Site Overrides
-*******************************/
-
-@import "@less/invenio_theme/theme/modules/checkbox.overrides";
+/***********************************************
+    Invenio App RDM Checkbox Overrides
+***********************************************/

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/checkbox.variables

@@ -1,5 +1,3 @@
-/*******************************
-    User Variable Overrides
-*******************************/
-
-@import "@less/invenio_theme/theme/modules/checkbox.variables";
+/***********************************************
+    Invenio App RDM Checkbox Variables
+***********************************************/

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/dropdown.overrides

@@ -1,15 +1,12 @@
-/*******************************
-         Site Overrides
-*******************************/
-
-@import "@less/invenio_theme/theme/modules/dropdown.overrides";
+/***********************************************
+    Invenio App RDM Dropdown Overrides
+***********************************************/
 
 /* Dropdown Carets */
 @font-face {
   font-family: 'Dropdown';
-  src:
-    url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff')
-  ;
+  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff')
+;
   font-weight: normal;
   font-style: normal;
 }
@@ -28,23 +25,24 @@
 .ui.dropdown > .dropdown.icon {
   width: auto;
 }
+
 .ui.dropdown > .dropdown.icon:before {
   content: '\f0d7';
 }
 
 /* Sub Menu */
 .ui.dropdown .menu .item .dropdown.icon:before {
-  content: '\f0da'/*rtl:'\f0d9'*/;
+  content: '\f0da' /*rtl:'\f0d9'*/;
 }
 
 .ui.dropdown .item .left.dropdown.icon:before,
 .ui.dropdown .left.menu .item .dropdown.icon:before {
-  content: "\f0d9"/*rtl:"\f0da"*/;
+  content: "\f0d9" /*rtl:"\f0da"*/;
 }
 
 /* Vertical Menu Dropdown */
 .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
-  content: "\f0da"/*rtl:"\f0d9"*/;
+  content: "\f0da" /*rtl:"\f0d9"*/;
 }
 
 .ui.dropdown > .clear.icon:before {
@@ -62,4 +60,110 @@
   .dropdown.left:before { content: "\f0d9"; }
   .dropdown.right:before { content: "\f0da"; }
   .dropdown.close:before { content: "\f00d"; }
-*/
+*/
+
+.ui.dropdown.citation-dropdown {
+  min-width: 10em;
+}
+
+.ui.dropdown {
+  &.fluid-responsive {
+    @media all and (max-width: @largestTabletScreen) {
+      width: 100%;
+      display: block;
+
+      & > .dropdown.icon {
+        float: right;
+      }
+    }
+  }
+
+  a.item:hover {
+    text-decoration: none;
+  }
+}
+
+@minWidthSmallerScreens: calc(100% + 5rem);
+.members-dropdown-container, .access-dropdown-container {
+  .ui.dropdown {
+    border: @selectionBorder;
+    padding: @selectionVerticalPadding @selectionHorizontalPadding;
+    border-radius: @selectionBorderRadius;
+
+    &.overflow-scroll {
+      .menu {
+        overflow-y: auto !important;
+        max-height: 15em;
+      }
+    }
+
+    .menu {
+      overflow-x: auto;
+      overflow-y: hidden;
+    }
+
+    .active.selected.item {
+      font-weight: normal;
+
+    }
+  }
+  .ui.dropdown.floating {
+    .dropdown.icon {
+      padding-top: 0.25em;
+    }
+  }
+
+.action-status-container {
+  width: 1em;
+  padding: 0 @selectionHorizontalPadding;
+  border-radius: @selectionBorderRadius;
+}
+
+  @media screen and (max-width: @largestTabletScreen) {
+    .ui.dropdown {
+      &.action-menu-width {
+        .menu {
+          min-width: @minWidthSmallerScreens;
+        }
+      }
+
+      * {
+        white-space: normal;
+      }
+    }
+  }
+
+}
+
+.mobile-table-cell .members-dropdown-container {
+  .ui.dropdown > .menu {
+    @media all and (max-width: @largestMobileScreen) {
+      min-width: @minWidthSmallerScreens !important;
+    }
+  }
+
+}
+
+.mobile-table-cell .ui.dropdown {
+  @media all and (max-width: @largestMobileScreen) {
+    min-width: 7em !important;
+
+    & > .menu {
+      min-width: 14em !important;
+      border-top-width: 1px !important;
+      border-radius: @defaultBorderRadius 0 @defaultBorderRadius @defaultBorderRadius;
+    }
+  }
+}
+
+.manage-menu-dropdown {
+  .dropdown.icon {
+    margin-left: 0 !important;
+    color: @grey;
+  }
+}
+
+.ui.inline.selection.dropdown .dropdown.icon{
+  // bug in SUI
+  margin: @selectionIconMargin !important;
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/dropdown.variables

@@ -1,11 +1,10 @@
-/*******************************
-    User Variable Overrides
-*******************************/
-
-@import "@less/invenio_theme/theme/modules/dropdown.variables";
+/***********************************************
+    Invenio App RDM Dropdown Variables
+***********************************************/
 
 
 // This height displays at most 15 items or so
 // Tablets/phones were left as-is because they have less screen estate
 @selectionComputerMaxMenuHeight : 575px;
 @selectionWidescreenMaxMenuHeight : 575px;
+@selectionIconPadding: (@selectionIconHitbox / @dropdownIconSize);

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/modal.overrides

@@ -0,0 +1,151 @@
+
+.record-share-modal {
+  min-height: 35em;
+
+  .share-content {
+    min-height: 26em;
+  }
+
+  .share-description {
+    margin: 1em auto;
+  }
+}
+
+/* Styling for the community selection modal */
+
+#community-selection-modal {
+
+  .community-list-results.content {
+    height: calc(55vh - 10em);
+
+    .community-item {
+      padding: @defaultPadding calc(@defaultPadding/2);
+      border-bottom: 1px solid @borderColor;
+
+      &:first-child,
+      &:first-child + .mobile {
+        padding-top: @defaultPadding !important; //overriding semantic ui's !important
+        border-top: 1px solid @borderColor;
+      }
+
+      &:last-child {
+        padding-bottom: @defaultPadding !important; //overriding semantic ui's !important
+      }
+
+      @media all and (max-width: @largestMobileScreen) {
+        padding: @defaultPadding calc(@defaultPadding/4);
+      }
+
+      &.selected {
+        background-color: lighten(@borderColor, 65%);
+      }
+
+      .header {
+        a.ui.button.transparent {
+          color: @linkColor;
+        }
+      }
+
+      .extra {
+
+        &.flex {
+          display: flex;
+        }
+
+        &.width.auto {
+          width: auto;
+        }
+
+        &.mt-0 {
+          @media all and (max-width: @largestMobileScreen) {
+            margin-top: .5 * @defaultMargin !important;
+          }
+        }
+      }
+    }
+  }
+
+  .community-list-result-item {
+    .header {
+      white-space: normal;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+
+  .ui.segment {
+    box-shadow: none;
+  }
+
+  .community-selected-item-container {
+    min-height: 6rem;
+    overflow-y: hidden;
+  }
+}
+
+
+@media screen and (max-width: 850px) {
+  #community-selection-modal {
+
+    .community-selected-item-container {
+      overflow-y: auto;
+    }
+
+    .community-list-result-item {
+      margin: 0;
+      flex-direction: row;
+    }
+
+    .community-list-result-item {
+      overflow-y: auto;
+    }
+
+  }
+
+}
+
+// overrides default immediate parent rules
+.ui.modal {
+  .actions {
+    background: @actionBackground;
+    padding: @contentPadding;
+    border-top: @actionBorder;
+    text-align: @actionAlign;
+  }
+
+  .content {
+    display: block;
+    width: 100%;
+    font-size: @contentFontSize;
+    line-height: @contentLineHeight;
+    padding: @contentPadding;
+    background: @contentBackground;
+
+    .ui.message .content {
+      background: transparent;
+      padding: 0;
+    }
+  }
+}
+
+.ui.modal .actions {
+  .button {
+    margin-left: @buttonDistance;
+    margin-right: 0;
+
+    &.left.floated{
+      margin-right: @buttonDistance;
+      margin-left: 0;
+    }
+  }
+}
+
+.ui.dimmer .ui.modal .ui.loader {
+  &:before {
+    border-color: @borderColor;
+  }
+
+  &:after {
+    border-color: @mutedTextColor transparent transparent;
+  }
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/modal.variables

@@ -0,0 +1,5 @@
+/***********************************************
+    Invenio App RDM Modal Variables
+***********************************************/
+
+@largeRatio: 1.4;

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/search.overrides

@@ -0,0 +1,7 @@
+.ui.search > .results .result {
+    .requests-avatar-container .image {
+        float: left;
+        height: 1em;
+        width: unset;
+    }
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/tab.overrides

@@ -1,23 +1,3 @@
-/*******************************
-         TAB Overrides
-*******************************/
-
-@import "@less/invenio_theme/theme/modules/tab.overrides";
-
-// TODO: refactor theming
-@secondaryColor: #fb8273;
-
-#dashboard-tab{
-
-  &.ui.menu:last-child {
-    margin-bottom: 0;
-  }
-
-  .ui.menu.secondary {
-    .item.active {
-      border-color: @secondaryColor;
-    }
-  }
-}
-
-
+/***********************************************
+    Invenio App RDM Tab Overrides
+***********************************************/

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/tab.variables

@@ -1,8 +1,6 @@
-/*******************************
-    User Variable Overrides
-*******************************/
+/***********************************************
+    Invenio App RDM Tab Variables
+***********************************************/
 
-@import "@less/invenio_theme/theme/modules/tab.variables";
 @greyBackground : #F8F8F9;
-@orangeBorder: #fb8273;
 @greyBorder : rgba(34, 36, 38, 0.15);

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/transition.overrides

@@ -0,0 +1,67 @@
+/***********************************************
+    Invenio App RDM Transition Overrides
+***********************************************/
+
+// Left
+.transition[class*="carousel-slide left"].in {
+  animation-name: carouselSlideInLeft;
+  transform-origin: center left;
+}
+
+.transition[class*="carousel-slide left"].out {
+  animation-name: carouselSlideOutLeft;
+  transform-origin: center left;
+}
+
+// Right
+.transition[class*="carousel-slide right"].in {
+  animation-name: carouselSlideInRight;
+  transform-origin: center left;
+}
+
+.transition[class*="carousel-slide right"].out {
+  animation-name: carouselSlideOutRight;
+  transform-origin: center left;
+}
+
+@keyframes carouselSlideInLeft {
+  0% {
+    opacity: 0;
+    transform: translateX(100vw);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+
+@keyframes carouselSlideOutLeft {
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(-100vw);
+  }
+}
+
+@keyframes carouselSlideInRight {
+  0% {
+    opacity: 0;
+    transform: translateX(-100vw);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+
+@keyframes carouselSlideOutRight {
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(100vw);
+  }
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/transition.variables

@@ -0,0 +1,3 @@
+/***********************************************
+    Invenio App RDM Transition Variables
+***********************************************/