@conveyorhq/arrow-ds 2.0.0-beta.6 → 2.0.0-beta.7

package/src/css/base.css

@@ -1,563 +1,8 @@
-/**
- * A custom CSS reset based on tailwindcss/base[1] and modern-normalize[2]
- *
- * Why a custom reset instead of importing tailwindcss/base? There were
- * duplicate rules and selectors which overwrote each other. By using a custom
- * reset, we can consolidate rules which will make it easier to see where styles
- * are being inherited from.
- *
- * tailwindcss/base uses modern-normalize under the hood, so that’s why this
- * particular reset is being used.
- *
- * 1: https://tailwindcss.com/docs/preflight
- * 2: https://github.com/sindresorhus/modern-normalize
- */
+@tailwind base;
 
-html {
-  /**
-   * modern-normalize
-   *
-   * Improve the box model; prevent padding and border from affecting element
-   * width.
-   */
-  box-sizing: border-box;
-
-  /**
-   * modern-normalize
-   *
-   * Use a more readable tab size.
-   */
-  -moz-tab-size: 4;
-  tab-size: 4;
-
-  /**
-   * modern-normalize
-   *
-   * Correct the line height in all browsers.
-   */
-  line-height: 1.15;
-
-  /**
-   * modern-normalize
-   *
-   * Prevent adjustments of font size after orientation changes in iOS.
-   */
-  -webkit-text-size-adjust: 100%;
-
-  /**
-   * Conveyor custom styles
-   */
-  @apply font-sans text-gray-800;
-  font-size: 14px;
-}
-
-*,
-::before,
-::after {
-  /**
-   * Conveyor custom styles
-   *
-   * Inherit box sizing from the parent.
-   */
-  box-sizing: inherit;
-
-  /**
-   * Tailwind Preflight
-   *
-   * Allow adding a border to an element by just adding a border-width.
-   *
-   * By default, the way the browser specifies that an element should have no
-   * border is by setting it’s border-style to `none` in the user-agent
-   * stylesheet.
-   *
-   * In order to easily add borders to elements by just setting the
-   * `border-width` property, we change the default border-style for all
-   * elements to `solid`, and use border-width to hide them instead. This way
-   * our `border` utilities only need to set the `border-width` property instead
-   * of the entire `border` shorthand, making our border utilities much more
-   * straightforward to compose.
-   *
-   * https://github.com/tailwindcss/tailwindcss/pull/116
-   */
-  border-width: 0;
-  border-style: solid;
-  border-color: currentColor;
-}
-
-body {
-  /**
-   * modern-normalize
-   *
-   * Remove the margin in all browsers.
-   */
-  margin: 0;
-
-  /**
-   * Tailwind Preflight
-   *
-   * Inherit font-family and line-height from `html` so users can set them as
-   * a class directly on the `html` element.
-   */
-  font-family: inherit;
-  line-height: inherit;
-}
-
-hr {
-  /**
-   * modern-normalize
-   *
-   * Add the correct height in Firefox.
-   */
-  height: 0;
-
-  /**
-   * modern-normalize
-   *
-   * Correct the inheritance of border color in Firefox.
-   * https://bugzilla.mozilla.org/show_bug.cgi?id=190655
-   */
-  color: inherit;
-
-  /**
-   * Tailwind Preflight
-   *
-   * Ensure horizontal rules are visible by default.
-   */
-  border-top-width: 1px;
-}
-
-abbr[title] {
-  /**
-   * modern-normalize
-   *
-   * Add the correct text decoration in Chrome, Edge, and Safari.
-   */
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-
-b,
-strong {
-  /**
-   * modern-normalize
-   *
-   * Add the correct font weight in Edge and Safari (uses custom style).
-   */
-  @apply font-medium;
-}
-
-code,
-kbd,
-samp,
-pre {
-  /**
-   * modern-normalize
-   *
-   * Correct the odd `em` font sizing in all browsers.
-   */
-  font-size: 1em;
-
-  /**
-   * Tailwind Preflight
-   *
-   * Use the configured `mono` font family for elements that are expected to be
-   * rendered with a monospace font, falling back to the system monospace stack
-   * if there is no configured `mono` font family.
-   */
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    "Liberation Mono", "Courier New", monospace;
-}
-
-small {
-  /**
-   * modern-normalize
-   *
-   * Add the correct font size in all browsers.
-   */
-  font-size: 80%;
-}
-
-sub,
-sup {
-  /**
-   * modern-normalize
-   *
-   * Prevent `sub` and `sup` elements from affecting the line height in all
-   * browsers.
-   */
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  /**
-   * modern-normalize
-   */
-  bottom: -0.25em;
-}
-
-sup {
-  /**
-   * modern-normalize
-   */
-  top: -0.5em;
-}
-
-table {
-  /**
-   * modern-normalize
-   *
-   * Remove text indentation from table contents in Chrome and Safari.
-   *
-   * https://bugs.chromium.org/p/chromium/issues/detail?id=999088
-   * https://bugs.webkit.org/show_bug.cgi?id=201297
-   */
-  text-indent: 0;
-
-  /**
-   * modern-normalize
-   *
-   * Correct table border color inheritance in all Chrome and Safari.
-   *
-   * https://bugs.chromium.org/p/chromium/issues/detail?id=935729
-   * https://bugs.webkit.org/show_bug.cgi?id=195016
-   */
-  border-color: inherit;
-
-  /**
-   * Tailwind Preflight
-   */
-  border-collapse: collapse;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  /**
-   * modern-normalize
-   *
-   * Change the font styles in all browsers.
-   */
-  font-family: inherit;
-  font-size: 100%;
-
-  /**
-   * modern-normalize
-   *
-   * Remove the margin in Firefox and Safari.
-   */
-  margin: 0;
-
-  /**
-   * Tailwind Preflight
-   *
-   * Reset form element properties that are easy to forget to style explicitly
-   * so you don’t inadvertently introduce styles that deviate from your design
-   * system. These styles supplement a partial reset that is already applied by
-   * normalize.css.
-   */
-  padding: 0;
-  line-height: inherit;
-  color: inherit;
-}
-
-textarea {
-  /**
-   * Tailwind Preflight
-   */
-  resize: vertical;
-}
-
-input::placeholder,
-textarea::placeholder {
-  /**
-   * Tailwind Preflight
-   */
-  opacity: 1;
-  color: #9ca3af;
-}
-
-button,
-select {
-  /**
-   * modern-normalize
-   *
-   * Remove the inheritance of text transform in Firefox.
-   */
-  text-transform: none;
-}
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  /**
-   * modern-normalize
-   *
-   * Correct the inability to style clickable types in iOS and Safari.
-   */
-  -webkit-appearance: button;
-}
-
-button,
-[role="button"] {
-  /**
-   * Tailwind Preflight
-   */
-  cursor: pointer;
-
-  /**
-   * Conveyor custom styles
-   */
-  @apply focus:outline-none
-    focus:shadow-focus;
-}
-
-::-moz-focus-inner {
-  /**
-   * modern-normalize
-   *
-   * Remove the inner border and padding in Firefox.
-   */
-  border-style: none;
-  padding: 0;
-}
-
-:-moz-focusring {
-  /**
-   * modern-normalize
-   *
-   * Restore the focus styles unset by the previous rule.
-   */
-  outline: 1px dotted ButtonText;
-}
-
-:-moz-ui-invalid {
-  /**
-   * modern-normalize
-   *
-   * Remove the additional `:invalid` styles in Firefox.
-   *
-   * https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-   */
-  box-shadow: none;
-}
-
-legend {
-  /**
-   * modern-normalize
-   *
-   * Remove the padding so developers are not caught out when they zero out
-   * `fieldset` elements in all browsers.
-   */
-  padding: 0;
-}
-
-progress {
-  /**
-   * modern-normalize
-   *
-   * Add the correct vertical alignment in Chrome and Firefox.
-   */
-  vertical-align: baseline;
-}
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  /**
-   * modern-normalize
-   *
-   * Correct the cursor style of increment and decrement buttons in Safari.
-   */
-  height: auto;
-}
-
-[type="search"] {
-  /**
-   * modern-normalize
-   *
-   * Correct the odd appearance in Chrome and Safari.
-   */
-  -webkit-appearance: textfield;
-
-  /**
-   * modern-normalize
-   *
-   * Correct the outline style in Safari.
-   */
-  outline-offset: -2px;
-}
-
-::-webkit-search-decoration {
-  /**
-   * modern-normalize
-   *
-   * Remove the inner padding in Chrome and Safari on macOS.
-   */
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  /**
-   * modern-normalize
-   *
-   * Correct the inability to style clickable types in iOS and Safari.
-   */
-  -webkit-appearance: button;
-
-  /**
-   * modern-normalize
-   *
-   * Change font properties to `inherit` in Safari.
-   */
-  font: inherit;
-}
-
-summary {
-  /**
-   * modern-normalize
-   *
-   * Add the correct display in Chrome and Safari.
-   */
-  display: list-item;
-}
-
-/**
- * modern-normalize
- *
- * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
- * A thin layer on top of normalize.css that provides a starting point more
- * suitable for web applications.
- *
- * Removes the default spacing and border for appropriate elements.
- */
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-button {
-  background-color: transparent;
-  background-image: none;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-ol,
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  /**
-   * Tailwind Preflight
-   */
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-a {
-  /**
-   * Tailwind Preflight
-   *
-   * Reset links to optimize for opt-in styling instead of opt-out.
-   */
-  color: inherit;
-  text-decoration: inherit;
-}
-
-img {
-  /**
-   * Tailwind Preflight
-   * Undo the `border-style: none` reset that Normalize applies to images so
-   * that our `border-{width}` utilities have the expected effect.
-   *
-   * The Normalize reset is unnecessary for us since we default the border-width
-   * to 0 on all elements.
-   *
-   * https://github.com/tailwindcss/tailwindcss/issues/362
-   */
-  border-style: solid;
-}
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  /**
-   * Tailwind Preflight
-   *
-   * Make replaced elements `display: block` by default as that’s the behavior
-   * you want almost all of the time. Inspired by CSS Remedy, with `svg` added
-   * as well.
-   *
-   * https://github.com/mozdevs/cssremedy/issues/14
-   */
-  display: block;
-
-  /**
-   * Tailwind Preflight
-   *
-   * Add `vertical-align: middle` to align replaced elements more sensibly by
-   * default when overriding `display` by adding a utility like `inline`.
-   *
-   * This can trigger a poorly considered linting error in some tools but is
-   * included by design.
-   *
-   * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
-   */
-  vertical-align: middle;
-}
-
-img,
-video {
-  /**
-   * Tailwind Preflight
-   *
-   * Constrain images and videos to the parent width and preserve their
-   * intrinsic aspect ratio.
-   *
-   * https://github.com/mozdevs/cssremedy/issues/14
-   */
-  max-width: 100%;
-  height: auto;
-}
-
-[hidden] {
-  /**
-   * Tailwind Preflight
-   *
-   * Ensure the default browser behavior of the `hidden` attribute.
-   */
-  display: none;
+@layer base {
+  b,
+  strong {
+    @apply font-medium;
+  }
 }

package/src/css/components.css

@@ -1,7 +1,4 @@
 @import "../components/Accordion";
-@import "../components/Appbar";
-@import "../components/ArrowButton";
-@import "../components/Aside";
 @import "../components/Avatar";
 @import "../components/Badge";
 @import "../components/Banner";
@@ -12,10 +9,13 @@
 @import "../components/DatePicker";
 @import "../components/DateRangePicker";
 @import "../components/Description";
+@import "../components/Divider";
 @import "../components/Drawer";
 @import "../components/FileUpload";
+@import "../components/Flex";
 @import "../components/FormGroup";
 @import "../components/Frame";
+@import "../components/Grid";
 @import "../components/Heading";
 @import "../components/Image";
 @import "../components/Input";
@@ -28,11 +28,10 @@
 @import "../components/Menu";
 @import "../components/Modal";
 @import "../components/OptionButton";
-@import "../components/Overlay";
 @import "../components/Paper";
+@import "../components/Paragraph";
 @import "../components/Popover";
 @import "../components/PopoverMenu";
-@import "../components/PropertyDiff";
 @import "../components/Radio";
 @import "../components/Reference";
 @import "../components/ScrollPane";
@@ -44,14 +43,10 @@
 @import "../components/Snackbar";
 @import "../components/SpeechBubble";
 @import "../components/Stack";
-@import "../components/StatusLabel";
-@import "../components/StatusPanel";
 @import "../components/Tab";
 @import "../components/Table";
 @import "../components/Tag";
 @import "../components/Toast";
 @import "../components/Toggle";
 @import "../components/Token";
-@import "../components/TopBar";
 @import "../components/Truncate";
-@import "../components/VendorLogo";

package/src/css/fonts.css

@@ -3,8 +3,9 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url("https://d365biun6qawhk.cloudfront.net/fonts/neue-montreal/400-NeueMontreal-Regular.otf")
-    format("opentype");
+  src: local("NeueMontreal-Regular"),
+    url("https://static.conveyor.com/fonts/neue-montreal/400-NeueMontreal-Regular.otf")
+      format("opentype");
 }
 
 @font-face {
@@ -12,8 +13,9 @@
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url("https://d365biun6qawhk.cloudfront.net/fonts/neue-montreal/500-NeueMontreal-Medium.otf")
-    format("opentype");
+  src: local("NeueMontreal-Medium"),
+    url("https://static.conveyor.com/fonts/neue-montreal/500-NeueMontreal-Medium.otf")
+      format("opentype");
 }
 
 @font-face {
@@ -21,15 +23,16 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url("https://d365biun6qawhk.cloudfront.net/fonts/neue-montreal/600-NeueMontreal-Bold.otf")
-    format("opentype");
+  src: local("NeueMontreal-Bold"),
+    url("https://static.conveyor.com/fonts/neue-montreal/600-NeueMontreal-Bold.otf")
+      format("opentype");
 }
 
 @font-face {
-  font-family: "IBM Plex Serif";
+  font-family: "Copernicus";
   font-style: normal;
-  font-weight: 600;
   font-display: swap;
-  src: url("https://d365biun6qawhk.cloudfront.net/fonts/ibm-plex-serif/600-IBMPlexSerif-SemiBold.woff2")
-    format("woff2");
+  src: local("Copernicus-Bold"),
+    url("https://static.conveyor.com/fonts/galaxie-copernicus/GalaxieCopernicus-Bold.otf")
+      format("opentype");
 }

package/src/css/styles.css

@@ -1,6 +1,5 @@
 @import "fonts";
 @import "base";
-@import "tailwindcss/components";
 @import "plugin";
 @import "components";
 @import "utilities";

package/src/css/utilities/animations.css

@@ -54,6 +54,15 @@
   }
 }
 
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 .animated {
   animation-duration: 500ms;
   animation-fill-mode: both;
@@ -90,3 +99,7 @@
 .ease-all-slow {
   transition: all 1s ease;
 }
+
+.spin {
+  animation-name: spin;
+}