@uni-design-system/uni-core 0.0.18 → 0.0.21

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 (61) hide show
  1. package/dist/cjs/core/button/button.model.d.ts +2 -4
  2. package/dist/cjs/core/color/color.types.d.ts +5 -1
  3. package/dist/cjs/core/container/container.model.d.ts +12 -8
  4. package/dist/cjs/core/container/container.types.d.ts +1 -1
  5. package/dist/cjs/core/iconography/icon.types.d.ts +1 -0
  6. package/dist/cjs/core/layout/breakpoint.helper.d.ts +2 -0
  7. package/dist/cjs/core/layout/breakpoint.helper.js +16 -0
  8. package/dist/cjs/core/layout/breakpoint.helper.js.map +1 -0
  9. package/dist/cjs/core/layout/breakpoint.model.d.ts +4 -0
  10. package/dist/cjs/core/layout/breakpoint.model.js +3 -0
  11. package/dist/cjs/core/layout/breakpoint.model.js.map +1 -0
  12. package/dist/cjs/core/layout/index.d.ts +4 -0
  13. package/dist/cjs/core/layout/index.js +4 -0
  14. package/dist/cjs/core/layout/index.js.map +1 -1
  15. package/dist/cjs/core/layout/layout.model.d.ts +5 -0
  16. package/dist/cjs/core/layout/layout.model.js +3 -0
  17. package/dist/cjs/core/layout/layout.model.js.map +1 -0
  18. package/dist/cjs/core/layout/layout.records.d.ts +2 -0
  19. package/dist/cjs/core/layout/layout.records.js +11 -0
  20. package/dist/cjs/core/layout/layout.records.js.map +1 -0
  21. package/dist/cjs/core/shadow/shadow.types.d.ts +1 -0
  22. package/dist/cjs/core/shadow/shadow.types.js +1 -0
  23. package/dist/cjs/core/shadow/shadow.types.js.map +1 -1
  24. package/dist/cjs/core/theme/theme.model.d.ts +2 -0
  25. package/dist/cjs/core/theme/themes/base.theme.js +79 -82
  26. package/dist/cjs/core/theme/themes/base.theme.js.map +1 -1
  27. package/dist/cjs/core/theme/themes/dark.theme.js +1 -1
  28. package/dist/cjs/core/theme/themes/dark.theme.js.map +1 -1
  29. package/dist/cjs/core/typography/text.model.d.ts +1 -1
  30. package/dist/cjs/core/typography/typography.types.d.ts +1 -1
  31. package/dist/esm/core/button/button.model.d.ts +2 -4
  32. package/dist/esm/core/color/color.types.d.ts +5 -1
  33. package/dist/esm/core/container/container.model.d.ts +12 -8
  34. package/dist/esm/core/container/container.types.d.ts +1 -1
  35. package/dist/esm/core/iconography/icon.types.d.ts +1 -0
  36. package/dist/esm/core/layout/breakpoint.helper.d.ts +2 -0
  37. package/dist/esm/core/layout/breakpoint.helper.js +12 -0
  38. package/dist/esm/core/layout/breakpoint.helper.js.map +1 -0
  39. package/dist/esm/core/layout/breakpoint.model.d.ts +4 -0
  40. package/dist/esm/core/layout/breakpoint.model.js +2 -0
  41. package/dist/esm/core/layout/breakpoint.model.js.map +1 -0
  42. package/dist/esm/core/layout/index.d.ts +4 -0
  43. package/dist/esm/core/layout/index.js +4 -0
  44. package/dist/esm/core/layout/index.js.map +1 -1
  45. package/dist/esm/core/layout/layout.model.d.ts +5 -0
  46. package/dist/esm/core/layout/layout.model.js +2 -0
  47. package/dist/esm/core/layout/layout.model.js.map +1 -0
  48. package/dist/esm/core/layout/layout.records.d.ts +2 -0
  49. package/dist/esm/core/layout/layout.records.js +8 -0
  50. package/dist/esm/core/layout/layout.records.js.map +1 -0
  51. package/dist/esm/core/shadow/shadow.types.d.ts +1 -0
  52. package/dist/esm/core/shadow/shadow.types.js +1 -0
  53. package/dist/esm/core/shadow/shadow.types.js.map +1 -1
  54. package/dist/esm/core/theme/theme.model.d.ts +2 -0
  55. package/dist/esm/core/theme/themes/base.theme.js +79 -82
  56. package/dist/esm/core/theme/themes/base.theme.js.map +1 -1
  57. package/dist/esm/core/theme/themes/dark.theme.js +1 -1
  58. package/dist/esm/core/theme/themes/dark.theme.js.map +1 -1
  59. package/dist/esm/core/typography/text.model.d.ts +1 -1
  60. package/dist/esm/core/typography/typography.types.d.ts +1 -1
  61. package/package.json +1 -1
package/dist/cjs/core/button/button.model.d.ts CHANGED
@@ -9,10 +9,8 @@ export interface Button {
9
9
  borderColor?: ColorToken;
10
10
  borderRadius?: number;
11
11
  borderRadii?: Record<Size, number>;
12
- horizontalPadding?: number;
13
- horizontalPaddings?: Record<Size, number>;
14
- verticalPadding?: number;
15
- verticalPaddings?: Record<Size, number>;
12
+ horizontalPadding?: Record<Size, number>;
13
+ verticalPadding?: Record<Size, number>;
16
14
  border?: Border;
17
15
  shadowElevation?: ShadowElevation;
18
16
  }
package/dist/cjs/core/color/color.types.d.ts CHANGED
@@ -10,4 +10,8 @@ export declare type colorRoles = 'primary' | 'secondary' | 'tertiary' | 'inverse
10
10
  export declare const roleHues: Record<colorRoles, Range>;
11
11
  export declare const utilHues: Record<utilColorRoles, Range>;
12
12
  export declare type ColorModes = 'base' | 'hover' | 'active' | 'disabled';
