@plexui/ui 0.19.0 → 0.20.0

package/dist/es/components/Markdown/Markdown.module.css

@@ -1,233 +0,0 @@
-@layer components {.MarkdownContent {
-  overflow-wrap: anywhere;
-}
-  /* IMPORTANT: These cannot be removed without changing SmoothMarkdown   */
-  .MarkdownContent *:first-child {
-    margin-top: 0;
-  }
-  /* ******************************************************************** */
-
-  .MarkdownContent *:last-child {
-    margin-bottom: 0;
-  }
-
-  /* Headers */
-  .MarkdownContent h1 {
-    margin-bottom: 0.5rem;
-    font-size: 1.75em;
-    font-weight: var(--font-weight-semibold);
-    letter-spacing: -0.04rem;
-    line-height: 1.222;
-  }
-  /* ******************************************************************** */
-
-  .MarkdownContent h2 {
-    margin-top: 2rem;
-    margin-bottom: 1rem;
-    font-size: 1.5em;
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.222;
-  }
-
-  /* Avoid margin collapse on all children, for more predictable spacing. */
-
-  .MarkdownContent h3 {
-    margin-top: 1.125rem;
-    margin-bottom: 0.625rem;
-    font-size: 1.25em;
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.3;
-  }
-
-  .MarkdownContent h4 {
-    margin-top: 1rem;
-    margin-bottom: 0.5rem;
-    font-size: 1em;
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.5;
-  }
-
-  .MarkdownContent h5 {
-    font-size: 1em;
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.5;
-  }
-
-  .MarkdownContent h6 {
-    font-size: 1em;
-    line-height: 1.5;
-  }
-
-  /* Lists */
-  .MarkdownContent ul,
-  .MarkdownContent ol {
-    margin: 0.5em 0 1em;
-  }
-
-    .MarkdownContent ul > li > :first-child, .MarkdownContent ol > li > :first-child {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-
-    .MarkdownContent ul > li ul,
-    .MarkdownContent ul > li ol,
-    .MarkdownContent ol > li ul,
-    .MarkdownContent ol > li ol {
-      margin-top: 0.25em !important;
-    }
-
-  .MarkdownContent ul {
-    padding-left: 1.625em;
-    list-style-type: disc;
-  }
-
-    .MarkdownContent ul > li {
-      padding-left: 0.375em;
-      margin: 0.5em 0;
-    }
-
-      .MarkdownContent ul > li::marker {
-        color: var(--color-text-secondary);
-        font-size: 1em;
-        font-weight: var(--font-weight-medium);
-      }
-
-  .MarkdownContent ol {
-    padding-left: 1.625em;
-    list-style-type: decimal;
-  }
-
-    .MarkdownContent ol > li {
-      padding-left: 0.375em;
-      margin: 0.5em 0;
-    }
-
-      .MarkdownContent ol > li::marker {
-        color: var(--color-text-secondary);
-        font-size: 1em;
-        font-weight: var(--font-weight-medium);
-      }
-
-  .MarkdownContent li {
-    min-height: 1.5em;
-    margin: 0.5em 0;
-  }
-
-  /* Text */
-  .MarkdownContent p {
-    margin: 1em 0;
-  }
-
-  /* Emphasis */
-  .MarkdownContent strong {
-    font-weight: var(--font-weight-semibold);
-  }
-
-  .MarkdownContent em {
-    font-style: italic;
-  }
-
-  /* Quotes */
-  .MarkdownContent blockquote {
-    position: relative;
-    padding-top: 0.25em;
-    padding-bottom: 0.25rem;
-    padding-left: calc(var(--spacing) * 6);
-    color: var(--tw-prose-quotes);
-    font-weight: var(--font-weight-normal);
-    quotes: "\201C" "\201D" "\2018" "\2019";
-  }
-
-    .MarkdownContent blockquote::before {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      display: block;
-      width: 0.25rem;
-      border-radius: var(--radius-2xs);
-      content: "";
-    }
-
-    .MarkdownContent blockquote::before, :where([data-theme="light"]) .MarkdownContent blockquote::before {
-background: var(--alpha-15);
-}
-
-    :where([data-theme="dark"]) .MarkdownContent blockquote::before {
-background: var(--alpha-20);
-}
-
-    .MarkdownContent blockquote p {
-      margin: 0.5em 0 0;
-    }
-
-      .MarkdownContent blockquote p:first-child {
-        margin-top: 0;
-      }
-
-  /* Dividers */
-  .MarkdownContent hr {
-    border-color: var(--alpha-10);
-    border-top-width: 1px;
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  /* Tables */
-  .MarkdownContent table {
-    width: 100%;
-    border: 0;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-collapse: separate;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-    table-layout: auto;
-  }
-
-  .MarkdownContent th {
-    border: 0;
-    border-bottom: 1px solid var(--color-border-strong);
-    line-height: var(--font-text-sm-line-height);
-    padding-block: calc(var(--spacing) * 2);
-    padding-inline: calc(var(--spacing) * 2);
-    text-align: start;
-  }
-
-    .MarkdownContent th:first-child {
-      padding-inline-start: 0;
-    }
-
-    .MarkdownContent th:last-child {
-      padding-inline-end: 0;
-    }
-
-  .MarkdownContent td {
-    border: 0;
-    border-bottom: 1px solid var(--color-border);
-    padding-block: calc(var(--spacing) * 2.5);
-    padding-inline: calc(var(--spacing) * 2);
-  }
-
-    .MarkdownContent td:first-child {
-      padding-inline-start: 0;
-    }
-
-    .MarkdownContent td:last-child {
-      padding-inline-end: 0;
-    }
-    .MarkdownContent tbody tr:last-child td {
-      border-bottom: 0;
-    }.InlineCode {
-  padding: 1px 0.3rem;
-  border-radius: 0.25rem;
-  box-shadow: inset 0 0 0 1px var(--alpha-08);
-  color: inherit;
-  font-size: 0.875em;
-  font-weight: 500;
-}.InlineCode, :where([data-theme="light"]) .InlineCode {
-background-color: var(--alpha-04);
-}:where([data-theme="dark"]) .InlineCode {
-background-color: var(--alpha-10);
-}
-}

package/dist/es/components/MarkdownEditor/MarkdownEditor.module.css

@@ -1,297 +0,0 @@
-@layer components {.Container {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  border-radius: var(--control-radius-md);
-  color: var(--color-text);
-  cursor: text;
-  font-size: var(--control-font-size-md);
-  font-weight: var(--font-weight-normal);
-  overflow: hidden;
-  transition-duration: var(--transition-duration-basic);
-  transition-property: color, box-shadow, background-color;
-  transition-timing-function: var(--transition-ease-basic);
-}
-
-  .Container:where([data-variant="outline"]) {
-    box-shadow: 0 0 0 1px var(--input-outline-border-color) inset;
-  }
-      @media (hover: hover) and (pointer: fine) {.Container:where([data-variant="outline"]):not([data-disabled]):hover {
-        box-shadow: 0 0 0 1px var(--input-outline-border-color-hover) inset;
-}
-}
-
-      .Container:where([data-variant="outline"]):not([data-disabled])[data-focused="true"] {
-        box-shadow: 0 0 0 1px var(--input-outline-border-color-focus) inset;
-      }
-
-      .Container:where([data-variant="outline"]):not([data-disabled])[data-invalid] {
-        box-shadow: 0 0 0 1px var(--input-border-color-invalid) inset;
-      }
-
-  .Container:where([data-variant="soft"]) {
-    background-color: var(--input-soft-background-color);
-  }
-      .Container:where([data-variant="soft"]):not([data-disabled])[data-focused="true"] {
-        box-shadow: 0 0 0 1px var(--input-soft-border-color-focus) inset;
-      }
-
-      .Container:where([data-variant="soft"]):not([data-disabled])[data-invalid] {
-        box-shadow: 0 0 0 1px var(--input-border-color-invalid) inset;
-      }
-    .Container[data-invalid] ::-moz-selection {
-      background-color: var(--red-a50);
-    }
-    .Container[data-invalid] ::selection {
-      background-color: var(--red-a50);
-    }
-
-  .Container[data-disabled] {
-    cursor: not-allowed;
-    opacity: 0.5;
-    pointer-events: none;
-  }.Toolbar, :where([data-theme="light"]) .Toolbar {
-border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-}:where([data-theme="dark"]) .Toolbar {
-border-bottom: 1px solid rgba(255, 255, 255, 0.07);
-}.ToolbarGroup {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  padding: 6px;
-}.ToolbarSeparator {
-  width: 1px;
-  height: 16px;
-  margin: 0 2px;
-  flex-shrink: 0;
-}.ToolbarSeparator, :where([data-theme="light"]) .ToolbarSeparator {
-background-color: rgba(0, 0, 0, 0.1);
-}:where([data-theme="dark"]) .ToolbarSeparator {
-background-color: rgba(255, 255, 255, 0.1);
-}.ToolbarButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: 0;
-  border-radius: var(--control-radius-sm);
-  background: none;
-  color: var(--color-text-secondary);
-  cursor: pointer;
-  font-size: 16px;
-  transition-duration: var(--transition-duration-basic);
-  transition-property: color, background-color;
-  transition-timing-function: var(--transition-ease-basic);
-}
-
-  @media (hover: hover) and (pointer: fine) {.ToolbarButton:hover {
-    background-color: var(--color-background-primary-ghost-hover);
-    color: var(--color-text);
-}
-}
-
-  .ToolbarButton:where([data-active="true"]) {
-    background-color: var(--color-background-primary-ghost-active);
-    color: var(--color-text);
-  }
-
-  .ToolbarButton:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }.ToolbarEnd {
-  margin-left: auto;
-}.Editor {
-  padding: 8px 12px;
-  line-height: 20px;
-}.EditorContent {
-  outline: none;
-}
-
-  .EditorContent > * + * {
-    margin-top: 8px;
-  }
-
-  .EditorContent :global(p.is-editor-empty):first-child::before {
-    content: attr(data-placeholder);
-    float: left;
-    height: 0;
-    pointer-events: none;
-    color: var(--input-placeholder-text-color);
-  }
-
-  .EditorContent strong {
-    font-weight: var(--font-weight-semibold);
-  }
-
-  .EditorContent em {
-    font-style: italic;
-  }
-
-  .EditorContent a {
-    color: var(--link-primary-text-color);
-    text-decoration: underline;
-  }
-
-  .EditorContent ul,
-  .EditorContent ol {
-    padding-left: 20px;
-  }
-
-  .EditorContent ul {
-    list-style-type: disc;
-  }
-
-  .EditorContent ol {
-    list-style-type: decimal;
-  }
-
-  .EditorContent li + li {
-    margin-top: 2px;
-  }.LinkDialogOverlay {
-  position: fixed;
-  inset: 0;
-  z-index: 9999;
-  background-color: rgba(0, 0, 0, 0.4);
-}.LinkDialogContent {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  z-index: 10000;
-  display: flex;
-  flex-direction: column;
-  width: 450px;
-  max-width: calc(100vw - 32px);
-  transform: translate(-50%, -50%);
-  border-radius: 12px;
-  background-color: var(--color-surface, #fff);
-  box-shadow:
-    0 0 0 0.5px rgba(0, 0, 0, 0.08),
-    0 10px 15px -3px rgba(0, 0, 0, 0.1),
-    0 4px 6px -4px rgba(0, 0, 0, 0.1);
-}.LinkDialogContent, :where([data-theme="light"]) .LinkDialogContent {
-border: 1px solid rgba(0, 0, 0, 0.1);
-}:where([data-theme="dark"]) .LinkDialogContent {
-border: 1px solid rgba(255, 255, 255, 0.1);
-}.LinkDialogBody {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  padding: 20px;
-}.LinkDialogTitle {
-  margin: 0;
-  font-size: 18px;
-  font-weight: var(--font-weight-semibold);
-  line-height: 1.6;
-  color: var(--color-text);
-}.LinkDialogFields {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}.LinkDialogField {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}.LinkDialogLabel {
-  font-size: 14px;
-  font-weight: var(--font-weight-semibold);
-  line-height: 20px;
-  color: var(--color-text);
-}.LinkDialogInput {
-  display: flex;
-  align-items: center;
-  height: 32px;
-  padding: 0 12px;
-  border: 0;
-  border-radius: var(--control-radius-md);
-  background: none;
-  box-shadow: 0 0 0 1px var(--input-outline-border-color) inset;
-  color: var(--color-text);
-  font-size: 14px;
-  font-weight: var(--font-weight-normal);
-  line-height: 20px;
-  transition-duration: var(--transition-duration-basic);
-  transition-property: box-shadow;
-  transition-timing-function: var(--transition-ease-basic);
-}
-
-  .LinkDialogInput:focus {
-    outline: 0;
-    box-shadow: 0 0 0 1px var(--input-outline-border-color-focus) inset;
-  }
-
-  .LinkDialogInput::-moz-placeholder {
-    color: var(--input-placeholder-text-color);
-  }
-
-  .LinkDialogInput::placeholder {
-    color: var(--input-placeholder-text-color);
-  }.LinkDialogFooter {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 16px 20px;
-}.LinkDialogFooterTrailing {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-left: auto;
-}.LinkDialogButtonRemove {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  padding: 0 12px;
-  border: 0;
-  border-radius: var(--control-radius-md);
-  background-color: var(--color-background-danger-solid, #dc2626);
-  color: #fff;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: var(--font-weight-medium);
-  line-height: 20px;
-  transition-duration: var(--transition-duration-basic);
-  transition-property: background-color;
-  transition-timing-function: var(--transition-ease-basic);
-}
-
-  @media (hover: hover) and (pointer: fine) {.LinkDialogButtonRemove:hover {
-    background-color: var(--color-background-danger-solid-hover, #b91c1c);
-}
-}.LinkDialogButtonCancel,
-.LinkDialogButtonSave {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  padding: 0 12px;
-  border: 0;
-  border-radius: var(--control-radius-md);
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: var(--font-weight-medium);
-  line-height: 20px;
-  transition-duration: var(--transition-duration-basic);
-  transition-property: background-color;
-  transition-timing-function: var(--transition-ease-basic);
-}.LinkDialogButtonCancel {
-  background-color: var(--color-background-primary-soft-alpha, rgba(0, 0, 0, 0.08));
-  color: var(--color-text);
-}
-
-  @media (hover: hover) and (pointer: fine) {.LinkDialogButtonCancel:hover {
-    background-color: var(--color-background-primary-soft-alpha-hover, rgba(0, 0, 0, 0.12));
-}
-}.LinkDialogButtonSave {
-  background-color: var(--color-background-primary-solid, #181818);
-  color: var(--color-text-on-primary, #fff);
-}
-
-  @media (hover: hover) and (pointer: fine) {.LinkDialogButtonSave:hover {
-    background-color: var(--color-background-primary-solid-hover, #333);
-}
-}
-}