@unpunnyfuns/swatchbook-blocks 0.5.0 → 0.6.0
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.d.mts +27 -0
- package/dist/index.mjs +196 -79
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +51 -0
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -866,6 +866,28 @@
|
|
|
866
866
|
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
867
867
|
font-size: 11px;
|
|
868
868
|
}
|
|
869
|
+
.sb-token-navigator__search {
|
|
870
|
+
padding: 0 0 8px;
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
.sb-token-navigator__search-input {
|
|
874
|
+
border: 1px solid var(--swatchbook-border-default, #8080804d);
|
|
875
|
+
background: var(--swatchbook-surface-default, Canvas);
|
|
876
|
+
width: 100%;
|
|
877
|
+
max-width: 360px;
|
|
878
|
+
color: var(--swatchbook-text-default, CanvasText);
|
|
879
|
+
border-radius: 4px;
|
|
880
|
+
padding: 6px 10px;
|
|
881
|
+
font-family: inherit;
|
|
882
|
+
font-size: 13px;
|
|
883
|
+
line-height: 1.4;
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
.sb-token-navigator__search-input:focus-visible {
|
|
887
|
+
outline: 2px solid var(--swatchbook-accent-bg, #1d4ed8);
|
|
888
|
+
outline-offset: 1px;
|
|
889
|
+
}
|
|
890
|
+
|
|
869
891
|
.sb-token-navigator__caption {
|
|
870
892
|
color: var(--swatchbook-text-muted, CanvasText);
|
|
871
893
|
padding: 4px 0 12px;
|
|
@@ -1022,6 +1044,35 @@
|
|
|
1022
1044
|
width: 100%;
|
|
1023
1045
|
}
|
|
1024
1046
|
|
|
1047
|
+
.sb-token-table__search {
|
|
1048
|
+
padding: 0 0 8px;
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1051
|
+
.sb-token-table__search-input {
|
|
1052
|
+
border: 1px solid var(--swatchbook-border-default, #8080804d);
|
|
1053
|
+
background: var(--swatchbook-surface-default, Canvas);
|
|
1054
|
+
width: 100%;
|
|
1055
|
+
max-width: 360px;
|
|
1056
|
+
color: var(--swatchbook-text-default, CanvasText);
|
|
1057
|
+
border-radius: 4px;
|
|
1058
|
+
padding: 6px 10px;
|
|
1059
|
+
font-family: inherit;
|
|
1060
|
+
font-size: 13px;
|
|
1061
|
+
line-height: 1.4;
|
|
1062
|
+
}
|
|
1063
|
+
|
|
1064
|
+
.sb-token-table__search-input:focus-visible {
|
|
1065
|
+
outline: 2px solid var(--swatchbook-accent-bg, #1d4ed8);
|
|
1066
|
+
outline-offset: 1px;
|
|
1067
|
+
}
|
|
1068
|
+
|
|
1069
|
+
.sb-token-table__empty-row {
|
|
1070
|
+
color: var(--swatchbook-text-muted, CanvasText);
|
|
1071
|
+
text-align: center;
|
|
1072
|
+
padding: 16px 12px;
|
|
1073
|
+
font-style: italic;
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1025
1076
|
.sb-token-table__caption {
|
|
1026
1077
|
caption-side: top;
|
|
1027
1078
|
text-align: left;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unpunnyfuns/swatchbook-blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "Storybook MDX doc blocks for DTCG design tokens — TokenTable, ColorPalette, TypographyScale, TokenDetail.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "unpunnyfuns <unpunnyfuns@gmail.com>",
|