13
- export declare type ColorToken = 'primary' | 'on-primary' | 'primary-container' | 'on-primary-container' | 'secondary' | 'on-secondary' | 'secondary-container' | 'on-secondary-container' | 'tertiary' | 'on-tertiary' | 'tertiary-container' | 'on-tertiary-container' | 'error' | 'on-error' | 'error-container' | 'on-error-container' | 'background' | 'on-background' | 'surface' | 'on-surface' | 'surface-variant' | 'on-surface-variant' | 'outline' | 'shadow' | 'surface-tint' | 'inverse-surface' | 'inverse-on-surface' | 'inverse-primary' | 'transparent';
13
+ export declare type ColorToken = ElementColorToken | ContainerColorToken | ContentColorToken | UtilityColorToken;
14
+ export declare type ElementColorToken = 'primary' | 'secondary' | 'tertiary' | 'error';
15
+ export declare type ContainerColorToken = 'primary-container' | 'secondary-container' | 'tertiary-container' | 'error-container' | 'background' | 'surface' | 'surface-variant' | 'inverse-surface' | 'transparent';
16
+ export declare type ContentColorToken = 'on-primary' | 'on-primary-container' | 'on-secondary' | 'on-secondary-container' | 'on-tertiary' | 'on-tertiary-container' | 'on-error' | 'on-error-container' | 'on-background' | 'on-surface' | 'on-surface-variant' | 'inverse-on-surface' | 'inverse-on-surface-primary';
17
+ export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';
package/dist/cjs/core/container/container.model.d.ts CHANGED
@@ -1,15 +1,21 @@
1
1
  import { BackgroundType } from '../background';
2
2
  import { BorderWidth } from '../border';
3
- import { ColorToken } from '../color';
3
+ import { ColorToken, ContainerColorToken, ContentColorToken } from '../color';
4
4
  import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
5
- import { ShadowDefinition } from '../shadow';
6
- export interface ContainerProps {
5
+ import { ShadowElevation, ShadowMode } from '../shadow';
6
+ export interface Container {
7
7
  maxWidth?: number;
8
8
  align?: HorizontalAlign;
9
+ contentSpacing?: Record<Size, number>;
10
+ topPadding?: Record<Size, number>;
11
+ padding?: Record<Size, number>;
12
+ spacing?: Record<Size, number>;
9
13
  backgroundType?: BackgroundType;
10
- shadow?: ShadowDefinition;
11
- backgroundColor?: ColorToken;
12
- textColor?: ColorToken;
14
+ borderRadii?: Record<Size, number>;
15
+ shadowMode?: ShadowMode;
16
+ shadowElevation?: ShadowElevation;
17
+ color: ContainerColorToken;
18
+ contentColor: ContentColorToken;
13
19
  blur?: {
14
20
  amount?: number;
15
21
  };
@@ -35,6 +41,4 @@ export interface ContainerProps {
35
41
  bottom?: Record<Size, number>;
36
42
  top?: Record<Size, number>;
37
43
  };
38
- Spacings?: Record<Size, number>;
39
- TopSpacings?: Record<Size, number>;
40
44
  }
package/dist/cjs/core/container/container.types.d.ts CHANGED
@@ -1 +1 @@
1
- export declare type ContainerType = 'Card' | 'Form' | 'Screen' | 'Modal' | 'Paragraph' | 'Header' | 'Footer';
1
+ export declare type ContainerType = 'card' | 'screen' | 'modal';
package/dist/cjs/core/iconography/icon.types.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export declare type IconStyle = 'solid' | 'outline';
2
+ export declare type ToggleableIcon = 'radio' | 'check' | 'like' | 'favorite' | 'lock' | 'view';
2
3
  export declare type IconToken = 'alert' | 'warn' | 'disabled' | 'trash' | 'user' | 'back' | 'next' | 'add' | 'create' | 'copy' | 'edit' | 'disable' | 'save' | 'pin' | 'tag' | 'update' | 'archive' | 'delete' | 'lock' | 'unlock' | 'view' | 'hide' | 'open' | 'expand' | 'collapse' | 'info' | 'success' | 'warning' | 'logo' | 'chat' | 'down' | 'favorite' | 'location' | 'message' | 'profile' | 'question' | 'remove' | 'schedule' | 'search' | 'send' | 'settings' | 'share' | 'up' | 'play' | 'stop' | 'forward' | 'beginning' | 'plus' | 'minus' | 'more' | 'details' | 'call' | 'video' | 'inbox' | 'mail' | 'comment' | 'home';
package/dist/cjs/core/layout/breakpoint.helper.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Size } from '../core.types';
2
+ export declare function getScreenSize(width: number): Size;
package/dist/cjs/core/layout/breakpoint.helper.js ADDED
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getScreenSize = void 0;
4
+ const layout_records_1 = require("./layout.records");
5
+ function getScreenSize(width) {
6
+ if (!width)
7
+ return 'md';
8
+ ['xs', 'sm', 'md', 'lg'].forEach(key => {
9
+ const breakpoint = layout_records_1.Breakpoints[key];
10
+ if (width < breakpoint)
11
+ return key;
12
+ });
13
+ return 'xl';
14
+ }
15
+ exports.getScreenSize = getScreenSize;
16
+ //# sourceMappingURL=breakpoint.helper.js.map
package/dist/cjs/core/layout/breakpoint.helper.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breakpoint.helper.js","sourceRoot":"","sources":["../../../../src/core/layout/breakpoint.helper.ts"],"names":[],"mappings":";;;AACA,qDAA+C;AAE/C,SAAgB,aAAa,CAAC,KAAa;IAEzC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACrC,MAAM,UAAU,GAAG,4BAAW,CAAC,GAAW,CAAC,CAAC;QAC5C,IAAI,KAAK,GAAG,UAAU;YAAE,OAAO,GAAG,CAAC;IACrC,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC;AAVD,sCAUC"}
package/dist/cjs/core/layout/breakpoint.model.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export interface Breakpoint {
2
+ maxWidthLandscape: number;
3
+ minWidthLandscape: number;
4
+ }
package/dist/cjs/core/layout/breakpoint.model.js ADDED
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=breakpoint.model.js.map
package/dist/cjs/core/layout/breakpoint.model.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breakpoint.model.js","sourceRoot":"","sources":["../../../../src/core/layout/breakpoint.model.ts"],"names":[],"mappings":""}
package/dist/cjs/core/layout/index.d.ts CHANGED
@@ -1 +1,5 @@
1
1
  export * from './layout.types';
2
+ export * from './breakpoint.helper';
3
+ export * from './breakpoint.model';
4
+ export * from './layout.records';
5
+ export * from './layout.model';
package/dist/cjs/core/layout/index.js CHANGED
@@ -15,4 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./layout.types"), exports);
18
+ __exportStar(require("./breakpoint.helper"), exports);
19
+ __exportStar(require("./breakpoint.model"), exports);
20
+ __exportStar(require("./layout.records"), exports);
21
+ __exportStar(require("./layout.model"), exports);
18
22
  //# sourceMappingURL=index.js.map
