@uni-design-system/uni-core 0.0.11 → 0.0.12

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.
@@ -10,4 +10,4 @@ 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 = 'background' | 'background-active' | 'background-brand' | 'background-hover' | 'background-inverse' | 'background-inverse-hover' | 'background-screen' | 'background-selected' | 'background-selected-hover' | 'border-disabled-01' | 'border-disabled-02' | 'border-disabled-03' | 'border-interactive' | 'border-inverse' | 'border-strong-01' | 'border-strong-02' | 'border-strong-03' | 'border-subtle-00' | 'border-subtle-01' | 'border-subtle-02' | 'border-subtle-03' | 'border-subtle-selected-01' | 'border-subtle-selected-02' | 'border-subtle-selected-03' | 'brand-primary' | 'button-primary' | 'button-primary-active' | 'button-primary-hover' | 'button-secondary' | 'button-secondary-active' | 'button-secondary-hover' | 'button-tertiary' | 'button-tertiary-active' | 'button-tertiary-hover' | 'button-danger-primary' | 'button-danger-secondary' | 'button-danger-active' | 'button-danger-hover' | 'button-disabled' | 'button-separator' | 'field-01' | 'field-02' | 'field-03' | 'field-disabled-01' | 'field-disabled-02' | 'field-disabled-03' | 'field-hover-01' | 'field-hover-02' | 'field-hover-03' | 'focus' | 'focus-inverse' | 'focus-inset' | 'highlight' | 'icon-primary' | 'icon-secondary' | 'icon-tertiary' | 'icon-inverse' | 'icon-on-color' | 'icon-on-color-disabled' | 'icon-disabled' | 'icon-subtle' | 'interactive' | 'layer-01' | 'layer-02' | 'layer-03' | 'layer-accent-01' | 'layer-accent-02' | 'layer-accent-03' | 'layer-accent-active-01' | 'layer-accent-active-02' | 'layer-accent-active-03' | 'layer-accent-hover-01' | 'layer-accent-hover-02' | 'layer-accent-hover-03' | 'layer-active-01' | 'layer-active-02' | 'layer-active-03' | 'layer-disabled-01' | 'layer-disabled-02' | 'layer-disabled-03' | 'layer-hover-01' | 'layer-hover-02' | 'layer-hover-03' | 'layer-selected-01' | 'layer-selected-02' | 'layer-selected-03' | 'layer-selected-hover-01' | 'layer-selected-hover-02' | 'layer-selected-hover-03' | 'layer-selected-disabled' | 'layer-selected-inverse' | 'link-primary' | 'link-primary-hover' | 'link-secondary' | 'link-inverse' | 'link-visited' | 'navigation-background' | 'navigation-badge' | 'navigation-border' | 'overlay' | 'screen-background' | 'skeleton-element' | 'skeleton-background' | 'status-online' | 'status-offline' | 'status-busy' | 'support-info' | 'support-warning' | 'support-success' | 'support-error' | 'support-info-inverse' | 'support-warning-inverse' | 'support-success-inverse' | 'support-error-inverse' | 'text-brand' | 'text-primary' | 'text-secondary' | 'text-disabled' | 'text-error' | 'text-ghost' | 'text-helper' | 'text-highlight' | 'text-link' | 'text-inverse' | 'text-on-color' | 'text-placeholder' | 'text-on-color-disabled' | 'text-warning' | 'toggle-off' | 'transparent' | 'shadowColor';
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';
@@ -1,4 +1,5 @@
1
1
  import { TextRole, TextStyle } from '../typography';
