@tangible/ui 0.0.10 → 0.0.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.
@@ -0,0 +1,51 @@
1
+ import type { FC, SVGProps } from 'react';
2
+
3
+ type IconComponent = FC<SVGProps<SVGSVGElement>>;
4
+
5
+ export declare const ArrowLeft: IconComponent;
6
+ export declare const Cart: IconComponent;
7
+ export declare const Check: IconComponent;
8
+ export declare const ChevronDown: IconComponent;
9
+ export declare const ChevronLeft: IconComponent;
10
+ export declare const ChevronRight: IconComponent;
11
+ export declare const ChevronUp: IconComponent;
12
+ export declare const Close: IconComponent;
13
+ export declare const Cog: IconComponent;
14
+ export declare const Download: IconComponent;
15
+ export declare const Exit: IconComponent;
16
+ export declare const FilePdf: IconComponent;
17
+ export declare const Filter: IconComponent;
18
+ export declare const Home: IconComponent;
19
+ export declare const License: IconComponent;
20
+ export declare const Plus: IconComponent;
21
+ export declare const Report: IconComponent;
22
+ export declare const Reverse: IconComponent;
23
+ export declare const Search: IconComponent;
24
+ export declare const TableColumn: IconComponent;
25
+ export declare const TableRow: IconComponent;
26
+ export declare const Users: IconComponent;
27
+
28
+ export declare const membersyncIcons: {
29
+ 'arrow-left': IconComponent;
30
+ 'cart': IconComponent;
31
+ 'check': IconComponent;
32
+ 'chevron-down': IconComponent;
33
+ 'chevron-left': IconComponent;
34
+ 'chevron-right': IconComponent;
35
+ 'chevron-up': IconComponent;
36
+ 'close': IconComponent;
37
+ 'cog': IconComponent;
38
+ 'download': IconComponent;
39
+ 'exit': IconComponent;
40
+ 'file-pdf': IconComponent;
41
+ 'filter': IconComponent;
42
+ 'home': IconComponent;
43
+ 'license': IconComponent;
44
+ 'plus': IconComponent;
45
+ 'report': IconComponent;
46
+ 'reverse': IconComponent;
47
+ 'search': IconComponent;
48
+ 'table-column': IconComponent;
49
+ 'table-row': IconComponent;
50
+ 'users': IconComponent;
51
+ };
@@ -0,0 +1,246 @@
1
+ import { createElement as _c } from "react";
2
+
3
+ export function ArrowLeft(props) {
4
+ return _c("svg", Object.assign({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ viewBox: "0 0 24 24",
7
+ width: "1em",
8
+ height: "1em",
9
+ fill: "currentColor"
10
+ }, props), _c("path", {d:"M22.286 10.22H5.854l3.93-4.126c.164-.166.294-.364.384-.584a1.88 1.88 0 0 0 .012-1.392 1.8 1.8 0 0 0-.375-.59 1.7 1.7 0 0 0-.563-.394 1.64 1.64 0 0 0-1.325.012c-.21.094-.399.232-.557.403L.504 10.748c-.16.167-.287.366-.373.584a1.88 1.88 0 0 0 0 1.38c.086.219.213.417.373.584l6.856 7.199c.324.328.757.509 1.206.505.45-.004.88-.193 1.197-.527s.498-.785.502-1.257a1.85 1.85 0 0 0-.48-1.266l-3.931-4.13h16.432c.454 0 .89-.19 1.212-.527.321-.338.502-.795.502-1.273s-.18-.935-.502-1.272a1.67 1.67 0 0 0-1.212-.527"}));
11
+ }
12
+
13
+ export function Cart(props) {
14
+ return _c("svg", Object.assign({
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ viewBox: "0 0 24 24",
17
+ width: "1em",
18
+ height: "1em",
19
+ fill: "currentColor"
20
+ }, props), [_c("g", {"clip-path":"url(#a)"}, _c("path", {d:"M20.21 14.398c.275 0 .542-.085.761-.242a1.2 1.2 0 0 0 .454-.629l2.527-8.399a1.14 1.14 0 0 0-.207-1.052 1.25 1.25 0 0 0-.445-.35 1.3 1.3 0 0 0-.564-.126H6.026L5.273.894a1.2 1.2 0 0 0-.45-.645A1.3 1.3 0 0 0 4.051 0H1.263C.928 0 .607.126.37.351A1.17 1.17 0 0 0 0 1.2c0 .318.133.623.37.848s.558.352.893.352H3.08l.757 2.705v.023l2.527 8.4.942 3.582a3.76 3.76 0 0 0-1.556 1.21 3.45 3.45 0 0 0-.308 3.671 3.67 3.67 0 0 0 1.335 1.428 3.93 3.93 0 0 0 1.916.578 3.95 3.95 0 0 0 1.958-.434c.6-.31 1.1-.766 1.449-1.324a3.46 3.46 0 0 0 .531-1.842 3.4 3.4 0 0 0-.232-1.2h2.991a3.4 3.4 0 0 0-.232 1.2c0 .712.222 1.408.638 2a3.75 3.75 0 0 0 1.701 1.326 4 4 0 0 0 2.19.205 3.86 3.86 0 0 0 1.94-.985c.53-.504.89-1.145 1.037-1.843a3.43 3.43 0 0 0-.216-2.08 3.65 3.65 0 0 0-1.396-1.616 3.93 3.93 0 0 0-2.105-.606h-9.12l-.631-2.4zm-10.105 6c0 .237-.074.469-.213.666a1.25 1.25 0 0 1-.567.442c-.23.09-.484.114-.73.068a1.3 1.3 0 0 1-.646-.328 1.2 1.2 0 0 1-.346-.614 1.14 1.14 0 0 1 .072-.694c.096-.219.257-.406.465-.538a1.31 1.31 0 0 1 1.595.149c.237.225.37.53.37.848m8.842 1.2c-.25 0-.494-.071-.702-.203a1.2 1.2 0 0 1-.465-.538c-.096-.22-.12-.46-.072-.694.049-.232.17-.446.346-.614.177-.168.402-.282.647-.328s.499-.023.73.068c.23.09.428.244.566.442.14.197.213.43.213.666 0 .319-.133.624-.37.849a1.3 1.3 0 0 1-.893.351"})), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
21
+ }
22
+
23
+ export function Check(props) {
24
+ return _c("svg", Object.assign({
25
+ xmlns: "http://www.w3.org/2000/svg",
26
+ viewBox: "0 0 24 24",
27
+ width: "1em",
28
+ height: "1em",
29
+ fill: "currentColor"
30
+ }, props), _c("path", {d:"M8.586 22c-.391.002-.768-.182-1.05-.513L.454 13.155a1.9 1.9 0 0 1-.332-.586 2.2 2.2 0 0 1-.12-.696 2.04 2.04 0 0 1 .426-1.294c.279-.345.66-.543 1.058-.549.398-.005.782.18 1.067.518l6.04 7.102L21.447 2.518c.285-.338.67-.524 1.068-.518.4.006.78.204 1.058.55s.432.812.427 1.296a2.03 2.03 0 0 1-.454 1.282l-13.91 16.36c-.281.33-.658.514-1.05.512"}));
31
+ }
32
+
33
+ export function ChevronDown(props) {
34
+ return _c("svg", Object.assign({
35
+ xmlns: "http://www.w3.org/2000/svg",
36
+ viewBox: "0 0 24 24",
37
+ width: "1em",
38
+ height: "1em",
39
+ fill: "currentColor"
40
+ }, props), _c("path", {d:"M12.027 18a2.25 2.25 0 0 1-1.527-.585L1.86 9.432a2 2 0 0 1-.484-.648A1.87 1.87 0 0 1 1.36 7.24c.109-.245.269-.468.472-.655a2.2 2.2 0 0 1 .71-.436 2.32 2.32 0 0 1 1.67.013c.263.105.502.257.7.447l7.114 6.573 7.113-6.573a2.26 2.26 0 0 1 1.519-.56 2.25 2.25 0 0 1 1.509.585c.4.37.627.87.632 1.394a1.92 1.92 0 0 1-.606 1.404l-8.64 7.983a2.25 2.25 0 0 1-1.527.585"}));
41
+ }
42
+
43
+ export function ChevronLeft(props) {
44
+ return _c("svg", Object.assign({
45
+ xmlns: "http://www.w3.org/2000/svg",
46
+ viewBox: "0 0 24 24",
47
+ width: "1em",
48
+ height: "1em",
49
+ fill: "currentColor"
50
+ }, props), _c("path", {d:"M15.98 22.8c-.53 0-1.037-.227-1.412-.632l-7.984-8.63A2.25 2.25 0 0 1 6 12.015c0-.573.21-1.121.584-1.526l7.984-8.63c.184-.205.405-.37.648-.483a1.87 1.87 0 0 1 1.544-.014c.245.108.468.269.655.471.188.203.336.444.436.709a2.3 2.3 0 0 1-.013 1.668 2.2 2.2 0 0 1-.447.7l-6.573 7.105 6.573 7.104c.279.301.469.686.546 1.104a2.3 2.3 0 0 1-.114 1.246 2.13 2.13 0 0 1-.735.968 1.9 1.9 0 0 1-1.109.364"}));
51
+ }
52
+
53
+ export function ChevronRight(props) {
54
+ return _c("svg", Object.assign({
55
+ xmlns: "http://www.w3.org/2000/svg",
56
+ viewBox: "0 0 24 24",
57
+ width: "1em",
58
+ height: "1em",
59
+ fill: "currentColor"
60
+ }, props), _c("path", {d:"M8.02 22.8a1.9 1.9 0 0 1-1.108-.364 2.13 2.13 0 0 1-.735-.968 2.3 2.3 0 0 1-.114-1.246c.077-.418.267-.803.546-1.104l6.573-7.104L6.61 4.909a2.2 2.2 0 0 1-.447-.7 2.3 2.3 0 0 1-.013-1.668c.1-.265.248-.506.436-.709a2 2 0 0 1 .655-.471 1.87 1.87 0 0 1 1.544.014 2 2 0 0 1 .648.484l7.984 8.63c.374.404.584.952.584 1.524s-.21 1.121-.584 1.526l-7.984 8.63a1.92 1.92 0 0 1-1.411.631"}));
61
+ }
62
+
63
+ export function ChevronUp(props) {
64
+ return _c("svg", Object.assign({
65
+ xmlns: "http://www.w3.org/2000/svg",
66
+ viewBox: "0 0 24 24",
67
+ width: "1em",
68
+ height: "1em",
69
+ fill: "currentColor"
70
+ }, props), _c("path", {d:"M20.643 17.976a2.25 2.25 0 0 1-1.525-.585l-7.104-6.573-7.105 6.573a2.2 2.2 0 0 1-.7.447 2.3 2.3 0 0 1-1.668.013 2.2 2.2 0 0 1-.709-.436 2 2 0 0 1-.471-.655 1.87 1.87 0 0 1 .014-1.544c.113-.243.278-.463.484-.648l8.63-7.984A2.25 2.25 0 0 1 12.013 6c.572 0 1.12.21 1.525.584l8.63 7.984c.301.28.507.635.59 1.022s.04.789-.123 1.153a2.04 2.04 0 0 1-.794.896c-.355.22-.772.336-1.199.337"}));
71
+ }
72
+
73
+ export function Close(props) {
74
+ return _c("svg", Object.assign({
75
+ xmlns: "http://www.w3.org/2000/svg",
76
+ viewBox: "0 0 24 24",
77
+ width: "1em",
78
+ height: "1em",
79
+ fill: "currentColor"
80
+ }, props), _c("path", {d:"m14.178 12 8.152-8.152A1.542 1.542 0 0 0 21.247 1.2a1.54 1.54 0 0 0-1.095.47L12 9.822 3.848 1.67A1.54 1.54 0 0 0 1.67 3.848L9.822 12 1.67 20.152a1.54 1.54 0 1 0 2.178 2.178L12 14.178l8.152 8.152a1.54 1.54 0 0 0 2.178-2.178z"}));
81
+ }
82
+
83
+ export function Cog(props) {
84
+ return _c("svg", Object.assign({
85
+ xmlns: "http://www.w3.org/2000/svg",
86
+ viewBox: "0 0 24 24",
87
+ width: "1em",
88
+ height: "1em",
89
+ fill: "currentColor"
90
+ }, props), [_c("g", {"clip-path":"url(#a)"}, _c("path", {d:"M22.667 9.333h-1.01l-.942-2.276.713-.714a1.333 1.333 0 0 0 0-1.886l-1.885-1.885a1.333 1.333 0 0 0-1.886 0l-.714.713-2.276-.942v-1.01A1.333 1.333 0 0 0 13.333 0h-2.666a1.333 1.333 0 0 0-1.334 1.333v1.01l-2.276.942-.714-.713a1.333 1.333 0 0 0-1.886 0L2.572 4.457a1.333 1.333 0 0 0 0 1.886l.715.714-.944 2.276h-1.01A1.333 1.333 0 0 0 0 10.667v2.666a1.333 1.333 0 0 0 1.333 1.334h1.01c.454 1.097.489 1.178.942 2.276l-.713.714a1.333 1.333 0 0 0 0 1.886l1.885 1.885a1.333 1.333 0 0 0 1.886 0l.714-.713 2.276.942v1.01A1.333 1.333 0 0 0 10.667 24h2.666a1.333 1.333 0 0 0 1.334-1.333v-1.01l2.276-.944.714.715a1.333 1.333 0 0 0 1.886 0l1.885-1.885a1.333 1.333 0 0 0 0-1.886l-.713-.714.942-2.276h1.01A1.333 1.333 0 0 0 24 13.333v-2.666a1.333 1.333 0 0 0-1.333-1.334m-10.667 8a5.334 5.334 0 1 1 0-10.667 5.334 5.334 0 0 1 0 10.667"})), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
91
+ }
92
+
93
+ export function Download(props) {
94
+ return _c("svg", Object.assign({
95
+ xmlns: "http://www.w3.org/2000/svg",
96
+ viewBox: "0 0 24 24",
97
+ width: "1em",
98
+ height: "1em",
99
+ fill: "currentColor"
100
+ }, props), [_c("g", {"clip-path":"url(#a)"}, [_c("path", {d:"M17.648 8.976c-.225-.23-.53-.36-.848-.36s-.623.13-.848.36L13.2 11.798V1.231c0-.327-.126-.64-.351-.87C12.622.13 12.319 0 12 0s-.623.13-.848.36a1.24 1.24 0 0 0-.352.87v10.568L8.048 8.976a1.2 1.2 0 0 0-.852-.376 1.17 1.17 0 0 0-.86.36 1.23 1.23 0 0 0-.35.882 1.26 1.26 0 0 0 .366.874l4.8 4.923a1.2 1.2 0 0 0 .85.362 1.18 1.18 0 0 0 .849-.362l4.8-4.923a1.25 1.25 0 0 0-.003-1.74"}), _c("path", {d:"M21.6 14.154h-3.06l-3.57 3.661c-.39.4-.853.718-1.363.934a4.1 4.1 0 0 1-3.214 0 4.2 4.2 0 0 1-1.363-.934l-3.57-3.661H2.4a2.37 2.37 0 0 0-1.697.72A2.5 2.5 0 0 0 0 16.616v4.924c0 .652.253 1.278.703 1.74A2.37 2.37 0 0 0 2.4 24h19.2a2.37 2.37 0 0 0 1.697-.721c.45-.462.703-1.088.703-1.74v-4.924c0-.652-.253-1.279-.703-1.74a2.37 2.37 0 0 0-1.697-.721m-3 7.384c-.356 0-.704-.108-1-.31a1.84 1.84 0 0 1-.663-.83 1.9 1.9 0 0 1-.102-1.066c.069-.358.24-.687.492-.945s.573-.434.922-.505.71-.035 1.04.105c.329.14.61.376.808.68a1.88 1.88 0 0 1-.224 2.33 1.78 1.78 0 0 1-1.273.541"})]), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
101
+ }
102
+
103
+ export function Exit(props) {
104
+ return _c("svg", Object.assign({
105
+ xmlns: "http://www.w3.org/2000/svg",
106
+ viewBox: "0 0 24 24",
107
+ width: "1em",
108
+ height: "1em",
109
+ fill: "currentColor"
110
+ }, props), [_c("g", {"clip-path":"url(#a)"}, [_c("path", {d:"M23.886 11.427a1.5 1.5 0 0 0-.325-.489l-6-5.999a1.5 1.5 0 0 0-2.12 0 1.5 1.5 0 0 0 0 2.122l3.44 3.439H6a1.5 1.5 0 1 0 0 3h12.88l-3.44 3.44a1.498 1.498 0 0 0 1.06 2.56c.384 0 .768-.147 1.06-.44l6-5.998a1.5 1.5 0 0 0 .326-1.635"}), _c("path", {d:"M9 21H4.5c-.828 0-1.5-.674-1.5-1.5v-15C3 3.674 3.672 3 4.5 3H9a1.5 1.5 0 1 0 0-3H4.5A4.506 4.506 0 0 0 0 4.5v15C0 21.981 2.02 24 4.5 24H9a1.5 1.5 0 1 0 0-3"})]), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
111
+ }
112
+
113
+ export function FilePdf(props) {
114
+ return _c("svg", Object.assign({
115
+ xmlns: "http://www.w3.org/2000/svg",
116
+ viewBox: "0 0 24 24",
117
+ width: "1em",
118
+ height: "1em",
119
+ fill: "currentColor"
120
+ }, props), [_c("g", {"clip-path":"url(#a)"}, [_c("path", {d:"M5.4 13.2h-.6v1.2h.6a.6.6 0 0 0 0-1.2m3-7.2V.156a3.55 3.55 0 0 0-1.552.899L3.455 4.448A3.55 3.55 0 0 0 2.556 6zm4.05 7.2H12v3.6h.45a.75.75 0 0 0 .75-.75v-2.1a.75.75 0 0 0-.75-.75"}), _c("path", {d:"M22.8 8.4h-1.2v-6c0-1.324-1.04-2.4-2.32-2.4H10.8v6c0 1.324-1.076 2.4-2.4 2.4H1.2A1.2 1.2 0 0 0 0 9.6v10.8a1.2 1.2 0 0 0 1.2 1.2h1.2c0 1.324 1.04 2.4 2.32 2.4h14.56c1.316 0 2.037-1.483 2.228-1.937.062-.149.084-.306.084-.463H22.8a1.2 1.2 0 0 0 1.2-1.2V9.6a1.2 1.2 0 0 0-1.2-1.2M5.4 16.8h-.6V18a1.2 1.2 0 0 1-2.4 0v-6a1.2 1.2 0 0 1 1.2-1.2h1.8c1.654 0 3 1.346 3 3s-1.346 3-3 3m10.2-.75a3.154 3.154 0 0 1-3.15 3.15H10.8A1.2 1.2 0 0 1 9.6 18v-6a1.2 1.2 0 0 1 1.2-1.2h1.65a3.154 3.154 0 0 1 3.15 3.15zm4.8-1.65a1.2 1.2 0 0 1 0 2.4h-1.2V18a1.2 1.2 0 0 1-2.4 0v-6a1.2 1.2 0 0 1 1.2-1.2h2.4a1.2 1.2 0 0 1 0 2.4h-1.2v1.2z"})]), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
121
+ }
122
+
123
+ export function Filter(props) {
124
+ return _c("svg", Object.assign({
125
+ xmlns: "http://www.w3.org/2000/svg",
126
+ viewBox: "0 0 24 24",
127
+ width: "1em",
128
+ height: "1em",
129
+ fill: "currentColor"
130
+ }, props), [_c("g", {"clip-path":"url(#a)"}, _c("path", {d:"m.298 2.327 8.71 11.491v5.818L14.992 24V13.818l8.712-11.49a1.43 1.43 0 0 0 .14-1.526 1.47 1.47 0 0 0-.552-.587A1.5 1.5 0 0 0 22.506 0H1.494a1.5 1.5 0 0 0-.785.215A1.47 1.47 0 0 0 .16.8a1.43 1.43 0 0 0 .139 1.526"})), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
131
+ }
132
+
133
+ export function Home(props) {
134
+ return _c("svg", Object.assign({
135
+ xmlns: "http://www.w3.org/2000/svg",
136
+ viewBox: "0 0 24 24",
137
+ width: "1em",
138
+ height: "1em",
139
+ fill: "currentColor"
140
+ }, props), [_c("g", {"clip-path":"url(#a)"}, _c("path", {d:"m23.663 11.152-2.403-2.4-8.41-8.4a1.2 1.2 0 0 0-1.7 0l-8.41 8.4-2.403 2.4a1.2 1.2 0 0 0 .854 2.033c.315.003.619-.118.845-.337l.352-.351V21.6A2.4 2.4 0 0 0 4.791 24h3.605a1.2 1.2 0 0 0 1.201-1.2V18a1.2 1.2 0 0 1 1.202-1.2h2.403a1.2 1.2 0 0 1 1.201 1.2v4.8a1.2 1.2 0 0 0 1.201 1.2h3.605a2.404 2.404 0 0 0 2.403-2.4v-9.103l.352.351A1.202 1.202 0 0 0 24 11.996a1.2 1.2 0 0 0-.337-.844"})), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
141
+ }
142
+
143
+ export function License(props) {
144
+ return _c("svg", Object.assign({
145
+ xmlns: "http://www.w3.org/2000/svg",
146
+ viewBox: "0 0 24 24",
147
+ width: "1em",
148
+ height: "1em",
149
+ fill: "currentColor"
150
+ }, props), _c("path", {d:"M20.207.092a1.35 1.35 0 0 0-1.402.26l-1.662 1.552L15.48.353a1.35 1.35 0 0 0-1.818 0L12 1.904 10.338.353a1.35 1.35 0 0 0-1.818 0L6.857 1.904 5.195.353a1.35 1.35 0 0 0-1.402-.26C3.313.276 3 .715 3 1.2v21.6c0 .485.312.924.793 1.109a1.35 1.35 0 0 0 1.402-.26l1.662-1.552 1.663 1.551a1.35 1.35 0 0 0 1.818 0L12 22.096l1.662 1.551a1.35 1.35 0 0 0 1.818 0l1.663-1.551 1.662 1.551a1.36 1.36 0 0 0 1.402.261c.48-.185.793-.624.793-1.109V1.201c0-.485-.312-.924-.793-1.109M15.857 18H8.143c-.711 0-1.286-.537-1.286-1.2 0-.664.575-1.2 1.286-1.2h7.714c.711 0 1.286.536 1.286 1.2s-.575 1.2-1.286 1.2m0-4.8H8.143c-.711 0-1.286-.536-1.286-1.2s.575-1.2 1.286-1.2h7.714c.711 0 1.286.537 1.286 1.2 0 .664-.575 1.2-1.286 1.2m0-4.8H8.143c-.711 0-1.286-.536-1.286-1.2S7.432 6 8.143 6h7.714c.711 0 1.286.537 1.286 1.2 0 .664-.575 1.2-1.286 1.2"}));
151
+ }
152
+
153
+ export function Plus(props) {
154
+ return _c("svg", Object.assign({
155
+ xmlns: "http://www.w3.org/2000/svg",
156
+ viewBox: "0 0 24 24",
157
+ width: "1em",
158
+ height: "1em",
159
+ fill: "currentColor"
160
+ }, props), _c("path", {d:"M20.534 10.934h-7.467V3.467a1.066 1.066 0 0 0-2.133 0v7.467H3.467a1.067 1.067 0 0 0 0 2.133h7.467v7.467a1.067 1.067 0 0 0 2.133 0v-7.467h7.467a1.067 1.067 0 0 0 0-2.133"}));
161
+ }
162
+
163
+ export function Report(props) {
164
+ return _c("svg", Object.assign({
165
+ xmlns: "http://www.w3.org/2000/svg",
166
+ viewBox: "0 0 24 24",
167
+ width: "1em",
168
+ height: "1em",
169
+ fill: "currentColor"
170
+ }, props), _c("path", {d:"M21.6 2H2.4C1.076 2 0 3.121 0 4.5v15C0 20.879 1.076 22 2.4 22h19.2c1.324 0 2.4-1.121 2.4-2.5v-15C24 3.121 22.924 2 21.6 2M6 17c-.662 0-1.2-.56-1.2-1.25S5.338 14.5 6 14.5s1.2.56 1.2 1.25S6.662 17 6 17m0-3.75c-.662 0-1.2-.56-1.2-1.25s.538-1.25 1.2-1.25 1.2.56 1.2 1.25-.538 1.25-1.2 1.25M6 9.5c-.662 0-1.2-.56-1.2-1.25S5.338 7 6 7s1.2.56 1.2 1.25S6.662 9.5 6 9.5M18 17h-7.2c-.664 0-1.2-.56-1.2-1.25s.536-1.25 1.2-1.25H18c.664 0 1.2.56 1.2 1.25S18.664 17 18 17m0-3.75h-7.2c-.664 0-1.2-.56-1.2-1.25s.536-1.25 1.2-1.25H18c.664 0 1.2.56 1.2 1.25s-.536 1.25-1.2 1.25m0-3.75h-7.2c-.664 0-1.2-.56-1.2-1.25S10.136 7 10.8 7H18c.664 0 1.2.56 1.2 1.25S18.664 9.5 18 9.5"}));
171
+ }
172
+
173
+ export function Reverse(props) {
174
+ return _c("svg", Object.assign({
175
+ xmlns: "http://www.w3.org/2000/svg",
176
+ viewBox: "0 0 24 24",
177
+ width: "1em",
178
+ height: "1em",
179
+ fill: "currentColor"
180
+ }, props), _c("path", {d:"M16.5 14.857H5.12l1.94-1.847a1.38 1.38 0 0 0 0-2.02 1.55 1.55 0 0 0-2.122 0l-4.5 4.286a1.4 1.4 0 0 0-.324.464c-.152.35-.152.743 0 1.091.076.175.186.333.324.465l4.5 4.285C5.231 21.86 5.615 22 6 22s.768-.14 1.06-.419a1.38 1.38 0 0 0 0-2.02l-1.94-1.847h11.382c.828 0 1.5-.64 1.5-1.428 0-.789-.672-1.429-1.5-1.429m7.384-7.688a1.4 1.4 0 0 0-.324-.464l-4.5-4.286a1.55 1.55 0 0 0-2.122 0 1.38 1.38 0 0 0 0 2.02l1.94 1.847H7.5c-.829 0-1.5.64-1.5 1.429 0 .788.671 1.428 1.5 1.428h11.38l-1.94 1.847a1.38 1.38 0 0 0 0 2.02c.293.279.677.419 1.06.419.385 0 .77-.14 1.062-.419l4.5-4.285c.138-.132.248-.29.324-.465a1.37 1.37 0 0 0 0-1.091"}));
181
+ }
182
+
183
+ export function Search(props) {
184
+ return _c("svg", Object.assign({
185
+ xmlns: "http://www.w3.org/2000/svg",
186
+ viewBox: "0 0 24 24",
187
+ width: "1em",
188
+ height: "1em",
189
+ fill: "currentColor"
190
+ }, props), [_c("g", {"clip-path":"url(#a)"}, _c("path", {d:"M9.6 19.2a9.6 9.6 0 1 1 9.6-9.6 9.61 9.61 0 0 1-9.6 9.6m0-16.8a7.2 7.2 0 1 0 7.2 7.2 7.207 7.207 0 0 0-7.2-7.2M22.8 24a1.2 1.2 0 0 1-.848-.352l-4.8-4.8a1.2 1.2 0 0 1 1.697-1.696l4.8 4.8A1.2 1.2 0 0 1 22.8 24"})), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
191
+ }
192
+
193
+ export function TableColumn(props) {
194
+ return _c("svg", Object.assign({
195
+ xmlns: "http://www.w3.org/2000/svg",
196
+ viewBox: "0 0 24 24",
197
+ width: "1em",
198
+ height: "1em",
199
+ fill: "currentColor"
200
+ }, props), _c("path", {d:"M21.6 3H2.4c-.637 0-1.247.27-1.697.753A2.67 2.67 0 0 0 0 5.571V18.43c0 .682.253 1.336.703 1.818S1.763 21 2.4 21h19.2a2.32 2.32 0 0 0 1.697-.753c.45-.482.703-1.136.703-1.818V5.57c0-.682-.253-1.336-.703-1.818A2.32 2.32 0 0 0 21.6 3M2.4 10.714h8.4v7.715H2.4zm10.8 7.715v-7.715h8.4v7.715z"}));
201
+ }
202
+
203
+ export function TableRow(props) {
204
+ return _c("svg", Object.assign({
205
+ xmlns: "http://www.w3.org/2000/svg",
206
+ viewBox: "0 0 24 24",
207
+ width: "1em",
208
+ height: "1em",
209
+ fill: "currentColor"
210
+ }, props), _c("path", {d:"M21.6 3H2.4c-.637 0-1.247.27-1.697.753A2.67 2.67 0 0 0 0 5.571V18.43c0 .682.253 1.336.703 1.818S1.763 21 2.4 21h19.2a2.32 2.32 0 0 0 1.697-.753c.45-.482.703-1.136.703-1.818V5.57c0-.682-.253-1.336-.703-1.818A2.32 2.32 0 0 0 21.6 3m0 10.286h-8.4v-2.572h8.4zM2.4 5.57h19.2v2.572H2.4zm8.4 5.143v2.572H2.4v-2.572zm-8.4 5.143h8.4v2.572H2.4zm10.8 2.572v-2.572h8.4v2.572z"}));
211
+ }
212
+
213
+ export function Users(props) {
214
+ return _c("svg", Object.assign({
215
+ xmlns: "http://www.w3.org/2000/svg",
216
+ viewBox: "0 0 24 24",
217
+ width: "1em",
218
+ height: "1em",
219
+ fill: "currentColor"
220
+ }, props), [_c("g", {"clip-path":"url(#a)"}, [_c("path", {d:"M7.8 11.368c2.982 0 5.4-2.544 5.4-5.684S10.782 0 7.8 0 2.4 2.545 2.4 5.684s2.418 5.684 5.4 5.684m1.8 1.264H6c-1.59.002-3.116.668-4.24 1.852S.001 17.273 0 18.947v3.79c0 .335.126.656.351.893.226.237.53.37.849.37h13.2c.318 0 .624-.133.848-.37.226-.237.352-.558.352-.893v-3.79c-.002-1.674-.635-3.28-1.76-4.463s-2.65-1.85-4.24-1.852"}), _c("path", {d:"M12.203 8.953a5.84 5.84 0 0 0 .997-3.269 6 6 0 0 0-.137-1.236 4.9 4.9 0 0 0-.974 2.137c-.15.787-.11 1.601.114 2.368M16.8 2.526a4.6 4.6 0 0 0-1.68.338 8.53 8.53 0 0 1 .343 4.377 8.3 8.3 0 0 1-1.87 3.927 8.5 8.5 0 0 1 1.503 1.118c.543.224 1.12.341 1.704.346a4.68 4.68 0 0 0 3.394-1.48A5.2 5.2 0 0 0 21.6 7.579a5.2 5.2 0 0 0-1.406-3.573 4.68 4.68 0 0 0-3.394-1.48M18 13.895h-1.532A9.1 9.1 0 0 1 18 18.947v3.79A3.9 3.9 0 0 1 17.78 24h5.02c.318 0 .624-.133.848-.37.226-.237.352-.558.352-.893V20.21c-.002-1.675-.635-3.28-1.76-4.464s-2.65-1.85-4.24-1.852"})]), _c("defs", null, _c("clipPath", {id:"a"}, _c("path", {d:"M0 0h24v24H0z"})))]);
221
+ }
222
+
223
+ export const membersyncIcons = {
224
+ 'arrow-left': ArrowLeft,
225
+ 'cart': Cart,
226
+ 'check': Check,
227
+ 'chevron-down': ChevronDown,
228
+ 'chevron-left': ChevronLeft,
229
+ 'chevron-right': ChevronRight,
230
+ 'chevron-up': ChevronUp,
231
+ 'close': Close,
232
+ 'cog': Cog,
233
+ 'download': Download,
234
+ 'exit': Exit,
235
+ 'file-pdf': FilePdf,
236
+ 'filter': Filter,
237
+ 'home': Home,
238
+ 'license': License,
239
+ 'plus': Plus,
240
+ 'report': Report,
241
+ 'reverse': Reverse,
242
+ 'search': Search,
243
+ 'table-column': TableColumn,
244
+ 'table-row': TableRow,
245
+ 'users': Users,
246
+ };
@@ -15,17 +15,39 @@ export type IconName =
15
15
  | 'cred/star'
16
16
  | 'cred/timer'
17
17
  | 'cred/trophy'
18
- | 'lms/book'
18
+ | 'lms/book-outline'
19
19
  | 'lms/calendar'
20
20
  | 'lms/checkmark'
21
- | 'lms/clock'
21
+ | 'lms/clock-outline'
22
22
  | 'lms/item-type-page'
23
23
  | 'lms/item-type-section'
24
24
  | 'lms/item-type-text'
25
25
  | 'lms/item-type-video'
26
- | 'lms/lock'
26
+ | 'lms/lock-outline'
27
27
  | 'lms/question-mark'
28
- | 'lms/unlock'
28
+ | 'lms/unlock-outline'
29
+ | 'membersync/arrow-left'
30
+ | 'membersync/cart'
31
+ | 'membersync/check'
32
+ | 'membersync/chevron-down'
33
+ | 'membersync/chevron-left'
34
+ | 'membersync/chevron-right'
35
+ | 'membersync/chevron-up'
36
+ | 'membersync/close'
37
+ | 'membersync/cog'
38
+ | 'membersync/download'
39
+ | 'membersync/exit'
40
+ | 'membersync/file-pdf'
41
+ | 'membersync/filter'
42
+ | 'membersync/home'
43
+ | 'membersync/license'
44
+ | 'membersync/plus'
45
+ | 'membersync/report'
46
+ | 'membersync/reverse'
47
+ | 'membersync/search'
48
+ | 'membersync/table-column'
49
+ | 'membersync/table-row'
50
+ | 'membersync/users'
29
51
  | 'player/captions-fill'
30
52
  | 'player/captions-outline'
31
53
  | 'player/next'
@@ -186,17 +208,39 @@ export declare const iconRegistry: {
186
208
  'cred/star': IconComponent;
187
209
  'cred/timer': IconComponent;
188
210
  'cred/trophy': IconComponent;
189
- 'lms/book': IconComponent;
211
+ 'lms/book-outline': IconComponent;
190
212
  'lms/calendar': IconComponent;
191
213
  'lms/checkmark': IconComponent;
192
- 'lms/clock': IconComponent;
214
+ 'lms/clock-outline': IconComponent;
193
215
  'lms/item-type-page': IconComponent;
194
216
  'lms/item-type-section': IconComponent;
195
217
  'lms/item-type-text': IconComponent;
196
218
  'lms/item-type-video': IconComponent;
197
- 'lms/lock': IconComponent;
219
+ 'lms/lock-outline': IconComponent;
198
220
  'lms/question-mark': IconComponent;
199
- 'lms/unlock': IconComponent;
221
+ 'lms/unlock-outline': IconComponent;
222
+ 'membersync/arrow-left': IconComponent;
223
+ 'membersync/cart': IconComponent;
224
+ 'membersync/check': IconComponent;
225
+ 'membersync/chevron-down': IconComponent;
226
+ 'membersync/chevron-left': IconComponent;
227
+ 'membersync/chevron-right': IconComponent;
228
+ 'membersync/chevron-up': IconComponent;
229
+ 'membersync/close': IconComponent;
230
+ 'membersync/cog': IconComponent;
231
+ 'membersync/download': IconComponent;
232
+ 'membersync/exit': IconComponent;
233
+ 'membersync/file-pdf': IconComponent;
234
+ 'membersync/filter': IconComponent;
235
+ 'membersync/home': IconComponent;
236
+ 'membersync/license': IconComponent;
237
+ 'membersync/plus': IconComponent;
238
+ 'membersync/report': IconComponent;
239
+ 'membersync/reverse': IconComponent;
240
+ 'membersync/search': IconComponent;
241
+ 'membersync/table-column': IconComponent;
242
+ 'membersync/table-row': IconComponent;
243
+ 'membersync/users': IconComponent;
200
244
  'player/captions-fill': IconComponent;
201
245
  'player/captions-outline': IconComponent;
202
246
  'player/next': IconComponent;
package/icons/registry.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { credIcons } from './cred/index.js';
2
2
  import { lmsIcons } from './lms/index.js';
3
+ import { membersyncIcons } from './membersync/index.js';
3
4
  import { playerIcons } from './player/index.js';
4
5
  import { reactionIcons } from './reaction/index.js';
5
6
  import { systemIcons } from './system/index.js';
@@ -17,17 +18,39 @@ export const iconRegistry = {
17
18
  'cred/star': credIcons['star'],
18
19
  'cred/timer': credIcons['timer'],
19
20
  'cred/trophy': credIcons['trophy'],
20
- 'lms/book': lmsIcons['book'],
21
+ 'lms/book-outline': lmsIcons['book-outline'],
21
22
  'lms/calendar': lmsIcons['calendar'],
22
23
  'lms/checkmark': lmsIcons['checkmark'],
23
- 'lms/clock': lmsIcons['clock'],
24
+ 'lms/clock-outline': lmsIcons['clock-outline'],
24
25
  'lms/item-type-page': lmsIcons['item-type-page'],
25
26
  'lms/item-type-section': lmsIcons['item-type-section'],
26
27
  'lms/item-type-text': lmsIcons['item-type-text'],
27
28
  'lms/item-type-video': lmsIcons['item-type-video'],
28
- 'lms/lock': lmsIcons['lock'],
29
+ 'lms/lock-outline': lmsIcons['lock-outline'],
29
30
  'lms/question-mark': lmsIcons['question-mark'],
30
- 'lms/unlock': lmsIcons['unlock'],
31
+ 'lms/unlock-outline': lmsIcons['unlock-outline'],
32
+ 'membersync/arrow-left': membersyncIcons['arrow-left'],
33
+ 'membersync/cart': membersyncIcons['cart'],
34
+ 'membersync/check': membersyncIcons['check'],
35
+ 'membersync/chevron-down': membersyncIcons['chevron-down'],
36
+ 'membersync/chevron-left': membersyncIcons['chevron-left'],
37
+ 'membersync/chevron-right': membersyncIcons['chevron-right'],
38
+ 'membersync/chevron-up': membersyncIcons['chevron-up'],
39
+ 'membersync/close': membersyncIcons['close'],
40
+ 'membersync/cog': membersyncIcons['cog'],
41
+ 'membersync/download': membersyncIcons['download'],
42
+ 'membersync/exit': membersyncIcons['exit'],
43
+ 'membersync/file-pdf': membersyncIcons['file-pdf'],
44
+ 'membersync/filter': membersyncIcons['filter'],
45
+ 'membersync/home': membersyncIcons['home'],
46
+ 'membersync/license': membersyncIcons['license'],
47
+ 'membersync/plus': membersyncIcons['plus'],
48
+ 'membersync/report': membersyncIcons['report'],
49
+ 'membersync/reverse': membersyncIcons['reverse'],
50
+ 'membersync/search': membersyncIcons['search'],
51
+ 'membersync/table-column': membersyncIcons['table-column'],
52
+ 'membersync/table-row': membersyncIcons['table-row'],
53
+ 'membersync/users': membersyncIcons['users'],
31
54
  'player/captions-fill': playerIcons['captions-fill'],
32
55
  'player/captions-outline': playerIcons['captions-outline'],
33
56
  'player/next': playerIcons['next'],
@@ -127,7 +127,7 @@ export function BoltOutline(props) {
127
127
  width: "1em",
128
128
  height: "1em",
129
129
  fill: "currentColor"
130
- }, props), _c("path", {fillRule:"evenodd",d:"m11.675 11.5 2.007-4.678-5.35 4.678zm.66 1-2.008 4.68 5.352-4.68zm-5.993-1.253a1 1 0 0 0-.278 1.106c.147.388.52.647.909.647h3.515l-2.405 5.606a1 1 0 0 0 1.58 1.147l8.006-7a.95.95 0 0 0 .25-1.106c-.12-.388-.494-.647-.91-.647h-3.487l2.405-5.606a1.002 1.002 0 0 0-1.58-1.147z",clipRule:"evenodd"}));
130
+ }, props), _c("path", {fillRule:"evenodd",d:"m11.675 11.5 2.007-4.678-5.35 4.678zm.66 1-2.008 4.68 5.352-4.68zm-5.993-1.253a1 1 0 0 0-.278 1.106c.147.388.52.647.909.647h3.515l-2.405 5.606a1 1 0 0 0 1.58 1.147l8.006-7a.95.95 0 0 0 .25-1.106.94.94 0 0 0-.91-.647h-3.487l2.405-5.606a1.002 1.002 0 0 0-1.58-1.147z",clipRule:"evenodd"}));
131
131
  }
132
132
 
133
133
  export function BoltPlusFill(props) {
@@ -147,7 +147,7 @@ export function BoltPlusOutline(props) {
147
147
  width: "1em",
148
148
  height: "1em",
149
149
  fill: "currentColor"
150
- }, props), [_c("path", {fillRule:"evenodd",d:"M12.335 12.5h3.344l-.593.519q.204-.02.414-.019c.55 0 1.078.099 1.566.28l.603-.527a.95.95 0 0 0 .25-1.106c-.12-.388-.494-.647-.91-.647h-3.487l2.405-5.606a1.002 1.002 0 0 0-1.58-1.147l-8.005 7a1 1 0 0 0-.278 1.106c.147.388.52.647.909.647h3.515l-2.405 5.606a1 1 0 0 0 1.58 1.147l1.446-1.265a4.5 4.5 0 0 1 .004-1.996l-.786.687zm-.66-1H8.33l5.35-4.678z",clipRule:"evenodd"}), _c("path", {fillRule:"evenodd",d:"M19 17.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-1.577.577a.577.577 0 0 0 0-1.154h-1.346v-1.346a.577.577 0 1 0-1.154 0v1.346h-1.346a.577.577 0 1 0 0 1.154h1.346v1.346a.577.577 0 1 0 1.154 0v-1.346z",clipRule:"evenodd"})]);
150
+ }, props), [_c("path", {fillRule:"evenodd",d:"M12.335 12.5h3.344l-.593.519q.204-.02.414-.019c.55 0 1.078.099 1.566.28l.603-.527a.95.95 0 0 0 .25-1.106.94.94 0 0 0-.91-.647h-3.487l2.405-5.606a1.002 1.002 0 0 0-1.58-1.147l-8.005 7a1 1 0 0 0-.278 1.106c.147.388.52.647.909.647h3.515l-2.405 5.606a1 1 0 0 0 1.58 1.147l1.446-1.265a4.5 4.5 0 0 1 .004-1.996l-.786.687zm-.66-1H8.33l5.35-4.678z",clipRule:"evenodd"}), _c("path", {fillRule:"evenodd",d:"M19 17.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-1.577.577a.577.577 0 0 0 0-1.154h-1.346v-1.346a.577.577 0 1 0-1.154 0v1.346h-1.346a.577.577 0 1 0 0 1.154h1.346v1.346a.577.577 0 1 0 1.154 0v-1.346z",clipRule:"evenodd"})]);
151
151
  }
152
152
 
153
153
  export function CheckSmall(props) {
@@ -387,7 +387,7 @@ export function Drag(props) {
387
387
  width: "1em",
388
388
  height: "1em",
389
389
  fill: "currentColor"
390
- }, props), _c("path", {d:"M10 5H8v2h2zM10 11H8v2h2zM8 17h2v2H8zM16 5h-2v2h2zM14 11h2v2h-2zM16 17h-2v2h2z"}));
390
+ }, props), _c("path", {d:"M10 5H8v2h2zm0 6H8v2h2zm-2 6h2v2H8zm8-12h-2v2h2zm-2 6h2v2h-2zm2 6h-2v2h2z"}));
391
391
  }
392
392
 
393
393
  export function Duplicate(props) {
@@ -847,7 +847,7 @@ export function ViewOff(props) {
847
847
  width: "1em",
848
848
  height: "1em",
849
849
  fill: "currentColor"
850
- }, props), [_c("path", {fillRule:"evenodd",d:"M19.778 4.222 4.222 19.778l-1.06-1.06 2.942-2.944C4.035 14.067 3 12 3 12s3-6 9-6c1.204 0 2.286.243 3.248.63l3.47-3.469zM12 7.5c-2.462 0-4.353 1.224-5.69 2.56A12 12 0 0 0 4.742 12q.033.052.07.105c.334.502.835 1.17 1.5 1.835q.396.397.858.769l1.534-1.534a3.5 3.5 0 0 1 4.472-4.472l.896-.896A7.2 7.2 0 0 0 12 7.5",clipRule:"evenodd"}), _c("path", {d:"M17.897 8.224C19.965 9.932 21 12 21 12s-3 6-9 6a8.7 8.7 0 0 1-3.249-.63l1.176-1.177c.64.193 1.33.307 2.073.307 2.462 0 4.353-1.224 5.69-2.56A12 12 0 0 0 19.258 12l-.07-.105a12 12 0 0 0-1.5-1.835 11 11 0 0 0-.859-.77z"}), _c("path", {d:"M15.297 10.823a3.5 3.5 0 0 1-4.474 4.474z"})]);
850
+ }, props), [_c("path", {fillRule:"evenodd",d:"M19.778 4.222 4.222 19.778l-1.06-1.06 2.942-2.944C4.035 14.067 3 12 3 12s3-6 9-6c1.204 0 2.286.243 3.248.63l3.47-3.469zM12 7.5c-2.462 0-4.353 1.224-5.69 2.56A12 12 0 0 0 4.742 12q.033.052.07.105c.334.502.835 1.17 1.5 1.835q.396.397.858.769l1.534-1.534a3.5 3.5 0 0 1 4.472-4.472l.896-.896A7.2 7.2 0 0 0 12 7.5",clipRule:"evenodd"}), _c("path", {d:"M17.897 8.224C19.965 9.932 21 12 21 12s-3 6-9 6a8.7 8.7 0 0 1-3.249-.63l1.176-1.177A7.1 7.1 0 0 0 12 16.5c2.462 0 4.353-1.224 5.69-2.56A12 12 0 0 0 19.258 12l-.07-.105a12 12 0 0 0-1.5-1.835 11 11 0 0 0-.859-.77z"}), _c("path", {d:"M15.297 10.823a3.5 3.5 0 0 1-4.474 4.474z"})]);
851
851
  }
852
852
 
853
853
  export function View(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tangible/ui",
3
- "version": "0.0.10",
3
+ "version": "0.0.11",
4
4
  "description": "Tangible Design System",
5
5
  "type": "module",
6
6
  "main": "./components/index.js",