package/dist/cjs/core/layout/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,sDAAoC;AACpC,qDAAmC;AACnC,mDAAiC;AACjC,iDAA8B"}
package/dist/cjs/core/layout/layout.model.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Size } from '../core.types';
2
+ export interface Layout {
3
+ deviseSize: Size;
4
+ orientation: 'portrait' | 'landscape';
5
+ }
package/dist/cjs/core/layout/layout.model.js ADDED
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=layout.model.js.map
package/dist/cjs/core/layout/layout.model.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.model.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.model.ts"],"names":[],"mappings":""}
package/dist/cjs/core/layout/layout.records.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Size } from '../core.types';
2
+ export declare const Breakpoints: Record<Size, number>;
package/dist/cjs/core/layout/layout.records.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Breakpoints = void 0;
4
+ exports.Breakpoints = {
5
+ xs: 600,
6
+ sm: 960,
7
+ md: 1264,
8
+ lg: 1904,
9
+ xl: 999999
10
+ };
11
+ //# sourceMappingURL=layout.records.js.map
package/dist/cjs/core/layout/layout.records.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.records.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.records.ts"],"names":[],"mappings":";;;AAEa,QAAA,WAAW,GAAyB;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;CACX,CAAA"}
package/dist/cjs/core/shadow/shadow.types.d.ts CHANGED
@@ -1 +1,2 @@
1
+ export declare type ShadowMode = 'flat' | 'interactive' | 'static';
1
2
  export declare type ShadowElevation = 'pressed' | 'raised' | 'focussed' | 'navigation' | 'modal';
package/dist/cjs/core/shadow/shadow.types.js CHANGED
@@ -1,3 +1,4 @@
1
1
  "use strict";
2
+ // Shadows styles are listed in order of elevation, low to high.
2
3
  Object.defineProperty(exports, "__esModule", { value: true });
3
4
  //# sourceMappingURL=shadow.types.js.map
package/dist/cjs/core/shadow/shadow.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shadow.types.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"shadow.types.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.types.ts"],"names":[],"mappings":";AAAA,gEAAgE"}
package/dist/cjs/core/theme/theme.model.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { TextRole, TextStyle } from '../typography';
2
2
  import { ColorToken } from '../color';
3
3
  import { Button, ButtonType } from '../button';
