@alfalab/core-components-typography 3.1.1 → 3.2.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 (90) hide show
  1. package/colors.css +43 -22
  2. package/colors.d.ts +1 -1
  3. package/colors.js +9 -0
  4. package/colors.module-5ace86c0.js +6 -0
  5. package/common.module-141e6c42.js +6 -0
  6. package/component.js +4 -2
  7. package/cssm/colors.d.ts +1 -1
  8. package/cssm/colors.js +9 -0
  9. package/cssm/colors.module.css +30 -9
  10. package/cssm/component.js +2 -0
  11. package/cssm/index.js +2 -0
  12. package/cssm/presets.js +2 -0
  13. package/cssm/text/component.js +2 -0
  14. package/cssm/text/index.js +2 -0
  15. package/cssm/text/index.module.css +2 -2
  16. package/cssm/title/component.d.ts +1 -1
  17. package/cssm/title/component.js +2 -0
  18. package/cssm/title/index.js +2 -0
  19. package/cssm/title/index.module.css +2 -2
  20. package/cssm/title-mobile/component.js +2 -0
  21. package/cssm/title-mobile/index.js +2 -0
  22. package/cssm/title-mobile/index.module.css +2 -2
  23. package/cssm/title-responsive/component.js +2 -0
  24. package/cssm/title-responsive/index.js +2 -0
  25. package/cssm/title-responsive/index.module.css +2 -2
  26. package/esm/colors.css +43 -22
  27. package/esm/colors.d.ts +1 -1
  28. package/esm/colors.js +7 -0
  29. package/esm/colors.module-5c7093c3.js +4 -0
  30. package/esm/common.module-b1986a07.js +4 -0
  31. package/esm/component.js +2 -2
  32. package/esm/index.js +2 -2
  33. package/esm/text/component.js +2 -2
  34. package/esm/text/index.css +20 -20
  35. package/esm/text/index.js +1 -1
  36. package/esm/title/common.css +5 -5
  37. package/esm/title/component.d.ts +1 -1
  38. package/esm/title/component.js +1 -1
  39. package/esm/title/index.css +21 -21
  40. package/esm/title/index.js +3 -3
  41. package/esm/title-mobile/component.js +3 -3
  42. package/esm/title-mobile/index.css +13 -13
  43. package/esm/title-mobile/index.js +2 -2
  44. package/esm/title-responsive/component.js +3 -3
  45. package/esm/title-responsive/index.css +43 -43
  46. package/esm/title-responsive/index.js +2 -2
  47. package/index.js +4 -2
  48. package/modern/colors.css +43 -22
  49. package/modern/colors.d.ts +1 -1
  50. package/modern/colors.js +7 -0
  51. package/modern/colors.module-fb1ac5bf.js +4 -0
  52. package/modern/common.module-3dd593c8.js +4 -0
  53. package/modern/component.js +2 -2
  54. package/modern/index.js +2 -2
  55. package/modern/text/component.js +2 -2
  56. package/modern/text/index.css +20 -20
  57. package/modern/text/index.js +1 -1
  58. package/modern/title/common.css +5 -5
  59. package/modern/title/component.d.ts +1 -1
  60. package/modern/title/component.js +1 -1
  61. package/modern/title/index.css +21 -21
  62. package/modern/title/index.js +3 -3
  63. package/modern/title-mobile/component.js +3 -3
  64. package/modern/title-mobile/index.css +13 -13
  65. package/modern/title-mobile/index.js +2 -2
  66. package/modern/title-responsive/component.js +3 -3
  67. package/modern/title-responsive/index.css +43 -43
  68. package/modern/title-responsive/index.js +2 -2
  69. package/package.json +1 -1
  70. package/presets.js +2 -0
  71. package/text/component.js +4 -2
  72. package/text/index.css +20 -20
  73. package/text/index.js +3 -1
  74. package/title/common.css +5 -5
  75. package/title/component.d.ts +1 -1
  76. package/title/component.js +3 -1
  77. package/title/index.css +21 -21
  78. package/title/index.js +5 -3
  79. package/title-mobile/component.js +5 -3
  80. package/title-mobile/index.css +13 -13
  81. package/title-mobile/index.js +4 -2
  82. package/title-responsive/component.js +5 -3
  83. package/title-responsive/index.css +43 -43
  84. package/title-responsive/index.js +4 -2
  85. package/colors.module-fcf8e5d3.js +0 -6
  86. package/common.module-cf8a6de7.js +0 -6
  87. package/esm/colors.module-6c8a001e.js +0 -4
  88. package/esm/common.module-e5f2dd08.js +0 -4
  89. package/modern/colors.module-cd27c99e.js +0 -4
  90. package/modern/common.module-83440d45.js +0 -4
