@ably/ui 17.6.7 → 17.7.0-dev.25750e15

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 (18) hide show
  1. package/core/ContentTile.js +2 -0
  2. package/core/ContentTile.js.map +1 -0
  3. package/core/Icon/components/index.js +1 -1
  4. package/core/Icon/components/index.js.map +1 -1
  5. package/core/Icon/computed-icons/display-icons.js +1 -1
  6. package/core/Icon/computed-icons/display-icons.js.map +1 -1
  7. package/core/sprites-display.svg +1 -1
  8. package/core/styles/properties.css +13 -0
  9. package/core/styles/text.css +23 -30
  10. package/index.d.ts +31 -27
  11. package/package.json +7 -7
  12. package/tailwind.config.js +4 -0
  13. package/core/Icon/components/icon-display-something-else-mono.js +0 -2
  14. package/core/Icon/components/icon-display-something-else-mono.js.map +0 -1
  15. package/core/Icon/components/icon-display-something-else.js +0 -2
  16. package/core/Icon/components/icon-display-something-else.js.map +0 -1
  17. package/core/icons/display/icon-display-something-else-mono.svg +0 -4
  18. package/core/icons/display/icon-display-something-else.svg +0 -4
package/core/styles/properties.css CHANGED
@@ -166,6 +166,12 @@
166
166
  var(--color-jazzy-pink) 100%
167
167
  );
168
168
 
169
+ /* Used for theming */
170
+ --color-ably-heading: var(--color-neutral-1300);
171
+ --color-ably-primary: var(--color-neutral-1000);
172
+ --color-ably-secondary: var(--color-neutral-800);
173
+ --color-ably-label: var(--color-neutral-700);
174
+
169
175
  --fs-title-xl: 3rem;
170
176
  --fs-title: 2.75rem;
171
177
  --fs-title-xs: 2.5rem;
@@ -267,4 +273,11 @@
267
273
  /* Expose component values for cross-component usage */
268
274
  --ui-meganav-height: 4rem;
269
275
  }
276
+
277
+ .ui-theme-dark {
278
+ --color-ably-heading: var(--color-neutral-000);
279
+ --color-ably-primary: var(--color-neutral-300);
280
+ --color-ably-secondary: var(--color-neutral-500);
281
+ --color-ably-label: var(--color-neutral-600);
282
+ }
270
283
  }
package/core/styles/text.css CHANGED
@@ -1,54 +1,54 @@
1
1
  @layer components {
2
2
  .ui-text-title {
3
- @apply font-sans font-bold text-cool-black;
3
+ @apply font-sans font-bold text-ably-heading;
4
4
  @apply text-title-xs xs:text-title xl:text-title-xl;
5
5
  @apply tracking-[-0.015em] xs:tracking-[-0.02em] xl:tracking-[-0.02em];
6
6
  }
7
7
 
8
8
  .ui-text-h1 {
9
- @apply font-sans font-bold text-cool-black;
9
+ @apply font-sans font-bold text-ably-heading;
10
10
  @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
11
11
  @apply tracking-[-0.0125em] xs:tracking-[-0.015em];
12
12
  }
13
13
 
14
14
  .ui-text-h2 {
15
- @apply font-sans font-bold text-cool-black;
15
+ @apply font-sans font-bold text-ably-heading;
16
16
  @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
17
17
  @apply tracking-[-0.015em] xs:tracking-[-0.01em];
18
18
  }
19
19
 
20
20
  .ui-text-h3 {
21
- @apply font-sans font-bold text-cool-black;
21
+ @apply font-sans font-bold text-ably-heading;
22
22
  @apply text-h3;
23
23
  @apply tracking-[-0.005em];
24
24
  }
25
25
 
26
26
  .ui-text-h4 {
27
- @apply font-sans font-bold text-cool-black;
27
+ @apply font-sans font-bold text-ably-heading;
28
28
  @apply text-h4;
29
29
  @apply tracking-[-0.0015em];
30
30
  }
31
31
 
32
32
  .ui-text-h5 {
33
- @apply font-sans font-bold text-cool-black;
33
+ @apply font-sans font-bold text-ably-heading;
34
34
  @apply text-h5;
35
35
  @apply tracking-[-0.0025em];
36
36
  }
37
37
 
38
38
  .ui-text-p1 {
39
- @apply font-sans font-medium text-charcoal-grey text-p1;
39
+ @apply font-sans font-medium text-ably-primary text-p1;
40
40
  }
41
41
 
42
42
  .ui-text-p2 {
43
- @apply font-sans font-medium text-charcoal-grey text-p2;
43
+ @apply font-sans font-medium text-ably-primary text-p2;
44
44
  }
45
45
 
46
46
  .ui-text-p3 {
47
- @apply font-sans font-medium text-charcoal-grey text-p3;
47
+ @apply font-sans font-medium text-ably-primary text-p3;
48
48
  }
49
49
 
50
50
  .ui-text-p4 {
51
- @apply font-sans font-medium text-charcoal-grey text-p4;
51
+ @apply font-sans font-medium text-ably-primary text-p4;
52
52
  }
53
53
 
54
54
  .ui-text-standfirst {
@@ -58,13 +58,13 @@
58
58
  }
59
59
 
60
60
  .ui-text-quote {
61
- @apply font-sans font-normal text-cool-black;
61
+ @apply font-sans font-normal text-ably-heading;
62
62
  @apply text-quote leading-normal;
63
63
  @apply tracking-[-0.0015em];
64
64
  }
65
65
 
66
66
  .ui-text-sub-header {
67
- @apply font-sans font-semibold text-neutral-800;
67
+ @apply font-sans font-semibold text-ably-secondary;
68
68
  @apply text-sub-header-xs xs:text-sub-header leading-normal;
69
69
  }
70
70
 
@@ -81,26 +81,19 @@
81
81
  }
