@vuecs/elements 1.0.0 → 1.2.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 (47) hide show
  1. package/dist/components/alert/Alert.vue.d.ts +5 -5
  2. package/dist/components/alert/Alert.vue.d.ts.map +1 -1
  3. package/dist/components/alert/AlertClose.vue.d.ts +4 -4
  4. package/dist/components/alert/AlertClose.vue.d.ts.map +1 -1
  5. package/dist/components/alert/AlertDescription.vue.d.ts +10 -10
  6. package/dist/components/alert/AlertDescription.vue.d.ts.map +1 -1
  7. package/dist/components/alert/AlertTitle.vue.d.ts +10 -10
  8. package/dist/components/alert/AlertTitle.vue.d.ts.map +1 -1
  9. package/dist/components/avatar/Avatar.vue.d.ts +1 -1
  10. package/dist/components/badge/Badge.vue.d.ts +1 -1
  11. package/dist/components/card/Card.vue.d.ts +4 -4
  12. package/dist/components/card/Card.vue.d.ts.map +1 -1
  13. package/dist/components/card/CardBody.vue.d.ts +4 -4
  14. package/dist/components/card/CardBody.vue.d.ts.map +1 -1
  15. package/dist/components/card/CardDescription.vue.d.ts +4 -4
  16. package/dist/components/card/CardDescription.vue.d.ts.map +1 -1
  17. package/dist/components/card/CardFooter.vue.d.ts +4 -4
  18. package/dist/components/card/CardFooter.vue.d.ts.map +1 -1
  19. package/dist/components/card/CardHeader.vue.d.ts +4 -4
  20. package/dist/components/card/CardHeader.vue.d.ts.map +1 -1
  21. package/dist/components/card/CardPlaceholder.d.ts +146 -0
  22. package/dist/components/card/CardPlaceholder.d.ts.map +1 -0
  23. package/dist/components/card/CardTitle.vue.d.ts +4 -4
  24. package/dist/components/card/CardTitle.vue.d.ts.map +1 -1
  25. package/dist/components/card/index.d.ts +2 -0
  26. package/dist/components/card/index.d.ts.map +1 -1
  27. package/dist/components/card/theme.d.ts +2 -1
  28. package/dist/components/card/theme.d.ts.map +1 -1
  29. package/dist/components/card/types.d.ts +13 -0
  30. package/dist/components/card/types.d.ts.map +1 -1
  31. package/dist/components/collapse/Collapse.vue.d.ts +4 -4
  32. package/dist/components/collapse/Collapse.vue.d.ts.map +1 -1
  33. package/dist/components/collapse/CollapseContent.vue.d.ts +10 -10
  34. package/dist/components/collapse/CollapseContent.vue.d.ts.map +1 -1
  35. package/dist/components/collapse/CollapseTrigger.vue.d.ts +4 -4
  36. package/dist/components/collapse/CollapseTrigger.vue.d.ts.map +1 -1
  37. package/dist/components/tag/Tag.vue.d.ts +1 -1
  38. package/dist/components/tag/Tags.vue.d.ts +1 -1
  39. package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts +4 -4
  40. package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts.map +1 -1
  41. package/dist/index.d.ts.map +1 -1
  42. package/dist/index.mjs +127 -23
  43. package/dist/index.mjs.map +1 -1
  44. package/dist/style.css +37 -0
  45. package/dist/vue.d.ts +2 -0
  46. package/dist/vue.d.ts.map +1 -1
  47. package/package.json +5 -3
package/dist/style.css CHANGED
@@ -147,6 +147,43 @@
147
147
  margin: 0;
148
148
  line-height: 1.4;
149
149
  }
150
+
151
+ .vc-card-placeholder {
152
+ flex-direction: column;
153
+ gap: .5rem;
154
+ display: flex;
155
+ }
156
+
157
+ .vc-card-placeholder-image {
158
+ width: 100%;
159
+ overflow: hidden;
160
+ }
161
+
162
+ .vc-card-placeholder-image .vc-placeholder {
163
+ border-radius: 0;
164
+ height: 100%;
165
+ display: block;
166
+ }
167
+
168
+ .vc-card-placeholder-body {
169
+ flex-direction: column;
170
+ gap: .375rem;
171
+ display: flex;
172
+ }
173
+
174
+ .vc-card-placeholder-body .vc-placeholder, .vc-card-placeholder-header .vc-placeholder {
175
+ display: block;
176
+ }
177
+
178
+ .vc-card-placeholder-footer {
179
+ gap: .5rem;
180
+ margin-top: .5rem;
181
+ display: flex;
182
+ }
183
+
184
+ .vc-card-placeholder-footer .vc-placeholder {
185
+ display: block;
186
+ }
150
187
  .vc-collapse-chevron {
151
188
  transition: transform .2s;
152
189
  }
package/dist/vue.d.ts CHANGED
@@ -10,6 +10,7 @@ import type VCCardBody from './components/card/CardBody.vue';
10
10
  import type VCCardDescription from './components/card/CardDescription.vue';
11
11
  import type VCCardFooter from './components/card/CardFooter.vue';
12
12
  import type VCCardHeader from './components/card/CardHeader.vue';
13
+ import type { VCCardPlaceholder } from './components/card/CardPlaceholder';
13
14
  import type VCCardTitle from './components/card/CardTitle.vue';
