@bioturing/components 0.13.2 → 0.14.0

package/dist/index.css

@@ -0,0 +1,116 @@
+.ds-popup-panel {
+  box-shadow: var(--ds-box-shadow-secondary);
+  border-radius: var(--ds-border-radius);
+  background: var(--ds-color-bg-elevated);
+  color: var(--ds-color-text);
+  font-size: var(--ds-font-size);
+  font-family: var(--ds-font-family);
+  transition-property: transform, scale, opacity;
+  transition-duration: .2s;
+  transition-timing-function: var(--ds-motion-ease-out);
+  transform-origin: var(--transform-origin);
+  width: calc(min(var(--size-width), var(--available-width)));
+  max-width: var(--available-width);
+  max-height: var(--available-height);
+  flex-direction: column;
+  height: max-content;
+  list-style: none;
+  display: flex;
+}
+
+.ds-popup-panel[data-ending-style], .ds-popup-panel[data-starting-style] {
+  opacity: 0;
+  transform: scale(.9);
+}
+
+.ds-popup-panel:focus {
+  outline: none;
+}
+
+.ds-popup-panel-header {
+  border-bottom: 1px solid var(--ds-color-split);
+  padding: calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);
+  flex: 0;
+  margin-bottom: 0;
+}
+
+.ds-popup-panel-header .ds-popup-panel-title-wrapper {
+  font-weight: 500;
+  font-size: var(--ds-font-size);
+  line-height: var(--ds-line-height);
+  color: var(--ds-color-text);
+}
+
+.ds-popup-panel-footer {
+  border-top: 1px solid var(--ds-color-split);
+  padding: calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);
+  flex: 0;
+  margin-top: 0;
+}
+
+.ds-popup-panel-content {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow: auto;
+}
+
+.ds-popup-panel-content .ds-popup-panel-content-inner {
+  padding: var(--ds-popup-panel-padding);
+  flex: 1;
+}
+
+.ds-resize-handle-top {
+  color: #fff;
+  border-top-left-radius: .5rem;
+  border-top-right-radius: .5rem;
+  justify-content: center;
+  width: 100%;
+  height: 4px;
+  padding: .5rem;
+  display: block;
+  position: absolute;
+  top: 0;
+}
+
+.ds-resize-handle-bottom {
+  color: #fff;
+  border-bottom-right-radius: .5rem;
+  border-bottom-left-radius: .5rem;
+  justify-content: center;
+  width: 100%;
+  height: 4px;
+  padding: .5rem;
+  display: block;
+  position: absolute;
+  bottom: 0;
+}
+
+.ds-resize-handle-left {
+  color: #fff;
+  border-top-left-radius: .5rem;
+  border-bottom-left-radius: .5rem;
+  align-items: center;
+  width: 4px;
+  height: 100%;
+  padding: .5rem;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.ds-resize-handle-right {
+  color: #fff;
+  border-top-right-radius: .5rem;
+  border-bottom-right-radius: .5rem;
+  align-items: center;
+  width: 4px;
+  height: 100%;
+  padding: .5rem;
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+