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

package/dist/cjs/components/popover/styles/popover-arrow.css

@@ -1,42 +1 @@
-/* ============================================= */
-/* Popover Arrow Styles */
-/* ============================================= */
-
-/* Arrow base styles */
-[data-kbt-id='popover-arrow'] {
-  position: absolute;
-  transform: rotate(45deg);
-  z-index: -1;
-}
-
-/* Arrow positioning based on placement */
-[data-kbt-id='popover-arrow'][data-kbt-placement^='top'] {
-  bottom: calc(-1 * var(--arrow-size, 8px) / 2);
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
-}
-
-[data-kbt-id='popover-arrow'][data-kbt-placement^='bottom'] {
-  top: calc(-1 * var(--arrow-size, 8px) / 2);
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
-}
-
-[data-kbt-id='popover-arrow'][data-kbt-placement^='left'] {
-  right: calc(-1 * var(--arrow-size, 8px) / 2);
-  top: 50%;
-  transform: translateY(-50%) rotate(45deg);
-}
-
-[data-kbt-id='popover-arrow'][data-kbt-placement^='right'] {
-  left: calc(-1 * var(--arrow-size, 8px) / 2);
-  top: 50%;
-  transform: translateY(-50%) rotate(45deg);
-}
-
-/* Center placement arrow - default to bottom position */
-[data-kbt-id='popover-arrow'][data-kbt-placement='center'] {
-  top: calc(-1 * var(--arrow-size, 8px) / 2);
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
-}
+[data-kbt-id=popover-arrow]{z-index:-1;position:absolute;transform:rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1*var(--arrow-size,8px)/2);left:50%;transform:translate(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1*var(--arrow-size,8px)/2);left:50%;transform:translate(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1*var(--arrow-size,8px)/2);top:50%;transform:translateY(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1*var(--arrow-size,8px)/2);top:50%;transform:translateY(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1*var(--arrow-size,8px)/2);left:50%;transform:translate(-50%)rotate(45deg)}

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

@@ -1,189 +1 @@
-/**
- * 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;
-}
+@import "./keyframes.css";[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:1;animation-fill-mode:forwards}[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}[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/components/skeleton/skeleton.css

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

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

@@ -1,14 +1 @@
-.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;
-}
+.kbt-text{text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

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

@@ -1,54 +1 @@
-.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%);
-}
+.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{background:0 0;border:none;justify-content:center;align-items:center;min-width:1.5rem;min-height:1.5rem;padding:0;display:flex}.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:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}

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

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

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

@@ -1,11 +1 @@
-.custom-input-base {
-  border: '1px solid pink';
-  border-color: 'pink';
-  border-style: 'dashed';
-  border-width: '2px';
-  padding: '14px';
-}
-
-.custom-input-label {
-  position: 'undefined';
-}
+.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/components/popover/stories/demos/animationsDemo.css

@@ -1,97 +1 @@
-/* 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;
-}
+@keyframes demo-scale-fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes demo-rotate-slide-in{0%{opacity:0;transform:translate(-50%,-50%)translateY(30px)rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)rotate(0)}}@keyframes demo-zoom-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}60%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes demo-fade-in{0%{opacity:0}to{opacity:1}}.demo-container{flex-direction:column;gap:2rem;max-width:1200px;padding:2rem;display:flex}.demo-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.demo-section-title{color:#333;margin:0;font-size:1.2rem}.demo-section-description{color:#666;margin:0;font-size:.9rem}.demo-button-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.demo-button{justify-self:stretch}.demo-code-block{background:#f5f5f5;border-radius:4px;margin:.5rem 0;padding:1rem;font-size:.85rem;overflow-x:auto}

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

@@ -1,10 +1 @@
-/**
- * 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';
+@import "./popover.css";@import "./popover-arrow.css";