14
15
  import type VCCollapse from './components/collapse/Collapse.vue';
15
16
  import type VCCollapseContent from './components/collapse/CollapseContent.vue';
@@ -33,6 +34,7 @@ declare module '@vue/runtime-core' {
33
34
  VCCardDescription: typeof VCCardDescription;
34
35
  VCCardBody: typeof VCCardBody;
35
36
  VCCardFooter: typeof VCCardFooter;
37
+ VCCardPlaceholder: typeof VCCardPlaceholder;
36
38
  VCCollapse: typeof VCCollapse;
37
39
  VCCollapseTrigger: typeof VCCollapseTrigger;
38
40
  VCCollapseContent: typeof VCCollapseContent;
package/dist/vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAK,YAAY,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,kBAAkB,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,YAAY,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,aAAa,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,QAAQ,MAAM,gCAAgC,CAAC;AAC3D,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,iBAAiB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,KAAK,YAAY,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,YAAY,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAC;AAC/D,OAAO,KAAK,UAAU,MAAM,oCAAoC,CAAC;AACjE,OAAO,KAAK,iBAAiB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,iBAAiB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,MAAM,MAAM,2BAA2B,CAAC;AACpD,OAAO,KAAK,gBAAgB,MAAM,iDAAiD,CAAC;AAEpF,OAAO,QAAQ,mBAAmB,CAAC;IAC/B,UAAiB,gBAAgB;QAC7B,WAAW,EAAE,OAAO,WAAW,CAAC;QAChC,KAAK,EAAE,OAAO,KAAK,CAAC;QACpB,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,QAAQ,EAAE,OAAO,QAAQ,CAAC;QAC1B,aAAa,EAAE,OAAO,aAAa,CAAC;QACpC,gBAAgB,EAAE,OAAO,gBAAgB,CAAC;QAC1C,OAAO,EAAE,OAAO,OAAO,CAAC;QACxB,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,YAAY,EAAE,OAAO,YAAY,CAAC;QAClC,WAAW,EAAE,OAAO,WAAW,CAAC;QAChC,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,YAAY,EAAE,OAAO,YAAY,CAAC;QAClC,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,OAAO,EAAE,OAAO,OAAO,CAAC;QACxB,YAAY,EAAE,OAAO,YAAY,CAAC;QAClC,kBAAkB,EAAE,OAAO,kBAAkB,CAAC;QAC9C,YAAY,EAAE,OAAO,YAAY,CAAC;KACrC;CACJ"}
1
+ {"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAK,YAAY,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,kBAAkB,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,YAAY,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,aAAa,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,QAAQ,MAAM,gCAAgC,CAAC;AAC3D,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,iBAAiB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,KAAK,YAAY,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,YAAY,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAC;AAC/D,OAAO,KAAK,UAAU,MAAM,oCAAoC,CAAC;AACjE,OAAO,KAAK,iBAAiB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,iBAAiB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,MAAM,MAAM,2BAA2B,CAAC;AACpD,OAAO,KAAK,gBAAgB,MAAM,iDAAiD,CAAC;AAEpF,OAAO,QAAQ,mBAAmB,CAAC;IAC/B,UAAiB,gBAAgB;QAC7B,WAAW,EAAE,OAAO,WAAW,CAAC;QAChC,KAAK,EAAE,OAAO,KAAK,CAAC;QACpB,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,QAAQ,EAAE,OAAO,QAAQ,CAAC;QAC1B,aAAa,EAAE,OAAO,aAAa,CAAC;QACpC,gBAAgB,EAAE,OAAO,gBAAgB,CAAC;QAC1C,OAAO,EAAE,OAAO,OAAO,CAAC;QACxB,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,YAAY,EAAE,OAAO,YAAY,CAAC;QAClC,WAAW,EAAE,OAAO,WAAW,CAAC;QAChC,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,YAAY,EAAE,OAAO,YAAY,CAAC;QAClC,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,OAAO,EAAE,OAAO,OAAO,CAAC;QACxB,YAAY,EAAE,OAAO,YAAY,CAAC;QAClC,kBAAkB,EAAE,OAAO,kBAAkB,CAAC;QAC9C,YAAY,EAAE,OAAO,YAAY,CAAC;KACrC;CACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuecs/elements",
3
- "version": "1.0.0",
3
+ "version": "1.2.0",
4
4
  "type": "module",
5
5
  "description": "Atomic, presentation-only UI elements for vuecs (Separator, Tag, Tags, Avatar, AspectRatio, VisuallyHidden, Badge).",
6
6
  "exports": {
@@ -51,12 +51,14 @@
51
51
  },
52
52
  "devDependencies": {
53
53
  "@vue/test-utils": "^2.4.6",
54
- "@vuecs/core": "^3.0.0",
54
+ "@vuecs/core": "^3.1.0",
55
+ "@vuecs/placeholder": "^1.0.1",
55
56
  "jsdom": "^29.0.2",
56
57
  "vue": "^3.5.34"
57
58
  },
58
59
  "peerDependencies": {
59
- "@vuecs/core": "^3.0.0",
60
+ "@vuecs/core": "^3.1.0",
61
+ "@vuecs/placeholder": "^1.0.1",
60
62
  "vue": "^3.x"
61
63
  },
62
64
  "engines": {