@terraware/web-components 1.0.7 → 1.0.10
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/components/Message/Message.d.ts +15 -0
- package/components/Message/Message.d.ts.map +1 -0
- package/components/Message/Message.js +72 -0
- package/components/Message/styles.scss +195 -0
- package/index.d.ts +2 -1
- package/index.d.ts.map +1 -1
- package/index.js +8 -0
- package/license-report.html +1 -1
- package/package.json +1 -1
- package/stories/Message.stories.d.ts +10 -0
- package/stories/Message.stories.d.ts.map +1 -0
- package/style-dictionary-dist/message_variables.scss +247 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './styles.scss';
|
|
3
|
+
export interface Props {
|
|
4
|
+
type: 'page' | 'toast';
|
|
5
|
+
priority: 'info' | 'critical' | 'warning' | 'success';
|
|
6
|
+
title?: string | string[];
|
|
7
|
+
body: string | string[];
|
|
8
|
+
actionText?: string;
|
|
9
|
+
actionHandler?: () => void;
|
|
10
|
+
pageButtons?: JSX.Element[];
|
|
11
|
+
showCloseButton?: boolean;
|
|
12
|
+
onClose?: () => void;
|
|
13
|
+
}
|
|
14
|
+
export default function Message(props: Props): JSX.Element | null;
|
|
15
|
+
//# sourceMappingURL=Message.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAKvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAgDhE"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = Message;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
require("./styles.scss");
|
|
15
|
+
|
|
16
|
+
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
17
|
+
|
|
18
|
+
var _utils = require("../../utils");
|
|
19
|
+
|
|
20
|
+
function Message(props) {
|
|
21
|
+
var type = props.type,
|
|
22
|
+
priority = props.priority,
|
|
23
|
+
title = props.title,
|
|
24
|
+
body = props.body,
|
|
25
|
+
actionText = props.actionText,
|
|
26
|
+
actionHandler = props.actionHandler,
|
|
27
|
+
pageButtons = props.pageButtons,
|
|
28
|
+
showCloseButton = props.showCloseButton,
|
|
29
|
+
onClose = props.onClose;
|
|
30
|
+
|
|
31
|
+
var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
|
|
32
|
+
isMobile = _useDeviceInfo.isMobile;
|
|
33
|
+
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
35
|
+
className: "tw-message tw-message--".concat(type, " tw-message--").concat(priority, " ").concat(isMobile ? 'tw-message--mobile' : '')
|
|
36
|
+
}, type === 'toast' && /*#__PURE__*/_react.default.createElement("div", {
|
|
37
|
+
className: "tw-message--left-side"
|
|
38
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
39
|
+
name: priority,
|
|
40
|
+
className: "left-side--icon"
|
|
41
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
+
className: "tw-message--container"
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
+
className: "tw-message--main-content"
|
|
45
|
+
}, type === 'page' && /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
46
|
+
name: priority,
|
|
47
|
+
className: "main-content--icon"
|
|
48
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
+
className: "tw-message--main-body"
|
|
50
|
+
}, title && /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
+
className: "tw-message--title-container"
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement("h1", null, title)), /*#__PURE__*/_react.default.createElement("h2", null, body), type === 'page' && pageButtons && pageButtons.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
53
|
+
className: "tw-message--actions-container"
|
|
54
|
+
}, pageButtons === null || pageButtons === void 0 ? void 0 : pageButtons.map(function (pageButton, index) {
|
|
55
|
+
var pageButtonWithKey = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, pageButton), {}, {
|
|
56
|
+
key: "page-button-".concat(index),
|
|
57
|
+
props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, pageButton.props), {}, {
|
|
58
|
+
size: pageButton.props.size || 'medium'
|
|
59
|
+
})
|
|
60
|
+
});
|
|
61
|
+
return pageButtonWithKey;
|
|
62
|
+
})) : null)), type === 'toast' && actionText ? /*#__PURE__*/_react.default.createElement("button", {
|
|
63
|
+
onClick: actionHandler,
|
|
64
|
+
className: "tw-message--action-text"
|
|
65
|
+
}, actionText) : showCloseButton ? /*#__PURE__*/_react.default.createElement("button", {
|
|
66
|
+
onClick: onClose,
|
|
67
|
+
className: "icon-container"
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
69
|
+
name: "close",
|
|
70
|
+
className: "page-message--close-icon"
|
|
71
|
+
})) : null));
|
|
72
|
+
}
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
@import '../../style-dictionary-dist/message_variables.scss';
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'Inter';
|
|
5
|
+
src: local('Inter'), url(../../fonts/Inter.ttf) format('truetype');
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
.tw-message {
|
|
10
|
+
&.tw-message--page {
|
|
11
|
+
width: 584px;
|
|
12
|
+
&.tw-message--container {
|
|
13
|
+
margin: $tw-spc-base-small 0;
|
|
14
|
+
}
|
|
15
|
+
&.tw-message--title-container {
|
|
16
|
+
display: flex;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
border-radius: $tw-sz-base-x-small;
|
|
21
|
+
display: flex;
|
|
22
|
+
|
|
23
|
+
width: 480px;
|
|
24
|
+
|
|
25
|
+
&.tw-message--mobile {
|
|
26
|
+
width: 100%;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&--container {
|
|
30
|
+
margin: $tw-spc-base-small;
|
|
31
|
+
display: flex;
|
|
32
|
+
justify-content: space-between;
|
|
33
|
+
width: 100%;
|
|
34
|
+
}
|
|
35
|
+
&--title-container {
|
|
36
|
+
h1 {
|
|
37
|
+
font-family: $tw-fnt-mssg-title-font-family;
|
|
38
|
+
font-size: $tw-fnt-mssg-title-font-size;
|
|
39
|
+
font-weight: $tw-fnt-mssg-title-font-weight;
|
|
40
|
+
line-height: $tw-fnt-mssg-title-line-height;
|
|
41
|
+
color: $tw-clr-text-fill;
|
|
42
|
+
padding: 0;
|
|
43
|
+
margin: 0 0 $tw-spc-base-x-small 0;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&--main-content {
|
|
48
|
+
display: flex;
|
|
49
|
+
width: 100%;
|
|
50
|
+
|
|
51
|
+
h2 {
|
|
52
|
+
font-family: $tw-fnt-mssg-body-font-family;
|
|
53
|
+
font-size: $tw-fnt-mssg-body-font-size;
|
|
54
|
+
font-weight: $tw-fnt-mssg-body-font-weight;
|
|
55
|
+
line-height: $tw-fnt-mssg-body-line-height;
|
|
56
|
+
color: $tw-clr-text-fill;
|
|
57
|
+
padding: 0;
|
|
58
|
+
margin: 0;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.main-content--icon {
|
|
62
|
+
width: $tw-sz-base-medium;
|
|
63
|
+
height: $tw-sz-base-medium;
|
|
64
|
+
margin-right: $tw-spc-base-small;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&--main-body {
|
|
69
|
+
width: 100%;
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: column;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&--actions-container {
|
|
75
|
+
align-self: end;
|
|
76
|
+
|
|
77
|
+
button:first-child {
|
|
78
|
+
margin-right: $tw-spc-base-x-small;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
&--action-text {
|
|
83
|
+
font-family: $tw-fnt-mssg-body-font-family;
|
|
84
|
+
font-size: $tw-fnt-mssg-body-font-size;
|
|
85
|
+
font-weight: $tw-fnt-mssg-body-font-weight;
|
|
86
|
+
line-height: $tw-fnt-mssg-body-line-height;
|
|
87
|
+
color: $tw-clr-text-fill-productive;
|
|
88
|
+
margin-left: $tw-spc-base-x-small;
|
|
89
|
+
background: none;
|
|
90
|
+
border: 0;
|
|
91
|
+
cursor: pointer;
|
|
92
|
+
height: fit-content;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&--left-side {
|
|
96
|
+
padding: $tw-spc-base-small $tw-spc-base-small 0 $tw-spc-base-small;
|
|
97
|
+
.left-side--icon {
|
|
98
|
+
fill: $tw-clr-icon-fill-text-inv;
|
|
99
|
+
width: $tw-sz-base-medium;
|
|
100
|
+
height: $tw-sz-base-medium;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.toast-message--close-icon {
|
|
105
|
+
margin-left: $tw-spc-base-x-small;
|
|
106
|
+
fill: $tw-clr-icon-fill-passive;
|
|
107
|
+
width: $tw-sz-base-medium;
|
|
108
|
+
height: $tw-sz-base-medium;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.page-message--close-icon {
|
|
112
|
+
margin-left: $tw-spc-base-x-small;
|
|
113
|
+
fill: $tw-clr-icon-fill-passive;
|
|
114
|
+
width: $tw-sz-base-medium;
|
|
115
|
+
height: $tw-sz-base-medium;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.icon-container {
|
|
119
|
+
background: none;
|
|
120
|
+
border: 0;
|
|
121
|
+
cursor: pointer;
|
|
122
|
+
height: fit-content;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
&--info {
|
|
126
|
+
&.tw-message--page {
|
|
127
|
+
border: 1px solid $tw-clr-base-semantic-passive;
|
|
128
|
+
background-color: $tw-clr-base-semantic-passive-bg;
|
|
129
|
+
.main-content--icon {
|
|
130
|
+
fill:$tw-clr-base-semantic-passive;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
border: 1px solid $tw-clr-icon-fill-passive;
|
|
134
|
+
&.tw-message--toast {
|
|
135
|
+
box-shadow: 0 2px $tw-clr-icon-fill-passive;
|
|
136
|
+
}
|
|
137
|
+
.tw-message--left-side {
|
|
138
|
+
background-color: $tw-clr-icon-fill-passive;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
&--critical {
|
|
143
|
+
&.tw-message--page {
|
|
144
|
+
border: 1px solid $tw-clr-base-semantic-critical;
|
|
145
|
+
background-color: $tw-clr-base-semantic-critical-bg;
|
|
146
|
+
|
|
147
|
+
.main-content--icon {
|
|
148
|
+
fill: $tw-clr-base-semantic-critical
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
border: 1px solid $tw-clr-icon-fill-critical;
|
|
152
|
+
&.tw-message--toast {
|
|
153
|
+
box-shadow: 0 2px $tw-clr-icon-fill-critical;
|
|
154
|
+
}
|
|
155
|
+
.tw-message--left-side {
|
|
156
|
+
background-color: $tw-clr-icon-fill-critical;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
&--warning {
|
|
161
|
+
&.tw-message--page {
|
|
162
|
+
border: 1px solid $tw-clr-base-semantic-warning;
|
|
163
|
+
background-color: $tw-clr-base-semantic-warning-bg;
|
|
164
|
+
|
|
165
|
+
.main-content--icon {
|
|
166
|
+
fill: $tw-clr-base-semantic-warning;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
border: 1px solid $tw-clr-icon-fill-warning;
|
|
170
|
+
&.tw-message--toast {
|
|
171
|
+
box-shadow: 0 2px $tw-clr-icon-fill-warning;
|
|
172
|
+
}
|
|
173
|
+
.tw-message--left-side {
|
|
174
|
+
background-color: $tw-clr-icon-fill-warning;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
&--success {
|
|
179
|
+
&.tw-message--page {
|
|
180
|
+
border: 1px solid $tw-clr-base-semantic-success;
|
|
181
|
+
background-color: $tw-clr-base-semantic-success-bg;
|
|
182
|
+
|
|
183
|
+
.main-content--icon {
|
|
184
|
+
fill: $tw-clr-base-semantic-success;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
border: 1px solid $tw-clr-icon-fill-success;
|
|
188
|
+
&.tw-message--toast {
|
|
189
|
+
box-shadow: 0 2px $tw-clr-icon-fill-success;
|
|
190
|
+
}
|
|
191
|
+
.tw-message--left-side {
|
|
192
|
+
background-color: $tw-clr-icon-fill-success;
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
}
|
package/index.d.ts
CHANGED
|
@@ -23,8 +23,9 @@ import { descendingComparator, getComparator, SortOrder, stableSort } from './co
|
|
|
23
23
|
import CellRenderer, { CellDateRenderer, TableRowType } from './components/table/TableCellRenderer';
|
|
24
24
|
import { EnhancedTableDetailsRow, RendererProps, TableColumnType } from './components/table/types';
|
|
25
25
|
import * as Svg from './components/svg';
|
|
26
|
+
import Message from './components/Message/Message';
|
|
26
27
|
export type { IconName } from './components/Icon/icons/';
|
|
27
28
|
export type { Size } from './components/Size';
|
|
28
29
|
export type { EnhancedTableDetailsRow, RendererProps, TableColumnType, TableRowType, SortOrder };
|
|
29
|
-
export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, ErrorBox, getComparator, icons, Icon, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, stableSort, SummaryBox, Svg, Textfield, Table, };
|
|
30
|
+
export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, ErrorBox, getComparator, icons, Icon, Message, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, stableSort, SummaryBox, Svg, Textfield, Table, };
|
|
30
31
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AAEnD,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAEjG,OAAO,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,oBAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,cAAc,EACd,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,KAAK,GACN,CAAC"}
|
package/index.js
CHANGED
|
@@ -161,6 +161,12 @@ Object.defineProperty(exports, "CellDateRenderer", {
|
|
|
161
161
|
return _TableCellRenderer.CellDateRenderer;
|
|
162
162
|
}
|
|
163
163
|
});
|
|
164
|
+
Object.defineProperty(exports, "Message", {
|
|
165
|
+
enumerable: true,
|
|
166
|
+
get: function get() {
|
|
167
|
+
return _Message.default;
|
|
168
|
+
}
|
|
169
|
+
});
|
|
164
170
|
exports.Svg = void 0;
|
|
165
171
|
|
|
166
172
|
var _Autocomplete = _interopRequireDefault(require("./components/Autocomplete"));
|
|
@@ -213,6 +219,8 @@ var Svg = _interopRequireWildcard(require("./components/svg"));
|
|
|
213
219
|
|
|
214
220
|
exports.Svg = Svg;
|
|
215
221
|
|
|
222
|
+
var _Message = _interopRequireDefault(require("./components/Message/Message"));
|
|
223
|
+
|
|
216
224
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
217
225
|
|
|
218
226
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/license-report.html
CHANGED
|
@@ -45,6 +45,6 @@ th, td {
|
|
|
45
45
|
padding: 15px;
|
|
46
46
|
}
|
|
47
47
|
</style>
|
|
48
|
-
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.0</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.
|
|
48
|
+
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.0</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.3</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.3</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.3</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui-org/material-ui-x.git</td><td class="string">5.0.0-beta.7</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.1</td><td class="string">2.3.1</td><td class="string">^2.3.1</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.29.2</td><td class="string">2.29.2</td><td class="string">^2.28.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.29.4</td><td class="string">2.29.1</td><td class="string">^2.29.1</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.0-beta.10</td><td class="string">9.0.0-beta.10</td><td class="string">^9.0.0-beta.6</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.54.5</td><td class="string">1.35.1</td><td class="string">^1.35.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.4.2</td><td class="string">1.4.2</td><td class="string">^1.4.2</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">1.1.2</td><td class="string">1.1.2</td><td class="string">^1.0.1</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
|
49
49
|
</body>
|
|
50
50
|
</html>
|
package/package.json
CHANGED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Story } from '@storybook/react';
|
|
2
|
+
import Message, { Props as MessageProps } from '../components/Message/Message';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Message;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Toast: Story<MessageProps>;
|
|
9
|
+
export declare const Page: Story<MessageProps>;
|
|
10
|
+
//# sourceMappingURL=Message.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,OAAO,EAAE,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;;;;;AAE/E,wBAGE;AAMF,eAAO,MAAM,KAAK,qBAAoB,CAAC;AAWvC,eAAO,MAAM,IAAI,qBAAoB,CAAC"}
|
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
$tw-clr-dvdr-fill: #A9B7B8;
|
|
2
|
+
$tw-clr-icon-fill-critical: #FE0003;
|
|
3
|
+
$tw-clr-icon-fill-passive: #708284;
|
|
4
|
+
$tw-clr-icon-fill-productive: #007DF2;
|
|
5
|
+
$tw-clr-icon-fill-success: #308F5F;
|
|
6
|
+
$tw-clr-icon-fill-text: #3A4445;
|
|
7
|
+
$tw-clr-icon-fill-text-inv: #FFFFFF;
|
|
8
|
+
$tw-clr-icon-fill-warning: #BD6931;
|
|
9
|
+
$tw-clr-base-black: #000000;
|
|
10
|
+
$tw-clr-base-gray-025: #F9FAFA;
|
|
11
|
+
$tw-clr-base-gray-050: #F2F4F5;
|
|
12
|
+
$tw-clr-base-gray-075: #EDF0F1;
|
|
13
|
+
$tw-clr-base-gray-100: #E5EAEA;
|
|
14
|
+
$tw-clr-base-gray-200: #CAD2D3;
|
|
15
|
+
$tw-clr-base-gray-300: #A9B7B8;
|
|
16
|
+
$tw-clr-base-gray-400: #859799;
|
|
17
|
+
$tw-clr-base-gray-500: #708284;
|
|
18
|
+
$tw-clr-base-gray-600: #5C6B6C;
|
|
19
|
+
$tw-clr-base-gray-700: #4B5758;
|
|
20
|
+
$tw-clr-base-gray-800: #3A4445;
|
|
21
|
+
$tw-clr-base-gray-900: #2B3233;
|
|
22
|
+
$tw-clr-base-transparent: #FFFFFF00;
|
|
23
|
+
$tw-clr-base-white: #FFFFFF;
|
|
24
|
+
$tw-clr-base-blue-primary: #0067C8;
|
|
25
|
+
$tw-clr-base-green-primary: #308F5F;
|
|
26
|
+
$tw-clr-base-orange-primary: #DE7935;
|
|
27
|
+
$tw-clr-base-teal-primary: #30C6D1;
|
|
28
|
+
$tw-clr-base-blue-050: #F0F4FF;
|
|
29
|
+
$tw-clr-base-blue-100: #E2E9FF;
|
|
30
|
+
$tw-clr-base-blue-200: #BED0FF;
|
|
31
|
+
$tw-clr-base-blue-300: #92B4FF;
|
|
32
|
+
$tw-clr-base-blue-400: #4E92FF;
|
|
33
|
+
$tw-clr-base-blue-500: #007DF2;
|
|
34
|
+
$tw-clr-base-blue-600: #0067C8;
|
|
35
|
+
$tw-clr-base-blue-700: #0053A5;
|
|
36
|
+
$tw-clr-base-blue-800: #004184;
|
|
37
|
+
$tw-clr-base-green-050: #D6FDE5;
|
|
38
|
+
$tw-clr-base-green-100: #A6FCCA;
|
|
39
|
+
$tw-clr-base-green-200: #53EA9F;
|
|
40
|
+
$tw-clr-base-green-300: #46CB89;
|
|
41
|
+
$tw-clr-base-green-400: #38A76F;
|
|
42
|
+
$tw-clr-base-green-500: #308F5F;
|
|
43
|
+
$tw-clr-base-green-600: #27764E;
|
|
44
|
+
$tw-clr-base-green-700: #1F6040;
|
|
45
|
+
$tw-clr-base-green-800: #164B34;
|
|
46
|
+
$tw-clr-base-orange-050: #FEF2EE;
|
|
47
|
+
$tw-clr-base-orange-100: #FCE5DE;
|
|
48
|
+
$tw-clr-base-orange-200: #FAC4B1;
|
|
49
|
+
$tw-clr-base-orange-300: #F89E74;
|
|
50
|
+
$tw-clr-base-orange-400: #DE7935;
|
|
51
|
+
$tw-clr-base-orange-500: #BD6931;
|
|
52
|
+
$tw-clr-base-orange-600: #9A572B;
|
|
53
|
+
$tw-clr-base-orange-700: #7E4622;
|
|
54
|
+
$tw-clr-base-orange-800: #643719;
|
|
55
|
+
$tw-clr-base-pink-050: #FFF1F4;
|
|
56
|
+
$tw-clr-base-pink-100: #FFE2E9;
|
|
57
|
+
$tw-clr-base-pink-200: #FFBFD0;
|
|
58
|
+
$tw-clr-base-pink-300: #FF94B4;
|
|
59
|
+
$tw-clr-base-pink-400: #FF5294;
|
|
60
|
+
$tw-clr-base-pink-500: #F6007F;
|
|
61
|
+
$tw-clr-base-pink-600: #CD0069;
|
|
62
|
+
$tw-clr-base-pink-700: #A80055;
|
|
63
|
+
$tw-clr-base-pink-800: #860043;
|
|
64
|
+
$tw-clr-base-purple-050: #F6F2FE;
|
|
65
|
+
$tw-clr-base-purple-100: #EEE6FD;
|
|
66
|
+
$tw-clr-base-purple-200: #DBC8FC;
|
|
67
|
+
$tw-clr-base-purple-300: #C7A4FA;
|
|
68
|
+
$tw-clr-base-purple-400: #B178F7;
|
|
69
|
+
$tw-clr-base-purple-500: #A456F5;
|
|
70
|
+
$tw-clr-base-purple-600: #9525EE;
|
|
71
|
+
$tw-clr-base-purple-700: #7A1CC3;
|
|
72
|
+
$tw-clr-base-purple-800: #61159D;
|
|
73
|
+
$tw-clr-base-red-050: #FFF1F1;
|
|
74
|
+
$tw-clr-base-red-100: #FFE3E3;
|
|
75
|
+
$tw-clr-base-red-200: #FFC1C1;
|
|
76
|
+
$tw-clr-base-red-300: #FF9797;
|
|
77
|
+
$tw-clr-base-red-400: #FF5A5B;
|
|
78
|
+
$tw-clr-base-red-500: #FE0003;
|
|
79
|
+
$tw-clr-base-red-600: #D40002;
|
|
80
|
+
$tw-clr-base-red-700: #AD0001;
|
|
81
|
+
$tw-clr-base-red-800: #8B0001;
|
|
82
|
+
$tw-clr-base-teal-050: #D8FAFE;
|
|
83
|
+
$tw-clr-base-teal-100: #ADF6FE;
|
|
84
|
+
$tw-clr-base-teal-200: #39E5F1;
|
|
85
|
+
$tw-clr-base-teal-300: #30C6D1;
|
|
86
|
+
$tw-clr-base-teal-400: #2EA2AB;
|
|
87
|
+
$tw-clr-base-teal-500: #288B93;
|
|
88
|
+
$tw-clr-base-teal-600: #1F7278;
|
|
89
|
+
$tw-clr-base-teal-700: #175D62;
|
|
90
|
+
$tw-clr-base-teal-800: #114A4E;
|
|
91
|
+
$tw-clr-base-yellow-050: #FEF3E1;
|
|
92
|
+
$tw-clr-base-yellow-100: #FDE7C3;
|
|
93
|
+
$tw-clr-base-yellow-200: #FBCA47;
|
|
94
|
+
$tw-clr-base-yellow-300: #DAAF38;
|
|
95
|
+
$tw-clr-base-yellow-400: #B38F2C;
|
|
96
|
+
$tw-clr-base-yellow-500: #9A7B25;
|
|
97
|
+
$tw-clr-base-yellow-600: #7F641C;
|
|
98
|
+
$tw-clr-base-yellow-700: #685215;
|
|
99
|
+
$tw-clr-base-yellow-800: #52400F;
|
|
100
|
+
$tw-clr-base-semantic-critical: #FE0003;
|
|
101
|
+
$tw-clr-base-semantic-critical-bg: #FFF1F1;
|
|
102
|
+
$tw-clr-base-semantic-critical-text: #D40002;
|
|
103
|
+
$tw-clr-base-semantic-passive: #708284;
|
|
104
|
+
$tw-clr-base-semantic-passive-bg: #F2F4F5;
|
|
105
|
+
$tw-clr-base-semantic-passive-text: #5C6B6C;
|
|
106
|
+
$tw-clr-base-semantic-productive: #007DF2;
|
|
107
|
+
$tw-clr-base-semantic-productive-bg: #F0F4FF;
|
|
108
|
+
$tw-clr-base-semantic-productive-text: #0067C8;
|
|
109
|
+
$tw-clr-base-semantic-success: #308F5F;
|
|
110
|
+
$tw-clr-base-semantic-success-bg: #D6FDE5;
|
|
111
|
+
$tw-clr-base-semantic-success-text: #27764E;
|
|
112
|
+
$tw-clr-base-semantic-warning: #BD6931;
|
|
113
|
+
$tw-clr-base-semantic-warning-bg: #FEF2EE;
|
|
114
|
+
$tw-clr-base-semantic-warning-text: #9A572B;
|
|
115
|
+
$tw-clr-text-fill: #3A4445;
|
|
116
|
+
$tw-clr-text-fill-inv: #FFFFFF;
|
|
117
|
+
$tw-clr-text-fill-productive: #0067C8;
|
|
118
|
+
$tw-opcty-base-000: 0;
|
|
119
|
+
$tw-opcty-base-010: 0.1;
|
|
120
|
+
$tw-opcty-base-020: 0.2;
|
|
121
|
+
$tw-opcty-base-030: 0.3;
|
|
122
|
+
$tw-opcty-base-040: 0.4;
|
|
123
|
+
$tw-opcty-base-050: 0.5;
|
|
124
|
+
$tw-opcty-base-060: 0.6;
|
|
125
|
+
$tw-opcty-base-070: 0.7;
|
|
126
|
+
$tw-opcty-base-080: 0.8;
|
|
127
|
+
$tw-opcty-base-090: 0.9;
|
|
128
|
+
$tw-opcty-base-100: 1;
|
|
129
|
+
$tw-opcty-semantic-off: 0.5;
|
|
130
|
+
$tw-spc-base-large: 32px;
|
|
131
|
+
$tw-spc-base-medium: 24px;
|
|
132
|
+
$tw-spc-base-none: 0;
|
|
133
|
+
$tw-spc-base-small: 16px;
|
|
134
|
+
$tw-spc-base-x-large: 48px;
|
|
135
|
+
$tw-spc-base-x-small: 8px;
|
|
136
|
+
$tw-spc-base-xx-large: 64px;
|
|
137
|
+
$tw-spc-base-xx-small: 4px;
|
|
138
|
+
$tw-sz-base-large: 32px;
|
|
139
|
+
$tw-sz-base-medium: 24px;
|
|
140
|
+
$tw-sz-base-none: 0;
|
|
141
|
+
$tw-sz-base-small: 16px;
|
|
142
|
+
$tw-sz-base-x-large: 48px;
|
|
143
|
+
$tw-sz-base-x-small: 8px;
|
|
144
|
+
$tw-sz-base-xx-large: 64px;
|
|
145
|
+
$tw-sz-base-xx-small: 4px;
|
|
146
|
+
$tw-sz-dvdr-stroke: 1px;
|
|
147
|
+
$tw-sz-icon-large: 32px;
|
|
148
|
+
$tw-sz-icon-medium: 24px;
|
|
149
|
+
$tw-sz-icon-small: 16px;
|
|
150
|
+
$tw-sz-icon-x-large: 48px;
|
|
151
|
+
$tw-fnt-base-body-01-regular-font-family: 'Inter', sans-serif;
|
|
152
|
+
$tw-fnt-base-body-01-regular-font-size: 20px;
|
|
153
|
+
$tw-fnt-base-body-01-regular-font-weight: 400;
|
|
154
|
+
$tw-fnt-base-body-01-regular-line-height: 28px;
|
|
155
|
+
$tw-fnt-base-body-02-regular-font-family: 'Inter', sans-serif;
|
|
156
|
+
$tw-fnt-base-body-02-regular-font-size: 16px;
|
|
157
|
+
$tw-fnt-base-body-02-regular-font-weight: 400;
|
|
158
|
+
$tw-fnt-base-body-02-regular-line-height: 24px;
|
|
159
|
+
$tw-fnt-base-body-03-regular-font-family: 'Inter', sans-serif;
|
|
160
|
+
$tw-fnt-base-body-03-regular-font-size: 14px;
|
|
161
|
+
$tw-fnt-base-body-03-regular-font-weight: 400;
|
|
162
|
+
$tw-fnt-base-body-03-regular-line-height: 20px;
|
|
163
|
+
$tw-fnt-base-body-04-regular-font-family: 'Inter', sans-serif;
|
|
164
|
+
$tw-fnt-base-body-04-regular-font-size: 12px;
|
|
165
|
+
$tw-fnt-base-body-04-regular-font-weight: 400;
|
|
166
|
+
$tw-fnt-base-body-04-regular-line-height: 16px;
|
|
167
|
+
$tw-fnt-base-display-01-bold-font-family: 'Inter', sans-serif;
|
|
168
|
+
$tw-fnt-base-display-01-bold-font-size: 84px;
|
|
169
|
+
$tw-fnt-base-display-01-bold-font-weight: 700;
|
|
170
|
+
$tw-fnt-base-display-01-bold-line-height: 108px;
|
|
171
|
+
$tw-fnt-base-display-02-bold-font-family: 'Inter', sans-serif;
|
|
172
|
+
$tw-fnt-base-display-02-bold-font-size: 72px;
|
|
173
|
+
$tw-fnt-base-display-02-bold-font-weight: 700;
|
|
174
|
+
$tw-fnt-base-display-02-bold-line-height: 92px;
|
|
175
|
+
$tw-fnt-base-display-03-bold-font-family: 'Inter', sans-serif;
|
|
176
|
+
$tw-fnt-base-display-03-bold-font-size: 60px;
|
|
177
|
+
$tw-fnt-base-display-03-bold-font-weight: 700;
|
|
178
|
+
$tw-fnt-base-display-03-bold-line-height: 76px;
|
|
179
|
+
$tw-fnt-base-display-04-bold-font-family: 'Inter', sans-serif;
|
|
180
|
+
$tw-fnt-base-display-04-bold-font-size: 48px;
|
|
181
|
+
$tw-fnt-base-display-04-bold-font-weight: 700;
|
|
182
|
+
$tw-fnt-base-display-04-bold-line-height: 60px;
|
|
183
|
+
$tw-fnt-base-headline-01-semi-bold-font-family: 'Inter', sans-serif;
|
|
184
|
+
$tw-fnt-base-headline-01-semi-bold-font-size: 48px;
|
|
185
|
+
$tw-fnt-base-headline-01-semi-bold-font-weight: 600;
|
|
186
|
+
$tw-fnt-base-headline-01-semi-bold-line-height: 60px;
|
|
187
|
+
$tw-fnt-base-headline-02-semi-bold-font-family: 'Inter', sans-serif;
|
|
188
|
+
$tw-fnt-base-headline-02-semi-bold-font-size: 40px;
|
|
189
|
+
$tw-fnt-base-headline-02-semi-bold-font-weight: 600;
|
|
190
|
+
$tw-fnt-base-headline-02-semi-bold-line-height: 52px;
|
|
191
|
+
$tw-fnt-base-headline-03-semi-bold-font-family: 'Inter', sans-serif;
|
|
192
|
+
$tw-fnt-base-headline-03-semi-bold-font-size: 34px;
|
|
193
|
+
$tw-fnt-base-headline-03-semi-bold-font-weight: 600;
|
|
194
|
+
$tw-fnt-base-headline-03-semi-bold-line-height: 44px;
|
|
195
|
+
$tw-fnt-base-headline-04-semi-bold-font-family: 'Inter', sans-serif;
|
|
196
|
+
$tw-fnt-base-headline-04-semi-bold-font-size: 28px;
|
|
197
|
+
$tw-fnt-base-headline-04-semi-bold-font-weight: 600;
|
|
198
|
+
$tw-fnt-base-headline-04-semi-bold-line-height: 36px;
|
|
199
|
+
$tw-fnt-base-headline-05-semi-bold-font-family: 'Inter', sans-serif;
|
|
200
|
+
$tw-fnt-base-headline-05-semi-bold-font-size: 24px;
|
|
201
|
+
$tw-fnt-base-headline-05-semi-bold-font-weight: 600;
|
|
202
|
+
$tw-fnt-base-headline-05-semi-bold-line-height: 32px;
|
|
203
|
+
$tw-fnt-base-headline-06-semi-bold-font-family: 'Inter', sans-serif;
|
|
204
|
+
$tw-fnt-base-headline-06-semi-bold-font-size: 20px;
|
|
205
|
+
$tw-fnt-base-headline-06-semi-bold-font-weight: 600;
|
|
206
|
+
$tw-fnt-base-headline-06-semi-bold-line-height: 28px;
|
|
207
|
+
$tw-fnt-base-font-family: 'Inter', sans-serif;
|
|
208
|
+
$tw-fnt-base-font-size-body-01: 20px;
|
|
209
|
+
$tw-fnt-base-font-size-body-02: 16px;
|
|
210
|
+
$tw-fnt-base-font-size-body-03: 14px;
|
|
211
|
+
$tw-fnt-base-font-size-body-04: 12px;
|
|
212
|
+
$tw-fnt-base-font-size-display-01: 84px;
|
|
213
|
+
$tw-fnt-base-font-size-display-02: 72px;
|
|
214
|
+
$tw-fnt-base-font-size-display-03: 60px;
|
|
215
|
+
$tw-fnt-base-font-size-display-04: 48px;
|
|
216
|
+
$tw-fnt-base-font-size-headline-01: 48px;
|
|
217
|
+
$tw-fnt-base-font-size-headline-02: 40px;
|
|
218
|
+
$tw-fnt-base-font-size-headline-03: 34px;
|
|
219
|
+
$tw-fnt-base-font-size-headline-04: 28px;
|
|
220
|
+
$tw-fnt-base-font-size-headline-05: 24px;
|
|
221
|
+
$tw-fnt-base-font-size-headline-06: 20px;
|
|
222
|
+
$tw-fnt-base-font-weight: 400;
|
|
223
|
+
$tw-fnt-base-font-weight-bold: 700;
|
|
224
|
+
$tw-fnt-base-font-weight-medium: 500;
|
|
225
|
+
$tw-fnt-base-font-weight-semi-bold: 600;
|
|
226
|
+
$tw-fnt-base-line-height-body-01: 28px;
|
|
227
|
+
$tw-fnt-base-line-height-body-02: 24px;
|
|
228
|
+
$tw-fnt-base-line-height-body-03: 20px;
|
|
229
|
+
$tw-fnt-base-line-height-body-04: 16px;
|
|
230
|
+
$tw-fnt-base-line-height-display-01: 108px;
|
|
231
|
+
$tw-fnt-base-line-height-display-02: 92px;
|
|
232
|
+
$tw-fnt-base-line-height-display-03: 76px;
|
|
233
|
+
$tw-fnt-base-line-height-display-04: 60px;
|
|
234
|
+
$tw-fnt-base-line-height-headline-01: 60px;
|
|
235
|
+
$tw-fnt-base-line-height-headline-02: 52px;
|
|
236
|
+
$tw-fnt-base-line-height-headline-03: 44px;
|
|
237
|
+
$tw-fnt-base-line-height-headline-04: 36px;
|
|
238
|
+
$tw-fnt-base-line-height-headline-05: 32px;
|
|
239
|
+
$tw-fnt-base-line-height-headline-06: 28px;
|
|
240
|
+
$tw-fnt-mssg-body-font-family: 'Inter', sans-serif;
|
|
241
|
+
$tw-fnt-mssg-body-font-size: 16px;
|
|
242
|
+
$tw-fnt-mssg-body-font-weight: 400;
|
|
243
|
+
$tw-fnt-mssg-body-line-height: 24px;
|
|
244
|
+
$tw-fnt-mssg-title-font-family: 'Inter', sans-serif;
|
|
245
|
+
$tw-fnt-mssg-title-font-size: 16px;
|
|
246
|
+
$tw-fnt-mssg-title-font-weight: 600;
|
|
247
|
+
$tw-fnt-mssg-title-line-height: 24px;
|