82
82
 
83
83
  .ui-text-label1 {
84
- @apply font-sans text-neutral-900 text-label1 font-semibold;
84
+ @apply font-sans text-ably-label text-label1 font-semibold;
85
85
  }
86
86
 
87
87
  .ui-text-label2 {
88
- @apply font-sans text-neutral-900 text-label2 font-semibold;
88
+ @apply font-sans text-ably-label text-label2 font-semibold;
89
89
  }
90
90
 
91
91
  .ui-text-label3 {
92
- @apply font-sans text-neutral-900 text-label3 font-semibold;
92
+ @apply font-sans text-ably-label text-label3 font-semibold;
93
93
  }
94
94
 
95
95
  .ui-text-label4 {
96
- @apply font-sans text-neutral-900 text-label4 font-semibold;
97
- }
98
-
99
- .ui-theme-dark .ui-text-label1,
100
- .ui-theme-dark .ui-text-label2,
101
- .ui-theme-dark .ui-text-label3,
102
- .ui-theme-dark .ui-text-label4 {
103
- @apply text-neutral-300;
96
+ @apply font-sans text-ably-label text-label4 font-semibold;
104
97
  }
105
98
 
106
99
  .ui-text-code {
@@ -112,21 +105,21 @@
112
105
  }
113
106
 
114
107
  .ui-text-code-inline {
115
- @apply inline-flex font-mono px-[0.1875rem] py-1 text-code text-neutral-1000 font-medium bg-neutral-200 border border-neutral-400 rounded-md;
108
+ @apply inline-flex font-mono px-[0.1875rem] py-1 text-code text-ably-primary font-medium bg-neutral-200 border border-neutral-400 rounded-md;
116
109
  }
117
110
 
118
- .dark .ui-text-code-inline {
119
- @apply text-neutral-300 bg-neutral-1000 border-neutral-900;
111
+ .ui-theme-dark .ui-text-code-inline {
112
+ @apply text-ably-primary bg-neutral-1000 border-neutral-900;
120
113
  }
121
114
 
122
115
  .ui-unordered-list {
123
- @apply text-p1 font-medium text-charcoal-grey;
116
+ @apply text-p1 font-medium text-ably-secondary;
124
117
  @apply ml-8 my-4;
125
118
  @apply list-disc;
126
119
  }
127
120
 
128
121
  .ui-ordered-list {
129
- @apply text-p1 font-medium text-charcoal-grey;
122
+ @apply text-p1 font-medium text-ably-secondary;
130
123
  @apply ml-8 my-4;
131
124
  @apply list-decimal;
132
125
  }
@@ -165,12 +158,12 @@
165
158
  }
166
159
 
167
160
  .ui-link-neutral {
168
- @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
161
+ @apply hover:text-ably-secondary active:text-ably-heading disabled:text-gui-unavailable;
169
162
  @apply focus:text-charcoal-grey focus-base;
170
163
  @apply underline;
171
164
  }
172
165
 
173
166
  .ui-figcaption {
174
- @apply font-mono text-p3 text-neutral-800;
167
+ @apply font-mono text-p3 text-ably-secondary;
175
168
  }
176
169
  }
package/index.d.ts CHANGED
@@ -479,6 +479,34 @@ export default ConnectStateWrapper;
479
479
  //# sourceMappingURL=ConnectStateWrapper.d.ts.map
480
480
  }
481
481
 
