@omnia/velcron 8.0.402-dev → 8.0.404-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 (4) hide show
  1. package/internal-do-not-import-from-here/shared/models/theme/Typography.d.ts +30 -25
  2. package/internal-do-not-import-from-here/shared/models/theme/Typography.js +4 -2
  3. package/package.json +1 -1
  4. package/stores/VelcronTheming.js +8 -2
package/internal-do-not-import-from-here/shared/models/theme/Typography.d.ts CHANGED
@@ -19,20 +19,24 @@ export interface TypographyBlueprint extends ThemeBase {
19
19
  baseFontSize?: BaseScaleBreakpoint;
20
20
  scale?: BaseScaleBreakpoint;
21
21
  lineHeightMultiplier?: BaseScaleBreakpoint;
22
- styles: {
23
- s1: TextStyleDefinition;
24
- s2: TextStyleDefinition;
25
- s3: TextStyleDefinition;
26
- s4: TextStyleDefinition;
27
- s5: TextStyleDefinition;
28
- s6: TextStyleDefinition;
29
- s7: TextStyleDefinition;
30
- s8: TextStyleDefinition;
31
- s9: TextStyleDefinition;
32
- s10: TextStyleDefinition;
33
- };
34
22
  };
35
23
  variants?: VariantBlueprints<TextStyleDefinition>;
24
+ display?: {
25
+ xl: TextStyleDefinition;
26
+ l: TextStyleDefinition;
27
+ m: TextStyleDefinition;
28
+ s: TextStyleDefinition;
29
+ xs: TextStyleDefinition;
30
+ font?: TypographyFontRef;
31
+ };
32
+ headline?: {
33
+ xl: TextStyleDefinition;
34
+ l: TextStyleDefinition;
35
+ m: TextStyleDefinition;
36
+ s: TextStyleDefinition;
37
+ xs: TextStyleDefinition;
38
+ font?: TypographyFontRef;
39
+ };
36
40
  title?: {
37
41
  xl: TextStyleDefinition;
38
42
  l: TextStyleDefinition;
@@ -49,15 +53,15 @@ export interface TypographyBlueprint extends ThemeBase {
49
53
  xs: TextStyleDefinition;
50
54
  font?: TypographyFontRef;
51
55
  };
52
- navigation?: {
53
- xl?: TextStyleDefinition;
54
- l?: TextStyleDefinition;
56
+ label?: {
57
+ xl: TextStyleDefinition;
58
+ l: TextStyleDefinition;
55
59
  m: TextStyleDefinition;
56
- s?: TextStyleDefinition;
57
- xs?: TextStyleDefinition;
60
+ s: TextStyleDefinition;
61
+ xs: TextStyleDefinition;
58
62
  font?: TypographyFontRef;
59
63
  };
60
- button?: {
64
+ navigation?: {
61
65
  xl?: TextStyleDefinition;
62
66
  l?: TextStyleDefinition;
63
67
  m: TextStyleDefinition;
@@ -65,7 +69,7 @@ export interface TypographyBlueprint extends ThemeBase {
65
69
  xs?: TextStyleDefinition;
66
70
  font?: TypographyFontRef;
67
71
  };
68
- label?: {
72
+ button?: {
69
73
  xl?: TextStyleDefinition;
70
74
  l?: TextStyleDefinition;
71
75
  m: TextStyleDefinition;
@@ -87,9 +91,9 @@ export interface TextStyleDefinition {
87
91
  }
88
92
  export interface TextStyleBreakPoint {
89
93
  custom?: boolean;
90
- weight: number;
91
- size: number;
92
- lineHeight: number;
94
+ weight?: number;
95
+ size?: number;
96
+ lineHeight?: number;
93
97
  letterSpacing?: number;
94
98
  }
95
99
  export interface TypographyFontRef {
@@ -97,18 +101,19 @@ export interface TypographyFontRef {
97
101
  }
98
102
  export type TextStyleType = keyof typeof TextStyleTypes;
99
103
  export declare enum TextStyleTypes {
104
+ display = "display",
105
+ headline = "headline",
100
106
  title = "title",
101
107
  text = "text",
102
- navigation = "navigation",
103
108
  label = "label",
104
- variants = "variants",
105
- fills = "fills"
109
+ variants = "variants"
106
110
  }
107
111
  export interface ThemedTextStyleValue {
108
112
  type: TextStyleType;
109
113
  size: TextStyleSize;
110
114
  }
111
115
  export type TextStyleValue = TextStyleDefinition | ThemedTextStyleValue;
116
+ export type TypographyBreakpoint = "lg" | "md" | "sm";
112
117
  export type TextStyleSize = keyof typeof TextStyleSizes;
113
118
  export declare enum TextStyleSizes {
114
119
  xl = "xl",
package/internal-do-not-import-from-here/shared/models/theme/Typography.js CHANGED
@@ -3,13 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.AvailableTextStyleSizes = exports.TextStyleSizes = exports.TextStyleTypes = void 0;
4
4
  var TextStyleTypes;
5
5
  (function (TextStyleTypes) {
6
+ TextStyleTypes["display"] = "display";
7
+ TextStyleTypes["headline"] = "headline";
6
8
  TextStyleTypes["title"] = "title";
7
9
  TextStyleTypes["text"] = "text";
8
- TextStyleTypes["navigation"] = "navigation";
9
10
  TextStyleTypes["label"] = "label";
11
+ //navigation = "navigation",
10
12
  //button = "button",
11
13
  TextStyleTypes["variants"] = "variants";
12
- TextStyleTypes["fills"] = "fills";
14
+ //fills = "fills",
13
15
  })(TextStyleTypes || (exports.TextStyleTypes = TextStyleTypes = {}));
14
16
  var TextStyleSizes;
15
17
  (function (TextStyleSizes) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/velcron",
3
3
  "license": "MIT",
4
- "version": "8.0.402-dev",
4
+ "version": "8.0.404-dev",
5
5
  "description": "Provide Omnia Velcron Stuffs.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1"
package/stores/VelcronTheming.js CHANGED
@@ -33,8 +33,14 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
33
33
  else if (typographyType === __1.TextStyleTypes.title) {
34
34
  return typography.title[size];
35
35
  }
36
- else if (typographyType === __1.TextStyleTypes.navigation) {
37
- return typography.navigation[size];
36
+ else if (typographyType === __1.TextStyleTypes.display) {
37
+ return typography.display[size];
38
+ }
39
+ else if (typographyType === __1.TextStyleTypes.headline) {
40
+ return typography.headline[size];
41
+ }
42
+ else if (typographyType === __1.TextStyleTypes.label) {
43
+ return typography.label[size];
38
44
  }
39
45
  },
40
46
  color: (colorSchemaType, colorType) => {