wip: cloud

5 files changed, 0 insertions, 382 deletions

diff --git a/cloud/web/src/ui/style/token/animation.css b/cloud/web/src/ui/style/token/animation.css
deleted file mode 100644
index a8edfeff5..000000000
--- a/cloud/web/src/ui/style/token/animation.css
+++ /dev/null
@@ -1,23 +0,0 @@
-@keyframes zoomIn {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes zoomOut {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  to {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-}
diff --git a/cloud/web/src/ui/style/token/color.css b/cloud/web/src/ui/style/token/color.css
deleted file mode 100644
index af0c46f3b..000000000
--- a/cloud/web/src/ui/style/token/color.css
+++ /dev/null
@@ -1,88 +0,0 @@
-:root {
-  --color-white: hsl(0, 0%, 100%);
-  --color-gray-1: hsl(224, 20%, 94%);
-  --color-gray-2: hsl(224, 6%, 77%);
-  --color-gray-3: hsl(224, 6%, 56%);
-  --color-gray-4: hsl(224, 7%, 36%);
-  --color-gray-5: hsl(224, 10%, 23%);
-  --color-gray-6: hsl(224, 14%, 16%);
-  --color-black: hsl(224, 10%, 10%);
-
-  --hue-orange: 41;
-  --color-orange-low: hsl(var(--hue-orange), 39%, 22%);
-  --color-orange: hsl(var(--hue-orange), 82%, 63%);
-  --color-orange-high: hsl(var(--hue-orange), 82%, 87%);
-  --hue-green: 101;
-  --color-green-low: hsl(var(--hue-green), 39%, 22%);
-  --color-green: hsl(var(--hue-green), 82%, 63%);
-  --color-green-high: hsl(var(--hue-green), 82%, 80%);
-  --hue-blue: 234;
-  --color-blue-low: hsl(var(--hue-blue), 54%, 20%);
-  --color-blue: hsl(var(--hue-blue), 100%, 60%);
-  --color-blue-high: hsl(var(--hue-blue), 100%, 87%);
-  --hue-purple: 281;
-  --color-purple-low: hsl(var(--hue-purple), 39%, 22%);
-  --color-purple: hsl(var(--hue-purple), 82%, 63%);
-  --color-purple-high: hsl(var(--hue-purple), 82%, 89%);
-  --hue-red: 339;
-  --color-red-low: hsl(var(--hue-red), 39%, 22%);
-  --color-red: hsl(var(--hue-red), 82%, 63%);
-  --color-red-high: hsl(var(--hue-red), 82%, 87%);
-
-  --color-accent-low: hsl(13, 75%, 30%);
-  --color-accent: hsl(13, 88%, 57%);
-  --color-accent-high: hsl(13, 100%, 78%);
-
-  --color-text: var(--color-gray-1);
-  --color-text-dimmed: var(--color-gray-3);
-  --color-text-accent: var(--color-accent);
-  --color-text-invert: var(--color-black);
-  --color-text-accent-invert: var(--color-accent-high);
-  --color-bg: var(--color-black);
-  --color-bg-surface: var(--color-gray-5);
-  --color-bg-accent: var(--color-accent-high);
-  --color-border: var(--color-gray-2);
-
-  --color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);
-}
-
-:root[data-color-mode="light"] {
-  --color-white: hsl(224, 10%, 10%);
-  --color-gray-1: hsl(224, 14%, 16%);
-  --color-gray-2: hsl(224, 10%, 23%);
-  --color-gray-3: hsl(224, 7%, 36%);
-  --color-gray-4: hsl(224, 6%, 56%);
-  --color-gray-5: hsl(224, 6%, 77%);
-  --color-gray-6: hsl(224, 20%, 94%);
-  --color-gray-7: hsl(224, 19%, 97%);
-  --color-black: hsl(0, 0%, 100%);
-
-  --color-orange-high: hsl(var(--hue-orange), 80%, 25%);
-  --color-orange: hsl(var(--hue-orange), 90%, 60%);
-  --color-orange-low: hsl(var(--hue-orange), 90%, 88%);
-  --color-green-high: hsl(var(--hue-green), 80%, 22%);
-  --color-green: hsl(var(--hue-green), 90%, 46%);
-  --color-green-low: hsl(var(--hue-green), 85%, 90%);
-  --color-blue-high: hsl(var(--hue-blue), 80%, 30%);
-  --color-blue: hsl(var(--hue-blue), 90%, 60%);
-  --color-blue-low: hsl(var(--hue-blue), 88%, 90%);
-  --color-purple-high: hsl(var(--hue-purple), 90%, 30%);
-  --color-purple: hsl(var(--hue-purple), 90%, 60%);
-  --color-purple-low: hsl(var(--hue-purple), 80%, 90%);
-  --color-red-high: hsl(var(--hue-red), 80%, 30%);
-  --color-red: hsl(var(--hue-red), 90%, 60%);
-  --color-red-low: hsl(var(--hue-red), 80%, 90%);
-
-  --color-accent-high: hsl(13, 75%, 26%);
-  --color-accent: hsl(13, 88%, 60%);
-  --color-accent-low: hsl(13, 100%, 89%);
-
-  --color-text-accent: var(--color-accent);
-  --color-text-dimmed: var(--color-gray-4);
-  --color-text-invert: var(--color-black);
-  --color-text-accent-invert: var(--color-accent-low);
-  --color-bg-surface: var(--color-gray-6);
-  --color-bg-accent: var(--color-accent);
-
-  --color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
-}
diff --git a/cloud/web/src/ui/style/token/font.css b/cloud/web/src/ui/style/token/font.css
deleted file mode 100644
index 24b2db3f2..000000000
--- a/cloud/web/src/ui/style/token/font.css
+++ /dev/null
@@ -1,20 +0,0 @@
-:root {
-  --font-size-2xs: 0.6875rem;
-  --font-size-xs: 0.75rem;
-  --font-size-sm: 0.8125rem;
-  --font-size-md: 0.9375rem;
-  --font-size-lg: 1.125rem;
-  --font-size-xl: 1.25rem;
-  --font-size-2xl: 1.5rem;
-  --font-size-3xl: 1.875rem;
-  --font-size-4xl: 2.25rem;
-  --font-size-5xl: 3rem;
-  --font-size-6xl: 3.75rem;
-  --font-size-7xl: 4.5rem;
-  --font-size-8xl: 6rem;
-  --font-size-9xl: 8rem;
-  --font-mono: IBM Plex Mono, monospace;
-  --font-sans: Rubik, sans-serif;
-
-  --font-line-height: 1.75;
-}
diff --git a/cloud/web/src/ui/style/token/reset.css b/cloud/web/src/ui/style/token/reset.css
deleted file mode 100644
index f4aa1a0a9..000000000
--- a/cloud/web/src/ui/style/token/reset.css
+++ /dev/null
@@ -1,212 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  font: inherit;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: var(--global-color-border, currentColor);
-}
-
-html {
-  line-height: 1.5;
-  --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  -webkit-text-size-adjust: 100%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-tab-size: 4;
-  tab-size: 4;
-  font-family: var(--global-font-body, var(--font-fallback));
-}
-
-hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
-
-body {
-  height: 100%;
-  line-height: inherit;
-}
-
-img {
-  border-style: none;
-}
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-}
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  overflow-wrap: break-word;
-}
-
-ol,
-ul {
-  list-style: none;
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-size: 1em;
-}
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-}
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: var(--global-color-placeholder, #9ca3af);
-}
-
-textarea {
-  resize: vertical;
-}
-
-summary {
-  display: list-item;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-dialog {
-  padding: 0;
-}
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-code,
-kbd,
-samp,
-pre {
-  font-size: 1em;
-  --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    "Liberation Mono", "Courier New";
-  font-family: var(--global-font-mono, var(--font-fallback));
-}
-
-input[type="text"],
-input[type="email"],
-input[type="search"],
-input[type="password"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-
-input[type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-::-webkit-search-decoration,
-::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-:-moz-focusring {
-  outline: auto;
-}
diff --git a/cloud/web/src/ui/style/token/space.css b/cloud/web/src/ui/style/token/space.css
deleted file mode 100644
index 4a061d756..000000000
--- a/cloud/web/src/ui/style/token/space.css
+++ /dev/null
@@ -1,39 +0,0 @@
-:root {
-  --space-0: 0;
-  --space-px: 1px;
-  --space-0-5: 0.125rem;
-  --space-1: 0.25rem;
-  --space-1-5: 0.375rem;
-  --space-2: 0.5rem;
-  --space-2-5: 0.625rem;
-  --space-3: 0.75rem;
-  --space-3-5: 0.875rem;
-  --space-4: 1rem;
-  --space-4-5: 1.125rem;
-  --space-5: 1.25rem;
-  --space-6: 1.5rem;
-  --space-7: 1.75rem;
-  --space-8: 2rem;
-  --space-9: 2.25rem;
-  --space-10: 2.5rem;
-  --space-11: 2.75rem;
-  --space-12: 3rem;
-  --space-14: 3.5rem;
-  --space-16: 4rem;
-  --space-18: 4.5rem;
-  --space-20: 5rem;
-  --space-24: 6rem;
-  --space-28: 7rem;
-  --space-32: 8rem;
-  --space-36: 9rem;
-  --space-40: 10rem;
-  --space-44: 11rem;
-  --space-48: 12rem;
-  --space-52: 13rem;
-  --space-56: 14rem;
-  --space-60: 15rem;
-  --space-64: 16rem;
-  --space-72: 18rem;
-  --space-80: 20rem;
-  --space-96: 24rem;
-}