482
+ declare module '@ably/ui/core/ContentTile' {
483
+ import React from "react";
484
+ import type { IconName } from "@ably/ui/core/Icon/types";
485
+ type ContentTileBadge = string | {
486
+ label: string;
487
+ className?: string;
488
+ };
489
+ type CTA = {
490
+ text: string;
491
+ url: string;
492
+ };
493
+ type ContentTileProps = {
494
+ title?: string;
495
+ className?: string;
496
+ description?: string;
497
+ cta?: CTA;
498
+ image?: React.ReactNode;
499
+ imageIcons?: IconName[];
500
+ badges?: ContentTileBadge[];
501
+ options?: {
502
+ centerImage?: boolean;
503
+ };
504
+ };
505
+ const ContentTile: React.FC<ContentTileProps>;
506
+ export default ContentTile;
507
+ //# sourceMappingURL=ContentTile.d.ts.map
508
+ }
509
+
482
510
  declare module '@ably/ui/core/CookieMessage' {
483
511
  type CookieMessageProps = {
484
512
  cookieId: string;
@@ -1772,28 +1800,6 @@ export default ForwardRef;
1772
1800
  //# sourceMappingURL=icon-display-soc2-type2.d.ts.map
1773
1801
  }
1774
1802
 
1775
- declare module '@ably/ui/core/Icon/components/icon-display-something-else-mono' {
1776
- import * as React from "react";
1777
- interface SVGRProps {
1778
- title?: string;
1779
- titleId?: string;
1780
- }
1781
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
1782
- export default ForwardRef;
1783
- //# sourceMappingURL=icon-display-something-else-mono.d.ts.map
1784
- }
1785
-
1786
- declare module '@ably/ui/core/Icon/components/icon-display-something-else' {
1787
- import * as React from "react";
1788
- interface SVGRProps {
1789
- title?: string;
1790
- titleId?: string;
1791
- }
1792
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
1793
- export default ForwardRef;
1794
- //# sourceMappingURL=icon-display-something-else.d.ts.map
1795
- }
1796
-
1797
1803
  declare module '@ably/ui/core/Icon/components/icon-display-subscription-filters' {
1798
1804
  import * as React from "react";
1799
1805
  interface SVGRProps {
@@ -4850,8 +4856,6 @@ import IconDisplayShoppingCart from "@ably/ui/core/icon-display-shopping-cart";
4850
4856
  import IconDisplaySla from "@ably/ui/core/icon-display-sla";
4851
4857
  import IconDisplaySoc2Type2Mono from "@ably/ui/core/icon-display-soc2-type2-mono";
4852
4858
  import IconDisplaySoc2Type2 from "@ably/ui/core/icon-display-soc2-type2";
4853
- import IconDisplaySomethingElseMono from "@ably/ui/core/icon-display-something-else-mono";
4854
- import IconDisplaySomethingElse from "@ably/ui/core/icon-display-something-else";
4855
4859
  import IconDisplaySubscriptionFilters from "@ably/ui/core/icon-display-subscription-filters";
4856
4860
  import IconDisplaySupportChatMono from "@ably/ui/core/icon-display-support-chat-mono";
4857
4861
  import IconDisplaySystemMetadata from "@ably/ui/core/icon-display-system-metadata";
@@ -4859,7 +4863,7 @@ import IconDisplayTechAccountComms from "@ably/ui/core/icon-display-tech-account
4859
4863
  import IconDisplayTutorialsDemosCol from "@ably/ui/core/icon-display-tutorials-demos-col";
4860
4864
  import IconDisplayVirtualEventsCol from "@ably/ui/core/icon-display-virtual-events-col";
4861
4865
  import IconDisplayVirtualEvents from "@ably/ui/core/icon-display-virtual-events";
4862
- export { IconDisplay48hrs, IconDisplayAblyChannels, IconDisplayAboutAblyCol, IconDisplayApiKeys, IconDisplayApi, IconDisplayArchitecturalGuidance, IconDisplayAssetTrackingCol, IconDisplayAuthentication, IconDisplayAvatarStack, IconDisplayBrowser, IconDisplayCalendar, IconDisplayCallMobile, IconDisplayCareersCol, IconDisplayCaseStudiesCol, IconDisplayChatCol, IconDisplayChatMono, IconDisplayChatStackCol, IconDisplayChatStack, IconDisplayCloudServers, IconDisplayCompareTechCol, IconDisplayConnectionStateRecovery, IconDisplayConsumerGroups, IconDisplayCustomCname, IconDisplayCustom, IconDisplayCustomersCol, IconDisplayDataBroadcastCol, IconDisplayDataBroadcastMono, IconDisplayDataSynchronizationCol, IconDisplayDedicatedCluster, IconDisplayDeltas, IconDisplayDocsCol, IconDisplayDocumentation, IconDisplayDynamicChannelGroups, IconDisplayEdgeNetwork, IconDisplayElasticity, IconDisplayEqualisersMono, IconDisplayEventsCol, IconDisplayExactlyOnceDelivery, IconDisplayExamplesCol, IconDisplayFanOut, IconDisplayFirehose, IconDisplayGdpr, IconDisplayGeneralComms, IconDisplayGranularPermissions, IconDisplayHipaaMono, IconDisplayHipaa, IconDisplayHistory, IconDisplayIntegrationsCol, IconDisplayIntegrations, IconDisplayItSupportAccess, IconDisplayItSupportHelpdesk, IconDisplayKafkaAtTheEdgeCol, IconDisplayLaptop, IconDisplayLastSeen, IconDisplayLightbulbCol, IconDisplayLiveChat, IconDisplayLiveUpdatesResultsMetricsCol, IconDisplayMapPin, IconDisplayMessageBatching, IconDisplayMessagePersistence, IconDisplayMessageQueues, IconDisplayMessage, IconDisplayMultiUserSpacesCol, IconDisplayObserveAnalytics, IconDisplayPadlockClosed, IconDisplayPlatform, IconDisplayPlay, IconDisplayPremiumSupport, IconDisplayPrivacyShieldFramework, IconDisplayPrivateLink, IconDisplayPushNotificationsCol, IconDisplayPushNotificationsMono, IconDisplayPushNotifications, IconDisplayQuickstartGuidesCol, IconDisplayReactions, IconDisplayReadReceipts, IconDisplayResourcesCol, IconDisplayRewind, IconDisplaySdksCol, IconDisplaySendReceivedMessages, IconDisplayServers, IconDisplayShoppingCart, IconDisplaySla, IconDisplaySoc2Type2Mono, IconDisplaySoc2Type2, IconDisplaySomethingElseMono, IconDisplaySomethingElse, IconDisplaySubscriptionFilters, IconDisplaySupportChatMono, IconDisplaySystemMetadata, IconDisplayTechAccountComms, IconDisplayTutorialsDemosCol, IconDisplayVirtualEventsCol, IconDisplayVirtualEvents, };
4866
+ export { IconDisplay48hrs, IconDisplayAblyChannels, IconDisplayAboutAblyCol, IconDisplayApiKeys, IconDisplayApi, IconDisplayArchitecturalGuidance, IconDisplayAssetTrackingCol, IconDisplayAuthentication, IconDisplayAvatarStack, IconDisplayBrowser, IconDisplayCalendar, IconDisplayCallMobile, IconDisplayCareersCol, IconDisplayCaseStudiesCol, IconDisplayChatCol, IconDisplayChatMono, IconDisplayChatStackCol, IconDisplayChatStack, IconDisplayCloudServers, IconDisplayCompareTechCol, IconDisplayConnectionStateRecovery, IconDisplayConsumerGroups, IconDisplayCustomCname, IconDisplayCustom, IconDisplayCustomersCol, IconDisplayDataBroadcastCol, IconDisplayDataBroadcastMono, IconDisplayDataSynchronizationCol, IconDisplayDedicatedCluster, IconDisplayDeltas, IconDisplayDocsCol, IconDisplayDocumentation, IconDisplayDynamicChannelGroups, IconDisplayEdgeNetwork, IconDisplayElasticity, IconDisplayEqualisersMono, IconDisplayEventsCol, IconDisplayExactlyOnceDelivery, IconDisplayExamplesCol, IconDisplayFanOut, IconDisplayFirehose, IconDisplayGdpr, IconDisplayGeneralComms, IconDisplayGranularPermissions, IconDisplayHipaaMono, IconDisplayHipaa, IconDisplayHistory, IconDisplayIntegrationsCol, IconDisplayIntegrations, IconDisplayItSupportAccess, IconDisplayItSupportHelpdesk, IconDisplayKafkaAtTheEdgeCol, IconDisplayLaptop, IconDisplayLastSeen, IconDisplayLightbulbCol, IconDisplayLiveChat, IconDisplayLiveUpdatesResultsMetricsCol, IconDisplayMapPin, IconDisplayMessageBatching, IconDisplayMessagePersistence, IconDisplayMessageQueues, IconDisplayMessage, IconDisplayMultiUserSpacesCol, IconDisplayObserveAnalytics, IconDisplayPadlockClosed, IconDisplayPlatform, IconDisplayPlay, IconDisplayPremiumSupport, IconDisplayPrivacyShieldFramework, IconDisplayPrivateLink, IconDisplayPushNotificationsCol, IconDisplayPushNotificationsMono, IconDisplayPushNotifications, IconDisplayQuickstartGuidesCol, IconDisplayReactions, IconDisplayReadReceipts, IconDisplayResourcesCol, IconDisplayRewind, IconDisplaySdksCol, IconDisplaySendReceivedMessages, IconDisplayServers, IconDisplayShoppingCart, IconDisplaySla, IconDisplaySoc2Type2Mono, IconDisplaySoc2Type2, IconDisplaySubscriptionFilters, IconDisplaySupportChatMono, IconDisplaySystemMetadata, IconDisplayTechAccountComms, IconDisplayTutorialsDemosCol, IconDisplayVirtualEventsCol, IconDisplayVirtualEvents, };
4863
4867
  import IconGuiAblyBadge from "@ably/ui/core/icon-gui-ably-badge";
4864
4868
  import IconGuiCheckCircledFill from "@ably/ui/core/icon-gui-check-circled-fill";
4865
4869
  import IconGuiCheckLotusCircled from "@ably/ui/core/icon-gui-check-lotus-circled";
@@ -5131,7 +5135,7 @@ export { IconTechAblyApiStreamer, IconTechAblyFirehose, IconTechAblyNative, Icon
5131
5135
  }
5132
5136
 
5133
5137
  declare module '@ably/ui/core/Icon/computed-icons/display-icons' {
5134
- export const displayIcons: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events", "icon-display-virtual-events-col"];
5138
+ export const displayIcons: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events", "icon-display-virtual-events-col"];
5135
5139
  //# sourceMappingURL=display-icons.d.ts.map
5136
5140
  }
5137
5141
 
@@ -5158,7 +5162,7 @@ export const techIcons: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer
5158
5162
  declare module '@ably/ui/core/Icon/types' {
5159
5163
  export const iconNames: {
5160
5164
  gui: readonly ["icon-gui-ably-badge", "icon-gui-check-circled-fill", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-code-doc", "icon-gui-cursor", "icon-gui-expand", "icon-gui-filter-flow-step-0", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-flower-growth", "icon-gui-further-reading", "icon-gui-glasses", "icon-gui-history", "icon-gui-live-chat", "icon-gui-mouse", "icon-gui-partial", "icon-gui-pitfall", "icon-gui-prod-asset-tracking-outline", "icon-gui-prod-asset-tracking-solid", "icon-gui-prod-chat-outline", "icon-gui-prod-chat-solid", "icon-gui-prod-liveobjects-outline", "icon-gui-prod-liveobjects-solid", "icon-gui-prod-livesync-outline", "icon-gui-prod-livesync-solid", "icon-gui-prod-pubsub-outline", "icon-gui-prod-pubsub-solid", "icon-gui-prod-spaces-outline", "icon-gui-prod-spaces-solid", "icon-gui-quote-marks-fill", "icon-gui-refresh", "icon-gui-resources", "icon-gui-spinner-dark", "icon-gui-spinner-light"];
5161
- display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events", "icon-display-virtual-events-col"];
5165
+ display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events", "icon-display-virtual-events-col"];
5162
5166
  social: readonly ["icon-social-discord", "icon-social-discord-mono", "icon-social-facebook", "icon-social-facebook-mono", "icon-social-github", "icon-social-github-mono", "icon-social-glassdoor", "icon-social-glassdoor-mono", "icon-social-google", "icon-social-google-mono", "icon-social-linkedin", "icon-social-linkedin-mono", "icon-social-slack", "icon-social-slack-mono", "icon-social-stackoverflow", "icon-social-stackoverflow-mono", "icon-social-twitter", "icon-social-twitter-mono", "icon-social-x", "icon-social-x-mono", "icon-social-youtube", "icon-social-youtube-mono"];
5163
5167
  tech: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer", "icon-tech-ably-firehose", "icon-tech-ably-native", "icon-tech-activemq", "icon-tech-activitypub", "icon-tech-aerospike", "icon-tech-akka", "icon-tech-amazon-ec2", "icon-tech-amazon-event-bridge", "icon-tech-amqp091", "icon-tech-amqp10", "icon-tech-android-full", "icon-tech-android-head", "icon-tech-angular", "icon-tech-anycable", "icon-tech-apache-cassandra", "icon-tech-apache-cordova", "icon-tech-apache-kafka", "icon-tech-apache-spark", "icon-tech-apachepulsar", "icon-tech-apachestorm", "icon-tech-apns", "icon-tech-assemblyai", "icon-tech-atmosphere", "icon-tech-aws", "icon-tech-aws-app-sync", "icon-tech-aws-aurora", "icon-tech-aws-gateway-websockets", "icon-tech-aws-sns", "icon-tech-aws-sqs", "icon-tech-awsiot", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azure-api", "icon-tech-azure-archive-api", "icon-tech-azure-bus", "icon-tech-azure-cosmos", "icon-tech-azure-event-hub", "icon-tech-azure-functions", "icon-tech-azure-search", "icon-tech-azure-static-web-app", "icon-tech-azure-static-web-apps", "icon-tech-azure-storage", "icon-tech-azure-web-pubsub", "icon-tech-azurefunctions", "icon-tech-azureservicebus", "icon-tech-azuresignalR", "icon-tech-bayeux", "icon-tech-c++", "icon-tech-centrifugo", "icon-tech-claude", "icon-tech-claude-mono", "icon-tech-client-side-frameworks", "icon-tech-clojure", "icon-tech-cloudflare-durable-objects", "icon-tech-cloudflareworkers", "icon-tech-cocoa", "icon-tech-confluent", "icon-tech-cord", "icon-tech-csharp", "icon-tech-curl", "icon-tech-customwebhooks", "icon-tech-datadog", "icon-tech-design-patterns", "icon-tech-devplatforms", "icon-tech-diffusion-data", "icon-tech-django", "icon-tech-engineio", "icon-tech-event-driven-servers", "icon-tech-fanout-io", "icon-tech-fast-api", "icon-tech-fauna", "icon-tech-featherjs", "icon-tech-firebase", "icon-tech-firebase-cloud-messaging", "icon-tech-flutter", "icon-tech-gcloudbigquery", "icon-tech-gclouddataflow", "icon-tech-gcloudfunctions", "icon-tech-gcloudpubsub", "icon-tech-go", "icon-tech-grpc", "icon-tech-hivemq", "icon-tech-http2", "icon-tech-http3", "icon-tech-httprest", "icon-tech-idempotency", "icon-tech-ifttt", "icon-tech-integrations", "icon-tech-ios", "icon-tech-ios-generic", "icon-tech-ipados", "icon-tech-ipfs", "icon-tech-ironmq", "icon-tech-java", "icon-tech-javascript", "icon-tech-jms", "icon-tech-json", "icon-tech-json-web-tokens", "icon-tech-kaazing", "icon-tech-kotlin", "icon-tech-ksql-db", "icon-tech-kubernetes", "icon-tech-laravel-broadcast", "icon-tech-laravel-echo", "icon-tech-lightstreamer", "icon-tech-liveblocks", "icon-tech-longpolling", "icon-tech-macos", "icon-tech-matrix", "icon-tech-meteor", "icon-tech-mongo-db", "icon-tech-mono", "icon-tech-mqtt", "icon-tech-mysql", "icon-tech-native-script", "icon-tech-net", "icon-tech-netlify", "icon-tech-nextjs", "icon-tech-nkn", "icon-tech-nodejs", "icon-tech-objectivec", "icon-tech-openai", "icon-tech-parse-server", "icon-tech-php", "icon-tech-planetscale", "icon-tech-postgres", "icon-tech-prisma", "icon-tech-programminglanguages", "icon-tech-protcol-adaptors", "icon-tech-protocols", "icon-tech-pub-sub", "icon-tech-pubnub", "icon-tech-push-technology", "icon-tech-pusher", "icon-tech-python", "icon-tech-quic", "icon-tech-rabbitMQ", "icon-tech-railsactioncable", "icon-tech-react", "icon-tech-react-app", "icon-tech-reactnative", "icon-tech-redis", "icon-tech-redpanda", "icon-tech-replicache", "icon-tech-rethinkdb", "icon-tech-rocketmq", "icon-tech-ruby", "icon-tech-scala", "icon-tech-scaledrone", "icon-tech-serversentevents", "icon-tech-serversideframeworks", "icon-tech-signalR", "icon-tech-snowflake", "icon-tech-socketio", "icon-tech-sockjs", "icon-tech-solace", "icon-tech-spring", "icon-tech-stomp", "icon-tech-streamdata-io", "icon-tech-streamr", "icon-tech-swift", "icon-tech-symfony", "icon-tech-symfony-mercure", "icon-tech-tcp-ip", "icon-tech-tenefit", "icon-tech-terraform", "icon-tech-tvos", "icon-tech-twilio", "icon-tech-typescript", "icon-tech-udp-protocol", "icon-tech-unity", "icon-tech-vercel", "icon-tech-vscode", "icon-tech-vuejs", "icon-tech-wamp", "icon-tech-watchos", "icon-tech-web", "icon-tech-web-push", "icon-tech-webhooks", "icon-tech-webrtc", "icon-tech-websockets", "icon-tech-websub", "icon-tech-xamarin", "icon-tech-xhr-streaming", "icon-tech-xmpp", "icon-tech-zapier", "icon-tech-zeromq"];
5164
5168
  product: readonly ["icon-product-asset-tracking", "icon-product-asset-tracking-mono", "icon-product-chat", "icon-product-chat-mono", "icon-product-liveobjects", "icon-product-liveobjects-dark", "icon-product-liveobjects-mono", "icon-product-livesync", "icon-product-livesync-mono", "icon-product-platform", "icon-product-platform-mono", "icon-product-pubsub", "icon-product-pubsub-mono", "icon-product-spaces", "icon-product-spaces-mono"];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "17.6.7",
3
+ "version": "17.7.0-dev.25750e15",
4
4
  "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -19,8 +19,8 @@
19
19
  "workerDirectory": "./public"
20
20
  },
21
21
  "devDependencies": {
22
- "@storybook/addon-docs": "^9.1.1",
23
- "@storybook/react-vite": "^9.1.1",
22
+ "@storybook/addon-docs": "^9.1.3",
23
+ "@storybook/react-vite": "^9.1.3",
24
24
  "@storybook/test-runner": "^0.23.0",
25
25
  "@svgr/core": "^8.1.0",
26
26
  "@svgr/plugin-jsx": "^8.1.0",
@@ -37,22 +37,22 @@
37
37
  "@typescript-eslint/eslint-plugin": "^8.25.0",
38
38
  "@typescript-eslint/parser": "^8.25.0",
39
39
  "@vitejs/plugin-react-swc": "^3.8.0",
40
- "@vueless/storybook-dark-mode": "^9.0.6",
40
+ "@vueless/storybook-dark-mode": "^9.0.7",
41
41
  "autoprefixer": "^10.0.2",
42
42
  "eslint": "^8.57.0",
43
43
  "eslint-config-prettier": "^10.0.1",
44
44
  "eslint-plugin-react": "^7.34.3",
45
- "eslint-plugin-storybook": "^9.1.1",
45
+ "eslint-plugin-storybook": "^9.1.3",
46
46
  "heroicons": "^2.2.0",
47
47
  "http-server": "14.1.1",
48
48
  "jsdom": "^26.0.0",
49
49
  "mixpanel-browser": "^2.60.0",
50
- "msw": "2.11.1",
50
+ "msw": "2.10.2",
51
51
  "msw-storybook-addon": "^2.0.5",
52
52
  "playwright": "^1.49.1",
53
53
  "posthog-js": "^1.217.4",
54
54
  "prettier": "^3.2.5",
55
- "storybook": "^9.1.1",
55
+ "storybook": "^9.1.3",
56
56
  "svg-sprite": "^2.0.4",
57
57
  "tailwindcss": "^3.3.6",
58
58
  "ts-node": "^10.9.2",
package/tailwind.config.js CHANGED
@@ -52,6 +52,10 @@ module.exports = {
52
52
  },
53
53
  extend: {
54
54
  colors: {
55
+ "ably-heading": "var(--color-ably-heading)",
56
+ "ably-primary": "var(--color-ably-primary)",
57
+ "ably-secondary": "var(--color-ably-secondary)",
58
+ "ably-label": "var(--color-ably-label)",
55
59
  "neutral-000": "var(--color-neutral-000)",
56
60
  "neutral-100": "var(--color-neutral-100)",
57
61
  "neutral-200": "var(--color-neutral-200)",
package/core/Icon/components/icon-display-something-else-mono.js DELETED
@@ -1,2 +0,0 @@
1
- import*as React from"react";import{forwardRef}from"react";const IconDisplaySomethingElseMono=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:46,height:48,fill:"none",viewBox:"0 0 46 48",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"currentColor",strokeWidth:1.5,d:"M21 2.155a4 4 0 0 1 4 0l15.919 9.19a4 4 0 0 1 2 3.464v18.382a4 4 0 0 1-2 3.464L25 45.845a4 4 0 0 1-4 0l-15.919-9.19a4 4 0 0 1-2-3.464V14.809a4 4 0 0 1 2-3.464z"}),React.createElement("path",{fill:"currentColor",d:"M24.063 29.21v-1.797c0-4.693 4.937-3.84 4.937-9.05C29 15.042 26.488 13 23.312 13c-1.703 0-3.493.67-5.312 1.493v2.62l5.14-1.858c2.193 0 3.55 1.31 3.55 3.2 0 3.686-4.995 3.077-4.735 8.866l.087 1.89zm.635 5.79v-3.352h-3.233V35z"}));const ForwardRef=forwardRef(IconDisplaySomethingElseMono);export default ForwardRef;
2
- //# sourceMappingURL=icon-display-something-else-mono.js.map
package/core/Icon/components/icon-display-something-else-mono.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/core/Icon/components/icon-display-something-else-mono.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconDisplaySomethingElseMono = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={46} height={48} fill=\"none\" viewBox=\"0 0 46 48\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"currentColor\" strokeWidth={1.5} d=\"M21 2.155a4 4 0 0 1 4 0l15.919 9.19a4 4 0 0 1 2 3.464v18.382a4 4 0 0 1-2 3.464L25 45.845a4 4 0 0 1-4 0l-15.919-9.19a4 4 0 0 1-2-3.464V14.809a4 4 0 0 1 2-3.464z\" /><path fill=\"currentColor\" d=\"M24.063 29.21v-1.797c0-4.693 4.937-3.84 4.937-9.05C29 15.042 26.488 13 23.312 13c-1.703 0-3.493.67-5.312 1.493v2.62l5.14-1.858c2.193 0 3.55 1.31 3.55 3.2 0 3.686-4.995 3.077-4.735 8.866l.087 1.89zm.635 5.79v-3.352h-3.233V35z\" /></svg>;\nconst ForwardRef = forwardRef(IconDisplaySomethingElseMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconDisplaySomethingElseMono","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","stroke","strokeWidth","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,6BAA+B,CAAC,CACpCC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,GAAIC,OAAQ,GAAIC,KAAK,OAAOC,QAAQ,YAAYN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKC,OAAO,eAAeC,YAAa,IAAKC,EAAE,oKAAoK,oBAACH,QAAKJ,KAAK,eAAeO,EAAE,sOACtf,MAAMC,WAAalB,WAAWC,6BAC9B,gBAAeiB,UAAW"}
package/core/Icon/components/icon-display-something-else.js DELETED
@@ -1,2 +0,0 @@
1
- import*as React from"react";import{forwardRef}from"react";const IconDisplaySomethingElse=({title,titleId,...props},ref)=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:46,height:48,fill:"none",viewBox:"0 0 46 48",ref:ref,"aria-labelledby":titleId,...props},title?React.createElement("title",{id:titleId},title):null,React.createElement("path",{stroke:"#03020D",strokeWidth:1.5,d:"M21 2.155a4 4 0 0 1 4 0l15.919 9.19a4 4 0 0 1 2 3.464v18.382a4 4 0 0 1-2 3.464L25 45.845a4 4 0 0 1-4 0l-15.919-9.19a4 4 0 0 1-2-3.464V14.809a4 4 0 0 1 2-3.464z"}),React.createElement("path",{fill:"#FF5416",d:"M24.063 29.21v-1.797c0-4.693 4.937-3.84 4.937-9.05C29 15.042 26.488 13 23.312 13c-1.703 0-3.493.67-5.312 1.493v2.62l5.14-1.858c2.193 0 3.55 1.31 3.55 3.2 0 3.686-4.995 3.077-4.735 8.866l.087 1.89zm.635 5.79v-3.352h-3.233V35z"}));const ForwardRef=forwardRef(IconDisplaySomethingElse);export default ForwardRef;
2
- //# sourceMappingURL=icon-display-something-else.js.map
package/core/Icon/components/icon-display-something-else.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/core/Icon/components/icon-display-something-else.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nconst IconDisplaySomethingElse = ({\n title,\n titleId,\n ...props\n}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" width={46} height={48} fill=\"none\" viewBox=\"0 0 46 48\" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path stroke=\"#03020D\" strokeWidth={1.5} d=\"M21 2.155a4 4 0 0 1 4 0l15.919 9.19a4 4 0 0 1 2 3.464v18.382a4 4 0 0 1-2 3.464L25 45.845a4 4 0 0 1-4 0l-15.919-9.19a4 4 0 0 1-2-3.464V14.809a4 4 0 0 1 2-3.464z\" /><path fill=\"#FF5416\" d=\"M24.063 29.21v-1.797c0-4.693 4.937-3.84 4.937-9.05C29 15.042 26.488 13 23.312 13c-1.703 0-3.493.67-5.312 1.493v2.62l5.14-1.858c2.193 0 3.55 1.31 3.55 3.2 0 3.686-4.995 3.077-4.735 8.866l.087 1.89zm.635 5.79v-3.352h-3.233V35z\" /></svg>;\nconst ForwardRef = forwardRef(IconDisplaySomethingElse);\nexport default ForwardRef;"],"names":["React","forwardRef","IconDisplaySomethingElse","title","titleId","props","ref","svg","xmlns","width","height","fill","viewBox","aria-labelledby","id","path","stroke","strokeWidth","d","ForwardRef"],"mappings":"AAAA,UAAYA,UAAW,OAAQ,AAE/B,QAAcC,UAAU,KAAQ,OAAQ,CAKxC,MAAMC,yBAA2B,CAAC,CAChCC,KAAK,CACLC,OAAO,CACP,GAAGC,MACiC,CAAEC,MAA4B,oBAACC,OAAIC,MAAM,6BAA6BC,MAAO,GAAIC,OAAQ,GAAIC,KAAK,OAAOC,QAAQ,YAAYN,IAAKA,IAAKO,kBAAiBT,QAAU,GAAGC,KAAK,EAAGF,MAAQ,oBAACA,SAAMW,GAAIV,SAAUD,OAAiB,KAAK,oBAACY,QAAKC,OAAO,UAAUC,YAAa,IAAKC,EAAE,oKAAoK,oBAACH,QAAKJ,KAAK,UAAUO,EAAE,sOAC5e,MAAMC,WAAalB,WAAWC,yBAC9B,gBAAeiB,UAAW"}
package/core/icons/display/icon-display-something-else-mono.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg width="46" height="48" viewBox="0 0 46 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M21 2.1547C22.2376 1.44017 23.7624 1.44017 25 2.1547L40.9186 11.3453C42.1562 12.0598 42.9186 13.3803 42.9186 14.8094V33.1906C42.9186 34.6197 42.1562 35.9402 40.9186 36.6547L25 45.8453C23.7624 46.5598 22.2376 46.5598 21 45.8453L5.08142 36.6547C3.84381 35.9402 3.08142 34.6197 3.08142 33.1906V14.8094C3.08142 13.3803 3.84381 12.0598 5.08142 11.3453L21 2.1547Z" stroke="currentColor" stroke-width="1.5"/>
3
- <path d="M24.063 29.2105V27.4127C24.063 22.7202 29 23.5734 29 18.3629C29 15.0416 26.4882 13 23.3123 13C21.6089 13 19.8189 13.6704 18 14.4931V17.1136L23.1391 15.2548C25.3333 15.2548 26.6903 16.5651 26.6903 18.4543C26.6903 22.1413 21.6955 21.5319 21.9554 27.3213L22.042 29.2105H24.063ZM24.6982 35V31.6482H21.4646V35H24.6982Z" fill="currentColor"/>
4
- </svg>
package/core/icons/display/icon-display-something-else.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg width="46" height="48" viewBox="0 0 46 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M21 2.1547C22.2376 1.44017 23.7624 1.44017 25 2.1547L40.9186 11.3453C42.1562 12.0598 42.9186 13.3803 42.9186 14.8094V33.1906C42.9186 34.6197 42.1562 35.9402 40.9186 36.6547L25 45.8453C23.7624 46.5598 22.2376 46.5598 21 45.8453L5.08142 36.6547C3.84381 35.9402 3.08142 34.6197 3.08142 33.1906V14.8094C3.08142 13.3803 3.84381 12.0598 5.08142 11.3453L21 2.1547Z" stroke="#03020D" stroke-width="1.5"/>
3
- <path d="M24.063 29.2105V27.4127C24.063 22.7202 29 23.5734 29 18.3629C29 15.0416 26.4882 13 23.3123 13C21.6089 13 19.8189 13.6704 18 14.4931V17.1136L23.1391 15.2548C25.3333 15.2548 26.6903 16.5651 26.6903 18.4543C26.6903 22.1413 21.6955 21.5319 21.9554 27.3213L22.042 29.2105H24.063ZM24.6982 35V31.6482H21.4646V35H24.6982Z" fill="#FF5416"/>
4
- </svg>