@cloudflare/realtimekit-ui 1.0.1 → 1.0.2-staging.2
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/rtk-avatar_54.cjs.entry.js +1 -1
- package/dist/collection/components/rtk-notification/rtk-notification.css +3 -4
- package/dist/components/{p-7b5f7b56.js → p-278e6cc0.js} +1 -1
- package/dist/components/{p-9f29a2f1.js → p-c6a4041a.js} +1 -1
- package/dist/components/{p-25f625c5.js → p-e2006e05.js} +2 -2
- package/dist/components/rtk-chat.js +1 -1
- package/dist/components/rtk-meeting.js +3 -3
- package/dist/components/rtk-notification.js +1 -1
- package/dist/components/rtk-notifications.js +1 -1
- package/dist/docs/docs-components.json +1 -1
- package/dist/esm/loader.js +4 -56253
- package/dist/esm/rtk-avatar_54.entry.js +1 -1
- package/dist/realtimekit-ui/{p-7d0ad5a8.entry.js → p-2db001cf.entry.js} +1 -1
- package/dist/realtimekit-ui/realtimekit-ui.esm.js +1 -1
- package/package.json +2 -3
- package/dist/browser.js +0 -1
|
@@ -4877,7 +4877,7 @@ __decorate$9([
|
|
|
4877
4877
|
], RtkMuteAllConfirmation.prototype, "t", void 0);
|
|
4878
4878
|
RtkMuteAllConfirmation.style = RtkMuteAllConfirmationStyle0;
|
|
4879
4879
|
|
|
4880
|
-
const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);max-width:var(--rtk-space-72, 288px);
|
|
4880
|
+
const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);height:auto;max-width:var(--rtk-space-72, 288px);font-size:14px !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
|
|
4881
4881
|
const RtkNotificationStyle0 = rtkNotificationCss;
|
|
4882
4882
|
|
|
4883
4883
|
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -50,7 +50,7 @@ img {
|
|
|
50
50
|
width: var(--rtk-space-0, 0px);
|
|
51
51
|
border-radius: 9999px;
|
|
52
52
|
}
|
|
53
|
-
|
|
53
|
+
|
|
54
54
|
img.loaded {
|
|
55
55
|
height: var(--rtk-space-6, 24px);
|
|
56
56
|
width: var(--rtk-space-6, 24px);
|
|
@@ -58,10 +58,9 @@ img.loaded {
|
|
|
58
58
|
|
|
59
59
|
.message {
|
|
60
60
|
margin-right: var(--rtk-space-3, 12px);
|
|
61
|
+
height: auto;
|
|
61
62
|
max-width: var(--rtk-space-72, 288px);
|
|
62
|
-
|
|
63
|
-
text-overflow: ellipsis;
|
|
64
|
-
white-space: nowrap;
|
|
63
|
+
font-size: 14px !important;
|
|
65
64
|
}
|
|
66
65
|
|
|
67
66
|
.message p {
|
|
@@ -5,7 +5,7 @@ import { T as TextMessageView } from './p-a2f4f9e3.js';
|
|
|
5
5
|
import { d as defineCustomElement$2 } from './p-2507c6c8.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './p-a73161da.js';
|
|
7
7
|
|
|
8
|
-
const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);max-width:var(--rtk-space-72, 288px);
|
|
8
|
+
const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);height:auto;max-width:var(--rtk-space-72, 288px);font-size:14px !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
|
|
9
9
|
const RtkNotificationStyle0 = rtkNotificationCss;
|
|
10
10
|
|
|
11
11
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -6,7 +6,7 @@ import { j as parseMessageForTarget } from './p-0abe4b8a.js';
|
|
|
6
6
|
import { S as SyncWithStore } from './p-989a34c9.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-2507c6c8.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-a73161da.js';
|
|
9
|
-
import { d as defineCustomElement$1 } from './p-
|
|
9
|
+
import { d as defineCustomElement$1 } from './p-278e6cc0.js';
|
|
10
10
|
|
|
11
11
|
const DEFAULT_NOTIFICATION_DURATION = 2000;
|
|
12
12
|
const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({
|
|
@@ -45,8 +45,8 @@ import { d as defineCustomElement$e } from './p-20c74379.js';
|
|
|
45
45
|
import { d as defineCustomElement$d } from './p-2df5f773.js';
|
|
46
46
|
import { d as defineCustomElement$c } from './p-fb31f34b.js';
|
|
47
47
|
import { d as defineCustomElement$b } from './p-f634f020.js';
|
|
48
|
-
import { d as defineCustomElement$a } from './p-
|
|
49
|
-
import { d as defineCustomElement$9 } from './p-
|
|
48
|
+
import { d as defineCustomElement$a } from './p-278e6cc0.js';
|
|
49
|
+
import { d as defineCustomElement$9 } from './p-c6a4041a.js';
|
|
50
50
|
import { d as defineCustomElement$8 } from './p-fab54b49.js';
|
|
51
51
|
import { d as defineCustomElement$7 } from './p-40a18d12.js';
|
|
52
52
|
import { d as defineCustomElement$6 } from './p-ba8208ac.js';
|
|
@@ -16,7 +16,7 @@ import { d as defineCustomElement$M } from './p-0daa472f.js';
|
|
|
16
16
|
import { d as defineCustomElement$L } from './p-e9c999f4.js';
|
|
17
17
|
import { d as defineCustomElement$K } from './p-5e5c9b53.js';
|
|
18
18
|
import { d as defineCustomElement$J } from './p-b5dc3971.js';
|
|
19
|
-
import { d as defineCustomElement$I } from './p-
|
|
19
|
+
import { d as defineCustomElement$I } from './p-e2006e05.js';
|
|
20
20
|
import { d as defineCustomElement$H } from './p-c226934a.js';
|
|
21
21
|
import { d as defineCustomElement$G } from './p-25738f7b.js';
|
|
22
22
|
import { d as defineCustomElement$F } from './p-1d7f3c99.js';
|
|
@@ -49,8 +49,8 @@ import { d as defineCustomElement$f } from './p-20c74379.js';
|
|
|
49
49
|
import { d as defineCustomElement$e } from './p-2df5f773.js';
|
|
50
50
|
import { d as defineCustomElement$d } from './p-fb31f34b.js';
|
|
51
51
|
import { d as defineCustomElement$c } from './p-f634f020.js';
|
|
52
|
-
import { d as defineCustomElement$b } from './p-
|
|
53
|
-
import { d as defineCustomElement$a } from './p-
|
|
52
|
+
import { d as defineCustomElement$b } from './p-278e6cc0.js';
|
|
53
|
+
import { d as defineCustomElement$a } from './p-c6a4041a.js';
|
|
54
54
|
import { d as defineCustomElement$9 } from './p-fab54b49.js';
|
|
55
55
|
import { d as defineCustomElement$8 } from './p-40a18d12.js';
|
|
56
56
|
import { d as defineCustomElement$7 } from './p-ba8208ac.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkNotification$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkNotification$1, d as defineCustomElement$1 } from './p-278e6cc0.js';
|
|
2
2
|
|
|
3
3
|
const RtkNotification = RtkNotification$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkNotifications$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkNotifications$1, d as defineCustomElement$1 } from './p-c6a4041a.js';
|
|
2
2
|
|
|
3
3
|
const RtkNotifications = RtkNotifications$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|