package/colors.css CHANGED
@@ -1,19 +1,26 @@
1
- /* hash: 11u0a */
1
+ /* hash: mvhvw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-accent: #ef3124;
5
- --color-light-text-attention: #de6a00;
6
- --color-light-text-disabled: rgba(11, 31, 53, 0.15);
7
- --color-light-text-link: #007aff;
5
+ --color-light-text-attention: #cb830f;
6
+ --color-light-text-disabled: rgba(60, 60, 67, 0.22);
7
+ --color-light-text-link: #0072ef;
8
8
  --color-light-text-negative: #d91d0b;
9
9
  --color-light-text-positive: #13a463;
10
- --color-light-text-primary: #0b1f35;
10
+ --color-light-text-primary: #0e0e0e;
11
11
  --color-light-text-primary-inverted: #fff;
12
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
13
- --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
14
- --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
15
- --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
16
- } :root {
12
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66);
13
+ --color-light-text-secondary-inverted: rgba(235, 235, 245, 0.54);
14
+ --color-light-text-tertiary: rgba(60, 60, 67, 0.4);
15
+ --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.32);
16
+ --color-static-text-accent: #ef3124;
17
+ --color-static-text-primary-dark: #0e0e0e;
18
+ --color-static-text-primary-light: #fff;
19
+ --color-static-text-secondary-dark: rgba(60, 60, 67, 0.66);
20
+ --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
21
+ --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
22
+ --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
24
  } :root {
18
25
  } :root {
19
26
 
@@ -26,28 +33,42 @@
26
33
  } :root {
27
34
  } :root {
28
35
  } :root {
29
- } /* colors */ .typography__tertiary_2xsx1 {
36
+ } /* colors */ .typography__tertiary_1sn8k {
30
37
  color: var(--color-light-text-tertiary);
31
- } .typography__disabled_2xsx1 {
38
+ } .typography__disabled_1sn8k {
32
39
  color: var(--color-light-text-disabled);
33
- } .typography__accent_2xsx1 {
40
+ } .typography__accent_1sn8k {
34
41
  color: var(--color-light-text-accent);
35
- } .typography__primary_2xsx1 {
42
+ } .typography__primary_1sn8k {
36
43
  color: var(--color-light-text-primary);
37
- } .typography__attention_2xsx1 {
44
+ } .typography__attention_1sn8k {
38
45
  color: var(--color-light-text-attention);
39
- } .typography__positive_2xsx1 {
46
+ } .typography__positive_1sn8k {
40
47
  color: var(--color-light-text-positive);
41
- } .typography__secondary_2xsx1 {
48
+ } .typography__secondary_1sn8k {
42
49
  color: var(--color-light-text-secondary);
43
- } .typography__tertiary-inverted_2xsx1 {
50
+ } .typography__tertiary-inverted_1sn8k {
44
51
  color: var(--color-light-text-tertiary-inverted);
45
- } .typography__primary-inverted_2xsx1 {
52
+ } .typography__primary-inverted_1sn8k {
46
53
  color: var(--color-light-text-primary-inverted);
47
- } .typography__secondary-inverted_2xsx1 {
54
+ } .typography__secondary-inverted_1sn8k {
48
55
  color: var(--color-light-text-secondary-inverted);
49
- } .typography__link_2xsx1 {
56
+ } .typography__link_1sn8k {
50
57
  color: var(--color-light-text-link);
51
- } .typography__negative_2xsx1 {
58
+ } .typography__negative_1sn8k {
52
59
  color: var(--color-light-text-negative);
60
+ } .typography__static-primary-light_1sn8k {
61
+ color: var(--color-static-text-primary-light);
62
+ } .typography__static-secondary-light_1sn8k {
63
+ color: var(--color-static-text-secondary-light);
64
+ } .typography__static-tertiary-light_1sn8k {
65
+ color: var(--color-static-text-tertiary-light);
66
+ } .typography__static-primary-dark_1sn8k {
67
+ color: var(--color-static-text-primary-dark);
68
+ } .typography__static-secondary-dark_1sn8k {
69
+ color: var(--color-static-text-secondary-dark);
70
+ } .typography__static-tertiary-dark_1sn8k {
71
+ color: var(--color-static-text-tertiary-dark);
72
+ } .typography__static-accent_1sn8k {
73
+ color: var(--color-static-text-accent);
53
74
  }
