@jsekulowicz/ds-components 0.1.0 → 0.3.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.
Files changed (105) hide show
  1. package/custom-elements.json +544 -18
  2. package/dist/atoms/breadcrumb/breadcrumb-item.styles.js +2 -2
  3. package/dist/atoms/button/button.styles.d.ts.map +1 -1
  4. package/dist/atoms/button/button.styles.js +1 -3
  5. package/dist/atoms/button/button.styles.js.map +1 -1
  6. package/dist/atoms/divider/define.d.ts +7 -0
  7. package/dist/atoms/divider/define.d.ts.map +1 -0
  8. package/dist/atoms/divider/define.js +5 -0
  9. package/dist/atoms/divider/define.js.map +1 -0
  10. package/dist/atoms/divider/divider.d.ts +14 -0
  11. package/dist/atoms/divider/divider.d.ts.map +1 -0
  12. package/dist/atoms/divider/divider.js +30 -0
  13. package/dist/atoms/divider/divider.js.map +1 -0
  14. package/dist/atoms/divider/divider.styles.d.ts +2 -0
  15. package/dist/atoms/divider/divider.styles.d.ts.map +1 -0
  16. package/dist/atoms/divider/divider.styles.js +26 -0
  17. package/dist/atoms/divider/divider.styles.js.map +1 -0
  18. package/dist/atoms/divider/index.d.ts +2 -0
  19. package/dist/atoms/divider/index.d.ts.map +1 -0
  20. package/dist/atoms/divider/index.js +2 -0
  21. package/dist/atoms/divider/index.js.map +1 -0
  22. package/dist/atoms/icon/icons/eye-slash.d.ts +2 -0
  23. package/dist/atoms/icon/icons/eye-slash.d.ts.map +1 -0
  24. package/dist/atoms/icon/icons/eye-slash.js +4 -0
  25. package/dist/atoms/icon/icons/eye-slash.js.map +1 -0
  26. package/dist/atoms/icon/icons/eye.d.ts +2 -0
  27. package/dist/atoms/icon/icons/eye.d.ts.map +1 -0
  28. package/dist/atoms/icon/icons/eye.js +4 -0
  29. package/dist/atoms/icon/icons/eye.js.map +1 -0
  30. package/dist/atoms/icon/icons/moon.d.ts +2 -0
  31. package/dist/atoms/icon/icons/moon.d.ts.map +1 -0
  32. package/dist/atoms/icon/icons/moon.js +4 -0
  33. package/dist/atoms/icon/icons/moon.js.map +1 -0
  34. package/dist/atoms/icon/icons/plus.d.ts +2 -0
  35. package/dist/atoms/icon/icons/plus.d.ts.map +1 -0
  36. package/dist/atoms/icon/icons/plus.js +4 -0
  37. package/dist/atoms/icon/icons/plus.js.map +1 -0
  38. package/dist/atoms/icon/icons/sun.d.ts +2 -0
  39. package/dist/atoms/icon/icons/sun.d.ts.map +1 -0
  40. package/dist/atoms/icon/icons/sun.js +4 -0
  41. package/dist/atoms/icon/icons/sun.js.map +1 -0
  42. package/dist/atoms/list/define.d.ts +9 -0
  43. package/dist/atoms/list/define.d.ts.map +1 -0
  44. package/dist/atoms/list/define.js +9 -0
  45. package/dist/atoms/list/define.js.map +1 -0
  46. package/dist/atoms/list/index.d.ts +3 -0
  47. package/dist/atoms/list/index.d.ts.map +1 -0
  48. package/dist/atoms/list/index.js +3 -0
  49. package/dist/atoms/list/index.js.map +1 -0
  50. package/dist/atoms/list/list-item.d.ts +17 -0
  51. package/dist/atoms/list/list-item.d.ts.map +1 -0
  52. package/dist/atoms/list/list-item.js +62 -0
  53. package/dist/atoms/list/list-item.js.map +1 -0
  54. package/dist/atoms/list/list-item.styles.d.ts +2 -0
  55. package/dist/atoms/list/list-item.styles.d.ts.map +1 -0
  56. package/dist/atoms/list/list-item.styles.js +34 -0
  57. package/dist/atoms/list/list-item.styles.js.map +1 -0
  58. package/dist/atoms/list/list.d.ts +18 -0
  59. package/dist/atoms/list/list.d.ts.map +1 -0
  60. package/dist/atoms/list/list.js +35 -0
  61. package/dist/atoms/list/list.js.map +1 -0
  62. package/dist/atoms/list/list.styles.d.ts +2 -0
  63. package/dist/atoms/list/list.styles.d.ts.map +1 -0
  64. package/dist/atoms/list/list.styles.js +22 -0
  65. package/dist/atoms/list/list.styles.js.map +1 -0
  66. package/dist/atoms/table/table-pagination.styles.d.ts.map +1 -1
  67. package/dist/atoms/table/table-pagination.styles.js +2 -1
  68. package/dist/atoms/table/table-pagination.styles.js.map +1 -1
  69. package/dist/atoms/tooltip/tooltip.d.ts +1 -0
  70. package/dist/atoms/tooltip/tooltip.d.ts.map +1 -1
  71. package/dist/atoms/tooltip/tooltip.js +4 -0
  72. package/dist/atoms/tooltip/tooltip.js.map +1 -1
  73. package/dist/atoms/tooltip/tooltip.styles.d.ts.map +1 -1
  74. package/dist/atoms/tooltip/tooltip.styles.js +8 -0
  75. package/dist/atoms/tooltip/tooltip.styles.js.map +1 -1
  76. package/dist/define.d.ts +2 -0
  77. package/dist/define.d.ts.map +1 -1
  78. package/dist/define.js +2 -0
  79. package/dist/define.js.map +1 -1
  80. package/dist/index.d.ts +2 -0
  81. package/dist/index.d.ts.map +1 -1
  82. package/dist/index.js +2 -0
  83. package/dist/index.js.map +1 -1
  84. package/dist/molecules/card/card.d.ts +3 -0
  85. package/dist/molecules/card/card.d.ts.map +1 -1
  86. package/dist/molecules/card/card.js +46 -8
  87. package/dist/molecules/card/card.js.map +1 -1
  88. package/dist/molecules/card/card.styles.js +1 -1
  89. package/dist/molecules/color-picker/color-picker-swatch-group.d.ts +0 -1
  90. package/dist/molecules/color-picker/color-picker-swatch-group.d.ts.map +1 -1
  91. package/dist/molecules/color-picker/color-picker-swatch-group.js +0 -1
  92. package/dist/molecules/color-picker/color-picker-swatch-group.js.map +1 -1
  93. package/dist/molecules/color-picker/color-picker.d.ts +0 -2
  94. package/dist/molecules/color-picker/color-picker.d.ts.map +1 -1
  95. package/dist/molecules/color-picker/color-picker.js +0 -2
  96. package/dist/molecules/color-picker/color-picker.js.map +1 -1
  97. package/dist/organisms/footer/footer.styles.js +1 -1
  98. package/dist/templates/page-shell/page-shell.d.ts +8 -1
  99. package/dist/templates/page-shell/page-shell.d.ts.map +1 -1
  100. package/dist/templates/page-shell/page-shell.js +90 -35
  101. package/dist/templates/page-shell/page-shell.js.map +1 -1
  102. package/dist/templates/page-shell/page-shell.styles.d.ts.map +1 -1
  103. package/dist/templates/page-shell/page-shell.styles.js +57 -34
  104. package/dist/templates/page-shell/page-shell.styles.js.map +1 -1
  105. package/package.json +37 -3
