@byline/richtext-lexical 6.10.0 → 6.11.0

package/dist/field/extensions/link/floating-link-editor.css

@@ -1,124 +1,128 @@
-.link-editor {
-  z-index: 10;
-  opacity: 0;
-  will-change: transform;
-  background-color: #fff;
-  border-radius: 6px;
-  width: 100%;
-  max-width: 400px;
-  transition: opacity .5s;
-  position: absolute;
-  top: 0;
-  left: 0;
-  box-shadow: 0 5px 10px #0000004d;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-.link-editor .button {
-  cursor: pointer;
-  border-radius: 6px;
-  width: 20px;
-  height: 20px;
-  margin: 0 2px;
-  padding: 6px;
-  display: inline-block;
-}
+@layer byline-components.cms {
+  .link-editor {
+    z-index: 10;
+    opacity: 0;
+    will-change: transform;
+    background-color: #fff;
+    border-radius: 6px;
+    width: 100%;
+    max-width: 400px;
+    transition: opacity .5s;
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-shadow: 0 5px 10px #0000004d;
+  }
 
-.link-editor .button.hovered {
-  background-color: #eee;
-  width: 20px;
-  height: 20px;
-  display: inline-block;
-}
+  .link-editor .button {
+    cursor: pointer;
+    border-radius: 6px;
+    width: 20px;
+    height: 20px;
+    margin: 0 2px;
+    padding: 6px;
+    display: inline-block;
+  }
 
-.link-editor .button i, .actions i {
-  vertical-align: -.25em;
-  background-size: contain;
-  width: 20px;
-  height: 20px;
-  display: inline-block;
-}
+  .link-editor .button.hovered {
+    background-color: #eee;
+    width: 20px;
+    height: 20px;
+    display: inline-block;
+  }
 
-.link-editor .button.active, .toolbar .button.active {
-  background-color: #dfe8fa;
-}
+  .link-editor .button i, .actions i {
+    vertical-align: -.25em;
+    background-size: contain;
+    width: 20px;
+    height: 20px;
+    display: inline-block;
+  }
 
-.link-editor .link-input {
-  box-sizing: border-box;
-  color: #050505;
-  background-color: #eee;
-  border: 0;
-  border-radius: 8px;
-  outline: 0;
-  min-height: 26px;
-  margin: 8px 4px 8px 10px;
-  padding: 2px;
-  font-family: inherit;
-  font-size: 15px;
-  display: block;
-  position: relative;
-}
+  .link-editor .button.active, .toolbar .button.active {
+    background-color: #dfe8fa;
+  }
 
-.link-editor .link-view a {
-  word-break: break-word;
-  width: calc(100% - 33px);
-  display: block;
-}
+  .link-editor .link-input {
+    box-sizing: border-box;
+    color: #050505;
+    background-color: #eee;
+    border: 0;
+    border-radius: 8px;
+    outline: 0;
+    min-height: 26px;
+    margin: 8px 4px 8px 10px;
+    padding: 2px;
+    font-family: inherit;
+    font-size: 15px;
+    display: block;
+    position: relative;
+  }
 
-.link-editor div.link-edit {
-  vertical-align: -.25em;
-  cursor: pointer;
-  background-image: url(../../../static/svg/pencil-fill.svg);
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 16px;
-  width: 35px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 30px;
-}
+  .link-editor .link-view a {
+    word-break: break-word;
+    width: calc(100% - 33px);
+    display: block;
+  }
 
-.link-editor div.link-trash {
-  vertical-align: -.25em;
-  cursor: pointer;
-  background-image: url(../../../static/svg/trash.svg);
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 16px;
-  width: 35px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
+  .link-editor div.link-edit {
+    vertical-align: -.25em;
+    cursor: pointer;
+    background-image: url(../../../static/svg/pencil-fill.svg);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 16px;
+    width: 35px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 30px;
+  }
 
-.link-editor .link-input a {
-  color: #216fdb;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  margin-right: 30px;
-  text-decoration: none;
-  display: block;
-  overflow: hidden;
-}
+  .link-editor div.link-trash {
+    vertical-align: -.25em;
+    cursor: pointer;
+    background-image: url(../../../static/svg/trash.svg);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 16px;
+    width: 35px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+  }
 
-.link-editor .link-input a:hover {
-  text-decoration: underline;
-}
+  .link-editor .link-input a {
+    color: #216fdb;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-right: 30px;
+    text-decoration: none;
+    display: block;
+    overflow: hidden;
+  }
 
-.link-editor .font-size-wrapper, .link-editor .font-family-wrapper {
-  margin: 0 4px;
-  display: flex;
-}
+  .link-editor .link-input a:hover {
+    text-decoration: underline;
+  }
 
-.link-editor select {
-  background-color: #00000013;
-  border: none;
-  border-radius: 4px;
-  padding: 6px;
-}
+  .link-editor .font-size-wrapper, .link-editor .font-family-wrapper {
+    margin: 0 4px;
+    display: flex;
+  }
+
+  .link-editor select {
+    background-color: #00000013;
+    border: none;
+    border-radius: 4px;
+    padding: 6px;
+  }
 
-.dark .link-editor {
-  background-color: var(--canvas-800);
+  .dark .link-editor {
+    background-color: var(--canvas-800);
+  }
 }
 

package/dist/field/extensions/link/link-target-fields.css

@@ -1,59 +1,63 @@
-.byline-link-target-frame {
-  border: var(--border-width-thin, 1px) var(--border-style-solid, solid) var(--field-border);
-  border-radius: var(--border-radius-md, 6px);
-  margin-top: .25rem;
-  padding: .5rem;
-}
-
-.byline-link-target-tile {
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: var(--spacing-8, .5rem);
-  padding: var(--spacing-8, .5rem);
-  border: var(--border-width-thin, 1px) var(--border-style-solid, solid) var(--primary-500);
-  border-radius: var(--border-radius-md, 6px);
-  font-size: var(--font-size-xs);
-  display: flex;
-}
-
-.byline-link-target-summary {
-  flex-direction: column;
-  gap: .125rem;
-  min-width: 0;
-  display: flex;
-}
-
-.byline-link-target-kind {
-  color: var(--gray-500);
-}
-
-.byline-link-target-value {
-  color: var(--gray-900);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.byline-link-target-actions {
-  align-items: center;
-  gap: var(--spacing-4, .25rem);
-  flex-shrink: 0;
-  display: flex;
-}
-
-.byline-link-target-actions .byline-button {
-  color: var(--gray-900);
-}
-
-:is([data-theme="dark"], .dark) .byline-link-target-frame {
-  border-color: var(--canvas-700, var(--field-border));
-}
-
-:is([data-theme="dark"], .dark) .byline-link-target-value {
-  color: var(--gray-100);
-}
-
-:is([data-theme="dark"], .dark) .byline-link-target-actions .byline-button {
-  color: var(--gray-200);
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
+
+@layer byline-components.cms {
+  .byline-link-target-frame {
+    border: var(--border-width-thin, 1px) var(--border-style-solid, solid) var(--field-border);
+    border-radius: var(--border-radius-md, 6px);
+    margin-top: .25rem;
+    padding: .5rem;
+  }
+
+  .byline-link-target-tile {
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: var(--spacing-8, .5rem);
+    padding: var(--spacing-8, .5rem);
+    border: var(--border-width-thin, 1px) var(--border-style-solid, solid) var(--primary-500);
+    border-radius: var(--border-radius-md, 6px);
+    font-size: var(--font-size-xs);
+    display: flex;
+  }
+
+  .byline-link-target-summary {
+    flex-direction: column;
+    gap: .125rem;
+    min-width: 0;
+    display: flex;
+  }
+
+  .byline-link-target-kind {
+    color: var(--gray-500);
+  }
+
+  .byline-link-target-value {
+    color: var(--gray-900);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .byline-link-target-actions {
+    align-items: center;
+    gap: var(--spacing-4, .25rem);
+    flex-shrink: 0;
+    display: flex;
+  }
+
+  .byline-link-target-actions .byline-button {
+    color: var(--gray-900);
+  }
+
+  :is([data-theme="dark"], .dark) .byline-link-target-frame {
+    border-color: var(--canvas-700, var(--field-border));
+  }
+
+  :is([data-theme="dark"], .dark) .byline-link-target-value {
+    color: var(--gray-100);
+  }
+
+  :is([data-theme="dark"], .dark) .byline-link-target-actions .byline-button {
+    color: var(--gray-200);
+  }
 }
 

package/dist/field/normalize/adapted-notice.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-@layer byline-components {
+@layer byline-components.cms {
   .byline-richtext-notice {
     border-radius: var(--border-radius-sm, 4px);
     font-size: var(--font-size-sm, .8125rem);
@@ -30,5 +30,3 @@
   }
 }
 
-@layer utilities, byline-utilities;
-

package/dist/field/plugins/table-plugin/table-modal.css

@@ -1,20 +1,24 @@
-.table-modal-container {
-  min-width: 340px;
-  max-width: 600px;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-.table-modal-header {
-  margin-bottom: .5rem;
-}
+@layer byline-components.cms {
+  .table-modal-container {
+    min-width: 340px;
+    max-width: 600px;
+  }
 
-@media screen and (min-width: 640px) {
-  .table-modal-select {
-    width: 100%;
-    margin: 1rem 0 .5rem;
+  .table-modal-header {
+    margin-bottom: .5rem;
   }
 
-  .table-modal-actions {
-    margin: 0;
+  @media screen and (min-width: 640px) {
+    .table-modal-select {
+      width: 100%;
+      margin: 1rem 0 .5rem;
+    }
+
+    .table-modal-actions {
+      margin: 0;
+    }
   }
 }