@ably/ui 15.1.11 → 15.1.13

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 (60) hide show
  1. package/core/Accordion.js +1 -1
  2. package/core/Badge.js +1 -1
  3. package/core/Button.js +1 -1
  4. package/core/Code.js +1 -1
  5. package/core/ConnectStateWrapper.js +1 -1
  6. package/core/ContactFooter.js +1 -1
  7. package/core/CookieMessage.js +1 -1
  8. package/core/CustomerLogos.js +1 -1
  9. package/core/DropdownMenu.js +1 -1
  10. package/core/Expander.js +1 -1
  11. package/core/FeaturedLink.js +1 -1
  12. package/core/Flash.js +1 -1
  13. package/core/Footer.js +1 -1
  14. package/core/Icon/EncapsulatedIcon.js +1 -1
  15. package/core/Icon/computed-icons.js +1 -1
  16. package/core/Icon.js +1 -1
  17. package/core/LinkButton.js +1 -1
  18. package/core/Loader.js +2 -2
  19. package/core/Logo.js +1 -1
  20. package/core/Meganav.js +1 -1
  21. package/core/MeganavBlogPostsList.js +1 -1
  22. package/core/MeganavContentCompany.js +1 -1
  23. package/core/MeganavContentDevelopers.js +1 -1
  24. package/core/MeganavContentProducts.js +1 -1
  25. package/core/MeganavContentUseCases.js +1 -1
  26. package/core/MeganavControl.js +1 -1
  27. package/core/MeganavControlMobileDropdown.js +1 -1
  28. package/core/MeganavControlMobilePanelClose.js +1 -1
  29. package/core/MeganavControlMobilePanelOpen.js +1 -1
  30. package/core/MeganavItemsDesktop.js +1 -1
  31. package/core/MeganavItemsMobile.js +1 -1
  32. package/core/MeganavItemsSignedIn.js +1 -1
  33. package/core/MeganavSearch.js +1 -1
  34. package/core/MeganavSearchAutocomplete.js +1 -1
  35. package/core/MeganavSearchPanel.js +1 -1
  36. package/core/MeganavSearchSuggestions.js +1 -1
  37. package/core/Notice.js +1 -1
  38. package/core/Pricing/PricingCards.js +1 -1
  39. package/core/Pricing/data.js +1 -1
  40. package/core/ProductTile.js +1 -1
  41. package/core/SignOutLink.js +1 -1
  42. package/core/Slider.js +1 -1
  43. package/core/Status.js +1 -1
  44. package/core/TabMenu.js +1 -1
  45. package/core/Table/Table.js +1 -1
  46. package/core/Table/TableCell.js +2 -2
  47. package/core/Table/TableRow.js +1 -1
  48. package/core/Table/data.js +1 -1
  49. package/core/Toggle.js +1 -1
  50. package/core/Tooltip.js +1 -1
  51. package/core/icons/icon-gui-account.svg +2 -3
  52. package/core/icons/icon-gui-app.svg +2 -2
  53. package/core/icons/icon-gui-currency-dollar.svg +3 -0
  54. package/core/icons/icon-gui-organization.svg +2 -3
  55. package/core/icons/icon-gui-user-circle.svg +3 -0
  56. package/core/react-renderer.js +1 -1
  57. package/core/sprites.svg +1 -1
  58. package/core/styles/forms/story-components.js +1 -1
  59. package/index.d.ts +8 -8
  60. package/package.json +3 -2
