@jsekulowicz/ds-components 0.8.0 → 0.9.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.
Files changed (49) hide show
  1. package/custom-elements.json +445 -4
  2. package/dist/atoms/icon/icon.js +1 -1
  3. package/dist/atoms/icon/icon.styles.d.ts.map +1 -1
  4. package/dist/atoms/icon/icon.styles.js +10 -6
  5. package/dist/atoms/icon/icon.styles.js.map +1 -1
  6. package/dist/atoms/skeleton/define.d.ts +7 -0
  7. package/dist/atoms/skeleton/define.d.ts.map +1 -0
  8. package/dist/atoms/skeleton/define.js +5 -0
  9. package/dist/atoms/skeleton/define.js.map +1 -0
  10. package/dist/atoms/skeleton/index.d.ts +2 -0
  11. package/dist/atoms/skeleton/index.d.ts.map +1 -0
  12. package/dist/atoms/skeleton/index.js +2 -0
  13. package/dist/atoms/skeleton/index.js.map +1 -0
  14. package/dist/atoms/skeleton/skeleton.d.ts +20 -0
  15. package/dist/atoms/skeleton/skeleton.d.ts.map +1 -0
  16. package/dist/atoms/skeleton/skeleton.js +78 -0
  17. package/dist/atoms/skeleton/skeleton.js.map +1 -0
  18. package/dist/atoms/skeleton/skeleton.styles.d.ts +2 -0
  19. package/dist/atoms/skeleton/skeleton.styles.d.ts.map +1 -0
  20. package/dist/atoms/skeleton/skeleton.styles.js +74 -0
  21. package/dist/atoms/skeleton/skeleton.styles.js.map +1 -0
  22. package/dist/atoms/table/define.d.ts +1 -0
  23. package/dist/atoms/table/define.d.ts.map +1 -1
  24. package/dist/atoms/table/define.js +1 -0
  25. package/dist/atoms/table/define.js.map +1 -1
  26. package/dist/atoms/table/table-skeleton.d.ts +3 -0
  27. package/dist/atoms/table/table-skeleton.d.ts.map +1 -0
  28. package/dist/atoms/table/table-skeleton.js +44 -0
  29. package/dist/atoms/table/table-skeleton.js.map +1 -0
  30. package/dist/atoms/table/table.d.ts +6 -0
  31. package/dist/atoms/table/table.d.ts.map +1 -1
  32. package/dist/atoms/table/table.js +90 -25
  33. package/dist/atoms/table/table.js.map +1 -1
  34. package/dist/atoms/table/table.styles.d.ts.map +1 -1
  35. package/dist/atoms/table/table.styles.js +25 -0
  36. package/dist/atoms/table/table.styles.js.map +1 -1
  37. package/dist/css/utilities/layout.css +33 -0
  38. package/dist/css/utilities/spacing.css +137 -0
  39. package/dist/css/utilities/typography.css +30 -0
  40. package/dist/css/utilities.css +3 -0
  41. package/dist/define.d.ts +1 -0
  42. package/dist/define.d.ts.map +1 -1
  43. package/dist/define.js +1 -0
  44. package/dist/define.js.map +1 -1
  45. package/dist/index.d.ts +1 -0
  46. package/dist/index.d.ts.map +1 -1
  47. package/dist/index.js +1 -0
  48. package/dist/index.js.map +1 -1
  49. package/package.json +17 -4
