@popsure/dirty-swan 0.28.10 → 0.28.11
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/cjs/index.js
CHANGED
|
@@ -13647,7 +13647,7 @@ var ArrowIcon = function (_a) {
|
|
|
13647
13647
|
return (jsxRuntime.jsx("svg", __assign({ width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
|
|
13648
13648
|
};
|
|
13649
13649
|
|
|
13650
|
-
var css_248z$7 = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n
|
|
13650
|
+
var css_248z$7 = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 32px;\n z-index: 3;\n padding: 0;\n border-radius: 50%;\n background-color: #f5f5fa;\n justify-content: center;\n align-items: center;\n stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f5f5fa;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f5f5fa;\n cursor: pointer;\n}";
|
|
13651
13651
|
var styles$6 = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
|
|
13652
13652
|
styleInject(css_248z$7);
|
|
13653
13653
|
|
|
@@ -4,7 +4,7 @@ import { c as classnames } from '../../../../index-e9e37a34.js';
|
|
|
4
4
|
import ArrowIcon from './Arrow.js';
|
|
5
5
|
import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
|
|
6
6
|
|
|
7
|
-
var css_248z = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n
|
|
7
|
+
var css_248z = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 32px;\n z-index: 3;\n padding: 0;\n border-radius: 50%;\n background-color: #f5f5fa;\n justify-content: center;\n align-items: center;\n stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f5f5fa;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f5f5fa;\n cursor: pointer;\n}";
|
|
8
8
|
var styles = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
|
|
9
9
|
styleInject(css_248z);
|
|
10
10
|
|
package/package.json
CHANGED
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
padding: 0 16px;
|
|
9
9
|
justify-content: space-between;
|
|
10
10
|
align-items: center;
|
|
11
|
-
z-index: 1;
|
|
12
11
|
display: flex;
|
|
13
12
|
@include p-size-tablet {
|
|
14
13
|
display: none;
|
|
@@ -26,6 +25,7 @@
|
|
|
26
25
|
.arrow {
|
|
27
26
|
width: 32px;
|
|
28
27
|
height: 32px;
|
|
28
|
+
z-index: 3;
|
|
29
29
|
|
|
30
30
|
padding: 0;
|
|
31
31
|
|
|
@@ -75,6 +75,11 @@ export const ComparisonTableWithData = () => {
|
|
|
75
75
|
id: 1,
|
|
76
76
|
key: 'name',
|
|
77
77
|
label: 'Films',
|
|
78
|
+
render: (value) => (
|
|
79
|
+
<TableButton onClick={() => {}}>
|
|
80
|
+
{value}
|
|
81
|
+
</TableButton>
|
|
82
|
+
),
|
|
78
83
|
},
|
|
79
84
|
{
|
|
80
85
|
id: 2,
|
|
@@ -316,6 +321,11 @@ export const ComparisonTableWithData = () => {
|
|
|
316
321
|
id: 1,
|
|
317
322
|
key: 'name',
|
|
318
323
|
label: 'Films',
|
|
324
|
+
render: (value) => (
|
|
325
|
+
<TableButton onClick={() => {}}>
|
|
326
|
+
{value}
|
|
327
|
+
</TableButton>
|
|
328
|
+
),
|
|
319
329
|
},
|
|
320
330
|
{
|
|
321
331
|
id: 2,
|