@ornikar/kitt-universal 4.0.0 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/definitions/BaseMessage/BaseMessage.d.ts +16 -0
- package/dist/definitions/BaseMessage/BaseMessage.d.ts.map +1 -0
- package/dist/definitions/BaseMessage/IconContent.d.ts +10 -0
- package/dist/definitions/BaseMessage/IconContent.d.ts.map +1 -0
- package/dist/definitions/BaseMessage/helper.d.ts +6 -0
- package/dist/definitions/BaseMessage/helper.d.ts.map +1 -0
- package/dist/definitions/ListItem/ListItem.d.ts.map +1 -1
- package/dist/definitions/Message/Message.d.ts +4 -12
- package/dist/definitions/Message/Message.d.ts.map +1 -1
- package/dist/definitions/Notification/Notification.d.ts +8 -8
- package/dist/definitions/Notification/Notification.d.ts.map +1 -1
- package/dist/definitions/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/definitions/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/definitions/Tooltip/TooltipView.d.ts.map +1 -1
- package/dist/definitions/forms/InputEmail/InputEmail.d.ts +7 -0
- package/dist/definitions/forms/InputEmail/InputEmail.d.ts.map +1 -0
- package/dist/definitions/forms/InputText/InputText.d.ts.map +1 -1
- package/dist/definitions/forms/InputText/InputTextContainer.d.ts +8 -0
- package/dist/definitions/forms/InputText/InputTextContainer.d.ts.map +1 -0
- package/dist/definitions/forms/InputText/InputTextContainer.web.d.ts +11 -0
- package/dist/definitions/forms/InputText/InputTextContainer.web.d.ts.map +1 -0
- package/dist/definitions/index.d.ts +2 -0
- package/dist/definitions/index.d.ts.map +1 -1
- package/dist/definitions/themes/default.d.ts +22 -101
- package/dist/definitions/themes/default.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/{avatarLateOceanTheme.d.ts → avatar.d.ts} +2 -2
- package/dist/definitions/themes/late-ocean/avatar.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/{buttonLateOceanTheme.d.ts → button.d.ts} +8 -8
- package/dist/definitions/themes/late-ocean/button.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/card.d.ts +13 -0
- package/dist/definitions/themes/late-ocean/card.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/{colorsLateOceanTheme.d.ts → colors.d.ts} +4 -2
- package/dist/definitions/themes/late-ocean/colors.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/feedback.d.ts +11 -0
- package/dist/definitions/themes/late-ocean/feedback.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/forms.d.ts +1 -17
- package/dist/definitions/themes/late-ocean/forms.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/{fullScreenModalLateOceanTheme.d.ts → fullScreenModal.d.ts} +2 -2
- package/dist/definitions/themes/late-ocean/fullScreenModal.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/input.d.ts +9 -4
- package/dist/definitions/themes/late-ocean/input.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/inputField.d.ts +5 -0
- package/dist/definitions/themes/late-ocean/inputField.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/listItem.d.ts +8 -0
- package/dist/definitions/themes/late-ocean/listItem.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/{radioLateOceanTheme.d.ts → radio.d.ts} +6 -5
- package/dist/definitions/themes/late-ocean/radio.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/shadows.d.ts +4 -0
- package/dist/definitions/themes/late-ocean/shadows.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/{skeletonTheme.d.ts → skeleton.d.ts} +2 -2
- package/dist/definitions/themes/late-ocean/skeleton.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/tag.d.ts +18 -0
- package/dist/definitions/themes/late-ocean/tag.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/{typographyLateOceanTheme.d.ts → typography.d.ts} +5 -4
- package/dist/definitions/themes/late-ocean/typography.d.ts.map +1 -0
- package/dist/definitions/themes/palettes/lateOceanColorPalette.d.ts +1 -0
- package/dist/definitions/themes/palettes/lateOceanColorPalette.d.ts.map +1 -1
- package/dist/definitions/typography/Typography.d.ts +2 -2
- package/dist/definitions/typography/Typography.d.ts.map +1 -1
- package/dist/definitions/typography/TypographyEmoji.d.ts.map +1 -1
- package/dist/index-browser-all.es.android.js +443 -405
- package/dist/index-browser-all.es.android.js.map +1 -1
- package/dist/index-browser-all.es.ios.js +443 -405
- package/dist/index-browser-all.es.ios.js.map +1 -1
- package/dist/index-browser-all.es.js +443 -405
- package/dist/index-browser-all.es.js.map +1 -1
- package/dist/index-browser-all.es.web.js +492 -426
- package/dist/index-browser-all.es.web.js.map +1 -1
- package/dist/index-node-14.17.cjs.js +427 -370
- package/dist/index-node-14.17.cjs.js.map +1 -1
- package/dist/index-node-14.17.cjs.web.css +1 -0
- package/dist/index-node-14.17.cjs.web.js +458 -372
- package/dist/index-node-14.17.cjs.web.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.android.js +122 -108
- package/dist/linaria-themes-browser-all.es.android.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.ios.js +122 -108
- package/dist/linaria-themes-browser-all.es.ios.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.js +122 -108
- package/dist/linaria-themes-browser-all.es.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.web.js +122 -108
- package/dist/linaria-themes-browser-all.es.web.js.map +1 -1
- package/dist/linaria-themes-node-14.17.cjs.js +122 -108
- package/dist/linaria-themes-node-14.17.cjs.js.map +1 -1
- package/dist/linaria-themes-node-14.17.cjs.web.js +122 -108
- package/dist/linaria-themes-node-14.17.cjs.web.js.map +1 -1
- package/dist/styles.css +1 -0
- package/dist/tsbuildinfo +1 -1
- package/package.json +4 -4
- package/dist/definitions/themes/late-ocean/avatarLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/buttonLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/cardLateOceanTheme.d.ts +0 -18
- package/dist/definitions/themes/late-ocean/cardLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/colorsLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/feedbackMessageLateOceanTheme.d.ts +0 -9
- package/dist/definitions/themes/late-ocean/feedbackMessageLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/fullScreenModalLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/inputFieldLateOceanTheme.d.ts +0 -5
- package/dist/definitions/themes/late-ocean/inputFieldLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/listItemLateOceanTheme.d.ts +0 -7
- package/dist/definitions/themes/late-ocean/listItemLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/radioLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/shadowsLateOceanTheme.d.ts +0 -4
- package/dist/definitions/themes/late-ocean/shadowsLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/skeletonTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/tagLateOceanTheme.d.ts +0 -41
- package/dist/definitions/themes/late-ocean/tagLateOceanTheme.d.ts.map +0 -1
- package/dist/definitions/themes/late-ocean/typographyLateOceanTheme.d.ts.map +0 -1
|
@@ -10,6 +10,7 @@ const lateOceanColorPalette = {
|
|
|
10
10
|
warmEmbrace: '#F4D3CE',
|
|
11
11
|
warmEmbraceLight1: '#FFEDE6',
|
|
12
12
|
black1000: '#000000',
|
|
13
|
+
black800: '#2C293D',
|
|
13
14
|
black555: '#737373',
|
|
14
15
|
black200: '#CCCCCC',
|
|
15
16
|
black100: '#E5E5E5',
|
|
@@ -25,7 +26,7 @@ const lateOceanColorPalette = {
|
|
|
25
26
|
moonPurpleLight1: '#EDEBFC'
|
|
26
27
|
};
|
|
27
28
|
|
|
28
|
-
const
|
|
29
|
+
const colors = {
|
|
29
30
|
primary: lateOceanColorPalette.lateOcean,
|
|
30
31
|
primaryLight: lateOceanColorPalette.lateOceanLight1,
|
|
31
32
|
accent: lateOceanColorPalette.warmEmbrace,
|
|
@@ -33,6 +34,8 @@ const colorsLateOceanTheme = {
|
|
|
33
34
|
success: lateOceanColorPalette.viride,
|
|
34
35
|
correct: lateOceanColorPalette.viride,
|
|
35
36
|
danger: lateOceanColorPalette.englishVermillon,
|
|
37
|
+
info: lateOceanColorPalette.aero,
|
|
38
|
+
warning: lateOceanColorPalette.goldCrayola,
|
|
36
39
|
separator: lateOceanColorPalette.black100,
|
|
37
40
|
hover: lateOceanColorPalette.black100,
|
|
38
41
|
black: lateOceanColorPalette.black1000,
|
|
@@ -48,24 +51,24 @@ const colorsLateOceanTheme = {
|
|
|
48
51
|
};
|
|
49
52
|
|
|
50
53
|
const avatar = {
|
|
51
|
-
borderRadius:
|
|
54
|
+
borderRadius: 10,
|
|
52
55
|
default: {
|
|
53
|
-
backgroundColor:
|
|
56
|
+
backgroundColor: colors.primary
|
|
54
57
|
},
|
|
55
58
|
light: {
|
|
56
59
|
backgroundColor: lateOceanColorPalette.black100
|
|
57
60
|
}
|
|
58
61
|
};
|
|
59
62
|
|
|
60
|
-
const
|
|
61
|
-
borderRadius:
|
|
63
|
+
const button = {
|
|
64
|
+
borderRadius: 30,
|
|
62
65
|
borderWidth: {
|
|
63
|
-
disabled:
|
|
64
|
-
focus:
|
|
66
|
+
disabled: 2,
|
|
67
|
+
focus: 3
|
|
65
68
|
},
|
|
66
|
-
minHeight:
|
|
67
|
-
minWidth:
|
|
68
|
-
maxWidth:
|
|
69
|
+
minHeight: 40,
|
|
70
|
+
minWidth: 40,
|
|
71
|
+
maxWidth: 335,
|
|
69
72
|
scale: {
|
|
70
73
|
base: {
|
|
71
74
|
default: 1,
|
|
@@ -92,9 +95,9 @@ const buttonLateOceanTheme = {
|
|
|
92
95
|
focusBorderColor: 'rgba(0, 0, 0, 0.1)'
|
|
93
96
|
},
|
|
94
97
|
primary: {
|
|
95
|
-
backgroundColor:
|
|
96
|
-
pressedBackgroundColor:
|
|
97
|
-
hoverBackgroundColor:
|
|
98
|
+
backgroundColor: colors.primary,
|
|
99
|
+
pressedBackgroundColor: colors.primaryLight,
|
|
100
|
+
hoverBackgroundColor: colors.primaryLight,
|
|
98
101
|
focusBorderColor: 'rgba(76, 52, 224, 0.2)'
|
|
99
102
|
},
|
|
100
103
|
white: {
|
|
@@ -104,73 +107,79 @@ const buttonLateOceanTheme = {
|
|
|
104
107
|
focusBorderColor: 'rgba(255, 255, 255, 0.1)'
|
|
105
108
|
},
|
|
106
109
|
subtle: {
|
|
107
|
-
backgroundColor:
|
|
108
|
-
pressedBackgroundColor:
|
|
109
|
-
hoverBackgroundColor:
|
|
110
|
+
backgroundColor: colors.transparent,
|
|
111
|
+
pressedBackgroundColor: colors.transparent,
|
|
112
|
+
hoverBackgroundColor: colors.transparent,
|
|
110
113
|
focusBorderColor: 'rgba(76, 52, 224, 0.2)',
|
|
111
|
-
color:
|
|
114
|
+
color: colors.primary,
|
|
112
115
|
hoverColor: 'rgba(76, 52, 224, 0.8)',
|
|
113
116
|
activeColor: 'rgba(76, 52, 224, 0.8)'
|
|
114
117
|
},
|
|
115
118
|
'subtle-dark': {
|
|
116
|
-
backgroundColor:
|
|
117
|
-
pressedBackgroundColor:
|
|
118
|
-
hoverBackgroundColor:
|
|
119
|
+
backgroundColor: colors.transparent,
|
|
120
|
+
pressedBackgroundColor: colors.transparent,
|
|
121
|
+
hoverBackgroundColor: colors.transparent,
|
|
119
122
|
focusBorderColor: 'rgba(0, 0, 0, 0.1)',
|
|
120
|
-
color:
|
|
123
|
+
color: colors.black,
|
|
121
124
|
hoverColor: 'rgba(0, 0, 0, 0.8)',
|
|
122
125
|
activeColor: 'rgba(0, 0, 0, 0.8)'
|
|
123
126
|
},
|
|
124
127
|
disabled: {
|
|
125
|
-
backgroundColor:
|
|
126
|
-
pressedBackgroundColor:
|
|
127
|
-
hoverBackgroundColor:
|
|
128
|
+
backgroundColor: colors.disabled,
|
|
129
|
+
pressedBackgroundColor: colors.disabled,
|
|
130
|
+
hoverBackgroundColor: colors.disabled,
|
|
128
131
|
focusBorderColor: lateOceanColorPalette.black100,
|
|
129
132
|
borderColor: lateOceanColorPalette.black100
|
|
130
133
|
}
|
|
131
134
|
};
|
|
132
135
|
|
|
133
|
-
const
|
|
134
|
-
borderRadius:
|
|
135
|
-
borderWidth:
|
|
136
|
-
padding: '16px',
|
|
136
|
+
const card = {
|
|
137
|
+
borderRadius: 20,
|
|
138
|
+
borderWidth: 2,
|
|
137
139
|
primary: {
|
|
138
|
-
backgroundColor:
|
|
139
|
-
borderColor:
|
|
140
|
+
backgroundColor: colors.uiBackgroundLight,
|
|
141
|
+
borderColor: colors.primary
|
|
140
142
|
},
|
|
141
143
|
secondary: {
|
|
142
|
-
backgroundColor:
|
|
143
|
-
borderColor:
|
|
144
|
+
backgroundColor: colors.uiBackgroundLight,
|
|
145
|
+
borderColor: colors.separator
|
|
144
146
|
},
|
|
145
147
|
subtle: {
|
|
146
148
|
backgroundColor: lateOceanColorPalette.black50,
|
|
147
|
-
borderColor:
|
|
149
|
+
borderColor: colors.separator
|
|
148
150
|
}
|
|
149
151
|
};
|
|
150
152
|
|
|
151
|
-
const
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
153
|
+
const feedbackMessage = {
|
|
154
|
+
danger: {
|
|
155
|
+
backgroundColor: colors.danger
|
|
156
|
+
},
|
|
157
|
+
success: {
|
|
158
|
+
backgroundColor: colors.success
|
|
159
|
+
},
|
|
160
|
+
info: {
|
|
161
|
+
backgroundColor: colors.info
|
|
162
|
+
},
|
|
163
|
+
warning: {
|
|
164
|
+
backgroundColor: colors.warning
|
|
157
165
|
}
|
|
158
166
|
};
|
|
159
167
|
|
|
160
168
|
const calcLineHeight = (fontSize, lineHeightMultiplier) => Math.round(fontSize * lineHeightMultiplier);
|
|
161
169
|
const createTypographyTypeConfig = (lineHeightMultiplier, baseAndSmallFontSize, mediumAndWideFontSize) => ({
|
|
162
170
|
baseAndSmall: {
|
|
163
|
-
fontSize:
|
|
164
|
-
lineHeight:
|
|
171
|
+
fontSize: baseAndSmallFontSize,
|
|
172
|
+
lineHeight: calcLineHeight(baseAndSmallFontSize, lineHeightMultiplier)
|
|
165
173
|
},
|
|
166
174
|
mediumAndWide: {
|
|
167
|
-
fontSize:
|
|
168
|
-
lineHeight:
|
|
175
|
+
fontSize: mediumAndWideFontSize,
|
|
176
|
+
lineHeight: calcLineHeight(mediumAndWideFontSize, lineHeightMultiplier)
|
|
169
177
|
}
|
|
170
178
|
});
|
|
171
|
-
const
|
|
179
|
+
const typography = {
|
|
172
180
|
colors: {
|
|
173
181
|
black: lateOceanColorPalette.black1000,
|
|
182
|
+
'black-anthracite': lateOceanColorPalette.black800,
|
|
174
183
|
'black-light': lateOceanColorPalette.black555,
|
|
175
184
|
white: lateOceanColorPalette.white,
|
|
176
185
|
'white-light': lateOceanColorPalette.white,
|
|
@@ -230,17 +239,17 @@ const typographyLateOceanTheme = {
|
|
|
230
239
|
|
|
231
240
|
const inputStatesStyle = {
|
|
232
241
|
default: {
|
|
233
|
-
backgroundColor:
|
|
234
|
-
borderColor:
|
|
242
|
+
backgroundColor: colors.uiBackgroundLight,
|
|
243
|
+
borderColor: colors.separator,
|
|
235
244
|
color: 'black'
|
|
236
245
|
},
|
|
237
246
|
pending: {
|
|
238
|
-
backgroundColor:
|
|
239
|
-
borderColor:
|
|
247
|
+
backgroundColor: colors.uiBackgroundLight,
|
|
248
|
+
borderColor: colors.separator,
|
|
240
249
|
color: 'black'
|
|
241
250
|
},
|
|
242
251
|
valid: {
|
|
243
|
-
backgroundColor:
|
|
252
|
+
backgroundColor: colors.uiBackgroundLight,
|
|
244
253
|
borderColor: lateOceanColorPalette.black100,
|
|
245
254
|
color: 'black'
|
|
246
255
|
},
|
|
@@ -249,56 +258,61 @@ const inputStatesStyle = {
|
|
|
249
258
|
color: 'black'
|
|
250
259
|
},
|
|
251
260
|
focus: {
|
|
252
|
-
borderColor:
|
|
261
|
+
borderColor: colors.primary,
|
|
253
262
|
color: 'black'
|
|
254
263
|
},
|
|
255
264
|
disabled: {
|
|
256
|
-
backgroundColor:
|
|
257
|
-
borderColor:
|
|
265
|
+
backgroundColor: colors.disabled,
|
|
266
|
+
borderColor: colors.separator,
|
|
258
267
|
color: 'black-light'
|
|
259
268
|
},
|
|
260
269
|
invalid: {
|
|
261
|
-
borderColor:
|
|
270
|
+
borderColor: colors.separator,
|
|
262
271
|
color: 'black'
|
|
263
272
|
}
|
|
264
273
|
};
|
|
265
274
|
const input = {
|
|
266
275
|
color: {
|
|
267
|
-
selection:
|
|
268
|
-
placeholder:
|
|
276
|
+
selection: colors.primary,
|
|
277
|
+
placeholder: typography.colors['black-light']
|
|
269
278
|
},
|
|
270
|
-
borderWidth:
|
|
271
|
-
borderRadius:
|
|
279
|
+
borderWidth: 2,
|
|
280
|
+
borderRadius: 10,
|
|
272
281
|
icon: {
|
|
273
282
|
size: 20
|
|
274
283
|
},
|
|
275
284
|
padding: {
|
|
276
|
-
default: '
|
|
277
|
-
iOSSingleLine: '
|
|
285
|
+
default: '5px 16px',
|
|
286
|
+
iOSSingleLine: '9px 16px'
|
|
287
|
+
},
|
|
288
|
+
transition: {
|
|
289
|
+
property: 'border-color',
|
|
290
|
+
duration: '200ms',
|
|
291
|
+
timingFunction: 'ease-in-out'
|
|
278
292
|
},
|
|
279
293
|
states: inputStatesStyle
|
|
280
294
|
};
|
|
281
295
|
|
|
282
|
-
const
|
|
296
|
+
const inputField = {
|
|
283
297
|
labelContainerPaddingBottom: 5,
|
|
284
298
|
iconMarginLeft: 6
|
|
285
299
|
};
|
|
286
300
|
|
|
287
|
-
const
|
|
301
|
+
const radio = {
|
|
288
302
|
size: 18,
|
|
289
303
|
unchecked: {
|
|
290
|
-
backgroundColor:
|
|
291
|
-
borderWidth:
|
|
304
|
+
backgroundColor: colors.uiBackgroundLight,
|
|
305
|
+
borderWidth: 2,
|
|
292
306
|
borderColor: lateOceanColorPalette.black200
|
|
293
307
|
},
|
|
294
308
|
checked: {
|
|
295
|
-
backgroundColor:
|
|
309
|
+
backgroundColor: colors.primary,
|
|
296
310
|
innerSize: 5,
|
|
297
|
-
innerBackgroundColor:
|
|
311
|
+
innerBackgroundColor: colors.uiBackgroundLight
|
|
298
312
|
},
|
|
299
313
|
disabled: {
|
|
300
|
-
backgroundColor:
|
|
301
|
-
borderColor:
|
|
314
|
+
backgroundColor: colors.disabled,
|
|
315
|
+
borderColor: colors.separator
|
|
302
316
|
}
|
|
303
317
|
};
|
|
304
318
|
|
|
@@ -308,12 +322,12 @@ const textArea = {
|
|
|
308
322
|
|
|
309
323
|
const forms = {
|
|
310
324
|
input,
|
|
311
|
-
radio
|
|
312
|
-
inputField
|
|
325
|
+
radio,
|
|
326
|
+
inputField,
|
|
313
327
|
textArea
|
|
314
328
|
};
|
|
315
329
|
|
|
316
|
-
const
|
|
330
|
+
const fullScreenModal = {
|
|
317
331
|
header: {
|
|
318
332
|
paddingVertical: 12,
|
|
319
333
|
paddingHorizontal: 16,
|
|
@@ -345,77 +359,77 @@ const iconButton = {
|
|
|
345
359
|
},
|
|
346
360
|
disabled: {
|
|
347
361
|
scale: 1,
|
|
348
|
-
backgroundColor:
|
|
349
|
-
borderColor:
|
|
362
|
+
backgroundColor: button.disabled.backgroundColor,
|
|
363
|
+
borderColor: button.disabled.borderColor
|
|
350
364
|
},
|
|
351
365
|
default: {
|
|
352
|
-
pressedBackgroundColor:
|
|
366
|
+
pressedBackgroundColor: button.default.pressedBackgroundColor
|
|
353
367
|
},
|
|
354
368
|
white: {
|
|
355
|
-
pressedBackgroundColor:
|
|
369
|
+
pressedBackgroundColor: button.white.hoverBackgroundColor
|
|
356
370
|
}
|
|
357
371
|
};
|
|
358
372
|
|
|
359
|
-
const
|
|
373
|
+
const listItem = {
|
|
360
374
|
padding: '12px 16px',
|
|
361
|
-
borderColor:
|
|
362
|
-
borderWidth:
|
|
363
|
-
innerMargin:
|
|
375
|
+
borderColor: colors.separator,
|
|
376
|
+
borderWidth: 1,
|
|
377
|
+
innerMargin: 8
|
|
364
378
|
};
|
|
365
379
|
|
|
366
|
-
const
|
|
380
|
+
const shadows = {
|
|
367
381
|
medium: '0px 10px 20px rgba(41, 48, 51, 0.25)'
|
|
368
382
|
};
|
|
369
383
|
|
|
370
|
-
const
|
|
384
|
+
const skeleton = {
|
|
371
385
|
backgroundColor: lateOceanColorPalette.black100,
|
|
372
386
|
flareColor: lateOceanColorPalette.black200,
|
|
373
387
|
animationDuration: 1000
|
|
374
388
|
};
|
|
375
389
|
|
|
376
|
-
const
|
|
377
|
-
borderRadius:
|
|
390
|
+
const tag = {
|
|
391
|
+
borderRadius: 10,
|
|
378
392
|
padding: '2px 12px',
|
|
379
393
|
primary: {
|
|
380
394
|
fill: {
|
|
381
395
|
backgroundColor: lateOceanColorPalette.moonPurpleLight1,
|
|
382
|
-
borderWidth:
|
|
383
|
-
borderColor:
|
|
396
|
+
borderWidth: 0,
|
|
397
|
+
borderColor: colors.transparent
|
|
384
398
|
},
|
|
385
399
|
outline: {
|
|
386
|
-
backgroundColor:
|
|
387
|
-
borderWidth:
|
|
388
|
-
borderColor:
|
|
400
|
+
backgroundColor: colors.transparent,
|
|
401
|
+
borderWidth: 1,
|
|
402
|
+
borderColor: colors.primary
|
|
389
403
|
}
|
|
390
404
|
},
|
|
391
405
|
default: {
|
|
392
406
|
fill: {
|
|
393
407
|
backgroundColor: lateOceanColorPalette.black50,
|
|
394
|
-
borderWidth:
|
|
395
|
-
borderColor:
|
|
408
|
+
borderWidth: 0,
|
|
409
|
+
borderColor: colors.transparent
|
|
396
410
|
},
|
|
397
411
|
outline: {
|
|
398
|
-
backgroundColor:
|
|
399
|
-
borderWidth:
|
|
400
|
-
borderColor:
|
|
412
|
+
backgroundColor: colors.transparent,
|
|
413
|
+
borderWidth: 1,
|
|
414
|
+
borderColor: colors.black
|
|
401
415
|
}
|
|
402
416
|
},
|
|
403
417
|
danger: {
|
|
404
418
|
fill: {
|
|
405
419
|
backgroundColor: lateOceanColorPalette.warmEmbrace,
|
|
406
|
-
borderWidth:
|
|
407
|
-
borderColor:
|
|
420
|
+
borderWidth: 0,
|
|
421
|
+
borderColor: colors.transparent
|
|
408
422
|
},
|
|
409
423
|
outline: {
|
|
410
|
-
backgroundColor:
|
|
411
|
-
borderWidth:
|
|
412
|
-
borderColor:
|
|
424
|
+
backgroundColor: colors.transparent,
|
|
425
|
+
borderWidth: 1,
|
|
426
|
+
borderColor: colors.danger
|
|
413
427
|
}
|
|
414
428
|
}
|
|
415
429
|
};
|
|
416
430
|
|
|
417
431
|
const tooltip = {
|
|
418
|
-
backgroundColor:
|
|
432
|
+
backgroundColor: colors.black,
|
|
419
433
|
borderRadius: 10,
|
|
420
434
|
opacity: 0.95,
|
|
421
435
|
horizontalPadding: 16,
|
|
@@ -448,23 +462,23 @@ const breakpoints = {
|
|
|
448
462
|
|
|
449
463
|
const theme = {
|
|
450
464
|
spacing: 4,
|
|
451
|
-
colors
|
|
465
|
+
colors,
|
|
452
466
|
palettes: {
|
|
453
467
|
lateOcean: lateOceanColorPalette
|
|
454
468
|
},
|
|
455
469
|
avatar,
|
|
456
|
-
button
|
|
457
|
-
card
|
|
458
|
-
feedbackMessage
|
|
470
|
+
button,
|
|
471
|
+
card,
|
|
472
|
+
feedbackMessage,
|
|
459
473
|
forms,
|
|
460
|
-
typography
|
|
461
|
-
tag
|
|
462
|
-
shadows
|
|
463
|
-
fullScreenModal
|
|
474
|
+
typography,
|
|
475
|
+
tag,
|
|
476
|
+
shadows,
|
|
477
|
+
fullScreenModal,
|
|
464
478
|
iconButton,
|
|
465
|
-
listItem
|
|
479
|
+
listItem,
|
|
466
480
|
tooltip,
|
|
467
|
-
skeleton
|
|
481
|
+
skeleton,
|
|
468
482
|
breakpoints
|
|
469
483
|
};
|
|
470
484
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linaria-themes-node-14.17.cjs.web.js","sources":["../src/themes/palettes/lateOceanColorPalette.ts","../src/themes/late-ocean/colorsLateOceanTheme.ts","../src/themes/late-ocean/avatarLateOceanTheme.ts","../src/themes/late-ocean/buttonLateOceanTheme.ts","../src/themes/late-ocean/cardLateOceanTheme.ts","../src/themes/late-ocean/feedbackMessageLateOceanTheme.ts","../src/themes/late-ocean/typographyLateOceanTheme.ts","../src/themes/late-ocean/input.ts","../src/themes/late-ocean/inputFieldLateOceanTheme.ts","../src/themes/late-ocean/radioLateOceanTheme.ts","../src/themes/late-ocean/textArea.ts","../src/themes/late-ocean/forms.ts","../src/themes/late-ocean/fullScreenModalLateOceanTheme.ts","../src/themes/late-ocean/iconButton.ts","../src/themes/late-ocean/listItemLateOceanTheme.ts","../src/themes/late-ocean/shadowsLateOceanTheme.ts","../src/themes/late-ocean/skeletonTheme.ts","../src/themes/late-ocean/tagLateOceanTheme.ts","../src/themes/late-ocean/tooltip.ts","../src/themes/default.ts"],"sourcesContent":["export const lateOceanColorPalette = {\n lateOcean: '#4C34E0',\n lateOceanLight1: '#705DE6',\n lateOceanLight2: '#9485EC',\n lateOceanLight3: '#D6BAF9',\n\n warmEmbrace: '#F4D3CE',\n warmEmbraceLight1: '#FFEDE6',\n\n black1000: '#000000',\n black555: '#737373',\n black200: '#CCCCCC',\n black100: '#E5E5E5',\n black50: '#F2F2F2',\n black25: '#F9F9F9',\n white: '#FFFFFF',\n\n viride: '#38836D',\n englishVermillon: '#D44148',\n goldCrayola: '#F8C583',\n aero: '#89BDDD',\n\n transparent: 'transparent',\n\n moonPurple: '#DBD6F9',\n moonPurpleLight1: '#EDEBFC',\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const colorsLateOceanTheme = {\n primary: lateOceanColorPalette.lateOcean,\n primaryLight: lateOceanColorPalette.lateOceanLight1,\n accent: lateOceanColorPalette.warmEmbrace,\n accentLight: lateOceanColorPalette.warmEmbraceLight1,\n success: lateOceanColorPalette.viride,\n correct: lateOceanColorPalette.viride,\n danger: lateOceanColorPalette.englishVermillon,\n separator: lateOceanColorPalette.black100,\n hover: lateOceanColorPalette.black100,\n black: lateOceanColorPalette.black1000,\n uiBackground: lateOceanColorPalette.black25,\n uiBackgroundLight: lateOceanColorPalette.white,\n transparent: lateOceanColorPalette.transparent,\n disabled: lateOceanColorPalette.black50,\n overlay: {\n dark: 'rgba(41, 48, 51, 0.25)',\n light: 'rgba(255, 255, 255, 0.90)',\n fullscreenLoader: 'rgba(0, 0, 0, 0.25)',\n },\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colorsLateOceanTheme } from './colorsLateOceanTheme';\n\nexport interface AvatarThemeVariant {\n backgroundColor: string;\n}\n\nexport interface AvatarTheme {\n borderRadius: string;\n default: AvatarThemeVariant;\n light: AvatarThemeVariant;\n}\n\nexport const avatar: AvatarTheme = {\n borderRadius: '10px',\n default: {\n backgroundColor: colorsLateOceanTheme.primary,\n },\n light: {\n backgroundColor: lateOceanColorPalette.black100,\n },\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colorsLateOceanTheme } from './colorsLateOceanTheme';\n\nexport interface ButtonVariantTheme {\n // handled by typography ?\n // color: string;\n backgroundColor: string;\n pressedBackgroundColor: string;\n hoverBackgroundColor: string;\n focusBorderColor: string;\n}\n\nexport interface SubtleButtonVariantTheme extends ButtonVariantTheme {\n color: string;\n hoverColor: string;\n activeColor: string;\n}\n\nexport interface DisabledButtonVariantTheme extends ButtonVariantTheme {\n borderColor: string;\n}\n\nexport interface ButtonTheme {\n borderRadius: string;\n borderWidth: {\n disabled: string;\n focus: string;\n };\n minHeight: string;\n minWidth: string;\n maxWidth: string;\n scale: {\n base: {\n default: number;\n hover: number;\n active: number;\n };\n medium: {\n hover: number;\n };\n };\n contentPadding: {\n default: string;\n large: string;\n disabled: string;\n };\n transition: {\n duration: string;\n timingFunction: string;\n };\n default: ButtonVariantTheme;\n primary: ButtonVariantTheme;\n white: ButtonVariantTheme;\n subtle: SubtleButtonVariantTheme;\n 'subtle-dark': SubtleButtonVariantTheme;\n disabled: DisabledButtonVariantTheme;\n}\n\nexport const buttonLateOceanTheme: ButtonTheme = {\n borderRadius: '30px',\n borderWidth: {\n disabled: '2px',\n focus: '3px',\n },\n minHeight: '40px',\n minWidth: '40px',\n maxWidth: '335px',\n scale: {\n base: {\n default: 1,\n hover: 0.95,\n active: 0.95,\n },\n medium: {\n hover: 1.05,\n },\n },\n contentPadding: {\n default: '8px 16px 7px',\n large: '12px 24px 11px',\n disabled: '6px 14px 5px',\n },\n transition: {\n duration: '200ms',\n timingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n },\n default: {\n backgroundColor: 'rgba(0, 0, 0, 0.05)',\n pressedBackgroundColor: 'rgba(0, 0, 0, 0.1)',\n hoverBackgroundColor: 'rgba(0, 0, 0, 0.1)',\n focusBorderColor: 'rgba(0, 0, 0, 0.1)',\n },\n primary: {\n backgroundColor: colorsLateOceanTheme.primary,\n pressedBackgroundColor: colorsLateOceanTheme.primaryLight,\n hoverBackgroundColor: colorsLateOceanTheme.primaryLight,\n focusBorderColor: 'rgba(76, 52, 224, 0.2)',\n },\n white: {\n backgroundColor: 'rgba(255, 255, 255, 0.05)',\n pressedBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n focusBorderColor: 'rgba(255, 255, 255, 0.1)',\n },\n subtle: {\n backgroundColor: colorsLateOceanTheme.transparent,\n pressedBackgroundColor: colorsLateOceanTheme.transparent,\n hoverBackgroundColor: colorsLateOceanTheme.transparent,\n focusBorderColor: 'rgba(76, 52, 224, 0.2)',\n color: colorsLateOceanTheme.primary,\n hoverColor: 'rgba(76, 52, 224, 0.8)',\n activeColor: 'rgba(76, 52, 224, 0.8)',\n },\n 'subtle-dark': {\n backgroundColor: colorsLateOceanTheme.transparent,\n pressedBackgroundColor: colorsLateOceanTheme.transparent,\n hoverBackgroundColor: colorsLateOceanTheme.transparent,\n focusBorderColor: 'rgba(0, 0, 0, 0.1)',\n color: colorsLateOceanTheme.black,\n hoverColor: 'rgba(0, 0, 0, 0.8)',\n activeColor: 'rgba(0, 0, 0, 0.8)',\n },\n disabled: {\n backgroundColor: colorsLateOceanTheme.disabled,\n pressedBackgroundColor: colorsLateOceanTheme.disabled,\n hoverBackgroundColor: colorsLateOceanTheme.disabled,\n focusBorderColor: lateOceanColorPalette.black100,\n borderColor: lateOceanColorPalette.black100,\n },\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const cardLateOceanTheme = {\n borderRadius: '20px',\n borderWidth: '2px',\n padding: '16px',\n primary: {\n backgroundColor: lateOceanColorPalette.white,\n borderColor: lateOceanColorPalette.lateOcean,\n },\n secondary: {\n backgroundColor: lateOceanColorPalette.white,\n borderColor: lateOceanColorPalette.black100,\n },\n subtle: {\n backgroundColor: lateOceanColorPalette.black50,\n borderColor: lateOceanColorPalette.black100,\n },\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const feedbackMessageLateOceanTheme = {\n backgroundColors: {\n success: lateOceanColorPalette.viride,\n danger: lateOceanColorPalette.englishVermillon,\n warning: lateOceanColorPalette.goldCrayola,\n info: lateOceanColorPalette.aero,\n },\n};\n","import { Platform } from 'react-native';\nimport { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const calcLineHeight = (fontSize: number, lineHeightMultiplier: number): number =>\n Math.round(fontSize * lineHeightMultiplier);\n\nexport interface TypographyTypeBreakpointRangeConfig {\n fontSize: string;\n lineHeight: string;\n}\n\nexport interface TypographyTypeConfig {\n baseAndSmall: TypographyTypeBreakpointRangeConfig;\n mediumAndWide: TypographyTypeBreakpointRangeConfig;\n}\n\nexport const createTypographyTypeConfig = (\n lineHeightMultiplier: number,\n baseAndSmallFontSize: number,\n mediumAndWideFontSize: number,\n): TypographyTypeConfig => ({\n baseAndSmall: {\n fontSize: `${baseAndSmallFontSize}px`,\n lineHeight: `${calcLineHeight(baseAndSmallFontSize, lineHeightMultiplier)}px`,\n },\n mediumAndWide: {\n fontSize: `${mediumAndWideFontSize}px`,\n lineHeight: `${calcLineHeight(mediumAndWideFontSize, lineHeightMultiplier)}px`,\n },\n});\n\nexport const typographyLateOceanTheme = {\n colors: {\n black: lateOceanColorPalette.black1000,\n 'black-light': lateOceanColorPalette.black555,\n white: lateOceanColorPalette.white,\n 'white-light': lateOceanColorPalette.white,\n primary: lateOceanColorPalette.lateOcean,\n 'primary-light': lateOceanColorPalette.lateOceanLight1,\n accent: lateOceanColorPalette.warmEmbrace,\n success: lateOceanColorPalette.viride,\n danger: lateOceanColorPalette.englishVermillon,\n },\n types: {\n headers: {\n fontFamily: {\n regular: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold',\n bold: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold',\n },\n fontWeight: 400,\n fontStyle: 'normal',\n configs: {\n // also known as xxlarge\n header1: createTypographyTypeConfig(1.3, 38, 62),\n // also known as xlarge\n header2: createTypographyTypeConfig(1.3, 32, 48),\n // also known as medium\n header3: createTypographyTypeConfig(1.3, 24, 36),\n // also known as xsmall\n header4: createTypographyTypeConfig(1.3, 18, 24),\n // also known as xxsmall\n header5: createTypographyTypeConfig(1.3, 18, 18),\n },\n },\n bodies: {\n fontFamily: {\n regular: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans',\n bold: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Bold',\n },\n fontWeight: {\n regular: 400,\n bold: 700,\n },\n fontStyle: {\n regular: 'normal',\n bold: 'normal',\n },\n configs: {\n 'body-large': createTypographyTypeConfig(1.6, 18, 24),\n 'body-medium': createTypographyTypeConfig(1.6, 18, 18),\n body: createTypographyTypeConfig(1.6, 16, 16),\n 'body-small': createTypographyTypeConfig(1.6, 14, 14),\n 'body-xsmall': createTypographyTypeConfig(1.6, 12, 12),\n },\n },\n },\n link: {\n disabledColor: lateOceanColorPalette.black200,\n },\n};\n","import type { InputUIState } from '../../forms/utils';\nimport { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colorsLateOceanTheme } from './colorsLateOceanTheme';\nimport { typographyLateOceanTheme } from './typographyLateOceanTheme';\n\nexport interface InputStateStyle {\n backgroundColor?: string;\n borderColor: string;\n color: keyof typeof typographyLateOceanTheme.colors;\n}\n\nexport type InputStateTheme = Record<InputUIState, InputStateStyle>;\n\nconst inputStatesStyle: InputStateTheme = {\n default: {\n backgroundColor: colorsLateOceanTheme.uiBackgroundLight,\n borderColor: colorsLateOceanTheme.separator,\n color: 'black',\n },\n pending: {\n backgroundColor: colorsLateOceanTheme.uiBackgroundLight,\n borderColor: colorsLateOceanTheme.separator,\n color: 'black',\n },\n valid: {\n backgroundColor: colorsLateOceanTheme.uiBackgroundLight,\n borderColor: lateOceanColorPalette.black100,\n color: 'black',\n },\n hover: {\n borderColor: lateOceanColorPalette.black200,\n color: 'black',\n },\n focus: {\n borderColor: colorsLateOceanTheme.primary,\n color: 'black',\n },\n disabled: {\n backgroundColor: colorsLateOceanTheme.disabled,\n borderColor: colorsLateOceanTheme.separator,\n color: 'black-light',\n },\n invalid: {\n borderColor: colorsLateOceanTheme.danger,\n color: 'black',\n },\n};\n\nexport interface InputTheme {\n color: {\n selection: string;\n placeholder: string;\n };\n borderWidth: string;\n borderRadius: string;\n icon: {\n size: number;\n };\n padding: {\n default: string;\n iOSSingleLine: string;\n };\n states: InputStateTheme;\n}\n\nexport const input: InputTheme = {\n color: {\n selection: colorsLateOceanTheme.primary,\n placeholder: typographyLateOceanTheme.colors['black-light'],\n },\n borderWidth: '2px',\n borderRadius: '10px',\n icon: {\n size: 20,\n },\n padding: {\n default: '7px 16px',\n iOSSingleLine: '12px 16px',\n },\n states: inputStatesStyle,\n};\n","export const inputFieldLateOceanTheme = {\n labelContainerPaddingBottom: 5,\n iconMarginLeft: 6,\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const radioLateOceanTheme = {\n size: 18,\n unchecked: {\n backgroundColor: lateOceanColorPalette.white,\n borderWidth: '2px',\n borderColor: lateOceanColorPalette.black200,\n },\n checked: {\n backgroundColor: lateOceanColorPalette.lateOcean,\n innerSize: 5,\n innerBackgroundColor: lateOceanColorPalette.white,\n },\n disabled: {\n backgroundColor: lateOceanColorPalette.black50,\n borderColor: lateOceanColorPalette.black100,\n },\n};\n","export interface TextAreaTheme {\n minHeight: number;\n}\n\nexport const textArea: TextAreaTheme = {\n minHeight: 120,\n};\n","import { input } from './input';\nimport { inputFieldLateOceanTheme } from './inputFieldLateOceanTheme';\nimport { radioLateOceanTheme } from './radioLateOceanTheme';\nimport { textArea } from './textArea';\n\nexport const forms = {\n input,\n radio: radioLateOceanTheme,\n inputField: inputFieldLateOceanTheme,\n textArea,\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const fullScreenModalLateOceanTheme = {\n header: {\n paddingVertical: 12,\n paddingHorizontal: 16,\n borderColor: lateOceanColorPalette.black100,\n },\n};\n","import { buttonLateOceanTheme } from './buttonLateOceanTheme';\n\ninterface IconButtonVariationValues {\n pressedBackgroundColor: string;\n}\n\nexport interface IconButtonTheme {\n backgroundColor: string;\n width: number;\n height: number;\n borderRadius: number;\n borderWidth: number;\n borderColor: string;\n transition: {\n property: string;\n duration: string;\n timingFunction: string;\n };\n scale: {\n base: {\n default: number;\n hover: number;\n active: number;\n };\n medium: {\n hover: number;\n };\n };\n disabled: {\n scale: number;\n backgroundColor: string;\n borderColor: string;\n };\n default: IconButtonVariationValues;\n white: IconButtonVariationValues;\n}\n\nexport const iconButton: IconButtonTheme = {\n backgroundColor: 'transparent',\n width: 40,\n height: 40,\n borderRadius: 20,\n borderWidth: 2,\n borderColor: 'transparent',\n transition: {\n property: 'all',\n duration: '200ms',\n timingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1);',\n },\n scale: {\n base: {\n default: 1,\n hover: 0.95,\n active: 0.95,\n },\n medium: {\n hover: 1.05,\n },\n },\n disabled: {\n scale: 1,\n backgroundColor: buttonLateOceanTheme.disabled.backgroundColor,\n borderColor: buttonLateOceanTheme.disabled.borderColor,\n },\n default: {\n pressedBackgroundColor: buttonLateOceanTheme.default.pressedBackgroundColor,\n },\n white: {\n pressedBackgroundColor: buttonLateOceanTheme.white.hoverBackgroundColor,\n },\n};\n","import { colorsLateOceanTheme } from './colorsLateOceanTheme';\n\nexport const listItemLateOceanTheme = {\n padding: '12px 16px',\n borderColor: colorsLateOceanTheme.separator,\n borderWidth: '1px',\n innerMargin: '8px',\n};\n","export const shadowsLateOceanTheme = {\n medium: '0px 10px 20px rgba(41, 48, 51, 0.25)',\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport interface SkeletonTheme {\n backgroundColor: string;\n flareColor: string;\n animationDuration: number;\n}\n\nexport const skeletonTheme: SkeletonTheme = {\n backgroundColor: lateOceanColorPalette.black100,\n flareColor: lateOceanColorPalette.black200,\n animationDuration: 1000,\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colorsLateOceanTheme } from './colorsLateOceanTheme';\n\nexport const tagLateOceanTheme = {\n borderRadius: '10px',\n padding: '2px 12px',\n primary: {\n fill: {\n backgroundColor: lateOceanColorPalette.moonPurpleLight1,\n borderWidth: '0',\n borderColor: lateOceanColorPalette.transparent,\n },\n outline: {\n backgroundColor: lateOceanColorPalette.transparent,\n borderWidth: '1px',\n borderColor: lateOceanColorPalette.lateOcean,\n },\n },\n default: {\n fill: {\n backgroundColor: lateOceanColorPalette.black50,\n borderWidth: '0',\n borderColor: lateOceanColorPalette.transparent,\n },\n outline: {\n backgroundColor: lateOceanColorPalette.transparent,\n borderWidth: '1px',\n borderColor: lateOceanColorPalette.black1000,\n },\n },\n danger: {\n fill: {\n backgroundColor: lateOceanColorPalette.warmEmbrace,\n borderWidth: '0',\n borderColor: lateOceanColorPalette.transparent,\n },\n outline: {\n backgroundColor: lateOceanColorPalette.transparent,\n borderWidth: '1px',\n borderColor: colorsLateOceanTheme.danger,\n },\n },\n};\n","import { colorsLateOceanTheme } from './colorsLateOceanTheme';\n\nexport interface TooltipTheme {\n backgroundColor: string;\n borderRadius: number;\n opacity: number;\n horizontalPadding: number;\n verticalPadding: number;\n floatingPadding: number;\n}\n\nexport const tooltip: TooltipTheme = {\n backgroundColor: colorsLateOceanTheme.black,\n borderRadius: 10,\n opacity: 0.95,\n horizontalPadding: 16,\n verticalPadding: 4,\n floatingPadding: 8,\n};\n","import { avatar } from './late-ocean/avatarLateOceanTheme';\nimport { buttonLateOceanTheme } from './late-ocean/buttonLateOceanTheme';\nimport { cardLateOceanTheme } from './late-ocean/cardLateOceanTheme';\nimport { colorsLateOceanTheme } from './late-ocean/colorsLateOceanTheme';\nimport { feedbackMessageLateOceanTheme } from './late-ocean/feedbackMessageLateOceanTheme';\nimport { forms } from './late-ocean/forms';\nimport { fullScreenModalLateOceanTheme } from './late-ocean/fullScreenModalLateOceanTheme';\nimport { iconButton } from './late-ocean/iconButton';\nimport { listItemLateOceanTheme } from './late-ocean/listItemLateOceanTheme';\nimport { shadowsLateOceanTheme } from './late-ocean/shadowsLateOceanTheme';\nimport { skeletonTheme } from './late-ocean/skeletonTheme';\nimport { tagLateOceanTheme } from './late-ocean/tagLateOceanTheme';\nimport { tooltip } from './late-ocean/tooltip';\nimport { typographyLateOceanTheme } from './late-ocean/typographyLateOceanTheme';\nimport { lateOceanColorPalette } from './palettes/lateOceanColorPalette';\n\nconst breakpoints = {\n values: {\n base: 0,\n small: 480,\n medium: 768,\n large: 1024,\n wide: 1280,\n },\n min: {\n smallBreakpoint: 'min-width: 480px',\n mediumBreakpoint: 'min-width: 768px',\n largeBreakpoint: 'min-width: 1024px',\n wideBreakpoint: 'min-width: 1280px',\n },\n max: {\n smallBreakpoint: 'max-width: 479px',\n mediumBreakpoint: 'max-width: 767px',\n largeBreakpoint: 'max-width: 1023px',\n wideBreakpoint: 'max-width: 1279px',\n },\n};\n\n// eslint-disable-next-line unicorn/expiring-todo-comments\n// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156\nexport const theme = {\n spacing: 4,\n colors: colorsLateOceanTheme,\n palettes: { lateOcean: lateOceanColorPalette },\n avatar,\n button: buttonLateOceanTheme,\n card: cardLateOceanTheme,\n feedbackMessage: feedbackMessageLateOceanTheme,\n forms,\n typography: typographyLateOceanTheme,\n tag: tagLateOceanTheme,\n shadows: shadowsLateOceanTheme,\n fullScreenModal: fullScreenModalLateOceanTheme,\n iconButton,\n listItem: listItemLateOceanTheme,\n tooltip,\n skeleton: skeletonTheme,\n breakpoints,\n};\n\nexport type Theme = typeof theme;\n"],"names":["lateOceanColorPalette","lateOcean","lateOceanLight1","lateOceanLight2","lateOceanLight3","warmEmbrace","warmEmbraceLight1","black1000","black555","black200","black100","black50","black25","white","viride","englishVermillon","goldCrayola","aero","transparent","moonPurple","moonPurpleLight1","colorsLateOceanTheme","primary","primaryLight","accent","accentLight","success","correct","danger","separator","hover","black","uiBackground","uiBackgroundLight","disabled","overlay","dark","light","fullscreenLoader","avatar","borderRadius","default","backgroundColor","buttonLateOceanTheme","borderWidth","focus","minHeight","minWidth","maxWidth","scale","base","active","medium","contentPadding","large","transition","duration","timingFunction","pressedBackgroundColor","hoverBackgroundColor","focusBorderColor","subtle","color","hoverColor","activeColor","borderColor","cardLateOceanTheme","padding","secondary","feedbackMessageLateOceanTheme","backgroundColors","warning","info","calcLineHeight","fontSize","lineHeightMultiplier","Math","round","createTypographyTypeConfig","baseAndSmallFontSize","mediumAndWideFontSize","baseAndSmall","lineHeight","mediumAndWide","typographyLateOceanTheme","colors","types","headers","fontFamily","regular","bold","fontWeight","fontStyle","configs","header1","header2","header3","header4","header5","bodies","body","link","disabledColor","inputStatesStyle","pending","valid","invalid","input","selection","placeholder","icon","size","iOSSingleLine","states","inputFieldLateOceanTheme","labelContainerPaddingBottom","iconMarginLeft","radioLateOceanTheme","unchecked","checked","innerSize","innerBackgroundColor","textArea","forms","radio","inputField","fullScreenModalLateOceanTheme","header","paddingVertical","paddingHorizontal","iconButton","width","height","property","listItemLateOceanTheme","innerMargin","shadowsLateOceanTheme","skeletonTheme","flareColor","animationDuration","tagLateOceanTheme","fill","outline","tooltip","opacity","horizontalPadding","verticalPadding","floatingPadding","breakpoints","values","small","wide","min","smallBreakpoint","mediumBreakpoint","largeBreakpoint","wideBreakpoint","max","theme","spacing","palettes","button","card","feedbackMessage","typography","tag","shadows","fullScreenModal","listItem","skeleton"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"linaria-themes-node-14.17.cjs.web.js","sources":["../src/themes/palettes/lateOceanColorPalette.ts","../src/themes/late-ocean/colors.ts","../src/themes/late-ocean/avatar.ts","../src/themes/late-ocean/button.ts","../src/themes/late-ocean/card.ts","../src/themes/late-ocean/feedback.ts","../src/themes/late-ocean/typography.ts","../src/themes/late-ocean/input.ts","../src/themes/late-ocean/inputField.ts","../src/themes/late-ocean/radio.ts","../src/themes/late-ocean/textArea.ts","../src/themes/late-ocean/forms.ts","../src/themes/late-ocean/fullScreenModal.ts","../src/themes/late-ocean/iconButton.ts","../src/themes/late-ocean/listItem.ts","../src/themes/late-ocean/shadows.ts","../src/themes/late-ocean/skeleton.ts","../src/themes/late-ocean/tag.ts","../src/themes/late-ocean/tooltip.ts","../src/themes/default.ts"],"sourcesContent":["export const lateOceanColorPalette = {\n lateOcean: '#4C34E0',\n lateOceanLight1: '#705DE6',\n lateOceanLight2: '#9485EC',\n lateOceanLight3: '#D6BAF9',\n\n warmEmbrace: '#F4D3CE',\n warmEmbraceLight1: '#FFEDE6',\n\n black1000: '#000000',\n black800: '#2C293D',\n black555: '#737373',\n black200: '#CCCCCC',\n black100: '#E5E5E5',\n black50: '#F2F2F2',\n black25: '#F9F9F9',\n white: '#FFFFFF',\n\n viride: '#38836D',\n englishVermillon: '#D44148',\n goldCrayola: '#F8C583',\n aero: '#89BDDD',\n\n transparent: 'transparent',\n\n moonPurple: '#DBD6F9',\n moonPurpleLight1: '#EDEBFC',\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const colors = {\n primary: lateOceanColorPalette.lateOcean,\n primaryLight: lateOceanColorPalette.lateOceanLight1,\n accent: lateOceanColorPalette.warmEmbrace,\n accentLight: lateOceanColorPalette.warmEmbraceLight1,\n success: lateOceanColorPalette.viride,\n correct: lateOceanColorPalette.viride,\n danger: lateOceanColorPalette.englishVermillon,\n info: lateOceanColorPalette.aero,\n warning: lateOceanColorPalette.goldCrayola,\n separator: lateOceanColorPalette.black100,\n hover: lateOceanColorPalette.black100,\n black: lateOceanColorPalette.black1000,\n uiBackground: lateOceanColorPalette.black25,\n uiBackgroundLight: lateOceanColorPalette.white,\n transparent: lateOceanColorPalette.transparent,\n disabled: lateOceanColorPalette.black50,\n overlay: {\n dark: 'rgba(41, 48, 51, 0.25)',\n light: 'rgba(255, 255, 255, 0.90)',\n fullscreenLoader: 'rgba(0, 0, 0, 0.25)',\n },\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colors } from './colors';\n\nexport interface AvatarThemeVariant {\n backgroundColor: string;\n}\n\nexport interface AvatarTheme {\n borderRadius: number;\n default: AvatarThemeVariant;\n light: AvatarThemeVariant;\n}\n\nexport const avatar: AvatarTheme = {\n borderRadius: 10,\n default: {\n backgroundColor: colors.primary,\n },\n light: {\n backgroundColor: lateOceanColorPalette.black100,\n },\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colors } from './colors';\n\nexport interface ButtonVariantTheme {\n backgroundColor: string;\n pressedBackgroundColor: string;\n hoverBackgroundColor: string;\n focusBorderColor: string;\n}\n\nexport interface SubtleButtonVariantTheme extends ButtonVariantTheme {\n color: string;\n hoverColor: string;\n activeColor: string;\n}\n\nexport interface DisabledButtonVariantTheme extends ButtonVariantTheme {\n borderColor: string;\n}\n\nexport interface ButtonTheme {\n borderRadius: number;\n borderWidth: {\n disabled: number;\n focus: number;\n };\n minHeight: number;\n minWidth: number;\n maxWidth: number;\n scale: {\n base: {\n default: number;\n hover: number;\n active: number;\n };\n medium: {\n hover: number;\n };\n };\n contentPadding: {\n default: string;\n large: string;\n disabled: string;\n };\n transition: {\n duration: string;\n timingFunction: string;\n };\n default: ButtonVariantTheme;\n primary: ButtonVariantTheme;\n white: ButtonVariantTheme;\n subtle: SubtleButtonVariantTheme;\n 'subtle-dark': SubtleButtonVariantTheme;\n disabled: DisabledButtonVariantTheme;\n}\n\nexport const button: ButtonTheme = {\n borderRadius: 30,\n borderWidth: {\n disabled: 2,\n focus: 3,\n },\n minHeight: 40,\n minWidth: 40,\n maxWidth: 335,\n scale: {\n base: {\n default: 1,\n hover: 0.95,\n active: 0.95,\n },\n medium: {\n hover: 1.05,\n },\n },\n contentPadding: {\n default: '8px 16px 7px',\n large: '12px 24px 11px',\n disabled: '6px 14px 5px',\n },\n transition: {\n duration: '200ms',\n timingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n },\n default: {\n backgroundColor: 'rgba(0, 0, 0, 0.05)',\n pressedBackgroundColor: 'rgba(0, 0, 0, 0.1)',\n hoverBackgroundColor: 'rgba(0, 0, 0, 0.1)',\n focusBorderColor: 'rgba(0, 0, 0, 0.1)',\n },\n primary: {\n backgroundColor: colors.primary,\n pressedBackgroundColor: colors.primaryLight,\n hoverBackgroundColor: colors.primaryLight,\n focusBorderColor: 'rgba(76, 52, 224, 0.2)',\n },\n white: {\n backgroundColor: 'rgba(255, 255, 255, 0.05)',\n pressedBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n hoverBackgroundColor: 'rgba(255, 255, 255, 0.1)',\n focusBorderColor: 'rgba(255, 255, 255, 0.1)',\n },\n subtle: {\n backgroundColor: colors.transparent,\n pressedBackgroundColor: colors.transparent,\n hoverBackgroundColor: colors.transparent,\n focusBorderColor: 'rgba(76, 52, 224, 0.2)',\n color: colors.primary,\n hoverColor: 'rgba(76, 52, 224, 0.8)',\n activeColor: 'rgba(76, 52, 224, 0.8)',\n },\n 'subtle-dark': {\n backgroundColor: colors.transparent,\n pressedBackgroundColor: colors.transparent,\n hoverBackgroundColor: colors.transparent,\n focusBorderColor: 'rgba(0, 0, 0, 0.1)',\n color: colors.black,\n hoverColor: 'rgba(0, 0, 0, 0.8)',\n activeColor: 'rgba(0, 0, 0, 0.8)',\n },\n disabled: {\n backgroundColor: colors.disabled,\n pressedBackgroundColor: colors.disabled,\n hoverBackgroundColor: colors.disabled,\n focusBorderColor: lateOceanColorPalette.black100,\n borderColor: lateOceanColorPalette.black100,\n },\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colors } from './colors';\n\nexport interface CardThemeType {\n backgroundColor: string;\n borderColor: string;\n}\nexport interface CardTheme {\n borderRadius: number;\n borderWidth: number;\n primary: CardThemeType;\n secondary: CardThemeType;\n subtle: CardThemeType;\n}\n\nexport const card: CardTheme = {\n borderRadius: 20,\n borderWidth: 2,\n primary: {\n backgroundColor: colors.uiBackgroundLight,\n borderColor: colors.primary,\n },\n secondary: {\n backgroundColor: colors.uiBackgroundLight,\n borderColor: colors.separator,\n },\n subtle: {\n backgroundColor: lateOceanColorPalette.black50,\n borderColor: colors.separator,\n },\n};\n","import { colors } from './colors';\n\nexport interface FeedbackMessageVariantTheme {\n backgroundColor: string;\n}\n\nexport interface FeedbackMessageTheme {\n danger: FeedbackMessageVariantTheme;\n info: FeedbackMessageVariantTheme;\n success: FeedbackMessageVariantTheme;\n warning: FeedbackMessageVariantTheme;\n}\n\nexport const feedbackMessage: FeedbackMessageTheme = {\n danger: {\n backgroundColor: colors.danger,\n },\n success: {\n backgroundColor: colors.success,\n },\n info: {\n backgroundColor: colors.info,\n },\n warning: {\n backgroundColor: colors.warning,\n },\n};\n","import { Platform } from 'react-native';\nimport { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const calcLineHeight = (fontSize: number, lineHeightMultiplier: number): number =>\n Math.round(fontSize * lineHeightMultiplier);\n\nexport interface TypographyTypeBreakpointRangeConfig {\n fontSize: number;\n lineHeight: number;\n}\n\nexport interface TypographyTypeConfig {\n baseAndSmall: TypographyTypeBreakpointRangeConfig;\n mediumAndWide: TypographyTypeBreakpointRangeConfig;\n}\n\nexport const createTypographyTypeConfig = (\n lineHeightMultiplier: number,\n baseAndSmallFontSize: number,\n mediumAndWideFontSize: number,\n): TypographyTypeConfig => ({\n baseAndSmall: {\n fontSize: baseAndSmallFontSize,\n lineHeight: calcLineHeight(baseAndSmallFontSize, lineHeightMultiplier),\n },\n mediumAndWide: {\n fontSize: mediumAndWideFontSize,\n lineHeight: calcLineHeight(mediumAndWideFontSize, lineHeightMultiplier),\n },\n});\n\nexport const typography = {\n colors: {\n black: lateOceanColorPalette.black1000,\n 'black-anthracite': lateOceanColorPalette.black800,\n 'black-light': lateOceanColorPalette.black555,\n white: lateOceanColorPalette.white,\n 'white-light': lateOceanColorPalette.white,\n primary: lateOceanColorPalette.lateOcean,\n 'primary-light': lateOceanColorPalette.lateOceanLight1,\n accent: lateOceanColorPalette.warmEmbrace,\n success: lateOceanColorPalette.viride,\n danger: lateOceanColorPalette.englishVermillon,\n },\n types: {\n headers: {\n fontFamily: {\n regular: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold',\n bold: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold',\n },\n fontWeight: 400,\n fontStyle: 'normal',\n configs: {\n // also known as xxlarge\n header1: createTypographyTypeConfig(1.3, 38, 62),\n // also known as xlarge\n header2: createTypographyTypeConfig(1.3, 32, 48),\n // also known as medium\n header3: createTypographyTypeConfig(1.3, 24, 36),\n // also known as xsmall\n header4: createTypographyTypeConfig(1.3, 18, 24),\n // also known as xxsmall\n header5: createTypographyTypeConfig(1.3, 18, 18),\n },\n },\n bodies: {\n fontFamily: {\n regular: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans',\n bold: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Bold',\n },\n fontWeight: {\n regular: 400,\n bold: 700,\n },\n fontStyle: {\n regular: 'normal',\n bold: 'normal',\n },\n configs: {\n 'body-large': createTypographyTypeConfig(1.6, 18, 24),\n 'body-medium': createTypographyTypeConfig(1.6, 18, 18),\n body: createTypographyTypeConfig(1.6, 16, 16),\n 'body-small': createTypographyTypeConfig(1.6, 14, 14),\n 'body-xsmall': createTypographyTypeConfig(1.6, 12, 12),\n },\n },\n },\n link: {\n disabledColor: lateOceanColorPalette.black200,\n },\n};\n","import type { InputUIState } from '../../forms/utils';\nimport { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colors } from './colors';\nimport { typography } from './typography';\n\nexport interface InputStateStyle {\n backgroundColor?: string;\n borderColor: string;\n color: keyof typeof typography.colors;\n}\n\nexport type InputStateTheme = Record<InputUIState, InputStateStyle>;\n\nconst inputStatesStyle: InputStateTheme = {\n default: {\n backgroundColor: colors.uiBackgroundLight,\n borderColor: colors.separator,\n color: 'black',\n },\n pending: {\n backgroundColor: colors.uiBackgroundLight,\n borderColor: colors.separator,\n color: 'black',\n },\n valid: {\n backgroundColor: colors.uiBackgroundLight,\n borderColor: lateOceanColorPalette.black100,\n color: 'black',\n },\n hover: {\n borderColor: lateOceanColorPalette.black200,\n color: 'black',\n },\n focus: {\n borderColor: colors.primary,\n color: 'black',\n },\n disabled: {\n backgroundColor: colors.disabled,\n borderColor: colors.separator,\n color: 'black-light',\n },\n invalid: {\n borderColor: colors.separator,\n color: 'black',\n },\n};\n\nexport interface InputTheme {\n color: {\n selection: string;\n placeholder: string;\n };\n borderWidth: number;\n borderRadius: number;\n icon: {\n size: number;\n };\n padding: {\n default: string;\n iOSSingleLine: string;\n };\n transition: {\n property: string;\n duration: string;\n timingFunction: string;\n };\n states: InputStateTheme;\n}\n\nexport const input: InputTheme = {\n color: {\n selection: colors.primary,\n placeholder: typography.colors['black-light'],\n },\n borderWidth: 2,\n borderRadius: 10,\n icon: {\n size: 20,\n },\n padding: {\n default: '5px 16px',\n iOSSingleLine: '9px 16px',\n },\n transition: {\n property: 'border-color',\n duration: '200ms',\n timingFunction: 'ease-in-out',\n },\n states: inputStatesStyle,\n};\n","export const inputField = {\n labelContainerPaddingBottom: 5,\n iconMarginLeft: 6,\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colors } from './colors';\n\nexport interface RadioTheme {\n size: number;\n unchecked: {\n backgroundColor: string;\n borderColor: string;\n borderWidth: number;\n };\n checked: {\n backgroundColor: string;\n innerBackgroundColor: string;\n innerSize: number;\n };\n disabled: {\n backgroundColor: string;\n borderColor: string;\n };\n}\n\nexport const radio: RadioTheme = {\n size: 18,\n unchecked: {\n backgroundColor: colors.uiBackgroundLight,\n borderWidth: 2,\n borderColor: lateOceanColorPalette.black200,\n },\n checked: {\n backgroundColor: colors.primary,\n innerSize: 5,\n innerBackgroundColor: colors.uiBackgroundLight,\n },\n disabled: {\n backgroundColor: colors.disabled,\n borderColor: colors.separator,\n },\n};\n","export interface TextAreaTheme {\n minHeight: number;\n}\n\nexport const textArea: TextAreaTheme = {\n minHeight: 120,\n};\n","import { input } from './input';\nimport { inputField } from './inputField';\nimport { radio } from './radio';\nimport { textArea } from './textArea';\n\nexport const forms = {\n input,\n radio,\n inputField,\n textArea,\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport const fullScreenModal = {\n header: {\n paddingVertical: 12,\n paddingHorizontal: 16,\n borderColor: lateOceanColorPalette.black100,\n },\n};\n","import { button } from './button';\n\ninterface IconButtonVariationValues {\n pressedBackgroundColor: string;\n}\n\nexport interface IconButtonTheme {\n backgroundColor: string;\n width: number;\n height: number;\n borderRadius: number;\n borderWidth: number;\n borderColor: string;\n transition: {\n property: string;\n duration: string;\n timingFunction: string;\n };\n scale: {\n base: {\n default: number;\n hover: number;\n active: number;\n };\n medium: {\n hover: number;\n };\n };\n disabled: {\n scale: number;\n backgroundColor: string;\n borderColor: string;\n };\n default: IconButtonVariationValues;\n white: IconButtonVariationValues;\n}\n\nexport const iconButton: IconButtonTheme = {\n backgroundColor: 'transparent',\n width: 40,\n height: 40,\n borderRadius: 20,\n borderWidth: 2,\n borderColor: 'transparent',\n transition: {\n property: 'all',\n duration: '200ms',\n timingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1);',\n },\n scale: {\n base: {\n default: 1,\n hover: 0.95,\n active: 0.95,\n },\n medium: {\n hover: 1.05,\n },\n },\n disabled: {\n scale: 1,\n backgroundColor: button.disabled.backgroundColor,\n borderColor: button.disabled.borderColor,\n },\n default: {\n pressedBackgroundColor: button.default.pressedBackgroundColor,\n },\n white: {\n pressedBackgroundColor: button.white.hoverBackgroundColor,\n },\n};\n","import { colors } from './colors';\n\nexport interface ListItemTheme {\n padding: string;\n borderColor: string;\n borderWidth: number;\n innerMargin: number;\n}\n\nexport const listItem: ListItemTheme = {\n padding: '12px 16px',\n borderColor: colors.separator,\n borderWidth: 1,\n innerMargin: 8,\n};\n","export const shadows = {\n medium: '0px 10px 20px rgba(41, 48, 51, 0.25)',\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\n\nexport interface SkeletonTheme {\n backgroundColor: string;\n flareColor: string;\n animationDuration: number;\n}\n\nexport const skeleton: SkeletonTheme = {\n backgroundColor: lateOceanColorPalette.black100,\n flareColor: lateOceanColorPalette.black200,\n animationDuration: 1000,\n};\n","import { lateOceanColorPalette } from '../palettes/lateOceanColorPalette';\nimport { colors } from './colors';\n\nexport interface TagVariantTheme {\n borderWidth: number;\n backgroundColor: string;\n borderColor: string;\n}\n\nexport interface TagTypeTheme {\n fill: TagVariantTheme;\n outline: TagVariantTheme;\n}\n\nexport interface TagTheme {\n borderRadius: number;\n padding: string;\n primary: TagTypeTheme;\n default: TagTypeTheme;\n danger: TagTypeTheme;\n}\n\nexport const tag: TagTheme = {\n borderRadius: 10,\n padding: '2px 12px',\n primary: {\n fill: {\n backgroundColor: lateOceanColorPalette.moonPurpleLight1,\n borderWidth: 0,\n borderColor: colors.transparent,\n },\n outline: {\n backgroundColor: colors.transparent,\n borderWidth: 1,\n borderColor: colors.primary,\n },\n },\n default: {\n fill: {\n backgroundColor: lateOceanColorPalette.black50,\n borderWidth: 0,\n borderColor: colors.transparent,\n },\n outline: {\n backgroundColor: colors.transparent,\n borderWidth: 1,\n borderColor: colors.black,\n },\n },\n danger: {\n fill: {\n backgroundColor: lateOceanColorPalette.warmEmbrace,\n borderWidth: 0,\n borderColor: colors.transparent,\n },\n outline: {\n backgroundColor: colors.transparent,\n borderWidth: 1,\n borderColor: colors.danger,\n },\n },\n};\n","import { colors } from './colors';\n\nexport interface TooltipTheme {\n backgroundColor: string;\n borderRadius: number;\n opacity: number;\n horizontalPadding: number;\n verticalPadding: number;\n floatingPadding: number;\n}\n\nexport const tooltip: TooltipTheme = {\n backgroundColor: colors.black,\n borderRadius: 10,\n opacity: 0.95,\n horizontalPadding: 16,\n verticalPadding: 4,\n floatingPadding: 8,\n};\n","import { avatar } from './late-ocean/avatar';\nimport { button } from './late-ocean/button';\nimport { card } from './late-ocean/card';\nimport { colors } from './late-ocean/colors';\nimport { feedbackMessage } from './late-ocean/feedback';\nimport { forms } from './late-ocean/forms';\nimport { fullScreenModal } from './late-ocean/fullScreenModal';\nimport { iconButton } from './late-ocean/iconButton';\nimport { listItem } from './late-ocean/listItem';\nimport { shadows } from './late-ocean/shadows';\nimport { skeleton } from './late-ocean/skeleton';\nimport { tag } from './late-ocean/tag';\nimport { tooltip } from './late-ocean/tooltip';\nimport { typography } from './late-ocean/typography';\nimport { lateOceanColorPalette } from './palettes/lateOceanColorPalette';\n\nconst breakpoints = {\n values: {\n base: 0,\n small: 480,\n medium: 768,\n large: 1024,\n wide: 1280,\n },\n min: {\n smallBreakpoint: 'min-width: 480px',\n mediumBreakpoint: 'min-width: 768px',\n largeBreakpoint: 'min-width: 1024px',\n wideBreakpoint: 'min-width: 1280px',\n },\n max: {\n smallBreakpoint: 'max-width: 479px',\n mediumBreakpoint: 'max-width: 767px',\n largeBreakpoint: 'max-width: 1023px',\n wideBreakpoint: 'max-width: 1279px',\n },\n};\n\n// eslint-disable-next-line unicorn/expiring-todo-comments\n// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156\nexport const theme = {\n spacing: 4,\n colors,\n palettes: { lateOcean: lateOceanColorPalette },\n avatar,\n button,\n card,\n feedbackMessage,\n forms,\n typography,\n tag,\n shadows,\n fullScreenModal,\n iconButton,\n listItem,\n tooltip,\n skeleton,\n breakpoints,\n};\n\nexport type Theme = typeof theme;\n"],"names":["lateOceanColorPalette","lateOcean","lateOceanLight1","lateOceanLight2","lateOceanLight3","warmEmbrace","warmEmbraceLight1","black1000","black800","black555","black200","black100","black50","black25","white","viride","englishVermillon","goldCrayola","aero","transparent","moonPurple","moonPurpleLight1","colors","primary","primaryLight","accent","accentLight","success","correct","danger","info","warning","separator","hover","black","uiBackground","uiBackgroundLight","disabled","overlay","dark","light","fullscreenLoader","avatar","borderRadius","default","backgroundColor","button","borderWidth","focus","minHeight","minWidth","maxWidth","scale","base","active","medium","contentPadding","large","transition","duration","timingFunction","pressedBackgroundColor","hoverBackgroundColor","focusBorderColor","subtle","color","hoverColor","activeColor","borderColor","card","secondary","feedbackMessage","calcLineHeight","fontSize","lineHeightMultiplier","Math","round","createTypographyTypeConfig","baseAndSmallFontSize","mediumAndWideFontSize","baseAndSmall","lineHeight","mediumAndWide","typography","types","headers","fontFamily","regular","bold","fontWeight","fontStyle","configs","header1","header2","header3","header4","header5","bodies","body","link","disabledColor","inputStatesStyle","pending","valid","invalid","input","selection","placeholder","icon","size","padding","iOSSingleLine","property","states","inputField","labelContainerPaddingBottom","iconMarginLeft","radio","unchecked","checked","innerSize","innerBackgroundColor","textArea","forms","fullScreenModal","header","paddingVertical","paddingHorizontal","iconButton","width","height","listItem","innerMargin","shadows","skeleton","flareColor","animationDuration","tag","fill","outline","tooltip","opacity","horizontalPadding","verticalPadding","floatingPadding","breakpoints","values","small","wide","min","smallBreakpoint","mediumBreakpoint","largeBreakpoint","wideBreakpoint","max","theme","spacing","palettes"],"mappings":";;;;AAAO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,SAAS,EAAE,SADwB;AAEnCC,EAAAA,eAAe,EAAE,SAFkB;AAGnCC,EAAAA,eAAe,EAAE,SAHkB;AAInCC,EAAAA,eAAe,EAAE,SAJkB;AAMnCC,EAAAA,WAAW,EAAE,SANsB;AAOnCC,EAAAA,iBAAiB,EAAE,SAPgB;AASnCC,EAAAA,SAAS,EAAE,SATwB;AAUnCC,EAAAA,QAAQ,EAAE,SAVyB;AAWnCC,EAAAA,QAAQ,EAAE,SAXyB;AAYnCC,EAAAA,QAAQ,EAAE,SAZyB;AAanCC,EAAAA,QAAQ,EAAE,SAbyB;AAcnCC,EAAAA,OAAO,EAAE,SAd0B;AAenCC,EAAAA,OAAO,EAAE,SAf0B;AAgBnCC,EAAAA,KAAK,EAAE,SAhB4B;AAkBnCC,EAAAA,MAAM,EAAE,SAlB2B;AAmBnCC,EAAAA,gBAAgB,EAAE,SAnBiB;AAoBnCC,EAAAA,WAAW,EAAE,SApBsB;AAqBnCC,EAAAA,IAAI,EAAE,SArB6B;AAuBnCC,EAAAA,WAAW,EAAE,aAvBsB;AAyBnCC,EAAAA,UAAU,EAAE,SAzBuB;AA0BnCC,EAAAA,gBAAgB,EAAE;AA1BiB,CAA9B;;ACEA,MAAMC,MAAM,GAAG;AACpBC,EAAAA,OAAO,EAAEvB,qBAAqB,CAACC,SADX;AAEpBuB,EAAAA,YAAY,EAAExB,qBAAqB,CAACE,eAFhB;AAGpBuB,EAAAA,MAAM,EAAEzB,qBAAqB,CAACK,WAHV;AAIpBqB,EAAAA,WAAW,EAAE1B,qBAAqB,CAACM,iBAJf;AAKpBqB,EAAAA,OAAO,EAAE3B,qBAAqB,CAACe,MALX;AAMpBa,EAAAA,OAAO,EAAE5B,qBAAqB,CAACe,MANX;AAOpBc,EAAAA,MAAM,EAAE7B,qBAAqB,CAACgB,gBAPV;AAQpBc,EAAAA,IAAI,EAAE9B,qBAAqB,CAACkB,IARR;AASpBa,EAAAA,OAAO,EAAE/B,qBAAqB,CAACiB,WATX;AAUpBe,EAAAA,SAAS,EAAEhC,qBAAqB,CAACW,QAVb;AAWpBsB,EAAAA,KAAK,EAAEjC,qBAAqB,CAACW,QAXT;AAYpBuB,EAAAA,KAAK,EAAElC,qBAAqB,CAACO,SAZT;AAapB4B,EAAAA,YAAY,EAAEnC,qBAAqB,CAACa,OAbhB;AAcpBuB,EAAAA,iBAAiB,EAAEpC,qBAAqB,CAACc,KAdrB;AAepBK,EAAAA,WAAW,EAAEnB,qBAAqB,CAACmB,WAff;AAgBpBkB,EAAAA,QAAQ,EAAErC,qBAAqB,CAACY,OAhBZ;AAiBpB0B,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE,wBADC;AAEPC,IAAAA,KAAK,EAAE,2BAFA;AAGPC,IAAAA,gBAAgB,EAAE;AAHX;AAjBW,CAAf;;ACWA,MAAMC,MAAmB,GAAG;AACjCC,EAAAA,YAAY,EAAE,EADmB;AAEjCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEvB,MAAM,CAACC;AADjB,GAFwB;AAKjCiB,EAAAA,KAAK,EAAE;AACLK,IAAAA,eAAe,EAAE7C,qBAAqB,CAACW;AADlC;AAL0B,CAA5B;;AC2CA,MAAMmC,MAAmB,GAAG;AACjCH,EAAAA,YAAY,EAAE,EADmB;AAEjCI,EAAAA,WAAW,EAAE;AACXV,IAAAA,QAAQ,EAAE,CADC;AAEXW,IAAAA,KAAK,EAAE;AAFI,GAFoB;AAMjCC,EAAAA,SAAS,EAAE,EANsB;AAOjCC,EAAAA,QAAQ,EAAE,EAPuB;AAQjCC,EAAAA,QAAQ,EAAE,GARuB;AASjCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJT,MAAAA,OAAO,EAAE,CADL;AAEJX,MAAAA,KAAK,EAAE,IAFH;AAGJqB,MAAAA,MAAM,EAAE;AAHJ,KADD;AAMLC,IAAAA,MAAM,EAAE;AACNtB,MAAAA,KAAK,EAAE;AADD;AANH,GAT0B;AAmBjCuB,EAAAA,cAAc,EAAE;AACdZ,IAAAA,OAAO,EAAE,cADK;AAEda,IAAAA,KAAK,EAAE,gBAFO;AAGdpB,IAAAA,QAAQ,EAAE;AAHI,GAnBiB;AAwBjCqB,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,OADA;AAEVC,IAAAA,cAAc,EAAE;AAFN,GAxBqB;AA4BjChB,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAE,qBADV;AAEPgB,IAAAA,sBAAsB,EAAE,oBAFjB;AAGPC,IAAAA,oBAAoB,EAAE,oBAHf;AAIPC,IAAAA,gBAAgB,EAAE;AAJX,GA5BwB;AAkCjCxC,EAAAA,OAAO,EAAE;AACPsB,IAAAA,eAAe,EAAEvB,MAAM,CAACC,OADjB;AAEPsC,IAAAA,sBAAsB,EAAEvC,MAAM,CAACE,YAFxB;AAGPsC,IAAAA,oBAAoB,EAAExC,MAAM,CAACE,YAHtB;AAIPuC,IAAAA,gBAAgB,EAAE;AAJX,GAlCwB;AAwCjCjD,EAAAA,KAAK,EAAE;AACL+B,IAAAA,eAAe,EAAE,2BADZ;AAELgB,IAAAA,sBAAsB,EAAE,0BAFnB;AAGLC,IAAAA,oBAAoB,EAAE,0BAHjB;AAILC,IAAAA,gBAAgB,EAAE;AAJb,GAxC0B;AA8CjCC,EAAAA,MAAM,EAAE;AACNnB,IAAAA,eAAe,EAAEvB,MAAM,CAACH,WADlB;AAEN0C,IAAAA,sBAAsB,EAAEvC,MAAM,CAACH,WAFzB;AAGN2C,IAAAA,oBAAoB,EAAExC,MAAM,CAACH,WAHvB;AAIN4C,IAAAA,gBAAgB,EAAE,wBAJZ;AAKNE,IAAAA,KAAK,EAAE3C,MAAM,CAACC,OALR;AAMN2C,IAAAA,UAAU,EAAE,wBANN;AAONC,IAAAA,WAAW,EAAE;AAPP,GA9CyB;AAuDjC,iBAAe;AACbtB,IAAAA,eAAe,EAAEvB,MAAM,CAACH,WADX;AAEb0C,IAAAA,sBAAsB,EAAEvC,MAAM,CAACH,WAFlB;AAGb2C,IAAAA,oBAAoB,EAAExC,MAAM,CAACH,WAHhB;AAIb4C,IAAAA,gBAAgB,EAAE,oBAJL;AAKbE,IAAAA,KAAK,EAAE3C,MAAM,CAACY,KALD;AAMbgC,IAAAA,UAAU,EAAE,oBANC;AAObC,IAAAA,WAAW,EAAE;AAPA,GAvDkB;AAgEjC9B,EAAAA,QAAQ,EAAE;AACRQ,IAAAA,eAAe,EAAEvB,MAAM,CAACe,QADhB;AAERwB,IAAAA,sBAAsB,EAAEvC,MAAM,CAACe,QAFvB;AAGRyB,IAAAA,oBAAoB,EAAExC,MAAM,CAACe,QAHrB;AAIR0B,IAAAA,gBAAgB,EAAE/D,qBAAqB,CAACW,QAJhC;AAKRyD,IAAAA,WAAW,EAAEpE,qBAAqB,CAACW;AAL3B;AAhEuB,CAA5B;;ACzCA,MAAM0D,IAAe,GAAG;AAC7B1B,EAAAA,YAAY,EAAE,EADe;AAE7BI,EAAAA,WAAW,EAAE,CAFgB;AAG7BxB,EAAAA,OAAO,EAAE;AACPsB,IAAAA,eAAe,EAAEvB,MAAM,CAACc,iBADjB;AAEPgC,IAAAA,WAAW,EAAE9C,MAAM,CAACC;AAFb,GAHoB;AAO7B+C,EAAAA,SAAS,EAAE;AACTzB,IAAAA,eAAe,EAAEvB,MAAM,CAACc,iBADf;AAETgC,IAAAA,WAAW,EAAE9C,MAAM,CAACU;AAFX,GAPkB;AAW7BgC,EAAAA,MAAM,EAAE;AACNnB,IAAAA,eAAe,EAAE7C,qBAAqB,CAACY,OADjC;AAENwD,IAAAA,WAAW,EAAE9C,MAAM,CAACU;AAFd;AAXqB,CAAxB;;ACFA,MAAMuC,eAAqC,GAAG;AACnD1C,EAAAA,MAAM,EAAE;AACNgB,IAAAA,eAAe,EAAEvB,MAAM,CAACO;AADlB,GAD2C;AAInDF,EAAAA,OAAO,EAAE;AACPkB,IAAAA,eAAe,EAAEvB,MAAM,CAACK;AADjB,GAJ0C;AAOnDG,EAAAA,IAAI,EAAE;AACJe,IAAAA,eAAe,EAAEvB,MAAM,CAACQ;AADpB,GAP6C;AAUnDC,EAAAA,OAAO,EAAE;AACPc,IAAAA,eAAe,EAAEvB,MAAM,CAACS;AADjB;AAV0C,CAA9C;;ACVA,MAAMyC,cAAc,GAAG,CAACC,QAAD,EAAmBC,oBAAnB,KAC5BC,IAAI,CAACC,KAAL,CAAWH,QAAQ,GAAGC,oBAAtB,CADK;AAaA,MAAMG,0BAA0B,GAAG,CACxCH,oBADwC,EAExCI,oBAFwC,EAGxCC,qBAHwC,MAId;AAC1BC,EAAAA,YAAY,EAAE;AACZP,IAAAA,QAAQ,EAAEK,oBADE;AAEZG,IAAAA,UAAU,EAAET,cAAc,CAACM,oBAAD,EAAuBJ,oBAAvB;AAFd,GADY;AAK1BQ,EAAAA,aAAa,EAAE;AACbT,IAAAA,QAAQ,EAAEM,qBADG;AAEbE,IAAAA,UAAU,EAAET,cAAc,CAACO,qBAAD,EAAwBL,oBAAxB;AAFb;AALW,CAJc,CAAnC;AAeA,MAAMS,UAAU,GAAG;AACxB7D,EAAAA,MAAM,EAAE;AACNY,IAAAA,KAAK,EAAElC,qBAAqB,CAACO,SADvB;AAEN,wBAAoBP,qBAAqB,CAACQ,QAFpC;AAGN,mBAAeR,qBAAqB,CAACS,QAH/B;AAINK,IAAAA,KAAK,EAAEd,qBAAqB,CAACc,KAJvB;AAKN,mBAAed,qBAAqB,CAACc,KAL/B;AAMNS,IAAAA,OAAO,EAAEvB,qBAAqB,CAACC,SANzB;AAON,qBAAiBD,qBAAqB,CAACE,eAPjC;AAQNuB,IAAAA,MAAM,EAAEzB,qBAAqB,CAACK,WARxB;AASNsB,IAAAA,OAAO,EAAE3B,qBAAqB,CAACe,MATzB;AAUNc,IAAAA,MAAM,EAAE7B,qBAAqB,CAACgB;AAVxB,GADgB;AAaxBoE,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAA0B,SADvB;AAEVC,QAAAA,IAAI,EAA0B;AAFpB,OADL;AAKPC,MAAAA,UAAU,EAAE,GALL;AAMPC,MAAAA,SAAS,EAAE,QANJ;AAOPC,MAAAA,OAAO,EAAE;AACP;AACAC,QAAAA,OAAO,EAAEf,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CAF5B;AAGP;AACAgB,QAAAA,OAAO,EAAEhB,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CAJ5B;AAKP;AACAiB,QAAAA,OAAO,EAAEjB,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CAN5B;AAOP;AACAkB,QAAAA,OAAO,EAAElB,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CAR5B;AASP;AACAmB,QAAAA,OAAO,EAAEnB,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV;AAV5B;AAPF,KADJ;AAqBLoB,IAAAA,MAAM,EAAE;AACNX,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAA0B,WADvB;AAEVC,QAAAA,IAAI,EAA0B;AAFpB,OADN;AAKNC,MAAAA,UAAU,EAAE;AACVF,QAAAA,OAAO,EAAE,GADC;AAEVC,QAAAA,IAAI,EAAE;AAFI,OALN;AASNE,MAAAA,SAAS,EAAE;AACTH,QAAAA,OAAO,EAAE,QADA;AAETC,QAAAA,IAAI,EAAE;AAFG,OATL;AAaNG,MAAAA,OAAO,EAAE;AACP,sBAAcd,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CADjC;AAEP,uBAAeA,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CAFlC;AAGPqB,QAAAA,IAAI,EAAErB,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CAHzB;AAIP,sBAAcA,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,CAJjC;AAKP,uBAAeA,0BAA0B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV;AALlC;AAbH;AArBH,GAbiB;AAwDxBsB,EAAAA,IAAI,EAAE;AACJC,IAAAA,aAAa,EAAEpG,qBAAqB,CAACU;AADjC;AAxDkB,CAAnB;;AClBP,MAAM2F,gBAAiC,GAAG;AACxCzD,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEvB,MAAM,CAACc,iBADjB;AAEPgC,IAAAA,WAAW,EAAE9C,MAAM,CAACU,SAFb;AAGPiC,IAAAA,KAAK,EAAE;AAHA,GAD+B;AAMxCqC,EAAAA,OAAO,EAAE;AACPzD,IAAAA,eAAe,EAAEvB,MAAM,CAACc,iBADjB;AAEPgC,IAAAA,WAAW,EAAE9C,MAAM,CAACU,SAFb;AAGPiC,IAAAA,KAAK,EAAE;AAHA,GAN+B;AAWxCsC,EAAAA,KAAK,EAAE;AACL1D,IAAAA,eAAe,EAAEvB,MAAM,CAACc,iBADnB;AAELgC,IAAAA,WAAW,EAAEpE,qBAAqB,CAACW,QAF9B;AAGLsD,IAAAA,KAAK,EAAE;AAHF,GAXiC;AAgBxChC,EAAAA,KAAK,EAAE;AACLmC,IAAAA,WAAW,EAAEpE,qBAAqB,CAACU,QAD9B;AAELuD,IAAAA,KAAK,EAAE;AAFF,GAhBiC;AAoBxCjB,EAAAA,KAAK,EAAE;AACLoB,IAAAA,WAAW,EAAE9C,MAAM,CAACC,OADf;AAEL0C,IAAAA,KAAK,EAAE;AAFF,GApBiC;AAwBxC5B,EAAAA,QAAQ,EAAE;AACRQ,IAAAA,eAAe,EAAEvB,MAAM,CAACe,QADhB;AAER+B,IAAAA,WAAW,EAAE9C,MAAM,CAACU,SAFZ;AAGRiC,IAAAA,KAAK,EAAE;AAHC,GAxB8B;AA6BxCuC,EAAAA,OAAO,EAAE;AACPpC,IAAAA,WAAW,EAAE9C,MAAM,CAACU,SADb;AAEPiC,IAAAA,KAAK,EAAE;AAFA;AA7B+B,CAA1C;AAyDO,MAAMwC,KAAiB,GAAG;AAC/BxC,EAAAA,KAAK,EAAE;AACLyC,IAAAA,SAAS,EAAEpF,MAAM,CAACC,OADb;AAELoF,IAAAA,WAAW,EAAExB,UAAU,CAAC7D,MAAX,CAAkB,aAAlB;AAFR,GADwB;AAK/ByB,EAAAA,WAAW,EAAE,CALkB;AAM/BJ,EAAAA,YAAY,EAAE,EANiB;AAO/BiE,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE;AADF,GAPyB;AAU/BC,EAAAA,OAAO,EAAE;AACPlE,IAAAA,OAAO,EAAE,UADF;AAEPmE,IAAAA,aAAa,EAAE;AAFR,GAVsB;AAc/BrD,EAAAA,UAAU,EAAE;AACVsD,IAAAA,QAAQ,EAAE,cADA;AAEVrD,IAAAA,QAAQ,EAAE,OAFA;AAGVC,IAAAA,cAAc,EAAE;AAHN,GAdmB;AAmB/BqD,EAAAA,MAAM,EAAEZ;AAnBuB,CAA1B;;ACtEA,MAAMa,UAAU,GAAG;AACxBC,EAAAA,2BAA2B,EAAE,CADL;AAExBC,EAAAA,cAAc,EAAE;AAFQ,CAAnB;;ACqBA,MAAMC,KAAiB,GAAG;AAC/BR,EAAAA,IAAI,EAAE,EADyB;AAE/BS,EAAAA,SAAS,EAAE;AACTzE,IAAAA,eAAe,EAAEvB,MAAM,CAACc,iBADf;AAETW,IAAAA,WAAW,EAAE,CAFJ;AAGTqB,IAAAA,WAAW,EAAEpE,qBAAqB,CAACU;AAH1B,GAFoB;AAO/B6G,EAAAA,OAAO,EAAE;AACP1E,IAAAA,eAAe,EAAEvB,MAAM,CAACC,OADjB;AAEPiG,IAAAA,SAAS,EAAE,CAFJ;AAGPC,IAAAA,oBAAoB,EAAEnG,MAAM,CAACc;AAHtB,GAPsB;AAY/BC,EAAAA,QAAQ,EAAE;AACRQ,IAAAA,eAAe,EAAEvB,MAAM,CAACe,QADhB;AAER+B,IAAAA,WAAW,EAAE9C,MAAM,CAACU;AAFZ;AAZqB,CAA1B;;ACjBA,MAAM0F,QAAuB,GAAG;AACrCzE,EAAAA,SAAS,EAAE;AAD0B,CAAhC;;ACCA,MAAM0E,KAAK,GAAG;AACnBlB,EAAAA,KADmB;AAEnBY,EAAAA,KAFmB;AAGnBH,EAAAA,UAHmB;AAInBQ,EAAAA;AAJmB,CAAd;;ACHA,MAAME,eAAe,GAAG;AAC7BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,EADX;AAENC,IAAAA,iBAAiB,EAAE,EAFb;AAGN3D,IAAAA,WAAW,EAAEpE,qBAAqB,CAACW;AAH7B;AADqB,CAAxB;;ACmCA,MAAMqH,UAA2B,GAAG;AACzCnF,EAAAA,eAAe,EAAE,aADwB;AAEzCoF,EAAAA,KAAK,EAAE,EAFkC;AAGzCC,EAAAA,MAAM,EAAE,EAHiC;AAIzCvF,EAAAA,YAAY,EAAE,EAJ2B;AAKzCI,EAAAA,WAAW,EAAE,CAL4B;AAMzCqB,EAAAA,WAAW,EAAE,aAN4B;AAOzCV,EAAAA,UAAU,EAAE;AACVsD,IAAAA,QAAQ,EAAE,KADA;AAEVrD,IAAAA,QAAQ,EAAE,OAFA;AAGVC,IAAAA,cAAc,EAAE;AAHN,GAP6B;AAYzCR,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJT,MAAAA,OAAO,EAAE,CADL;AAEJX,MAAAA,KAAK,EAAE,IAFH;AAGJqB,MAAAA,MAAM,EAAE;AAHJ,KADD;AAMLC,IAAAA,MAAM,EAAE;AACNtB,MAAAA,KAAK,EAAE;AADD;AANH,GAZkC;AAsBzCI,EAAAA,QAAQ,EAAE;AACRe,IAAAA,KAAK,EAAE,CADC;AAERP,IAAAA,eAAe,EAAEC,MAAM,CAACT,QAAP,CAAgBQ,eAFzB;AAGRuB,IAAAA,WAAW,EAAEtB,MAAM,CAACT,QAAP,CAAgB+B;AAHrB,GAtB+B;AA2BzCxB,EAAAA,OAAO,EAAE;AACPiB,IAAAA,sBAAsB,EAAEf,MAAM,CAACF,OAAP,CAAeiB;AADhC,GA3BgC;AA8BzC/C,EAAAA,KAAK,EAAE;AACL+C,IAAAA,sBAAsB,EAAEf,MAAM,CAAChC,KAAP,CAAagD;AADhC;AA9BkC,CAApC;;AC5BA,MAAMqE,QAAuB,GAAG;AACrCrB,EAAAA,OAAO,EAAE,WAD4B;AAErC1C,EAAAA,WAAW,EAAE9C,MAAM,CAACU,SAFiB;AAGrCe,EAAAA,WAAW,EAAE,CAHwB;AAIrCqF,EAAAA,WAAW,EAAE;AAJwB,CAAhC;;ACTA,MAAMC,OAAO,GAAG;AACrB9E,EAAAA,MAAM,EAAE;AADa,CAAhB;;ACQA,MAAM+E,QAAuB,GAAG;AACrCzF,EAAAA,eAAe,EAAE7C,qBAAqB,CAACW,QADF;AAErC4H,EAAAA,UAAU,EAAEvI,qBAAqB,CAACU,QAFG;AAGrC8H,EAAAA,iBAAiB,EAAE;AAHkB,CAAhC;;ACcA,MAAMC,GAAa,GAAG;AAC3B9F,EAAAA,YAAY,EAAE,EADa;AAE3BmE,EAAAA,OAAO,EAAE,UAFkB;AAG3BvF,EAAAA,OAAO,EAAE;AACPmH,IAAAA,IAAI,EAAE;AACJ7F,MAAAA,eAAe,EAAE7C,qBAAqB,CAACqB,gBADnC;AAEJ0B,MAAAA,WAAW,EAAE,CAFT;AAGJqB,MAAAA,WAAW,EAAE9C,MAAM,CAACH;AAHhB,KADC;AAMPwH,IAAAA,OAAO,EAAE;AACP9F,MAAAA,eAAe,EAAEvB,MAAM,CAACH,WADjB;AAEP4B,MAAAA,WAAW,EAAE,CAFN;AAGPqB,MAAAA,WAAW,EAAE9C,MAAM,CAACC;AAHb;AANF,GAHkB;AAe3BqB,EAAAA,OAAO,EAAE;AACP8F,IAAAA,IAAI,EAAE;AACJ7F,MAAAA,eAAe,EAAE7C,qBAAqB,CAACY,OADnC;AAEJmC,MAAAA,WAAW,EAAE,CAFT;AAGJqB,MAAAA,WAAW,EAAE9C,MAAM,CAACH;AAHhB,KADC;AAMPwH,IAAAA,OAAO,EAAE;AACP9F,MAAAA,eAAe,EAAEvB,MAAM,CAACH,WADjB;AAEP4B,MAAAA,WAAW,EAAE,CAFN;AAGPqB,MAAAA,WAAW,EAAE9C,MAAM,CAACY;AAHb;AANF,GAfkB;AA2B3BL,EAAAA,MAAM,EAAE;AACN6G,IAAAA,IAAI,EAAE;AACJ7F,MAAAA,eAAe,EAAE7C,qBAAqB,CAACK,WADnC;AAEJ0C,MAAAA,WAAW,EAAE,CAFT;AAGJqB,MAAAA,WAAW,EAAE9C,MAAM,CAACH;AAHhB,KADA;AAMNwH,IAAAA,OAAO,EAAE;AACP9F,MAAAA,eAAe,EAAEvB,MAAM,CAACH,WADjB;AAEP4B,MAAAA,WAAW,EAAE,CAFN;AAGPqB,MAAAA,WAAW,EAAE9C,MAAM,CAACO;AAHb;AANH;AA3BmB,CAAtB;;ACXA,MAAM+G,OAAqB,GAAG;AACnC/F,EAAAA,eAAe,EAAEvB,MAAM,CAACY,KADW;AAEnCS,EAAAA,YAAY,EAAE,EAFqB;AAGnCkG,EAAAA,OAAO,EAAE,IAH0B;AAInCC,EAAAA,iBAAiB,EAAE,EAJgB;AAKnCC,EAAAA,eAAe,EAAE,CALkB;AAMnCC,EAAAA,eAAe,EAAE;AANkB,CAA9B;;ACKP,MAAMC,WAAW,GAAG;AAClBC,EAAAA,MAAM,EAAE;AACN7F,IAAAA,IAAI,EAAE,CADA;AAEN8F,IAAAA,KAAK,EAAE,GAFD;AAGN5F,IAAAA,MAAM,EAAE,GAHF;AAINE,IAAAA,KAAK,EAAE,IAJD;AAKN2F,IAAAA,IAAI,EAAE;AALA,GADU;AAQlBC,EAAAA,GAAG,EAAE;AACHC,IAAAA,eAAe,EAAE,kBADd;AAEHC,IAAAA,gBAAgB,EAAE,kBAFf;AAGHC,IAAAA,eAAe,EAAE,mBAHd;AAIHC,IAAAA,cAAc,EAAE;AAJb,GARa;AAclBC,EAAAA,GAAG,EAAE;AACHJ,IAAAA,eAAe,EAAE,kBADd;AAEHC,IAAAA,gBAAgB,EAAE,kBAFf;AAGHC,IAAAA,eAAe,EAAE,mBAHd;AAIHC,IAAAA,cAAc,EAAE;AAJb;AAda,CAApB;AAuBA;;MACaE,KAAK,GAAG;AACnBC,EAAAA,OAAO,EAAE,CADU;AAEnBtI,EAAAA,MAFmB;AAGnBuI,EAAAA,QAAQ,EAAE;AAAE5J,IAAAA,SAAS,EAAED;AAAb,GAHS;AAInB0C,EAAAA,MAJmB;AAKnBI,EAAAA,MALmB;AAMnBuB,EAAAA,IANmB;AAOnBE,EAAAA,eAPmB;AAQnBoD,EAAAA,KARmB;AASnBxC,EAAAA,UATmB;AAUnBsD,EAAAA,GAVmB;AAWnBJ,EAAAA,OAXmB;AAYnBT,EAAAA,eAZmB;AAanBI,EAAAA,UAbmB;AAcnBG,EAAAA,QAdmB;AAenBS,EAAAA,OAfmB;AAgBnBN,EAAAA,QAhBmB;AAiBnBW,EAAAA;AAjBmB;;;;"}
|
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
.ssn8o83{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.ssn8o83 > svg{-webkit-animation:spin-ssn8o83 1.1s infinite linear;animation:spin-ssn8o83 1.1s infinite linear;}@-webkit-keyframes spin-ssn8o83{0%{-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes spin-ssn8o83{0%{-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
|
|
2
2
|
.a1vkj3mh{width:auto;display:var(--a1vkj3mh-0);-webkit-align-self:var(--a1vkj3mh-1);-ms-flex-item-align:var(--a1vkj3mh-1);align-self:var(--a1vkj3mh-1);outline:none;}@media (min-width:768px){.kitt-hover .a1vkj3mh > * > *,.a1vkj3mh:hover > * > *{-webkit-transform:scale(var(--a1vkj3mh-3));-ms-transform:scale(var(--a1vkj3mh-3));transform:scale(var(--a1vkj3mh-3));}}.kitt-active .a1vkj3mh > * > *,.a1vkj3mh:active > * > *{-webkit-transform:var(--a1vkj3mh-4);-ms-transform:var(--a1vkj3mh-4);transform:var(--a1vkj3mh-4);}.kitt-active .a1vkj3mh > * > *,.a1vkj3mh:active > * > *,.kitt-hover .a1vkj3mh > * > *,.a1vkj3mh:hover > * > *{background:var(--a1vkj3mh-5);}.a1vkj3mh > * > *{-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:var(--a1vkj3mh-6);transition:var(--a1vkj3mh-6);}.a1vkj3mh > * > *::after,.a1vkj3mh > * > *::before{content:'';position:absolute;border-radius:var(--a1vkj3mh-7);-webkit-transition:var(--a1vkj3mh-8);transition:var(--a1vkj3mh-8);}.a1vkj3mh > * > *::after{opacity:var(--a1vkj3mh-9);top:var(--a1vkj3mh-10);left:var(--a1vkj3mh-10);width:var(--a1vkj3mh-12);height:var(--a1vkj3mh-12);border:var(--a1vkj3mh-14);}.a1vkj3mh > * > *::before{opacity:0;border:var(--a1vkj3mh-15);width:100%;height:100%;top:var(--a1vkj3mh-16);left:var(--a1vkj3mh-16);}.kitt-focus .a1vkj3mh > *,.a1vkj3mh:focus > *,.a1vkj3mh > [data-focusvisible-polyfill]{outline:none;}.kitt-focus .a1vkj3mh > * > *::before,.a1vkj3mh:focus > * > *::before,.a1vkj3mh > [data-focusvisible-polyfill] > *::before{opacity:1;}.kitt-hover .a1vkj3mh > * > *::before,.a1vkj3mh:hover > * > *::before,.kitt-active .a1vkj3mh > * > *::before,.a1vkj3mh:active > * > *::before{opacity:0;}.a1vkj3mh > *{color:var(--a1vkj3mh-18);}.kitt-hover .a1vkj3mh > *,.a1vkj3mh:hover > *{color:var(--a1vkj3mh-19);}.kitt-active .a1vkj3mh > *,.a1vkj3mh:active > *{color:var(--a1vkj3mh-20);}
|
|
3
|
+
.i1encr9g{position:relative;}.i1encr9g > [data-focusvisible-polyfill]{outline:none;}.i1encr9g > *::-ms-clear,.i1encr9g > *::-ms-reveal{display:none;}.i1encr9g,.i1encr9g > *{cursor:var(--i1encr9g-0);}.i1encr9g > *{-webkit-transition:var(--i1encr9g-1);transition:var(--i1encr9g-1);}.i1encr9g:hover > *,.kitt-hover .i1encr9g > *{border-color:var(--i1encr9g-2);}.i1encr9g:focus > *,.i1encr9g > *:focus,.kitt-focus .i1encr9g > *{border-color:var(--i1encr9g-3);}
|
|
3
4
|
@media (hover:none) and (pointer:coarse){.p1nlccvg > *:hover,.kitt-hover .p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-0));-ms-transform:scale(var(--p1nlccvg-0));transform:scale(var(--p1nlccvg-0));}}@media (min-width:768px){.p1nlccvg > *:hover,.kitt-hover .p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-2));-ms-transform:scale(var(--p1nlccvg-2));transform:scale(var(--p1nlccvg-2));}}.p1nlccvg > *:active,.kitt-active .p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-3));-ms-transform:scale(var(--p1nlccvg-3));transform:scale(var(--p1nlccvg-3));}.p1nlccvg,.p1nlccvg > [data-focusvisible-polyfill]{outline:none;}.p1nlccvg > *:hover,.kitt-hover .p1nlccvg > *,.p1nlccvg > *:focus,.kitt-focus .p1nlccvg > *,.p1nlccvg > [data-focusvisible-polyfill],.p1nlccvg > *:active,.kitt-active .p1nlccvg > *{background-color:var(--p1nlccvg-4);}
|
|
4
5
|
.l2im3sa{width:60px;height:60px;-webkit-transform:scale(-1) rotate(90deg);-ms-transform:scale(-1) rotate(90deg);transform:scale(-1) rotate(90deg);}@-webkit-keyframes LargeLoaderInit-l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:0;}}@keyframes LargeLoaderInit-l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:0;}}@-webkit-keyframes LargeLoaderOffset-l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:34px;}}@keyframes LargeLoaderOffset-l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:34px;}}@-webkit-keyframes LargeLoaderRotation-l2im3sa{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes LargeLoaderRotation-l2im3sa{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}.l2im3sa circle,.l2im3sa g{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;}.l2im3sa circle{stroke-width:3px;stroke-dasharray:169.64px;stroke-dashoffset:169.64px;stroke-linecap:round;}.l2im3sa g[data-large-loader='base'] circle{stroke:var(--l2im3sa-0);-webkit-animation:LargeLoaderInit-l2im3sa 1s cubic-bezier(0.39,0.575,0.565,1) 0.5s forwards;animation:LargeLoaderInit-l2im3sa 1s cubic-bezier(0.39,0.575,0.565,1) 0.5s forwards;}.l2im3sa g[data-large-loader='fill']{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation:LargeLoaderRotation-l2im3sa 1.8s linear 0.5s infinite;animation:LargeLoaderRotation-l2im3sa 1.8s linear 0.5s infinite;}.l2im3sa g[data-large-loader='fill'] circle{stroke:var(--l2im3sa-1);-webkit-animation:LargeLoaderOffset-l2im3sa 1.8s cubic-bezier(0.39,0.575,0.565,1) 0.5s infinite alternate,LargeLoaderRotation-l2im3sa 2.16s linear 0.5s infinite;animation:LargeLoaderOffset-l2im3sa 1.8s cubic-bezier(0.39,0.575,0.565,1) 0.5s infinite alternate,LargeLoaderRotation-l2im3sa 2.16s linear 0.5s infinite;}
|
|
5
6
|
.sc3upcl{background-color:var(--sc3upcl-0);position:relative;overflow:hidden;height:100%;width:100%;}@-webkit-keyframes flareTranslate-sc3upcl{from{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}to{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}}@keyframes flareTranslate-sc3upcl{from{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}to{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}}.sc3upcl::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-image:var(--sc3upcl-1);-webkit-animation:var(--sc3upcl-2);animation:var(--sc3upcl-2);-webkit-animation-name:flareTranslate-sc3upcl;animation-name:flareTranslate-sc3upcl;}
|