@@ -1 +1 @@
1
- {"version":3,"file":"page-shell.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"page-shell.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"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"}
@@ -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,yBA+I3B,CAAC"}
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,yBAsK3B,CAAC"}
@@ -1,37 +1,66 @@
1
1
  import { css } from 'lit';
2
2
  export const pageShellStyles = css `
3
3
  :host {
4
- display: grid;
4
+ --ds-page-shell-max-width: 90rem;
5
+
6
+ display: flex;
7
+ flex-direction: column;
5
8
  position: relative;
6
- grid-template-areas:
7
- 'header header'
8
- 'aside main'
9
- 'footer footer';
10
- grid-template-columns: auto 1fr;
11
- grid-template-rows: auto 1fr auto;
12
9
  min-height: 100vh;
13
10
  overflow-x: clip;
14
11
  background: var(--ds-color-bg);
15
12
  color: var(--ds-color-fg);
16
13
  font-family: var(--ds-font-body);
17
14
  }
15
+
18
16
  header {
19
- grid-area: header;
20
17
  border-bottom: 1px solid var(--ds-color-border);
21
- margin-bottom: var(--ds-space-1, 0.25rem);
22
- padding: var(--ds-space-5) var(--ds-space-4);
23
- display: flex;
24
- align-items: center;
25
- justify-content: space-between;
26
- gap: var(--ds-space-4);
18
+ padding: var(--ds-space-2) var(--ds-space-5);
27
19
  position: sticky;
28
20
  top: 0;
29
21
  background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent);
30
22
  backdrop-filter: blur(12px);
31
23
  z-index: var(--ds-z-index-sticky);
32
24
  }
25
+
26
+ footer {
27
+ border-top: 1px solid var(--ds-color-border);
28
+ padding: var(--ds-space-2) var(--ds-space-5);
29
+ }
30
+
31
+ :host([footer-empty]) footer {
32
+ padding: 0;
33
+ border-top: 0;
34
+ }
35
+
36
+ .shell-inner {
37
+ width: 100%;
38
+ max-width: var(--ds-page-shell-max-width);
39
+ margin-inline: auto;
40
+ }
41
+
42
+ .shell-inner--header {
43
+ display: flex;
44
+ align-items: center;
45
+ justify-content: space-between;
46
+ gap: var(--ds-space-3);
47
+ }
48
+
49
+ .shell-body {
50
+ flex: 1;
51
+ width: 100%;
52
+ max-width: var(--ds-page-shell-max-width);
53
+ margin-inline: auto;
54
+ display: grid;
55
+ grid-template-columns: auto 1fr;
56
+ min-height: 0;
57
+ }
58
+
59
+ :host([aside-empty]) .shell-body {
60
+ grid-template-columns: 1fr;
61
+ }
62
+
33
63
  aside {
34
- grid-area: aside;
35
64
  display: flex;
36
65
  overflow-x: clip;
37
66
  overflow-y: auto;
@@ -40,23 +69,26 @@ export const pageShellStyles = css `
40
69
  scrollbar-width: thin;
