@ornikar/kitt-universal 1.1.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -24,6 +24,7 @@ export declare const theme: {
24
24
  spacing: number;
25
25
  colors: {
26
26
  primary: string;
27
+ primaryLight: string;
27
28
  accent: string;
28
29
  accentLight: string;
29
30
  success: string;
@@ -59,6 +60,8 @@ export declare const theme: {
59
60
  goldCrayola: string;
60
61
  aero: string;
61
62
  transparent: string;
63
+ moonPurple: string;
64
+ moonPurpleLight1: string;
62
65
  };
63
66
  };
64
67
  avatar: {
@@ -179,8 +182,6 @@ export declare const theme: {
179
182
  colors: {
180
183
  black: string;
181
184
  'black-light': string;
182
- grey: string;
183
- 'grey-light': string;
184
185
  white: string;
185
186
  'white-light': string;
186
187
  primary: string;
@@ -194,7 +195,6 @@ export declare const theme: {
194
195
  fontFamily: {
195
196
  regular: string;
196
197
  bold: string;
197
- italic: string;
198
198
  };
199
199
  fontWeight: number;
200
200
  fontStyle: string;
@@ -210,17 +210,14 @@ export declare const theme: {
210
210
  fontFamily: {
211
211
  regular: string;
212
212
  bold: string;
213
- italic: string;
214
213
  };
215
214
  fontWeight: {
216
215
  regular: number;
217
216
  bold: number;
218
- italic: number;
219
217
  };
220
218
  fontStyle: {
221
219
  regular: string;
222
220
  bold: string;
223
- italic: string;
224
221
  };
225
222
  configs: {
226
223
  'body-large': import("./late-ocean/typographyLateOceanTheme").TypographyTypeConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAenF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,KAAK,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}
1
+ {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAenF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAIF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,KAAK,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}
@@ -1,5 +1,6 @@
1
1
  export declare const colorsLateOceanTheme: {
2
2
  primary: string;
3
+ primaryLight: string;
3
4
  accent: string;
4
5
  accentLight: string;
5
6
  success: string;
@@ -1 +1 @@
1
- {"version":3,"file":"colorsLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/colorsLateOceanTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;CAgBhC,CAAC"}
1
+ {"version":3,"file":"colorsLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/colorsLateOceanTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;CAiBhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"tagLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/tagLateOceanTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;CAc7B,CAAC"}
1
+ {"version":3,"file":"tagLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/tagLateOceanTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;CAY7B,CAAC"}
@@ -12,8 +12,6 @@ export declare const typographyLateOceanTheme: {
12
12
  colors: {
13
13
  black: string;
14
14
  'black-light': string;
15
- grey: string;
16
- 'grey-light': string;
17
15
  white: string;
18
16
  'white-light': string;
19
17
  primary: string;
@@ -27,7 +25,6 @@ export declare const typographyLateOceanTheme: {
27
25
  fontFamily: {
28
26
  regular: string;
29
27
  bold: string;
30
- italic: string;
31
28
  };
32
29
  fontWeight: number;
33
30
  fontStyle: string;
@@ -43,17 +40,14 @@ export declare const typographyLateOceanTheme: {
43
40
  fontFamily: {
44
41
  regular: string;
45
42
  bold: string;
46
- italic: string;
47
43
  };
48
44
  fontWeight: {
49
45
  regular: number;
50
46
  bold: number;
51
- italic: number;
52
47
  };
53
48
  fontStyle: {
54
49
  regular: string;
55
50
  bold: string;
56
- italic: string;
57
51
  };
58
52
  configs: {
59
53
  'body-large': TypographyTypeConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"typographyLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/typographyLateOceanTheme.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAiBD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEpC,CAAC"}
1
+ {"version":3,"file":"typographyLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/typographyLateOceanTheme.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAiBD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DpC,CAAC"}
@@ -17,5 +17,7 @@ export declare const lateOceanColorPalette: {
17
17
  goldCrayola: string;
18
18
  aero: string;
19
19
  transparent: string;
20
+ moonPurple: string;
21
+ moonPurpleLight1: string;
20
22
  };
21
23
  //# sourceMappingURL=lateOceanColorPalette.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"lateOceanColorPalette.d.ts","sourceRoot":"","sources":["../../../../src/themes/palettes/lateOceanColorPalette.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;CAuBjC,CAAC"}
1
+ {"version":3,"file":"lateOceanColorPalette.d.ts","sourceRoot":"","sources":["../../../../src/themes/palettes/lateOceanColorPalette.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;CA0BjC,CAAC"}
@@ -4,8 +4,8 @@ import type { PrimitiveTextProps } from '../primitives/PrimitiveText';
4
4
  declare type TypographyHeaderType = `header${'1' | '2' | '3' | '4' | '5'}`;
5
5
  declare type TypographyBodyType = 'body' | `body-${'large' | 'medium' | 'small' | 'xsmall'}`;
6
6
  declare type TypographyType = TypographyHeaderType | TypographyBodyType;
7
- declare type TypographyVariant = 'regular' | 'bold' | 'italic';
8
- export declare type TypographyColor = 'black' | 'black-light' | 'white' | 'white-light' | 'grey' | 'grey-light' | 'primary' | 'primary-light' | 'accent' | 'success' | 'danger';
7
+ declare type TypographyVariant = 'regular' | 'bold';
8
+ export declare type TypographyColor = 'black' | 'black-light' | 'white' | 'white-light' | 'primary' | 'primary-light' | 'accent' | 'success' | 'danger';
9
9
  export declare function useTypographyColor(): TypographyColor;
10
10
  export interface TypographyProps extends Except<PrimitiveTextProps, 'accessibilityRole'> {
11
11
  accessibilityRole: NonNullable<PrimitiveTextProps['accessibilityRole']> | null;
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,aAAK,oBAAoB,GAAG,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;AACnE,aAAK,kBAAkB,GAAG,MAAM,GAAG,QAAQ,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC;AACrF,aAAK,cAAc,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAChE,aAAK,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AACvD,oBAAY,eAAe,GACvB,OAAO,GACP,aAAa,GACb,OAAO,GACP,aAAa,GACb,MAAM,GACN,YAAY,GACZ,SAAS,GACT,eAAe,GACf,QAAQ,GACR,SAAS,GACT,QAAQ,CAAC;AAKb,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD;AAkDD,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC;IAEtF,iBAAiB,EAAE,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/E,mEAAmE;IACnE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iGAAiG;IACjG,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,oBAAY,0BAA0B,GAAG,MAAM,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AAUtF,wBAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACd,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA6BvC;yBAnCe,UAAU;;;;;;;;;;;;;;;AAqC1B,oBAAY,mBAAmB,GAAG,WAAW,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AACpF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAEhE;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAErE;AAED,oBAAY,sBAAsB,GAAG,0BAA0B,CAAC"}
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,aAAK,oBAAoB,GAAG,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;AACnE,aAAK,kBAAkB,GAAG,MAAM,GAAG,QAAQ,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC;AACrF,aAAK,cAAc,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAChE,aAAK,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAC;AAC5C,oBAAY,eAAe,GACvB,OAAO,GACP,aAAa,GACb,OAAO,GACP,aAAa,GACb,SAAS,GACT,eAAe,GACf,QAAQ,GACR,SAAS,GACT,QAAQ,CAAC;AAKb,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD;AAkDD,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC;IAEtF,iBAAiB,EAAE,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/E,mEAAmE;IACnE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iGAAiG;IACjG,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,oBAAY,0BAA0B,GAAG,MAAM,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AAUtF,wBAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACd,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA6BvC;yBAnCe,UAAU;;;;;;;;;;;;;;;AAqC1B,oBAAY,mBAAmB,GAAG,WAAW,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AACpF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAEhE;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAErE;AAED,oBAAY,sBAAsB,GAAG,0BAA0B,CAAC"}
@@ -544,7 +544,7 @@ var getColorFromState = function (state) {
544
544
  return 'danger';
545
545
 
546
546
  default:
547
- return 'grey';
547
+ return 'black-light';
548
548
  }
549
549
  };
550
550
 
@@ -1930,7 +1930,9 @@ var lateOceanColorPalette = {
1930
1930
  englishVermillon: '#D44148',
1931
1931
  goldCrayola: '#F8C583',
1932
1932
  aero: '#89BDDD',
1933
- transparent: 'transparent'
1933
+ transparent: 'transparent',
1934
+ moonPurple: '#DBD6F9',
1935
+ moonPurpleLight1: '#EDEBFC'
1934
1936
  };
1935
1937
 
1936
1938
  var avatarLateOceanTheme = {
@@ -2008,6 +2010,7 @@ var cardLateOceanTheme = {
2008
2010
 
2009
2011
  var colorsLateOceanTheme = {
2010
2012
  primary: lateOceanColorPalette.lateOcean,
2013
+ primaryLight: lateOceanColorPalette.lateOceanLight1,
2011
2014
  accent: lateOceanColorPalette.warmEmbrace,
2012
2015
  accentLight: lateOceanColorPalette.warmEmbraceLight1,
2013
2016
  success: lateOceanColorPalette.viride,
@@ -2163,9 +2166,7 @@ var tagLateOceanTheme = {
2163
2166
  borderRadius: '10px',
2164
2167
  padding: '2px 12px',
2165
2168
  primary: {
2166
- // eslint-disable-next-line unicorn/expiring-todo-comments
2167
- // TODO: validate Moon shadow color with design team
2168
- backgroundColor: '#EDEBFC'
2169
+ backgroundColor: lateOceanColorPalette.moonPurpleLight1
2169
2170
  },
2170
2171
  "default": {
2171
2172
  backgroundColor: lateOceanColorPalette.black50
@@ -2196,8 +2197,6 @@ var typographyLateOceanTheme = {
2196
2197
  colors: {
2197
2198
  black: lateOceanColorPalette.black1000,
2198
2199
  'black-light': lateOceanColorPalette.black555,
2199
- grey: lateOceanColorPalette.black555,
2200
- 'grey-light': lateOceanColorPalette.black200,
2201
2200
  white: lateOceanColorPalette.white,
2202
2201
  'white-light': lateOceanColorPalette.white,
2203
2202
  primary: lateOceanColorPalette.lateOcean,
@@ -2210,8 +2209,7 @@ var typographyLateOceanTheme = {
2210
2209
  headers: {
2211
2210
  fontFamily: {
2212
2211
  regular: 'Moderat-Extended-Bold',
2213
- bold: 'Moderat-Extended-Bold',
2214
- italic: 'Moderat-Extended-Bold'
2212
+ bold: 'Moderat-Extended-Bold'
2215
2213
  },
2216
2214
  fontWeight: 400,
2217
2215
  fontStyle: 'normal',
@@ -2231,18 +2229,15 @@ var typographyLateOceanTheme = {
2231
2229
  bodies: {
2232
2230
  fontFamily: {
2233
2231
  regular: 'NotoSans',
2234
- bold: 'NotoSans-Bold',
2235
- italic: 'NotoSans-Italic'
2232
+ bold: 'NotoSans-Bold'
2236
2233
  },
2237
2234
  fontWeight: {
2238
2235
  regular: 400,
2239
- bold: 700,
2240
- italic: 400
2236
+ bold: 700
2241
2237
  },
2242
2238
  fontStyle: {
2243
2239
  regular: 'normal',
2244
- bold: 'normal',
2245
- italic: 'italic'
2240
+ bold: 'normal'
2246
2241
  },
2247
2242
  configs: {
2248
2243
  'body-large': createTypographyTypeConfig(1.6, 18, 24),
@@ -2278,7 +2273,9 @@ var breakpoints = {
2278
2273
  largeBreakpoint: 'max-width: 1023px',
2279
2274
  wideBreakpoint: 'max-width: 1279px'
2280
2275
  }
2281
- };
2276
+ }; // eslint-disable-next-line unicorn/expiring-todo-comments
2277
+ // TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
2278
+
2282
2279
  var theme = {
2283
2280
  spacing: 4,
2284
2281
  colors: colorsLateOceanTheme,