package/colors.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative"];
1
+ declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
2
2
  type Color = typeof colors[number];
3
3
  export { colors, Color };
package/colors.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var colors = [
4
6
  'tertiary',
5
7
  'disabled',
@@ -13,6 +15,13 @@ var colors = [
13
15
  'secondary-inverted',
14
16
  'link',
15
17
  'negative',
18
+ 'static-primary-light',
19
+ 'static-secondary-light',
20
+ 'static-tertiary-light',
21
+ 'static-primary-dark',
22
+ 'static-secondary-dark',
23
+ 'static-tertiary-dark',
24
+ 'static-accent',
16
25
  ];
17
26
 
18
27
  exports.colors = colors;
package/colors.module-5ace86c0.js ADDED
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var colors = {"tertiary":"typography__tertiary_1sn8k","disabled":"typography__disabled_1sn8k","accent":"typography__accent_1sn8k","primary":"typography__primary_1sn8k","attention":"typography__attention_1sn8k","positive":"typography__positive_1sn8k","secondary":"typography__secondary_1sn8k","tertiary-inverted":"typography__tertiary-inverted_1sn8k","primary-inverted":"typography__primary-inverted_1sn8k","secondary-inverted":"typography__secondary-inverted_1sn8k","link":"typography__link_1sn8k","negative":"typography__negative_1sn8k","static-primary-light":"typography__static-primary-light_1sn8k","static-secondary-light":"typography__static-secondary-light_1sn8k","static-tertiary-light":"typography__static-tertiary-light_1sn8k","static-primary-dark":"typography__static-primary-dark_1sn8k","static-secondary-dark":"typography__static-secondary-dark_1sn8k","static-tertiary-dark":"typography__static-tertiary-dark_1sn8k","static-accent":"typography__static-accent_1sn8k"};
4
+ require('./colors.css')
5
+
6
+ exports.colors = colors;
package/common.module-141e6c42.js ADDED
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var commonStyles = {"component":"typography__component_jmw1n","bold":"typography__bold_jmw1n","medium":"typography__medium_jmw1n","regular":"typography__regular_jmw1n"};
4
+ require('./title/common.css')
5
+
6
+ exports.commonStyles = commonStyles;
package/component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var text_component = require('./text/component.js');
4
6
  var title_index = require('./title/index.js');
5
7
  var titleMobile_component = require('./title-mobile/component.js');
@@ -7,9 +9,9 @@ var titleResponsive_component = require('./title-responsive/component.js');
7
9
  require('tslib');
8
10
  require('react');
9
11
  require('classnames');
10
- require('./colors.module-fcf8e5d3.js');
12
+ require('./colors.module-5ace86c0.js');
11
13
  require('./title/component.js');
12
- require('./common.module-cf8a6de7.js');
14
+ require('./common.module-141e6c42.js');
13
15
 
14
16
  var Typography = {
15
17
  Title: title_index.Title,
package/cssm/colors.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative"];
1
+ declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
2
2
  type Color = typeof colors[number];
3
3
  export { colors, Color };
package/cssm/colors.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var colors = [
4
6
  'tertiary',
5
7
  'disabled',
@@ -13,6 +15,13 @@ var colors = [
13
15
  'secondary-inverted',
14
16
  'link',
15
17
  'negative',
18
+ 'static-primary-light',
19
+ 'static-secondary-light',
20
+ 'static-tertiary-light',
21
+ 'static-primary-dark',
22
+ 'static-secondary-dark',
23
+ 'static-tertiary-dark',
24
+ 'static-accent',
16
25
  ];
17
26
 
18
27
  exports.colors = colors;
package/cssm/colors.module.css CHANGED
@@ -1,18 +1,25 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
3
  --color-light-text-accent: #ef3124;
4
- --color-light-text-attention: #de6a00;
5
- --color-light-text-disabled: rgba(11, 31, 53, 0.15);
6
- --color-light-text-link: #007aff;
4
+ --color-light-text-attention: #cb830f;
5
+ --color-light-text-disabled: rgba(60, 60, 67, 0.22);
6
+ --color-light-text-link: #0072ef;
7
7
  --color-light-text-negative: #d91d0b;
8
8
  --color-light-text-positive: #13a463;
9
- --color-light-text-primary: #0b1f35;
9
+ --color-light-text-primary: #0e0e0e;
10
10
  --color-light-text-primary-inverted: #fff;
11
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
12
- --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
13
- --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
14
- --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
15
- } :root {
11
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66);
12
+ --color-light-text-secondary-inverted: rgba(235, 235, 245, 0.54);
13
+ --color-light-text-tertiary: rgba(60, 60, 67, 0.4);
14
+ --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.32);
15
+ --color-static-text-accent: #ef3124;
16
+ --color-static-text-primary-dark: #0e0e0e;
17
+ --color-static-text-primary-light: #fff;
18
+ --color-static-text-secondary-dark: rgba(60, 60, 67, 0.66);
19
+ --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
20
+ --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
21
+ --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
23
  } :root {
17
24
  } :root {
18
25
 
@@ -49,4 +56,18 @@
49
56
  color: var(--color-light-text-link);
50
57
  } .negative {
51
58
  color: var(--color-light-text-negative);
59
+ } .static-primary-light {
60
+ color: var(--color-static-text-primary-light);
61
+ } .static-secondary-light {
62
+ color: var(--color-static-text-secondary-light);
63
+ } .static-tertiary-light {
64
+ color: var(--color-static-text-tertiary-light);
65
+ } .static-primary-dark {
66
+ color: var(--color-static-text-primary-dark);
67
+ } .static-secondary-dark {
68
+ color: var(--color-static-text-secondary-dark);
69
+ } .static-tertiary-dark {
70
+ color: var(--color-static-text-tertiary-dark);
71
+ } .static-accent {
72
+ color: var(--color-static-text-accent);
52
73
  }
