@quilltap/theme-storybook 1.0.5 → 1.0.6
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
|
@@ -870,6 +870,47 @@ body {
|
|
|
870
870
|
font-size: 2.25rem;
|
|
871
871
|
margin-bottom: 0.5rem;
|
|
872
872
|
}
|
|
873
|
+
.qt-file-preview-text-container {
|
|
874
|
+
position: relative;
|
|
875
|
+
width: 100%;
|
|
876
|
+
height: 100%;
|
|
877
|
+
}
|
|
878
|
+
.qt-copy-button {
|
|
879
|
+
position: absolute;
|
|
880
|
+
top: 0.5rem;
|
|
881
|
+
right: 0.5rem;
|
|
882
|
+
z-index: 10;
|
|
883
|
+
display: flex;
|
|
884
|
+
align-items: center;
|
|
885
|
+
gap: 0.375rem;
|
|
886
|
+
padding: 0.375rem 0.625rem;
|
|
887
|
+
border-radius: var(--radius-md);
|
|
888
|
+
font-size: 0.75rem;
|
|
889
|
+
font-weight: 500;
|
|
890
|
+
transition: all 200ms;
|
|
891
|
+
background: var(--qt-copy-button-bg, rgba(0, 0, 0, 0.6));
|
|
892
|
+
color: var(--qt-copy-button-text, rgba(255, 255, 255, 0.9));
|
|
893
|
+
backdrop-filter: blur(4px);
|
|
894
|
+
border: 1px solid var(--qt-copy-button-border, rgba(255, 255, 255, 0.1));
|
|
895
|
+
}
|
|
896
|
+
.qt-copy-button:hover {
|
|
897
|
+
background: var(--qt-copy-button-hover-bg, rgba(0, 0, 0, 0.8));
|
|
898
|
+
color: var(--qt-copy-button-hover-text, #fff);
|
|
899
|
+
border-color: var(--qt-copy-button-hover-border, rgba(255, 255, 255, 0.2));
|
|
900
|
+
}
|
|
901
|
+
.qt-copy-button-success {
|
|
902
|
+
background: var(--qt-copy-button-success-bg, rgba(34, 197, 94, 0.8));
|
|
903
|
+
color: var(--qt-copy-button-success-text, #fff);
|
|
904
|
+
border-color: var(--qt-copy-button-success-border, rgba(34, 197, 94, 0.5));
|
|
905
|
+
}
|
|
906
|
+
.qt-copy-button-text {
|
|
907
|
+
display: none;
|
|
908
|
+
}
|
|
909
|
+
@media (min-width: 640px) {
|
|
910
|
+
.qt-copy-button-text {
|
|
911
|
+
display: inline;
|
|
912
|
+
}
|
|
913
|
+
}
|
|
873
914
|
.qt-wikilink {
|
|
874
915
|
color: var(--color-primary);
|
|
875
916
|
font-weight: 500;
|
package/package.json
CHANGED
|
@@ -894,6 +894,53 @@
|
|
|
894
894
|
margin-bottom: 0.5rem;
|
|
895
895
|
}
|
|
896
896
|
|
|
897
|
+
.qt-file-preview-text-container {
|
|
898
|
+
position: relative;
|
|
899
|
+
width: 100%;
|
|
900
|
+
height: 100%;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
.qt-copy-button {
|
|
904
|
+
position: absolute;
|
|
905
|
+
top: 0.5rem;
|
|
906
|
+
right: 0.5rem;
|
|
907
|
+
z-index: 10;
|
|
908
|
+
display: flex;
|
|
909
|
+
align-items: center;
|
|
910
|
+
gap: 0.375rem;
|
|
911
|
+
padding: 0.375rem 0.625rem;
|
|
912
|
+
border-radius: var(--radius-md);
|
|
913
|
+
font-size: 0.75rem;
|
|
914
|
+
font-weight: 500;
|
|
915
|
+
transition: all 200ms;
|
|
916
|
+
background: var(--qt-copy-button-bg, rgba(0, 0, 0, 0.6));
|
|
917
|
+
color: var(--qt-copy-button-text, rgba(255, 255, 255, 0.9));
|
|
918
|
+
backdrop-filter: blur(4px);
|
|
919
|
+
border: 1px solid var(--qt-copy-button-border, rgba(255, 255, 255, 0.1));
|
|
920
|
+
}
|
|
921
|
+
|
|
922
|
+
.qt-copy-button:hover {
|
|
923
|
+
background: var(--qt-copy-button-hover-bg, rgba(0, 0, 0, 0.8));
|
|
924
|
+
color: var(--qt-copy-button-hover-text, #fff);
|
|
925
|
+
border-color: var(--qt-copy-button-hover-border, rgba(255, 255, 255, 0.2));
|
|
926
|
+
}
|
|
927
|
+
|
|
928
|
+
.qt-copy-button-success {
|
|
929
|
+
background: var(--qt-copy-button-success-bg, rgba(34, 197, 94, 0.8));
|
|
930
|
+
color: var(--qt-copy-button-success-text, #fff);
|
|
931
|
+
border-color: var(--qt-copy-button-success-border, rgba(34, 197, 94, 0.5));
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
.qt-copy-button-text {
|
|
935
|
+
display: none;
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
@media (min-width: 640px) {
|
|
939
|
+
.qt-copy-button-text {
|
|
940
|
+
display: inline;
|
|
941
|
+
}
|
|
942
|
+
}
|
|
943
|
+
|
|
897
944
|
/* ==========================================================================
|
|
898
945
|
WIKILINK COMPONENTS
|
|
899
946
|
========================================================================== */
|
|
@@ -114,8 +114,8 @@ console.log(message);`}
|
|
|
114
114
|
<p style={{ margin: 0, lineHeight: 2 }}>
|
|
115
115
|
This document references <button type="button" className="qt-wikilink">Character Profile</button> and
|
|
116
116
|
links to <button type="button" className="qt-wikilink">World Building → Geography</button>.
|
|
117
|
-
There
|
|
118
|
-
doesn
|
|
117
|
+
There's also a <button type="button" className="qt-wikilink-broken">Missing Document</button> that
|
|
118
|
+
doesn't exist yet.
|
|
119
119
|
</p>
|
|
120
120
|
</div>
|
|
121
121
|
</section>
|