@syncfusion/ej2-fabric-dark-theme 34.2.5 → 34.2.6

package/styles/input/_bigger.scss

@@ -2088,7 +2088,15 @@
   .e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
   .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
-      transform: translate3d(0, 6px, 0) scale(.86);
+      @if $input-skin-name == 'fluent2'{
+        transform: translate3d(-8px, 6px, 0) scale(.86);
+      }
+      @else if $input-skin-name == 'tailwind3'{
+        transform: translate3d(-10px, 6px, 0) scale(.86);
+      }
+      @else{
+        transform: translate3d(0, 6px, 0) scale(.86);
+      }
     }
     @else if $input-skin-name == 'fabric' or $input-skin-name == 'highcontrast' {
       font-style: $input-font-normal;
@@ -2142,7 +2150,15 @@
   .e-small.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
   .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
-      transform: translate3d(0, 6px, 0) scale(.86);
+      @if $input-skin-name == 'fluent2'{
+        transform: translate3d(-8px, 6px, 0) scale(.86);
+      }
+      @else if $input-skin-name == 'tailwind3'{
+        transform: translate3d(-10px, 6px, 0) scale(.86);
+      }
+      @else{
+        transform: translate3d(0, 6px, 0) scale(.86);
+      }
     }
     @else if $input-skin-name == 'fabric' or $input-skin-name == 'highcontrast' {
       font-style: $input-font-normal;

package/styles/input/_layout.scss

@@ -2432,7 +2432,16 @@
     font-size: $float-label-font-size;
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
       top: $textarea-float-top;
-      transform: translate3d(0, 6px, 0) scale(.92);
+      @if $input-skin-name == 'fluent2'{
+        transform: translate3d(-8px, 6px, 0) scale(.92);
+      }
+      @else if $input-skin-name == 'tailwind3'{
+        transform: translate3d(-10px, 6px, 0) scale(.92);
+      }
+      @else{
+        transform: translate3d(0, 6px, 0) scale(.92);
+      }
+
       @if $input-skin-name == 'tailwind3' {
         left: 2px;
       }
@@ -2859,7 +2868,15 @@
   .e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
   .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
-      transform: translate3d(0, 6px, 0) scale(.86);
+      @if $input-skin-name == 'fluent2'{
+        transform: translate3d(-8px, 6px, 0) scale(.86);
+      }
+      @else if $input-skin-name == 'tailwind3'{
+        transform: translate3d(-10px, 6px, 0) scale(.86);
+      }
+      @else{
+        transform: translate3d(0, 6px, 0) scale(.86);
+      }
     }
     @else if $input-skin-name == 'fabric' or $input-skin-name == 'highcontrast' {
       font-style: $input-font-normal;

package/styles/pdfviewer/_theme.scss

@@ -9159,3 +9159,309 @@ $lg-desktop: 1399.98;
     }
   }
 }
