@ably/ui 15.1.10-dev.b5a191f → 15.1.11-dev.c976953
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/Button.js +1 -1
- package/core/LinkButton.js +1 -1
- package/core/Pricing/PricingCards.js +1 -1
- package/core/Pricing/data.js +1 -1
- package/core/icons/icon-gui-account.svg +2 -3
- package/core/icons/icon-gui-app.svg +2 -2
- package/core/icons/icon-gui-organization.svg +2 -3
- package/core/sprites.svg +1 -1
- package/index.d.ts +8 -0
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -225,6 +225,7 @@ export default Badge;
|
|
|
225
225
|
declare module '@ably/ui/core/Button' {
|
|
226
226
|
import React, { PropsWithChildren } from "react";
|
|
227
227
|
import { IconName } from "@ably/ui/core/Icon/types";
|
|
228
|
+
import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
|
|
228
229
|
export type ButtonType = "priority" | "primary" | "secondary";
|
|
229
230
|
type ButtonSize = "lg" | "md" | "sm" | "xs";
|
|
230
231
|
export type ButtonPropsBase = {
|
|
@@ -248,6 +249,10 @@ export type ButtonPropsBase = {
|
|
|
248
249
|
* Optional classes to add to the button element.
|
|
249
250
|
*/
|
|
250
251
|
className?: string;
|
|
252
|
+
/**
|
|
253
|
+
* Optional color to apply to the icon on either left and/or right side of the button.
|
|
254
|
+
*/
|
|
255
|
+
iconColor?: ColorClass | ColorThemeSet;
|
|
251
256
|
};
|
|
252
257
|
type ButtonProps = ButtonPropsBase & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
253
258
|
export const iconModifierClasses: Record<ButtonSize, {
|
|
@@ -499,9 +504,11 @@ export default Icon;
|
|
|
499
504
|
declare module '@ably/ui/core/LinkButton' {
|
|
500
505
|
import React from "react";
|
|
501
506
|
import { ButtonPropsBase } from "@ably/ui/core/Button";
|
|
507
|
+
import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
|
|
502
508
|
export type LinkButtonProps = ButtonPropsBase & {
|
|
503
509
|
disabled?: boolean;
|
|
504
510
|
onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
511
|
+
iconColor?: ColorClass | ColorThemeSet;
|
|
505
512
|
} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
506
513
|
const LinkButton: React.FC<LinkButtonProps>;
|
|
507
514
|
export default LinkButton;
|
|
@@ -934,6 +941,7 @@ type PricingDataFeatureCta = {
|
|
|
934
941
|
className?: string;
|
|
935
942
|
disabled?: boolean;
|
|
936
943
|
onClick?: () => void;
|
|
944
|
+
iconColor?: ColorClass | ColorThemeSet;
|
|
937
945
|
};
|
|
938
946
|
export type PricingDataFeatureSection = {
|
|
939
947
|
title: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ably/ui",
|
|
3
|
-
"version": "15.1.
|
|
3
|
+
"version": "15.1.11-dev.c976953",
|
|
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",
|