41
70
  scrollbar-gutter: stable;
42
71
  }
72
+
73
+ :host([aside-empty]) aside,
74
+ :host([aside-empty]) .mobile-backdrop {
75
+ display: none;
76
+ }
77
+
43
78
  main {
44
- grid-area: main;
45
79
  padding: var(--ds-space-5);
46
- max-width: min(72rem, 100%);
47
80
  overflow-y: auto;
48
81
  min-height: 0;
49
82
  scrollbar-color: var(--ds-color-fg-subtle) transparent;
50
83
  scrollbar-width: thin;
51
84
  }
52
- footer {
53
- grid-area: footer;
54
- }
85
+
55
86
  .brand {
56
87
  font-family: var(--ds-font-display);
57
88
  font-size: var(--ds-font-size-lg);
58
89
  letter-spacing: var(--ds-letter-spacing-display);
59
90
  }
91
+
60
92
  .menu-toggle {
61
93
  display: inline-flex;
62
94
  }
@@ -75,26 +107,17 @@ export const pageShellStyles = css `
75
107
  width: var(--ds-size-sm);
76
108
  padding: 0;
77
109
  }
78
- :host([mobile-layout]) {
79
- grid-template-areas:
80
- 'header'
81
- 'main'
82
- 'footer';
83
- grid-template-columns: 1fr;
84
- grid-template-rows: auto 1fr auto;
85
- }
110
+
86
111
  :host(:not([mobile-layout])) .menu-toggle {
87
112
  display: none;
88
113
  }
114
+
115
+ :host([mobile-layout]) .shell-body {
116
+ grid-template-columns: 1fr;
117
+ }
89
118
  :host([mobile-layout]) .brand {
90
119
  flex: 1;
91
120
  }
92
- :host([mobile-layout]) main {
93
- padding: var(--ds-space-5);
94
- }
95
- :host([mobile-layout]) header {
96
- padding: var(--ds-space-3) var(--ds-space-5);
97
- }
98
121
  :host([mobile-layout]) aside {
99
122
  position: absolute;
100
123
  top: 0;
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IjC,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKjC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsekulowicz/ds-components",
3
- "version": "0.1.0",
3
+ "version": "0.3.0",
4
4
  "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -104,6 +104,26 @@
104
104
  "types": "./dist/atoms/icon/icons/x-mark.d.ts",
105
105
  "import": "./dist/atoms/icon/icons/x-mark.js"
106
106
  },
107
+ "./icon/eye": {
108
+ "types": "./dist/atoms/icon/icons/eye.d.ts",
109
+ "import": "./dist/atoms/icon/icons/eye.js"
110
+ },
111
+ "./icon/eye-slash": {
112
+ "types": "./dist/atoms/icon/icons/eye-slash.d.ts",
113
+ "import": "./dist/atoms/icon/icons/eye-slash.js"
114
+ },
115
+ "./icon/plus": {
116
+ "types": "./dist/atoms/icon/icons/plus.d.ts",
117
+ "import": "./dist/atoms/icon/icons/plus.js"
118
+ },
119
+ "./icon/moon": {
120
+ "types": "./dist/atoms/icon/icons/moon.d.ts",
121
+ "import": "./dist/atoms/icon/icons/moon.js"
122
+ },
123
+ "./icon/sun": {
124
+ "types": "./dist/atoms/icon/icons/sun.d.ts",
125
+ "import": "./dist/atoms/icon/icons/sun.js"
126
+ },
107
127
  "./icon/briefcase": {
108
128
  "types": "./dist/atoms/icon/icons/briefcase.d.ts",
109
129
  "import": "./dist/atoms/icon/icons/briefcase.js"
@@ -216,6 +236,20 @@
216
236
  "./menu/define": {
217
237
  "import": "./dist/atoms/menu/define.js"
218
238
  },
239
+ "./divider": {
240
+ "types": "./dist/atoms/divider/index.d.ts",
241
+ "import": "./dist/atoms/divider/index.js"
242
+ },
243
+ "./divider/define": {
244
+ "import": "./dist/atoms/divider/define.js"
245
+ },
246
+ "./list": {
247
+ "types": "./dist/atoms/list/index.d.ts",
248
+ "import": "./dist/atoms/list/index.js"
249
+ },
250
+ "./list/define": {
251
+ "import": "./dist/atoms/list/define.js"
252
+ },
219
253
  "./badge": {
220
254
  "types": "./dist/atoms/badge/index.d.ts",
221
255
  "import": "./dist/atoms/badge/index.js"
@@ -347,8 +381,8 @@
347
381
  ],
348
382
  "dependencies": {
349
383
  "lit": "^3.2.1",
350
- "@jsekulowicz/ds-core": "0.1.0",
351
- "@jsekulowicz/ds-tokens": "0.1.0"
384
+ "@jsekulowicz/ds-core": "0.3.0",
385
+ "@jsekulowicz/ds-tokens": "0.3.0"
352
386
  },
353
387
  "devDependencies": {
354
388
  "heroicons": "2.2.0",