@kubit-ui-web/react-components 2.0.0-beta.62 → 2.0.0-beta.63

package/dist/cjs/src/components/popover/styles/popover.css

@@ -1,189 +0,0 @@
-/**
- * Popover Main Styles
- * Contains animation logic and positioning styles
- */
-
-/* Import all animation keyframes */
-@import './keyframes.css';
-
-/* Popover Animation Styles */
-/* ============================================= */
-
-/* Base animation properties - ALWAYS applied (even with disableAnimations=true) */
-/* This allows additionalClasses to work properly */
-[data-kbt-id='popover'][data-kbt-placement] {
-  animation-duration: 500ms;
-  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-}
-
-/* Opening animations based on placement - ONLY when animations are enabled */
-[data-kbt-id='popover'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  --animation-prefix: 'popover-enter-';
-}
-
-[data-kbt-id='popover'][data-kbt-placement='center'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-center;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='top'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-top);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-top-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-top-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='bottom'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-bottom);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-bottom-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-bottom-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='left'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-left);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-left-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-left-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='right'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-right);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-right-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-right-end;
-}
-
-/* Closing animations based on placement - ONLY when animations are enabled */
-[data-kbt-id='popover'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  --animation-prefix: 'popover-exit-';
-}
-
-[data-kbt-id='popover'][data-kbt-placement='center'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-center;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='top'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-top);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-top-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-top-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='bottom'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-bottom);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-bottom-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-bottom-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='left'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-left);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-left-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-left-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='right'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-right);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-right-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-right-end;
-}

package/dist/cjs/src/components/skeleton/skeleton.css

@@ -1,13 +0,0 @@
-@keyframes breatheAnimation {
-  from {
-    background-position-x: 0%;
-  }
-
-  to {
-    background-position-x: -200%;
-  }
-}
-
-.kbt-skeleton {
-  animation-name: breatheAnimation;
-}

package/dist/cjs/src/components/text/text.css

@@ -1,14 +0,0 @@
-.kbt-text {
-  -webkit-text-size-adjust: 100%;
-  text-size-adjust: 100%;
-}
-
-.kbt-text--disabled {
-  pointer-events: none;
-}
-
-.kbt-text--truncate {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

package/dist/cjs/src/components/tooltip/tooltip.css

@@ -1,54 +0,0 @@
-.kbt-tooltip {
-  display: inline-block;
-}
-
-.kbt-tooltip__trigger-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  background: none;
-  min-height: 1.5rem;
-  min-width: 1.5rem;
-}
-
-.kbt-tooltip__external-container {
-  display: flex;
-}
-
-.kbt-tooltip__paragraph {
-  word-break: break-word;
-}
-
-.kbt-tooltip__inner-content {
-  overflow-y: auto;
-}
-
-.kbt-tooltip__arrow {
-  position: absolute;
-}
-
-.kbt-tooltip__arrow--top {
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.kbt-tooltip__arrow--right {
-  top: 50%;
-  left: 100%;
-  transform: translateY(-50%);
-}
-
-.kbt-tooltip__arrow--bottom {
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.kbt-tooltip__arrow--left {
-  top: 50%;
-  right: 100%;
-  transform: translateY(-50%);
-}

package/dist/esm/src/components/image/image.css

@@ -1,38 +0,0 @@
-:root {
-  --border-radius: 0;
-  --fallback-ratio: 1;
-  --object-fit: cover;
-  --ratio: 1;
-  --width: 100%;
-}
-
-.kbt-picture {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  max-width: 100%;
-  max-height: 100%;
-  width: var(--width);
-  aspect-ratio: var(--ratio);
-}
-
-@supports not (aspect-ratio: 16 / 9) {
-  .kbt-picture {
-    padding-top: var(--fallback-ratio);
-  }
-
-  .kbt-picture img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-  }
-}
-
-.kbt-picture img {
-  max-width: 100%;
-  border-radius: var(--border-radius);
-  object-fit: var(--object-fit);
-  aspect-ratio: var(--ratio);
-}

package/dist/esm/src/components/input/stories/styles.css

@@ -1,11 +0,0 @@
-.custom-input-base {
-  border: '1px solid pink';
-  border-color: 'pink';
-  border-style: 'dashed';
-  border-width: '2px';
-  padding: '14px';
-}
-
-.custom-input-label {
-  position: 'undefined';
-}

package/dist/esm/src/components/popover/stories/demos/animationsDemo.css

@@ -1,97 +0,0 @@
-/* Keyframes for custom animations */
-@keyframes demo-scale-fade-in {
-  0% {
-    transform: translate(-50%, -50%) scale(0.8);
-    opacity: 0;
-  }
-  100% {
-    transform: translate(-50%, -50%) scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes demo-rotate-slide-in {
-  0% {
-    transform: translate(-50%, -50%) translateY(30px) rotate(-8deg);
-    opacity: 0;
-  }
-  100% {
-    transform: translate(-50%, -50%) translateY(0px) rotate(0deg);
-    opacity: 1;
-  }
-}
-
-@keyframes demo-zoom-in {
-  0% {
-    transform: translate(-50%, -50%) scale(0.2);
-    opacity: 0;
-  }
-  60% {
-    transform: translate(-50%, -50%) scale(1.1);
-    opacity: 0.8;
-  }
-  100% {
-    transform: translate(-50%, -50%) scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes demo-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-/* Demo container styles */
-.demo-container {
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-  padding: 2rem;
-  max-width: 1200px;
-}
-
-.demo-section {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  padding: 1.5rem;
-  border: 1px solid #e0e0e0;
-  border-radius: 8px;
-  background: #fafafa;
-}
-
-.demo-section-title {
-  margin: 0;
-  color: #333;
-  font-size: 1.2rem;
-}
-
-.demo-section-description {
-  margin: 0;
-  color: #666;
-  font-size: 0.9rem;
-}
-
-.demo-button-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.demo-button {
-  justify-self: stretch;
-}
-
-.demo-code-block {
-  background: #f5f5f5;
-  padding: 1rem;
-  border-radius: 4px;
-  overflow-x: auto;
-  font-size: 0.85rem;
-  margin: 0.5rem 0;
-}

package/dist/esm/src/components/popover/styles/index.css

@@ -1,10 +0,0 @@
-/**
- * Popover Styles Index
- * Imports all popover-related CSS files
- */
-
-/* Core popover styles and animations */
-@import './popover.css';
-
-/* Arrow positioning and styling */
-@import './popover-arrow.css';