@@ -0,0 +1,137 @@
1
+ @layer ds.utilities {
2
+ .ds-p-0 { padding: var(--ds-space-0); }
3
+ .ds-p-1 { padding: var(--ds-space-1); }
4
+ .ds-p-2 { padding: var(--ds-space-2); }
5
+ .ds-p-3 { padding: var(--ds-space-3); }
6
+ .ds-p-4 { padding: var(--ds-space-4); }
7
+ .ds-p-5 { padding: var(--ds-space-5); }
8
+ .ds-p-6 { padding: var(--ds-space-6); }
9
+
10
+ .ds-px-0 { padding-inline: var(--ds-space-0); }
11
+ .ds-px-1 { padding-inline: var(--ds-space-1); }
12
+ .ds-px-2 { padding-inline: var(--ds-space-2); }
13
+ .ds-px-3 { padding-inline: var(--ds-space-3); }
14
+ .ds-px-4 { padding-inline: var(--ds-space-4); }
15
+ .ds-px-5 { padding-inline: var(--ds-space-5); }
16
+ .ds-px-6 { padding-inline: var(--ds-space-6); }
17
+
18
+ .ds-py-0 { padding-block: var(--ds-space-0); }
19
+ .ds-py-1 { padding-block: var(--ds-space-1); }
20
+ .ds-py-2 { padding-block: var(--ds-space-2); }
21
+ .ds-py-3 { padding-block: var(--ds-space-3); }
22
+ .ds-py-4 { padding-block: var(--ds-space-4); }
23
+ .ds-py-5 { padding-block: var(--ds-space-5); }
24
+ .ds-py-6 { padding-block: var(--ds-space-6); }
25
+
26
+ .ds-pt-0 { padding-block-start: var(--ds-space-0); }
27
+ .ds-pt-1 { padding-block-start: var(--ds-space-1); }
28
+ .ds-pt-2 { padding-block-start: var(--ds-space-2); }
29
+ .ds-pt-3 { padding-block-start: var(--ds-space-3); }
30
+ .ds-pt-4 { padding-block-start: var(--ds-space-4); }
31
+ .ds-pt-5 { padding-block-start: var(--ds-space-5); }
32
+ .ds-pt-6 { padding-block-start: var(--ds-space-6); }
33
+
34
+ .ds-pr-0 { padding-inline-end: var(--ds-space-0); }
35
+ .ds-pr-1 { padding-inline-end: var(--ds-space-1); }
36
+ .ds-pr-2 { padding-inline-end: var(--ds-space-2); }
37
+ .ds-pr-3 { padding-inline-end: var(--ds-space-3); }
38
+ .ds-pr-4 { padding-inline-end: var(--ds-space-4); }
39
+ .ds-pr-5 { padding-inline-end: var(--ds-space-5); }
40
+ .ds-pr-6 { padding-inline-end: var(--ds-space-6); }
41
+
42
+ .ds-pb-0 { padding-block-end: var(--ds-space-0); }
43
+ .ds-pb-1 { padding-block-end: var(--ds-space-1); }
44
+ .ds-pb-2 { padding-block-end: var(--ds-space-2); }
45
+ .ds-pb-3 { padding-block-end: var(--ds-space-3); }
46
+ .ds-pb-4 { padding-block-end: var(--ds-space-4); }
47
+ .ds-pb-5 { padding-block-end: var(--ds-space-5); }
48
+ .ds-pb-6 { padding-block-end: var(--ds-space-6); }
49
+
50
+ .ds-pl-0 { padding-inline-start: var(--ds-space-0); }
51
+ .ds-pl-1 { padding-inline-start: var(--ds-space-1); }
52
+ .ds-pl-2 { padding-inline-start: var(--ds-space-2); }
53
+ .ds-pl-3 { padding-inline-start: var(--ds-space-3); }
54
+ .ds-pl-4 { padding-inline-start: var(--ds-space-4); }
55
+ .ds-pl-5 { padding-inline-start: var(--ds-space-5); }
56
+ .ds-pl-6 { padding-inline-start: var(--ds-space-6); }
57
+
58
+ .ds-m-0 { margin: var(--ds-space-0); }
59
+ .ds-m-1 { margin: var(--ds-space-1); }
60
+ .ds-m-2 { margin: var(--ds-space-2); }
61
+ .ds-m-3 { margin: var(--ds-space-3); }
62
+ .ds-m-4 { margin: var(--ds-space-4); }
63
+ .ds-m-5 { margin: var(--ds-space-5); }
64
+ .ds-m-6 { margin: var(--ds-space-6); }
65
+
66
+ .ds-mx-0 { margin-inline: var(--ds-space-0); }
67
+ .ds-mx-1 { margin-inline: var(--ds-space-1); }
68
+ .ds-mx-2 { margin-inline: var(--ds-space-2); }
69
+ .ds-mx-3 { margin-inline: var(--ds-space-3); }
70
+ .ds-mx-4 { margin-inline: var(--ds-space-4); }
71
+ .ds-mx-5 { margin-inline: var(--ds-space-5); }
72
+ .ds-mx-6 { margin-inline: var(--ds-space-6); }
73
+
74
+ .ds-my-0 { margin-block: var(--ds-space-0); }
75
+ .ds-my-1 { margin-block: var(--ds-space-1); }
76
+ .ds-my-2 { margin-block: var(--ds-space-2); }
77
+ .ds-my-3 { margin-block: var(--ds-space-3); }
78
+ .ds-my-4 { margin-block: var(--ds-space-4); }
79
+ .ds-my-5 { margin-block: var(--ds-space-5); }
80
+ .ds-my-6 { margin-block: var(--ds-space-6); }
81
+
82
+ .ds-mt-0 { margin-block-start: var(--ds-space-0); }
83
+ .ds-mt-1 { margin-block-start: var(--ds-space-1); }
84
+ .ds-mt-2 { margin-block-start: var(--ds-space-2); }
85
+ .ds-mt-3 { margin-block-start: var(--ds-space-3); }
86
+ .ds-mt-4 { margin-block-start: var(--ds-space-4); }
87
+ .ds-mt-5 { margin-block-start: var(--ds-space-5); }
88
+ .ds-mt-6 { margin-block-start: var(--ds-space-6); }
89
+
90
+ .ds-mr-0 { margin-inline-end: var(--ds-space-0); }
91
+ .ds-mr-1 { margin-inline-end: var(--ds-space-1); }
92
+ .ds-mr-2 { margin-inline-end: var(--ds-space-2); }
93
+ .ds-mr-3 { margin-inline-end: var(--ds-space-3); }
94
+ .ds-mr-4 { margin-inline-end: var(--ds-space-4); }
95
+ .ds-mr-5 { margin-inline-end: var(--ds-space-5); }
96
+ .ds-mr-6 { margin-inline-end: var(--ds-space-6); }
97
+
98
+ .ds-mb-0 { margin-block-end: var(--ds-space-0); }
99
+ .ds-mb-1 { margin-block-end: var(--ds-space-1); }
100
+ .ds-mb-2 { margin-block-end: var(--ds-space-2); }
101
+ .ds-mb-3 { margin-block-end: var(--ds-space-3); }
102
+ .ds-mb-4 { margin-block-end: var(--ds-space-4); }
103
+ .ds-mb-5 { margin-block-end: var(--ds-space-5); }
104
+ .ds-mb-6 { margin-block-end: var(--ds-space-6); }
105
+
106
+ .ds-ml-0 { margin-inline-start: var(--ds-space-0); }
107
+ .ds-ml-1 { margin-inline-start: var(--ds-space-1); }
108
+ .ds-ml-2 { margin-inline-start: var(--ds-space-2); }
109
+ .ds-ml-3 { margin-inline-start: var(--ds-space-3); }
110
+ .ds-ml-4 { margin-inline-start: var(--ds-space-4); }
111
+ .ds-ml-5 { margin-inline-start: var(--ds-space-5); }
112
+ .ds-ml-6 { margin-inline-start: var(--ds-space-6); }
113
+
114
+ .ds-gap-0 { gap: var(--ds-space-0); }
115
+ .ds-gap-1 { gap: var(--ds-space-1); }
116
+ .ds-gap-2 { gap: var(--ds-space-2); }
117
+ .ds-gap-3 { gap: var(--ds-space-3); }
118
+ .ds-gap-4 { gap: var(--ds-space-4); }
119
+ .ds-gap-5 { gap: var(--ds-space-5); }
120
+ .ds-gap-6 { gap: var(--ds-space-6); }
121
+
122
+ .ds-gap-x-0 { column-gap: var(--ds-space-0); }
123
+ .ds-gap-x-1 { column-gap: var(--ds-space-1); }
124
+ .ds-gap-x-2 { column-gap: var(--ds-space-2); }
125
+ .ds-gap-x-3 { column-gap: var(--ds-space-3); }
126
+ .ds-gap-x-4 { column-gap: var(--ds-space-4); }
127
+ .ds-gap-x-5 { column-gap: var(--ds-space-5); }
128
+ .ds-gap-x-6 { column-gap: var(--ds-space-6); }
129
+
130
+ .ds-gap-y-0 { row-gap: var(--ds-space-0); }
131
+ .ds-gap-y-1 { row-gap: var(--ds-space-1); }
132
+ .ds-gap-y-2 { row-gap: var(--ds-space-2); }
133
+ .ds-gap-y-3 { row-gap: var(--ds-space-3); }
134
+ .ds-gap-y-4 { row-gap: var(--ds-space-4); }
135
+ .ds-gap-y-5 { row-gap: var(--ds-space-5); }
136
+ .ds-gap-y-6 { row-gap: var(--ds-space-6); }
137
+ }
@@ -0,0 +1,30 @@
1
+ @layer ds.utilities {
2
+ .ds-font-sans {
3
+ font-family: var(--ds-font-family-body, var(--ds-font-body));
4
+ }
5
+
6
+ .ds-font-serif {
7
+ font-family: var(--ds-font-family-display, var(--ds-font-display));
8
+ }
9
+
10
+ .ds-font-mono {
11
+ font-family: var(--ds-font-family-mono, var(--ds-font-mono));
12
+ }
13
+
14
+ .ds-text-xs { font-size: var(--ds-font-size-xs); }
15
+ .ds-text-sm { font-size: var(--ds-font-size-sm); }
16
+ .ds-text-md { font-size: var(--ds-font-size-md); }
17
+ .ds-text-lg { font-size: var(--ds-font-size-lg); }
18
+ .ds-text-xl { font-size: var(--ds-font-size-xl); }
19
+ .ds-text-2xl { font-size: var(--ds-font-size-2xl); }
20
+ .ds-text-3xl { font-size: var(--ds-font-size-3xl); }
21
+
22
+ .ds-font-normal { font-weight: var(--ds-font-weight-regular); }
23
+ .ds-font-medium { font-weight: var(--ds-font-weight-medium); }
24
+ .ds-font-semibold { font-weight: var(--ds-font-weight-semibold); }
25
+ .ds-font-bold { font-weight: var(--ds-font-weight-bold); }
26
+
27
+ .ds-leading-tight { line-height: var(--ds-line-height-tight); }
28
+ .ds-leading-normal { line-height: var(--ds-line-height-normal); }
29
+ .ds-leading-relaxed { line-height: var(--ds-line-height-relaxed); }
30
+ }
@@ -0,0 +1,3 @@
1
+ @import './utilities/spacing.css';
2
+ @import './utilities/layout.css';
3
+ @import './utilities/typography.css';
package/dist/define.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import './atoms/button/define.js';
2
2
  import './atoms/tooltip/define.js';
