@ably/ui 17.6.7-dev.d94cf4a0 → 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.
@@ -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
  }
@@ -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;
@@ -1541,28 +1569,6 @@ export default ForwardRef;
1541
1569
  //# sourceMappingURL=icon-display-observe-analytics.d.ts.map
1542
1570
  }
1543
1571
 
1544
- declare module '@ably/ui/core/Icon/components/icon-display-other-mono' {
1545
- import * as React from "react";
1546
- interface SVGRProps {
1547
- title?: string;
1548
- titleId?: string;
1549
- }
1550
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
1551
- export default ForwardRef;
1552
- //# sourceMappingURL=icon-display-other-mono.d.ts.map
1553
- }
1554
-
1555
- declare module '@ably/ui/core/Icon/components/icon-display-other' {
1556
- import * as React from "react";
1557
- interface SVGRProps {
1558
- title?: string;
1559
- titleId?: string;
1560
- }
1561
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
1562
- export default ForwardRef;
1563
- //# sourceMappingURL=icon-display-other.d.ts.map
1564
- }
1565
-
1566
1572
  declare module '@ably/ui/core/Icon/components/icon-display-padlock-closed' {
1567
1573
  import * as React from "react";
1568
1574
  interface SVGRProps {
@@ -1794,28 +1800,6 @@ export default ForwardRef;
1794
1800
  //# sourceMappingURL=icon-display-soc2-type2.d.ts.map
1795
1801
  }
1796
1802
 
1797
- declare module '@ably/ui/core/Icon/components/icon-display-something-else-mono' {
1798
- import * as React from "react";
1799
- interface SVGRProps {
1800
- title?: string;
1801
- titleId?: string;
1802
- }
1803
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
1804
- export default ForwardRef;
1805
- //# sourceMappingURL=icon-display-something-else-mono.d.ts.map
1806
- }
1807
-
1808
- declare module '@ably/ui/core/Icon/components/icon-display-something-else' {
1809
- import * as React from "react";
1810
- interface SVGRProps {
1811
- title?: string;
1812
- titleId?: string;
1813
- }
1814
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
1815
- export default ForwardRef;
1816
- //# sourceMappingURL=icon-display-something-else.d.ts.map
1817
- }
1818
-
1819
1803
  declare module '@ably/ui/core/Icon/components/icon-display-subscription-filters' {
1820
1804
  import * as React from "react";
1821
1805
  interface SVGRProps {
@@ -2388,28 +2372,6 @@ export default ForwardRef;
2388
2372
  //# sourceMappingURL=icon-product-livesync.d.ts.map
2389
2373
  }
2390
2374
 
2391
- declare module '@ably/ui/core/Icon/components/icon-product-other-mono' {
2392
- import * as React from "react";
2393
- interface SVGRProps {
2394
- title?: string;
2395
- titleId?: string;
2396
- }
2397
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2398
- export default ForwardRef;
2399
- //# sourceMappingURL=icon-product-other-mono.d.ts.map
2400
- }
2401
-
2402
- declare module '@ably/ui/core/Icon/components/icon-product-other' {
2403
- import * as React from "react";
2404
- interface SVGRProps {
2405
- title?: string;
2406
- titleId?: string;
2407
- }
2408
- const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2409
- export default ForwardRef;
2410
- //# sourceMappingURL=icon-product-other.d.ts.map
2411
- }
2412
-
2413
2375
  declare module '@ably/ui/core/Icon/components/icon-product-platform-mono' {
2414
2376
  import * as React from "react";
2415
2377
  interface SVGRProps {
@@ -4894,8 +4856,6 @@ import IconDisplayShoppingCart from "@ably/ui/core/icon-display-shopping-cart";
4894
4856
  import IconDisplaySla from "@ably/ui/core/icon-display-sla";
4895
4857
  import IconDisplaySoc2Type2Mono from "@ably/ui/core/icon-display-soc2-type2-mono";
4896
4858
  import IconDisplaySoc2Type2 from "@ably/ui/core/icon-display-soc2-type2";
4897
- import IconDisplaySomethingElseMono from "@ably/ui/core/icon-display-something-else-mono";
4898
- import IconDisplaySomethingElse from "@ably/ui/core/icon-display-something-else";
4899
4859
  import IconDisplaySubscriptionFilters from "@ably/ui/core/icon-display-subscription-filters";
4900
4860
  import IconDisplaySupportChatMono from "@ably/ui/core/icon-display-support-chat-mono";
4901
4861
  import IconDisplaySystemMetadata from "@ably/ui/core/icon-display-system-metadata";
@@ -4903,7 +4863,7 @@ import IconDisplayTechAccountComms from "@ably/ui/core/icon-display-tech-account
4903
4863
  import IconDisplayTutorialsDemosCol from "@ably/ui/core/icon-display-tutorials-demos-col";
4904
4864
  import IconDisplayVirtualEventsCol from "@ably/ui/core/icon-display-virtual-events-col";
4905
4865
  import IconDisplayVirtualEvents from "@ably/ui/core/icon-display-virtual-events";
4906
- 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, };
4907
4867
  import IconGuiAblyBadge from "@ably/ui/core/icon-gui-ably-badge";
4908
4868
  import IconGuiCheckCircledFill from "@ably/ui/core/icon-gui-check-circled-fill";
4909
4869
  import IconGuiCheckLotusCircled from "@ably/ui/core/icon-gui-check-lotus-circled";
@@ -5175,7 +5135,7 @@ export { IconTechAblyApiStreamer, IconTechAblyFirehose, IconTechAblyNative, Icon
5175
5135
  }
5176
5136
 
5177
5137
  declare module '@ably/ui/core/Icon/computed-icons/display-icons' {
5178
- 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"];
5179
5139
  //# sourceMappingURL=display-icons.d.ts.map
5180
5140
  }
5181
5141
 
@@ -5202,7 +5162,7 @@ export const techIcons: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer
5202
5162
  declare module '@ably/ui/core/Icon/types' {
5203
5163
  export const iconNames: {
5204
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"];
5205
- 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"];
5206
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"];
5207
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"];
5208
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-dev.d94cf4a0",
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,12 +37,12 @@
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",
@@ -52,7 +52,7 @@
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",
@@ -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)",
@@ -1,2 +0,0 @@
1
- import*as React from"react";import{forwardRef}from"react";const IconDisplayOtherMono=({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:"#03020D",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(IconDisplayOtherMono);export default ForwardRef;
2
- //# sourceMappingURL=icon-display-other-mono.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/core/Icon/components/icon-display-other-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 IconDisplayOtherMono = ({\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=\"#03020D\" 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(IconDisplayOtherMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconDisplayOtherMono","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,qBAAuB,CAAC,CAC5BC,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,qBAC9B,gBAAeiB,UAAW"}
@@ -1,2 +0,0 @@
1
- import*as React from"react";import{forwardRef}from"react";const IconDisplayOther=({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(IconDisplayOther);export default ForwardRef;
2
- //# sourceMappingURL=icon-display-other.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/core/Icon/components/icon-display-other.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 IconDisplayOther = ({\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(IconDisplayOther);\nexport default ForwardRef;"],"names":["React","forwardRef","IconDisplayOther","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,iBAAmB,CAAC,CACxBC,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,iBAC9B,gBAAeiB,UAAW"}
@@ -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
@@ -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"}
@@ -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
@@ -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"}
@@ -1,2 +0,0 @@
1
- import*as React from"react";import{forwardRef}from"react";const IconProductOtherMono=({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:"#03020D",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(IconProductOtherMono);export default ForwardRef;
2
- //# sourceMappingURL=icon-product-other-mono.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/core/Icon/components/icon-product-other-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 IconProductOtherMono = ({\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=\"#03020D\" 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(IconProductOtherMono);\nexport default ForwardRef;"],"names":["React","forwardRef","IconProductOtherMono","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,qBAAuB,CAAC,CAC5BC,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,qBAC9B,gBAAeiB,UAAW"}
@@ -1,2 +0,0 @@
1
- import*as React from"react";import{forwardRef}from"react";const IconProductOther=({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(IconProductOther);export default ForwardRef;
2
- //# sourceMappingURL=icon-product-other.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/core/Icon/components/icon-product-other.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 IconProductOther = ({\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(IconProductOther);\nexport default ForwardRef;"],"names":["React","forwardRef","IconProductOther","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,iBAAmB,CAAC,CACxBC,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,iBAC9B,gBAAeiB,UAAW"}
@@ -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>
@@ -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>