@dxc-technology/halstack-react 0.0.0-0c51273 → 0.0.0-0c59a10

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 (185) hide show
  1. package/README.md +27 -47
  2. package/dist/index.d.mts +3922 -0
  3. package/dist/index.d.ts +3922 -0
  4. package/dist/index.js +14391 -0
  5. package/dist/index.mjs +14303 -0
  6. package/package.json +92 -60
  7. package/babel.config.js +0 -4
  8. package/dist/ThemeContext.js +0 -15
  9. package/dist/accordion/Accordion.js +0 -264
  10. package/dist/accordion/Accordion.stories.js +0 -207
  11. package/dist/accordion/readme.md +0 -96
  12. package/dist/alert/Alert.js +0 -302
  13. package/dist/alert/Alert.stories.js +0 -158
  14. package/dist/alert/close.svg +0 -4
  15. package/dist/alert/error.svg +0 -4
  16. package/dist/alert/info.svg +0 -4
  17. package/dist/alert/readme.md +0 -43
  18. package/dist/alert/success.svg +0 -4
  19. package/dist/alert/warning.svg +0 -4
  20. package/dist/box/Box.js +0 -136
  21. package/dist/button/Button.js +0 -183
  22. package/dist/button/Button.stories.js +0 -224
  23. package/dist/button/readme.md +0 -93
  24. package/dist/card/Card.js +0 -246
  25. package/dist/checkbox/Checkbox.js +0 -224
  26. package/dist/checkbox/Checkbox.stories.js +0 -144
  27. package/dist/checkbox/readme.md +0 -116
  28. package/dist/chip/Chip.js +0 -170
  29. package/dist/common/OpenSans.css +0 -81
  30. package/dist/common/RequiredComponent.js +0 -46
  31. package/dist/common/fonts/OpenSans-Bold.ttf +0 -0
  32. package/dist/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  33. package/dist/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  34. package/dist/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  35. package/dist/common/fonts/OpenSans-Italic.ttf +0 -0
  36. package/dist/common/fonts/OpenSans-Light.ttf +0 -0
  37. package/dist/common/fonts/OpenSans-LightItalic.ttf +0 -0
  38. package/dist/common/fonts/OpenSans-Regular.ttf +0 -0
  39. package/dist/common/fonts/OpenSans-SemiBold.ttf +0 -0
  40. package/dist/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  41. package/dist/common/services/example-service.js +0 -10
  42. package/dist/common/services/example-service.test.js +0 -12
  43. package/dist/common/utils.js +0 -42
  44. package/dist/common/variables.js +0 -229
  45. package/dist/date/Date.js +0 -344
  46. package/dist/date/Date.stories.js +0 -205
  47. package/dist/date/calendar.svg +0 -1
  48. package/dist/date/calendar_dark.svg +0 -1
  49. package/dist/date/readme.md +0 -73
  50. package/dist/dialog/Dialog.js +0 -193
  51. package/dist/dialog/Dialog.stories.js +0 -217
  52. package/dist/dialog/readme.md +0 -32
  53. package/dist/dropdown/Dropdown.js +0 -412
  54. package/dist/dropdown/Dropdown.stories.js +0 -249
  55. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  56. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  57. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  58. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  59. package/dist/dropdown/readme.md +0 -69
  60. package/dist/footer/Footer.js +0 -341
  61. package/dist/footer/Footer.stories.js +0 -94
  62. package/dist/footer/dxc_logo_wht.png +0 -0
  63. package/dist/footer/readme.md +0 -41
  64. package/dist/header/Header.js +0 -350
  65. package/dist/header/Header.stories.js +0 -176
  66. package/dist/header/close_icon.svg +0 -1
  67. package/dist/header/dxc_logo_black.png +0 -0
  68. package/dist/header/dxc_logo_white.png +0 -0
  69. package/dist/header/hamb_menu_black.svg +0 -1
  70. package/dist/header/hamb_menu_white.svg +0 -1
  71. package/dist/header/readme.md +0 -33
  72. package/dist/heading/Heading.js +0 -159
  73. package/dist/input-text/InputText.js +0 -519
  74. package/dist/input-text/InputText.stories.js +0 -209
  75. package/dist/input-text/error.svg +0 -1
  76. package/dist/input-text/readme.md +0 -91
  77. package/dist/link/Link.js +0 -129
  78. package/dist/link/readme.md +0 -51
  79. package/dist/main.js +0 -263
  80. package/dist/paginator/Paginator.js +0 -178
  81. package/dist/paginator/images/next.svg +0 -3
  82. package/dist/paginator/images/nextPage.svg +0 -3
  83. package/dist/paginator/images/previous.svg +0 -3
  84. package/dist/paginator/images/previousPage.svg +0 -3
  85. package/dist/paginator/readme.md +0 -50
  86. package/dist/progress-bar/ProgressBar.js +0 -189
  87. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  88. package/dist/progress-bar/readme.md +0 -63
  89. package/dist/radio/Radio.js +0 -191
  90. package/dist/radio/Radio.stories.js +0 -166
  91. package/dist/radio/readme.md +0 -70
  92. package/dist/resultsetTable/ResultsetTable.js +0 -334
  93. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  94. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  95. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  96. package/dist/select/Select.js +0 -442
  97. package/dist/select/Select.stories.js +0 -235
  98. package/dist/select/readme.md +0 -72
  99. package/dist/sidenav/Sidenav.js +0 -217
  100. package/dist/sidenav/arrow_icon.svg +0 -3
  101. package/dist/slider/Slider.js +0 -258
  102. package/dist/slider/Slider.stories.js +0 -241
  103. package/dist/slider/readme.md +0 -64
  104. package/dist/spinner/Spinner.js +0 -196
  105. package/dist/spinner/Spinner.stories.js +0 -183
  106. package/dist/spinner/readme.md +0 -65
  107. package/dist/switch/Switch.js +0 -195
  108. package/dist/switch/Switch.stories.js +0 -134
  109. package/dist/switch/readme.md +0 -133
  110. package/dist/table/Table.js +0 -84
  111. package/dist/tabs/Tabs.js +0 -170
  112. package/dist/tabs/Tabs.stories.js +0 -130
  113. package/dist/tabs/readme.md +0 -78
  114. package/dist/tabs-for-sections/TabsForSections.js +0 -107
  115. package/dist/tabs-for-sections/readme.md +0 -78
  116. package/dist/tag/Tag.js +0 -217
  117. package/dist/textarea/Textarea.js +0 -226
  118. package/dist/toggle/Toggle.js +0 -223
  119. package/dist/toggle/Toggle.stories.js +0 -297
  120. package/dist/toggle/readme.md +0 -80
  121. package/dist/upload/Upload.js +0 -200
  122. package/dist/upload/Upload.stories.js +0 -72
  123. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -125
  124. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  125. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  126. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -282
  127. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  128. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  129. package/dist/upload/file-upload/FileToUpload.js +0 -158
  130. package/dist/upload/file-upload/audio-icon.svg +0 -4
  131. package/dist/upload/file-upload/close.svg +0 -4
  132. package/dist/upload/file-upload/file-icon.svg +0 -4
  133. package/dist/upload/file-upload/video-icon.svg +0 -4
  134. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  135. package/dist/upload/readme.md +0 -37
  136. package/dist/upload/transaction/Transaction.js +0 -155
  137. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  138. package/dist/upload/transaction/audio-icon.svg +0 -4
  139. package/dist/upload/transaction/error-icon.svg +0 -4
  140. package/dist/upload/transaction/file-icon-err.svg +0 -4
  141. package/dist/upload/transaction/file-icon.svg +0 -4
  142. package/dist/upload/transaction/image-icon-err.svg +0 -4
  143. package/dist/upload/transaction/image-icon.svg +0 -4
  144. package/dist/upload/transaction/success-icon.svg +0 -4
  145. package/dist/upload/transaction/video-icon-err.svg +0 -4
  146. package/dist/upload/transaction/video-icon.svg +0 -4
  147. package/dist/upload/transactions/Transactions.js +0 -120
  148. package/dist/wizard/Wizard.js +0 -310
  149. package/dist/wizard/invalid_icon.svg +0 -6
  150. package/dist/wizard/valid_icon.svg +0 -6
  151. package/dist/wizard/validation-wrong.svg +0 -6
  152. package/test/Accordion.test.js +0 -33
  153. package/test/Alert.test.js +0 -53
  154. package/test/Box.test.js +0 -10
  155. package/test/Button.test.js +0 -18
  156. package/test/Card.test.js +0 -30
  157. package/test/Checkbox.test.js +0 -45
  158. package/test/Chip.test.js +0 -25
  159. package/test/Date.test.js +0 -393
  160. package/test/Dialog.test.js +0 -23
  161. package/test/Dropdown.test.js +0 -130
  162. package/test/Footer.test.js +0 -99
  163. package/test/Header.test.js +0 -39
  164. package/test/Heading.test.js +0 -35
  165. package/test/InputText.test.js +0 -236
  166. package/test/Link.test.js +0 -25
  167. package/test/Paginator.test.js +0 -165
  168. package/test/ProgressBar.test.js +0 -35
  169. package/test/Radio.test.js +0 -37
  170. package/test/ResultsetTable.test.js +0 -282
  171. package/test/Select.test.js +0 -191
  172. package/test/Sidenav.test.js +0 -87
  173. package/test/Slider.test.js +0 -65
  174. package/test/Spinner.test.js +0 -27
  175. package/test/Switch.test.js +0 -45
  176. package/test/Table.test.js +0 -36
  177. package/test/Tabs.test.js +0 -88
  178. package/test/TabsForSections.test.js +0 -34
  179. package/test/Tag.test.js +0 -32
  180. package/test/TextArea.test.js +0 -52
  181. package/test/Toggle.test.js +0 -43
  182. package/test/Upload.test.js +0 -60
  183. package/test/Wizard.test.js +0 -130
  184. package/test/mocks/pngMock.js +0 -1
  185. package/test/mocks/svgMock.js +0 -1