3
3
  import './atoms/badge/define.js';
4
+ import './atoms/skeleton/define.js';
4
5
  import './atoms/divider/define.js';
5
6
  import './atoms/list/define.js';
6
7
  import './atoms/icon/define.js';
@@ -1 +1 @@
1
- {"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
1
+ {"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
package/dist/define.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import './atoms/button/define.js';
2
2
  import './atoms/tooltip/define.js';
3
3
  import './atoms/badge/define.js';
4
+ import './atoms/skeleton/define.js';
4
5
  import './atoms/divider/define.js';
5
6
  import './atoms/list/define.js';
6
7
  import './atoms/icon/define.js';
@@ -1 +1 @@
1
- {"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export { DsButton, type ButtonVariant, type ButtonSize, type ButtonType, } from './atoms/button/index.js';
2
2
  export { DsTooltip, type TooltipPlacement } from './atoms/tooltip/index.js';
3
3
  export { DsBadge, type BadgeTone } from './atoms/badge/index.js';
4
+ export { DsSkeleton, type SkeletonVariant } from './atoms/skeleton/index.js';
4
5
  export { DsDivider, type DividerOrientation } from './atoms/divider/index.js';
5
6
  export { DsList, DsListItem, type ListVariant, type ListDensity } from './atoms/list/index.js';
6
7
  export { DsIcon, registerIcon, getIcon, type IconSize } from './atoms/icon/index.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  export { DsButton, } from './atoms/button/index.js';
2
2
  export { DsTooltip } from './atoms/tooltip/index.js';
3
3
  export { DsBadge } from './atoms/badge/index.js';
4
+ export { DsSkeleton } from './atoms/skeleton/index.js';
4
5
  export { DsDivider } from './atoms/divider/index.js';
5
6
  export { DsList, DsListItem } from './atoms/list/index.js';
6
7
  export { DsIcon, registerIcon, getIcon } from './atoms/icon/index.js';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAIT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAyB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAkB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,SAAS,EAA2B,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAsC,MAAM,uBAAuB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAiB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAA0C,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GAYrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAA4C,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,KAAK,GAMN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EACL,UAAU,GAKX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAkB,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAwB,MAAM,gCAAgC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAIT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAyB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAkB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAA2B,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAsC,MAAM,uBAAuB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAiB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAA0C,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GAYrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAA4C,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,KAAK,GAMN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EACL,UAAU,GAKX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAkB,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAwB,MAAM,gCAAgC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsekulowicz/ds-components",
3
- "version": "0.8.0",
3
+ "version": "0.9.1",
4
4
  "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -17,7 +17,9 @@
17
17
  "./dist/**/define.js",
18
18
  "./src/**/define.ts",
19
19
  "./dist/**/icons/*.js",
20
- "./src/**/icons/*.ts"
20
+ "./src/**/icons/*.ts",
21
+ "./dist/css/**/*.css",
22
+ "./src/css/**/*.css"
21
23
  ],
22
24
  "files": [
23
25
  "dist",
@@ -177,6 +179,13 @@
177
179
  "./badge/define": {
178
180
  "import": "./dist/atoms/badge/define.js"
179
181
  },
182
+ "./skeleton": {
183
+ "types": "./dist/atoms/skeleton/index.d.ts",
184
+ "import": "./dist/atoms/skeleton/index.js"
185
+ },
186
+ "./skeleton/define": {
187
+ "import": "./dist/atoms/skeleton/define.js"
188
+ },
180
189
  "./link": {
181
190
  "types": "./dist/atoms/link/index.d.ts",
182
191
  "import": "./dist/atoms/link/index.js"
@@ -274,7 +283,11 @@
274
283
  },
275
284
  "./settings-page/define": {
276
285
  "import": "./dist/pages/settings-page/define.js"
277
- }
286
+ },
287
+ "./css/utilities.css": "./dist/css/utilities.css",
288
+ "./css/utilities/spacing.css": "./dist/css/utilities/spacing.css",
289
+ "./css/utilities/layout.css": "./dist/css/utilities/layout.css",
290
+ "./css/utilities/typography.css": "./dist/css/utilities/typography.css"
278
291
  },
279
292
  "size-limit": [
280
293
  {
@@ -318,7 +331,7 @@
318
331
  "scripts": {
319
332
  "dev": "pnpm generate:icons && tsc -p tsconfig.json --watch",
320
333
  "generate:icons": "node scripts/generate-heroicons.mjs",
321
- "build": "pnpm generate:icons && tsc -p tsconfig.json && cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
334
+ "build": "pnpm generate:icons && tsc -p tsconfig.json && node scripts/copy-css.mjs && cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
322
335
  "typecheck": "pnpm generate:icons && tsc -p tsconfig.json --noEmit",
323
336
  "lint": "eslint src",
324
337
  "test": "vitest run",