@jsekulowicz/ds-components 0.5.2 → 0.5.3

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.
Files changed (9) hide show
  1. package/custom-elements.json +97 -97
  2. package/dist/atoms/icon/icon.d.ts +1 -1
  3. package/dist/atoms/icon/icon.d.ts.map +1 -1
  4. package/dist/atoms/icon/icon.styles.d.ts.map +1 -1
  5. package/dist/atoms/icon/icon.styles.js +4 -0
  6. package/dist/atoms/icon/icon.styles.js.map +1 -1
  7. package/dist/organisms/navbar/navbar.js +1 -1
  8. package/dist/templates/page-shell/page-shell.js +1 -1
  9. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -898,6 +898,102 @@
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
+ },
901
997
  {
902
998
  "kind": "javascript-module",
903
999
  "path": "src/atoms/badge/badge.styles.ts",
@@ -1013,102 +1109,6 @@
1013
1109
  }
1014
1110
  ]
1015
1111
  },
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",
@@ -2457,7 +2457,7 @@
2457
2457
  {
2458
2458
  "kind": "variable",
2459
2459
  "name": "iconStyles",
2460
- "default": "css` :host { display: inline-flex; width: 1em; height: 1em; color: currentColor; vertical-align: middle; flex-shrink: 0; } :host([size='sm']) { width: 0.875em; height: 0.875em; } :host([size='lg']) { width: 1.25em; height: 1.25em; } :host([size='xl']) { width: 1.25rem; height: 1.25rem; } :host([size='2xl']) { width: 1.5rem; height: 1.5rem; } svg { width: 100%; height: 100%; display: block; } `"
2460
+ "default": "css` :host { display: inline-flex; width: 1em; height: 1em; color: currentColor; vertical-align: middle; flex-shrink: 0; } :host([size='sm']) { width: 0.875em; height: 0.875em; } :host([size='lg']) { width: 1.25em; height: 1.25em; } :host([size='xl']) { width: 1.25rem; height: 1.25rem; } :host([size='2xl']) { width: 1.5rem; height: 1.5rem; } :host([size='3xl']) { width: 1.75rem; height: 1.75rem; } svg { width: 100%; height: 100%; display: block; } `"
2461
2461
  }
2462
2462
  ],
2463
2463
  "exports": [
package/dist/atoms/icon/icon.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type TemplateResult } from 'lit';
2
2
  import { DsElement } from '@jsekulowicz/ds-core';
3
- export type IconSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
3
+ export type IconSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
4
4
  export declare function registerIcon(name: string, svgMarkup: string): void;
5
5
  export declare function getIcon(name: string): string | undefined;
6
6
  /**
package/dist/atoms/icon/icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAA0B,MAAM,KAAK,CAAC;AAI7E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAIzD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAElE;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAExD;AAED;;;;GAIG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,4BAAqC;IAE/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACE,IAAI,EAAE,QAAQ,CAAQ;IAC1C,OAAO,CAAC,GAAG,CAAkC;IAE7C,UAAU,IAAI,IAAI;IAclB,MAAM,IAAI,cAAc;CAWlC"}
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAA0B,MAAM,KAAK,CAAC;AAI7E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAIjE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAElE;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAExD;AAED;;;;GAIG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,4BAAqC;IAE/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACE,IAAI,EAAE,QAAQ,CAAQ;IAC1C,OAAO,CAAC,GAAG,CAAkC;IAE7C,UAAU,IAAI,IAAI;IAclB,MAAM,IAAI,cAAc;CAWlC"}
package/dist/atoms/icon/icon.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA8BtB,CAAC"}
1
+ {"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAkCtB,CAAC"}
package/dist/atoms/icon/icon.styles.js CHANGED
@@ -24,6 +24,10 @@ export const iconStyles = css `
24
24
  width: 1.5rem;
25
25
  height: 1.5rem;
26
26
  }
27
+ :host([size='3xl']) {
28
+ width: 1.75rem;
29
+ height: 1.75rem;
30
+ }
27
31
  svg {
28
32
  width: 100%;
29
33
  height: 100%;
package/dist/atoms/icon/icon.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"icon.styles.js","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B5B,CAAC"}
1
+ {"version":3,"file":"icon.styles.js","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC5B,CAAC"}
package/dist/organisms/navbar/navbar.js CHANGED
@@ -76,7 +76,7 @@ export class DsNavbar extends DsElement {
76
76
  aria-controls=${menuId}
77
77
  @click=${this.#onToggle}
78
78
  >
79
- <ds-icon name="bars-3" size="xl"></ds-icon>
79
+ <ds-icon name="bars-3" size="3xl"></ds-icon>
80
80
  </button>
81
81
  <div class="menu" part="menu" id=${menuId} role="list">
82
82
  <slot @slotchange=${this.#onLinksSlotChange}></slot>
package/dist/templates/page-shell/page-shell.js CHANGED
@@ -166,7 +166,7 @@ export class DsPageShell extends DsElement {
166
166
  aria-controls="mobile-aside"
167
167
  @click=${this.#toggleMobileNav}
168
168
  >
169
- <ds-icon slot="leading" name="bars-3" size="xl"></ds-icon>
169
+ <ds-icon slot="leading" name="bars-3" size="3xl"></ds-icon>
170
170
  </ds-button>`
171
171
  : null}
172
172
  <div class="brand">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsekulowicz/ds-components",
3
- "version": "0.5.2",
3
+ "version": "0.5.3",
4
4
  "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {