@tangible/ui 0.0.7 → 0.0.8

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.
Files changed (91) hide show
  1. package/components/Accordion/Accordion.js +11 -3
  2. package/components/Avatar/Avatar.js +4 -3
  3. package/components/Avatar/AvatarGroup.js +7 -5
  4. package/components/Avatar/index.d.ts +2 -2
  5. package/components/Avatar/index.js +1 -1
  6. package/components/Avatar/types.d.ts +27 -0
  7. package/components/Avatar/types.js +8 -0
  8. package/components/Button/Button.js +4 -2
  9. package/components/Button/index.d.ts +2 -1
  10. package/components/Button/index.js +1 -0
  11. package/components/Button/types.d.ts +10 -0
  12. package/components/Button/types.js +3 -1
  13. package/components/Checkbox/Checkbox.js +46 -11
  14. package/components/Checkbox/types.d.ts +9 -0
  15. package/components/Combobox/Combobox.d.ts +1 -1
  16. package/components/Combobox/Combobox.js +28 -7
  17. package/components/Combobox/index.d.ts +2 -1
  18. package/components/Combobox/index.js +1 -0
  19. package/components/Combobox/types.d.ts +9 -0
  20. package/components/Combobox/types.js +3 -1
  21. package/components/Dropdown/Dropdown.js +16 -4
  22. package/components/Field/Field.d.ts +4 -1
  23. package/components/Field/Field.js +35 -14
  24. package/components/Field/FieldContext.d.ts +16 -0
  25. package/components/Field/FieldContext.js +3 -0
  26. package/components/Field/index.d.ts +2 -1
  27. package/components/Field/index.js +1 -0
  28. package/components/MoveHandle/MoveHandle.js +1 -1
  29. package/components/MoveHandle/types.d.ts +1 -1
  30. package/components/MultiSelect/MultiSelect.d.ts +1 -1
  31. package/components/MultiSelect/MultiSelect.js +37 -19
  32. package/components/MultiSelect/index.d.ts +2 -1
  33. package/components/MultiSelect/index.js +1 -0
  34. package/components/MultiSelect/types.d.ts +34 -0
  35. package/components/MultiSelect/types.js +10 -0
  36. package/components/Pager/Pager.d.ts +7 -1
  37. package/components/Pager/Pager.js +7 -5
  38. package/components/Pager/index.d.ts +2 -0
  39. package/components/Pager/index.js +1 -0
  40. package/components/Pager/types.d.ts +37 -0
  41. package/components/Pager/types.js +12 -0
  42. package/components/Rating/Rating.d.ts +2 -32
  43. package/components/Rating/Rating.js +5 -3
  44. package/components/Rating/index.d.ts +2 -1
  45. package/components/Rating/index.js +1 -0
  46. package/components/Rating/types.d.ts +41 -0
  47. package/components/Rating/types.js +4 -0
  48. package/components/SegmentedControl/SegmentedControl.js +6 -5
  49. package/components/SegmentedControl/types.d.ts +17 -5
  50. package/components/Select/Select.d.ts +1 -0
  51. package/components/Select/Select.js +109 -77
  52. package/components/Select/SelectContext.d.ts +4 -16
  53. package/components/Select/SelectContext.js +5 -35
  54. package/components/Select/types.d.ts +19 -19
  55. package/components/Sidebar/Sidebar.js +25 -20
  56. package/components/StepIndicator/StepIndicator.js +11 -8
  57. package/components/StepIndicator/index.d.ts +2 -1
  58. package/components/StepIndicator/index.js +1 -0
  59. package/components/StepIndicator/types.d.ts +18 -0
  60. package/components/StepIndicator/types.js +7 -1
  61. package/components/Table/BulkActionsBar.d.ts +4 -1
  62. package/components/Table/BulkActionsBar.js +5 -4
  63. package/components/Table/DataTable.d.ts +4 -1
  64. package/components/Table/DataTable.js +10 -8
  65. package/components/Table/index.d.ts +3 -0
  66. package/components/Table/index.js +2 -0
  67. package/components/Table/types.d.ts +20 -0
  68. package/components/Table/types.js +11 -0
  69. package/components/Tabs/Tabs.js +11 -4
  70. package/components/TextInput/TextInput.js +2 -1
  71. package/components/TextInput/types.d.ts +7 -1
  72. package/components/Textarea/Textarea.js +3 -2
  73. package/components/Textarea/types.d.ts +6 -1
  74. package/icons/icons.svg +29 -15
  75. package/icons/lms/index.d.ts +8 -0
  76. package/icons/lms/index.js +48 -4
  77. package/icons/manifest.json +112 -0
  78. package/icons/player/index.js +9 -9
  79. package/icons/registry.d.ts +28 -0
  80. package/icons/registry.js +14 -0
  81. package/icons/system/index.d.ts +20 -0
  82. package/icons/system/index.js +112 -2
  83. package/package.json +1 -1
  84. package/styles/all.css +1 -1
  85. package/styles/all.expanded.css +266 -59
  86. package/styles/all.expanded.unlayered.css +266 -59
  87. package/styles/all.unlayered.css +1 -1
  88. package/styles/components/input/index.scss +29 -7
  89. package/styles/system/_constants.scss +1 -1
  90. package/styles/system/_tokens.scss +1 -0
  91. package/tui-manifest.json +73 -44
@@ -19,6 +19,10 @@ export type IconName =
19
19
  | 'lms/calendar'
20
20
  | 'lms/checkmark'
21
21
  | 'lms/clock'
22
+ | 'lms/item-type-page'
23
+ | 'lms/item-type-section'
24
+ | 'lms/item-type-text'
25
+ | 'lms/item-type-video'
22
26
  | 'lms/lock'
23
27
  | 'lms/question-mark'
24
28
  | 'lms/unlock'
@@ -93,6 +97,10 @@ export type IconName =
93
97
  | 'system/attachment'
94
98
  | 'system/bell-unread'
95
99
  | 'system/bell'
100
+ | 'system/bolt-fill'
101
+ | 'system/bolt-outline'
102
+ | 'system/bolt-plus-fill'
103
+ | 'system/bolt-plus-outline'
96
104
  | 'system/check-small'
97
105
  | 'system/check'
98
106
  | 'system/checklist'
@@ -110,8 +118,11 @@ export type IconName =
110
118
  | 'system/close-circle-outline'
111
119
  | 'system/close-small'
112
120
  | 'system/close'
121
+ | 'system/cloud-check'
122
+ | 'system/cloud'
113
123
  | 'system/cog'
114
124
  | 'system/copy'
125
+ | 'system/custom-function'
115
126
  | 'system/download'
116
127
  | 'system/drag'
117
128
  | 'system/duplicate'
@@ -133,9 +144,11 @@ export type IconName =
133
144
  | 'system/lock-outline'
134
145
  | 'system/lock-small'
135
146
  | 'system/lock'
147
+ | 'system/loop'
136
148
  | 'system/minus-circle-fill'
137
149
  | 'system/minus-circle-outline'
138
150
  | 'system/minus'
151
+ | 'system/nest'
139
152
  | 'system/paste'
140
153
  | 'system/pin-small'
141
154
  | 'system/pin'
@@ -157,6 +170,7 @@ export type IconName =
157
170
  | 'system/unlock'
158
171
  | 'system/user-circle-fill'
159
172
  | 'system/user-circle-outline'
173
+ | 'system/view-off'
160
174
  | 'system/view';
161
175
 
162
176
  export declare const iconRegistry: {
@@ -176,6 +190,10 @@ export declare const iconRegistry: {
176
190
  'lms/calendar': IconComponent;
177
191
  'lms/checkmark': IconComponent;
178
192
  'lms/clock': IconComponent;
193
+ 'lms/item-type-page': IconComponent;
194
+ 'lms/item-type-section': IconComponent;
195
+ 'lms/item-type-text': IconComponent;
196
+ 'lms/item-type-video': IconComponent;
179
197
  'lms/lock': IconComponent;
180
198
  'lms/question-mark': IconComponent;
181
199
  'lms/unlock': IconComponent;
@@ -250,6 +268,10 @@ export declare const iconRegistry: {
250
268
  'system/attachment': IconComponent;
251
269
  'system/bell-unread': IconComponent;
252
270
  'system/bell': IconComponent;
271
+ 'system/bolt-fill': IconComponent;
272
+ 'system/bolt-outline': IconComponent;
273
+ 'system/bolt-plus-fill': IconComponent;
274
+ 'system/bolt-plus-outline': IconComponent;
253
275
  'system/check-small': IconComponent;
254
276
  'system/check': IconComponent;
255
277
  'system/checklist': IconComponent;
@@ -267,8 +289,11 @@ export declare const iconRegistry: {
267
289
  'system/close-circle-outline': IconComponent;
268
290
  'system/close-small': IconComponent;
269
291
  'system/close': IconComponent;
292
+ 'system/cloud-check': IconComponent;
293
+ 'system/cloud': IconComponent;
270
294
  'system/cog': IconComponent;
271
295
  'system/copy': IconComponent;
296
+ 'system/custom-function': IconComponent;
272
297
  'system/download': IconComponent;
273
298
  'system/drag': IconComponent;
274
299
  'system/duplicate': IconComponent;
@@ -290,9 +315,11 @@ export declare const iconRegistry: {
290
315
  'system/lock-outline': IconComponent;
291
316
  'system/lock-small': IconComponent;
292
317
  'system/lock': IconComponent;
318
+ 'system/loop': IconComponent;
293
319
  'system/minus-circle-fill': IconComponent;
294
320
  'system/minus-circle-outline': IconComponent;
295
321
  'system/minus': IconComponent;
322
+ 'system/nest': IconComponent;
296
323
  'system/paste': IconComponent;
297
324
  'system/pin-small': IconComponent;
298
325
  'system/pin': IconComponent;
@@ -314,6 +341,7 @@ export declare const iconRegistry: {
314
341
  'system/unlock': IconComponent;
315
342
  'system/user-circle-fill': IconComponent;
316
343
  'system/user-circle-outline': IconComponent;
344
+ 'system/view-off': IconComponent;
317
345
  'system/view': IconComponent;
318
346
  };
319
347
 
package/icons/registry.js CHANGED
@@ -21,6 +21,10 @@ export const iconRegistry = {
21
21
  'lms/calendar': lmsIcons['calendar'],
22
22
  'lms/checkmark': lmsIcons['checkmark'],
23
23
  'lms/clock': lmsIcons['clock'],
24
+ 'lms/item-type-page': lmsIcons['item-type-page'],
25
+ 'lms/item-type-section': lmsIcons['item-type-section'],
26
+ 'lms/item-type-text': lmsIcons['item-type-text'],
27
+ 'lms/item-type-video': lmsIcons['item-type-video'],
24
28
  'lms/lock': lmsIcons['lock'],
25
29
  'lms/question-mark': lmsIcons['question-mark'],
26
30
  'lms/unlock': lmsIcons['unlock'],
@@ -95,6 +99,10 @@ export const iconRegistry = {
95
99
  'system/attachment': systemIcons['attachment'],
96
100
  'system/bell-unread': systemIcons['bell-unread'],
97
101
  'system/bell': systemIcons['bell'],
102
+ 'system/bolt-fill': systemIcons['bolt-fill'],
103
+ 'system/bolt-outline': systemIcons['bolt-outline'],
104
+ 'system/bolt-plus-fill': systemIcons['bolt-plus-fill'],
105
+ 'system/bolt-plus-outline': systemIcons['bolt-plus-outline'],
98
106
  'system/check-small': systemIcons['check-small'],
99
107
  'system/check': systemIcons['check'],
100
108
  'system/checklist': systemIcons['checklist'],
@@ -112,8 +120,11 @@ export const iconRegistry = {
112
120
  'system/close-circle-outline': systemIcons['close-circle-outline'],
113
121
  'system/close-small': systemIcons['close-small'],
114
122
  'system/close': systemIcons['close'],
123
+ 'system/cloud-check': systemIcons['cloud-check'],
124
+ 'system/cloud': systemIcons['cloud'],
115
125
  'system/cog': systemIcons['cog'],
116
126
  'system/copy': systemIcons['copy'],
127
+ 'system/custom-function': systemIcons['custom-function'],
117
128
  'system/download': systemIcons['download'],
118
129
  'system/drag': systemIcons['drag'],
119
130
  'system/duplicate': systemIcons['duplicate'],
@@ -135,9 +146,11 @@ export const iconRegistry = {
135
146
  'system/lock-outline': systemIcons['lock-outline'],
136
147
  'system/lock-small': systemIcons['lock-small'],
137
148
  'system/lock': systemIcons['lock'],
149
+ 'system/loop': systemIcons['loop'],
138
150
  'system/minus-circle-fill': systemIcons['minus-circle-fill'],
139
151
  'system/minus-circle-outline': systemIcons['minus-circle-outline'],
140
152
  'system/minus': systemIcons['minus'],
153
+ 'system/nest': systemIcons['nest'],
141
154
  'system/paste': systemIcons['paste'],
142
155
  'system/pin-small': systemIcons['pin-small'],
143
156
  'system/pin': systemIcons['pin'],
@@ -159,6 +172,7 @@ export const iconRegistry = {
159
172
  'system/unlock': systemIcons['unlock'],
160
173
  'system/user-circle-fill': systemIcons['user-circle-fill'],
161
174
  'system/user-circle-outline': systemIcons['user-circle-outline'],
175
+ 'system/view-off': systemIcons['view-off'],
162
176
  'system/view': systemIcons['view'],
163
177
  };
164
178
 
@@ -13,6 +13,10 @@ export declare const ArrowUp: IconComponent;
13
13
  export declare const Attachment: IconComponent;
14
14
  export declare const BellUnread: IconComponent;
15
15
  export declare const Bell: IconComponent;
16
+ export declare const BoltFill: IconComponent;
17
+ export declare const BoltOutline: IconComponent;
18
+ export declare const BoltPlusFill: IconComponent;
19
+ export declare const BoltPlusOutline: IconComponent;
16
20
  export declare const CheckSmall: IconComponent;
17
21
  export declare const Check: IconComponent;
18
22
  export declare const Checklist: IconComponent;
@@ -30,8 +34,11 @@ export declare const CloseCircleFill: IconComponent;
30
34
  export declare const CloseCircleOutline: IconComponent;
31
35
  export declare const CloseSmall: IconComponent;
32
36
  export declare const Close: IconComponent;
37
+ export declare const CloudCheck: IconComponent;
38
+ export declare const Cloud: IconComponent;
33
39
  export declare const Cog: IconComponent;
34
40
  export declare const Copy: IconComponent;
41
+ export declare const CustomFunction: IconComponent;
35
42
  export declare const Download: IconComponent;
36
43
  export declare const Drag: IconComponent;
37
44
  export declare const Duplicate: IconComponent;
@@ -53,9 +60,11 @@ export declare const Link: IconComponent;
53
60
  export declare const LockOutline: IconComponent;
54
61
  export declare const LockSmall: IconComponent;
55
62
  export declare const Lock: IconComponent;
63
+ export declare const Loop: IconComponent;
56
64
  export declare const MinusCircleFill: IconComponent;
57
65
  export declare const MinusCircleOutline: IconComponent;
58
66
  export declare const Minus: IconComponent;
67
+ export declare const Nest: IconComponent;
59
68
  export declare const Paste: IconComponent;
60
69
  export declare const PinSmall: IconComponent;
61
70
  export declare const Pin: IconComponent;
@@ -77,6 +86,7 @@ export declare const Unlink: IconComponent;
77
86
  export declare const Unlock: IconComponent;
78
87
  export declare const UserCircleFill: IconComponent;
79
88
  export declare const UserCircleOutline: IconComponent;
89
+ export declare const ViewOff: IconComponent;
80
90
  export declare const View: IconComponent;
81
91
 
82
92
  export declare const systemIcons: {
@@ -91,6 +101,10 @@ export declare const systemIcons: {
91
101
  'attachment': IconComponent;
92
102
  'bell-unread': IconComponent;
93
103
  'bell': IconComponent;
104
+ 'bolt-fill': IconComponent;
105
+ 'bolt-outline': IconComponent;
106
+ 'bolt-plus-fill': IconComponent;
107
+ 'bolt-plus-outline': IconComponent;
94
108
  'check-small': IconComponent;
95
109
  'check': IconComponent;
96
110
  'checklist': IconComponent;
@@ -108,8 +122,11 @@ export declare const systemIcons: {
108
122
  'close-circle-outline': IconComponent;
109
123
  'close-small': IconComponent;
110
124
  'close': IconComponent;
125
+ 'cloud-check': IconComponent;
126
+ 'cloud': IconComponent;
111
127
  'cog': IconComponent;
112
128
  'copy': IconComponent;
129
+ 'custom-function': IconComponent;
113
130
  'download': IconComponent;
114
131
  'drag': IconComponent;
115
132
  'duplicate': IconComponent;
@@ -131,9 +148,11 @@ export declare const systemIcons: {
131
148
  'lock-outline': IconComponent;
132
149
  'lock-small': IconComponent;
133
150
  'lock': IconComponent;
151
+ 'loop': IconComponent;
134
152
  'minus-circle-fill': IconComponent;
135
153
  'minus-circle-outline': IconComponent;
136
154
  'minus': IconComponent;
155
+ 'nest': IconComponent;
137
156
  'paste': IconComponent;
138
157
  'pin-small': IconComponent;
139
158
  'pin': IconComponent;
@@ -155,5 +174,6 @@ export declare const systemIcons: {
155
174
  'unlock': IconComponent;
156
175
  'user-circle-fill': IconComponent;
157
176
  'user-circle-outline': IconComponent;
177
+ 'view-off': IconComponent;
158
178
  'view': IconComponent;
159
179
  };
@@ -110,6 +110,46 @@ export function Bell(props) {
110
110
  }, props), _c("path", {fillRule:"evenodd",d:"M17 11.5c0 1.353.17 2.367.976 3 .267.209.602.376 1.024.5v1H5v-1a3 3 0 0 0 1.024-.5c.806-.633.976-1.647.976-3V9c0-2.8 2.2-5 5-5s5 2.2 5 5zM15.5 9v2.5c0 .93.066 1.98.515 2.897l.053.103H7.932l.053-.103c.449-.917.515-1.967.515-2.897V9c0-1.972 1.528-3.5 3.5-3.5s3.5 1.528 3.5 3.5m-5.492 9.008q.001-.265.065-.508h3.854A1.996 1.996 0 0 1 12 20c-1.1 0-1.992-.892-1.992-1.992",clipRule:"evenodd"}));
111
111
  }
112
112
 
113
+ export function BoltFill(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("path", {d:"M13.522 11h3.487c.416 0 .79.26.91.647a.95.95 0 0 1-.25 1.106l-8.007 7a1 1 0 0 1-1.58-1.147L10.489 13H6.973a.995.995 0 0 1-.909-.647 1 1 0 0 1 .278-1.106l8.005-7a1.002 1.002 0 0 1 1.58 1.147z"}));
121
+ }
122
+
123
+ export function BoltOutline(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("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"}));
131
+ }
132
+
133
+ export function BoltPlusFill(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("path", {d:"M13.522 11h3.487c.416 0 .79.26.91.647a.95.95 0 0 1-.25 1.106l-.603.527a4.5 4.5 0 0 0-5.957 5.208l-1.447 1.265a1 1 0 0 1-1.58-1.147L10.489 13H6.973a.995.995 0 0 1-.909-.647 1 1 0 0 1 .278-1.106l8.005-7a1.002 1.002 0 0 1 1.58 1.147z"}), _c("path", {fillRule:"evenodd",d:"M15.5 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m2.5-3.5a.577.577 0 0 1-.577.577h-1.346v1.346a.577.577 0 1 1-1.154 0v-1.346h-1.346a.577.577 0 0 1 0-1.154h1.346v-1.346a.577.577 0 1 1 1.154 0v1.346h1.346c.32 0 .577.258.577.577",clipRule:"evenodd"})]);
141
+ }
142
+
143
+ export function BoltPlusOutline(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", {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"})]);
151
+ }
152
+
113
153
  export function CheckSmall(props) {
114
154
  return _c("svg", Object.assign({
115
155
  xmlns: "http://www.w3.org/2000/svg",
@@ -280,6 +320,26 @@ export function Close(props) {
280
320
  }, props), _c("path", {fillRule:"evenodd",d:"m12 12.868-6.462 6.655-1.076-1.046 6.493-6.685-6.089-6.27 1.077-1.045L12 10.715l6.057-6.238 1.076 1.045-6.088 6.27 6.493 6.685-1.076 1.046z",clipRule:"evenodd"}));
281
321
  }
282
322
 
323
+ export function CloudCheck(props) {
324
+ return _c("svg", Object.assign({
325
+ xmlns: "http://www.w3.org/2000/svg",
326
+ viewBox: "0 0 24 24",
327
+ width: "1em",
328
+ height: "1em",
329
+ fill: "currentColor"
330
+ }, props), [_c("path", {d:"M12.5 5.7c1.297 0 2.456.44 3.31 1.173l-.877 1.185A3.53 3.53 0 0 0 12.6 7.2c-1.5 0-2.8.9-3.2 2.2l-.3 1.1H7.8c-1.2 0-2.2 1.2-2.2 2.4s1 2.3 2.2 2.3h9c.9 0 1.7-.8 1.8-1.8 0-.884-.58-1.672-1.359-1.794l.903-1.216c1.078.535 1.837 1.625 1.756 2.91 0 1.8-1.4 3.3-3.2 3.3h-9c-2 0-3.7-1.7-3.7-3.8S5.7 9 7.7 9h.2c.5-1.9 2.4-3.3 4.6-3.3"}), _c("path", {d:"m19.607 6.447-5.814 7.82-3.714-2.761.896-1.203 2.508 1.865 4.92-6.615z"})]);
331
+ }
332
+
333
+ export function Cloud(props) {
334
+ return _c("svg", Object.assign({
335
+ xmlns: "http://www.w3.org/2000/svg",
336
+ viewBox: "0 0 24 24",
337
+ width: "1em",
338
+ height: "1em",
339
+ fill: "currentColor"
340
+ }, props), _c("path", {d:"M17.3 10.1c0-2.5-2.1-4.4-4.8-4.4-2.2 0-4.1 1.4-4.6 3.3h-.2C5.7 9 4 10.7 4 12.8s1.7 3.8 3.7 3.8h9c1.8 0 3.2-1.5 3.2-3.3.1-1.6-1.1-2.9-2.6-3.2m-.5 5.1h-9c-1.2 0-2.2-1.1-2.2-2.3s1-2.4 2.2-2.4h1.3l.3-1.1c.4-1.3 1.7-2.2 3.2-2.2 1.8 0 3.3 1.3 3.3 2.9v1.3l1.3.2c.8.1 1.4.9 1.4 1.8-.1 1-.9 1.8-1.8 1.8"}));
341
+ }
342
+
283
343
  export function Cog(props) {
284
344
  return _c("svg", Object.assign({
285
345
  xmlns: "http://www.w3.org/2000/svg",
@@ -300,6 +360,16 @@ export function Copy(props) {
300
360
  }, props), [_c("path", {d:"M17 10.25h-7v1.5h7zm-7 2.5h7v1.5h-7zm7 2.5h-7v1.5h7z"}), _c("path", {fillRule:"evenodd",d:"M17 6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-1zm1 2.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5V9a.5.5 0 0 1 .5-.5zm-12 7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1H9a2 2 0 0 0-2 2v6.5z",clipRule:"evenodd"})]);
301
361
  }
302
362
 
363
+ export function CustomFunction(props) {
364
+ return _c("svg", Object.assign({
365
+ xmlns: "http://www.w3.org/2000/svg",
366
+ viewBox: "0 0 24 24",
367
+ width: "1em",
368
+ height: "1em",
369
+ fill: "currentColor"
370
+ }, props), _c("path", {d:"M20.41 4.641a1.5 1.5 0 0 0-2.12 0l-1.48 1.48 2.12 2.122 1.48-1.48a1.5 1.5 0 0 0 0-2.122M18.223 8.95l-2.12-2.121-3.683 3.682-1.623-1.623a3.5 3.5 0 0 0-4.473-4.474l1.53 1.53a1.5 1.5 0 1 1-2.122 2.121l-1.53-1.53a3.5 3.5 0 0 0 4.474 4.474l1.623 1.623-4.112 4.111-1.064 3.186 3.186-1.064 4.111-4.112 4.735 4.735a1.5 1.5 0 1 0 2.12-2.122l-4.734-4.734z"}));
371
+ }
372
+
303
373
  export function Download(props) {
304
374
  return _c("svg", Object.assign({
305
375
  xmlns: "http://www.w3.org/2000/svg",
@@ -317,7 +387,7 @@ export function Drag(props) {
317
387
  width: "1em",
318
388
  height: "1em",
319
389
  fill: "currentColor"
320
- }, props), [_c("path", {d:"M10 4.99976H8V6.99976H10V4.99976Z"}), _c("path", {d:"M10 10.9998H8V12.9998H10V10.9998Z"}), _c("path", {d:"M8 16.9998H10V18.9998H8V16.9998Z"}), _c("path", {d:"M16 4.99976H14V6.99976H16V4.99976Z"}), _c("path", {d:"M14 10.9998H16V12.9998H14V10.9998Z"}), _c("path", {d:"M16 16.9998H14V18.9998H16V16.9998Z"})]);
390
+ }, props), _c("path", {d:"M10 5H8v2h2zM10 11H8v2h2zM8 17h2v2H8zM16 5h-2v2h2zM14 11h2v2h-2zM16 17h-2v2h2z"}));
321
391
  }
322
392
 
323
393
  export function Duplicate(props) {
@@ -510,6 +580,16 @@ export function Lock(props) {
510
580
  }, props), _c("path", {fillRule:"evenodd",d:"M12 3.25A3.75 3.75 0 0 0 8.25 7v3H7a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-1.25V7A3.75 3.75 0 0 0 12 3.25M14.25 10V7a2.25 2.25 0 0 0-4.5 0v3z",clipRule:"evenodd"}));
511
581
  }
512
582
 
583
+ export function Loop(props) {
584
+ return _c("svg", Object.assign({
585
+ xmlns: "http://www.w3.org/2000/svg",
586
+ viewBox: "0 0 24 24",
587
+ width: "1em",
588
+ height: "1em",
589
+ fill: "currentColor"
590
+ }, props), _c("path", {d:"m6 6.477 4.007-4.007 1.06 1.06-2.22 2.22h5.19a2.75 2.75 0 0 1 2.75 2.75v3.667h-1.5V8.5c0-.69-.56-1.25-1.25-1.25h-5.3l2.354 2.578-1.108 1.011zM17.074 17.69l-4.007 4.007-1.06-1.06 2.22-2.22h-5.19a2.75 2.75 0 0 1-2.75-2.75V12h1.5v3.667c0 .69.56 1.25 1.25 1.25h5.3l-2.354-2.578 1.108-1.011z"}));
591
+ }
592
+
513
593
  export function MinusCircleFill(props) {
514
594
  return _c("svg", Object.assign({
515
595
  xmlns: "http://www.w3.org/2000/svg",
@@ -540,6 +620,16 @@ export function Minus(props) {
540
620
  }, props), _c("path", {fillRule:"evenodd",d:"M17 13H7v-1.5h10z",clipRule:"evenodd"}));
541
621
  }
542
622
 
623
+ export function Nest(props) {
624
+ return _c("svg", Object.assign({
625
+ xmlns: "http://www.w3.org/2000/svg",
626
+ viewBox: "0 0 24 24",
627
+ width: "1em",
628
+ height: "1em",
629
+ fill: "currentColor"
630
+ }, props), _c("path", {d:"m17.787 14.69-4.007 4.007-1.06-1.06 2.22-2.22H9.75A2.75 2.75 0 0 1 7 12.667V5h1.5v7.667c0 .69.56 1.25 1.25 1.25h5.3l-2.354-2.578 1.108-1.011z"}));
631
+ }
632
+
543
633
  export function Paste(props) {
544
634
  return _c("svg", Object.assign({
545
635
  xmlns: "http://www.w3.org/2000/svg",
@@ -627,7 +717,7 @@ export function Search(props) {
627
717
  width: "1em",
628
718
  height: "1em",
629
719
  fill: "currentColor"
630
- }, props), _c("path", {fillRule:"evenodd",clipRule:"evenodd",d:"M19.0001 11C19.0001 14.3137 16.3138 17 13.0001 17C11.6135 17 10.3369 16.5297 9.32086 15.7399L5.53039 19.5304L4.46973 18.4697L8.26019 14.6793C7.47038 13.6632 7.00006 12.3865 7.00006 11C7.00006 7.68629 9.68635 5 13.0001 5C16.3138 5 19.0001 7.68629 19.0001 11ZM17.5001 11C17.5001 13.4853 15.4853 15.5 13.0001 15.5C10.5148 15.5 8.50006 13.4853 8.50006 11C8.50006 8.51472 10.5148 6.5 13.0001 6.5C15.4853 6.5 17.5001 8.51472 17.5001 11Z"}));
720
+ }, props), _c("path", {fillRule:"evenodd",d:"M19 11a6 6 0 0 1-9.68 4.74l-3.79 3.79-1.06-1.06 3.79-3.79A6 6 0 1 1 19 11m-1.5 0a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0",clipRule:"evenodd"}));
631
721
  }
