@blinkk/root-cms 1.0.0-alpha.28 → 1.0.0-alpha.29

package/dist/ui.css

@@ -1,529 +0,0 @@
-/* ui/components/SplitPanel/SplitPanel.css */
-.SplitPanel {
-  display: flex;
-  height: 100%;
-}
-.SplitPanel__divider {
-  flex: 0 0 3px;
-  width: 3px;
-  background-color: var(--color-border);
-  height: 100%;
-  cursor: col-resize;
-  transition: background-color 0.18s ease;
-}
-.SplitPanel__divider:hover {
-  background-color: lightblue;
-}
-.SplitPanel__item.static {
-  flex: 0 0 var(--panel-size, 100%);
-}
-.SplitPanel__item.fluid {
-  flex: 1;
-}
-.SplitPanel.dragging .SplitPanel__item {
-  pointer-events: none;
-  user-select: none;
-}
-
-/* ui/layout/Layout.css */
-.Layout {
-  display: grid;
-  grid-template-areas: "top top" "side main" "bottom bottom";
-  grid-template-columns: 48px 1fr;
-}
-.Layout__top {
-  grid-area: top;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  padding: 8px;
-  border-bottom: 1px solid var(--color-border);
-}
-.Layout__top__logo {
-  font-size: 14px;
-  line-height: 1;
-  font-weight: 700;
-  text-decoration: none;
-  text-transform: uppercase;
-  padding: 8px 12px;
-  display: flex;
-  gap: 4px;
-  transition: background-color 0.18s ease;
-  border-radius: 4px;
-}
-.Layout__top__version {
-  font-family: var(--font-family-mono);
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: -0.2px;
-  margin-left: 4px;
-  background-color: lightblue;
-  padding: 0 4px;
-  border-radius: 2px;
-}
-.Layout__top__logo:hover {
-  background-color: var(--button-background-hover);
-}
-.Layout__top__logo:active {
-  background-color: var(--button-background-active);
-}
-.Layout__side {
-  grid-area: side;
-  border-right: 1px solid var(--color-border);
-  height: calc(100vh - 48px);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.Layout__side a {
-  display: flex;
-  position: relative;
-  width: 100%;
-  height: 48px;
-  justify-content: center;
-  align-items: center;
-  transition: background-color 0.18s ease;
-}
-.Layout__side a:hover {
-  background-color: var(--button-background-hover);
-}
-.Layout__side a::after {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 3px;
-  background-color: transparent;
-  transition: background-color 0.18s ease;
-}
-.Layout__side a.active::after {
-  background-color: lightblue;
-}
-.Layout__main {
-  grid-area: main;
-}
-.Layout__bottom {
-  grid-area: bottom;
-}
-
-/* ui/pages/CollectionPage/CollectionPage.css */
-.CollectionPage__side__title {
-  padding: 8px 12px;
-  text-transform: uppercase;
-  font-size: 13px;
-  font-weight: 700;
-}
-.CollectionPage__side__collections {
-  display: flex;
-  flex-direction: column;
-  padding-top: 8px;
-}
-.CollectionPage__side__search input {
-  display: block;
-  width: 100%;
-  border: 1px solid var(--color-border);
-  border-left: none;
-  border-right: none;
-  border-radius: 0;
-  line-height: 24px;
-  padding: 4px 12px;
-  font-family: inherit;
-}
-.CollectionPage__side__search input:focus {
-  outline: none;
-}
-.CollectionPage__side__search input::-webkit-input-placeholder {
-  color: #E5E5E5;
-}
-.CollectionPage__side__collection {
-  display: flex;
-  align-items: center;
-  padding: 8px 12px;
-  gap: 8px;
-  width: 100%;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 500;
-  text-decoration: none;
-  transition: background-color 0.18s ease;
-  position: relative;
-}
-.CollectionPage__side__collection.active {
-  color: black;
-}
-.CollectionPage__side__collection:hover {
-  background-color: var(--button-background-hover);
-}
-.CollectionPage__side__collection:active {
-  background-color: var(--button-background-active);
-}
-.CollectionPage__side__collection__arrow {
-  position: absolute;
-  top: calc(50% - 10px);
-  right: 12px;
-}
-.CollectionPage__main__unselected {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  text-align: center;
-  padding: 48px;
-}
-.CollectionPage__main__unselected__title {
-  max-width: 400px;
-  font-weight: 500;
-}
-.CollectionPage__collection__header {
-  padding: 12px;
-}
-.CollectionPage__collection__header__title {
-  font-size: 20px;
-  font-weight: 700;
-}
-.CollectionPage__collection__header__description {
-  font-size: 14px;
-  font-weight: 500;
-  margin-top: 4px;
-}
-.CollectionPage__collection__header__description a {
-  font-weight: 700;
-}
-.CollectionPage__collection__header__description a:hover {
-  color: black;
-}
-.CollectionPage__collection__tabs [role=tab] {
-  font-weight: 500;
-}
-.CollectionPage__collection__tabs [role=tab][data-active] {
-  border-color: lightblue;
-}
-.CollectionPage__collection__tabs [role=tablist] {
-  border-color: var(--color-border);
-}
-.CollectionPage__collection__docsTab {
-  padding: 12px;
-}
-.CollectionPage__collection__docsTab__controls {
-  display: flex;
-  justify-content: flex-end;
-  gap: 16px;
-  align-items: center;
-  font-size: 14px;
-}
-.CollectionPage__collection__docsTab__controls__sort {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.CollectionPage__collection__docsTab__controls__sort__label {
-  font-weight: 600;
-}
-
-/* ui/components/NewDocModal/NewDocModal.css */
-.NewDocModal__body {
-  font-size: 12px;
-  line-height: 1.5;
-  font-weight: 500;
-}
-.NewDocModal__slug {
-  margin-top: 16px;
-}
-.NewDocModal__buttons {
-  margin-top: 24px;
-  display: flex;
-  justify-content: flex-end;
-  gap: 12px;
-}
-
-/* ui/pages/DocumentEditor/DocumentEditor.css */
-.DocumentEditor {
-  font-size: 12px;
-}
-.DocumentEditor__loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 200px;
-}
-.DocumentEditor__fields {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-.DocumentEditor__field__name {
-  font-weight: 600;
-}
-.DocumentEditor__ObjectField__fields {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-.DocumentEditor__field__header {
-  margin-bottom: 8px;
-}
-.DocumentEditor__field[data-type=object][data-level="0"] > .DocumentEditor__field__header {
-  padding: 4px 12px;
-  margin-top: 12px;
-  margin-left: -12px;
-  margin-right: -12px;
-  border-top: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-}
-.DocumentEditor__field[data-type=object]:not([data-level="0"]) .DocumentEditor__ObjectField__fields {
-  padding-left: 12px;
-  border-left: 2px solid lightblue;
-}
-.DocumentEditor__ArrayField__items {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.DocumentEditor__ArrayField__item__header {
-  cursor: pointer;
-  user-select: none;
-  display: flex;
-  align-items: center;
-}
-.DocumentEditor__ArrayField__item__header__icon {
-  flex-shrink: 0;
-  margin-right: 8px;
-  transform: rotate(90deg);
-}
-.DocumentEditor__ArrayField__item[open] .DocumentEditor__ArrayField__item__header__icon {
-  transform: rotate(180deg);
-  margin-top: -2px;
-}
-.DocumentEditor__ArrayField__item__header__preview {
-  font-family: var(--font-family-mono);
-  font-weight: 500;
-  flex: 1;
-  padding-right: 8px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.DocumentEditor__ArrayField__item__header__controls {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.DocumentEditor__ArrayField__item__header__controls__arrows {
-  display: flex;
-  gap: 8px;
-}
-.DocumentEditor__ArrayField__item__header__controls__arrow {
-  border: none;
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  cursor: pointer;
-  transition: transform 0.18s ease;
-}
-.DocumentEditor__ArrayField__item__header__controls__arrow:active {
-  transform: translateY(2px);
-}
-.DocumentEditor__ArrayField__item__header__controls__dots {
-  color: black;
-}
-.DocumentEditor__ArrayField__items__empty {
-  font-family: var(--font-family-mono);
-}
-.DocumentEditor__ArrayField__item__header__controls__menu [role=menuitem] {
-  padding: 8px 12px;
-  font-size: 14px;
-}
-.DocumentEditor__ArrayField__item__header__controls__menu [role=menuitem]:hover {
-  background-color: var(--button-background-hover);
-}
-.DocumentEditor__ArrayField__item__header__controls__menu [role=menuitem]:active {
-  background-color: var(--button-background-active);
-}
-.DocumentEditor__ArrayField__item:not([open]) .DocumentEditor__ArrayField__item__header {
-  border-left: 2px solid lightblue;
-  padding-left: 8px;
-}
-.DocumentEditor__ArrayField__item[open] .DocumentEditor__ArrayField__item__body {
-  padding: 8px;
-  border: 2px solid lightblue;
-}
-.DocumentEditor__ArrayField__add {
-  margin-top: 16px;
-}
-.DocumentEditor__OneOfField__select {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.DocumentEditor__OneOfField__select__label {
-  font-weight: 600;
-}
-.DocumentEditor__OneOfField__fields {
-  margin-top: 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-/* ui/pages/DocumentPage/DocumentPage.css */
-.DocumentPage__side {
-  max-height: calc(100vh - 48px);
-  overflow: auto;
-}
-.DocumentPage__side__header {
-  font-weight: 600;
-  font-size: 12px;
-  padding: 4px 12px 4px 4px;
-  border-bottom: 1px solid var(--color-border);
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.DocumentPage__side__header__back {
-  color: var(--color-text-default);
-}
-.DocumentPage__side__editor {
-  padding: 8px 12px;
-}
-.DocumentPage__main {
-  padding: 12px;
-}
-
-/* ui/pages/ProjectPage/ProjectPage.css */
-.ProjectPage {
-  padding: 8px;
-}
-.ProjectPage__collection {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-/* ui/pages/NotFoundPage/NotFoundPage.css */
-.NotFoundPage {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-}
-.NotFoundPage__body {
-  max-width: 400px;
-  font-weight: 500;
-}
-
-/* ui/styles/global.css */
-:root {
-  --font-family-default: "Inter", sans-serif;
-  --font-family-mono:
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    monospace;
-  --color-text-default: #333333;
-  --color-border: #EFEFEF;
-  --button-background-hover: #F5F5F5;
-  --button-background-active: #E5E5E5;
-}
-html {
-  box-sizing: border-box;
-  overflow-x: hidden;
-  font-size: 16px;
-  line-height: 1.5;
-}
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-html,
-body {
-  font-family: var(--font-family-default);
-  color: var(--color-text-default);
-  height: 100%;
-  margin: 0;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  scroll-behavior: smooth;
-}
-img,
-picture,
-figure,
-video,
-canvas,
-svg,
-iframe {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  margin: 0;
-}
-a {
-  color: inherit;
-}
-select {
-  color-scheme: light;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-p {
-  margin: 0;
-}
-body.menu\:open {
-  overflow: hidden;
-}
-#root {
-  margin: 0 auto;
-  min-height: 100vh;
-  position: relative;
-}
-.bootstrap {
-  font-size: 48px;
-  font-weight: 900;
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  padding: 40px;
-  gap: 36px;
-  position: relative;
-}
-.bootstrap-error {
-  font-size: 14px;
-  font-weight: 400;
-  position: absolute;
-  bottom: 100px;
-  left: 0;
-  right: 0;
-  text-align: center;
-  animation: 0.5s forwards bootstrap-loading-error;
-  animation-delay: 1s;
-  opacity: 0;
-}
-@keyframes bootstrap-loading-error {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-/* ui/styles/main.css */