@quilltap/theme-storybook 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -876,10 +876,6 @@ body {
876
876
  height: 100%;
877
877
  }
878
878
  .qt-copy-button {
879
- position: absolute;
880
- top: 0.5rem;
881
- right: 0.5rem;
882
- z-index: 10;
883
879
  display: flex;
884
880
  align-items: center;
885
881
  gap: 0.375rem;
@@ -898,11 +894,16 @@ body {
898
894
  color: var(--qt-copy-button-hover-text, #fff);
899
895
  border-color: var(--qt-copy-button-hover-border, rgba(255, 255, 255, 0.2));
900
896
  }
901
- .qt-copy-button-success {
897
+ .qt-copy-button-success,
898
+ .qt-copy-button.qt-copy-button-success:hover {
902
899
  background: var(--qt-copy-button-success-bg, rgba(34, 197, 94, 0.8));
903
900
  color: var(--qt-copy-button-success-text, #fff);
904
901
  border-color: var(--qt-copy-button-success-border, rgba(34, 197, 94, 0.5));
905
902
  }
903
+ .qt-copy-button-icon {
904
+ padding: 0.5rem;
905
+ gap: 0;
906
+ }
906
907
  .qt-copy-button-text {
907
908
  display: none;
908
909
  }
@@ -911,6 +912,12 @@ body {
911
912
  display: inline;
912
913
  }
913
914
  }
915
+ .qt-file-preview-text-container .qt-copy-button {
916
+ position: absolute;
917
+ top: 0.5rem;
918
+ right: 0.5rem;
919
+ z-index: 10;
920
+ }
914
921
  .qt-wikilink {
915
922
  color: var(--color-primary);
916
923
  font-weight: 500;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quilltap/theme-storybook",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "description": "Storybook preset and stories for developing Quilltap theme plugins",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -900,11 +900,8 @@
900
900
  height: 100%;
901
901
  }
902
902
 
903
+ /* Copy button - base styles for all contexts */
903
904
  .qt-copy-button {
904
- position: absolute;
905
- top: 0.5rem;
906
- right: 0.5rem;
907
- z-index: 10;
908
905
  display: flex;
909
906
  align-items: center;
910
907
  gap: 0.375rem;
@@ -925,12 +922,19 @@
925
922
  border-color: var(--qt-copy-button-hover-border, rgba(255, 255, 255, 0.2));
926
923
  }
927
924
 
928
- .qt-copy-button-success {
925
+ .qt-copy-button-success,
926
+ .qt-copy-button.qt-copy-button-success:hover {
929
927
  background: var(--qt-copy-button-success-bg, rgba(34, 197, 94, 0.8));
930
928
  color: var(--qt-copy-button-success-text, #fff);
931
929
  border-color: var(--qt-copy-button-success-border, rgba(34, 197, 94, 0.5));
932
930
  }
933
931
 
932
+ /* Icon-only copy button variant */
933
+ .qt-copy-button-icon {
934
+ padding: 0.5rem;
935
+ gap: 0;
936
+ }
937
+
934
938
  .qt-copy-button-text {
935
939
  display: none;
936
940
  }
@@ -941,6 +945,14 @@
941
945
  }
942
946
  }
943
947
 
948
+ /* Copy button positioned for file preview overlay */
949
+ .qt-file-preview-text-container .qt-copy-button {
950
+ position: absolute;
951
+ top: 0.5rem;
952
+ right: 0.5rem;
953
+ z-index: 10;
954
+ }
955
+
944
956
  /* ==========================================================================
945
957
  WIKILINK COMPONENTS
946
958
  ========================================================================== */