@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.
- package/dist/definitions/themes/default.d.ts +3 -6
- package/dist/definitions/themes/default.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/colorsLateOceanTheme.d.ts +1 -0
- package/dist/definitions/themes/late-ocean/colorsLateOceanTheme.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/tagLateOceanTheme.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/typographyLateOceanTheme.d.ts +0 -6
- package/dist/definitions/themes/late-ocean/typographyLateOceanTheme.d.ts.map +1 -1
- package/dist/definitions/themes/palettes/lateOceanColorPalette.d.ts +2 -0
- package/dist/definitions/themes/palettes/lateOceanColorPalette.d.ts.map +1 -1
- package/dist/definitions/typography/Typography.d.ts +2 -2
- package/dist/definitions/typography/Typography.d.ts.map +1 -1
- package/dist/index-browser-all.es.android.js +13 -16
- package/dist/index-browser-all.es.android.js.map +1 -1
- package/dist/index-browser-all.es.ios.js +13 -16
- package/dist/index-browser-all.es.ios.js.map +1 -1
- package/dist/index-browser-all.es.js +13 -16
- package/dist/index-browser-all.es.js.map +1 -1
- package/dist/index-browser-all.es.web.js +13 -16
- package/dist/index-browser-all.es.web.js.map +1 -1
- package/dist/index-node-14.17.cjs.js +13 -16
- package/dist/index-node-14.17.cjs.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -537,7 +537,7 @@ const getColorFromState = state => {
|
|
|
537
537
|
return 'danger';
|
|
538
538
|
|
|
539
539
|
default:
|
|
540
|
-
return '
|
|
540
|
+
return 'black-light';
|
|
541
541
|
}
|
|
542
542
|
};
|
|
543
543
|
|
|
@@ -1997,7 +1997,9 @@ const lateOceanColorPalette = {
|
|
|
1997
1997
|
englishVermillon: '#D44148',
|
|
1998
1998
|
goldCrayola: '#F8C583',
|
|
1999
1999
|
aero: '#89BDDD',
|
|
2000
|
-
transparent: 'transparent'
|
|
2000
|
+
transparent: 'transparent',
|
|
2001
|
+
moonPurple: '#DBD6F9',
|
|
2002
|
+
moonPurpleLight1: '#EDEBFC'
|
|
2001
2003
|
};
|
|
2002
2004
|
|
|
2003
2005
|
const avatarLateOceanTheme = {
|
|
@@ -2075,6 +2077,7 @@ const cardLateOceanTheme = {
|
|
|
2075
2077
|
|
|
2076
2078
|
const colorsLateOceanTheme = {
|
|
2077
2079
|
primary: lateOceanColorPalette.lateOcean,
|
|
2080
|
+
primaryLight: lateOceanColorPalette.lateOceanLight1,
|
|
2078
2081
|
accent: lateOceanColorPalette.warmEmbrace,
|
|
2079
2082
|
accentLight: lateOceanColorPalette.warmEmbraceLight1,
|
|
2080
2083
|
success: lateOceanColorPalette.viride,
|
|
@@ -2230,9 +2233,7 @@ const tagLateOceanTheme = {
|
|
|
2230
2233
|
borderRadius: '10px',
|
|
2231
2234
|
padding: '2px 12px',
|
|
2232
2235
|
primary: {
|
|
2233
|
-
|
|
2234
|
-
// TODO: validate Moon shadow color with design team
|
|
2235
|
-
backgroundColor: '#EDEBFC'
|
|
2236
|
+
backgroundColor: lateOceanColorPalette.moonPurpleLight1
|
|
2236
2237
|
},
|
|
2237
2238
|
default: {
|
|
2238
2239
|
backgroundColor: lateOceanColorPalette.black50
|
|
@@ -2259,8 +2260,6 @@ const typographyLateOceanTheme = {
|
|
|
2259
2260
|
colors: {
|
|
2260
2261
|
black: lateOceanColorPalette.black1000,
|
|
2261
2262
|
'black-light': lateOceanColorPalette.black555,
|
|
2262
|
-
grey: lateOceanColorPalette.black555,
|
|
2263
|
-
'grey-light': lateOceanColorPalette.black200,
|
|
2264
2263
|
white: lateOceanColorPalette.white,
|
|
2265
2264
|
'white-light': lateOceanColorPalette.white,
|
|
2266
2265
|
primary: lateOceanColorPalette.lateOcean,
|
|
@@ -2273,8 +2272,7 @@ const typographyLateOceanTheme = {
|
|
|
2273
2272
|
headers: {
|
|
2274
2273
|
fontFamily: {
|
|
2275
2274
|
regular: reactNative.Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold',
|
|
2276
|
-
bold: reactNative.Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold'
|
|
2277
|
-
italic: reactNative.Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold'
|
|
2275
|
+
bold: reactNative.Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold'
|
|
2278
2276
|
},
|
|
2279
2277
|
fontWeight: 400,
|
|
2280
2278
|
fontStyle: 'normal',
|
|
@@ -2294,18 +2292,15 @@ const typographyLateOceanTheme = {
|
|
|
2294
2292
|
bodies: {
|
|
2295
2293
|
fontFamily: {
|
|
2296
2294
|
regular: reactNative.Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans',
|
|
2297
|
-
bold: reactNative.Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Bold'
|
|
2298
|
-
italic: reactNative.Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Italic'
|
|
2295
|
+
bold: reactNative.Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Bold'
|
|
2299
2296
|
},
|
|
2300
2297
|
fontWeight: {
|
|
2301
2298
|
regular: 400,
|
|
2302
|
-
bold: 700
|
|
2303
|
-
italic: 400
|
|
2299
|
+
bold: 700
|
|
2304
2300
|
},
|
|
2305
2301
|
fontStyle: {
|
|
2306
2302
|
regular: 'normal',
|
|
2307
|
-
bold: 'normal'
|
|
2308
|
-
italic: 'italic'
|
|
2303
|
+
bold: 'normal'
|
|
2309
2304
|
},
|
|
2310
2305
|
configs: {
|
|
2311
2306
|
'body-large': createTypographyTypeConfig(1.6, 18, 24),
|
|
@@ -2341,7 +2336,9 @@ const breakpoints = {
|
|
|
2341
2336
|
largeBreakpoint: 'max-width: 1023px',
|
|
2342
2337
|
wideBreakpoint: 'max-width: 1279px'
|
|
2343
2338
|
}
|
|
2344
|
-
};
|
|
2339
|
+
}; // eslint-disable-next-line unicorn/expiring-todo-comments
|
|
2340
|
+
// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
|
|
2341
|
+
|
|
2345
2342
|
const theme = {
|
|
2346
2343
|
spacing: 4,
|
|
2347
2344
|
colors: colorsLateOceanTheme,
|