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.
- package/CHANGELOG.md +37 -0
- package/dist/src/assets/css/main.css +1 -1
- package/dist/src/assets/css/tokens/dark.css +24 -10
- package/dist/src/assets/css/tokens/light.css +12 -5
- package/dist/src/assets/css/tokens/origam-utilities.css +84 -0
- package/dist/src/assets/css/tokens/primitive.css +1 -0
- package/dist/src/assets/scss/tokens/_dark.scss +24 -10
- package/dist/src/assets/scss/tokens/_light.scss +12 -5
- package/dist/src/assets/scss/tokens/_origam-utilities.scss +84 -0
- package/dist/src/assets/scss/tokens/_primitive.scss +1 -0
- package/dist/src/components/Breadcrumb/OrigamBreadcrumbItem.vue +1 -1
- package/dist/src/components/Skeleton/OrigamSkeleton.vue +89 -125
- package/dist/src/components/Skeleton/OrigamSkeletonGroup.vue +52 -0
- package/dist/src/components/Skeleton/index.cjs +7 -0
- package/dist/src/components/Skeleton/index.d.ts +1 -0
- package/dist/src/components/Skeleton/index.js +1 -0
- package/dist/src/consts/Skeleton/skeleton.const.cjs +7 -0
- package/dist/src/consts/Skeleton/skeleton.const.d.ts +11 -0
- package/dist/src/consts/Skeleton/skeleton.const.js +1 -0
- package/dist/src/consts/index.cjs +11 -0
- package/dist/src/consts/index.d.ts +1 -0
- package/dist/src/consts/index.js +1 -0
- package/dist/src/enums/Skeleton/skeleton.enum.cjs +9 -2
- package/dist/src/enums/Skeleton/skeleton.enum.d.ts +27 -4
- package/dist/src/enums/Skeleton/skeleton.enum.js +7 -0
- package/dist/src/interfaces/Skeleton/skeleton-group.interface.cjs +1 -0
- package/dist/src/interfaces/Skeleton/skeleton-group.interface.d.ts +34 -0
- package/dist/src/interfaces/Skeleton/skeleton-group.interface.js +0 -0
- package/dist/src/interfaces/Skeleton/skeleton.interface.d.ts +27 -10
- package/dist/src/interfaces/index.cjs +11 -0
- package/dist/src/interfaces/index.d.ts +1 -0
- package/dist/src/interfaces/index.js +1 -0
- package/dist/src/themes/origam.theme.cjs +2 -4
- package/dist/src/themes/origam.theme.js +2 -2
- package/dist/src/types/Skeleton/skeleton.type.d.ts +4 -1
- package/dist/src/types/tokens.type.d.ts +1 -1
- 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"
|
|
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"
|
|
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
|
|
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}`;
|