package/cssm/component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var text_component = require('./text/component.js');
4
6
  var title_index = require('./title/index.js');
5
7
  var titleMobile_component = require('./title-mobile/component.js');
package/cssm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var component = require('./component.js');
4
6
  var presets = require('./presets.js');
5
7
  require('./text/component.js');
package/cssm/presets.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var typographyPresets = {
4
6
  mobile: {
5
7
  list: {
package/cssm/text/component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
package/cssm/text/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var text_component = require('./component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/text/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- } /* deprecated */ :root {
3
- } :root {
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root {
5
5
  } :root {
6
6
 
package/cssm/title/component.d.ts CHANGED
@@ -63,7 +63,7 @@ declare const Title: React.ForwardRefExoticComponent<Omit<NativeProps, "color">
63
63
  /**
64
64
  * Цвет текста
65
65
  */
66
- color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
66
+ color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
67
67
  /**
68
68
  * Толщина шрифта
69
69
  */
package/cssm/title/component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
package/cssm/title/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var title_component = require('./component.js');
package/cssm/title/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- } /* deprecated */ :root {
3
- } :root {
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root {
5
5
  } :root {
6
6
 
package/cssm/title-mobile/component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var title_component = require('../title/component.js');
package/cssm/title-mobile/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var titleMobile_component = require('./component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/title-mobile/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- } /* deprecated */ :root {
3
- } :root {
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root {
5
5
  } :root {
6
6
 
package/cssm/title-responsive/component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var title_component = require('../title/component.js');
package/cssm/title-responsive/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var titleResponsive_component = require('./component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/title-responsive/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- } /* deprecated */ :root {
3
- } :root {
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root {
5
5
  } :root {
6
6
 
package/esm/colors.css CHANGED
@@ -1,19 +1,26 @@
1
- /* hash: 11u0a */
1
+ /* hash: mvhvw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-accent: #ef3124;
5
- --color-light-text-attention: #de6a00;
6
- --color-light-text-disabled: rgba(11, 31, 53, 0.15);
7
- --color-light-text-link: #007aff;
5
+ --color-light-text-attention: #cb830f;
6
+ --color-light-text-disabled: rgba(60, 60, 67, 0.22);
7
+ --color-light-text-link: #0072ef;
8
8
  --color-light-text-negative: #d91d0b;
9
9
  --color-light-text-positive: #13a463;
10
- --color-light-text-primary: #0b1f35;
10
+ --color-light-text-primary: #0e0e0e;
11
11
  --color-light-text-primary-inverted: #fff;
12
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
13
- --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
14
- --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
15
- --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
16
- } :root {
12
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66);
13
+ --color-light-text-secondary-inverted: rgba(235, 235, 245, 0.54);
14
+ --color-light-text-tertiary: rgba(60, 60, 67, 0.4);
15
+ --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.32);
16
+ --color-static-text-accent: #ef3124;
17
+ --color-static-text-primary-dark: #0e0e0e;
18
+ --color-static-text-primary-light: #fff;
19
+ --color-static-text-secondary-dark: rgba(60, 60, 67, 0.66);
20
+ --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
21
+ --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
22
+ --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
24
  } :root {
18
25
  } :root {
19
26
 
@@ -26,28 +33,42 @@
26
33
  } :root {
27
34
  } :root {
28
35
  } :root {
29
- } /* colors */ .typography__tertiary_2xsx1 {
36
+ } /* colors */ .typography__tertiary_1sn8k {
30
37
  color: var(--color-light-text-tertiary);
31
- } .typography__disabled_2xsx1 {
38
+ } .typography__disabled_1sn8k {
32
39
  color: var(--color-light-text-disabled);
33
- } .typography__accent_2xsx1 {
40
+ } .typography__accent_1sn8k {
34
41
  color: var(--color-light-text-accent);
35
- } .typography__primary_2xsx1 {
42
+ } .typography__primary_1sn8k {
36
43
  color: var(--color-light-text-primary);
37
- } .typography__attention_2xsx1 {
44
+ } .typography__attention_1sn8k {
38
45
  color: var(--color-light-text-attention);
39
- } .typography__positive_2xsx1 {
46
+ } .typography__positive_1sn8k {
40
47
  color: var(--color-light-text-positive);
41
- } .typography__secondary_2xsx1 {
48
+ } .typography__secondary_1sn8k {
42
49
  color: var(--color-light-text-secondary);
43
- } .typography__tertiary-inverted_2xsx1 {
50
+ } .typography__tertiary-inverted_1sn8k {
44
51
  color: var(--color-light-text-tertiary-inverted);
45
- } .typography__primary-inverted_2xsx1 {
52
+ } .typography__primary-inverted_1sn8k {
46
53
  color: var(--color-light-text-primary-inverted);
47
- } .typography__secondary-inverted_2xsx1 {
54
+ } .typography__secondary-inverted_1sn8k {
48
55
  color: var(--color-light-text-secondary-inverted);
49
- } .typography__link_2xsx1 {
56
+ } .typography__link_1sn8k {
50
57
  color: var(--color-light-text-link);
51
- } .typography__negative_2xsx1 {
58
+ } .typography__negative_1sn8k {
52
59
  color: var(--color-light-text-negative);
60
+ } .typography__static-primary-light_1sn8k {
61
+ color: var(--color-static-text-primary-light);
62
+ } .typography__static-secondary-light_1sn8k {
63
+ color: var(--color-static-text-secondary-light);
64
+ } .typography__static-tertiary-light_1sn8k {
65
+ color: var(--color-static-text-tertiary-light);
66
+ } .typography__static-primary-dark_1sn8k {
67
+ color: var(--color-static-text-primary-dark);
68
+ } .typography__static-secondary-dark_1sn8k {
69
+ color: var(--color-static-text-secondary-dark);
70
+ } .typography__static-tertiary-dark_1sn8k {
71
+ color: var(--color-static-text-tertiary-dark);
72
+ } .typography__static-accent_1sn8k {
73
+ color: var(--color-static-text-accent);
53
74
  }
package/esm/colors.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative"];
1
+ declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
2
2
  type Color = typeof colors[number];
3
3
  export { colors, Color };
package/esm/colors.js CHANGED
@@ -11,6 +11,13 @@ var colors = [
11
11
  'secondary-inverted',
12
12
  'link',
13
13
  'negative',
14
+ 'static-primary-light',
15
+ 'static-secondary-light',
16
+ 'static-tertiary-light',
17
+ 'static-primary-dark',
18
+ 'static-secondary-dark',
19
+ 'static-tertiary-dark',
20
+ 'static-accent',
14
21
  ];
15
22
 
16
23
  export { colors };
package/esm/colors.module-5c7093c3.js ADDED
@@ -0,0 +1,4 @@
1
+ var colors = {"tertiary":"typography__tertiary_1sn8k","disabled":"typography__disabled_1sn8k","accent":"typography__accent_1sn8k","primary":"typography__primary_1sn8k","attention":"typography__attention_1sn8k","positive":"typography__positive_1sn8k","secondary":"typography__secondary_1sn8k","tertiary-inverted":"typography__tertiary-inverted_1sn8k","primary-inverted":"typography__primary-inverted_1sn8k","secondary-inverted":"typography__secondary-inverted_1sn8k","link":"typography__link_1sn8k","negative":"typography__negative_1sn8k","static-primary-light":"typography__static-primary-light_1sn8k","static-secondary-light":"typography__static-secondary-light_1sn8k","static-tertiary-light":"typography__static-tertiary-light_1sn8k","static-primary-dark":"typography__static-primary-dark_1sn8k","static-secondary-dark":"typography__static-secondary-dark_1sn8k","static-tertiary-dark":"typography__static-tertiary-dark_1sn8k","static-accent":"typography__static-accent_1sn8k"};
2
+ require('./colors.css')
3
+
4
+ export { colors as c };
package/esm/common.module-b1986a07.js ADDED
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"typography__component_jmw1n","bold":"typography__bold_jmw1n","medium":"typography__medium_jmw1n","regular":"typography__regular_jmw1n"};
2
+ require('./title/common.css')
3
+
4
+ export { commonStyles as c };
package/esm/component.js CHANGED
@@ -5,9 +5,9 @@ import { TitleResponsive } from './title-responsive/component.js';
5
5
  import 'tslib';
6
6
  import 'react';
7
7
  import 'classnames';
8
- import './colors.module-6c8a001e.js';
8
+ import './colors.module-5c7093c3.js';
9
9
  import './title/component.js';
10
- import './common.module-e5f2dd08.js';
10
+ import './common.module-b1986a07.js';
11
11
 
12
12
  var Typography = {
13
13
  Title: Title,
package/esm/index.js CHANGED
@@ -4,9 +4,9 @@ import './text/component.js';
4
4
  import 'tslib';
5
5
  import 'react';
6
6
  import 'classnames';
7
- import './colors.module-6c8a001e.js';
7
+ import './colors.module-5c7093c3.js';
8
8
  import './title/index.js';
9
9
  import './title/component.js';
10
- import './common.module-e5f2dd08.js';
10
+ import './common.module-b1986a07.js';
11
11
  import './title-mobile/component.js';
12
12
  import './title-responsive/component.js';
package/esm/text/component.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import cn from 'classnames';
4
- import { c as colors } from '../colors.module-6c8a001e.js';
4
+ import { c as colors } from '../colors.module-5c7093c3.js';
5
5
 
6
- var styles = {"paragraph":"typography__paragraph_1blhj","paragraphWithMargins":"typography__paragraphWithMargins_1blhj","primary-large":"typography__primary-large_1blhj","primary-medium":"typography__primary-medium_1blhj","primary-small":"typography__primary-small_1blhj","secondary-large":"typography__secondary-large_1blhj","secondary-medium":"typography__secondary-medium_1blhj","secondary-small":"typography__secondary-small_1blhj","component":"typography__component_1blhj","caps":"typography__caps_1blhj","bold":"typography__bold_1blhj","medium":"typography__medium_1blhj","regular":"typography__regular_1blhj","monospace":"typography__monospace_1blhj","rowLimit1":"typography__rowLimit1_1blhj","rowLimit2":"typography__rowLimit2_1blhj","rowLimit3":"typography__rowLimit3_1blhj"};
6
+ var styles = {"paragraph":"typography__paragraph_14o6s","paragraphWithMargins":"typography__paragraphWithMargins_14o6s","primary-large":"typography__primary-large_14o6s","primary-medium":"typography__primary-medium_14o6s","primary-small":"typography__primary-small_14o6s","secondary-large":"typography__secondary-large_14o6s","secondary-medium":"typography__secondary-medium_14o6s","secondary-small":"typography__secondary-small_14o6s","component":"typography__component_14o6s","caps":"typography__caps_14o6s","bold":"typography__bold_14o6s","medium":"typography__medium_14o6s","regular":"typography__regular_14o6s","monospace":"typography__monospace_14o6s","rowLimit1":"typography__rowLimit1_14o6s","rowLimit2":"typography__rowLimit2_14o6s","rowLimit3":"typography__rowLimit3_14o6s"};
7
7
  require('./index.css')
8
8
 
9
9
  var Text = forwardRef(function (_a, ref) {