632
722
 
633
723
  export function Send(props) {
@@ -750,6 +840,16 @@ export function UserCircleOutline(props) {
750
840
  }, props), [_c("path", {fillRule:"evenodd",d:"M7.05 18.286a8 8 0 1 1 9.9-12.571 8 8 0 0 1-9.898 12.57m8.177-.643A6.47 6.47 0 0 1 12 18.5a6.47 6.47 0 0 1-3.227-.857 3.5 3.5 0 0 1 6.454 0m1.23-.912a5 5 0 0 0-8.914 0 6.5 6.5 0 1 1 8.914 0",clipRule:"evenodd"}), _c("path", {fillRule:"evenodd",d:"M12 11.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 1.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6",clipRule:"evenodd"})]);
751
841
  }
752
842
 
843
+ export function ViewOff(props) {
844
+ return _c("svg", Object.assign({
845
+ xmlns: "http://www.w3.org/2000/svg",
846
+ viewBox: "0 0 24 24",
847
+ width: "1em",
848
+ height: "1em",
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"})]);
851
+ }
852
+
753
853
  export function View(props) {
754
854
  return _c("svg", Object.assign({
755
855
  xmlns: "http://www.w3.org/2000/svg",
@@ -772,6 +872,10 @@ export const systemIcons = {
772
872
  'attachment': Attachment,
773
873
  'bell-unread': BellUnread,
774
874
  'bell': Bell,
875
+ 'bolt-fill': BoltFill,
876
+ 'bolt-outline': BoltOutline,
877
+ 'bolt-plus-fill': BoltPlusFill,
878
+ 'bolt-plus-outline': BoltPlusOutline,
775
879
  'check-small': CheckSmall,
776
880
  'check': Check,
777
881
  'checklist': Checklist,
@@ -789,8 +893,11 @@ export const systemIcons = {
789
893
  'close-circle-outline': CloseCircleOutline,
790
894
  'close-small': CloseSmall,
791
895
  'close': Close,
896
+ 'cloud-check': CloudCheck,
897
+ 'cloud': Cloud,
792
898
  'cog': Cog,
793
899
  'copy': Copy,
900
+ 'custom-function': CustomFunction,
794
901
  'download': Download,
795
902
  'drag': Drag,
796
903
  'duplicate': Duplicate,
@@ -812,9 +919,11 @@ export const systemIcons = {
812
919
  'lock-outline': LockOutline,
813
920
  'lock-small': LockSmall,
814
921
  'lock': Lock,
922
+ 'loop': Loop,
815
923
  'minus-circle-fill': MinusCircleFill,
816
924
  'minus-circle-outline': MinusCircleOutline,
817
925
  'minus': Minus,
926
+ 'nest': Nest,
818
927
  'paste': Paste,
819
928
  'pin-small': PinSmall,
820
929
  'pin': Pin,
@@ -836,5 +945,6 @@ export const systemIcons = {
836
945
  'unlock': Unlock,
837
946
  'user-circle-fill': UserCircleFill,
838
947
  'user-circle-outline': UserCircleOutline,
948
+ 'view-off': ViewOff,
839
949
  'view': View,
840
950
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tangible/ui",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "description": "Tangible Design System",
5
5
  "type": "module",
6
6
  "main": "./components/index.js",