newskit 7.3.0 → 7.4.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/cjs/card-composable/card-composable.d.ts +33 -2
- package/cjs/card-composable/card-composable.d.ts.map +1 -1
- package/cjs/card-composable/types.d.ts +1 -1
- package/cjs/card-composable/types.d.ts.map +1 -1
- package/cjs/form/form-entry.d.ts.map +1 -1
- package/cjs/form/form-entry.js +16 -5
- package/cjs/form/form-entry.js.map +1 -1
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +9 -3
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/pagination/components/item/pagination-item.d.ts +1 -1
- package/cjs/pagination/components/items/pagination-items.js +3 -3
- package/cjs/pagination/components/items/pagination-items.js.map +1 -1
- package/cjs/pagination/components/list-item/list-item.d.ts +2 -2
- package/cjs/pagination/components/list-item/list-item.d.ts.map +1 -1
- package/cjs/pagination/components/list-item/list-item.js +1 -2
- package/cjs/pagination/components/list-item/list-item.js.map +1 -1
- package/cjs/pagination/defaults.d.ts +9 -24
- package/cjs/pagination/defaults.d.ts.map +1 -1
- package/cjs/pagination/defaults.js +9 -24
- package/cjs/pagination/defaults.js.map +1 -1
- package/cjs/pagination/pagination.d.ts.map +1 -1
- package/cjs/pagination/pagination.js +6 -3
- package/cjs/pagination/pagination.js.map +1 -1
- package/cjs/pagination/styled.d.ts +26 -7
- package/cjs/pagination/styled.d.ts.map +1 -1
- package/cjs/pagination/styled.js +11 -12
- package/cjs/pagination/styled.js.map +1 -1
- package/cjs/pagination/types.d.ts +6 -10
- package/cjs/pagination/types.d.ts.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +11 -5
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/types.d.ts +2 -0
- package/cjs/select/types.d.ts.map +1 -1
- package/cjs/stories/form.stories.d.ts +25 -0
- package/cjs/stories/form.stories.d.ts.map +1 -0
- package/cjs/stories/form.stories.js +123 -0
- package/cjs/stories/form.stories.js.map +1 -0
- package/cjs/stories/slices.stories.d.ts +38 -0
- package/cjs/stories/slices.stories.d.ts.map +1 -0
- package/cjs/stories/slices.stories.js +146 -0
- package/cjs/stories/slices.stories.js.map +1 -0
- package/cjs/text-field/types.d.ts +1 -0
- package/cjs/text-field/types.d.ts.map +1 -1
- package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts +1 -736
- package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -1
- package/cjs/theme-checker/themes/sun-theme/sun-theme.js +3 -18
- package/cjs/theme-checker/themes/sun-theme/sun-theme.js.map +1 -1
- package/cjs/utils/audio-tests.d.ts.map +1 -1
- package/cjs/utils/audio-tests.js +4 -1
- package/cjs/utils/audio-tests.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/card-composable/card-composable.d.ts +33 -2
- package/esm/card-composable/card-composable.d.ts.map +1 -1
- package/esm/card-composable/types.d.ts +1 -1
- package/esm/card-composable/types.d.ts.map +1 -1
- package/esm/form/form-entry.d.ts.map +1 -1
- package/esm/form/form-entry.js +17 -6
- package/esm/form/form-entry.js.map +1 -1
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +9 -3
- package/esm/form/form-input.js.map +1 -1
- package/esm/pagination/components/item/pagination-item.d.ts +1 -1
- package/esm/pagination/components/items/pagination-items.js +1 -1
- package/esm/pagination/components/items/pagination-items.js.map +1 -1
- package/esm/pagination/components/list-item/list-item.d.ts +2 -2
- package/esm/pagination/components/list-item/list-item.d.ts.map +1 -1
- package/esm/pagination/components/list-item/list-item.js +1 -2
- package/esm/pagination/components/list-item/list-item.js.map +1 -1
- package/esm/pagination/defaults.d.ts +9 -24
- package/esm/pagination/defaults.d.ts.map +1 -1
- package/esm/pagination/defaults.js +9 -24
- package/esm/pagination/defaults.js.map +1 -1
- package/esm/pagination/pagination.d.ts.map +1 -1
- package/esm/pagination/pagination.js +6 -3
- package/esm/pagination/pagination.js.map +1 -1
- package/esm/pagination/styled.d.ts +26 -7
- package/esm/pagination/styled.d.ts.map +1 -1
- package/esm/pagination/styled.js +10 -11
- package/esm/pagination/styled.js.map +1 -1
- package/esm/pagination/types.d.ts +6 -10
- package/esm/pagination/types.d.ts.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +12 -6
- package/esm/select/select.js.map +1 -1
- package/esm/select/types.d.ts +2 -0
- package/esm/select/types.d.ts.map +1 -1
- package/esm/stories/form.stories.d.ts +25 -0
- package/esm/stories/form.stories.d.ts.map +1 -0
- package/esm/stories/form.stories.js +118 -0
- package/esm/stories/form.stories.js.map +1 -0
- package/esm/stories/slices.stories.d.ts +38 -0
- package/esm/stories/slices.stories.d.ts.map +1 -0
- package/esm/stories/slices.stories.js +141 -0
- package/esm/stories/slices.stories.js.map +1 -0
- package/esm/text-field/types.d.ts +1 -0
- package/esm/text-field/types.d.ts.map +1 -1
- package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts +1 -736
- package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -1
- package/esm/theme-checker/themes/sun-theme/sun-theme.js +2 -17
- package/esm/theme-checker/themes/sun-theme/sun-theme.js.map +1 -1
- package/esm/utils/audio-tests.d.ts.map +1 -1
- package/esm/utils/audio-tests.js +5 -2
- package/esm/utils/audio-tests.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +1 -2
- package/cjs/theme-checker/themes/sun-theme/borders.json +0 -3
- package/cjs/theme-checker/themes/sun-theme/colors.json +0 -283
- package/cjs/theme-checker/themes/sun-theme/fonts.json +0 -47
- package/cjs/theme-checker/themes/sun-theme/overlays.json +0 -14
- package/cjs/theme-checker/themes/sun-theme/shadows.json +0 -8
- package/cjs/theme-checker/themes/sun-theme/typography-presets.json +0 -378
- package/esm/theme-checker/themes/sun-theme/borders.json +0 -3
- package/esm/theme-checker/themes/sun-theme/colors.json +0 -283
- package/esm/theme-checker/themes/sun-theme/fonts.json +0 -47
- package/esm/theme-checker/themes/sun-theme/overlays.json +0 -14
- package/esm/theme-checker/themes/sun-theme/shadows.json +0 -8
- package/esm/theme-checker/themes/sun-theme/typography-presets.json +0 -378
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sun-theme.d.ts","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/sun-theme/sun-theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sun-theme.d.ts","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/sun-theme/sun-theme.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,0CAGnB,CAAC"}
|
|
@@ -1,22 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import borders from './borders.json';
|
|
3
|
-
import fonts from './fonts.json';
|
|
4
|
-
import overlays from './overlays.json';
|
|
5
|
-
import shadows from './shadows.json';
|
|
6
|
-
import typographyPresets from './typography-presets.json';
|
|
1
|
+
import TheSunLight from '@newskit-themes/the-sun/TheSun-light.json';
|
|
7
2
|
import { createTheme } from '../../../theme';
|
|
8
|
-
import { newskitLightTheme } from '../../..';
|
|
9
|
-
export var sunOverrides = {
|
|
10
|
-
typographyPresets: typographyPresets,
|
|
11
|
-
fonts: fonts,
|
|
12
|
-
overlays: overlays,
|
|
13
|
-
colors: colors,
|
|
14
|
-
shadows: shadows,
|
|
15
|
-
borders: borders,
|
|
16
|
-
};
|
|
17
3
|
export var sunTheme = createTheme({
|
|
18
4
|
name: 'sun-theme',
|
|
19
|
-
|
|
20
|
-
overrides: sunOverrides,
|
|
5
|
+
overrides: TheSunLight,
|
|
21
6
|
});
|
|
22
7
|
//# sourceMappingURL=sun-theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sun-theme.js","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/sun-theme/sun-theme.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"sun-theme.js","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/sun-theme/sun-theme.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,IAAM,QAAQ,GAAG,WAAW,CAAC;IAClC,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,WAAW;CACvB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"audio-tests.d.ts","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"audio-tests.d.ts","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAmC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAGjD,aAAK,KAAK,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAC3D,aAAK,SAAS,GACV,aAAa,CAAC,gBAAgB,CAAC,GAC/B,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAU9C,eAAO,MAAM,yBAAyB,cAAe,MAAM;;;CAW1D,CAAC;AAgCF,eAAO,MAAM,qBAAqB,6DAG/B;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,gBAWA,CAAC"}
|
package/esm/utils/audio-tests.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* istanbul ignore file */
|
|
2
2
|
import { __assign, __rest } from "tslib";
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { useEffect, useState } from 'react';
|
|
4
|
+
import { useEffect, useCallback, useState } from 'react';
|
|
5
5
|
import { isVisualTest } from '../test/test-utils';
|
|
6
6
|
// TODO Check if this limitation still applies to Percy:
|
|
7
7
|
// We need a way to make sure all Audio Players are no longer in loading state
|
|
@@ -13,7 +13,10 @@ import { isVisualTest } from '../test/test-utils';
|
|
|
13
13
|
// of players in a story, and conditionally render the element when all are loaded.
|
|
14
14
|
export var useAllPlayersCanPlayCheck = function (nbPlayers) {
|
|
15
15
|
var _a = useState(0), nbLoaded = _a[0], setNbLoaded = _a[1];
|
|
16
|
-
|
|
16
|
+
//const [allPlayersCanPlay, allPlayersCanPlay] => useState<boolean>(false);
|
|
17
|
+
var onCanPlay = useCallback(function () { return setNbLoaded(function (latest) { return latest + 1; }); }, [
|
|
18
|
+
setNbLoaded,
|
|
19
|
+
]);
|
|
17
20
|
return {
|
|
18
21
|
allPlayersCanPlay: nbLoaded >= nbPlayers || !isVisualTest,
|
|
19
22
|
onCanPlay: onCanPlay,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"audio-tests.js","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAAA,0BAA0B;;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"audio-tests.js","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAAA,0BAA0B;;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAOhD,wDAAwD;AACxD,8EAA8E;AAC9E,kFAAkF;AAClF,qFAAqF;AACrF,4EAA4E;AAC5E,kFAAkF;AAClF,mFAAmF;AACnF,mFAAmF;AACnF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,SAAiB;IACnD,IAAA,KAA0B,QAAQ,CAAS,CAAC,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IACpD,2EAA2E;IAE3E,IAAM,SAAS,GAAG,WAAW,CAAC,cAAM,OAAA,WAAW,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,GAAG,CAAC,EAAV,CAAU,CAAC,EAAjC,CAAiC,EAAE;QACrE,WAAW;KACZ,CAAC,CAAC;IACH,OAAO;QACL,iBAAiB,EAAE,QAAQ,IAAI,SAAS,IAAI,CAAC,YAAY;QACzD,SAAS,WAAA;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,2EAA2E;AAC3E,+EAA+E;AAC/E,6EAA6E;AAC7E,mFAAmF;AACnF,IAAM,mBAAmB,GAAG,UAAC,EAM5B;IALC,IAAM,IAAI,UAAA,EACV,aAA+B,EAAvB,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAvB,mBAAwB,CAAA;IAKzB,IAAA,KAAoC,QAAQ,EAAsB,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IACzE,SAAS,CAAC;QACR,KAAK,CAAC,GAAI,CAAC;aACR,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;aACjC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,EAAtB,CAAsB,CAAC;aACjC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,gBAAgB,CAAC,GAAG,CAAC,EAArB,CAAqB,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,aAAa,IAAM,IAAI,GAC/B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,6EAA6E;AAC7E,mDAAmD;AACnD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAMrC;IALC,IAAM,IAAI,UAAA,EACV,aAAqC,EAA7B,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,2BAA8B,CAAA;IAKrC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,YAAY,EAAE;QAChC,OAAO,CACL,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,aAAG,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,IAAK,IAAI,IAAK,CAC3E,CAAC;KACH;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,GAClC,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/esm/version-number.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "newskit",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.4.0",
|
|
4
4
|
"description": "A React Component library implementing the News design language",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
"@emotion-icons/material": "3.9.0",
|
|
16
16
|
"@emotion-icons/material-outlined": "3.8.0",
|
|
17
17
|
"@floating-ui/react-dom-interactions": "^0.6.0",
|
|
18
|
-
"@newskit-themes/newskit-website": "1.0.2",
|
|
19
18
|
"@seznam/compose-react-refs": "^1.0.5",
|
|
20
19
|
"aria-hidden": "^1.1.3",
|
|
21
20
|
"date-fns": "^2.6.0",
|
|
@@ -1,283 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"purple100": "rgba(64,12,48,1)",
|
|
3
|
-
"purple090": "rgba(79,16,73,1)",
|
|
4
|
-
"purple080": "rgba(84,20,93,1)",
|
|
5
|
-
"purple070": "rgba(80,25,107,1)",
|
|
6
|
-
"purple060": "rgba(71,30,121,1)",
|
|
7
|
-
"purple050": "rgba(80,59,140,1)",
|
|
8
|
-
"purple040": "rgba(93,88,159,1)",
|
|
9
|
-
"purple030": "rgba(117,124,177,1)",
|
|
10
|
-
"purple020": "rgba(147,161,195,1)",
|
|
11
|
-
"purple010": "rgba(178,195,213,1)",
|
|
12
|
-
"blue100": "rgba(0,26,54,1)",
|
|
13
|
-
"blue090": "rgba(0,48,100,1)",
|
|
14
|
-
"blue080": "rgba(0,62,129,1)",
|
|
15
|
-
"blue070": "rgba(0,86,180,1)",
|
|
16
|
-
"blue060": "rgba(0,114,238,1)",
|
|
17
|
-
"blue050": "rgba(38,142,255,1)",
|
|
18
|
-
"blue040": "rgba(91,169,255,1)",
|
|
19
|
-
"blue030": "rgba(141,195,255,1)",
|
|
20
|
-
"blue020": "rgba(195,224,255,1)",
|
|
21
|
-
"blue010": "rgba(235,245,255,1)",
|
|
22
|
-
"teal100": "rgba(7,49,55,1)",
|
|
23
|
-
"teal090": "rgba(9,65,74,1)",
|
|
24
|
-
"teal080": "rgba(14,97,110,1)",
|
|
25
|
-
"teal070": "rgba(18,130,147,1)",
|
|
26
|
-
"teal060": "rgba(23,162,184,1)",
|
|
27
|
-
"teal050": "rgba(69,181,198,1)",
|
|
28
|
-
"teal040": "rgba(116,199,212,1)",
|
|
29
|
-
"teal030": "rgba(162,218,227,1)",
|
|
30
|
-
"teal020": "rgba(209,236,241,1)",
|
|
31
|
-
"teal010": "rgba(232,246,248,1)",
|
|
32
|
-
"amber100": "rgba(255,75,0,1)",
|
|
33
|
-
"amber090": "rgba(255,96,0,1)",
|
|
34
|
-
"amber080": "rgba(255,114,0,1)",
|
|
35
|
-
"amber070": "rgba(255,130,0,1)",
|
|
36
|
-
"amber060": "rgba(255,143,0,1)",
|
|
37
|
-
"amber050": "rgba(255,153,0,1)",
|
|
38
|
-
"amber040": "rgba(255,173,44,1)",
|
|
39
|
-
"amber030": "rgba(255,192,88,1)",
|
|
40
|
-
"amber020": "rgba(255,219,157,1)",
|
|
41
|
-
"amber010": "rgba(255,238,207,1)",
|
|
42
|
-
"red100": "rgba(57,6,0,1)",
|
|
43
|
-
"red090": "rgba(101,11,0,1)",
|
|
44
|
-
"red080": "rgba(129,14,0,1)",
|
|
45
|
-
"red070": "rgba(178,20,0,1)",
|
|
46
|
-
"red060": "rgba(208,72,55,1)",
|
|
47
|
-
"red050": "rgba(211,115,103,1)",
|
|
48
|
-
"red040": "rgba(221,147,138,1)",
|
|
49
|
-
"red030": "rgba(231,179,172,1)",
|
|
50
|
-
"red020": "rgba(242,215,211,1)",
|
|
51
|
-
"red010": "rgba(251,242,240,1)",
|
|
52
|
-
"green100": "rgba(0,31,0,1)",
|
|
53
|
-
"green090": "rgba(0,58,0,1)",
|
|
54
|
-
"green080": "rgba(0,75,0,1)",
|
|
55
|
-
"green070": "rgba(0,104,0,1)",
|
|
56
|
-
"green060": "rgba(0,138,0,1)",
|
|
57
|
-
"green050": "rgba(0,165,0,1)",
|
|
58
|
-
"green040": "rgba(0,193,0,1)",
|
|
59
|
-
"green030": "rgba(0,222,0,1)",
|
|
60
|
-
"green020": "rgba(137,244,137,1)",
|
|
61
|
-
"green010": "rgba(220,252,220,1)",
|
|
62
|
-
"neutral100": "rgba(25,26,26,1)",
|
|
63
|
-
"neutral090": "rgba(34,37,38,1)",
|
|
64
|
-
"neutral080": "rgba(62,63,63,1)",
|
|
65
|
-
"neutral070": "rgba(88,89,89,1)",
|
|
66
|
-
"neutral060": "rgba(117,119,119,1)",
|
|
67
|
-
"neutral050": "rgba(141,142,142,1)",
|
|
68
|
-
"neutral040": "rgba(165,166,166,1)",
|
|
69
|
-
"neutral030": "rgba(190,191,191,1)",
|
|
70
|
-
"neutral020": "rgba(220,221,221,1)",
|
|
71
|
-
"neutral010": "rgba(243,243,243,1)",
|
|
72
|
-
"reddit": "rgba(255,69,0,1)",
|
|
73
|
-
"whatsapp": "rgba(68,255,17,1)",
|
|
74
|
-
"youtube": "rgba(255,0,0,1)",
|
|
75
|
-
"instagram": "rgba(195,42,163,1)",
|
|
76
|
-
"facebook": "rgba(24,119,242,1)",
|
|
77
|
-
"twitter": "rgba(29,161,242,1)",
|
|
78
|
-
"black": "rgba(0,0,0,1)",
|
|
79
|
-
"white": "rgba(255,255,255,1)",
|
|
80
|
-
"whiteTint090": "rgba(255,255,255,0.9)",
|
|
81
|
-
"whiteTint080": "rgba(255,255,255,0.8)",
|
|
82
|
-
"whiteTint070": "rgba(255,255,255,0.7)",
|
|
83
|
-
"whiteTint060": "rgba(255,255,255,0.6)",
|
|
84
|
-
"whiteTint050": "rgba(255,255,255,0.5)",
|
|
85
|
-
"whiteTint040": "rgba(255,255,255,0.4)",
|
|
86
|
-
"whiteTint030": "rgba(255,255,255,0.3)",
|
|
87
|
-
"whiteTint020": "rgba(255,255,255,0.2)",
|
|
88
|
-
"whiteTint010": "rgba(255,255,255,0.1)",
|
|
89
|
-
"blackTint010": "rgba(0,0,0,0.1)",
|
|
90
|
-
"blackTint020": "rgba(0,0,0,0.2)",
|
|
91
|
-
"blackTint030": "rgba(0,0,0,0.3)",
|
|
92
|
-
"blackTint040": "rgba(0,0,0,0.4)",
|
|
93
|
-
"blackTint050": "rgba(0,0,0,0.5)",
|
|
94
|
-
"blackTint060": "rgba(0,0,0,0.6)",
|
|
95
|
-
"blackTint070": "rgba(0,0,0,0.7)",
|
|
96
|
-
"blackTint080": "rgba(0,0,0,0.8)",
|
|
97
|
-
"blackTint090": "rgba(0,0,0,0.9)",
|
|
98
|
-
"sun010": "rgba(255,240,240,1)",
|
|
99
|
-
"sun020": "rgba(255,210,210,1)",
|
|
100
|
-
"sun030": "rgba(255,168,168,1)",
|
|
101
|
-
"sun040": "rgba(255,127,128,1)",
|
|
102
|
-
"sun050": "rgba(255,76,77,1)",
|
|
103
|
-
"sun060": "rgba(235,23,1,1)",
|
|
104
|
-
"sun070": "rgba(179,18,1,1)",
|
|
105
|
-
"sun080": "rgba(130,12,1,1)",
|
|
106
|
-
"sun090": "rgba(101,10,0,1)",
|
|
107
|
-
"sun100": "rgba(57,5,0,1)",
|
|
108
|
-
"fabulous010": "rgba(255,240,246,1)",
|
|
109
|
-
"fabulous020": "rgba(255,208,227,1)",
|
|
110
|
-
"fabulous030": "rgba(255,163,200,1)",
|
|
111
|
-
"fabulous040": "rgba(255,121,175,1)",
|
|
112
|
-
"fabulous050": "rgba(255,65,141,1)",
|
|
113
|
-
"fabulous060": "rgba(234,0,94,1)",
|
|
114
|
-
"fabulous070": "rgba(179,0,71,1)",
|
|
115
|
-
"fabulous080": "rgba(130,0,52,1)",
|
|
116
|
-
"fabulous090": "rgba(102,0,41,1)",
|
|
117
|
-
"fabulous100": "rgba(59,0,24,1)",
|
|
118
|
-
"football010": "rgba(237,245,242,1)",
|
|
119
|
-
"football020": "rgba(202,226,217,1)",
|
|
120
|
-
"football030": "rgba(155,201,183,1)",
|
|
121
|
-
"football040": "rgba(113,179,153,1)",
|
|
122
|
-
"football050": "rgba(73,157,124,1)",
|
|
123
|
-
"football060": "rgba(32,134,98,1)",
|
|
124
|
-
"football070": "rgba(34,99,73,1)",
|
|
125
|
-
"football080": "rgba(25,71,52,1)",
|
|
126
|
-
"football090": "rgba(19,54,41,1)",
|
|
127
|
-
"football100": "rgba(10,28,22,1)",
|
|
128
|
-
"money010": "rgba(249,242,245,1)",
|
|
129
|
-
"money020": "rgba(236,215,225,1)",
|
|
130
|
-
"money030": "rgba(219,179,198,1)",
|
|
131
|
-
"money040": "rgba(205,150,175,1)",
|
|
132
|
-
"money050": "rgba(191,121,152,1)",
|
|
133
|
-
"money060": "rgba(182,86,128,1)",
|
|
134
|
-
"money070": "rgba(145,59,97,1)",
|
|
135
|
-
"money080": "rgba(103,42,70,1)",
|
|
136
|
-
"money090": "rgba(79,32,53,1)",
|
|
137
|
-
"money100": "rgba(42,17,28,1)",
|
|
138
|
-
"motors010": "rgba(241,243,251,1)",
|
|
139
|
-
"motors020": "rgba(215,220,243,1)",
|
|
140
|
-
"motors030": "rgba(179,189,234,1)",
|
|
141
|
-
"motors040": "rgba(149,163,226,1)",
|
|
142
|
-
"motors050": "rgba(119,137,218,1)",
|
|
143
|
-
"motors060": "rgba(91,111,211,1)",
|
|
144
|
-
"motors070": "rgba(63,82,169,1)",
|
|
145
|
-
"motors080": "rgba(44,58,119,1)",
|
|
146
|
-
"motors090": "rgba(34,44,92,1)",
|
|
147
|
-
"motors100": "rgba(18,24,48,1)",
|
|
148
|
-
"news010": "rgba(238,243,250,1)",
|
|
149
|
-
"news020": "rgba(205,223,241,1)",
|
|
150
|
-
"news030": "rgba(160,195,229,1)",
|
|
151
|
-
"news040": "rgba(121,170,219,1)",
|
|
152
|
-
"news050": "rgba(83,146,208,1)",
|
|
153
|
-
"news060": "rgba(58,121,187,1)",
|
|
154
|
-
"news070": "rgba(43,92,140,1)",
|
|
155
|
-
"news080": "rgba(31,65,99,1)",
|
|
156
|
-
"news090": "rgba(24,49,76,1)",
|
|
157
|
-
"news100": "rgba(12,26,40,1)",
|
|
158
|
-
"showbiz010": "rgba(246,242,249,1)",
|
|
159
|
-
"showbiz020": "rgba(227,217,238,1)",
|
|
160
|
-
"showbiz030": "rgba(204,183,223,1)",
|
|
161
|
-
"showbiz040": "rgba(184,154,210,1)",
|
|
162
|
-
"showbiz050": "rgba(163,126,198,1)",
|
|
163
|
-
"showbiz060": "rgba(138,105,169,1)",
|
|
164
|
-
"showbiz070": "rgba(105,77,130,1)",
|
|
165
|
-
"showbiz080": "rgba(74,54,92,1)",
|
|
166
|
-
"showbiz090": "rgba(57,42,71,1)",
|
|
167
|
-
"showbiz100": "rgba(29,22,37,1)",
|
|
168
|
-
"tv010": "rgba(252,239,255,1)",
|
|
169
|
-
"tv020": "rgba(245,205,255,1)",
|
|
170
|
-
"tv030": "rgba(231,169,246,1)",
|
|
171
|
-
"tv040": "rgba(221,132,239,1)",
|
|
172
|
-
"tv050": "rgba(196,84,217,1)",
|
|
173
|
-
"tv060": "rgba(184,64,204,1)",
|
|
174
|
-
"tv070": "rgba(140,42,156,1)",
|
|
175
|
-
"tv080": "rgba(102,30,114,1)",
|
|
176
|
-
"tv090": "rgba(43,6,49,1)",
|
|
177
|
-
"tv100": "rgba(33,0,38,1)",
|
|
178
|
-
"sport010": "rgba(236,245,247,1)",
|
|
179
|
-
"sport020": "rgba(199,226,230,1)",
|
|
180
|
-
"sport030": "rgba(149,199,208,1)",
|
|
181
|
-
"sport040": "rgba(105,177,189,1)",
|
|
182
|
-
"sport050": "rgba(63,154,170,1)",
|
|
183
|
-
"sport060": "rgba(37,129,145,1)",
|
|
184
|
-
"sport070": "rgba(34,97,108,1)",
|
|
185
|
-
"sport080": "rgba(25,68,77,1)",
|
|
186
|
-
"sport090": "rgba(19,52,59,1)",
|
|
187
|
-
"sport100": "rgba(10,27,31,1)",
|
|
188
|
-
"tech010": "rgba(241,243,248,1)",
|
|
189
|
-
"tech020": "rgba(211,222,235,1)",
|
|
190
|
-
"tech030": "rgba(174,193,218,1)",
|
|
191
|
-
"tech040": "rgba(142,168,203,1)",
|
|
192
|
-
"tech050": "rgba(119,144,176,1)",
|
|
193
|
-
"tech060": "rgba(98,120,149,1)",
|
|
194
|
-
"tech070": "rgba(74,89,110,1)",
|
|
195
|
-
"tech080": "rgba(52,63,79,1)",
|
|
196
|
-
"tech090": "rgba(41,48,59,1)",
|
|
197
|
-
"tech100": "rgba(22,26,32,1)",
|
|
198
|
-
"travel010": "rgba(225,247,255,1)",
|
|
199
|
-
"travel020": "rgba(160,231,255,1)",
|
|
200
|
-
"travel030": "rgba(58,205,255,1)",
|
|
201
|
-
"travel040": "rgba(0,178,238,1)",
|
|
202
|
-
"travel050": "rgba(0,153,204,1)",
|
|
203
|
-
"travel060": "rgba(0,127,171,1)",
|
|
204
|
-
"travel070": "rgba(0,96,129,1)",
|
|
205
|
-
"travel080": "rgba(0,68,92,1)",
|
|
206
|
-
"travel090": "rgba(0,52,71,1)",
|
|
207
|
-
"travel100": "rgba(0,28,38,1)",
|
|
208
|
-
"lifestyle010": "rgba(251,242,228,1)",
|
|
209
|
-
"lifestyle020": "rgba(244,218,163,1)",
|
|
210
|
-
"lifestyle030": "rgba(219,188,113,1)",
|
|
211
|
-
"lifestyle040": "rgba(190,163,98,1)",
|
|
212
|
-
"lifestyle050": "rgba(163,139,83,1)",
|
|
213
|
-
"lifestyle060": "rgba(137,116,68,1)",
|
|
214
|
-
"lifestyle070": "rgba(103,87,50,1)",
|
|
215
|
-
"lifestyle080": "rgba(74,62,34,1)",
|
|
216
|
-
"lifestyle090": "rgba(48,40,20,1)",
|
|
217
|
-
"lifestyle100": "rgba(30,24,10,1)",
|
|
218
|
-
"inkBase": "{{colors.neutral090}}",
|
|
219
|
-
"inkContrast": "{{colors.neutral100}}",
|
|
220
|
-
"inkSubtle": "{{colors.neutral060}}",
|
|
221
|
-
"inkNonEssential": "{{colors.neutral030}}",
|
|
222
|
-
"inkInverse": "{{colors.white}}",
|
|
223
|
-
"inkPositive": "{{colors.green060}}",
|
|
224
|
-
"inkNegative": "{{colors.red060}}",
|
|
225
|
-
"inkNotice": "{{colors.amber050}}",
|
|
226
|
-
"inkInformative": "{{colors.blue060}}",
|
|
227
|
-
"inkBrand010": "{{colors.blue060}}",
|
|
228
|
-
"inkBrand020": "{{colors.sun060}}",
|
|
229
|
-
"interfaceBackground": "{{colors.white}}",
|
|
230
|
-
"interface010": "{{colors.white}}",
|
|
231
|
-
"interface020": "{{colors.neutral010}}",
|
|
232
|
-
"interface030": "{{colors.neutral020}}",
|
|
233
|
-
"interface040": "{{colors.neutral030}}",
|
|
234
|
-
"interface050": "{{colors.neutral040}}",
|
|
235
|
-
"interface060": "{{colors.neutral090}}",
|
|
236
|
-
"interfaceBrand010": "{{colors.sun060}}",
|
|
237
|
-
"interfaceBrand020": "{{colors.sun070}}",
|
|
238
|
-
"interfaceBrand030": "{{colors.neutral020}}",
|
|
239
|
-
"interfacePositive010": "{{colors.green060}}",
|
|
240
|
-
"interfacePositive020": "{{colors.green010}}",
|
|
241
|
-
"interfaceNegative010": "{{colors.red060}}",
|
|
242
|
-
"interfaceNegative020": "{{colors.red010}}",
|
|
243
|
-
"interfaceNotice010": "{{colors.amber090}}",
|
|
244
|
-
"interfaceNotice020": "{{colors.amber010}}",
|
|
245
|
-
"interfaceInformative010": "{{colors.blue060}}",
|
|
246
|
-
"interfaceInformative020": "{{colors.blue010}}",
|
|
247
|
-
"interfaceNeutral010": "{{colors.neutral070}}",
|
|
248
|
-
"interfaceNeutral020": "{{colors.neutral010}}",
|
|
249
|
-
"interfaceSkeleton010": "{{colors.neutral010}}",
|
|
250
|
-
"interfaceSkeleton020": "{{colors.neutral020}}",
|
|
251
|
-
"interactivePrimary010": "{{colors.blue020}}",
|
|
252
|
-
"interactivePrimary020": "{{colors.blue030}}",
|
|
253
|
-
"interactivePrimary030": "{{colors.blue060}}",
|
|
254
|
-
"interactivePrimary040": "{{colors.blue070}}",
|
|
255
|
-
"interactivePrimary050": "{{colors.blue080}}",
|
|
256
|
-
"interactiveSecondary010": "{{colors.neutral020}}",
|
|
257
|
-
"interactiveSecondary020": "{{colors.neutral030}}",
|
|
258
|
-
"interactiveSecondary030": "{{colors.neutral060}}",
|
|
259
|
-
"interactiveSecondary040": "{{colors.neutral090}}",
|
|
260
|
-
"interactiveSecondary050": "{{colors.neutral100}}",
|
|
261
|
-
"interactivePositive010": "{{colors.green020}}",
|
|
262
|
-
"interactivePositive020": "{{colors.green030}}",
|
|
263
|
-
"interactivePositive030": "{{colors.green060}}",
|
|
264
|
-
"interactivePositive040": "{{colors.green070}}",
|
|
265
|
-
"interactivePositive050": "{{colors.green080}}",
|
|
266
|
-
"interactiveNegative010": "{{colors.red020}}",
|
|
267
|
-
"interactiveNegative020": "{{colors.red030}}",
|
|
268
|
-
"interactiveNegative030": "{{colors.red060}}",
|
|
269
|
-
"interactiveNegative040": "{{colors.red070}}",
|
|
270
|
-
"interactiveNegative050": "{{colors.red080}}",
|
|
271
|
-
"interactiveDisabled010": "{{colors.neutral010}}",
|
|
272
|
-
"interactiveVisited010": "{{colors.purple060}}",
|
|
273
|
-
"interactiveInverse010": "{{colors.whiteTint010}}",
|
|
274
|
-
"interactiveInverse020": "{{colors.whiteTint020}}",
|
|
275
|
-
"interactiveInverse030": "{{colors.white}}",
|
|
276
|
-
"interactiveInverse040": "{{colors.whiteTint070}}",
|
|
277
|
-
"interactiveInverse050": "{{colors.whiteTint080}}",
|
|
278
|
-
"interactiveInput010": "{{colors.neutral010}}",
|
|
279
|
-
"interactiveInput020": "{{colors.neutral040}}",
|
|
280
|
-
"interactiveInput030": "{{colors.blue010}}",
|
|
281
|
-
"interactiveInput040": "{{colors.blue060}}",
|
|
282
|
-
"interactiveInput050": "{{colors.blue070}}"
|
|
283
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"fontFamily010": {
|
|
3
|
-
"fontFamily": "The Sun",
|
|
4
|
-
"fontMetrics": {
|
|
5
|
-
"fontWeigh010": {
|
|
6
|
-
"capHeight": 738,
|
|
7
|
-
"ascent": 1072,
|
|
8
|
-
"descent": -294,
|
|
9
|
-
"lineGap": 0,
|
|
10
|
-
"unitsPerEm": 1000
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
"fontWeight010": 400,
|
|
15
|
-
"fontWeight020": 500,
|
|
16
|
-
"fontWeight030": 700,
|
|
17
|
-
"fontSize010": "12px",
|
|
18
|
-
"fontSize020": "14px",
|
|
19
|
-
"fontSize030": "16px",
|
|
20
|
-
"fontSize040": "18px",
|
|
21
|
-
"fontSize050": "20px",
|
|
22
|
-
"fontSize060": "24px",
|
|
23
|
-
"fontSize070": "28px",
|
|
24
|
-
"fontSize080": "32px",
|
|
25
|
-
"fontSize090": "36px",
|
|
26
|
-
"fontSize100": "40px",
|
|
27
|
-
"fontSize110": "44px",
|
|
28
|
-
"fontSize120": "48px",
|
|
29
|
-
"fontSize130": "104px",
|
|
30
|
-
"fontSize140": "120px",
|
|
31
|
-
"fontSize150": "136px",
|
|
32
|
-
"fontLineHeight010": "1.000",
|
|
33
|
-
"fontLineHeight020": "1.091",
|
|
34
|
-
"fontLineHeight030": "1.100",
|
|
35
|
-
"fontLineHeight040": "1.111",
|
|
36
|
-
"fontLineHeight050": "1.125",
|
|
37
|
-
"fontLineHeight060": "1.143",
|
|
38
|
-
"fontLineHeight070": "1.167",
|
|
39
|
-
"fontLineHeight080": "1.200",
|
|
40
|
-
"fontLineHeight090": "1.250",
|
|
41
|
-
"fontLineHeight100": "1.333",
|
|
42
|
-
"fontLineHeight110": "1.429",
|
|
43
|
-
"fontLineHeight120": "1.500",
|
|
44
|
-
"fontLineHeight130": "1.600",
|
|
45
|
-
"fontLineHeight140": "1.667",
|
|
46
|
-
"fontLetterSpacing010": "0%"
|
|
47
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"overlayTintBase010": "rgba(10,10,10,0.2)",
|
|
3
|
-
"overlayTintBase020": "rgba(10,10,10,0.4)",
|
|
4
|
-
"overlayTintBase030": "rgba(10,10,10,0.6)",
|
|
5
|
-
"overlayTintBase040": "rgba(10,10,10,0.8)",
|
|
6
|
-
"overlayTintInverse010": "rgba(255,255,255,0.2)",
|
|
7
|
-
"overlayTintInverse020": "rgba(255,255,255,0.4)",
|
|
8
|
-
"overlayTintInverse030": "rgba(255,255,255,0.6)",
|
|
9
|
-
"overlayTintInverse040": "rgba(255,255,255,0.8)",
|
|
10
|
-
"overlayGradientBaseHorizontal": "linear-gradient(-90deg, rgba(10,10,10,0.00) 0%,rgba(10,10,10,0.01) 8.59%,rgba(10,10,10,0.05) 17.48%,rgba(10,10,10,0.10) 26.53%,rgba(10,10,10,0.18) 35.61%,rgba(10,10,10,0.26) 44.59%,rgba(10,10,10,0.35) 53.34%,rgba(10,10,10,0.45) 61.73%,rgba(10,10,10,0.55) 69.63%,rgba(10,10,10,0.65) 76.90%,rgba(10,10,10,0.74) 83.41%,rgba(10,10,10,0.82) 89.03%,rgba(10,10,10,0.90) 93.63%,rgba(10,10,10,0.95) 97.08%,rgba(10,10,10,0.99) 99.25%,rgba(10,10,10,1.00) 100%)",
|
|
11
|
-
"overlayGradientBaseVertical": "linear-gradient(180deg, rgba(10,10,10,0.00) 0%,rgba(10,10,10,0.01) 8.59%,rgba(10,10,10,0.05) 17.48%,rgba(10,10,10,0.10) 26.53%,rgba(10,10,10,0.18) 35.61%,rgba(10,10,10,0.26) 44.59%,rgba(10,10,10,0.35) 53.34%,rgba(10,10,10,0.45) 61.73%,rgba(10,10,10,0.55) 69.63%,rgba(10,10,10,0.65) 76.90%,rgba(10,10,10,0.74) 83.41%,rgba(10,10,10,0.82) 89.03%,rgba(10,10,10,0.90) 93.63%,rgba(10,10,10,0.95) 97.08%,rgba(10,10,10,0.99) 99.25%,rgba(10,10,10,1.00) 100%)",
|
|
12
|
-
"overlayGradientInverseHorizontal": "linear-gradient(-90deg, rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.01) 8.59%,rgba(255,255,255,0.05) 17.48%,rgba(255,255,255,0.10) 26.53%,rgba(255,255,255,0.18) 35.61%,rgba(255,255,255,0.26) 44.59%,rgba(255,255,255,0.35) 53.34%,rgba(255,255,255,0.45) 61.73%,rgba(255,255,255,0.55) 69.63%,rgba(255,255,255,0.65) 76.90%,rgba(255,255,255,0.74) 83.41%,rgba(255,255,255,0.82) 89.03%,rgba(255,255,255,0.90) 93.63%,rgba(255,255,255,0.95) 97.08%,rgba(255,255,255,0.99) 99.25%,rgba(255,255,255,1.00) 100%)",
|
|
13
|
-
"overlayGradientInverseVertical": "linear-gradient(180deg, rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.01) 8.59%,rgba(255,255,255,0.05) 17.48%,rgba(255,255,255,0.10) 26.53%,rgba(255,255,255,0.18) 35.61%,rgba(255,255,255,0.26) 44.59%,rgba(255,255,255,0.35) 53.34%,rgba(255,255,255,0.45) 61.73%,rgba(255,255,255,0.55) 69.63%,rgba(255,255,255,0.65) 76.90%,rgba(255,255,255,0.74) 83.41%,rgba(255,255,255,0.82) 89.03%,rgba(255,255,255,0.90) 93.63%,rgba(255,255,255,0.95) 97.08%,rgba(255,255,255,0.99) 99.25%,rgba(255,255,255,1.00) 100%)"
|
|
14
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"shadow010": "0px 0.5px 0px 2px rgba(10,10,10,0.08)",
|
|
3
|
-
"shadow020": "0px 2px 0px 4px rgba(10,10,10,0.08)",
|
|
4
|
-
"shadow030": "0px 4px 0px 8px rgba(10,10,10,0.08)",
|
|
5
|
-
"shadow040": "0px 8px 0px 16px rgba(10,10,10,0.08)",
|
|
6
|
-
"shadow050": "0px 16px 0px 24px rgba(10,10,10,0.08)",
|
|
7
|
-
"shadow060": "0px 20px 0px 32px rgba(10,10,10,0.08)"
|
|
8
|
-
}
|