2
+ import { ColorToken } from '../color';
2
3
  export interface ThemeProps {
3
4
  themeId?: string;
4
5
  themes?: Record<string, Theme>;
@@ -7,6 +8,6 @@ export interface ThemeProps {
7
8
  export interface Theme {
8
9
  name: string;
9
10
  id: string;
10
- colors: Record<string, string>;
11
+ colors: Record<ColorToken, string>;
11
12
  typography: Record<TextRole, TextStyle>;
12
13
  }
@@ -5,11 +5,34 @@ exports.BaseTheme = {
5
5
  id: 'BaseTheme',
6
6
  name: 'Base Theme',
7
7
  colors: {
8
- primary: '#35A7FF',
9
- secondary: '#38618C',
10
- error: '#FFE74C',
11
- warn: '#FF5964',
12
- background: '#FFFFFF'
8
+ 'primary': '#6750A4',
9
+ 'on-primary': '#FFFFFF',
10
+ 'primary-container': '#EADDFF',
11
+ 'on-primary-container': '#21005E',
12
+ 'secondary': '#625B71',
13
+ 'on-secondary': '#FFFFFF',
14
+ 'secondary-container': '#E8DEF8',
15
+ 'on-secondary-container': '#1E192B',
16
+ 'tertiary': '#7D5260',
17
+ 'on-tertiary': '#FFFFFF',
18
+ 'tertiary-container': '#FFD8E4',
19
+ 'on-tertiary-container': '#370B1E',
20
+ 'error': '#B3261E',
21
+ 'on-error': '#FFFFFF',
22
+ 'error-container': '#F9DEDC',
23
+ 'on-error-container': '#370B1E',
24
+ 'background': '#FFFBFE',
25
+ 'on-background': '#1C1B1F',
26
+ 'surface': '#FFFBFE',
27
+ 'on-surface': '#1C1B1F',
28
+ 'surface-variant': '#E7E0EC',
29
+ 'on-surface-variant': '#49454E',
30
+ 'outline': '#79747E',
31
+ 'shadow': '#000000',
32
+ 'surface-tint': '#6750A4',
33
+ 'inverse-surface': '#313033',
34
+ 'inverse-on-surface': '#F4EFF4',
35
+ 'inverse-primary': '#D0BCFF'
13
36
  },
14
37
  typography: {
15
38
  'headline-1': {
@@ -44,22 +67,22 @@ exports.BaseTheme = {
44
67
  letterSpacing: 0.15
45
68
  },
46
69
  'body-1-long': {
47
- fontFamily: 'san-serif',
70
+ fontFamily: 'Roboto',
48
71
  fontSize: 16,
49
72
  lineHeight: 22
50
73
  },
51
74
  'body-1-short': {
52
- fontFamily: 'san-serif',
75
+ fontFamily: 'Roboto',
53
76
  fontSize: 16,
54
77
  lineHeight: 24
55
78
  },
56
79
  'body-2-long': {
57
- fontFamily: 'san-serif',
80
+ fontFamily: 'Roboto',
58
81
  fontSize: 14,
59
82
  lineHeight: 18
60
83
  },
61
84
  'body-2-short': {
62
- fontFamily: 'san-serif',
85
+ fontFamily: 'Roboto',
63
86
  fontSize: 14,
64
87
  lineHeight: 20
65
88
  },
@@ -79,7 +102,7 @@ exports.BaseTheme = {
79
102
  letterSpacing: 0.1
80
103
  },
81
104
  label: {
82
- fontFamily: 'san-serif',
105
+ fontFamily: 'Roboto',
83
106
  fontSize: 14
84
107
  },
85
108
  button: {
@@ -89,7 +112,7 @@ exports.BaseTheme = {
89
112
  textTransform: 'uppercase'
90
113
  },
91
114
  caption: {
92
- fontFamily: 'san-serif',
115
+ fontFamily: 'Roboto',
93
116
  fontSize: 12,
94
117
  letterSpacing: 0.4
95
118
  },
@@ -100,15 +123,15 @@ exports.BaseTheme = {
100
123
  textTransform: 'uppercase'
101
124
  },
102
125
  paragraph: {
103
- fontFamily: 'san-serif',
126
+ fontFamily: 'Roboto',
104
127
  fontSize: 16
105
128
  },
106
129
  quote: {
107
- fontFamily: 'san-serif',
130
+ fontFamily: 'Roboto',
108
131
  fontSize: 16
109
132
  },
110
133
  note: {
111
- fontFamily: 'san-serif',
134
+ fontFamily: 'Roboto',
112
135
  fontSize: 14,
113
136
  fontStyle: 'italic'
114
137
  }
@@ -1 +1 @@
1
- {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAU;IAC9B,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,IAAI;SACpB;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,KAAK,EAAE;YACL,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,GAAG;SACnB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,WAAW;SAC3B;QACD,OAAO,EAAE;YACP,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;SACnB;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;YAClB,aAAa,EAAE,WAAW;SAC3B;QACD,SAAS,EAAE;YACT,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAA"}
1
+ {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}
@@ -2,5 +2,34 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.DarkTheme = void 0;
4
4
  const base_theme_1 = require("./base.theme");
5
- exports.DarkTheme = Object.assign(Object.assign({}, base_theme_1.BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: Object.assign(Object.assign({}, base_theme_1.BaseTheme.colors), { background: '#000000' }) });
5
+ exports.DarkTheme = Object.assign(Object.assign({}, base_theme_1.BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: {
6
+ 'primary': '#D0BCFF',
7
+ 'on-primary': '#371E73',
8
+ 'primary-container': '#4F378B',
9
+ 'on-primary-container': '#EADDFF',
10
+ 'secondary': '#CCC2DC',
11
+ 'on-secondary': '#332D41',
12
+ 'secondary-container': '#4A4458',
13
+ 'on-secondary-container': '#E8DEF8',
14
+ 'tertiary': '#EFB8C8',
15
+ 'on-tertiary': '#492532',
16
+ 'tertiary-container': '#633B48',
17
+ 'on-tertiary-container': '#FFD8E4',
18
+ 'error': '#F2B8B5',
19
+ 'on-error': '#601410',
20
+ 'error-container': '#8C1D18',
21
+ 'on-error-container': '#F9DEDC',
22
+ 'background': '#1C1B1F',
23
+ 'on-background': '#E6E1E5',
24
+ 'surface': '#1C1B1F',
25
+ 'on-surface': '#E6E1E5',
26
+ 'surface-variant': '#49454F',
27
+ 'on-surface-variant': '#CAC4D0',
28
+ 'outline': '#938F99',
29
+ 'shadow': '#000000',
30
+ 'surface-tint': '#D0BCFF',
31
+ 'inverse-surface': '#E6E1E5',
32
+ 'inverse-on-surface': '#313033',
33
+ 'inverse-primary': '#6750A4'
34
+ } });
6
35
  //# sourceMappingURL=dark.theme.js.map
@@ -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,kCACD,sBAAS,CAAC,MAAM,KACnB,UAAU,EAAE,SAAS,OAExB"}
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;KAC7B,IACF"}
@@ -10,4 +10,4 @@ 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 = 'background' | 'background-active' | 'background-brand' | 'background-hover' | 'background-inverse' | 'background-inverse-hover' | 'background-screen' | 'background-selected' | 'background-selected-hover' | 'border-disabled-01' | 'border-disabled-02' | 'border-disabled-03' | 'border-interactive' | 'border-inverse' | 'border-strong-01' | 'border-strong-02' | 'border-strong-03' | 'border-subtle-00' | 'border-subtle-01' | 'border-subtle-02' | 'border-subtle-03' | 'border-subtle-selected-01' | 'border-subtle-selected-02' | 'border-subtle-selected-03' | 'brand-primary' | 'button-primary' | 'button-primary-active' | 'button-primary-hover' | 'button-secondary' | 'button-secondary-active' | 'button-secondary-hover' | 'button-tertiary' | 'button-tertiary-active' | 'button-tertiary-hover' | 'button-danger-primary' | 'button-danger-secondary' | 'button-danger-active' | 'button-danger-hover' | 'button-disabled' | 'button-separator' | 'field-01' | 'field-02' | 'field-03' | 'field-disabled-01' | 'field-disabled-02' | 'field-disabled-03' | 'field-hover-01' | 'field-hover-02' | 'field-hover-03' | 'focus' | 'focus-inverse' | 'focus-inset' | 'highlight' | 'icon-primary' | 'icon-secondary' | 'icon-tertiary' | 'icon-inverse' | 'icon-on-color' | 'icon-on-color-disabled' | 'icon-disabled' | 'icon-subtle' | 'interactive' | 'layer-01' | 'layer-02' | 'layer-03' | 'layer-accent-01' | 'layer-accent-02' | 'layer-accent-03' | 'layer-accent-active-01' | 'layer-accent-active-02' | 'layer-accent-active-03' | 'layer-accent-hover-01' | 'layer-accent-hover-02' | 'layer-accent-hover-03' | 'layer-active-01' | 'layer-active-02' | 'layer-active-03' | 'layer-disabled-01' | 'layer-disabled-02' | 'layer-disabled-03' | 'layer-hover-01' | 'layer-hover-02' | 'layer-hover-03' | 'layer-selected-01' | 'layer-selected-02' | 'layer-selected-03' | 'layer-selected-hover-01' | 'layer-selected-hover-02' | 'layer-selected-hover-03' | 'layer-selected-disabled' | 'layer-selected-inverse' | 'link-primary' | 'link-primary-hover' | 'link-secondary' | 'link-inverse' | 'link-visited' | 'navigation-background' | 'navigation-badge' | 'navigation-border' | 'overlay' | 'screen-background' | 'skeleton-element' | 'skeleton-background' | 'status-online' | 'status-offline' | 'status-busy' | 'support-info' | 'support-warning' | 'support-success' | 'support-error' | 'support-info-inverse' | 'support-warning-inverse' | 'support-success-inverse' | 'support-error-inverse' | 'text-brand' | 'text-primary' | 'text-secondary' | 'text-disabled' | 'text-error' | 'text-ghost' | 'text-helper' | 'text-highlight' | 'text-link' | 'text-inverse' | 'text-on-color' | 'text-placeholder' | 'text-on-color-disabled' | 'text-warning' | 'toggle-off' | 'transparent' | 'shadowColor';
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';
@@ -1,4 +1,5 @@
1
1
  import { TextRole, TextStyle } from '../typography';
2
+ import { ColorToken } from '../color';
2
3
  export interface ThemeProps {
3
4
  themeId?: string;
4
5
  themes?: Record<string, Theme>;
@@ -7,6 +8,6 @@ export interface ThemeProps {
7
8
  export interface Theme {
8
9
  name: string;
9
10
  id: string;
10
- colors: Record<string, string>;
11
+ colors: Record<ColorToken, string>;
11
12
  typography: Record<TextRole, TextStyle>;
12
13
  }
@@ -2,11 +2,34 @@ export const BaseTheme = {
2
2
  id: 'BaseTheme',
3
3
  name: 'Base Theme',
4
4
  colors: {
5
- primary: '#35A7FF',
6
- secondary: '#38618C',
7
- error: '#FFE74C',
8
- warn: '#FF5964',
9
- background: '#FFFFFF'
5
+ 'primary': '#6750A4',
6
+ 'on-primary': '#FFFFFF',
7
+ 'primary-container': '#EADDFF',
8
+ 'on-primary-container': '#21005E',
9
+ 'secondary': '#625B71',
10
+ 'on-secondary': '#FFFFFF',
11
+ 'secondary-container': '#E8DEF8',
12
+ 'on-secondary-container': '#1E192B',
13
+ 'tertiary': '#7D5260',
14
+ 'on-tertiary': '#FFFFFF',
15
+ 'tertiary-container': '#FFD8E4',
16
+ 'on-tertiary-container': '#370B1E',
17
+ 'error': '#B3261E',
18
+ 'on-error': '#FFFFFF',
19
+ 'error-container': '#F9DEDC',
20
+ 'on-error-container': '#370B1E',
21
+ 'background': '#FFFBFE',
22
+ 'on-background': '#1C1B1F',
23
+ 'surface': '#FFFBFE',
24
+ 'on-surface': '#1C1B1F',
25
+ 'surface-variant': '#E7E0EC',
26
+ 'on-surface-variant': '#49454E',
27
+ 'outline': '#79747E',
28
+ 'shadow': '#000000',
29
+ 'surface-tint': '#6750A4',
30
+ 'inverse-surface': '#313033',
31
+ 'inverse-on-surface': '#F4EFF4',
32
+ 'inverse-primary': '#D0BCFF'
10
33
  },
11
34
  typography: {
12
35
  'headline-1': {
@@ -41,22 +64,22 @@ export const BaseTheme = {
41
64
  letterSpacing: 0.15
42
65
  },
43
66
  'body-1-long': {
44
- fontFamily: 'san-serif',
67
+ fontFamily: 'Roboto',
45
68
  fontSize: 16,
46
69
  lineHeight: 22
47
70
  },
48
71
  'body-1-short': {
49
- fontFamily: 'san-serif',
72
+ fontFamily: 'Roboto',
50
73
  fontSize: 16,
51
74
  lineHeight: 24
52
75
  },
53
76
  'body-2-long': {
54
- fontFamily: 'san-serif',
77
+ fontFamily: 'Roboto',
55
78
  fontSize: 14,
56
79
  lineHeight: 18
57
80
  },
58
81
  'body-2-short': {
59
- fontFamily: 'san-serif',
82
+ fontFamily: 'Roboto',
60
83
  fontSize: 14,
61
84
  lineHeight: 20
62
85
  },
@@ -76,7 +99,7 @@ export const BaseTheme = {
76
99
  letterSpacing: 0.1
77
100
  },
78
101
  label: {
79
- fontFamily: 'san-serif',
102
+ fontFamily: 'Roboto',
80
103
  fontSize: 14
81
104
  },
82
105
  button: {
@@ -86,7 +109,7 @@ export const BaseTheme = {
86
109
  textTransform: 'uppercase'
87
110
  },
88
111
  caption: {
89
- fontFamily: 'san-serif',
112
+ fontFamily: 'Roboto',
90
113
  fontSize: 12,
91
114
  letterSpacing: 0.4
92
115
  },
@@ -97,15 +120,15 @@ export const BaseTheme = {
97
120
  textTransform: 'uppercase'
98
121
  },
99
122
  paragraph: {
100
- fontFamily: 'san-serif',
123
+ fontFamily: 'Roboto',
101
124
  fontSize: 16
102
125
  },
103
126
  quote: {
104
- fontFamily: 'san-serif',
127
+ fontFamily: 'Roboto',
105
128
  fontSize: 16
106
129
  },
107
130
  note: {
108
- fontFamily: 'san-serif',
131
+ fontFamily: 'Roboto',
109
132
  fontSize: 14,
110
133
  fontStyle: 'italic'
111
134
  }
@@ -1 +1 @@
1
- {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,IAAI;SACpB;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,KAAK,EAAE;YACL,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,GAAG;SACnB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,WAAW;SAC3B;QACD,OAAO,EAAE;YACP,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;SACnB;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;YAClB,aAAa,EAAE,WAAW;SAC3B;QACD,SAAS,EAAE;YACT,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAA"}
1
+ {"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,32 @@
1
1
  import { BaseTheme } from './base.theme';
2
- export const DarkTheme = Object.assign(Object.assign({}, BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: Object.assign(Object.assign({}, BaseTheme.colors), { background: '#000000' }) });
2
+ export const DarkTheme = Object.assign(Object.assign({}, BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: {
3
+ 'primary': '#D0BCFF',
4
+ 'on-primary': '#371E73',
5
+ 'primary-container': '#4F378B',
6
+ 'on-primary-container': '#EADDFF',
7
+ 'secondary': '#CCC2DC',
8
+ 'on-secondary': '#332D41',
9
+ 'secondary-container': '#4A4458',
10
+ 'on-secondary-container': '#E8DEF8',
11
+ 'tertiary': '#EFB8C8',
12
+ 'on-tertiary': '#492532',
13
+ 'tertiary-container': '#633B48',
14
+ 'on-tertiary-container': '#FFD8E4',
15
+ 'error': '#F2B8B5',
16
+ 'on-error': '#601410',
17
+ 'error-container': '#8C1D18',
18
+ 'on-error-container': '#F9DEDC',
19
+ 'background': '#1C1B1F',
20
+ 'on-background': '#E6E1E5',
21
+ 'surface': '#1C1B1F',
22
+ 'on-surface': '#E6E1E5',
23
+ 'surface-variant': '#49454F',
24
+ 'on-surface-variant': '#CAC4D0',
25
+ 'outline': '#938F99',
26
+ 'shadow': '#000000',
27
+ 'surface-tint': '#D0BCFF',
28
+ 'inverse-surface': '#E6E1E5',
29
+ 'inverse-on-surface': '#313033',
30
+ 'inverse-primary': '#6750A4'
31
+ } });
3
32
  //# sourceMappingURL=dark.theme.js.map
@@ -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,kCACD,SAAS,CAAC,MAAM,KACnB,UAAU,EAAE,SAAS,MAExB,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,iBAAiB,EAAE,SAAS;KAC7B,GACF,CAAA"}
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.11",
4
+ "version": "0.0.12",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/uni-design-system/uni-core.git"