package/core/styles/forms/story-components.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import Icon from"../../Icon";export const Checkbox=({index,disabled})=>/*#__PURE__*/React.createElement("div",{className:"ui-checkbox-p1 flex items-center"},/*#__PURE__*/React.createElement("input",{"data-ui-checkbox-native":"",type:"checkbox",id:`checkbox-example-${index}`,name:`checkbox-example-${index}`,value:"yes",className:"ui-checkbox-input",disabled:disabled}),/*#__PURE__*/React.createElement("div",{"data-ui-checkbox-styled":"",className:"ui-checkbox-styled"},/*#__PURE__*/React.createElement(Icon,{name:"icon-gui-tick",size:"1rem",additionalCSS:"ui-checkbox-styled-tick"})),/*#__PURE__*/React.createElement("label",{htmlFor:`checkbox-example-${index}`,className:"ui-checkbox-label-p1"},"Option ",index));export const RadioButton=({index,disabled})=>/*#__PURE__*/React.createElement("div",{className:"flex items-center gap-8"},/*#__PURE__*/React.createElement("input",{"data-ui-radio-native":"",type:"radio",id:`radio-example-${index}`,name:"radio-example",value:`option-${index}`,className:"ui-radio",disabled:disabled}),/*#__PURE__*/React.createElement("label",{className:"text-neutral-1300 dark:text-neutral-000",htmlFor:`radio-example-${index}`},"Option ",index));
1
+ import React from"react";import Icon from"../../Icon";export const Checkbox=({index,disabled})=>React.createElement("div",{className:"ui-checkbox-p1 flex items-center"},React.createElement("input",{"data-ui-checkbox-native":"",type:"checkbox",id:`checkbox-example-${index}`,name:`checkbox-example-${index}`,value:"yes",className:"ui-checkbox-input",disabled:disabled}),React.createElement("div",{"data-ui-checkbox-styled":"",className:"ui-checkbox-styled"},React.createElement(Icon,{name:"icon-gui-tick",size:"1rem",additionalCSS:"ui-checkbox-styled-tick"})),React.createElement("label",{htmlFor:`checkbox-example-${index}`,className:"ui-checkbox-label-p1"},"Option ",index));export const RadioButton=({index,disabled})=>React.createElement("div",{className:"flex items-center gap-8"},React.createElement("input",{"data-ui-radio-native":"",type:"radio",id:`radio-example-${index}`,name:"radio-example",value:`option-${index}`,className:"ui-radio",disabled:disabled}),React.createElement("label",{className:"text-neutral-1300 dark:text-neutral-000",htmlFor:`radio-example-${index}`},"Option ",index));
package/index.d.ts CHANGED
@@ -457,7 +457,7 @@ export default EncapsulatedIcon;
457
457
  declare module '@ably/ui/core/Icon/computed-icons' {
458
458
  export const computedIcons: {
459
459
  display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api-keys", "icon-display-api", "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-col", "icon-display-chat-stack", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom-cname", "icon-display-custom", "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-mono", "icon-display-hipaa", "icon-display-history", "icon-display-integrations-col", "icon-display-integrations", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-message", "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-col", "icon-display-push-notifications-mono", "icon-display-push-notifications", "icon-display-quickstart-guides-col", "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-mono", "icon-display-soc2-type2", "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-col", "icon-display-virtual-events"];
460
- gui: readonly ["icon-gui-ably-badge", "icon-gui-account", "icon-gui-app", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down-circled", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill-black", "icon-gui-check-circled-fill", "icon-gui-check-circled", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-chevron-down", "icon-gui-chevron-up", "icon-gui-clock", "icon-gui-close", "icon-gui-copy", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link-bolder", "icon-gui-external-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-hand", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-link", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-organization", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-resources", "icon-gui-search", "icon-gui-tick", "icon-gui-warning-fill", "icon-gui-warning"];
460
+ gui: readonly ["icon-gui-ably-badge", "icon-gui-account", "icon-gui-app", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down-circled", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill-black", "icon-gui-check-circled-fill", "icon-gui-check-circled", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-chevron-down", "icon-gui-chevron-up", "icon-gui-clock", "icon-gui-close", "icon-gui-copy", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-currency-dollar", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link-bolder", "icon-gui-external-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-hand", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-link", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-organization", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-resources", "icon-gui-search", "icon-gui-tick", "icon-gui-user-circle", "icon-gui-warning-fill", "icon-gui-warning"];
461
461
  other: readonly ["icon-other-quote"];
462
462
  product: readonly ["icon-product-asset-tracking-mono", "icon-product-asset-tracking", "icon-product-chat-mono", "icon-product-chat", "icon-product-liveobjects", "icon-product-livesync-mono", "icon-product-livesync", "icon-product-platform-mono", "icon-product-platform", "icon-product-pubsub-mono", "icon-product-pubsub", "icon-product-spaces-mono", "icon-product-spaces"];
463
463
  social: readonly ["icon-social-discord", "icon-social-facebook", "icon-social-github", "icon-social-glassdoor", "icon-social-google", "icon-social-linkedin", "icon-social-stackoverflow", "icon-social-twitter", "icon-social-x", "icon-social-youtube"];
@@ -474,7 +474,7 @@ export const defaultIconSecondaryColor: (name: IconName) => "text-neutral-000" |
474
474
 
475
475
  declare module '@ably/ui/core/Icon/types' {
476
476
  export const iconNames: {
477
- gui: readonly ["icon-gui-ably-badge", "icon-gui-account", "icon-gui-app", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down-circled", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill-black", "icon-gui-check-circled-fill", "icon-gui-check-circled", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-chevron-down", "icon-gui-chevron-up", "icon-gui-clock", "icon-gui-close", "icon-gui-copy", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link-bolder", "icon-gui-external-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-hand", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-link", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-organization", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-resources", "icon-gui-search", "icon-gui-tick", "icon-gui-warning-fill", "icon-gui-warning"];
477
+ gui: readonly ["icon-gui-ably-badge", "icon-gui-account", "icon-gui-app", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down-circled", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill-black", "icon-gui-check-circled-fill", "icon-gui-check-circled", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-chevron-down", "icon-gui-chevron-up", "icon-gui-clock", "icon-gui-close", "icon-gui-copy", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-currency-dollar", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link-bolder", "icon-gui-external-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-hand", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-link", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-organization", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-resources", "icon-gui-search", "icon-gui-tick", "icon-gui-user-circle", "icon-gui-warning-fill", "icon-gui-warning"];
478
478
  display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api-keys", "icon-display-api", "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-col", "icon-display-chat-stack", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom-cname", "icon-display-custom", "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-mono", "icon-display-hipaa", "icon-display-history", "icon-display-integrations-col", "icon-display-integrations", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-message", "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-col", "icon-display-push-notifications-mono", "icon-display-push-notifications", "icon-display-quickstart-guides-col", "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-mono", "icon-display-soc2-type2", "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-col", "icon-display-virtual-events"];
479
479
  social: readonly ["icon-social-discord", "icon-social-facebook", "icon-social-github", "icon-social-glassdoor", "icon-social-google", "icon-social-linkedin", "icon-social-stackoverflow", "icon-social-twitter", "icon-social-x", "icon-social-youtube"];
480
480
  other: readonly ["icon-other-quote"];
@@ -1036,15 +1036,15 @@ export default Slider;
1036
1036
  }
1037
1037
 
1038
1038
  declare module '@ably/ui/core/Status' {
1039
- export const StatusIcon: ({ statusUrl, refreshInterval, }: {
1040
- statusUrl: string;
1041
- refreshInterval?: number;
1042
- }) => import("react/jsx-runtime").JSX.Element;
1043
- const Status: ({ statusUrl, additionalCSS, refreshInterval, }: {
1039
+ type StatusProps = {
1044
1040
  statusUrl: string;
1045
1041
  additionalCSS?: string;
1046
1042
  refreshInterval?: number;
1047
- }) => import("react/jsx-runtime").JSX.Element;
1043
+ showDescription?: boolean;
1044
+ };
1045
+ export const StatusUrl = "https://ntqy1wz94gjv.statuspage.io/api/v2/status.json";
1046
+ export const StatusIcon: ({ statusUrl, refreshInterval, }: StatusProps) => import("react/jsx-runtime").JSX.Element;
1047
+ const Status: ({ statusUrl, additionalCSS, refreshInterval, showDescription, }: StatusProps) => import("react/jsx-runtime").JSX.Element;
1048
1048
  export default Status;
1049
1049
  //# sourceMappingURL=Status.d.ts.map
1050
1050
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "15.1.11",
3
+ "version": "15.1.13",
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",
@@ -26,7 +26,7 @@
26
26
  "@storybook/blocks": "^8.4.0",
27
27
  "@storybook/react-vite": "^8.4.0",
28
28
  "@storybook/test": "^8.4.0",
29
- "@storybook/test-runner": "^0.20.0",
29
+ "@storybook/test-runner": "^0.21.0",
30
30
  "@swc/cli": "^0.5.0",
31
31
  "@swc/core": "^1.4.11",
32
32
  "@tailwindcss/container-queries": "^0.1.1",
@@ -47,6 +47,7 @@
47
47
  "http-server": "14.1.1",
48
48
  "msw": "2.6.1",
49
49
  "msw-storybook-addon": "^2.0.2",
50
+ "playwright": "^1.49.1",
50
51
  "prettier": "^3.2.5",
51
52
  "react-syntax-highlighter": "^15.6.1",
52
53
  "storybook": "^8.4.0",