@@ -1,81 +0,0 @@
1
-
2
- @font-face {
3
- font-family: 'Open Sans';
4
- src: url('./fonts/OpenSans-Light.ttf')
5
- format('truetype');
6
- font-style: normal;
7
- font-weight: 200;
8
- }
9
-
10
- @font-face {
11
- font-family: 'Open Sans';
12
- src: url('./fonts/OpenSans-Regular.ttf')
13
- format('truetype');
14
- font-style: normal;
15
- font-weight: 400;
16
- }
17
-
18
- @font-face {
19
- font-family: 'Open Sans';
20
- src: url('./fonts/OpenSans-SemiBold.ttf')
21
- format('truetype');
22
- font-style: normal;
23
- font-weight: 600;
24
- }
25
-
26
- @font-face {
27
- font-family: 'Open Sans';
28
- src: url('./fonts/OpenSans-Bold.ttf')
29
- format('truetype');
30
- font-style: normal;
31
- font-weight: 700;
32
- }
33
-
34
- @font-face {
35
- font-family: 'Open Sans';
36
- src: url('./fonts/OpenSans-ExtraBold.ttf')
37
- format('truetype');
38
- font-style: normal;
39
- font-weight: 800;
40
- }
41
-
42
- @font-face {
43
- font-family: 'Open Sans';
44
- src: url('./fonts/OpenSans-LightItalic.ttf')
45
- format('truetype');
46
- font-style: italic;
47
- font-weight: 200;
48
- }
49
-
50
- @font-face {
51
- font-family: 'Open Sans';
52
- src: url('./fonts/OpenSans-Italic.ttf')
53
- format('truetype');
54
- font-style: italic;
55
- font-weight: 400;
56
- }
57
-
58
- @font-face {
59
- font-family: 'Open Sans';
60
- src: url('./fonts/OpenSans-SemiBoldItalic.ttf')
61
- format('truetype');
62
- font-style: italic;
63
- font-weight: 600;
64
- }
65
-
66
- @font-face {
67
- font-family: 'Open Sans';
68
- src: url('./fonts/OpenSans-BoldItalic.ttf')
69
- format('truetype');
70
- font-style: italic;
71
- font-weight: 700;
72
- }
73
-
74
- @font-face {
75
- font-family: 'Open Sans';
76
- src: url('./fonts/OpenSans-ExtraBoldItalic.ttf')
77
- format('truetype');
78
- font-style: italic;
79
- font-weight: 800;
80
- }
81
-
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- var _variables = require("./variables.js");
21
-
22
- var _ThemeContext = _interopRequireDefault(require("../ThemeContext.js"));
23
-
24
- function _templateObject() {
25
- var data = (0, _taggedTemplateLiteral2["default"])(["\n color: #d0011b;\n margin-right: 1px;\n cursor: default;\n"]);
26
-
27
- _templateObject = function _templateObject() {
28
- return data;
29
- };
30
-
31
- return data;
32
- }
33
-
34
- var DxcRequired = function DxcRequired(_ref) {
35
- var _ref$theme = _ref.theme,
36
- theme = _ref$theme === void 0 ? "light" : _ref$theme;
37
- return _react["default"].createElement(RequiredSpan, null, "*");
38
- };
39
-
40
- var RequiredSpan = _styledComponents["default"].span(_templateObject());
41
-
42
- DxcRequired.propTypes = {
43
- theme: _propTypes["default"].oneOf(["dark", "light"])
44
- };
45
- var _default = DxcRequired;
46
- exports["default"] = _default;
Binary file
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = testFunction;
7
-
8
- function testFunction(num1, num2) {
9
- return num1 + num2;
10
- }
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _exampleService = _interopRequireDefault(require("./example-service"));
6
-
7
- describe("warnings array creation", function () {
8
- it("Function sums values", function () {
9
- var result = (0, _exampleService["default"])(2, 3);
10
- expect(result).toEqual(5);
11
- });
12
- });
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.getCustomTheme = exports.getMargin = void 0;
9
-
10
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
11
-
12
- var _variables = require("./variables.js");
13
-
14
- var getMargin = function getMargin(marginProp, side) {
15
- if (marginProp && (0, _typeof2["default"])(marginProp) === "object") {
16
- return marginProp[side] && _variables.spaces[marginProp[side]] || "0px";
17
- } else {
18
- return marginProp && _variables.spaces[marginProp] || "0px";
19
- }
20
- };
21
-
22
- exports.getMargin = getMargin;
23
-
24
- var getCustomTheme = function getCustomTheme(defaultTheme, customTheme) {
25
- var newTheme = defaultTheme;
26
-
27
- if (customTheme) {
28
- Object.keys(newTheme).map(function (component) {
29
- if (customTheme[component]) {
30
- Object.keys(newTheme[component]).map(function (objectKey) {
31
- if (customTheme[component][objectKey]) {
32
- newTheme[component][objectKey] = customTheme[component][objectKey];
33
- }
34
- });
35
- }
36
- });
37
- }
38
-
39
- return newTheme;
40
- };
41
-
42
- exports.getCustomTheme = getCustomTheme;
@@ -1,229 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.typeface = exports.responsiveSizes = exports.spaces = exports.theme = exports.defaultTheme = exports.colors = void 0;
7
- var colors = {
8
- black: "#000000",
9
- lightBlack: "#212121",
10
- mediumBlack: "#000000B3",
11
- white: "#FFFFFF",
12
- darkWhite: "#EEEEEE",
13
- yellow: "#FFED00",
14
- darkGrey: "#666666",
15
- mediumGrey: "#00000033",
16
- lightGrey: "#D9D9D9",
17
- lighterGrey: "#D9D9D980",
18
- darkRed: "#D0011B",
19
- lightRed: "#FF6161",
20
- lightBlue: "#CEE0F5",
21
- lightYellow: "#FCF2BD",
22
- lightPink: "#F9CFCF",
23
- lightGreen: "#DBF1C4",
24
- blue: "#005FCC",
25
- red: "#D0011B"
26
- };
27
- exports.colors = colors;
28
- var defaultTheme = {
29
- button: {
30
- color: colors.yellow,
31
- hoverColor: colors.black,
32
- primaryFontColor: colors.black,
33
- primaryHoverFontColor: colors.yellow,
34
- secondaryFontColor: colors.black,
35
- secondaryHoverFontColor: colors.black,
36
- textFontColor: colors.black,
37
- textHoverFontColor: colors.white
38
- },
39
- date: {
40
- pickerSelectedDateBackgroundColor: colors.black,
41
- pickerSelectedDateColor: colors.yellow
42
- },
43
- header: {
44
- backgroundColor: colors.black,
45
- underlinedColor: colors.black,
46
- textColor: colors.white,
47
- backgroundColorMenu: colors.lightGrey,
48
- textColorMenu: colors.black,
49
- hamburguerColor: colors.white
50
- },
51
- inputText: {
52
- selectedOptionBackgroundColor: colors.lightGrey
53
- },
54
- checkbox: {
55
- color: colors.yellow,
56
- checkColor: colors.black
57
- },
58
- radio: {
59
- color: colors.black
60
- },
61
- select: {
62
- selectedOptionBackgroundColor: colors.lightGrey
63
- },
64
- slider: {
65
- color: colors.black
66
- },
67
- "switch": {
68
- checkedTrackBackgroundColor: colors.darkGrey
69
- },
70
- tabs: {
71
- selectedBackgroundColor: colors.transparent,
72
- selectedUnderlinedColor: colors.black,
73
- selectedColor: colors.black
74
- }
75
- };
76
- exports.defaultTheme = defaultTheme;
77
- var theme = {
78
- button: {
79
- color: colors.yellow,
80
- hoverColor: colors.black,
81
- primaryDisabledOpacity: 0.34,
82
- primaryFontColor: colors.black,
83
- primaryHoverFontColor: colors.yellow,
84
- secondaryDisabledOpacity: 0.34,
85
- secondaryBackgroundColor: colors.transparent,
86
- secondaryFontColor: colors.black,
87
- secondaryHoverFontColor: colors.black,
88
- textDisabledOpacity: 0.34,
89
- textBackgroundColor: colors.transparent,
90
- textFontColor: colors.black,
91
- textHoverFontColor: colors.lightGrey,
92
- focusColor: colors.blue
93
- },
94
- checkbox: {
95
- color: colors.yellow,
96
- checkColor: colors.black,
97
- disabled: 0.34,
98
- disabledCheckColor: 0.34,
99
- fontColor: colors.black,
100
- focusColor: colors.blue
101
- },
102
- date: {
103
- pickerSelectedDateBackgroundColor: colors.black,
104
- pickerSelectedDateColor: colors.yellow,
105
- pickerBackgroundColor: colors.white,
106
- pickerTextColor: colors.black,
107
- pickerActualDate: colors.lightGrey,
108
- pickerHoverDateBackgroundColor: 0.34,
109
- pickerHoverDateTextColor: colors.black,
110
- scrollBarThumbColor: colors.darkGrey,
111
- scrollBarTrackColor: colors.lightGrey
112
- },
113
- header: {
114
- backgroundColor: colors.black,
115
- underlinedColor: colors.black,
116
- textColor: colors.white,
117
- backgroundColorMenu: colors.lightGrey,
118
- textColorMenu: colors.black,
119
- hamburguerColor: colors.white
120
- },
121
- inputText: {
122
- fontColor: colors.black,
123
- placeholderColor: colors.lightGrey,
124
- disabledTextColor: 0.34,
125
- disabledLabelColor: 0.34,
126
- disabledUnderlinedColor: 0.34,
127
- disabledAssistiveTextColor: 0.34,
128
- error: colors.red,
129
- selectedOptionBackgroundColor: colors.lightGrey,
130
- hoverOptionBakcgroundColor: 0.34,
131
- hoverOptionColor: colors.black,
132
- scrollBarThumbColor: colors.darkGrey,
133
- scrollBarTrackColor: colors.lightGrey
134
- },
135
- radio: {
136
- color: colors.black,
137
- disabled: 0.34,
138
- fontColor: colors.black,
139
- focusColor: colors.blue
140
- },
141
- select: {
142
- selectedOptionBackgroundColor: colors.lightGrey,
143
- color: colors.black,
144
- hoverOptionBackgroundColor: "57",
145
- error: colors.darkRed,
146
- scrollBarThumbColor: colors.darkGrey,
147
- scrollBarTrackColor: colors.lightGrey
148
- },
149
- slider: {
150
- color: colors.black,
151
- totalLine: 0.34,
152
- disabledthumbBacgroundColor: 0.34,
153
- disableddotsBackgroundColor: 0.34,
154
- disabledTrackLine: 0.34,
155
- disabledtotalLine: 0.34
156
- },
157
- "switch": {
158
- checkedTrackBackgroundColor: colors.darkGrey,
159
- checkedThumbBackgroundColor: colors.white,
160
- uncheckedThumbBackgroundColor: colors.white,
161
- uncheckedTrackBackgroundColor: colors.lightGrey,
162
- disabledThumbBackgroundColor: 0.34,
163
- disabledTrackBackgroundColor: 0.34,
164
- fontColor: colors.black
165
- },
166
- tabs: {
167
- selectedBackgroundColor: colors.transparent,
168
- selectedUnderlinedColor: colors.black,
169
- selectedColor: colors.black,
170
- backgroundColor: 0.34,
171
- underlinedColor: colors.lightGrey,
172
- textColor: colors.black,
173
- disabled: 0.34,
174
- focusColor: colors.blue
175
- }
176
- };
177
- exports.theme = theme;
178
- var spaces = {
179
- xxsmall: "6px",
180
- xsmall: "16px",
181
- small: "24px",
182
- medium: "36px",
183
- large: "48px",
184
- xlarge: "64px",
185
- xxlarge: "100px"
186
- };
187
- exports.spaces = spaces;
188
- var responsiveSizes = {
189
- mobileSmall: "320",
190
- mobileMedium: "375",
191
- mobileLarge: "425",
192
- tablet: "768",
193
- laptop: "1024",
194
- desktop: "1440"
195
- };
196
- exports.responsiveSizes = responsiveSizes;
197
- var typeface = {
198
- body: {
199
- fontSize: "16px",
200
- letterSpacing: "0.5",
201
- textTransform: "initial"
202
- },
203
- altBody: {
204
- fontSize: "14px",
205
- letterSpacing: "0.25",
206
- textTransform: "initial"
207
- },
208
- subtitle: {
209
- fontSize: "16px",
210
- letterSpacing: "0.15",
211
- textTransform: "initial"
212
- },
213
- altSubtitle: {
214
- fontSize: "14px",
215
- letterSpacing: "0.1",
216
- textTransform: "initial"
217
- },
218
- caption: {
219
- fontSize: "12px",
220
- letterSpacing: "0.4",
221
- textTransform: "initial"
222
- },
223
- overline: {
224
- fontSize: "12px",
225
- letterSpacing: "2",
226
- textTransform: "uppercase"
227
- }
228
- };
229
- exports.typeface = typeface;