+
+.e-pv-link-annotation-dialog .e-dlg-header-content {
+  padding: 22px 24px 14px;
+}
+
+.e-pv-link-annotation-dialog .e-dlg-content {
+  padding: 20px 24px 0;
+}
+
+/* Common Labels */
+.e-pv-link-dialog-label {
+  display: block;
+  margin-bottom: 4px;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.e-pv-link-dialog-label,
+.e-pv-link-dialog-section-title-mobile,
+.e-pv-link-stroke-field-label-mobile,
+.e-pv-link-thickness-field-label-mobile,
+.e-pv-link-dialog-field-label-mobile,
+.e-pv-link-dialog-section-title-mobile-mobile,
+.e-pv-mobile-view .e-pv-link-property-panel-mobile .e-pv-link-panel-title-container span.e-pv-annotation-tools-close-icon {
+  color: $pv-redaction-panel-text-color;
+}
+
+.e-pv-link-dialog-section-title {
+  margin: 24px 0 12px;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.e-pv-link-dialog-field-label {
+  white-space: nowrap;
+}
+
+/* Common Layout */
+.e-pv-link-dialog-common-props {
+  margin-top: 20px;
+}
+
+.e-pv-link-dialog-props-row,
+.e-pv-link-dialog-prop-group,
+.e-pv-link-dialog-radio-row,
+.e-pv-link-dialog-properties-row,
+.e-pv-link-dialog-position-row,
+.e-pv-link-dialog-position-row-mobile,
+.e-pv-link-dialog-field-group,
+.e-pv-link-dialog-field-group-mobile {
+  display: flex;
+}
+
+.e-pv-link-dialog-props-row,
+.e-pv-link-dialog-prop-group {
+  align-items: center;
+}
+
+.e-pv-link-dialog-props-row {
+  gap: 20px;
+}
+
+.e-pv-link-dialog-prop-group {
+  gap: 16px;
+}
+
+.e-pv-link-dialog-prop-group:last-child {
+  flex: 1;
+}
+
+.e-pv-link-dialog-prop-group .e-slider-container {
+  flex: 1;
+  min-width: 120px;
+}
+
+.e-pv-link-dialog-radio-row {
+  gap: 24px;
+  margin-bottom: 16px;
+  margin-top: 8px;
+}
+
+.e-pv-link-dialog-properties-row {
+  align-items: flex-start;
+  gap: 32px;
+  margin-top: 8px;
+}
+
+/* Inputs */
+.e-pv-link-url-input,
+.e-pv-link-page-input {
+  width: 100%;
+}
+
+.e-pv-link-url-input,
+.e-pv-link-page-input,
+.e-pv-link-position-input {
+  height: 32px;
+  box-sizing: border-box;
+}
+
+.e-pv-link-position-input {
+  width: 120px;
+}
+
+.e-pv-link-zoom-dropdown {
+  width: 180px;
+}
+
+/* Position & Zoom Sections */
+.e-pv-link-dialog-position-container,
+.e-pv-link-dialog-zoom-row {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.e-pv-link-dialog-position-row,
+.e-pv-link-dialog-position-row-mobile {
+  gap: 16px;
+  align-items: flex-end;
+}
+
+.e-pv-link-dialog-field-group,
+.e-pv-link-dialog-field-group-mobile {
+  align-items: center;
+  gap: 8px;
+}
+
+/* Mobile Property Panel */
+.e-pv-link-property-panel-mobile {
+  @if $skin-name == 'Material3' {
+    background: $content-bg-color-alt2;
+  }
+  background-color: $pv-comment-panel-bg;
+  border: $pv-sidebar-toolbar-border;
+  border-width: $pv-border-1 $pv-border-1 $pv-border-0;
+  opacity: 1;
+  overflow: hidden;
+  position: absolute;
+  inset: 0;
+  z-index: 100;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-areas: 'header header' 'content content' 'footer footer';
+  grid-template-rows: 5% 85% 10%;
+}
+
+/* Shared Panel/Header/Footer Styles */
+.e-pv-link-panel-title-container,
+.e-pv-link-footer {
+  @if $skin-name == 'Material3' {
+    background: $content-bg-color-alt2;
+    border-style: solid;
+    border-width: $pv-border-0 $pv-border-0 $pv-border-1 $pv-border-1;
+  }
+  @else {
+    background-color: $pv-comment-panel-bg;
+    border-style: double;
+    border-width: $pv-border-0 $pv-border-1 $pv-border-1 $pv-border-0;
+  }
+  position: relative;
+  border-color: $pv-comment-panel-border-color;
+}
+
+.e-pv-link-panel-title-container {
+  padding-left: 15px;
+  grid-area: header;
+}
+
+.e-pv-link-panel-title {
+  position: absolute;
+  left: 15px;
+  top: 11px;
+  text-align: left;
+  color: $pv-comment-font-color;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.e-pv-link-content-container {
+  position: relative;
+  grid-area: content;
+  background-color: $pv-comments-content-container-bg;
+  @if $skin-name == 'Material3' {
+    background: $content-bg-color-alt2;
+  }
+}
+
+.e-pv-link-footer {
+  grid-area: footer;
+  border-style: double;
+  border-width: 1px 0 0;
+  height: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  padding: 17px 12px;
+}
+
+.e-pv-link-footer button {
+  flex: 1;
+  height: 100%;
+}
+
+/* Mobile Content */
+.e-pv-link-dialog-radio-row-mobile {
+  padding: 16px 16px 0;
+  display: flex;
+  gap: 24px;
+}
+
+.e-pv-link-dialog-content-area-mobile {
+  padding: 16px;
+  box-sizing: border-box;
+}
+
+.e-pv-link-dialog-common-props-mobile,
+.e-pv-link-dialog-section-title-mobile-mobile {
+  width: 100%;
+  padding-top: 16px;
+}
+
+.e-pv-link-dialog-section-title-mobile,
+.e-pv-link-dialog-section-title-mobile-mobile {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.e-pv-link-dialog-props-row-mobile {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20px;
+  width: 100%;
+  padding-top: 16px;
+}
+
+.e-pv-link-dialog-prop-group-mobile {
+  display: flex;
+  flex-direction: column;
+}
+
+.e-pv-link-dialog-prop-group-mobile:first-child {
+  width: 90px;
+  flex-shrink: 0;
+}
+
+.e-pv-link-dialog-prop-group-mobile:last-child {
+  flex: 1;
+  min-width: 0;
+}
+
+/* Mobile Labels */
+.e-pv-link-stroke-field-label-mobile,
+.e-pv-link-thickness-field-label-mobile,
+.e-pv-link-dialog-field-label-mobile {
+  white-space: nowrap;
+  font-size: 16px;
+  font-weight: normal;
+}
+
+.e-pv-link-stroke-field-label-mobile {
+  margin-bottom: 15px;
+}
+
+.e-pv-link-thickness-field-label-mobile {
+  margin-bottom: 8px;
+}
+
+.e-pv-link-dialog-position-row-mobile {
+  margin-top: 5px;
+}
+
+.e-pv-link-dialog-content-area-mobile .e-pv-link-dialog-label {
+  font-size: 16px;
+  font-weight: normal;
+}
+
+.e-pv-link-dialog-position-container-mobile {
+  padding: 16px 0;
+}
+
+.e-pv-link-dialog-wrapper-mobile .e-radio-wrapper .e-label,
+.e-pv-link-dialog-wrapper-mobile .e-wrapper .e-label {
+  display: flex;
+  @if ($skin-name != 'FluentUI' and $skin-name != 'FluentUI-dark' and $skin-name != 'highcontrast' and $skin-name != 'fabric' and $skin-name != 'fabric-dark' and $skin-name != 'bootstrap' and $skin-name != 'bootstrap-dark')
+  {
+    line-height: 1;
+  }
+  font-size: 16px;
+  font-weight: normal;
+}
+
+.e-pv-link-dialog-radio-row-mobile .e-radio-wrapper.e-wrapper {
+  @if ($skin-name != 'fluent2' and $skin-name != 'fluent2-dark')
+  {
+    margin-right: 10px;
+  }
+}
+
+.e-pv-link-dialog-prop-group-mobile .e-pv-link-thickness-slider {
+  width: 100%;
+}

package/styles/pdfviewer/icons/_fabric-dark.scss

@@ -446,6 +446,21 @@
     font-family: 'e-icons';
   }
 
+  .e-pv-link-icon::before {
+    content: '\e290';
+    font-family: 'e-icons';
+  }
+
+  .e-pv-edit-icon::before {
+    content: '\e97c';
+    font-family: 'e-icons';
+  }
+
+  .e-pv-select-icon::before {
+    content: '\ebf6';
+    font-family: 'e-icons';
+  }
+
   .e-pv-annotation-textalign-icon::before {
     content: '\ebeb';
     font-family: 'e-icons';

package/styles/pdfviewer/pdfviewer-lite.css

@@ -350,6 +350,18 @@
   content: "\ebe7";
   font-family: "e-icons";
 }
+.e-pv-link-icon::before {
+  content: "\e290";
+  font-family: "e-icons";
+}
+.e-pv-edit-icon::before {
+  content: "\e97c";
+  font-family: "e-icons";
+}
+.e-pv-select-icon::before {
+  content: "\ebf6";
+  font-family: "e-icons";
+}
 .e-pv-annotation-textalign-icon::before {
   content: "\ebeb";
   font-family: "e-icons";
@@ -5169,4 +5181,262 @@ span.e-pv-redaction-opactity-value {
 .e-pv-eraser-template-container .e-split-btn-wrapper .e-dropdown-btn,
 .e-pv-mobile-annotation-toolbar .e-split-btn-wrapper .e-pv-annotation-eraser-container.e-btn {
   width: 32px;
+}
+.e-pv-link-annotation-dialog .e-dlg-header-content {
+  padding: 22px 24px 14px;
+}
+.e-pv-link-annotation-dialog .e-dlg-content {
+  padding: 20px 24px 0;
+}
+.e-pv-link-dialog-label {
+  display: block;
+  margin-bottom: 4px;
+  font-size: 14px;
+  line-height: 20px;
+}
+.e-pv-link-dialog-label,
+.e-pv-link-dialog-section-title-mobile,
+.e-pv-link-stroke-field-label-mobile,
+.e-pv-link-thickness-field-label-mobile,
+.e-pv-link-dialog-field-label-mobile,
+.e-pv-link-dialog-section-title-mobile-mobile,
+.e-pv-mobile-view .e-pv-link-property-panel-mobile .e-pv-link-panel-title-container span.e-pv-annotation-tools-close-icon {
+  color: #dadada;
+}
+.e-pv-link-dialog-section-title {
+  margin: 24px 0 12px;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+.e-pv-link-dialog-field-label {
+  white-space: nowrap;
+}
+.e-pv-link-dialog-common-props {
+  margin-top: 20px;
+}
+.e-pv-link-dialog-props-row,
+.e-pv-link-dialog-prop-group,
+.e-pv-link-dialog-radio-row,
+.e-pv-link-dialog-properties-row,
+.e-pv-link-dialog-position-row,
+.e-pv-link-dialog-position-row-mobile,
+.e-pv-link-dialog-field-group,
+.e-pv-link-dialog-field-group-mobile {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pv-link-dialog-props-row,
+.e-pv-link-dialog-prop-group {
+  -ms-flex-align: center;
+      align-items: center;
+}
+.e-pv-link-dialog-props-row {
+  gap: 20px;
+}
+.e-pv-link-dialog-prop-group {
+  gap: 16px;
+}
+.e-pv-link-dialog-prop-group:last-child {
+  -ms-flex: 1;
+      flex: 1;
+}
+.e-pv-link-dialog-prop-group .e-slider-container {
+  -ms-flex: 1;
+      flex: 1;
+  min-width: 120px;
+}
+.e-pv-link-dialog-radio-row {
+  gap: 24px;
+  margin-bottom: 16px;
+  margin-top: 8px;
+}
+.e-pv-link-dialog-properties-row {
+  -ms-flex-align: start;
+      align-items: flex-start;
+  gap: 32px;
+  margin-top: 8px;
+}
+.e-pv-link-url-input,
+.e-pv-link-page-input {
+  width: 100%;
+}
+.e-pv-link-url-input,
+.e-pv-link-page-input,
+.e-pv-link-position-input {
+  height: 32px;
+  box-sizing: border-box;
+}
+.e-pv-link-position-input {
+  width: 120px;
+}
+.e-pv-link-zoom-dropdown {
+  width: 180px;
+}
+/* Position & Zoom Sections */
+.e-pv-link-dialog-position-container,
+.e-pv-link-dialog-zoom-row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 4px;
+}
+.e-pv-link-dialog-position-row,
+.e-pv-link-dialog-position-row-mobile {
+  gap: 16px;
+  -ms-flex-align: end;
+      align-items: flex-end;
+}
+.e-pv-link-dialog-field-group,
+.e-pv-link-dialog-field-group-mobile {
+  -ms-flex-align: center;
+      align-items: center;
+  gap: 8px;
+}
+.e-pv-link-property-panel-mobile {
+  background-color: #333232;
+  border: 1px solid #6f6c6c;
+  border-width: 1px 1px 0;
+  opacity: 1;
+  overflow: hidden;
+  position: absolute;
+  inset: 0;
+  z-index: 100;
+  width: 100%;
+  height: 100%;
+  display: -ms-grid;
+  display: grid;
+  grid-template-areas: "header header" "content content" "footer footer";
+  -ms-grid-rows: 5% 85% 10%;
+      grid-template-rows: 5% 85% 10%;
+}
+/* Shared Panel/Header/Footer Styles */
+.e-pv-link-panel-title-container,
+.e-pv-link-footer {
+  background-color: #333232;
+  border-style: double;
+  border-width: 0 1px 1px 0;
+  position: relative;
+  border-color: #6f6c6c;
+}
+.e-pv-link-panel-title-container {
+  padding-left: 15px;
+  grid-area: header;
+}
+.e-pv-link-panel-title {
+  position: absolute;
+  left: 15px;
+  top: 11px;
+  text-align: left;
+  color: rgba(218, 218, 218, 0.9);
+  font-size: 16px;
+  font-weight: 600;
+}
+.e-pv-link-content-container {
+  position: relative;
+  grid-area: content;
+  background-color: #333232;
+}
+.e-pv-link-footer {
+  grid-area: footer;
+  border-style: double;
+  border-width: 1px 0 0;
+  height: 100%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+  -ms-flex-align: center;
+      align-items: center;
+  gap: 8px;
+  padding: 17px 12px;
+}
+.e-pv-link-footer button {
+  -ms-flex: 1;
+      flex: 1;
+  height: 100%;
+}
+.e-pv-link-dialog-radio-row-mobile {
+  padding: 16px 16px 0;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 24px;
+}
+.e-pv-link-dialog-content-area-mobile {
+  padding: 16px;
+  box-sizing: border-box;
+}
+.e-pv-link-dialog-common-props-mobile,
+.e-pv-link-dialog-section-title-mobile-mobile {
+  width: 100%;
+  padding-top: 16px;
+}
+.e-pv-link-dialog-section-title-mobile,
+.e-pv-link-dialog-section-title-mobile-mobile {
+  font-size: 16px;
+  font-weight: 600;
+}
+.e-pv-link-dialog-props-row-mobile {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  gap: 20px;
+  width: 100%;
+  padding-top: 16px;
+}
+.e-pv-link-dialog-prop-group-mobile {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.e-pv-link-dialog-prop-group-mobile:first-child {
+  width: 90px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.e-pv-link-dialog-prop-group-mobile:last-child {
+  -ms-flex: 1;
+      flex: 1;
+  min-width: 0;
+}
+.e-pv-link-stroke-field-label-mobile,
+.e-pv-link-thickness-field-label-mobile,
+.e-pv-link-dialog-field-label-mobile {
+  white-space: nowrap;
+  font-size: 16px;
+  font-weight: normal;
+}
+.e-pv-link-stroke-field-label-mobile {
+  margin-bottom: 15px;
+}
+.e-pv-link-thickness-field-label-mobile {
+  margin-bottom: 8px;
+}
+.e-pv-link-dialog-position-row-mobile {
+  margin-top: 5px;
+}
+.e-pv-link-dialog-content-area-mobile .e-pv-link-dialog-label {
+  font-size: 16px;
+  font-weight: normal;
+}
+.e-pv-link-dialog-position-container-mobile {
+  padding: 16px 0;
+}
+.e-pv-link-dialog-wrapper-mobile .e-radio-wrapper .e-label,
+.e-pv-link-dialog-wrapper-mobile .e-wrapper .e-label {
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 16px;
+  font-weight: normal;
+}
+.e-pv-link-dialog-radio-row-mobile .e-radio-wrapper.e-wrapper {
+  margin-right: 10px;
+}
+.e-pv-link-dialog-prop-group-mobile .e-pv-link-thickness-slider {
+  width: 100%;
 }