origam 2.23.1 → 2.24.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 (37) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/src/assets/css/main.css +1 -1
  3. package/dist/src/assets/css/tokens/dark.css +24 -10
  4. package/dist/src/assets/css/tokens/light.css +12 -5
  5. package/dist/src/assets/css/tokens/origam-utilities.css +84 -0
  6. package/dist/src/assets/css/tokens/primitive.css +1 -0
  7. package/dist/src/assets/scss/tokens/_dark.scss +24 -10
  8. package/dist/src/assets/scss/tokens/_light.scss +12 -5
  9. package/dist/src/assets/scss/tokens/_origam-utilities.scss +84 -0
  10. package/dist/src/assets/scss/tokens/_primitive.scss +1 -0
  11. package/dist/src/components/Breadcrumb/OrigamBreadcrumbItem.vue +1 -1
  12. package/dist/src/components/Skeleton/OrigamSkeleton.vue +89 -125
  13. package/dist/src/components/Skeleton/OrigamSkeletonGroup.vue +52 -0
  14. package/dist/src/components/Skeleton/index.cjs +7 -0
  15. package/dist/src/components/Skeleton/index.d.ts +1 -0
  16. package/dist/src/components/Skeleton/index.js +1 -0
  17. package/dist/src/consts/Skeleton/skeleton.const.cjs +7 -0
  18. package/dist/src/consts/Skeleton/skeleton.const.d.ts +11 -0
  19. package/dist/src/consts/Skeleton/skeleton.const.js +1 -0
  20. package/dist/src/consts/index.cjs +11 -0
  21. package/dist/src/consts/index.d.ts +1 -0
  22. package/dist/src/consts/index.js +1 -0
  23. package/dist/src/enums/Skeleton/skeleton.enum.cjs +9 -2
  24. package/dist/src/enums/Skeleton/skeleton.enum.d.ts +27 -4
  25. package/dist/src/enums/Skeleton/skeleton.enum.js +7 -0
  26. package/dist/src/interfaces/Skeleton/skeleton-group.interface.cjs +1 -0
  27. package/dist/src/interfaces/Skeleton/skeleton-group.interface.d.ts +34 -0
  28. package/dist/src/interfaces/Skeleton/skeleton-group.interface.js +0 -0
  29. package/dist/src/interfaces/Skeleton/skeleton.interface.d.ts +27 -10
  30. package/dist/src/interfaces/index.cjs +11 -0
  31. package/dist/src/interfaces/index.d.ts +1 -0
  32. package/dist/src/interfaces/index.js +1 -0
  33. package/dist/src/themes/origam.theme.cjs +2 -4
  34. package/dist/src/themes/origam.theme.js +2 -2
  35. package/dist/src/types/Skeleton/skeleton.type.d.ts +4 -1
  36. package/dist/src/types/tokens.type.d.ts +1 -1
  37. package/package.json +1 -1
@@ -244,6 +244,7 @@ export * from "./VirtualScroll/virtual-scroll-item.interface.js";
244
244
  export * from "./Window/window.interface.js";
245
245
  export * from "./Window/window-item.interface.js";
246
246
  export * from "./Skeleton/skeleton.interface.js";
247
+ export * from "./Skeleton/skeleton-group.interface.js";
247
248
  export * from "./Kbd/kbd.interface.js";
248
249
  export * from "./Stepper/stepper.interface.js";
249
250
  export * from "./Stepper/stepper-item.interface.js";
@@ -402,8 +402,7 @@ const origamLightTheme = exports.origamLightTheme = {
402
402
  borderColor: "var(--origam-color__border---default)"
403
403
  },
404
404
  "origam-skeleton": {
405
- variant: "text",
406
- rounded: "sm"
405
+ variant: "text"
407
406
  },
408
407
  "origam-slider-field": {
409
408
  variant: "field"
@@ -817,8 +816,7 @@ const origamDarkTheme = exports.origamDarkTheme = {
817
816
  borderColor: "var(--origam-color__border---default)"
818
817
  },
819
818
  "origam-skeleton": {
820
- variant: "text",
821
- rounded: "sm"
819
+ variant: "text"
822
820
  },
823
821
  "origam-slider-field": {
824
822
  variant: "field"
@@ -207,7 +207,7 @@ export const origamLightTheme = {
207
207
  "origam-rating-field": { tag: "div", size: "default" },
208
208
  "origam-select": { border: true, rounded: true, variant: "outlined", density: "compact" },
209
209
  "origam-sheet": { border: true, borderColor: "var(--origam-color__border---default)" },
210
- "origam-skeleton": { variant: "text", rounded: "sm" },
210
+ "origam-skeleton": { variant: "text" },
211
211
  "origam-slider-field": { variant: "field" },
212
212
  "origam-snackbar": { location: "bottom", border: true, rounded: true, elevation: 1 },
213
213
  "origam-stepper": { size: "default" },
@@ -377,7 +377,7 @@ export const origamDarkTheme = {
377
377
  "origam-rating-field": { tag: "div", size: "default" },
378
378
  "origam-select": { border: true, rounded: true, variant: "outlined", density: "compact" },
379
379
  "origam-sheet": { border: true, borderColor: "var(--origam-color__border---default)" },
380
- "origam-skeleton": { variant: "text", rounded: "sm" },
380
+ "origam-skeleton": { variant: "text" },
381
381
  "origam-slider-field": { variant: "field" },
382
382
  "origam-snackbar": { location: "bottom", border: true, rounded: true, elevation: 1 },
383
383
  "origam-stepper": { size: "default" },
@@ -1,4 +1,7 @@
1
1
  import OrigamSkeleton from '../../components/Skeleton/OrigamSkeleton.vue';
2
- import { SKELETON_VARIANT } from '../../enums/Skeleton/skeleton.enum';
2
+ import OrigamSkeletonGroup from '../../components/Skeleton/OrigamSkeletonGroup.vue';
3
+ import { SKELETON_ANIMATION, SKELETON_VARIANT } from '../../enums/Skeleton/skeleton.enum';
3
4
  export type TOrigamSkeleton = InstanceType<typeof OrigamSkeleton>;
5
+ export type TOrigamSkeletonGroup = InstanceType<typeof OrigamSkeletonGroup>;
4
6
  export type TSkeletonVariant = `${SKELETON_VARIANT}`;
7
+ export type TSkeletonAnimation = `${SKELETON_ANIMATION}`;