@omnia/velcron 8.0.129-dev → 8.0.131-dev

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 (11) hide show
  1. package/internal-do-not-import-from-here/shared/models/theming/Blueprints.d.ts +25 -5
  2. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +8 -5
  3. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +2 -0
  4. package/internal-do-not-import-from-here/shared/models/theming/index.d.ts +0 -1
  5. package/internal-do-not-import-from-here/shared/models/theming/index.js +0 -1
  6. package/package.json +1 -1
  7. package/stores/VelcronColorSchema.d.ts +9 -6
  8. package/stores/VelcronTheming.d.ts +4 -1
  9. package/stores/VelcronTheming.js +7 -4
  10. package/internal-do-not-import-from-here/shared/models/theming/Chrome.d.ts +0 -16
  11. package/internal-do-not-import-from-here/shared/models/theming/Chrome.js +0 -2
package/internal-do-not-import-from-here/shared/models/theming/Blueprints.d.ts CHANGED
@@ -1,11 +1,12 @@
1
- import { BackgroundDefinition, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
2
- import { ChromeBlueprint } from "./Chrome";
1
+ import { BackgroundDefinition, ColorSchemaType, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
3
2
  import { SpacingDefinition, Spacing } from "./Spacing";
4
3
  import { TypographyValue } from "./Typography";
5
4
  export interface BoxDimensions extends Spacing {
6
5
  }
7
6
  import { TypographyBlueprint } from "./Typography";
7
+ import { Guid, GuidValue, VelcronAppDefinition } from "@omnia/fx-models";
8
8
  export interface Blueprints {
9
+ id: Guid;
9
10
  name?: string;
10
11
  }
11
12
  export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3";
@@ -22,7 +23,19 @@ export interface TypographyBlueprints extends Blueprints {
22
23
  export interface SpacingBlueprints extends Blueprints {
23
24
  primary: SpacingBlueprint;
24
25
  }
25
- export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "disabled" | "link";
26
+ export interface ChromeBlueprint {
27
+ name?: string;
28
+ colorSchemaType?: ColorSchemaType;
29
+ header: {
30
+ definitionId: GuidValue;
31
+ definition?: VelcronAppDefinition;
32
+ };
33
+ styles: {
34
+ background?: BackgroundDefinition;
35
+ spacing?: Spacing;
36
+ };
37
+ }
38
+ export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "variant1" | "variant2" | "variant3" | "variant4";
26
39
  export interface ComponentBlueprints extends Blueprints {
27
40
  buttons?: {
28
41
  text?: {
@@ -30,16 +43,22 @@ export interface ComponentBlueprints extends Blueprints {
30
43
  basic?: ButtonBlueprint;
31
44
  accent1?: ButtonBlueprint;
32
45
  warn?: ButtonBlueprint;
33
- disabled?: ButtonBlueprint;
34
46
  link?: ButtonBlueprint;
47
+ variant1?: ButtonBlueprint;
48
+ variant2?: ButtonBlueprint;
49
+ variant3?: ButtonBlueprint;
50
+ variant4?: ButtonBlueprint;
35
51
  };
36
52
  icon?: {
37
53
  primary?: ButtonBlueprint;
38
54
  basic?: ButtonBlueprint;
39
55
  accent1?: ButtonBlueprint;
40
56
  warn?: ButtonBlueprint;
41
- disabled?: ButtonBlueprint;
42
57
  link?: ButtonBlueprint;
58
+ variant1?: ButtonBlueprint;
59
+ variant2?: ButtonBlueprint;
60
+ variant3?: ButtonBlueprint;
61
+ variant4?: ButtonBlueprint;
43
62
  };
44
63
  };
45
64
  tabs?: {
@@ -48,6 +67,7 @@ export interface ComponentBlueprints extends Blueprints {
48
67
  variant2?: TabsBlueprint;
49
68
  variant3?: TabsBlueprint;
50
69
  };
70
+ blocks?: ChromeBlueprints;
51
71
  }
52
72
  export interface SpacingBlueprint {
53
73
  layout: SpacingDefinition;
package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Guid } from "../Guid";
2
- import { BoxDimensions, ChromeBlueprints, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
2
+ import { BoxDimensions } from "./Blueprints";
3
3
  export interface ColorTypeResult<resultType> {
4
4
  base: resultType;
5
5
  baseTone: resultType;
@@ -38,15 +38,16 @@ export interface ColorSchemas {
38
38
  background: ColorSchema;
39
39
  error: ColorSchema;
40
40
  info: ColorSchema;
41
+ warning: ColorSchema;
42
+ notification: ColorSchema;
41
43
  }
42
44
  export interface ThemeDefinitionV2 {
43
45
  id: Guid;
44
46
  name?: string;
45
47
  colors: ColorSchemas;
46
- typography: TypographyBlueprints;
47
- spacing: SpacingBlueprints;
48
- chrome: ChromeBlueprints;
49
- components: ComponentBlueprints;
48
+ typographyId: Guid;
49
+ spacingId: Guid;
50
+ componentId: Guid;
50
51
  }
51
52
  export type ColorSchemaType = keyof typeof ColorSchemaTypes;
52
53
  export declare enum ColorSchemaTypes {
@@ -56,6 +57,8 @@ export declare enum ColorSchemaTypes {
56
57
  accent2 = "accent2",
57
58
  accent3 = "accent3",
58
59
  neutral = "neutral",
60
+ warning = "warning",
61
+ notification = "notification",
59
62
  background = "background",
60
63
  error = "error",
61
64
  info = "info",
package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js CHANGED
@@ -9,6 +9,8 @@ var ColorSchemaTypes;
9
9
  ColorSchemaTypes["accent2"] = "accent2";
10
10
  ColorSchemaTypes["accent3"] = "accent3";
11
11
  ColorSchemaTypes["neutral"] = "neutral";
12
+ ColorSchemaTypes["warning"] = "warning";
13
+ ColorSchemaTypes["notification"] = "notification";
12
14
  ColorSchemaTypes["background"] = "background";
13
15
  ColorSchemaTypes["error"] = "error";
14
16
  ColorSchemaTypes["info"] = "info";
package/internal-do-not-import-from-here/shared/models/theming/index.d.ts CHANGED
@@ -4,5 +4,4 @@ export * from "./UseThemeMethods";
4
4
  export * from "./Spacing";
5
5
  export * from "./SharedBlueprintMethods";
6
6
  export * from "./SharedColorMethods";
7
- export * from "./Chrome";
8
7
  export * from "./Blueprints";
package/internal-do-not-import-from-here/shared/models/theming/index.js CHANGED
@@ -8,5 +8,4 @@ tslib_1.__exportStar(require("./UseThemeMethods"), exports);
8
8
  tslib_1.__exportStar(require("./Spacing"), exports);
9
9
  tslib_1.__exportStar(require("./SharedBlueprintMethods"), exports);
10
10
  tslib_1.__exportStar(require("./SharedColorMethods"), exports);
11
- tslib_1.__exportStar(require("./Chrome"), exports);
12
11
  tslib_1.__exportStar(require("./Blueprints"), exports);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/velcron",
3
3
  "license": "MIT",
4
- "version": "8.0.129-dev",
4
+ "version": "8.0.131-dev",
5
5
  "description": "Provide Omnia Velcron Stuffs.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1"
package/stores/VelcronColorSchema.d.ts CHANGED
@@ -8,21 +8,24 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
8
8
  onContainer: ColorDefinition;
9
9
  isContainer: boolean;
10
10
  name: string;
11
- colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
11
+ colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
12
12
  themeStore: {
13
13
  state: {
14
14
  currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
15
+ components: import("@omnia/fx-models").ComponentBlueprints;
16
+ spacing: import("@omnia/fx-models").SpacingBlueprints;
17
+ typography: import("@omnia/fx-models").TypographyBlueprints;
15
18
  };
16
19
  get: {
17
20
  componentBlueprints: () => void;
18
- colorSchema: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic") => ColorSchema;
21
+ colorSchema: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic") => ColorSchema;
19
22
  spacing: () => import("@omnia/fx-models").SpacingDefinition;
20
23
  typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => any;
21
- color: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
22
- colorDefinition: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
24
+ color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
25
+ colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
23
26
  complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
24
- complementaryColor: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
25
- complementaryColorDefinition: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
27
+ complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
28
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
26
29
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
27
30
  };
28
31
  actions: {
package/stores/VelcronTheming.d.ts CHANGED
@@ -1,7 +1,10 @@
1
- import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
1
+ import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ComponentBlueprints, SpacingBlueprints, ThemeDefinitionV2, TypographyBlueprints, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
2
2
  export declare const useVelcronThemingStore: (newStateWithName?: string) => {
3
3
  state: {
4
4
  currentTheme: ThemeDefinitionV2;
5
+ components: ComponentBlueprints;
6
+ spacing: SpacingBlueprints;
7
+ typography: TypographyBlueprints;
5
8
  };
6
9
  get: {
7
10
  componentBlueprints: () => void;
package/stores/VelcronTheming.js CHANGED
@@ -7,23 +7,26 @@ exports.useVelcronThemingStore = (0, _1.defineVelcronStore)("VelcronTheming", {
7
7
  setup() {
8
8
  return {
9
9
  state: {
10
- currentTheme: {}
10
+ currentTheme: {},
11
+ components: {},
12
+ spacing: {},
13
+ typography: {},
11
14
  }
12
15
  };
13
16
  },
14
17
  getters(state) {
15
18
  return {
16
19
  componentBlueprints: () => {
17
- state.currentTheme.components;
20
+ state.components;
18
21
  },
19
22
  colorSchema: (colorSchemaType) => {
20
23
  return (0, __1.useThemeMethods)(() => state.currentTheme).colorSchema(colorSchemaType);
21
24
  },
22
25
  spacing: () => {
23
- return state.currentTheme.spacing.primary.inner;
26
+ return state.spacing.primary.inner;
24
27
  },
25
28
  typography: (typographyType, size) => {
26
- const typography = state.currentTheme.typography.primary;
29
+ const typography = state.typography.primary;
27
30
  if (typographyType === __1.TypographyTypes.text) {
28
31
  return typography.text[size];
29
32
  }
package/internal-do-not-import-from-here/shared/models/theming/Chrome.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import { GuidValue } from "../Guid";
2
- import { VelcronAppDefinition } from "../velcron";
3
- import { Spacing } from "./Spacing";
4
- import { BackgroundDefinition, ColorSchemaType } from "./ThemeDefinitionV2";
5
- export interface ChromeBlueprint {
6
- name?: string;
7
- colorSchemaType?: ColorSchemaType;
8
- header: {
9
- definitionId: GuidValue;
10
- definition?: VelcronAppDefinition;
11
- };
12
- styles: {
13
- background?: BackgroundDefinition;
14
- spacing?: Spacing;
15
- };
16
- }
package/internal-do-not-import-from-here/shared/models/theming/Chrome.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });