@infonomic/uikit 3.7.0 → 3.8.0

package/src/styles/components/directional-button.css

@@ -1,92 +0,0 @@
-.component--directional-button {
-  display: flex;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-  text-decoration: none;
-  border-style: none;
-  border-radius: 20px;
-  padding: 0;
-  margin: 0;
-  outline: none;
-  z-index: 20;
-  justify-content: center;
-  color: white;
-  background-color: var(--primary-500);
-  transition-property: all, color;
-  transition-duration: 0.3s, 1ms;
-  transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1), ease;
-  transition-delay: 0s, 0s;
-  cursor: pointer;
-}
-
-.component--directional-button span {
-  width: 18px;
-  padding-bottom: 3px;
-}
-
-.component--directional-button span .icon path {
-  stroke: none;
-  fill: white;
-}
-
-@media screen and (min-width: 587px) {
-  .component--directional-button {
-    width: 42px;
-    height: 42px;
-    border-radius: 21px;
-  }
-}
-
-.component--directional-button:hover,
-.component--directional-button:focus {
-  color: white;
-  background-color: var(--primary-500);
-  transform: translateY(-5px);
-}
-
-/* Up is default so no need to rotate */
-.component--directional-button.up:hover,
-.component--directional-button.up:focus {
-  transform: translateY(-5px);
-}
-
-.component--directional-button.down span,
-.directional-button.down span {
-  transform: rotate(180deg);
-}
-
-.component--directional-button.down:hover,
-.component--directional-button.down:focus {
-  transform: translateY(5px);
-}
-
-.component--directional-button.left span,
-.component--directional-button.left span {
-  transform: rotate(-90deg);
-}
-
-.component--directional-button.left:hover,
-.component--directional-button.left:focus {
-  transform: translateX(-5px);
-}
-
-.component--directional-button.right span,
-.component--directional-button.right span {
-  transform: rotate(90deg);
-}
-
-.component--directional-button.right:hover,
-.component--directional-button.right:focus {
-  transform: translateX(5px);
-}
-
-.dark .component--directional-button {
-  background-color: var(--secondary-700);
-}
-
-.dark .component--directional-button:hover,
-.dark .component--directional-button:focus {
-  color: white;
-  background-color: var(--secondary-700);
-}

package/src/styles/components/dropdown.css

@@ -1,19 +0,0 @@
-.dropdown-menu-content[data-side="top"],
-.dropdown-menu-subcontent[data-side="top"] {
-  animation: slideDownAndFade 100ms ease-in;
-}
-
-.dropdown-menu-content[data-side="right"],
-.dropdown-menu-subcontent[data-side="right"] {
-  animation: slideLeftAndFade 100ms ease-in;
-}
-
-.dropdown-menu-content[data-side="bottom"],
-.dropdown-menu-subcontent[data-side="bottom"] {
-  animation: slideUpAndFade 100ms ease-in;
-}
-
-.dropdown-menu-content[data-side="left"],
-.dropdown-menu-subcontent[data-side="left"] {
-  animation: slideRightAndFade 100ms ease-in;
-}

package/src/styles/components/icon-element.css

@@ -1,10 +0,0 @@
-@layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
-
-@layer infonomic-components {
-  .component--icon-element-root svg {
-    display: block;
-    margin: auto;
-    max-width: 100%;
-    max-height: 100%;
-  }
-}

package/src/styles/components/list-checkbox.css

@@ -1,60 +0,0 @@
-ul.check {
-  padding-left: 0;
-}
-
-.component--list-item-checkbox {
-  position: relative;
-  margin-left: 0;
-  margin-right: 8px;
-  padding-left: 28px;
-  padding-right: 24px;
-  list-style-type: none;
-  outline: none;
-}
-
-@media screen and (min-width: 768px) {
-  ul.check {
-    padding-left: 1rem;
-  }
-}
-
-.component--list-item-checkbox::before {
-  content: "";
-  width: 16px;
-  height: 16px;
-  top: 8px;
-  left: 0;
-  cursor: pointer;
-  display: block;
-  background-size: cover;
-  position: absolute;
-  border: 1px solid rgb(125, 125, 125);
-  border-radius: 2px;
-  background-repeat: no-repeat;
-}
-
-.component--list-item-checkbox-checked {
-  text-decoration: line-through;
-}
-
-.component--list-item-checkbox-checked::before {
-  border: 1px solid var(--secondary-300);
-  background-color: var(--secondary-400);
-  background-repeat: no-repeat;
-}
-
-.component--list-item-checkbox-checked::after {
-  content: "";
-  cursor: pointer;
-  border-color: #fff;
-  border-style: solid;
-  position: absolute;
-  display: block;
-  top: 11px;
-  width: 4px;
-  left: 6px;
-  right: 7px;
-  height: 8px;
-  transform: rotate(45deg);
-  border-width: 0 2px 2px 0;
-}

package/src/styles/components/popover.css

@@ -1,15 +0,0 @@
-.popover-content[data-state="open"][data-side="top"] {
-  animation: slideDownAndFade 100ms ease-in;
-}
-
-.popover-content[data-state="open"][data-side="right"] {
-  animation: slideLeftAndFade 100ms ease-in;
-}
-
-.popover-content[data-state="open"][data-side="bottom"] {
-  animation: slideUpAndFade 100ms ease-in;
-}
-
-.popover-content[data-state="open"][data-side="left"] {
-  animation: slideRightAndFade 100ms ease-in;
-}

package/src/styles/components/toast.css

@@ -1,18 +0,0 @@
-/* styles.css */
-
-.toast-viewport {
-  --viewport-padding: 25px;
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
-  padding: var(--viewport-padding);
-  gap: 10px;
-  width: 100vw;
-  max-width: 100vw;
-  margin: 0;
-  list-style: none;
-  z-index: 2147483647;
-  outline: none;
-}