@micromag/consent 0.3.832 → 0.4.4
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/assets/css/styles.css +5 -5
- package/es/index.d.ts +37 -0
- package/es/index.js +87 -181
- package/es/styles.css +5 -0
- package/package.json +16 -18
- package/scss/styles.scss +0 -1
package/assets/css/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
1
|
+
.container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
|
|
2
|
+
.container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #fff;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;line-height:1.2;padding:8px 12px;position:relative}.container:active,.container:hover{background-color:#0b57d0;background-color:var(--color-primary,var(--color-button-active,#0b57d0));color:#fff}
|
|
3
|
+
.container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;line-height:1.2}.container .check{margin-right:6px}.container .input{accent-color:#0b57d0;accent-color:var(--color-primary,var(--color-checkbox-active,#0b57d0));cursor:pointer;display:block;height:1rem;margin:0 0 5px;width:1rem}.container .label{-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-weight:700;line-height:1}.container:active .label,.container:hover .label{-webkit-text-decoration:underline;text-decoration:underline}
|
|
4
|
+
.container{max-height:calc(100vh - 20px);overflow-y:scroll;padding:15px;position:relative}.container .title{font-size:1.2rem}.container .description,.container .label,.container .title{margin-bottom:1rem}.container .button{border-radius:10px;font-weight:700;margin:0 5px 5px 0}
|
|
5
|
+
.container{background-color:#000;background-color:var(--color-background,#000);border-radius:10px;color:#fff;color:var(--color-text,#fff);max-width:800px;position:relative}.container .close{color:#fff;color:var(--color-primary,#fff);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px;z-index:10}
|
package/es/index.d.ts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
interface ConsentProps {
|
|
5
|
+
urls?: {
|
|
6
|
+
privacy?: string;
|
|
7
|
+
terms?: string;
|
|
8
|
+
} | null;
|
|
9
|
+
labels?: {
|
|
10
|
+
title?: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
privacy?: string;
|
|
13
|
+
terms?: string;
|
|
14
|
+
} | null;
|
|
15
|
+
onChange?: ((...args: unknown[]) => void) | null;
|
|
16
|
+
onSubmit?: ((...args: unknown[]) => void) | null;
|
|
17
|
+
onClose?: ((...args: unknown[]) => void) | null;
|
|
18
|
+
withClose?: boolean;
|
|
19
|
+
className?: string | null;
|
|
20
|
+
children?: React.ReactNode | null;
|
|
21
|
+
}
|
|
22
|
+
declare function Consent({ urls, labels, onChange, onSubmit, onClose, withClose, className, children, }: ConsentProps): react_jsx_runtime.JSX.Element;
|
|
23
|
+
|
|
24
|
+
declare const useConsentActions: ({ onSubmit, onChange, onClose, autoClose, }: {
|
|
25
|
+
onSubmit?: any;
|
|
26
|
+
onChange?: any;
|
|
27
|
+
onClose?: any;
|
|
28
|
+
autoClose?: boolean;
|
|
29
|
+
}) => {
|
|
30
|
+
consent: any;
|
|
31
|
+
onClickChoice: (id: any, newValue: any) => void;
|
|
32
|
+
onClickConfirm: () => void;
|
|
33
|
+
onClickAccept: () => void;
|
|
34
|
+
onClickDeny: () => void;
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { Consent as default, useConsentActions as useConsent };
|
package/es/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
3
|
import React, { useCallback, useRef, useInsertionEffect, useState } from 'react';
|
|
5
4
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
6
5
|
import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
|
|
@@ -13,17 +12,12 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
|
13
12
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
14
13
|
import { useConsent } from '@micromag/core/contexts';
|
|
15
14
|
|
|
16
|
-
var styles$4 = {"container":"
|
|
15
|
+
var styles$4 = {"container":"container"};
|
|
17
16
|
|
|
18
17
|
var _excluded$3 = ["className"];
|
|
19
|
-
|
|
20
|
-
className
|
|
21
|
-
|
|
22
|
-
var defaultProps$5 = {
|
|
23
|
-
className: null
|
|
24
|
-
};
|
|
25
|
-
var CloseButton = function CloseButton(_ref) {
|
|
26
|
-
var className = _ref.className,
|
|
18
|
+
function CloseButton(_ref) {
|
|
19
|
+
var _ref$className = _ref.className,
|
|
20
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
27
21
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
28
22
|
return /*#__PURE__*/React.createElement(Button, Object.assign({
|
|
29
23
|
className: classNames([styles$4.container, _defineProperty({}, className, className !== null)]),
|
|
@@ -34,9 +28,7 @@ var CloseButton = function CloseButton(_ref) {
|
|
|
34
28
|
}),
|
|
35
29
|
iconPosition: "right"
|
|
36
30
|
}, props));
|
|
37
|
-
}
|
|
38
|
-
CloseButton.propTypes = propTypes$5;
|
|
39
|
-
CloseButton.defaultProps = defaultProps$5;
|
|
31
|
+
}
|
|
40
32
|
|
|
41
33
|
var useConsentActions = function useConsentActions(_ref) {
|
|
42
34
|
var _ref$onSubmit = _ref.onSubmit,
|
|
@@ -104,38 +96,26 @@ var useConsentActions = function useConsentActions(_ref) {
|
|
|
104
96
|
};
|
|
105
97
|
};
|
|
106
98
|
|
|
107
|
-
var styles$3 = {"container":"
|
|
99
|
+
var styles$3 = {"container":"container"};
|
|
108
100
|
|
|
109
101
|
var _excluded$2 = ["children", "color", "backgroundColor", "className", "active", "disabled", "invert", "dark"];
|
|
110
|
-
var propTypes$4 = {
|
|
111
|
-
children: PropTypes.node,
|
|
112
|
-
color: PropTypes.string,
|
|
113
|
-
backgroundColor: PropTypes.string,
|
|
114
|
-
active: PropTypes.bool,
|
|
115
|
-
invert: PropTypes.bool,
|
|
116
|
-
disabled: PropTypes.bool,
|
|
117
|
-
dark: PropTypes.bool,
|
|
118
|
-
className: PropTypes.string
|
|
119
|
-
};
|
|
120
|
-
var defaultProps$4 = {
|
|
121
|
-
children: null,
|
|
122
|
-
color: null,
|
|
123
|
-
backgroundColor: null,
|
|
124
|
-
active: false,
|
|
125
|
-
invert: false,
|
|
126
|
-
disabled: false,
|
|
127
|
-
dark: false,
|
|
128
|
-
className: null
|
|
129
|
-
};
|
|
130
102
|
function PillButton(_ref) {
|
|
131
|
-
var children = _ref.children,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
103
|
+
var _ref$children = _ref.children,
|
|
104
|
+
children = _ref$children === void 0 ? null : _ref$children,
|
|
105
|
+
_ref$color = _ref.color,
|
|
106
|
+
color = _ref$color === void 0 ? null : _ref$color,
|
|
107
|
+
_ref$backgroundColor = _ref.backgroundColor,
|
|
108
|
+
backgroundColor = _ref$backgroundColor === void 0 ? null : _ref$backgroundColor,
|
|
109
|
+
_ref$className = _ref.className,
|
|
110
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
111
|
+
_ref$active = _ref.active,
|
|
112
|
+
active = _ref$active === void 0 ? false : _ref$active,
|
|
113
|
+
_ref$disabled = _ref.disabled,
|
|
114
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
115
|
+
_ref$invert = _ref.invert,
|
|
116
|
+
invert = _ref$invert === void 0 ? false : _ref$invert,
|
|
117
|
+
_ref$dark = _ref.dark,
|
|
118
|
+
dark = _ref$dark === void 0 ? false : _ref$dark,
|
|
139
119
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
140
120
|
return /*#__PURE__*/React.createElement(Button, Object.assign({
|
|
141
121
|
className: classNames([styles$3.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$3.active, active), styles$3.dark, dark), styles$3.invert, invert), styles$3.disabled, disabled), className, className !== null)])
|
|
@@ -147,37 +127,24 @@ function PillButton(_ref) {
|
|
|
147
127
|
disabled: disabled
|
|
148
128
|
}), children);
|
|
149
129
|
}
|
|
150
|
-
PillButton.defaultProps = defaultProps$4;
|
|
151
|
-
PillButton.propTypes = propTypes$4;
|
|
152
130
|
|
|
153
|
-
var styles$2 = {"container":"
|
|
131
|
+
var styles$2 = {"container":"container","check":"check","input":"input","label":"label"};
|
|
154
132
|
|
|
155
|
-
var propTypes$3 = {
|
|
156
|
-
name: PropTypes.string,
|
|
157
|
-
label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
158
|
-
value: PropTypes.string,
|
|
159
|
-
disabled: PropTypes.bool,
|
|
160
|
-
className: PropTypes.string,
|
|
161
|
-
onClick: PropTypes.func,
|
|
162
|
-
onChange: PropTypes.func
|
|
163
|
-
};
|
|
164
|
-
var defaultProps$3 = {
|
|
165
|
-
name: null,
|
|
166
|
-
value: null,
|
|
167
|
-
label: null,
|
|
168
|
-
disabled: false,
|
|
169
|
-
className: null,
|
|
170
|
-
onClick: null,
|
|
171
|
-
onChange: null
|
|
172
|
-
};
|
|
173
133
|
function CheckboxField(_ref) {
|
|
174
|
-
var name = _ref.name,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
134
|
+
var _ref$name = _ref.name,
|
|
135
|
+
name = _ref$name === void 0 ? null : _ref$name,
|
|
136
|
+
_ref$label = _ref.label,
|
|
137
|
+
label = _ref$label === void 0 ? null : _ref$label,
|
|
138
|
+
_ref$value = _ref.value,
|
|
139
|
+
value = _ref$value === void 0 ? null : _ref$value,
|
|
140
|
+
_ref$disabled = _ref.disabled,
|
|
141
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
142
|
+
_ref$onClick = _ref.onClick,
|
|
143
|
+
onClick = _ref$onClick === void 0 ? null : _ref$onClick,
|
|
144
|
+
_ref$onChange = _ref.onChange,
|
|
145
|
+
onChange = _ref$onChange === void 0 ? null : _ref$onChange,
|
|
146
|
+
_ref$className = _ref.className,
|
|
147
|
+
className = _ref$className === void 0 ? null : _ref$className;
|
|
181
148
|
var onInputChange = useCallback(function (e) {
|
|
182
149
|
if (onChange !== null) {
|
|
183
150
|
onChange(e.currentTarget.checked);
|
|
@@ -200,8 +167,6 @@ function CheckboxField(_ref) {
|
|
|
200
167
|
className: styles$2.label
|
|
201
168
|
}, isString(label) ? label : /*#__PURE__*/React.createElement(FormattedMessage, label)));
|
|
202
169
|
}
|
|
203
|
-
CheckboxField.propTypes = propTypes$3;
|
|
204
|
-
CheckboxField.defaultProps = defaultProps$3;
|
|
205
170
|
|
|
206
171
|
var _excluded$1 = ["href", "route", "routeParams", "external", "children", "target", "rel", "onClick", "className"];
|
|
207
172
|
var useEvent = function useEvent(fn) {
|
|
@@ -216,39 +181,23 @@ var useEvent = function useEvent(fn) {
|
|
|
216
181
|
});
|
|
217
182
|
return ref[1];
|
|
218
183
|
};
|
|
219
|
-
|
|
220
|
-
href
|
|
221
|
-
|
|
222
|
-
routeParams: PropTypes.object,
|
|
223
|
-
// eslint-disable-line react/forbid-prop-types
|
|
224
|
-
external: PropTypes.bool,
|
|
225
|
-
target: PropTypes.string,
|
|
226
|
-
children: PropTypes.node,
|
|
227
|
-
rel: PropTypes.string,
|
|
228
|
-
onClick: PropTypes.func,
|
|
229
|
-
className: PropTypes.string
|
|
230
|
-
};
|
|
231
|
-
var defaultProps$2 = {
|
|
232
|
-
href: null,
|
|
233
|
-
route: null,
|
|
234
|
-
routeParams: null,
|
|
235
|
-
external: false,
|
|
236
|
-
target: '_blank',
|
|
237
|
-
rel: 'noopener noreferrer',
|
|
238
|
-
onClick: null,
|
|
239
|
-
children: null,
|
|
240
|
-
className: null
|
|
241
|
-
};
|
|
242
|
-
var LinkPartial = function LinkPartial(_ref) {
|
|
243
|
-
var href = _ref.href;
|
|
184
|
+
function LinkPartial(_ref) {
|
|
185
|
+
var _ref$href = _ref.href,
|
|
186
|
+
href = _ref$href === void 0 ? null : _ref$href;
|
|
244
187
|
_ref.route;
|
|
245
188
|
_ref.routeParams;
|
|
246
|
-
var external = _ref.external,
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
189
|
+
var _ref$external = _ref.external,
|
|
190
|
+
external = _ref$external === void 0 ? false : _ref$external,
|
|
191
|
+
_ref$children = _ref.children,
|
|
192
|
+
children = _ref$children === void 0 ? null : _ref$children,
|
|
193
|
+
_ref$target = _ref.target,
|
|
194
|
+
target = _ref$target === void 0 ? '_blank' : _ref$target,
|
|
195
|
+
_ref$rel = _ref.rel,
|
|
196
|
+
rel = _ref$rel === void 0 ? 'noopener noreferrer' : _ref$rel,
|
|
197
|
+
_ref$onClick = _ref.onClick,
|
|
198
|
+
onClick = _ref$onClick === void 0 ? null : _ref$onClick,
|
|
199
|
+
_ref$className = _ref.className,
|
|
200
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
252
201
|
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
253
202
|
var link = href || null;
|
|
254
203
|
if (link === null) {
|
|
@@ -285,45 +234,26 @@ var LinkPartial = function LinkPartial(_ref) {
|
|
|
285
234
|
href: href,
|
|
286
235
|
onClick: handleClick
|
|
287
236
|
}, props), children);
|
|
288
|
-
}
|
|
289
|
-
LinkPartial.propTypes = propTypes$2;
|
|
290
|
-
LinkPartial.defaultProps = defaultProps$2;
|
|
237
|
+
}
|
|
291
238
|
|
|
292
|
-
var styles$1 = {"container":"
|
|
239
|
+
var styles$1 = {"container":"container","title":"title","description":"description","label":"label","button":"button"};
|
|
293
240
|
|
|
294
241
|
var _excluded = ["onChange", "onSubmit", "onClose", "onClickLink", "urls", "labels", "className"];
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
var defaultProps$1 = {
|
|
311
|
-
urls: null,
|
|
312
|
-
labels: null,
|
|
313
|
-
onChange: null,
|
|
314
|
-
onSubmit: null,
|
|
315
|
-
onClose: null,
|
|
316
|
-
onClickLink: null,
|
|
317
|
-
className: null
|
|
318
|
-
};
|
|
319
|
-
var Cookies = function Cookies(_ref) {
|
|
320
|
-
var onChange = _ref.onChange,
|
|
321
|
-
onSubmit = _ref.onSubmit,
|
|
322
|
-
onClose = _ref.onClose,
|
|
323
|
-
onClickLink = _ref.onClickLink,
|
|
324
|
-
urls = _ref.urls,
|
|
325
|
-
labels = _ref.labels,
|
|
326
|
-
className = _ref.className,
|
|
242
|
+
function Cookies(_ref) {
|
|
243
|
+
var _ref$onChange = _ref.onChange,
|
|
244
|
+
onChange = _ref$onChange === void 0 ? null : _ref$onChange,
|
|
245
|
+
_ref$onSubmit = _ref.onSubmit,
|
|
246
|
+
onSubmit = _ref$onSubmit === void 0 ? null : _ref$onSubmit,
|
|
247
|
+
_ref$onClose = _ref.onClose,
|
|
248
|
+
onClose = _ref$onClose === void 0 ? null : _ref$onClose,
|
|
249
|
+
_ref$onClickLink = _ref.onClickLink,
|
|
250
|
+
onClickLink = _ref$onClickLink === void 0 ? null : _ref$onClickLink,
|
|
251
|
+
_ref$urls = _ref.urls,
|
|
252
|
+
urls = _ref$urls === void 0 ? null : _ref$urls,
|
|
253
|
+
_ref$labels = _ref.labels,
|
|
254
|
+
labels = _ref$labels === void 0 ? null : _ref$labels,
|
|
255
|
+
_ref$className = _ref.className,
|
|
256
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
327
257
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
328
258
|
var _useConsent = useConsentActions({
|
|
329
259
|
onChange: onChange,
|
|
@@ -485,49 +415,27 @@ var Cookies = function Cookies(_ref) {
|
|
|
485
415
|
"value": "Reject all"
|
|
486
416
|
}]
|
|
487
417
|
}))));
|
|
488
|
-
}
|
|
489
|
-
Cookies.propTypes = propTypes$1;
|
|
490
|
-
Cookies.defaultProps = defaultProps$1;
|
|
418
|
+
}
|
|
491
419
|
|
|
492
|
-
var styles = {"container":"
|
|
420
|
+
var styles = {"container":"container","close":"close"};
|
|
493
421
|
|
|
494
|
-
var propTypes = {
|
|
495
|
-
urls: PropTypes.shape({
|
|
496
|
-
privacy: PropTypes.string,
|
|
497
|
-
terms: PropTypes.string
|
|
498
|
-
}),
|
|
499
|
-
labels: PropTypes.shape({
|
|
500
|
-
title: PropTypes.string,
|
|
501
|
-
description: PropTypes.string,
|
|
502
|
-
privacy: PropTypes.string,
|
|
503
|
-
terms: PropTypes.string
|
|
504
|
-
}),
|
|
505
|
-
onChange: PropTypes.func,
|
|
506
|
-
onSubmit: PropTypes.func,
|
|
507
|
-
onClose: PropTypes.func,
|
|
508
|
-
withClose: PropTypes.bool,
|
|
509
|
-
className: PropTypes.string,
|
|
510
|
-
children: PropTypes.node
|
|
511
|
-
};
|
|
512
|
-
var defaultProps = {
|
|
513
|
-
urls: null,
|
|
514
|
-
labels: null,
|
|
515
|
-
onChange: null,
|
|
516
|
-
onSubmit: null,
|
|
517
|
-
onClose: null,
|
|
518
|
-
withClose: false,
|
|
519
|
-
className: null,
|
|
520
|
-
children: null
|
|
521
|
-
};
|
|
522
422
|
function Consent(_ref) {
|
|
523
|
-
var urls = _ref.urls,
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
423
|
+
var _ref$urls = _ref.urls,
|
|
424
|
+
urls = _ref$urls === void 0 ? null : _ref$urls,
|
|
425
|
+
_ref$labels = _ref.labels,
|
|
426
|
+
labels = _ref$labels === void 0 ? null : _ref$labels,
|
|
427
|
+
_ref$onChange = _ref.onChange,
|
|
428
|
+
onChange = _ref$onChange === void 0 ? null : _ref$onChange,
|
|
429
|
+
_ref$onSubmit = _ref.onSubmit,
|
|
430
|
+
onSubmit = _ref$onSubmit === void 0 ? null : _ref$onSubmit,
|
|
431
|
+
_ref$onClose = _ref.onClose,
|
|
432
|
+
onClose = _ref$onClose === void 0 ? null : _ref$onClose,
|
|
433
|
+
_ref$withClose = _ref.withClose,
|
|
434
|
+
withClose = _ref$withClose === void 0 ? false : _ref$withClose,
|
|
435
|
+
_ref$className = _ref.className,
|
|
436
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
437
|
+
_ref$children = _ref.children,
|
|
438
|
+
children = _ref$children === void 0 ? null : _ref$children;
|
|
531
439
|
return /*#__PURE__*/React.createElement("div", {
|
|
532
440
|
className: classNames([styles.container, _defineProperty({}, className, className)])
|
|
533
441
|
}, onClose !== null && withClose ? /*#__PURE__*/React.createElement(CloseButton, {
|
|
@@ -544,7 +452,5 @@ function Consent(_ref) {
|
|
|
544
452
|
onClose: onClose
|
|
545
453
|
}));
|
|
546
454
|
}
|
|
547
|
-
Consent.propTypes = propTypes;
|
|
548
|
-
Consent.defaultProps = defaultProps;
|
|
549
455
|
|
|
550
456
|
export { Consent as default, useConsentActions as useConsent };
|
package/es/styles.css
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
|
|
2
|
+
.container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #fff;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;line-height:1.2;padding:8px 12px;position:relative}.container:active,.container:hover{background-color:#0b57d0;background-color:var(--color-primary,var(--color-button-active,#0b57d0));color:#fff}
|
|
3
|
+
.container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;line-height:1.2}.container .check{margin-right:6px}.container .input{accent-color:#0b57d0;accent-color:var(--color-primary,var(--color-checkbox-active,#0b57d0));cursor:pointer;display:block;height:1rem;margin:0 0 5px;width:1rem}.container .label{-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-weight:700;line-height:1}.container:active .label,.container:hover .label{-webkit-text-decoration:underline;text-decoration:underline}
|
|
4
|
+
.container{max-height:calc(100vh - 20px);overflow-y:scroll;padding:15px;position:relative}.container .title{font-size:1.2rem}.container .description,.container .label,.container .title{margin-bottom:1rem}.container .button{border-radius:10px;font-weight:700;margin:0 5px 5px 0}
|
|
5
|
+
.container{background-color:#000;background-color:var(--color-background,#000);border-radius:10px;color:#fff;color:var(--color-text,#fff);max-width:800px;position:relative}.container .close{color:#fff;color:var(--color-primary,#fff);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px;z-index:10}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/consent",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -30,32 +30,30 @@
|
|
|
30
30
|
"module": "es/index.js",
|
|
31
31
|
"exports": {
|
|
32
32
|
".": {
|
|
33
|
+
"types": "./es/index.d.ts",
|
|
33
34
|
"import": "./es/index.js"
|
|
34
35
|
},
|
|
35
|
-
"./scss/styles": "./scss/styles.scss",
|
|
36
|
-
"./scss/styles.scss": "./scss/styles.scss",
|
|
37
36
|
"./assets/css/styles": "./assets/css/styles.css",
|
|
38
37
|
"./assets/css/styles.css": "./assets/css/styles.css"
|
|
39
38
|
},
|
|
40
39
|
"files": [
|
|
41
40
|
"lib",
|
|
42
41
|
"es",
|
|
43
|
-
"assets"
|
|
44
|
-
"scss"
|
|
42
|
+
"assets"
|
|
45
43
|
],
|
|
46
44
|
"scripts": {
|
|
47
|
-
"clean": "rm -rf es && rm -rf lib && rm -rf assets
|
|
45
|
+
"clean": "rm -rf es && rm -rf lib && rm -rf assets",
|
|
48
46
|
"prepublishOnly": "npm run build",
|
|
49
|
-
"build": "../../scripts/prepare-package.sh --
|
|
47
|
+
"build": "../../scripts/prepare-package.sh --types"
|
|
50
48
|
},
|
|
51
49
|
"devDependencies": {
|
|
52
|
-
"@panneau/data": "^
|
|
53
|
-
"react": "^
|
|
54
|
-
"react-dom": "^
|
|
50
|
+
"@panneau/data": "^4.0.18",
|
|
51
|
+
"react": "^19.2.0",
|
|
52
|
+
"react-dom": "^18.3.0 || ^19.0.0"
|
|
55
53
|
},
|
|
56
54
|
"peerDependencies": {
|
|
57
|
-
"react": "^
|
|
58
|
-
"react-dom": "^
|
|
55
|
+
"react": "^19.2.0",
|
|
56
|
+
"react-dom": "^18.3.0 || ^19.0.0"
|
|
59
57
|
},
|
|
60
58
|
"dependencies": {
|
|
61
59
|
"@babel/runtime": "^7.13.10",
|
|
@@ -63,18 +61,18 @@
|
|
|
63
61
|
"@fortawesome/fontawesome-svg-core": "^6.5.2",
|
|
64
62
|
"@fortawesome/free-solid-svg-icons": "^6.5.2",
|
|
65
63
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
66
|
-
"@micromag/core": "^0.
|
|
67
|
-
"@micromag/data": "^0.
|
|
64
|
+
"@micromag/core": "^0.4.4",
|
|
65
|
+
"@micromag/data": "^0.4.4",
|
|
68
66
|
"bootstrap": "^5.3.7",
|
|
69
67
|
"classnames": "^2.2.6",
|
|
70
|
-
"lodash": "^4.17.
|
|
71
|
-
"
|
|
72
|
-
"react-intl": "^6.6.4",
|
|
68
|
+
"lodash": "^4.17.23",
|
|
69
|
+
"react-intl": "^8.1.3",
|
|
73
70
|
"wouter": "^3.0.0"
|
|
74
71
|
},
|
|
75
72
|
"publishConfig": {
|
|
76
73
|
"access": "public",
|
|
77
74
|
"registry": "https://registry.npmjs.org/"
|
|
78
75
|
},
|
|
79
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
|
|
77
|
+
"types": "es/index.d.ts"
|
|
80
78
|
}
|
package/scss/styles.scss
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import '~@micromag/consent/assets/css/styles.css';
|