@jsekulowicz/ds-components 0.4.0 → 0.4.1
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/custom-elements.json
CHANGED
|
@@ -898,102 +898,6 @@
|
|
|
898
898
|
}
|
|
899
899
|
]
|
|
900
900
|
},
|
|
901
|
-
{
|
|
902
|
-
"kind": "javascript-module",
|
|
903
|
-
"path": "src/test-utils/mount.ts",
|
|
904
|
-
"declarations": [
|
|
905
|
-
{
|
|
906
|
-
"kind": "function",
|
|
907
|
-
"name": "resetTestDom",
|
|
908
|
-
"return": {
|
|
909
|
-
"type": {
|
|
910
|
-
"text": "void"
|
|
911
|
-
}
|
|
912
|
-
}
|
|
913
|
-
},
|
|
914
|
-
{
|
|
915
|
-
"kind": "function",
|
|
916
|
-
"name": "mount",
|
|
917
|
-
"return": {
|
|
918
|
-
"type": {
|
|
919
|
-
"text": "Promise<T>"
|
|
920
|
-
}
|
|
921
|
-
},
|
|
922
|
-
"parameters": [
|
|
923
|
-
{
|
|
924
|
-
"name": "template",
|
|
925
|
-
"type": {
|
|
926
|
-
"text": "string"
|
|
927
|
-
}
|
|
928
|
-
},
|
|
929
|
-
{
|
|
930
|
-
"name": "selector",
|
|
931
|
-
"optional": true,
|
|
932
|
-
"type": {
|
|
933
|
-
"text": "string"
|
|
934
|
-
}
|
|
935
|
-
}
|
|
936
|
-
]
|
|
937
|
-
},
|
|
938
|
-
{
|
|
939
|
-
"kind": "function",
|
|
940
|
-
"name": "mountWithProps",
|
|
941
|
-
"return": {
|
|
942
|
-
"type": {
|
|
943
|
-
"text": "Promise<T>"
|
|
944
|
-
}
|
|
945
|
-
},
|
|
946
|
-
"parameters": [
|
|
947
|
-
{
|
|
948
|
-
"name": "template",
|
|
949
|
-
"type": {
|
|
950
|
-
"text": "string"
|
|
951
|
-
}
|
|
952
|
-
},
|
|
953
|
-
{
|
|
954
|
-
"name": "props",
|
|
955
|
-
"default": "{}",
|
|
956
|
-
"type": {
|
|
957
|
-
"text": "Partial<T>"
|
|
958
|
-
}
|
|
959
|
-
},
|
|
960
|
-
{
|
|
961
|
-
"name": "selector",
|
|
962
|
-
"optional": true,
|
|
963
|
-
"type": {
|
|
964
|
-
"text": "string"
|
|
965
|
-
}
|
|
966
|
-
}
|
|
967
|
-
]
|
|
968
|
-
}
|
|
969
|
-
],
|
|
970
|
-
"exports": [
|
|
971
|
-
{
|
|
972
|
-
"kind": "js",
|
|
973
|
-
"name": "resetTestDom",
|
|
974
|
-
"declaration": {
|
|
975
|
-
"name": "resetTestDom",
|
|
976
|
-
"module": "src/test-utils/mount.ts"
|
|
977
|
-
}
|
|
978
|
-
},
|
|
979
|
-
{
|
|
980
|
-
"kind": "js",
|
|
981
|
-
"name": "mount",
|
|
982
|
-
"declaration": {
|
|
983
|
-
"name": "mount",
|
|
984
|
-
"module": "src/test-utils/mount.ts"
|
|
985
|
-
}
|
|
986
|
-
},
|
|
987
|
-
{
|
|
988
|
-
"kind": "js",
|
|
989
|
-
"name": "mountWithProps",
|
|
990
|
-
"declaration": {
|
|
991
|
-
"name": "mountWithProps",
|
|
992
|
-
"module": "src/test-utils/mount.ts"
|
|
993
|
-
}
|
|
994
|
-
}
|
|
995
|
-
]
|
|
996
|
-
},
|
|
997
901
|
{
|
|
998
902
|
"kind": "javascript-module",
|
|
999
903
|
"path": "src/atoms/badge/badge.styles.ts",
|
|
@@ -1109,6 +1013,102 @@
|
|
|
1109
1013
|
}
|
|
1110
1014
|
]
|
|
1111
1015
|
},
|
|
1016
|
+
{
|
|
1017
|
+
"kind": "javascript-module",
|
|
1018
|
+
"path": "src/test-utils/mount.ts",
|
|
1019
|
+
"declarations": [
|
|
1020
|
+
{
|
|
1021
|
+
"kind": "function",
|
|
1022
|
+
"name": "resetTestDom",
|
|
1023
|
+
"return": {
|
|
1024
|
+
"type": {
|
|
1025
|
+
"text": "void"
|
|
1026
|
+
}
|
|
1027
|
+
}
|
|
1028
|
+
},
|
|
1029
|
+
{
|
|
1030
|
+
"kind": "function",
|
|
1031
|
+
"name": "mount",
|
|
1032
|
+
"return": {
|
|
1033
|
+
"type": {
|
|
1034
|
+
"text": "Promise<T>"
|
|
1035
|
+
}
|
|
1036
|
+
},
|
|
1037
|
+
"parameters": [
|
|
1038
|
+
{
|
|
1039
|
+
"name": "template",
|
|
1040
|
+
"type": {
|
|
1041
|
+
"text": "string"
|
|
1042
|
+
}
|
|
1043
|
+
},
|
|
1044
|
+
{
|
|
1045
|
+
"name": "selector",
|
|
1046
|
+
"optional": true,
|
|
1047
|
+
"type": {
|
|
1048
|
+
"text": "string"
|
|
1049
|
+
}
|
|
1050
|
+
}
|
|
1051
|
+
]
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"kind": "function",
|
|
1055
|
+
"name": "mountWithProps",
|
|
1056
|
+
"return": {
|
|
1057
|
+
"type": {
|
|
1058
|
+
"text": "Promise<T>"
|
|
1059
|
+
}
|
|
1060
|
+
},
|
|
1061
|
+
"parameters": [
|
|
1062
|
+
{
|
|
1063
|
+
"name": "template",
|
|
1064
|
+
"type": {
|
|
1065
|
+
"text": "string"
|
|
1066
|
+
}
|
|
1067
|
+
},
|
|
1068
|
+
{
|
|
1069
|
+
"name": "props",
|
|
1070
|
+
"default": "{}",
|
|
1071
|
+
"type": {
|
|
1072
|
+
"text": "Partial<T>"
|
|
1073
|
+
}
|
|
1074
|
+
},
|
|
1075
|
+
{
|
|
1076
|
+
"name": "selector",
|
|
1077
|
+
"optional": true,
|
|
1078
|
+
"type": {
|
|
1079
|
+
"text": "string"
|
|
1080
|
+
}
|
|
1081
|
+
}
|
|
1082
|
+
]
|
|
1083
|
+
}
|
|
1084
|
+
],
|
|
1085
|
+
"exports": [
|
|
1086
|
+
{
|
|
1087
|
+
"kind": "js",
|
|
1088
|
+
"name": "resetTestDom",
|
|
1089
|
+
"declaration": {
|
|
1090
|
+
"name": "resetTestDom",
|
|
1091
|
+
"module": "src/test-utils/mount.ts"
|
|
1092
|
+
}
|
|
1093
|
+
},
|
|
1094
|
+
{
|
|
1095
|
+
"kind": "js",
|
|
1096
|
+
"name": "mount",
|
|
1097
|
+
"declaration": {
|
|
1098
|
+
"name": "mount",
|
|
1099
|
+
"module": "src/test-utils/mount.ts"
|
|
1100
|
+
}
|
|
1101
|
+
},
|
|
1102
|
+
{
|
|
1103
|
+
"kind": "js",
|
|
1104
|
+
"name": "mountWithProps",
|
|
1105
|
+
"declaration": {
|
|
1106
|
+
"name": "mountWithProps",
|
|
1107
|
+
"module": "src/test-utils/mount.ts"
|
|
1108
|
+
}
|
|
1109
|
+
}
|
|
1110
|
+
]
|
|
1111
|
+
},
|
|
1112
1112
|
{
|
|
1113
1113
|
"kind": "javascript-module",
|
|
1114
1114
|
"path": "src/atoms/breadcrumb/breadcrumb-item.styles.ts",
|
|
@@ -13861,7 +13861,7 @@
|
|
|
13861
13861
|
{
|
|
13862
13862
|
"kind": "variable",
|
|
13863
13863
|
"name": "pageShellStyles",
|
|
13864
|
-
"default": "css` :host { --ds-page-shell-max-width: 90rem; display: flex; flex-direction: column; position: relative; min-height: 100vh; overflow-x: clip; background: var(--ds-color-bg); color: var(--ds-color-fg); font-family: var(--ds-font-body); } header { border-bottom: 1px solid var(--ds-color-border); padding: var(--ds-space-2) 0; position: sticky; top: 0; background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent); backdrop-filter: blur(12px); z-index: var(--ds-z-index-sticky); } footer { display: block; } .shell-inner { width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; padding-inline: var(--ds-space-5); } .shell-inner--header { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-3); } .shell-body { flex: 1; width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; display: grid; grid-template-columns: auto 1fr; min-height: 0; } :host([aside-empty]) .shell-body { grid-template-columns: 1fr; } aside { display: flex; overflow-x: clip; overflow-y: auto; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; scrollbar-gutter: stable; } :host([aside-empty]) aside, :host([aside-empty]) .mobile-backdrop { display: none; } main { padding: var(--ds-space-5); overflow
|
|
13864
|
+
"default": "css` :host { --ds-page-shell-max-width: 90rem; display: flex; flex-direction: column; position: relative; min-height: 100vh; overflow-x: clip; background: var(--ds-color-bg); color: var(--ds-color-fg); font-family: var(--ds-font-body); } header { border-bottom: 1px solid var(--ds-color-border); padding: var(--ds-space-2) 0; position: sticky; top: 0; background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent); backdrop-filter: blur(12px); z-index: var(--ds-z-index-sticky); } footer { display: block; } .shell-inner { width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; padding-inline: var(--ds-space-5); } .shell-inner--header { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-3); } .shell-body { flex: 1; width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; display: grid; grid-template-columns: auto 1fr; min-height: 0; } :host([aside-empty]) .shell-body { grid-template-columns: 1fr; } aside { display: flex; overflow-x: clip; overflow-y: auto; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; scrollbar-gutter: stable; } :host([aside-empty]) aside, :host([aside-empty]) .mobile-backdrop { display: none; } main { padding: var(--ds-space-5); overflow: auto; min-width: 0; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } .brand { font-family: var(--ds-font-display); font-size: var(--ds-font-size-lg); letter-spacing: var(--ds-letter-spacing-display); } .menu-toggle { display: inline-flex; } .mobile-backdrop { display: none; } .drawer-header { display: none; } .drawer-close { display: none; } .menu-toggle::part(button), .drawer-close::part(button) { min-width: var(--ds-size-sm); width: var(--ds-size-sm); padding: 0; } :host(:not([mobile-layout])) .menu-toggle { display: none; } :host([mobile-layout]) .shell-body { grid-template-columns: 1fr; } :host([mobile-layout]) .brand { flex: 1; } :host([mobile-layout]) aside { position: absolute; top: 0; left: 0; width: 16rem; display: flex; flex-direction: column; height: 100%; background: var(--ds-color-bg); border-right: 0; z-index: var(--ds-z-index-modal); transform: translateX(-100%); transition: transform var(--ds-duration-slow) var(--ds-easing-standard); scrollbar-gutter: auto; overflow: hidden; box-sizing: border-box; } :host([mobile-layout][data-mobile-nav-open]) aside { transform: translateX(0); } :host([mobile-layout]) .drawer-header { display: flex; align-items: center; padding: var(--ds-space-2) var(--ds-space-2) 0; } :host([mobile-layout]) .drawer-close { display: inline-flex; margin: 0; } :host([mobile-layout]) aside ::slotted(ds-sidenav) { width: 100% !important; max-width: 100% !important; flex: 1 1 auto; min-width: 0; min-height: 0; height: auto !important; } :host([mobile-layout][data-mobile-nav-open]) .mobile-backdrop { display: block; position: absolute; inset: 0; border: 0; margin: 0; padding: 0; background: color-mix(in oklab, var(--ds-color-fg) 26%, transparent); z-index: var(--ds-z-index-overlay); } `"
|
|
13865
13865
|
}
|
|
13866
13866
|
],
|
|
13867
13867
|
"exports": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-shell.styles.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"page-shell.styles.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAkK3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-shell.styles.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"page-shell.styles.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkKjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jsekulowicz/ds-components",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"repository": {
|
|
@@ -381,8 +381,8 @@
|
|
|
381
381
|
],
|
|
382
382
|
"dependencies": {
|
|
383
383
|
"lit": "^3.2.1",
|
|
384
|
-
"@jsekulowicz/ds-core": "0.4.
|
|
385
|
-
"@jsekulowicz/ds-tokens": "0.4.
|
|
384
|
+
"@jsekulowicz/ds-core": "0.4.1",
|
|
385
|
+
"@jsekulowicz/ds-tokens": "0.4.1"
|
|
386
386
|
},
|
|
387
387
|
"devDependencies": {
|
|
388
388
|
"heroicons": "2.2.0",
|