newskit 7.3.0 → 7.3.1

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 (109) hide show
  1. package/cjs/card-composable/card-composable.d.ts +33 -2
  2. package/cjs/card-composable/card-composable.d.ts.map +1 -1
  3. package/cjs/card-composable/types.d.ts +1 -1
  4. package/cjs/card-composable/types.d.ts.map +1 -1
  5. package/cjs/form/form-entry.d.ts.map +1 -1
  6. package/cjs/form/form-entry.js +16 -5
  7. package/cjs/form/form-entry.js.map +1 -1
  8. package/cjs/form/form-input.d.ts.map +1 -1
  9. package/cjs/form/form-input.js +9 -3
  10. package/cjs/form/form-input.js.map +1 -1
  11. package/cjs/pagination/components/item/pagination-item.d.ts +1 -1
  12. package/cjs/pagination/components/items/pagination-items.js +3 -3
  13. package/cjs/pagination/components/items/pagination-items.js.map +1 -1
  14. package/cjs/pagination/components/list-item/list-item.d.ts +2 -2
  15. package/cjs/pagination/components/list-item/list-item.d.ts.map +1 -1
  16. package/cjs/pagination/components/list-item/list-item.js +1 -2
  17. package/cjs/pagination/components/list-item/list-item.js.map +1 -1
  18. package/cjs/pagination/defaults.d.ts +9 -24
  19. package/cjs/pagination/defaults.d.ts.map +1 -1
  20. package/cjs/pagination/defaults.js +9 -24
  21. package/cjs/pagination/defaults.js.map +1 -1
  22. package/cjs/pagination/pagination.d.ts.map +1 -1
  23. package/cjs/pagination/pagination.js +6 -3
  24. package/cjs/pagination/pagination.js.map +1 -1
  25. package/cjs/pagination/styled.d.ts +26 -7
  26. package/cjs/pagination/styled.d.ts.map +1 -1
  27. package/cjs/pagination/styled.js +11 -12
  28. package/cjs/pagination/styled.js.map +1 -1
  29. package/cjs/pagination/types.d.ts +6 -10
  30. package/cjs/pagination/types.d.ts.map +1 -1
  31. package/cjs/stories/form.stories.d.ts +25 -0
  32. package/cjs/stories/form.stories.d.ts.map +1 -0
  33. package/cjs/stories/form.stories.js +123 -0
  34. package/cjs/stories/form.stories.js.map +1 -0
  35. package/cjs/stories/slices.stories.d.ts +38 -0
  36. package/cjs/stories/slices.stories.d.ts.map +1 -0
  37. package/cjs/stories/slices.stories.js +146 -0
  38. package/cjs/stories/slices.stories.js.map +1 -0
  39. package/cjs/text-field/types.d.ts +1 -0
  40. package/cjs/text-field/types.d.ts.map +1 -1
  41. package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts +1 -736
  42. package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -1
  43. package/cjs/theme-checker/themes/sun-theme/sun-theme.js +3 -18
  44. package/cjs/theme-checker/themes/sun-theme/sun-theme.js.map +1 -1
  45. package/cjs/utils/audio-tests.d.ts.map +1 -1
  46. package/cjs/utils/audio-tests.js +4 -1
  47. package/cjs/utils/audio-tests.js.map +1 -1
  48. package/cjs/version-number.json +1 -1
  49. package/esm/card-composable/card-composable.d.ts +33 -2
  50. package/esm/card-composable/card-composable.d.ts.map +1 -1
  51. package/esm/card-composable/types.d.ts +1 -1
  52. package/esm/card-composable/types.d.ts.map +1 -1
  53. package/esm/form/form-entry.d.ts.map +1 -1
  54. package/esm/form/form-entry.js +17 -6
  55. package/esm/form/form-entry.js.map +1 -1
  56. package/esm/form/form-input.d.ts.map +1 -1
  57. package/esm/form/form-input.js +9 -3
  58. package/esm/form/form-input.js.map +1 -1
  59. package/esm/pagination/components/item/pagination-item.d.ts +1 -1
  60. package/esm/pagination/components/items/pagination-items.js +1 -1
  61. package/esm/pagination/components/items/pagination-items.js.map +1 -1
  62. package/esm/pagination/components/list-item/list-item.d.ts +2 -2
  63. package/esm/pagination/components/list-item/list-item.d.ts.map +1 -1
  64. package/esm/pagination/components/list-item/list-item.js +1 -2
  65. package/esm/pagination/components/list-item/list-item.js.map +1 -1
  66. package/esm/pagination/defaults.d.ts +9 -24
  67. package/esm/pagination/defaults.d.ts.map +1 -1
  68. package/esm/pagination/defaults.js +9 -24
  69. package/esm/pagination/defaults.js.map +1 -1
  70. package/esm/pagination/pagination.d.ts.map +1 -1
  71. package/esm/pagination/pagination.js +6 -3
  72. package/esm/pagination/pagination.js.map +1 -1
  73. package/esm/pagination/styled.d.ts +26 -7
  74. package/esm/pagination/styled.d.ts.map +1 -1
  75. package/esm/pagination/styled.js +10 -11
  76. package/esm/pagination/styled.js.map +1 -1
  77. package/esm/pagination/types.d.ts +6 -10
  78. package/esm/pagination/types.d.ts.map +1 -1
  79. package/esm/stories/form.stories.d.ts +25 -0
  80. package/esm/stories/form.stories.d.ts.map +1 -0
  81. package/esm/stories/form.stories.js +118 -0
  82. package/esm/stories/form.stories.js.map +1 -0
  83. package/esm/stories/slices.stories.d.ts +38 -0
  84. package/esm/stories/slices.stories.d.ts.map +1 -0
  85. package/esm/stories/slices.stories.js +141 -0
  86. package/esm/stories/slices.stories.js.map +1 -0
  87. package/esm/text-field/types.d.ts +1 -0
  88. package/esm/text-field/types.d.ts.map +1 -1
  89. package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts +1 -736
  90. package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -1
  91. package/esm/theme-checker/themes/sun-theme/sun-theme.js +2 -17
  92. package/esm/theme-checker/themes/sun-theme/sun-theme.js.map +1 -1
  93. package/esm/utils/audio-tests.d.ts.map +1 -1
  94. package/esm/utils/audio-tests.js +5 -2
  95. package/esm/utils/audio-tests.js.map +1 -1
  96. package/esm/version-number.json +1 -1
  97. package/package.json +1 -2
  98. package/cjs/theme-checker/themes/sun-theme/borders.json +0 -3
  99. package/cjs/theme-checker/themes/sun-theme/colors.json +0 -283
  100. package/cjs/theme-checker/themes/sun-theme/fonts.json +0 -47
  101. package/cjs/theme-checker/themes/sun-theme/overlays.json +0 -14
  102. package/cjs/theme-checker/themes/sun-theme/shadows.json +0 -8
  103. package/cjs/theme-checker/themes/sun-theme/typography-presets.json +0 -378
  104. package/esm/theme-checker/themes/sun-theme/borders.json +0 -3
  105. package/esm/theme-checker/themes/sun-theme/colors.json +0 -283
  106. package/esm/theme-checker/themes/sun-theme/fonts.json +0 -47
  107. package/esm/theme-checker/themes/sun-theme/overlays.json +0 -14
  108. package/esm/theme-checker/themes/sun-theme/shadows.json +0 -8
  109. 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":"AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOxB,CAAC;AAEF,eAAO,MAAM,QAAQ,oCAInB,CAAC"}
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 colors from './colors.json';
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
- baseTheme: newskitLightTheme,
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,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,iBAAiB,mBAAA;IACjB,KAAK,OAAA;IACL,QAAQ,UAAA;IACR,MAAM,QAAA;IACN,OAAO,SAAA;IACP,OAAO,SAAA;CACR,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,WAAW,CAAC;IAClC,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,iBAAiB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC"}
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,EAAsB,MAAM,OAAO,CAAC;AACzD,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;;;CAO1D,CAAC;AAgCF,eAAO,MAAM,qBAAqB,6DAG/B;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,gBAWA,CAAC"}
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"}
@@ -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
- var onCanPlay = function () { return setNbLoaded(function (latest) { return latest + 1; }); };
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;AAGzD,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,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,GAAG,CAAC,EAAV,CAAU,CAAC,EAAjC,CAAiC,CAAC;IAC1D,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"}
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"}
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "7.3.0"
2
+ "version": "7.3.1"
3
3
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "newskit",
3
- "version": "7.3.0",
3
+ "version": "7.3.1",
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,3 +0,0 @@
1
- {
2
- "borderRadiusDefault": "{{borders.borderRadiusRounded010}}"
3
- }
@@ -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
- }