npm - @c8y/style - Versions diffs - 1024.13.0 → 1024.14.1 - Mend

@c8y/style 1024.13.0 → 1024.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1318) hide show

package/styles/animations/_animate.less DELETED Viewed

@@ -1,653 +0,0 @@
-/**
- * Animate - Third-party animation library (animate.css v3.6.1)
- *
- * Note: This is a third-party library (animate.css by Daniel Eden).
- *
- * Intentionally hardcoded values:
- * - Animation durations (0.35s, 0.5s, 1s, 2s): Animation timing
- * - Transform distances (-30px, -15px, -4px, -10px, 10px, -1px, 1px, ±2000px): Animation movement
- * - Perspective (300px): 3D transform depth
- * - Percentages and unitless values: Animation keyframe positions and opacity
- * - Cubic-bezier values: Custom easing functions
- */
-@charset "UTF-8";
-.fadeAnim.ng-enter,
-.fadeAnim.ng-leave {
-  transition: 0.5s linear;
-}
-.fadeAnim.ng-enter,
-.fadeAnim.ng-leave-active {
-  opacity: 0;
-}
-.fadeAnim.ng-enter-active,
-.fadeAnim.ng-leave {
-  opacity: 1;
-}
-/*!
- * animate.css -http://daneden.me/animate
- * Version - 3.6.1
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
- *
- * Copyright (c) 2018 Daniel Eden
- */
-.animated {
-  animation-duration: 1s;
-  animation-fill-mode: both;
-}
-.animated.fast {
-  animation-duration: 0.35s;
-}
-.animated.infinite {
-  animation-iteration-count: infinite;
-}
-@keyframes bounce {
-  from,
-  20%,
-  53%,
-  80%,
-  to {
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    transform: translate3d(0, 0, 0);
-  }
-  40%,
-  43% {
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    transform: translate3d(0, -30px, 0);
-  }
-  70% {
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    transform: translate3d(0, -15px, 0);
-  }
-  90% {
-    transform: translate3d(0, -4px, 0);
-  }
-}
-.bounce {
-  animation-name: bounce;
-  transform-origin: center bottom;
-}
-@keyframes flash {
-  from,
-  50%,
-  to {
-    opacity: 1;
-  }
-  25%,
-  75% {
-    opacity: 0;
-  }
-}
-.flash {
-  animation-name: flash;
-}
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-@keyframes pulse {
-  from {
-    transform: scale3d(1, 1, 1);
-  }
-  50% {
-    transform: scale3d(1.05, 1.05, 1.05);
-  }
-  to {
-    transform: scale3d(1, 1, 1);
-  }
-}
-.pulse {
-  animation-name: pulse;
-}
-@keyframes shake {
-  from,
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-  10%,
-  30%,
-  50%,
-  70%,
-  90% {
-    transform: translate3d(-10px, 0, 0);
-  }
-  20%,
-  40%,
-  60%,
-  80% {
-    transform: translate3d(10px, 0, 0);
-  }
-}
-.shake {
-  animation-name: shake;
-}
-@keyframes vibrate {
-  0%,
-  2%,
-  4%,
-  6%,
-  8%,
-  10%,
-  12%,
-  14%,
-  16%,
-  18% {
-    transform: translate3d(-1px, 0, 0);
-  }
-  1%,
-  3%,
-  5%,
-  7%,
-  9%,
-  11%,
-  13%,
-  15%,
-  17%,
-  19% {
-    transform: translate3d(1px, 0, 0);
-  }
-  20%,
-  100% {
-    transform: translate3d(0, 0, 0);
-  }
-}
-.vibrate {
-  perspective: 300px;
-  animation-name: vibrate;
-  transition-duration: 2s;
-  transition-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-.fadeIn {
-  animation-name: fadeIn;
-}
-@keyframes fadeInDown {
-  from {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInDown {
-  animation-name: fadeInDown;
-}
-@keyframes fadeInDownBig {
-  from {
-    opacity: 0;
-    transform: translate3d(0, -2000px, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInDownBig {
-  animation-name: fadeInDownBig;
-}
-@keyframes fadeInLeft {
-  from {
-    opacity: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInLeft {
-  animation-name: fadeInLeft;
-}
-@keyframes fadeInLeftBig {
-  from {
-    opacity: 0;
-    transform: translate3d(-2000px, 0, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInLeftBig {
-  animation-name: fadeInLeftBig;
-}
-@keyframes fadeInRight {
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInRight {
-  animation-name: fadeInRight;
-}
-@keyframes fadeInRightBig {
-  from {
-    opacity: 0;
-    transform: translate3d(2000px, 0, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInRightBig {
-  animation-name: fadeInRightBig;
-}
-@keyframes fadeInUp {
-  from {
-    opacity: 0;
-    transform: translate3d(0, 100%, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInUp {
-  animation-name: fadeInUp;
-}
-@keyframes fadeInUpBig {
-  from {
-    opacity: 0;
-    transform: translate3d(0, 2000px, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-.fadeInUpBig {
-  animation-name: fadeInUpBig;
-}
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.fadeOut {
-  animation-name: fadeOut;
-}
-@keyframes fadeOutDown {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(0, 100%, 0);
-  }
-}
-.fadeOutDown {
-  animation-name: fadeOutDown;
-}
-@keyframes fadeOutDownBig {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-.fadeOutDownBig {
-  animation-name: fadeOutDownBig;
-}
-@keyframes fadeOutLeft {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-.fadeOutLeft {
-  animation-name: fadeOutLeft;
-}
-@keyframes fadeOutLeftBig {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-.fadeOutLeftBig {
-  animation-name: fadeOutLeftBig;
-}
-@keyframes fadeOutRight {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-}
-.fadeOutRight {
-  animation-name: fadeOutRight;
-}
-@keyframes fadeOutRightBig {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-.fadeOutRightBig {
-  animation-name: fadeOutRightBig;
-}
-@keyframes fadeOutUp {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-}
-.fadeOutUp {
-  animation-name: fadeOutUp;
-}
-@keyframes fadeOutUpBig {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-.fadeOutUpBig {
-  animation-name: fadeOutUpBig;
-}
-@keyframes slideInDown {
-  from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-.slideInDown {
-  animation-name: slideInDown;
-}
-@keyframes slideInLeft {
-  from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-.slideInLeft {
-  animation-name: slideInLeft;
-}
-@keyframes slideInRight {
-  from {
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-.slideInRight {
-  animation-name: slideInRight;
-}
-@keyframes slideInUp {
-  from {
-    transform: translate3d(0, 100%, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-.slideInUp {
-  animation-name: slideInUp;
-}
-@keyframes slideOutDown {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(0, 100%, 0);
-  }
-}
-.slideOutDown {
-  animation-name: slideOutDown;
-}
-@keyframes slideOutLeft {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-.slideOutLeft {
-  animation-name: slideOutLeft;
-}
-@keyframes slideOutRight {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(100%, 0, 0);
-  }
-}
-.slideOutRight {
-  animation-name: slideOutRight;
-}
-@keyframes slideOutUp {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-}
-.slideOutUp {
-  animation-name: slideOutUp;
-}
-@keyframes zoomIn {
-  from {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-  }
-  50% {
-    opacity: 1;
-  }
-}
-.zoomIn {
-  animation-name: zoomIn;
-}

package/styles/animations/_realtime-animation-list.less DELETED Viewed

@@ -1,20 +0,0 @@
-/**
- * Realtime Animation List - Real-time data update animations
- *
- * Note: Uses color tokens for background transitions.
- *
- * Intentionally hardcoded values:
- * - Transition duration (1s): Animation timing for real-time updates
- */
-.realtime-animation-list.ng-enter,
-.realtime-animation-list.ng-change {
-  background-color: @component-realtime-added;
-  transition: 1s linear;
-}
-.realtime-animation-list.ng-enter-active,
-.realtime-animation-list.ng-change {
-  background-color: @component-background-default;
-}