4
+ import { Container, ContainerType } from '../container';
4
5
  export interface ThemeProps {
5
6
  themeId?: string;
6
7
  themes?: Record<string, Theme>;
@@ -12,4 +13,5 @@ export interface Theme {
12
13
  colors: Record<ColorToken, string>;
13
14
  typography: Record<TextRole, TextStyle>;
14
15
  buttons: Record<ButtonType, Button>;
16
+ containers: Record<ContainerType, Container>;
15
17
  }
package/dist/cjs/core/theme/themes/base.theme.js CHANGED
@@ -1,6 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.BaseTheme = void 0;
4
+ const BaseButton = {
5
+ verticalPadding: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
6
+ horizontalPadding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
7
+ borderRadius: 100,
8
+ };
9
+ const BaseContainer = {
10
+ borderRadii: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
11
+ padding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
12
+ contentSpacing: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
13
+ };
4
14
  exports.BaseTheme = {
5
15
  id: 'BaseTheme',
6
16
  name: 'Base Theme',
@@ -32,41 +42,67 @@ exports.BaseTheme = {
32
42
  'surface-tint': '#6750A4',
33
43
  'inverse-surface': '#313033',
34
44
  'inverse-on-surface': '#F4EFF4',
35
- 'inverse-primary': '#D0BCFF',
45
+ 'inverse-on-surface-primary': '#D0BCFF',
36
46
  'transparent': 'rgba(0,0,0,0)'
37
47
  },
38
48
  typography: {
39
- 'headline-1': {
49
+ 'display-large': {
50
+ fontFamily: 'Red Hat Display',
51
+ fontSize: 57,
52
+ lineHeight: 64,
53
+ fontWeight: 'normal',
54
+ letterSpacing: -0.25
55
+ },
56
+ 'display-medium': {
57
+ fontFamily: 'Red Hat Display',
58
+ fontSize: 45,
59
+ lineHeight: 52,
60
+ fontWeight: 'normal'
61
+ },
62
+ 'display-small': {
40
63
  fontFamily: 'Red Hat Display',
41
- fontSize: 96,
42
- fontWeight: 'light',
43
- letterSpacing: -1.5
64
+ fontSize: 36,
65
+ lineHeight: 44,
66
+ fontWeight: 'normal'
44
67
  },
45
- 'headline-2': {
68
+ 'headline-large': {
46
69
  fontFamily: 'Red Hat Display',
47
- fontSize: 60,
48
- fontWeight: 'light',
49
- letterSpacing: -0.1
70
+ fontSize: 32,
71
+ lineHeight: 40,
72
+ fontWeight: 'normal'
50
73
  },
51
- 'headline-3': {
74
+ 'headline-medium': {
52
75
  fontFamily: 'Red Hat Display',
53
- fontSize: 48,
76
+ fontSize: 28,
77
+ lineHeight: 36,
78
+ fontWeight: 'normal'
54
79
  },
55
- 'headline-4': {
80
+ 'headline-small': {
56
81
  fontFamily: 'Red Hat Display',
57
- fontSize: 34,
58
- letterSpacing: 0.25
82
+ fontSize: 24,
83
+ lineHeight: 32,
84
+ fontWeight: 'normal'
59
85
  },
60
- 'headline-5': {
86
+ 'title-large': {
61
87
  fontFamily: 'Red Hat Display',
62
- fontSize: 24
88
+ fontSize: 22,
89
+ lineHeight: 28,
90
+ fontWeight: 'normal'
63
91
  },
64
- 'headline-6': {
92
+ 'title-medium': {
65
93
  fontFamily: 'Red Hat Display',
66
- fontSize: 20,
94
+ fontSize: 16,
95
+ lineHeight: 24,
67
96
  fontWeight: 'medium',
68
97
  letterSpacing: 0.15
69
98
  },
99
+ 'title-small': {
100
+ fontFamily: 'Red Hat Display',
101
+ fontWeight: 'medium',
102
+ fontSize: 14,
103
+ lineHeight: 20,
104
+ letterSpacing: 0.1
105
+ },
70
106
  'body-1-long': {
71
107
  fontFamily: 'Roboto',
72
108
  fontSize: 16,
@@ -87,113 +123,74 @@ exports.BaseTheme = {
87
123
  fontSize: 14,
88
124
  lineHeight: 20
89
125
  },
90
- title: {
91
- fontFamily: 'Red Hat Display',
92
- fontSize: 48
93
- },
94
126
  'subtitle-1': {
95
127
  fontFamily: 'Red Hat Display',
96
128
  fontSize: 16,
129
+ lineHeight: 24,
97
130
  letterSpacing: 0.15
98
131
  },
99
132
  'subtitle-2': {
100
133
  fontFamily: 'Red Hat Display',
101
134
  fontSize: 14,
135
+ lineHeight: 20,
102
136
  fontWeight: 'medium',
103
137
  letterSpacing: 0.1
104
138
  },
105
139
  label: {
106
140
  fontFamily: 'Roboto',
107
- fontSize: 14
141
+ fontSize: 14,
142
+ lineHeight: 20
108
143
  },
109
144
  button: {
110
145
  fontFamily: 'Red Hat Display',
111
146
  fontSize: 14,
147
+ lineHeight: 20,
112
148
  fontWeight: 'medium',
113
- textTransform: 'uppercase'
149
+ textTransform: 'capitalize'
114
150
  },
115
151
  caption: {
116
152
  fontFamily: 'Roboto',
117
153
  fontSize: 12,
154
+ lineHeight: 18,
118
155
  letterSpacing: 0.4
119
156
  },
120
157
  overline: {
121
158
  fontFamily: 'Red Hat Display',
122
159
  fontSize: 10,
160
+ lineHeight: 18,
123
161
  letterSpacing: 1.5,
124
162
  textTransform: 'uppercase'
125
163
  },
126
164
  paragraph: {
127
165
  fontFamily: 'Roboto',
128
- fontSize: 16
166
+ fontSize: 16,
167
+ lineHeight: 24
129
168
  },
130
169
  quote: {
131
170
  fontFamily: 'Roboto',
132
- fontSize: 16
171
+ fontSize: 16,
172
+ lineHeight: 24
133
173
  },
134
174
  note: {
135
175
  fontFamily: 'Roboto',
136
176
  fontSize: 14,
177
+ lineHeight: 22,
137
178
  fontStyle: 'italic'
138
179
  }
139
180
  },
140
181
  buttons: {
141
- elevated: {
142
- color: 'surface',
143
- verticalPadding: 12,
144
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
145
- horizontalPadding: 24,
146
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
147
- borderRadius: 100,
148
- shadowElevation: 'raised'
149
- },
150
- filled: {
151
- color: 'primary',
152
- verticalPadding: 12,
153
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
154
- horizontalPadding: 24,
155
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
156
- borderRadius: 100
157
- },
158
- 'filled-secondary': {
159
- color: 'secondary',
160
- verticalPadding: 12,
161
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
162
- horizontalPadding: 24,
163
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
164
- borderRadius: 100
165
- },
166
- outlined: {
167
- color: 'transparent',
168
- verticalPadding: 12,
169
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
170
- horizontalPadding: 24,
171
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
172
- borderRadius: 100,
173
- borderColor: 'primary',
174
- borderWidth: 1
175
- },
176
- text: {
177
- color: 'transparent',
178
- verticalPadding: 12,
179
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
180
- horizontalPadding: 16,
181
- horizontalPaddings: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
182
- borderRadius: 100
183
- },
184
- icon: {
185
- color: 'transparent',
186
- verticalPadding: 12,
187
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
188
- horizontalPadding: 16,
189
- horizontalPaddings: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
190
- borderRadius: 100
191
- },
192
- 'floating-action': {
193
- color: 'secondary',
194
- borderRadius: 100,
195
- shadowElevation: 'navigation',
196
- }
182
+ elevated: Object.assign(Object.assign({}, BaseButton), { color: 'surface', shadowElevation: 'raised' }),
183
+ filled: Object.assign(Object.assign({}, BaseButton), { color: 'primary' }),
184
+ 'filled-secondary': Object.assign(Object.assign({}, BaseButton), { color: 'secondary' }),
185
+ outlined: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', borderColor: 'primary', borderWidth: 1 }),
186
+ text: Object.assign(Object.assign({}, BaseButton), { color: 'transparent' }),
187
+ icon: Object.assign(Object.assign({}, BaseButton), { color: 'transparent' }),
188
+ 'floating-action': Object.assign(Object.assign({}, BaseButton), { color: 'secondary', borderRadius: 100, shadowElevation: 'navigation' })
189
+ },
190
+ containers: {
191
+ card: Object.assign(Object.assign({}, BaseContainer), { color: 'surface', contentColor: 'on-surface', shadowMode: 'interactive' }),
192
+ screen: Object.assign(Object.assign({}, BaseContainer), { color: 'background', contentColor: 'on-background' }),
193
+ modal: Object.assign(Object.assign({}, BaseContainer), { borderRadii: { xs: 16, sm: 22, md: 28, lg: 32, xl: 38 }, color: 'surface', contentColor: 'on-surface', shadowMode: 'static', shadowElevation: 'modal', maxWidth: 560 })
197
194
  }
198
195
  };
199
196
  //# sourceMappingURL=base.theme.js.map
package/dist/cjs/core/theme/themes/base.theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}
package/dist/cjs/core/theme/themes/dark.theme.js CHANGED
@@ -30,7 +30,7 @@ exports.DarkTheme = Object.assign(Object.assign({}, base_theme_1.BaseTheme), { i
30
30
  'surface-tint': '#D0BCFF',
31
31
  'inverse-surface': '#E6E1E5',
32
32
  'inverse-on-surface': '#313033',
33
- 'inverse-primary': '#6750A4',
33
+ 'inverse-on-surface-primary': '#6750A4',
34
34
  'transparent': 'rgba(0,0,0,0)'
35
35
  } });
36
36
  //# sourceMappingURL=dark.theme.js.map
package/dist/cjs/core/theme/themes/dark.theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":";;;AACA,6CAAyC;AAE5B,QAAA,SAAS,mCACjB,sBAAS,KACZ,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,sBAAsB,EAAE,SAAS;QACjC,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,qBAAqB,EAAE,SAAS;QAChC,wBAAwB,EAAE,SAAS;QACnC,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,SAAS;QAClC,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,aAAa,EAAE,eAAe;KAC/B,IACF"}
1
+ {"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":";;;AACA,6CAAyC;AAE5B,QAAA,SAAS,mCACjB,sBAAS,KACZ,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,sBAAsB,EAAE,SAAS;QACjC,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,qBAAqB,EAAE,SAAS;QAChC,wBAAwB,EAAE,SAAS;QACnC,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,SAAS;QAClC,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,4BAA4B,EAAE,SAAS;QACvC,aAAa,EAAE,eAAe;KAC/B,IACF"}
package/dist/cjs/core/typography/text.model.d.ts CHANGED
@@ -3,6 +3,7 @@ import { Size } from '../core.types';
3
3
  export interface TextStyle {
4
4
  fontFamily: string;
5
5
  fontSize: number;
6
+ lineHeight: number;
6
7
  fontScale?: Record<Size, number>;
7
8
  fontWeight?: FontWeight;
8
9
  fontStyle?: 'italic';
@@ -10,7 +11,6 @@ export interface TextStyle {
10
11
  textDecoration?: TextDecoration;
11
12
  letterSpacing?: number;
12
13
  textIndent?: number;
13
- lineHeight?: number;
14
14
  wordSpacing?: number;
15
15
  whiteSpace?: 'nowrap';
16
16
  }
package/dist/cjs/core/typography/typography.types.d.ts CHANGED
@@ -2,6 +2,6 @@ export declare type classes = 'sanserif' | 'serif' | 'slab' | 'script' | 'displa
2
2
  export declare type families = 'Open-Sans' | 'Times-New-Roman' | 'Noto-Serif-Display';
3
3
  export declare type FontWeight = 'thin' | 'extra-light' | 'light' | 'normal' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black' | 'extra-black' | number;
4
4
  export declare type placement = 'overline' | 'title' | 'underline' | 'body' | 'label' | 'note' | 'footer';
5
- export declare type TextRole = 'headline-1' | 'headline-2' | 'headline-3' | 'headline-4' | 'headline-5' | 'headline-6' | 'body-1-long' | 'body-1-short' | 'body-2-long' | 'body-2-short' | 'title' | 'subtitle-1' | 'subtitle-2' | 'label' | 'button' | 'caption' | 'overline' | 'paragraph' | 'quote' | 'note';
5
+ export declare type TextRole = 'display-large' | 'display-medium' | 'display-small' | 'headline-large' | 'headline-medium' | 'headline-small' | 'title-large' | 'title-medium' | 'title-small' | 'body-1-long' | 'body-1-short' | 'body-2-long' | 'body-2-short' | 'subtitle-1' | 'subtitle-2' | 'label' | 'button' | 'caption' | 'overline' | 'paragraph' | 'quote' | 'note';
6
6
  export declare type TextDecoration = 'overline' | 'line-through' | 'underline' | 'overline-underline';
7
7
  export declare type TextTransform = 'uppercase' | 'lowercase' | 'capitalize';
package/dist/esm/core/button/button.model.d.ts CHANGED
@@ -9,10 +9,8 @@ export interface Button {
9
9
  borderColor?: ColorToken;
10
10
  borderRadius?: number;
11
11
  borderRadii?: Record<Size, number>;
12
- horizontalPadding?: number;
13
- horizontalPaddings?: Record<Size, number>;
14
- verticalPadding?: number;
15
- verticalPaddings?: Record<Size, number>;
12
+ horizontalPadding?: Record<Size, number>;
13
+ verticalPadding?: Record<Size, number>;
16
14
  border?: Border;
17
15
  shadowElevation?: ShadowElevation;
18
16
  }
package/dist/esm/core/color/color.types.d.ts CHANGED
@@ -10,4 +10,8 @@ export declare type colorRoles = 'primary' | 'secondary' | 'tertiary' | 'inverse
10
10
  export declare const roleHues: Record<colorRoles, Range>;
11
11
  export declare const utilHues: Record<utilColorRoles, Range>;
12
12
  export declare type ColorModes = 'base' | 'hover' | 'active' | 'disabled';
13
- export declare type ColorToken = 'primary' | 'on-primary' | 'primary-container' | 'on-primary-container' | 'secondary' | 'on-secondary' | 'secondary-container' | 'on-secondary-container' | 'tertiary' | 'on-tertiary' | 'tertiary-container' | 'on-tertiary-container' | 'error' | 'on-error' | 'error-container' | 'on-error-container' | 'background' | 'on-background' | 'surface' | 'on-surface' | 'surface-variant' | 'on-surface-variant' | 'outline' | 'shadow' | 'surface-tint' | 'inverse-surface' | 'inverse-on-surface' | 'inverse-primary' | 'transparent';
13
+ export declare type ColorToken = ElementColorToken | ContainerColorToken | ContentColorToken | UtilityColorToken;
14
+ export declare type ElementColorToken = 'primary' | 'secondary' | 'tertiary' | 'error';
15
+ export declare type ContainerColorToken = 'primary-container' | 'secondary-container' | 'tertiary-container' | 'error-container' | 'background' | 'surface' | 'surface-variant' | 'inverse-surface' | 'transparent';
16
+ export declare type ContentColorToken = 'on-primary' | 'on-primary-container' | 'on-secondary' | 'on-secondary-container' | 'on-tertiary' | 'on-tertiary-container' | 'on-error' | 'on-error-container' | 'on-background' | 'on-surface' | 'on-surface-variant' | 'inverse-on-surface' | 'inverse-on-surface-primary';
17
+ export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';
package/dist/esm/core/container/container.model.d.ts CHANGED
@@ -1,15 +1,21 @@
1
1
  import { BackgroundType } from '../background';
2
2
  import { BorderWidth } from '../border';
3
- import { ColorToken } from '../color';
3
+ import { ColorToken, ContainerColorToken, ContentColorToken } from '../color';
4
4
  import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
5
- import { ShadowDefinition } from '../shadow';
6
- export interface ContainerProps {
5
+ import { ShadowElevation, ShadowMode } from '../shadow';
6
+ export interface Container {
7
7
  maxWidth?: number;
8
8
  align?: HorizontalAlign;
9
+ contentSpacing?: Record<Size, number>;
10
+ topPadding?: Record<Size, number>;
11
+ padding?: Record<Size, number>;
12
+ spacing?: Record<Size, number>;
9
13
  backgroundType?: BackgroundType;
10
- shadow?: ShadowDefinition;
11
- backgroundColor?: ColorToken;
12
- textColor?: ColorToken;
14
+ borderRadii?: Record<Size, number>;
15
+ shadowMode?: ShadowMode;
16
+ shadowElevation?: ShadowElevation;
17
+ color: ContainerColorToken;
18
+ contentColor: ContentColorToken;
13
19
  blur?: {
14
20
  amount?: number;
15
21
  };
@@ -35,6 +41,4 @@ export interface ContainerProps {
35
41
  bottom?: Record<Size, number>;
36
42
  top?: Record<Size, number>;
37
43
  };
38
- Spacings?: Record<Size, number>;
39
- TopSpacings?: Record<Size, number>;
40
44
  }
package/dist/esm/core/container/container.types.d.ts CHANGED
@@ -1 +1 @@
1
- export declare type ContainerType = 'Card' | 'Form' | 'Screen' | 'Modal' | 'Paragraph' | 'Header' | 'Footer';
1
+ export declare type ContainerType = 'card' | 'screen' | 'modal';
package/dist/esm/core/iconography/icon.types.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export declare type IconStyle = 'solid' | 'outline';
2
+ export declare type ToggleableIcon = 'radio' | 'check' | 'like' | 'favorite' | 'lock' | 'view';
2
3
  export declare type IconToken = 'alert' | 'warn' | 'disabled' | 'trash' | 'user' | 'back' | 'next' | 'add' | 'create' | 'copy' | 'edit' | 'disable' | 'save' | 'pin' | 'tag' | 'update' | 'archive' | 'delete' | 'lock' | 'unlock' | 'view' | 'hide' | 'open' | 'expand' | 'collapse' | 'info' | 'success' | 'warning' | 'logo' | 'chat' | 'down' | 'favorite' | 'location' | 'message' | 'profile' | 'question' | 'remove' | 'schedule' | 'search' | 'send' | 'settings' | 'share' | 'up' | 'play' | 'stop' | 'forward' | 'beginning' | 'plus' | 'minus' | 'more' | 'details' | 'call' | 'video' | 'inbox' | 'mail' | 'comment' | 'home';
package/dist/esm/core/layout/breakpoint.helper.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Size } from '../core.types';
2
+ export declare function getScreenSize(width: number): Size;
package/dist/esm/core/layout/breakpoint.helper.js ADDED
@@ -0,0 +1,12 @@
1
+ import { Breakpoints } from './layout.records';
2
+ export function getScreenSize(width) {
3
+ if (!width)
4
+ return 'md';
5
+ ['xs', 'sm', 'md', 'lg'].forEach(key => {
6
+ const breakpoint = Breakpoints[key];
7
+ if (width < breakpoint)
8
+ return key;
9
+ });
10
+ return 'xl';
11
+ }
12
+ //# sourceMappingURL=breakpoint.helper.js.map
package/dist/esm/core/layout/breakpoint.helper.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breakpoint.helper.js","sourceRoot":"","sources":["../../../../src/core/layout/breakpoint.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,UAAU,aAAa,CAAC,KAAa;IAEzC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACrC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAW,CAAC,CAAC;QAC5C,IAAI,KAAK,GAAG,UAAU;YAAE,OAAO,GAAG,CAAC;IACrC,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC"}
package/dist/esm/core/layout/breakpoint.model.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export interface Breakpoint {
2
+ maxWidthLandscape: number;
3
+ minWidthLandscape: number;
4
+ }
package/dist/esm/core/layout/breakpoint.model.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=breakpoint.model.js.map
package/dist/esm/core/layout/breakpoint.model.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breakpoint.model.js","sourceRoot":"","sources":["../../../../src/core/layout/breakpoint.model.ts"],"names":[],"mappings":""}
package/dist/esm/core/layout/index.d.ts CHANGED
@@ -1 +1,5 @@
1
1
  export * from './layout.types';
2
+ export * from './breakpoint.helper';
3
+ export * from './breakpoint.model';
4
+ export * from './layout.records';
5
+ export * from './layout.model';
package/dist/esm/core/layout/index.js CHANGED
@@ -1,2 +1,6 @@
1
1
  export * from './layout.types';
2
+ export * from './breakpoint.helper';
3
+ export * from './breakpoint.model';
4
+ export * from './layout.records';
5
+ export * from './layout.model';
2
6
  //# sourceMappingURL=index.js.map
package/dist/esm/core/layout/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAA"}
package/dist/esm/core/layout/layout.model.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Size } from '../core.types';
2
+ export interface Layout {
3
+ deviseSize: Size;
4
+ orientation: 'portrait' | 'landscape';
5
+ }
package/dist/esm/core/layout/layout.model.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=layout.model.js.map
package/dist/esm/core/layout/layout.model.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.model.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.model.ts"],"names":[],"mappings":""}
package/dist/esm/core/layout/layout.records.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Size } from '../core.types';
2
+ export declare const Breakpoints: Record<Size, number>;
package/dist/esm/core/layout/layout.records.js ADDED
@@ -0,0 +1,8 @@
1
+ export const Breakpoints = {
2
+ xs: 600,
3
+ sm: 960,
4
+ md: 1264,
5
+ lg: 1904,
6
+ xl: 999999
7
+ };
8
+ //# sourceMappingURL=layout.records.js.map
package/dist/esm/core/layout/layout.records.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.records.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.records.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAyB;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;CACX,CAAA"}
package/dist/esm/core/shadow/shadow.types.d.ts CHANGED
@@ -1 +1,2 @@
1
+ export declare type ShadowMode = 'flat' | 'interactive' | 'static';
1
2
  export declare type ShadowElevation = 'pressed' | 'raised' | 'focussed' | 'navigation' | 'modal';
package/dist/esm/core/shadow/shadow.types.js CHANGED
@@ -1,2 +1,3 @@
1
+ // Shadows styles are listed in order of elevation, low to high.
1
2
  export {};
2
3
  //# sourceMappingURL=shadow.types.js.map
package/dist/esm/core/shadow/shadow.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shadow.types.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"shadow.types.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.types.ts"],"names":[],"mappings":"AAAA,gEAAgE"}
package/dist/esm/core/theme/theme.model.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { TextRole, TextStyle } from '../typography';
2
2
  import { ColorToken } from '../color';
3
3
  import { Button, ButtonType } from '../button';
4
+ import { Container, ContainerType } from '../container';
4
5
  export interface ThemeProps {
5
6
  themeId?: string;
6
7
  themes?: Record<string, Theme>;
@@ -12,4 +13,5 @@ export interface Theme {
12
13
  colors: Record<ColorToken, string>;
13
14
  typography: Record<TextRole, TextStyle>;
14
15
  buttons: Record<ButtonType, Button>;
16
+ containers: Record<ContainerType, Container>;
15
17
  }
package/dist/esm/core/theme/themes/base.theme.js CHANGED
@@ -1,3 +1,13 @@
1
+ const BaseButton = {
2
+ verticalPadding: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
3
+ horizontalPadding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
4
+ borderRadius: 100,
5
+ };
6
+ const BaseContainer = {
7
+ borderRadii: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
8
+ padding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
9
+ contentSpacing: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
10
+ };
1
11
  export const BaseTheme = {
2
12
  id: 'BaseTheme',
3
13
  name: 'Base Theme',
@@ -29,41 +39,67 @@ export const BaseTheme = {
29
39
  'surface-tint': '#6750A4',
30
40
  'inverse-surface': '#313033',
31
41
  'inverse-on-surface': '#F4EFF4',
32
- 'inverse-primary': '#D0BCFF',
42
+ 'inverse-on-surface-primary': '#D0BCFF',
33
43
  'transparent': 'rgba(0,0,0,0)'
34
44
  },
35
45
  typography: {
36
- 'headline-1': {
46
+ 'display-large': {
47
+ fontFamily: 'Red Hat Display',
48
+ fontSize: 57,
49
+ lineHeight: 64,
50
+ fontWeight: 'normal',
51
+ letterSpacing: -0.25
52
+ },
53
+ 'display-medium': {
54
+ fontFamily: 'Red Hat Display',
55
+ fontSize: 45,
56
+ lineHeight: 52,
57
+ fontWeight: 'normal'
58
+ },
59
+ 'display-small': {
37
60
  fontFamily: 'Red Hat Display',
38
- fontSize: 96,
39
- fontWeight: 'light',
40
- letterSpacing: -1.5
61
+ fontSize: 36,
62
+ lineHeight: 44,
63
+ fontWeight: 'normal'
41
64
  },
42
- 'headline-2': {
65
+ 'headline-large': {
43
66
  fontFamily: 'Red Hat Display',
44
- fontSize: 60,
45
- fontWeight: 'light',
46
- letterSpacing: -0.1
67
+ fontSize: 32,
68
+ lineHeight: 40,
69
+ fontWeight: 'normal'
47
70
  },
48
- 'headline-3': {
71
+ 'headline-medium': {
49
72
  fontFamily: 'Red Hat Display',
50
- fontSize: 48,
73
+ fontSize: 28,
74
+ lineHeight: 36,
75
+ fontWeight: 'normal'
51
76
  },
52
- 'headline-4': {
77
+ 'headline-small': {
53
78
  fontFamily: 'Red Hat Display',
54
- fontSize: 34,
55
- letterSpacing: 0.25
79
+ fontSize: 24,
80
+ lineHeight: 32,
81
+ fontWeight: 'normal'
56
82
  },
57
- 'headline-5': {
83
+ 'title-large': {
58
84
  fontFamily: 'Red Hat Display',
59
- fontSize: 24
85
+ fontSize: 22,
86
+ lineHeight: 28,
87
+ fontWeight: 'normal'
60
88
  },
61
- 'headline-6': {
89
+ 'title-medium': {
62
90
  fontFamily: 'Red Hat Display',
63
- fontSize: 20,
91
+ fontSize: 16,
92
+ lineHeight: 24,
64
93
  fontWeight: 'medium',
65
94
  letterSpacing: 0.15
66
95
  },
96
+ 'title-small': {
97
+ fontFamily: 'Red Hat Display',
98
+ fontWeight: 'medium',
99
+ fontSize: 14,
100
+ lineHeight: 20,
101
+ letterSpacing: 0.1
102
+ },
67
103
  'body-1-long': {
68
104
  fontFamily: 'Roboto',
69
105
  fontSize: 16,
@@ -84,113 +120,74 @@ export const BaseTheme = {
84
120
  fontSize: 14,
85
121
  lineHeight: 20
86
122
  },
87
- title: {
88
- fontFamily: 'Red Hat Display',
89
- fontSize: 48
90
- },
91
123
  'subtitle-1': {
92
124
  fontFamily: 'Red Hat Display',
93
125
  fontSize: 16,
126
+ lineHeight: 24,
94
127
  letterSpacing: 0.15
95
128
  },
96
129
  'subtitle-2': {
97
130
  fontFamily: 'Red Hat Display',
98
131
  fontSize: 14,
132
+ lineHeight: 20,
99
133
  fontWeight: 'medium',
100
134
  letterSpacing: 0.1
101
135
  },
102
136
  label: {
103
137
  fontFamily: 'Roboto',
104
- fontSize: 14
138
+ fontSize: 14,
139
+ lineHeight: 20
105
140
  },
106
141
  button: {
107
142
  fontFamily: 'Red Hat Display',
108
143
  fontSize: 14,
144
+ lineHeight: 20,
109
145
  fontWeight: 'medium',
110
- textTransform: 'uppercase'
146
+ textTransform: 'capitalize'
111
147
  },
112
148
  caption: {
113
149
  fontFamily: 'Roboto',
114
150
  fontSize: 12,
151
+ lineHeight: 18,
115
152
  letterSpacing: 0.4
116
153
  },
117
154
  overline: {
118
155
  fontFamily: 'Red Hat Display',
119
156
  fontSize: 10,
157
+ lineHeight: 18,
120
158
  letterSpacing: 1.5,
121
159
  textTransform: 'uppercase'
122
160
  },
123
161
  paragraph: {
124
162
  fontFamily: 'Roboto',
125
- fontSize: 16
163
+ fontSize: 16,
164
+ lineHeight: 24
126
165
  },
127
166
  quote: {
128
167
  fontFamily: 'Roboto',
129
- fontSize: 16
168
+ fontSize: 16,
169
+ lineHeight: 24
130
170
  },
131
171
  note: {
132
172
  fontFamily: 'Roboto',
133
173
  fontSize: 14,
174
+ lineHeight: 22,
134
175
  fontStyle: 'italic'
135
176
  }
136
177
  },
137
178
  buttons: {
138
- elevated: {
139
- color: 'surface',
140
- verticalPadding: 12,
141
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
142
- horizontalPadding: 24,
143
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
144
- borderRadius: 100,
145
- shadowElevation: 'raised'
146
- },
147
- filled: {
148
- color: 'primary',
149
- verticalPadding: 12,
150
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
151
- horizontalPadding: 24,
152
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
153
- borderRadius: 100
154
- },
155
- 'filled-secondary': {
156
- color: 'secondary',
157
- verticalPadding: 12,
158
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
159
- horizontalPadding: 24,
160
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
161
- borderRadius: 100
162
- },
163
- outlined: {
164
- color: 'transparent',
165
- verticalPadding: 12,
166
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
167
- horizontalPadding: 24,
168
- horizontalPaddings: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
169
- borderRadius: 100,
170
- borderColor: 'primary',
171
- borderWidth: 1
172
- },
173
- text: {
174
- color: 'transparent',
175
- verticalPadding: 12,
176
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
177
- horizontalPadding: 16,
178
- horizontalPaddings: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
179
- borderRadius: 100
180
- },
181
- icon: {
182
- color: 'transparent',
183
- verticalPadding: 12,
184
- verticalPaddings: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
185
- horizontalPadding: 16,
186
- horizontalPaddings: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
187
- borderRadius: 100
188
- },
189
- 'floating-action': {
190
- color: 'secondary',
191
- borderRadius: 100,
192
- shadowElevation: 'navigation',
193
- }
179
+ elevated: Object.assign(Object.assign({}, BaseButton), { color: 'surface', shadowElevation: 'raised' }),
180
+ filled: Object.assign(Object.assign({}, BaseButton), { color: 'primary' }),
181
+ 'filled-secondary': Object.assign(Object.assign({}, BaseButton), { color: 'secondary' }),
182
+ outlined: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', borderColor: 'primary', borderWidth: 1 }),
183
+ text: Object.assign(Object.assign({}, BaseButton), { color: 'transparent' }),
184
+ icon: Object.assign(Object.assign({}, BaseButton), { color: 'transparent' }),
185
+ 'floating-action': Object.assign(Object.assign({}, BaseButton), { color: 'secondary', borderRadius: 100, shadowElevation: 'navigation' })
186
+ },
187
+ containers: {
188
+ card: Object.assign(Object.assign({}, BaseContainer), { color: 'surface', contentColor: 'on-surface', shadowMode: 'interactive' }),
189
+ screen: Object.assign(Object.assign({}, BaseContainer), { color: 'background', contentColor: 'on-background' }),
190
+ modal: Object.assign(Object.assign({}, BaseContainer), { borderRadii: { xs: 16, sm: 22, md: 28, lg: 32, xl: 38 }, color: 'surface', contentColor: 'on-surface', shadowMode: 'static', shadowElevation: 'modal', maxWidth: 560 })
194
191
  }
195
192
  };
196
193
  //# sourceMappingURL=base.theme.js.map
package/dist/esm/core/theme/themes/base.theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}
package/dist/esm/core/theme/themes/dark.theme.js CHANGED
@@ -27,7 +27,7 @@ export const DarkTheme = Object.assign(Object.assign({}, BaseTheme), { id: 'Dark
27
27
  'surface-tint': '#D0BCFF',
28
28
  'inverse-surface': '#E6E1E5',
29
29
  'inverse-on-surface': '#313033',
30
- 'inverse-primary': '#6750A4',
30
+ 'inverse-on-surface-primary': '#6750A4',
31
31
  'transparent': 'rgba(0,0,0,0)'
32
32
  } });
33
33
  //# sourceMappingURL=dark.theme.js.map
package/dist/esm/core/theme/themes/dark.theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,mCACjB,SAAS,KACZ,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,sBAAsB,EAAE,SAAS;QACjC,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,qBAAqB,EAAE,SAAS;QAChC,wBAAwB,EAAE,SAAS;QACnC,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,SAAS;QAClC,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,aAAa,EAAE,eAAe;KAC/B,GACF,CAAA"}
1
+ {"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,mCACjB,SAAS,KACZ,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,sBAAsB,EAAE,SAAS;QACjC,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,qBAAqB,EAAE,SAAS;QAChC,wBAAwB,EAAE,SAAS;QACnC,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,SAAS;QAClC,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,4BAA4B,EAAE,SAAS;QACvC,aAAa,EAAE,eAAe;KAC/B,GACF,CAAA"}
package/dist/esm/core/typography/text.model.d.ts CHANGED
@@ -3,6 +3,7 @@ import { Size } from '../core.types';
3
3
  export interface TextStyle {
4
4
  fontFamily: string;
5
5
  fontSize: number;
6
+ lineHeight: number;
6
7
  fontScale?: Record<Size, number>;
7
8
  fontWeight?: FontWeight;
8
9
  fontStyle?: 'italic';
@@ -10,7 +11,6 @@ export interface TextStyle {
10
11
  textDecoration?: TextDecoration;
11
12
  letterSpacing?: number;
12
13
  textIndent?: number;
13
- lineHeight?: number;
14
14
  wordSpacing?: number;
15
15
  whiteSpace?: 'nowrap';
16
16
  }
package/dist/esm/core/typography/typography.types.d.ts CHANGED
@@ -2,6 +2,6 @@ export declare type classes = 'sanserif' | 'serif' | 'slab' | 'script' | 'displa
2
2
  export declare type families = 'Open-Sans' | 'Times-New-Roman' | 'Noto-Serif-Display';
3
3
  export declare type FontWeight = 'thin' | 'extra-light' | 'light' | 'normal' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black' | 'extra-black' | number;
4
4
  export declare type placement = 'overline' | 'title' | 'underline' | 'body' | 'label' | 'note' | 'footer';
5
- export declare type TextRole = 'headline-1' | 'headline-2' | 'headline-3' | 'headline-4' | 'headline-5' | 'headline-6' | 'body-1-long' | 'body-1-short' | 'body-2-long' | 'body-2-short' | 'title' | 'subtitle-1' | 'subtitle-2' | 'label' | 'button' | 'caption' | 'overline' | 'paragraph' | 'quote' | 'note';
5
+ export declare type TextRole = 'display-large' | 'display-medium' | 'display-small' | 'headline-large' | 'headline-medium' | 'headline-small' | 'title-large' | 'title-medium' | 'title-small' | 'body-1-long' | 'body-1-short' | 'body-2-long' | 'body-2-short' | 'subtitle-1' | 'subtitle-2' | 'label' | 'button' | 'caption' | 'overline' | 'paragraph' | 'quote' | 'note';
6
6
  export declare type TextDecoration = 'overline' | 'line-through' | 'underline' | 'overline-underline';
7
7
  export declare type TextTransform = 'uppercase' | 'lowercase' | 'capitalize';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@uni-design-system/uni-core",
3
3
  "description": "UNI Design System core dependencies.",
4
- "version": "0.0.18",
4
+ "version": "0.0.21",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/uni-design-system/uni-core.git"